Curso de Desarrollo de Apps Móviles Modulo 5 【2019 】

Plataformas de desarrollo - Desarrollo multiplataforma

Si queremos crear aplicaciones móviles tener una visión global del desarrollo multiplataforma y sus distintas tecnologías nos ayudará a entender este ecosistema. Entre otras cosas, en este módulo conocerás los puntos fuertes y débiles del desarrollo multiplataforma

1. Introducción

Visualiza el vídeo Apps para dispositivos móviles (ed. 2016) - Desarrollo multiplataforma. Introducción

Comprueba tus conocimientos
Comprueba tus conocimientosSara y Juan hablando
Sara ha quedado con Juan para contarle sus avances con el desarrollo de su aplicación en un entorno nativo. Juan le ha comentado que los desarrollos multiplataforma están aumentando y que en breve igualarán a los nativos.

Identifica de las siguientes opciones las ventajas que ofrecen los desarrollos multiplataforma.
Selecciona la opción o las opciones correctas.
.
1. Menos costes.
2. Más mercado.
3. Más funcionalidades.
4. Más velocidad.

El trabajar en modelos estandarizados implica siempre reducción de costes y en este caso disponer de una cuota de mercado no cautiva independientemente del sistema operativo. Esta capacidad de adaptación, al margen del dispositivo, es una oportunidad para acceder a un mayor número de consumidores.

2. Desarrollo web

Visualiza el vídeo Apps para dispositivos móviles (ed. 2016) - Desarrollo multiplataforma. Desarrollo web

Comprueba tus conocimientos
Sofía está desarrollando una Web App, que es una web que se consume directamente desde dispositivos móviles. Para ello tiene que utilizar tres elementos que le permitan simular una aplicación web en nativo.

¿Cuáles son esos elementos?
Selecciona la opción o las opciones correctas.

1. HTML5
2. Angular JS
3. JQuery mobile
4. JavaScript
5. CSS3
6. Materializecss

Hay tres elementos que permiten simular una aplicación en nativo. Uno de ellos crea la capa de presentación de la Web App, otro de ellos es un estándar que permite realizar modificaciones sobre la visualización de la Web App y el último es un lenguaje de navegación interpretado por el navegador. Aparte de estos tres elementos existen frameworks que hacen que la Web App sea más fácil de consumir por el usuario.

3. Apache Cordova

Visualiza el vídeo Apps para dispositivos móviles (ed. 2016) - Desarrollo multiplataforma. Apache

Comprueba tus conocimientos

Amaia trabaja como desarrolladora web en una compañía tecnológica. Lleva un tiempo trabajando en el desarrollo de una aplicación multiplataforma y ha visto que el desarrollo multiplataforma está limitado por el consumo a través de un navegador. Para solucionar este problema, ha decidido crear una app híbrida a la que le añadirá usos y características. Una de las características principales de las apps híbridas es que permite la comunicación entre la web app y los dispositivos.

Indica qué otras características principales de las apps híbridas son correctas para ayudar a Amaia a desarrollar esta aplicación multiplataforma.

Responde a todas las preguntas.

1. Las apps incorporan elementos propios como cámara, acelerómetro, acceso a contactos, etc.

2. Necesitan entornos de desarrollo más allá de HTML, Java Script y CSS.

3. Para construir una app híbrida son necesarias herramientas que permiten su generación e integración con los elementos del dispositivo.
4. Las apps híbridas pueden ser distribuidas en distintos market places.

Una de las características positivas de las apps híbridas es que pueden ser distribuidas en distintos market places como Google Play o Apple Store para así ampliar más el mercado y el tráfico de usuarios. A la hora de crear apps híbridas, es importante entender que uno de sus objetivos principales es crear una comunicación directa entre la web app y el dispositivo para integrar los elementos propios del dispositivo y poder utilizarlos para hacer más completa la aplicación.

Examen Modulo 5

Pregunta 1

¿Cuál es la principal desventaja de las aplicaciones multiplataforma basadas en tecnologías web?

A Necesitan el navegador Chrome para ser visualizadas.

B Necesitan librerias que interpreten JavaScript para poder ser ejecutadas.

C Necesitan librerías adicionales para poder acceder a buena parte de las capacidades del dispositivo debido a las limitaciones que los navegadores imponen en su ejecución.

D Necesitan ser desarrolladas siguiendo pautas de diseño reactivo.

Existen dos tipos de app: las aplicaciones multiplataforma y las aplicaciones de diseño nativo. Ambas tienen ventajas e inconvenientes. Una de las principales ventajas de crear app multiplataforma es que reduce costes, ya que se hace un único diseño para todas las plataformas que acepten ese formato. Pero, por ejemplo, la mayor desventaja que tienen las apps multiplataforma es que, debido a las limitaciones de algunos dispositivos, deben añadir librerías adicionales para acceder a buena parte de esas capacidades.

Pregunta 2

¿Qué es una web app?

A Una página con un envoltorio que funciona como app y se instala en el dispositivo como si fuese nativa.

B Una página web adaptada al móvil que se consume a través del navegador como si fuese nativa.

C Una web creada con un framework para usarse en móviles.

D Cualquier web abierta desde un navegador móvil.

Mediante el desarrollo web podemos crear aplicaciones llamadas web apps. Una página con un envoltorio que funciona como app y se instala en el dispositivo es una app híbrida. La diferencia de una web app es que no está diseñada para que se consuma a través del navegador, sino para que se consuma directamente a través del móvil.

Pregunta 3

¿Qué es el Material Design?

A El material design es el estándar de diseño definido por Google.
B Es un framework de desarrollo basado en CSS3 para personalizar páginas web.
C Es una técnica de diseño de interfaces de apps en la que la interfaz reacciona a cualquier posible gesto del usuario para evitar errores no intencionados.
D Es un método de programación para JavaScript orientado a apps.

A la hora de diseñar una app es importante darle a ésta un buen diseño. Existen diferentes frameworks para visualizar contenido, entre los que destacaremos Materialize CSS. Este framework sigue los estándares de diseño marcados por Google denominados Material Design. De este modo es posible tener una web app con el mismo aspecto que una aplicación diseñada por Google con una usabilidad más que probada.

Pregunta 4

¿Qué es una app híbrida?

A Una página web con un envoltorio que funciona como app y se instala en el dispositivo como si fuese nativa.

B Una página web adaptada a móvil que se consume a través del navegador como si fuese nativa.

C Una web creada con un framework para usarse en móviles.

D Una aplicación que ha sido generada con un motor de juegos.

El desarrollo multiplataforma está limitado por el consumo a través de un navegador, pero existen remedios para solucionar esto como, por ejemplo, las apps híbridas. Una app híbrida es una página web con un envoltorio que funciona como app y se instala en el dispositivo móvil como si fuese nativa para poder comprobar cómo sería esa app.

Curso de Desarrollo de Apps Móviles Modulo 5 【2019 】