Desarrollo multiplataforma

Web

Luis Alberto Garca Haro, Consultor informtico y fundador de Cupra Studios

Web Apps

Sitios web preparados para funcionar en

dispositivos mviles
Consumo a travs de navegador

Alojada en servidor
Mobile HTML5

Coleccin de estndares para el diseo y desarrollo de web mvil

Compatibilidad con la mayora de navegadores
Focalizado en responsive web design
Capa de presentacin => contenido esttico
<header>

<section>
<header>
<nav> <aside>
<article>
<footer>

<footer>
Mobile HTML5
Mobile HTML5
CSS3

CSS Cascading Style Sheets (Hojas de estilo en cascada)

CSS3 es el ltimo estndar
Personalizar contenido HTML
JQuery mobile

Se integra con HTML para extender y enriquecer su funcionalidad

Framework en javascript y css para dispositivos mviles
Compatible con mltiples frameworks para mviles
Permite integrar otros frameworks que se ocupan de la interfaz
de usuario (UI)
JQuery mobile
JQuery mobile
AngularJS

Framework de Javascript de cdigo abierto mantenido por Google

Permite patrones de diseo como MVC o MVVM (MVW) para SPA
Binding code
MaterializeCSS

Framework para un estilo material design

Permite una capa de presentacin muy familiar para el usuario
puesto que sigue el patrn de diseo aplicado por Google
Conclusiones

HTML5 + CSS3 + Javascript

Gran variedad de frameworks
UX similar al uso de apps nativas
Deben seguir estndares de usabilidad
Bibliografa

No hay

Recursos web
W3Schools, [En lnea]. http://www.w3schools.com/tags/
Wikipedia, [En lnea]. https://www.lancetalent.com/blog/tipos-de-aplicaciones-
moviles-ventajas-inconvenientes/
JQuery, [En lnea]. http://learn.jquery.com/about-jquery/how-jquery-works/
Edureka, [En lnea]. http://www.edureka.co/blog/angularjs-superheroic-
javascript-mvw-framework
Este documento, su texto y grficos e imgenes, puede ser utilizado bajo una licencia
Creative Commons de tipo Reconocimiento NoComercial SinObraDerivada. En caso
de utilizarse este material la atribucin se debe respetar mencionando al autor y citando
la fuente como Universidad Complutense de Madrid y expresamente, si es posible,
mediante un enlace activo a http://www.ucm.es .