APP Diagnostico Médico APP Inventor

El objetivo de la aplicación, es aplicar los conocimientos que se han adquirido en el curso, desde botones, disposiciones, pantalla, etc, así como sus propiedades. 

La aplicación consiste en que mediante una base de datos que ya viene incluida, el usuario tendrá que escribir su malestar y se brindarán opciones de posible enfermedad que tenga.

El objetivo de esta app es una atención temprana, para que el usuario asista con un médico de la salud para validar dicha enfermedad.

Ante cualquier malestar siempre acudir con un médico.

Paso 1. Abrir MIT APP inventor y crear nueva aplicación.

Paso 2. Editar los atributos como se muestra en la imagen

Paso 3. Agregar 2 Disposiciones Verticales

Paso 3: A la Disposición Vertical 1 hacerle lo siguiente:

• Cambiarle el nombre a Pantalla 1  

•  Agregar los siguientes componentes: Etiqueta de Texto, Imagen, Etiqueta de Texto2 y Visor de Lista

•  En propiedades " DispHorizontal " dejarlo en "Centro : 3 " 

•  En ColorDeFondo dejarlo en "Ninguno 

•  Reemplazar Etiqueta de Texto 1 por : Diagnóstico Médico, Imagen por una de su gusto,  darle el tamaño de 200 x 200 pixeles, en Etiqueta de Texto2 poner Síntomas Principales. 

•  Al visor de lista en Alto poner "Ajustar al contenedor" y su Ancho 90% 

•  Importante: Marcar la siguiente opción, es parte de la propiedad del Visor de Lista

Al momento deberían de llevar algo así:

Ahora continuemos con la pantalla 2, antes de ello ocultar la visibilidad en Pantalla 1

 Paso 4: A la Disposición Vertical 2 hacerle lo siguiente:

• Cambiarle el nombre a Pantalla 2
• Agregar una Etiqueta de texto, una disposicion tabular en la propiedades hacerlo de 2 columnas por 7 Filas.
• Por cada fila agregar Etiquetas de Texto, en total deberían ser 7
• A lado agregar Campo de Texto, en total deberían ser 7
• Cada campo de texto tendrá un ancho del 60% y en propiedades primero deshabilitar la opción que dice "HABILITADO", posteriormente habilitar la opción "Multilínea", dichas opciones se encuentran en la parte inferior.
• Modificamos las propiedades de cada etiqueta, deberá quedar de la siguiente forma:
• 
  
  
  
• Para el nombre de las cajas de texto el nombre que deberá llevar se compone de la siguiente forma: CajaNombreQueTieneSuEtiqueta. Por ejemplo, la primera sería CajaCodigo.
• Terminado ello, el botón de la parte inferior se llamará " Regresar " su ancho será del 40%

Paso 5: Una vez terminado ello hacemos invisible la pantalla 2 y hacemos visible la pantalla 1.

Paso 6: En la pantalla 1 agregamos el elemento " Notificador ". Además en esta interfaz buscamos la que diga Almacenamiento y de ahí arrastramos el elemento "Hoja de Calculo". Se deberá ver así nuestro avance:

Paso 7 Hacer click en el elemento hoja de calculo y hacer lo siguiente:

En NombreAplicacion: DiagnosticoMedico

En CredencialesJSON primero descargar el archivo de:

https://drive.google.com/drive/folders/1GjdYe-DzPCt0AWezIpkqHOn0YYWmkC5j?usp=sharing

Una vez hecho eso, subimos el archivo, se anexa captura de pantalla

 En IDHojaCalculo: 1A33RlMOx4JEAvRsisASyksURp85AEi-PJM_0bEDHoRU

Esos son los datos con los que debemos de llenar esas propiedades, se anexa captura.

Paso 8: Finalmente queda la programación, para ello se proporciona el siguiente codigo funcional

Una vez concluido solo queda probar la aplicación.