Aplicación AppInventor

TDIC en Entornos de Aprendizajes Virtuales e Informática I

Profesor: Beltrán Pantoja
Integrantes: Nicolás Muñoz y Jordan Vergara
 Índice

Propuesta gráfica 2
Explicación del funcionamiento 3
Interfaz de distancia 3
Interfaz de volumen 7
Resolución de problemas 9
Identificación de desafíos 10

1
 Propuesta gráfica
Cuando el usuario abre la aplicación, aparece la interfaz gráfica de la pantalla
principal. Esta consta de un logo, fondo rosa, botones grises y textos negros.

Además, tanto para el cálculo de distancia y volumen, se tiene una imagen

mostrada en pantalla.

2
 Explicación del funcionamiento
Primero, cuando se abre la aplicación, se muestra la interfaz ya mencionada, la cual
tiene los siguientes códigos:

El primer bloque señala que cuando se aprieta el botón distancia, hará aparecer la
interfaz para realizar conversiones de distancias.
El segundo señala que cuando se aprieta el botón volumen, hará aparecer la
interfaz para realizar conversiones de volúmenes.
Mientras que el último señala que si se aprieta el botón salir, la aplicación se cierra.

Interfaz de distancia
Una vez que el usuario va hacia la ventana
para realizar conversiones de distancias, tiene
un cuadro de texto para escribir (sólo números)
y una lista desplegable para seleccionar su
unidad de medida. Cuando presiona en Hacer
conversión le aparecerán las equivalencias en
las otras magnitudes. Por ejemplo, si
selecciona 10 centímetros, al presionar el
botón, le aparecerá que es equivalente a
0,109361 yardas y a 0,328084 pies.
Además, el usuario podrá volver al menú
principal presionando el botón Atrás.
En cuanto a los bloques de código, se va a
mostrar el funcionamiento de cómo pasar de
centímetros a yardas y pies solamente, ya que
para los otros dos, el procedimiento es análogo. De todas formas se adjuntará
imágenes.

3
Primeramente, se crea un bloque para poner visibles los textos donde aparecerán
los resultados. Dichos textos son Texto para Etiqueta2 y Texto para Etiqueta3. En
nuestro código, eso se consigue creando la función mostrar_resultados, la cual hace
visible las etiquetas de texto Resultado1 y Resultado2.

Otra cosa importante es la creación del diccionario donde vamos a ir guardando

nuestras medidas. Dicho diccionario lo llamaremos medidas.

Como podemos notar, yardas y pies quedaron con valores números asociados. Esto
es importante para ahora realizar una función llamada factor_conversión.

Lo que hace esta función es que revisará en el diccionario mencionado la medida y

la seleccionará, si no se encuentra, tira un error “not found”.
Luego, se tiene una nueva función llamada calcular_resultados la cual modifica los
textos Resultado1 y Resultado2, los cuales mencionamos que están invisibles en un
comienzo, realizando la conversión pertinente de forma simultánea, una para yardas
y la otra para pies (en este caso).

Otro asunto importante es “llamar” a estas funciones, es decir, ejecutarlas, para ello
hacemos la función convertir. Esta hace efectiva la visibilidad de los textos
(mostrar_resultados) y realiza la conversión (calcular_resultados).

4
Ahora realizamos lo mismo pero para pasar de yardas a centímetros y pies.

Notemos que el proceso es análogo, salvando las particularidades, ya que los

valores numéricos en el diccionario son distintos y en este caso multiplicamos por el
factor de conversión cuando anteriormente se dividió. Todo lo demás sigue tal cual,
excepto que cada función ahora tiene el número “2” al final.

Finalmente, la conversión de pies a centímetros y yardas es la siguiente:

5
Luego, notemos que cada convertir (convertir, convertir2 y convertir3) es el que de
cierta manera, engloba a su conversión respectiva en su totalidad, por tanto,
realizamos la última función para hacer que todo el proceso funcione.

Lo que hace este bloque, es que cuando se presione el botón calcular, realizará lo
siguiente:
Si el usuario selecciona que su medida inicial está en centímetros (índice=1),
llamará a la función que hace la conversión de centímetros a yardas y pies.
Si el usuario selecciona que su medida inicial está en yardas (índice=2), llamará a la
función que hace la conversión de yardas a centímetros y pies.
Por consiguiente, si el usuario no selecciona ni lo primero ni lo segundo, llamará a la
función que hace la conversión de pies a centímetros y yardas.

6
 Interfaz de volumen
Conversión de centímetros cúbicos a litros y pies cúbicos:

Conversión de litros a centímetros cúbicos y pies cúbicos:

7
 Conversión de pies cúbicos a centímetros cúbicos y litros:

Notemos que el funcionamiento de los bloques es idéntico a los de distancia,

nuevamente son las particularidades las que hacen las diferencias: el factor
conversión y el diccionario con las “palabras” cm cúbicos, litros y pies cúbicos.
Finalmente, tenemos que ejecutar cada una de estas conversiones haciendo click
en el botón Calcular.

8
 Resolución de problemas
Uno de los primeros problemas que se presentaron fue cómo conseguir la
separación de las medidas de distancia con las de volumen. Algo que para nosotros
pudiese ser trivial, dejarlo claro en el código no era tarea sencilla. No era
conveniente tener una lista desplegable que incluyera las unidades de distancia con
las de volumen, pues por ejemplo, el usuario podría querer convertir centímetros a
litros, lo cual arrojaría un error. Para solucionar esto, se crearon nuevas pantallas
(Screen).

Un segundo problema que se presentó, fue que en un inicio logramos desarrollar la

aplicación con éxito, pero en el apartado de bloques, es decir, en su programación,
carecía del uso de funciones, pasando a llevar unos de los principios de la
programación, como lo es el DRY. ¿Cómo lo pasamos a llevar? En la imagen, se
puede apreciar que hay un patrón que se repite 3 veces y no se hace uso de la
herramienta de funciones.

9
¿Cómo lo solucionamos? Con ayuda de la retroalimentación dada por el profesor,
logramos entender cómo se ejecutan las funciones, para hacer uso de estas en el
código.

Identificación de desafíos
Un posible desafío podría ser que cuando se haga la conversión, de cualquier
magnitud (por ejemplo de litros a pies cúbicos y centímetros cúbicos), al hacer el
cambio (por ejemplo de pies cúbicos a litros y centímetros cúbicos), se vuelva a
poner en blanco el cuadro de texto. Esto podría llevar un poco más de trabajo -o no-
y una posible alternativa más sencilla podría ser poner un botón Limpiar, de tal
forma que restablezca la interfaz a como cuando se inicia.

10