martes, 3 de febrero de 2026

CARRITO DE COMPRA

 APP CON CARRITO DE COMPRA

 1. INTERFAZ DE CATEGORÍAS

 

2. CODIGO DE SCREEN CATEGORIAS

 

3. SCREEN ROPA

 

4.CODIGO DE SCREEN ROPA 

 

 

5. SCREEN ELECTRONICA

 

6. CODIGO DE SCREEN ELECTRONICA

 7. SCREEN BOLETA

 

8. SCREEN BOLETA 

 

 

TABLAS

 

 

 

 

jueves, 11 de diciembre de 2025

JUEGO SALTAR

 JUEGO DEL DINOSAURIO

1. INTERFAZ

 

2. CÓDIGO 

2.1. CÓDIGO DEL PERSONAJE

 

2.2. CÓDIGO DEL OBSTÁCULO 

 

martes, 4 de noviembre de 2025

GALERIA

 GALERÍA DE IMÁGENES

1. INTERFAZ DE LA APP

TIENDA DE TECNOLOGÍA

 

2. DATOS DE LA GALERÍA

 

3. VINCULAR DATOS CON EL COMPONENTE GRID

 

 

4. VENTANA POPUP  

Crear un componente de nombre GROUP

Dentro del componente GROUP crear Labelnombre, Labelprecio, Labeldescripcion, imagedetalle, buttoncerrar.   

De la siguiente manera:

 

 

 

 

5. CÓDIGO DEL POP UP 

 

6. Interfaz de ScreenCategoria

 

7. Base de datos para las "Categorías" 

 

8.  Base de datos "Productos" de la app.

  

9. Crear un filtro con nombre "Ropa" 

 

10. INTERFAZ DEL ScreenRopa

 

11. Configuración del DataGrid_Ropa

 

12. CÓDIGO DEL ScreenCategoría

 

13. CÓDIGO DE ScreenRopa 


viernes, 10 de octubre de 2025

martes, 7 de octubre de 2025

REGRESIVA

 CUENTA REGRESIVA

1. INTERFAZ

 

2. DIAGRAMA DE FLUJO

2: Diagrama de Flujo mostrando un ciclo while | Download Scientific Diagram 


3. BLOQUES DE CÓDIGO

A. Ingresar con tu cuenta a thunkable en el google, Ahora crea los siguiente componente con los nombres como se observa en la imagen:

 

B. Presionamos sobre la opción VARIABLE y escogemos el bloque:

 

C. Ahora presionamos en la opción:

 

D. Luego escogemos el bloque de numero.

 

E.  Insertamos el Cero en el bloque initialize, asi:

 

F. En la zona de componentes presionamos en el boton btn_iniciar

 

G. Escogemos el bloque When BTN_INICIAR Click

 

H.  Escogemos el bloque set variable i to

 

I. Insertamos dentro del bloque naranja WHEN y cambiamos a APP VARIABLE i, de esta manera:

 

J. Insertamos el bloque numero al costado del bloque SET APP VARIABLE y le asignamos el número 10.

 

K. Ahora hacemos clic en el bloque LBL_RPTA.

 

L. Ahora insertamos debajo de SET APP VARIABLE i 

 

M. Borramos el texto Label y lo dejamos vacío.

 

N.  Hacemos clic en la opción CONTROL

 

O. Insertamos dentro del bloque WHEN, asi:

 

P. Hacemos clic en LOGIC y escogemos el bloque de comparación mayor que.

 

 

 Q.  Insertamos el bloque después de WHILE, asi:

 

R. Presionamos sobre la opción VARIABLES

 

S. Escogemos el bloque de código app variable i y lo incluimos dentro del bloque while, asi:

 

 T. Ahora debemos cambiar la condición a  >= 1, asi:

 

U. Ahora hacemos clic en el componente SET LBL_RPTA' text to y los arrastramos dentro del bucle repeat, al costado do, agregamos también un bloque join de la opción TEXT

 

  V. Ahora agregamos el bloque LBL_RPTA's text en reemplazo de hello y APP VARIABLE i, en reemplazo de world.

 

W. Hacemos clic en el signo + y agregamos  el bloque de texto con el siguiente contenido: \n

 X. Ahora agregamos el bloque SET APP VARIABLE TO

 Y. Ahora agregamos el bloque de resta.

 Z. Reemplazamos APP VARIABLE i por el primer 1 del bloque azul.

 

4. RESULTADO