INSTITUTO TECNOLÓGICO

SUPERIOR DE COALCOMÁN

Nombre de la materia
Programación de Aplicaciones
Nativas para Móviles

Nombre del alumno

Ricardo Bautista Magaña
Alejandro Reyes Ortiz

Nombre de la tarea
Proyecto: Aplicación móvil con
elementos gráficos y multimedia

Unidad 3
Multimedia

Nombre del Profesor

I.S.C. Ariadna Nahani Ramírez
Mendoza

Fecha
12/05/2022
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

DESARROLLO DE UNA APLICACIÓN MÓVIL CON ELEMENTOS

GRÁFICOS Y MULTIMEDIA

Desarrollar una aplicación móvil que contenga elementos gráficos y multimedia, en el entorno de
desarrollo Visual Studio, a través de Xamarin.Forms.

El proyecto consistirá en mostrar un menú, ustedes deciden de qué forma hacerlo, donde pueda
yo elegir las siguientes opciones:

• Reproducir un video (no es necesario que dure mucho).

• Reproducir un audio (no es necesario que dure mucho, de 2 a 5 segundos está bien).
• Seleccionar una foto desde la galería y que esta sea mostrada en la pantalla.
• Tomar una foto con la cámara del dispositivo.

El proyecto a desarrollar puede ser en parejas.

REQUISITOS

Diseño:

• Usar componentes.
• Componentes alineados.
• Agregar colores a los componentes, estos deben de tener una sintonía en cuanto a
tonalidad.
• Que todas las ventanas tengan títulos.
• El texto debe de distinguirse del fondo de la ventana, ya que al agregar los colores estos
• pueden perderse.
• El diseño debe ser atractivo para el usuario, utilicen su creatividad.
• Los textos y mensajes no deben tener faltas de ortografía y deben ser entendibles para
el usuario.

Funcionalidad:

• La aplicación debe tener un menú de opciones que permita seleccionar la deseada, así
como también, la opción de regresar al menú principal cuando termine de realizar lo que
seleccione anteriormente.
• Que realice las cuatro funciones indicadas.

1
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

Instalación del plugin

En esta interfaz nos encontramos con la instalación del Plugin.MediaManager.Forms el cual nos
ayudara a lograr visualizar elementos multimedia como audios, videos, imágenes, etc.

Para esto solo es necesario dar clic en la solución especial y buscar la opción administrar
paquetes NuGet ahí dentro encontraremos el plugin.

2
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

Creación de paginas de contenido

En esta interfaz como se puede observar la interfaces que se crearon para esta práctica las
cuales son 4 señaladas en azul.

3
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

Programación

En esta interfaz de MainPage.xaml programamos y damos estilo a los botones y elementos que
se utilizaran al comenzar la aplicación en este caso será un tipo menú de botones que nos llevara
a la pagina de contenido que necesitemos.

En esta interfaz de MainPage.xaml.cs programamos la parte funcional que en este caso será la
navegación entre paginas de contenido.

4
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

En esta interfaz de App.xaml.cs programamos la navegación de la aplicación.

En la siguiente interfaz de Audioss.xaml programamos y damos estilo a los botones y elementos

que se utilizaran en la aplicación en este caso será un tipo menú de botones que nos ayudaran
como controles de audio.

5
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

En esta interfaz de Audioss.xaml.cs programamos la funcionalidad de los controles de audio, así

como también la ruta de donde se obtendrá el audio.

En esta imagen SelcFoto.xaml programamos y damos estilo a los botones y elementos que se
utilizaran en la aplicación en este caso será un botón el cual nos ayude acceso a la galería a
elegir una foto

6
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

En esta interfaz de SelcFoto.xaml.cs programamos la parte funcional de esta pagina de contenido

tal funcionalidad consiste en algunas validaciones las cuales nos ayuden en llegar a un resultado
final el cual es ver y seleccionar una imagen la cual se obtendrá de cierta ruta que aquí mismo
se programa.

En esta interfaz de TomarFoto.xaml programamos y damos estilo a los botones y elementos que
se utilizaran en la aplicación dentro de esta página.

7
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

En esta interfaz de TomarFoto.xaml.cs programamos la parte funcional de esta página de

contenido la cual también cuenta con algunas condiciones las cuales cuentan como validaciones
para saber si existe una cámara disponible o no, así como también se programa la ruta de donde
se guardara la imagen.

8
 UNIDAD 3 Multimedia
Programación de Aplicaciones Nativas para Móviles

En esta interfaz de Videos.xaml programamos y damos estilo a los botones y elementos que se
utilizaran en la aplicación y dentro de esta página de contenido.

En esta interfaz de Videos.xaml.cs programamos la parte funcional de los elementos a utilizar

dentro de esta pagina de contenido así como también programaremos la ruta de donde se
obtendrá el video para reproducirlo.