[Podmetro]

Tpicos

[Osornio Torrez Luis Manuel]

Para la creacion del podmetro, se requierio trabajar en App inventor, una plataforma online de
creacion de apliaciones, para ello basta con hacer click en el siguiente enlace:
http://ai2.appinventor.mit.edu/#6537742457241600.

En nuestro caso, se disea la interfaz paso a paso, obtienes una simulacion de

pantalla de un smartphone android, y en ella, puedes comenzar a colocar objetos
simplemente arrastrandolos, desde un menu lateral, donde se encuentran los
diferentes elementos decorativos para tu apliacion.

Despues de que insertamos nuestra interfaz, lo siguiente, es ir a la parte superior

derecha, nos muestra un boton cuyo nombre es blocks, en el podremos comenzar a
trabajar en la parte logica del programa, arrastrando las instrucciones a seguir, en
forma de rompecabezas, y cada una con colores llamativos para hacer mas didactica
la programacion de nuestra aplicacion.

Bien, ahora para la creacion del podometro, es necesario abrir un nuevo proyecto en
blanco, colocar el nombre del mismo, en este caso, podometro.

Despues, comenzamos con el diseo de la interfaz grafica, la que se mostrara en el

celular una vez terminado el poryecto, para ello, necesitamos los siguientes
elementos:

4-5 botones (depende a gustos).

5 etiquetas de texto
1 listview (lista)
1 selector de fecha
1 textbox (cuadro de texto)
Insertar los sensores del podometro (pedometer)
Elegir una base de datos en este caso (TinyDb)

Ahora, lo siguiente sera ordenarlos en la interfaz a gusto propio en mi caso, quedo de

la siguiente manera:

Continuando con el proyecto, nos pasamos al area de programacion de nuestra

aplicacion, dentro del area, por defecto viene en idioma ingles, pero si no lo entienden
del todo bien, en la parte superior derecha, viene un pequeo menu en el cual
podemos elegir el idioma que deseemos usar para las instrucciones.

Bueno, comenzamos con la programacion de los botones, comenzaremos con el boton

uno que en mi caso sera el de iniciar.

 El primer paso sera ir al menu lateal izquierdo, y seleccionar el boton1,

colocaremos las siguientes intrucciones:
When (cuando) boton1 click (cuando demos click al boton1)
Dentro de ella, nos vamos a screen o pantalla 1 y arrastramos backgroundColor
(color de fondo), ahora en colors (colores) arrastramos el primero que te deja
elegir un color y lo colocamos en la pestaa disponible dentro de la instruccion de
color de fondo, y seleccionamos el color deseado, lo que pasara con esto, es que
al dar click en dicho boton, la pantalla se iluminara del color elegido para saber
que la instruccion se ha ejecutado.
Ahora nos vamos a nuestra etiqueta1 en mi caso pasos y seleccionamos la que
dice, set etiqueta1 text (colocar texto en la etiqueta1) y la colocamos dentro de la
instruccion principal, que sera el click en el boton. Nos vamos a text y arrastramos
una casilla en blanco e insertamos en las instrucciones tal como se ve en la
imagen y le dan el texto que deseen.
Ahora despues de hacer lo anterior, nos vamos al pedometer (podometro) y
seleccionamos call pedometer1 . Reset (llamar al podometro y reiniciar), lo mismo
con iniciar. Esto nos servira para hacer que el sensor del podometro de nuestro
movil, comience a funcionar con el toque del boton.

Hacemos algo parecido con el resto de botones como se muestra en las imagenes:
Boton2:

Bien, terminados de programar los botones anteriores, seguimos con las instrucciones
para que el podometro comience a contar los pasos, para ello:
Nos dirigimos al menu izquierdo-pedometer y seleccionamos walkStep (pasos),
ahora en etiequeta1 (pasos), le damos un texto- en text usando la herramienta
join (unir), colocamos una etiqueta de texto y en variables, arrastramos walksteps
(pasos). Y de esta manera contara los pasos en la etiqueta se va ir aumentando el
contador iniciado en 0.

Para (paso simple) simpleStep, nos vamos a pedometer, y seleccionamos when

.simpleStep , con ello haremos que nos registre las distancias y el tiempo transcurrido
por despues de dar click al boton iniciar. Como se muestra en la anterior imagen.

Ahora como paso final para obetener una aplicacion ejecutable en nuestro movil, en la
parte superior seleccionamos Built y damos click en .apk mediante codigo QR (se
necesitara una aplicacion que lea codigos QR en nuestro movil).
Comenzara a compilar el proyecto en busca de errores, y si no hay, nos arrojara el
codigo para la descarga:

Continuando, vamos a agregar un boton nuevo para hacer el registro de datos en la

base de datos en mi caso lo llame Guardar, ahora programemoslo, nos vamos a
blocks e insertamos lo siguiente:
Este codigo que se muestra a continuacion es gracias a la ayuda de un compaero de
clase Antonio, lo que hace es guardar la fecha y mostrarla:

Muy bien, lo sigueinte es el almacenamiento de los datos en la base, para ello

utilizamos los metodos para guardar valores ubicados al dar click en TinyDb,
necesitaremos algunas variables globales como son; lista, pasos, y registro, la primera
nos creara una lista nueva, la segunda obtiene y guarda los pasos que damos, y la
tercera, guarda el registro de la fecha.
Nos quedara de la siguiente manera:

Y listo, eso es todo (: asi se crea un podometro en App Inventor 2