Contactos de emergencia Este ejemplo trata de ilustrar sobre el uso del componente TinyDB. El componente
en mención permite almacenar datos permanentemente en nuestro móvil.
Pertenece al grupo de componentes de almacenamiento.
Paralelo al uso de los bloques de programación del
componente TinyDB, se tendrá la oportunidad de
explorar una forma sencilla de ocultar los
componentes insertados en una disposición.
El proyecto consiste en un gestor de datos que permite almacenar nuevos contactos
y ubicarlos posteriormente en una lista desplegable. El manejo de dados se llevará
a cabo utilizando un componente especializado para tal fin, cual es el caso de
TinyDB, perteneciente al grupo de componentes de almacenamiento. Los datos se
mostrarán en una lista desplegable que permite seleccionar el contacto deseado
una vez que este haya sido almacenado. Véase el ejemplo a continuación.
En la imagen mostrada es
posible identificar los
componentes insertos en
la DisposiciónHorizontal3.
Lista desplegable
Captura de datos
Componente no visible TinyBD
Desglose de requerimientos del proyecto
Tipo de componente
Paleta Grupo Nombrar como Propósito del Componente
Ubicación y Configuración de propiedades en Diseñador
Disposición Vertical
Disposiciones Disposición vertical1
Albergar las disposiciones
horizontales 1,2 y 3
1. Alto y ancho: ajustar al contenedor
Disposición Horizontal
Disposiciones Disposición Horizontal1
Albergar la
etiqueta
nombres y
apellidos y la
caja de texto
donde se
escriben el
nombre y
apellidos
1- Alto y ancho: ajustar al contenedor
Disposición Horizontal
Disposiciones Disposición Horizontal2
Albergar la
etiqueta número
y la caja de
texto donde se
escriben el
número.
1- Alto y ancho: ajustar al contenedor
Disposición Horizontal
Disposiciones Disposición Horizontal3
Alberga los
botones:
Guardar, ver
registros y el
campo de texto
contactos.
1- Alto y ancho: ajustar al contenedor
Disposición
Horizontal
Disposiciones Disposición
Horizontal4
Alberga la lista
desplegable y el
campo de texto
donde se anotará
el número del
contacto.
1- Alto: automático 2- Ancho: ajustar al
contenedor.
Disposición
Horizontal
Disposiciones Disposición
Horizontal5
Alberga el botón
volver. 1- Alto: automático
2- Ancho: ajustar al contenedor.
Etiqueta Interfaz de
usuario
EtRegNom Título de la
aplicación. Texto: Registro de Nombres
Etiqueta Interfaz de
usuario
EtNombre Etiqueta
“Nombre” Texto: Nombre y apellidos
Campo de
texto
Interfaz de
usuario
TxtNombre Anotar el
nombre del
contacto
Texto: escriba nombre
Etiqueta Interfaz de
usuario
EtNumero Etiqueta
“Número” Texto: Número
Campo de
texto
Interfaz de
usuario
TxtNúmero Anotar el
número del
contacto
Texto: Escriba número
Botón Interfaz de
usuario
BtnGuardar Guardar los
datos Texto: Guardar
Botón Interfaz de
usuario
BtnVerRegistros Ver los
contactos Texto: Ver Registros
Etiqueta Interfaz de
usuario
EtContactos Información Texto: Contactos
Desplegable Interfaz de
usuario
DesplegableNo
mbreContactos
Permite agregar
contactos a una
lista desplegable
Ancho: automático.
Etiqueta Interfaz de
usuario
EtNúmeros Mostrar
número de
contacto
Texto: Sin número
Botón Interfaz de
usuario
BtnVolver Regresar para
agregar otro
contacto.
Texto: Volver
TinyBD Almacenamien
to
TinyBD1 Llama Datos
de la lista
desplegable.
Nota: Es un componente no visible, se agrega debajo de la ventana de diseño.
Manos al diseño y a la programación. Observe el videotutorial ubicado en la dirección: https://youtu.be/PF6jDAHWW6k
A continuación debe dirigirse a la galería de proyectos de Apps inventor y en el
buscador de apps anote el siguiente nombre de proyecto: Contactos-reto-para-
modificar leocc2.
En ese proyecto encontrarás el diseño de la aplicación, tal cual fue descrita en el
desglose de los requerimientos.
Reto
Programe la aplicación utilizando como apoyo el videotutorial y la lista de
requerimientos del proyecto. Debe mejorar la apariencia, tome en cuenta los
siguientes aspectos.
a. Tener una imagen de fondo
b. Cambie la orientación de la pantalla a horizontal.
c. Los botones deben poseer color o imagen de fondo
d. El texto debe poseer un color diferente al establecido por defecto.
e. Guarde al menos 5 contactos
f. Desarrolle el procedimiento necesario para eliminar la lista de contactos.
g. Guarde el proyecto con el siguiente nombre: ListaContactosNombre
h. Sube el proyecto a la galería y no olvide enviar al casillero de tareas los datos,
para que sea localizado y evaluado por el mediador.