Póngase cómodo…

empezamos en unos minutos

Sesión de aprendizaje- modalidad presencial

07:45 Hrs.
www.senati.edu.pe
 DISEÑO Y DESARROLLO DE APLICACIONES MÓVILES I
Semana 04: Configura layouts

Mg. Fernando Miguel Pisfil Ortiz

www.senati.edu.pe
Frase Motivadora

www.senati.edu.pe
Charla de 5 minutos

www.senati.edu.pe
 OBJETIVO DE LA SESIÓN DE APRENDIZAJE

 Con la información proporcionada

y la orientación del facilitador, el
participante será capaz de
identificar, describir y utilizar sin
error, el entorno de Xamarin.

5
www.senati.edu.pe
ETI-SENATI www.senati.edu.pe
 ¿Qué
entendemos por
Tecnología de
virtualización?

www.senati.edu.pe
Tecnología de virtualización
 La virtualización es una tecnología que permite crear servicios de TI
útiles, con recursos que están tradicionalmente limitados al hardware.
Gracias a que distribuye las funciones de una máquina física entre
varios usuarios o entornos, posibilita el uso de toda la capacidad de la
máquina.
 La virtualización de CPU es una
característica de hardware que se puede
encontrar en todos los procesadores
modernos tanto de AMD como de Intel, y
permite a un único procesador actuar como
si fueran varios procesadores individuales.

www.senati.edu.pe
Virtualización de software o por sistema operativo

www.senati.edu.pe
Tecnología de fabricantes
 Los procesadores, tanto
de Intel como de AMD,
tienen una característica
llamada virtualización de
CPU. Esta característica,
llamada Intel VT en
procesadores Intel y AMD-
V en procesadores AMD,
es bastante desconocida
para la mayoría de los
usuarios.

www.senati.edu.pe
Cómo activar Intel VT y AMD-V en una PC
 Debemos reiniciar el equipo o
encenderlo si estaba apagado y
acceder a la BIOS/UEFI.
 Por lo general, para hacer esto
debemos mantener presionada la
tecla SUPR o F2 en el teclado. Esto
depende de cada placa base.
 Una vez que estemos en la BIOS,
debemos ir a las características
avanzadas, o poner la BIOS en modo
avanzado si estamos en una BIOS
UEFI, y buscar la opción de
configuración de CPU.

www.senati.edu.pe
Cómo activar Intel VT y AMD-V en una PC

www.senati.edu.pe
Cómo activar Intel VT y AMD-V en una PC

www.senati.edu.pe
 Software para
virtualización

www.senati.edu.pe
 Programas de pago:
•VMware: Propiedad de EMC Corporation es una de las
herramientas más importantes y avanzadas del mercado.
•Hyper-V: es el Hypervisor propiedad de Microsoft y lo
tendremos disponible de forma gratuita si adquirimos una
licencia de Windows server o Windows 10 Pro
•Parallels: otro de los programas de pago más famosos.
Permite tanto la virtualización por software como por
hardware.
•Virtuozzo: tradicionalmente disponible en Linux, llegó a
Windows allá por el 2005.
www.senati.edu.pe
 Programas gratuitos:
•VirtualBox: es el software de código abierto más famoso y también
el que más utilidades tiene. Desarrollado por Oracle, VirtualBox está
disponible para Windows, Mac y Linux y es capaz de virtualizar
también todos estos sistemas operativos
•Virtual PC: propiedad también de Microsoft y disponible para
versiones de Windows XP, Vista y 7
•Xen: Desarrollado por la universidad de Cambridge es un software
de código libre y disponible para el sistema operativo Linux y Unix
•OpenVZ: otro software de código libre que es compatible solamente
con versiones de Linux, tanto para anfitriones como para virtuales.
•KVM: otra herramienta de virtualización para el sistema operativo
Linux
www.senati.edu.pe
 Aceleración de
hardware para el
rendimiento del
emulador (HAXM
de Hyper-V & )

www.senati.edu.pe
 HAXM de Hyper-V
 Visual Studio facilita a los desarrolladores la prueba y depuración
de las aplicaciones Xamarin.Android mediante el uso de Android
Emulator en situaciones en las que un dispositivo Android no está
disponible o no es práctico.
 Aun así, Android Emulator se ejecuta demasiado despacio si la
aceleración de hardware no está disponible en el equipo que lo
ejecuta. Es posible mejorar drásticamente el rendimiento de
Android Emulator mediante el uso de imágenes de dispositivo
virtual x86 especiales junto con las características de virtualización
del equipo.

www.senati.edu.pe
 Aceleración con Hyper-V

www.senati.edu.pe
 Instale el paquete de Android Emulator.

www.senati.edu.pe
 Instalación de HAXM

www.senati.edu.pe
 ¿Qué es XAML?

www.senati.edu.pe
 XAML
 XAML tiene una sintaxis básica que se crea sobre XML y,
por definición, un código XAML válido debe ser un código
XML válido.
 Las características del lenguaje XAML nos permiten escribir
aplicaciones para Windows Presentation Foundation.
 Windows Presentation Foundation (WPF), un marco de interfaz de
usuario que es independiente de la resolución y usa un motor de
representación basado en vectores, creado para aprovechar las
ventajas del hardware de gráficos moderno. Revisar
documentación:
https://learn.microsoft.com/es-
es/dotnet/desktop/wpf/overview/?view=netdesktop-7.0
www.senati.edu.pe
 XAML
 XAML es un lenguaje declarativo de marcado. Como se aplica al
modelo de programación de .NET, XAML simplifica la creación de
una interfaz de usuario para una aplicación .NET.
 Puede crear elementos visibles de la interfaz de usuario en el
marcado declarativo de XAML y, después, separar la definición de
la interfaz de usuario de la lógica en tiempo de ejecución con
archivos de código subyacente que se unen al marcado mediante
definiciones de clases parciales.

www.senati.edu.pe
 XAML
 XAML representa directamente la creación de instancias de objetos
en un conjunto concreto de tipos de respaldo definidos en
ensamblados.
 Esto no es lo que sucede con la mayoría de lenguajes de marcado,
que normalmente se interpretan sin esa relación directa con un
sistema de tipos de respaldo.
 XAML habilita un flujo de trabajo en el que partes independientes
pueden funcionar en la interfaz de usuario y la lógica de una
aplicación, mediante herramientas potencialmente distintas.

www.senati.edu.pe
 XAML
 Cuando se representan como texto, los archivos XAML son
archivos XML que generalmente tienen la extensión .xaml. Los
archivos se pueden codificar con cualquier codificación XML, pero
lo habitual es la codificación UTF-8.
 En el ejemplo siguiente se muestra cómo podría crear un botón
como parte de una interfaz de usuario. Este ejemplo se ha pensado
para que tenga una idea de cómo XAML representa metáforas de
programación de interfaz de usuario comunes.

La sintaxis del elemento de objeto siempre

se inicia y cierran con un corchete angular
<>

www.senati.edu.pe
 ¿Qué es un
Layout?

www.senati.edu.pe
Layouts
 Los Layouts en Xamarin Forms son un concepto importante que debes
dominar, ya que a través de ellos, podrás crear la interfaz gráfica que
desees, acomodando los controles de Xamarin en la posición exacta
donde deben de ir.

www.senati.edu.pe
Estas clases se derivan de Layout, que define Padding las propiedades y IsClippedToBounds

Layouts: Categorías
Diseños con contenido único
 Estas clases se derivan de Layout, que define Padding las propiedades y
IsClippedToBounds
 Layout.Padding Propiedad: Obtiene o establece el espaciado interno
del diseño.
 Layout.IsClippedToBounds Propiedad: Obtiene o establece un valor
que determina si el diseño debe recortar sus elementos secundarios
por sus límites.

www.senati.edu.pe
Layouts: Categorías

www.senati.edu.pe
Layouts: Categorías

www.senati.edu.pe
Layouts: Categorías

www.senati.edu.pe
Estas clases se derivan de Layout, que define Padding las propiedades y IsClippedToBounds

Layouts: Categorías
Diseños con varios elementos secundarios
 Estas clases derivan de Layout<View>:

www.senati.edu.pe
Estas clases se derivan de Layout, que define Padding las propiedades y IsClippedToBounds

Layouts: Categorías
Diseños con varios elementos secundarios
 Estas clases derivan de Layout<View>:

www.senati.edu.pe
Estas clases se derivan de Layout, que define Padding las propiedades y IsClippedToBounds

Layouts: Categorías
Diseños con varios elementos secundarios
 Estas clases derivan de Layout<View>:

www.senati.edu.pe
APPS: CONOCER PARA ELEGIR MEJOR
 App Nativa: Cuando hablamos de un desarrollo móvil nos referimos a aplicaciones
nativas. La principal ventaja con respecto a los otros tipos, es la posibilidad de acceder
a todas las características del hardware del móvil: cámara, GPS, agenda, dispositivos
de almacenamiento y muchas otras. Ello hace que la experiencia del usuario sea
mucho más positiva que con otro tipo de apps.

 Además, las aplicaciones nativas no necesitan

conexión a Internet para que funcionen. La descarga
e instalación se realizan siempre a través de las
tiendas de aplicaciones (de los fabricantes), lo que
facilita el proceso de marketing y promoción.

www.senati.edu.pe
APPS: CONOCER PARA ELEGIR MEJOR
 Web App: La principal ventaja con respecto a la nativa es la posibilidad de programar
independientemente del sistema operativo en el que se usará la aplicación. De esta
forma se pueden ejecutar en diferentes dispositivos sin tener que crear varias
aplicaciones.
 Las aplicaciones web se ejecutan dentro del propio navegador web del dispositivo a
través de una URL.

 Las apps web móviles son una buena opción si

nuestro objetivo es adaptar lo que ya funciona en
web a formato móvil,

www.senati.edu.pe
APPS: CONOCER PARA ELEGIR MEJOR
 App híbrida: Una aplicación híbrida es una combinación de las dos anteriores, que
recoge lo mejor de cada una de ellas.
 Se desarrollan con lenguajes propios de las web app; es decir, HTML, Javascript y CSS.
 Por lo que permite su uso en diferentes plataformas pero también brindan la
posibilidad de acceder a gran parte de las características del hardware del dispositivo.
 La principal ventaja es que a pesar de estar
desarrollada con HTML, Java o CSS, es posible agrupar
los códigos y distribuirla en app store.

www.senati.edu.pe
Actividad Académica (Equipos)
Investigue, elabore, comparte.
 Acerca de los beneficios de las aplicaciones
 Un organizador gráfico de resumen.
 Lo producido y explica los elaborado.

www.senati.edu.pe
Conclusiones
1. Con los Layouts creamos las interfaces de una
aplicación Xamarin. .

2. Xamarin, aporta el entorno de desarrollo perfecto para que los

programadores que dominan C# tengan las herramientas
disponibles para migrar sus aplicaciones a iOS o Android.

www.senati.edu.pe
 Gracias por tu:

1. Atención
2. Participación
Interés de
3. mejorar cada día
4. Comprensión
5. Compromiso
40
www.senati.edu.pe
ETI-SENATI
www.senati.edu.pe
www.senati.edu.pe