DAM

1. Desarrollo de
Aplicaciones Móviles
Tema: 1. Introducción a Tecnología Móvil
PhD(c). Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec

2. Siempre se puede ser mejor.
Tiger Woods

3. Objetivo
Conocer la importancia del
desarrollo de aplicaciones
móviles en el contexto actual
● 1.1 Introducción al desarrollo
móvil
Contenido

4. ODS
● 4.3 De aquí a 2030, asegurar el
acceso igualitario de todos los
hombres y las mujeres a una
formación técnica, profesional
y superior de calidad, incluida
la enseñanza universitaria
META

5. Instalación Xamarin

6. Xamarin
Instalación y Requerimientos
Requerimiento Recomendado
Sistema operativo Windows 10
Procesador Procesador 1.8 GHz Quad-core o superior
Procesador Intel (recomendado Intel Core
i5)
RAM 8 GB de RAM o superior
Velocidad de disco Instalar Windows y Visual Studio en discos
de estado sólido (SSD).

7. Xamarin
Instalación
1. Descargar Visual Studio 2022 Community, Professional o Enterprise
desde el sitio oficial: https://visualstudio.microsoft.com/vs/
2. Comenzar la instalación dando doble clic en el paquete descargado
3. Seleccionar el workload (carga de trabajo) Desarrollo para dispositivos
móviles con .NET.

8. Xamarin
Instalación
Seleccionar desarrollo móvil

9. Xamarin
Instalación
Dar clic en Iniciar (Launch) una vez concluida la instalación

10. Xamarin
Máquina virtual

11. Entorno de Desarrollo Xamarin

12. Xamarin
Definición
.NET es una plataforma de desarrollo compuesta por herramientas, lenguajes de
programación y bibliotecas para crear muchos tipos diferentes de aplicaciones.
Xamarin amplía la plataforma de desarrollo .NET con herramientas y bibliotecas
específicamente para crear aplicaciones para Android, iOS, tvOS, watchOS, macOS y
Windows.
Enlace de descarga: https://visualstudio.microsoft.com/es/downloads/

13. Xamarin
Xamarin Forms
Xamarin.Forms es un marco multiplataforma de código abierto de Microsoft para
crear aplicaciones de iOS, Android y Windows con .NET desde una única base de
código compartida.
Es una característica de Xamarin , el popular marco de desarrollo móvil que amplía la
plataforma de desarrollo .NET con herramientas y bibliotecas para crear aplicaciones
móviles.

14. Xamarin
Xamarin Forms
Es el framework dentro del ecosistema
.NET que permite crear aplicaciones
para Android, iOS y Windows
compartiendo el mismo código.

15. Xamarin
MVVM con Xamarin Forms
Para hablar sobre MVVM debemos tener claro que son los patrones de diseño de
software.
Los patrones de diseño son soluciones para problemas típicos y recurrentes que nos
podemos encontrar a la hora de desarrollar una aplicación. Aunque nuestra aplicación
sea única, tendrá partes comunes con otras aplicaciones: acceso a datos, creación de
objetos, operaciones entre sistemas etc. En lugar de reinventar la rueda, podemos
solucionar problemas utilizando algún patrón, ya que son soluciones probadas y
documentadas por multitud de programadores.

16. Xamarin
MVVM con Xamarin Forms
Elementos del patrón MVVM
La finalidad principal del patrón
MVVM (Modelo Vista Vista-Modelo)
es tratar de desacoplar lo más que
se pueda la interfaz de usuario de la
lógica de la aplicación. Veamos a
grandes rasgos sus partes
principales:

17. Xamarin
MVVM con Xamarin Forms
El modelo (Model)
Representa la capa de datos y/o la lógica de negocio, también denominado como el
objeto del dominio. El modelo contiene la información, pero nunca las acciones o
servicios que la manipulan. En ningún caso tiene dependencia alguna con la vista.

18. Xamarin
MVVM con Xamarin Forms
La vista (View)
La misión de la vista es representar la información a través de los elementos visuales
que la componen. Las vistas en MVVM son activas, contienen comportamientos,
eventos y enlaces a datos que, en cierta manera, necesitan tener conocimiento del
modelo subyacente. En Xamarin Forms podemos crear nuestras interfaces a través de
código C# o XAML.

19. Xamarin
MVVM con Xamarin Forms
Modelo de vista (ViewModel)
El ViewModel (modelo de vista) es un actor intermediario entre el modelo y la vista,
contiene toda la lógica de presentación y se comporta como una abstracción de la
interfaz. La comunicación entre la vista y el viewmodel se realiza por medio los enlaces
de datos (binders).
ViewModel contiene el estado de la vista y se comunica con ella a través de Data
Binding, Commands y Notificaciones gracias a la interfaz INotifyPropertyChanged.

20. Ejercicio

21. Xamarin
Creación de proyecto

22. Xamarin
Creación de proyecto

23. Xamarin
Creación de proyecto

24. Ejercicio
XAML
<StackLayout>
<Label Text="Aplicacion Xamarin "
FontSize="20"
HorizontalOptions="Center"
VerticalOptions="Start"/>
<Entry x:Name="txtNombre"
BackgroundColor="LightBlue" />
<Button Text ="Saludo "
x:Name="btnSaludar"
Clicked="Button_Clicked" />
</StackLayout>
private void Button_Clicked(object sender, EventArgs e)
{
string texto = txtNombre.Text;
string mensaje = "hola " + texto;
DisplayAlert("Mensaje de bienvenida", mensaje,
"Gracias");
}

25. Xamarin
Creación de proyecto

26. Gracias
Responsabilidad con pensamiento positivo