• Author / Uploaded
• Kiry Psycho

Citation preview

Programación Móvil para Redes

Nro. DD -106 Página 7 de 13

Programación Móvil para Redes LABORATORIO N° 11

Uso de grabador con App Inventor

CODIGO DEL CURSO: II3401

I.OBJETIVOS:

Programación Móvil para Redes

• •

Nro. DD -106 Página 6 de 13

Uso de eventos y propiedades del componente grabador de video Uso de eventos y propiedades del componente reproductor de video

II.- SEGURIDAD: Advertencia: En este laboratorio está prohibida la manipulación del hardware, conexiones eléctricas o de red; así como la ingestión de alimentos o bebidas. III.- FUNDAMENTO TEÓRICO: • •

Revisar el texto guía que está en el campus Virtual. Revisar informacion proporcionada en canvas

IV.- NORMAS EMPLEADAS: •

No aplica

V.- RECURSOS: • •

En este laboratorio cada alumno trabajará con un equipo con sistema operativo Windows. Para el uso de la plataforma de desarrollo App Inventor debe poseer conexión a internet

VI.- METODOLOGÍA PARA EL DESARROLLO DE LA TAREA: • El desarrollo del laboratorio es individual. VII.- PROCEDIMIENTO: Nota: Las secciones en cursivas son demostrativas, pero sirven para que usted pueda instalar las herramientas de desarrollo en un equipo externo. CONSIDERACIONES 1. Se usara el software de desarrollo App Inventor 2 1. DISPOSICIÓN DE ELEMENTOS 1.1 En este proyecto desarrollaremos 2 Screen. En el primer Screen mostraremos una lista de opciones para grabar videos, reproducirlos, detenerlos, etc; además de poder guardar sus rutas en TinyDB, en el segundo Screen se mostrará una ventana donde se podrá listar todos los videos guadados en TinyDB para permitir reproducirlos o eliminar la lista de videos. 2. DISEÑO DE INTERFACES Y LOGICA DE PROGRAMACION

Programación Móvil para Redes

Nro. DD -106 Página 7 de 13

2.1 Cree un proyecto en AppInventor denominado: UsoGrabador 2.2 Se utilizara los componentes del grupo “Medios y Almacenamiento”, 2.3 Diseñe la siguiente interfaz mostrada siguiendo la vista de componentes mostrada

2.4 Solo se muestra la configuración de los elementos a utlizar, los demas compenentes configure a su criterio para que quede como muestra la imagen de arriba Objeto Screen1 DisposicionHorizontal1 DisposicionHorizontal2 DisposicionVertical2 Etiqueta 1 Boton 1 Boton 2 Boton 3

Propiedad Dejar todo por defecto Alto y ancho: Ajustado al contenedor Alto: Ajustado al contenedor Ancho: 20 porciento Alto y ancho: Ajustado al contenedor Configure según su criterio Nombre Variable: btnGrabar Texto: Grabar Nombre Variable: btnVer Texto: Ver Nombre Variable: btnPausar Texto: Pausar

Programación Móvil para Redes

Boton 4 Boton 5 Etiqueta 2 Boton 6 Boton 7 DisposicionHorizontal3 DisposicionVertical3 Etiqueta 3 Etiqueta 4 ReproductorDeVideo1 Deslizador1

Grabador1 TinyBD1 Notificador1

Nro. DD -106 Página 6 de 13

Nombre Variable: btnParar Texto: Parar Nombre Variable: btnFull Texto: Full Configure según su criterio Nombre Variable: btnGuardar Texto: Guardar Nombre Variable: btnVerBD Texto: Ver BD Alto y ancho: Ajustado al contenedor Alto y ancho: Ajustado al contenedor Nombre Variable: lblInfo Texto: Grabador Nombre Variable: lblRuta Texto: Ruta de video Alto y ancho: Ajustado al contenedor Ancho: Ajustado al contenedor ValorMaximo: 100 ValorMinimo: 0 PosicionDelPulgar: 50 Dejar todo por defecto Dejar todo por defecto Dejar todo por defecto

2.5 Crearemos la programación para el boton “Grabar” para que permita invocar al grabador de video de nuestro dispositivo movil, una vez grabado el video guardaremos la ruta del archivo en una variable

2.6 Programaremos la funcionalidad de poder reproducir, pausar o detener el video, poder usar la funcionalidad de FullScreen y ademas de poder subir y bajar el volumen gradualmente

Programación Móvil para Redes

Nro. DD -106 Página 7 de 13

2.7 Ahora agregaremos la funcionalidad de poder guardar las rutas de los videos grabados en TinyDB, para lo cual se pedira un nombre de etiqueta con la que se guardara. Ademas se podra ver la lista de videos grabados al hacer clic en el boton de “VerBD”

Programación Móvil para Redes

2.8 Ejecute su aplicativo y verifique su funcionalidad

Nro. DD -106 Página 6 de 13

Programación Móvil para Redes

2.9 Agrege una nueva ventana llamada : Screen2

Nro. DD -106 Página 1 de 13 1

Programación Móvil para Redes

Nro. DD -106 Página 1 de 13 0

2.10 Diseñe la siguiente interfaz mostrada siguiendo la vista de componentes mostrada

2.11 Solo se muestra la configuración de los elementos a utlizar, los demas compenentes configure a su criterio para que quede como muestra la imagen de arriba Objeto Screen2 DisposicionVertical1 DisposicionHorizontal1 Etiqueta1 DisposicionHorizontal2 Boton 1 Boton 2 Boton 3

Propiedad Dejar todo por defecto Alto y ancho: Ajustado al contenedor Alto: Automatico Ancho: Ajustado al contenedor Texto: Lista de Grabaciones Alto: Automatico Ancho: Ajustado al contenedor Nombre Variable: btnDetener Texto: Detener Nombre Variable: btnBorrar Texto: Borrar Todo Nombre Variable: btnVolver Texto: Volver

Programación Móvil para Redes VisorDeLista1 ReproductorDeVideo1 Boton 3 Boton 4 Notificador1 TinyBD1

Nro. DD -106 Página 1 de 13 1

Alto: 30 porciento Ancho: Ajustado al contenedor Alto y ancho: Ajustado al contenedor Nombre Variable: btnAgregar Texto: Agregar Emisora Nombre Variable: btnLimpiar Texto: Limpiar Lista Dejar todo por defecto Dejar todo por defecto

2.12 Vamos a programar la funcionalidad de poder listar todas las grabaciones guardadas en TinyDB al cargar el Screen2

2.13 Agregaremos la funcionalidad de poder reproducir un video despues de haberlo seleccionado en el VisorDeLista

2.14 Ahora agregaremos la funcionalidad detener, borrar y volver a la vista de grabaciond e videos

Programación Móvil para Redes

2.15

Nro. DD -106 Página 12 de 13

Ejecute su aplicativo y verifique la funcionalidad total del aplicativo

3. EJERCICICOS PROPUESTOS a. Cree un nuevo aplicativo denominado tareaGrabacion que permita: i. Listar los archivos de de video que tiene en su celular, para esto puede valerse de la extension TainfunFile

Programación Móvil para Redes

Nro. DD -106 Página 13 de 13

ii. Agrege las funcionalidades de pausar, detener y reproducir un archivo de video iii. Debe permitir controlar el volumen b. Intente mejorar el aplicativo lo mejor que pueda ya que esto sera considerado para una mejor nota c. Agrege funcionalidad al boton “SALIR”. d. Adjunte capturas del proyecto realizado

e. El aplicativo sera revisado en clases y cuanto mas detalles posea, tendra una mejor nota OBSERVACIONES (5 mínimo): (Las observaciones son las notas aclaratorias, objeciones y problemas que se pudo presentar en el desarrollo del laboratorio) CONCLUSIONES (5 mínimo): (Las conclusiones son una opinión personal sobre tu trabajo, explicar como resolviste las dudas o problemas presentados en el laboratorio. Ademas de aportar una opinión critica de lo realizado)