Monthly Archives: febrero 2015

You are browsing the site archives by month.

Tras una temporada de descanso y viendo que muchos de los comentarios son en la categoría de App Inventor, añadiré más contenido en esta categoría aunque sin descuidar las demás. Por ello vamos con un nuevo y muy util elemento: TinyDb

Este elemento sirve para guardar datos en la app, es recomendable utilizarlo cuando lo que se quiere guardar no es una gran cantidad de datos. Para las grandes cantidades se recomienda utilizar otro elemento.

En este ejemplo veremos cómo guardar y mostrar un dato introducido por el usuario, su nombre. El funcionamiento sería que el usuario introduce su nombre y pulsa un botón para guardarlo. A continuación puede pulsar otro botón para mostrar el dato en una label.

  1. El primer paso es sacar todos los elementos que vamos a utilizar a la pantalla. En este ejemplo son: 2 label, un textbox, 2 botones y el elemento tinydb. Este último elemento se encuentra en el apartado “Storage” en la columna izquierda.
  2. Configuramos el texto para que sea un poco coherente con lo que vamos a hacer. Quedaría de esta manera:

    pantalla ejemplo tinydb

    pantalla ejemplo tinydb

  3. Lo siguiente ya es ir a los bloques y empezar a sacar piezas para guardar el dato:
    1. De la sección del boton1 que hemos puesto hay que sacar la pieza “when button1.click”.
    2. Dentro introducimos una estructura de control “if then” sacada del grupo “control” que nos servirá para comprobar si el usuario ha introducido algún dato.
    3. En la condición “if” introduciremos una operación lógica con el símbolo distinto en el que el primer parámetro será el texto introducido por el usuario, estos es, “textbox1.text” del bloque del textbox que tenemos. El segundo parámetro será simplemente el texto ” ” obtenido del bloque “text”.
    4. En la parte “then” introduciremos la pieza “callTinydb1.StoreValue” sacada del objeto tinyDb1 (nuestra base de datos). Esta misma pieza requiere 2 más, la primera será un texto con el nombre que le queramos dar al dato que guardamos, en mi caso le he llamado “nombreUsuario”, y la segunda el valor de lo que ha introducido el usuario. Esto es, “textbox1.text”.

      Guardar dato - ejemplo db

      Guardar dato – ejemplo db

  4. Una vez el texto esta guardado falta hacer la parte de mostrarlo por pantalla. Para ello sacamos las siguientes piezas:
    1. De la sección del boton2 que hemos puesto sacamos la pieza “when button2.click”.
    2. Dentro introducimos la pieza “set label2.text” que sacamos del grupo de la label2 y le adjuntamos la pieza “call tinyDb1.GetValue” que obtenemos desde el grupo de nuestra tinyDb.
    3. A esta pieza le añadimos en la parte “tag” el texto con el mismo nombre que hemos llamado al valor que guardamos, esto es, “nombreUsuario”. En caso de que no exista ningún valor podemos mostrar un texto vacío o una frase indicando que no hay dato adjuntando el texto en la parte “valueIfTagNotThere”. En mi caso he dejado vacío pero sería recomendable mostrar un texto indicando que no hay datos guardados.

      Mostrar dato guardado - ejemplo db

      Mostrar dato guardado – ejemplo db

Con estos bloques ya funciona nuestro pequeño ejemplo de guardar y mostrar datos. Algo que hay que tener en cuenta es que los datos que se guardan en un objeto TinyDb NO se borran al salir de la app. Sólo se borran si se borra la cache del móvil desde el panel de administración de aplicaciones.

Para más información, como siempre en la documentación de AppInventor

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies