La app TVU es una propuesta de app la cual se desarrolló en App Inventor, esto como parte de las actividades de la materia "Diseño para dispositivos móviles" de la licenciatura de Diseño Gráfico y Animación Digital de la UAT.

1. Prototipo
de la APP
TVU
Desarrollo, programación de los elementos y operatividad

2. Universidad Autónoma de Tamaulipas
Facultad de Arquitectura, Diseño y Urbanismo
Licenciatura en Diseño Gráfico y Animación Digital
Curso: Diseño para dispositivos móviles
Actividad: Ensayo sobre el prototipo de la app TVU (Televisora Universitaria)
Alumna: Contreras Madrigal Ana Laura
Elaboración: 15 de abril

3. CONTENIDO
Operatividad
Desarrollo
Introducción Programación
de elementos
02 03
01 04

4. INTRODUCCIÓN
Con la App Inventor se realizaron las acciones
necesarias para el desarrollo de la App TVU
(Televisión Universitaria). Además se aprendió a
incluir en la interfaz los elementos del diseño de
la aplicación. También se programaron algunas
tareas de la app usando los bloques que tiene
esta herramienta, los cuales tienen elementos
comunes de los lenguajes de programación. Se
colocaron los bloques para construir las
conexiones entre pantallas, así como las
condiciones y variables de la app para su
correcta ejecución. El App Inventor parece ser
una excelente herramienta que se puede usar en
línea.

5. Desarrollo
Los pasos que se siguieron
para el desarrollo de la
programación de la app TVU
en la herramienta App Inventor
se orientaron primero a la
planeación de los cambios de
página (screen) y después en
la reproducción de un video,
que es la acción a la cual está
enfocada la app; donde se
podrán ver los videos que está
alberga de los programas y
películas que tiene la
televisora. Cabe destacar que
para este ejercicio solo se
programaron tres de las seis
principales pantallas que se
establecieron para la
aplicación.

6. Después de terminar
la planeación se
procedió a
programar los
elementos iniciales
del menú de inicio,
donde los botones
se dirigen a las
diferentes pantallas
de la aplicación.

7. Aquí se puede observar que el
screen dos tiene un reproductor
de video que se posiciona en
toda la pantalla del dispositivo,
con unos botones que llevan al
inicio de la app y otro screen
donde se pueden ver programas
o películas de forma aleatoria. En
el reproductor se agregó un trailer
de una película como ejemplo y
para ver el funcionamiento de
reproductor. En está pantalla se
realizará la principal acción de la
aplicación.

8. Cuando se
terminaron de
programar todos
los botones y la
acción principal
de la app, se
continuó con las
consecuentes
dos screens o
pantallas.

9. En el tercer screen se
programaron cada uno de los
botones que redireccionan a las
primeras tres pantallas.

10. Programación de elementos
Los bloques que tiene
integrado el App Inventor
ayudaron a programar cada
uno de los elementos de la
aplicación de acuerdo a la
funcionalidad de cada uno de
ellos. Esto permitirá que el
usuario pueda usar fácilmente
la aplicación.

11. OPERATIVIDAD
Para este punto no se pudo observar si la
programación fue la correcta debido a fallos
que presentó la aplicación Inventor, se
intentaron diversas acciones para restaurar el
emulador o ver la operatividad de la app
desde la versión mobile, pero no se obtuvo un
resultado favorable. Tan solo en este último se
borro y bajo la aplicación en el celular tres
veces y no funcionó. Además se reinicio el
sistema operativo de la computadora y se
borro el caché del historial de Internet, y aún
así no funcionó.

12. OPERATIVIDAD
En este video se puede observar como
quedaron los bloques conectados, e diseño y
el falló del cual se habló en una diapositiva
anterior. La app se queda bastante tiempo
esperando a que se conecte con el celular y
en la app del celular aparece que hay un error
con la IP. Además el emulador que se bajó a
la computadora no se conecta.

13. GRACIAS