Descargado 45 veces
Subido porInterlat
Construyendo y publicando nuestra primera APP
El documento presenta un webinar sobre la construcción y publicación de aplicaciones multiplataforma, destacando la importancia de abordar la fragmentación en sistemas operativos y dispositivos. Se exploran tecnologías como HTML5, JavaScript, CSS3 y jQuery Mobile para desarrollar aplicaciones eficientes, además de las opciones de publicación como aplicaciones nativas, híbridas y web. La conclusión resalta que aunque existen buenas soluciones, no son definitivas.
Más contenido relacionado
![10 claves que tu marca debe aprender del Papa sobre cómo usar Twitter [Spanish]](https://cdn.slidesharecdn.com/ss_thumbnails/spanishpopee-book-140415041921-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar a Construyendo y publicando nuestra primera APP
Construyendo y publicando nuestra primera APP
- 1. www.interlat.co – info@interlat.co -‐ h2p://www.facebook.com/interlat -‐ www.twi2er.com/interlat -‐ PBX: 57(1) 658 2959 -‐ Bogotá -‐ Colombia Aula Virtual: h2p://www.interlat.co/moodle/ Construyendo y publicando nuestra primera aplicación multiplataforma Carlos Alonso Pérez
- 2. www.interlat.co – info@interlat.co -‐ h2p://www.facebook.com/interlat -‐ www.twi2er.com/interlat -‐ PBX: 57(1) 658 2959 -‐ Bogotá -‐ Colombia Aula Virtual: h2p://www.interlat.co/moodle/ ESTE WEBINAR ES REALIZADO GRACIAS A TU NUEVO CANAL DE NEGOCIOS EN INTERNET.
- 3. Índice de lapresentación • Planeando nuestra aplicación • Construcción • Publicación • Conclusiones @calonso
- 4.
- 5.
- 6. ¿Qué hace faltapara triunfar? Y ... @calonso
- 7. Llegar a todoslos públicos @calonso
- 8. Problema: Lafragmentación @calonso
- 9.
- 10. Fragmentación: Tamaño depantalla. @calonso
- 11. Fragmentación: Método deentrada. @calonso
- 12.
- 13.
- 14. Fragmentación: Conclusión Equilibrio Capacidades utilizadas ClientesPotenciales vs @calonso
- 15. Solución: Una únicaaplicación multiplataforma @calonso
- 16. Estudio de lasolución: Tecnologías disponibles @calonso
- 17. HTML 5. Potenciay capacidades para tu browser Etiquetas semánticas <header>! <nav>! <section>! <article>! <figure>! <footer>! <menu>! Acceso Hardware Filesystem Sensores Almacenamiento local Funcionamiento offline Comunicaciones en tiempo real Notificaciones WebSockets Web workers Multimedia y Gráficos canvas 2D y 3D gráficos vectoriales (SVG) audio y vídeo @calonso
- 18. Javascript. El lenguajede programación de la web. prototype! eval! isFunction! typeof! instanceof! Object! new Function()! Object.isPrototypeOf()! Clases y objetos! @calonso
- 19. CSS 3. Experienciade usuario de última generación Selectores Tipografías personalizadas Efectos en textos Organización en columnasSemi Transparencias Colores personalizados Esquinas redondeadas Gradientes Sombras Animaciones Transformaciones @calonso
- 20. jQuery Mobile. Desarrollomóvil rápido y sencillo Javascript no intrusivo Plugins Máxima compatibilidad Muy ligero Ampliamente usado‘write less, do more’ Documentación @calonso
- 21. Viabilidad técnica SI • Geolocalización (GPS) • Reproducciónmultimedia • Sensores de movimiento • Almacenar datos locales • Acceso offline NO • Otros sensores • Cámara • Notificaciones • Web GL • Alto rendimiento http://mobilehtml5.org/ @calonso
- 22.
- 23. Construyendo nuestra aplicaciónmultiplataforma • Demo • Primeros pasos • Componentes UI • Capacidades HTML 5 • Diseño personalizado @calonso
- 24.
- 25. Primeros pasos. Eldocumento @calonso
- 26. Primeros pasos. Elviewport @calonso
- 27. Primeros pasos. Estructurade la aplicación @calonso
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. Diseño personalizado. • CSS • jQuery ThemeRoller @calonso
- 37. Publicando nuestra aplicaciónmultiplataforma • Como aplicación nativa • Como aplicación híbrida • Como aplicación web @calonso
- 38. Como aplicación nativa ... ... @calonso
- 39. Como aplicación híbrida ... ... @calonso
- 40. Como aplicación web.Instalación @calonso
- 41. Como aplicación web.Instalación II @calonso
- 42. Conclusión Buena solución... ... perono definitiva. @calonso
- 43. Carlos Alonso Pérez Web Developer - OffsideGaming Site: http://mrcalonso.com Email: info@mrcalonso.com Twitter: @calonso @calonso
- 44. www.interlat.co – info@interlat.co -‐ h2p://www.facebook.com/interlat -‐ www.twi2er.com/interlat -‐ PBX: 57(1) 658 2959 -‐ Bogotá -‐ Colombia Aula Virtual: h2p://www.interlat.co/moodle/ GRACIAS. CARLOS ALONSO PÉREZ @CALONSO
- 45. www.interlat.co – info@interlat.co -‐ h2p://www.facebook.com/interlat -‐ www.twi2er.com/interlat -‐ PBX: 57(1) 658 2959 -‐ Bogotá -‐ Colombia Aula Virtual: h2p://www.interlat.co/moodle/ SINTONIZA INTERLAT.TV PARA PRÓXIMAS EMISIONES…