Currículo: este documento forma parte de los contenidos prácticos del Tema 2 – Desarrollo móvil correspondiente a 1ºESO.
Dirígete al sitio web de Thunkable e inicia sesión.
1. Nuevo proyecto
Crea un nuevo proyecto y llámale HOLA MUNDO.
Activa la pestaña de diseño.
2. Pantalla principal
Renombra la pantalla Screen1 a «PantallaPrincipal» y ponle de fondo un color gris muy clarito.
3. Componente Label
Este componente se usa para mostrar texto en las apps.
Arrastra a la parte superior de la app un componente Label -para alojar un texto-.
Renombra el componente como «LabelTitulo».
Introduce en el label el texto «Mi primera app».
Usa un tipo de fuente llamada Poppins, en azul, negrita, tamaño a 22 puntos y alineación centrada.
Así debería quedar:
4. Componente Button
Arrastra al lienzo dos componentes Button.
El primero renombralo como BotonRojo y al segundo como BotonVerde.
El texto del interior de los botones debe ser en ambos casos «Pulsa aquí».
Cambia las propiedades de los botones para que aparezca uno con fondo rojo y el otro con fondo verde.
Así debería ir:
5. Componente Label
Debajo del botón verde añade otro Label llamado «LabelRespuesta».
Configúralo para que muestre un texto cualquiera con alineación centrada, tamaño de fuente 20 y color de letra gris oscuro.
Luego, deja vacío el contenido del Label.
6. Bloques
Pulsa sobre el componente PantallaPrincipal y haz que cuando se abra aparezca en LabelRespuesta el texto “La pantalla se ha abierto”.
Pulsa sobre el componente BotónVerde y haz que cuando se haga click en él aparezca en LabelRespuesta el texto “Se ha pulsado el botón verde”.
Pulsa sobre el componente BotónRojo y haz que cuando se haga click en él aparezca en LabelRespuesta el texto “Se ha pulsado el botón rojo”.
Este es el resultado que debe quedarte:
7. Siguiente paso
Ahora que ya sabes cómo hacer algo, te propongo que visualices este otro vídeo en el que se explica cómo navegar entre distintas pantallas y cómo enviar información de unas a otras usando variables. Una vez que programes esta aplicación, estarás preparado para abordar el desarrollo de las siguientes prácticas.