Recomendados
Más contenido relacionado
Similar a Charla html5 punt_multimedia_20121129
Similar a Charla html5 punt_multimedia_20121129 (20)
Charla html5 punt_multimedia_20121129
- 1. HTML5
- 2. Sergi Hernando @ajoman
- 3. Sergi Hernando CTO Mobivery
- 4. Programación HTLM
- 7. Historia y Evolución 2.0, 3.2, 4.0 2.0, 3.2, 4.0 • 1999...
- 8. Historia y Evolución 5 5 Lo nuevo • header, footer, article, section canvas audio, video forms local storage, geolocation APIs application cache • Draft!
- 9. Historia y Evolución Flash Flashon Flash Thoughts Steve Jobs, April 2010 •Open standards •Access to full web content •Reliability, security and performance •Battery life •Touch •Apps
- 10. Historia y Evolución Flash FlashMore Aggressively Contribute to Adobe to HTML5 Danny Winokur, November 2011 •No more Flash Player for mobile •Package native apps with Abode AIR
- 12. Terminología Mobile Web Mobiletradicional adaptado a • Sitio web Web pantallas de menor tamaño y otras proporciones • Se accede desde el navegador del dispositivo
- 13. Terminología Webapp Webappel dispositivo, como • Aplicación en cualquier otra, pero implementada como un sitio web tradicional • Multiplataforma
- 14. Terminología App Híbrida App Híbrida • Combinación de aplicación nativa, webapp y web móvil • Ejemplo: barcode scanner
- 16. Entornos y Contextos Entornos y Nativo vs. HTML5 Contextos
- 17. Entornos y Contextos Entornos y Mobile Web Contextos <html/>
- 18. Entornos y Contextos Entornos y Mobile Web Contextos •Todas las características que ofrece HTML5
- 19. Entornos y Contextos Entornos y Webapp Contextos <html/>
- 20. Entornos y Contextos Entornos y App Híbrida Contextos <html/> <html/>
- 25. Real World jQuery Mobile jQuery Mobile <ul> <li> Pan </li> </ul>
- 26. Real World jQuery Mobile jQuery Mobile <ul> <li> <a href=”pan.html”>Pan</a> </li> </ul>
- 27. Real World jQuery Mobile jQuery Mobile <ul> <li> <a href=”#” onclick=”show_pan()”>Pan</a> </li> </ul>
- 28. Real World jQuery Mobile jQuery Mobile <ul> <li style=”position:relative...”> <a href=”#” onclick=”show_pan()”>Pan</a> </li> </ul>
- 29. Real World jQuery Mobile jQuery Mobile <ul data-role=”listview”> <li><a href=”pan.html”>Pan</a></li> </ul>
- 30. Real World jQuery Mobile jQuery Mobile <ul data-role=”listview” data-filter=”true”> <li><a href=”pan.html”>Pan</a></li> <li><a href=”leche.html”>Leche</a></li> <li><a href=”huevos.html”>Huevos</a></li> <li><a href=”arroz.html”>Arroz</a></li> <li><a href=”lechuga.html>Lechuga</a></li> </ul>
- 31. Real World jQuery Mobile jQuery Mobile <div data-role="page" data-theme="a" data-content-theme="a"> <ul data-role=”listview” data-filter=”true”> <li><a href=”pan.html”>Pan</a></li> <li><a href=”leche.html”>Leche</a></li> </ul> </div>
- 32. Real World jQuery Mobile jQuery Mobile <!DOCTYPE html> <html> <body> <div data-role="page"> <div data-role=”content”> <ul data-role=”listview” data-filter=”true”> <li><a href=”pan.html”>Pan</a></li> </ul> </div> </div> </body> </html>
- 33. Otros frameworks Enyo Enyo2.0 plataforma desarrollo WebOS • Versión • Sólo JavaScript!
Notas del editor
- Qué características tienen los dispositivos móviles? - Algo evidente: se mueven (horizontal/vertical) - Tamaño pantalla - Potencia (cada vez lo son más) - Tarifas de datos - Fragmentación
- HISTORIA Y EVOLUCIÓN
- application cache: offline browsing, speed/server load
- Danny Winokur: Vice President & General Manager, Interactive Development at Adobe
- TERMINOLOGÍA
- DESARROLLO
- Javier Usobiaga, 20h
- ESTRATEGIA TECNOLÓGICA
- REAL WORLD
- Detalle
- Detalle dinámico
- Estilo...
- +buscador
- Estilos, ThemeRoller
- data-theme=”a” por defecto
- preguntas