Primeiros passos

O Lopaka.app é um editor no navegador para projetar interfaces de usuário embarcadas e gerar código para as plataformas de display compatíveis.

Este guia mostra o caminho mais rápido entre entrar e editar seu primeiro projeto.

Entrar

Abra lopaka.app e continue com um dos métodos de acesso disponíveis:

• E-mail e senha
• GitHub
• Google

Depois da autenticação, o Lopaka leva você à página Projetos. Esse é o seu espaço de trabalho principal para gerenciar projetos na nuvem.

Página de projetos

A página Projetos mostra seus projetos salvos como cartões. Use as setas de pré-visualização de um cartão para navegar pelas telas dele. Clique no título do projeto ou em uma pré-visualização para abrir a visão geral do projeto no editor.

A partir daqui, você pode:

• Criar um novo projeto
• Abrir um projeto existente
• Filtrar projetos por plataforma, título, tamanho do display ou favoritos
• Copiar um projeto usando o botão de cópia do cartão

Para adicionar ou gerenciar telas, abra o projeto no editor.

Se a sua conta ainda não tiver projetos, o Lopaka sugere que você crie o primeiro.

Criar um novo projeto

Clique em Novo projeto na página Projetos para abrir o assistente de projeto.

O assistente pede as principais configurações do projeto:

1. Título: o nome exibido na sua lista de projetos
2. Plataforma: o framework ou a família de dispositivos de destino. Não pode ser alterada depois que o projeto é criado. Consulte Plataformas para mais detalhes.
3. Tamanho da tela: escolha um display predefinido ou ative o interruptor Personalizado para inserir sua própria largura e altura
4. Fundo: escolha a cor de fundo padrão da tela quando a plataforma selecionada oferecer suporte a isso
5. Publicar na Galeria: ative esta opção para tornar o projeto visível para outros usuários na galeria

Ao confirmar, o Lopaka cria o projeto com uma tela inicial chamada Screen 1 e o abre no editor.

Editar as configurações do projeto

Na página Projetos, clique no ícone no cabeçalho do cartão de um projeto para abrir Configurações do projeto.

Continue daqui

Quando seu primeiro projeto estiver pronto, os próximos passos costumam ser:

• Abrir o projeto no editor
• Exportar o código gerado
• Compartilhar o projeto com outras pessoas