Primeros pasos

Lopaka.app es un editor en el navegador para diseñar interfaces de usuario embebidas y generar código para las plataformas de pantalla compatibles.

Esta guía muestra el camino más rápido desde el inicio de sesión hasta la edición de tu primer proyecto.

Iniciar sesión

Abre lopaka.app y continúa con uno de los métodos de inicio de sesión disponibles:

• Correo electrónico y contraseña
• GitHub
• Google

Después de autenticarte, Lopaka te lleva a la página Proyectos. Es tu espacio de trabajo principal para administrar tus proyectos en la nube.

Página de proyectos

La página Proyectos muestra tus proyectos guardados como tarjetas. Usa las flechas de la vista previa de una tarjeta para recorrer sus pantallas. Haz clic en el título del proyecto o en una vista previa para abrir el resumen del proyecto en el editor.

Desde aquí puedes:

• Crear un proyecto nuevo
• Abrir un proyecto existente
• Filtrar proyectos por plataforma, título, tamaño de pantalla o favoritos
• Copiar un proyecto con el botón de copia de su tarjeta

Para agregar o administrar pantallas, abre el proyecto en el editor.

Si tu cuenta todavía no tiene proyectos, Lopaka te invita a crear el primero.

Crear un proyecto nuevo

Haz clic en Nuevo proyecto en la página Proyectos para abrir el asistente de proyecto.

El asistente te pide los ajustes principales del proyecto:

1. Título: el nombre que aparece en tu lista de proyectos
2. Plataforma: el framework o la familia de dispositivos de destino. No se puede cambiar después de crear el proyecto. Consulta Plataformas para más detalles.
3. Tamaño de pantalla: elige una pantalla predefinida o activa el interruptor Personalizado para ingresar tu propio ancho y alto
4. Color de fondo: elige el color de fondo predeterminado de la pantalla cuando la plataforma seleccionada lo admite
5. Publicar en la Galería: activa esta opción para que otros usuarios puedan ver el proyecto en la galería

Al confirmar, Lopaka crea el proyecto con una pantalla inicial llamada Screen 1 y lo abre en el editor.

Editar los ajustes del proyecto

En la página Proyectos, haz clic en el ícono del encabezado de la tarjeta de un proyecto para abrir Ajustes del proyecto.

Siguientes pasos

Cuando tu primer proyecto esté listo, los siguientes pasos suelen ser:

• Abrir el proyecto en el editor
• Exportar el código generado
• Compartir el proyecto con otras personas