1 Innovaciones para Internet La visión de Mozilla Juan Eladio Sánchez Rosas Mozilla Perú
2 ¿Qué es Mozilla Foundation ?
3 Mozilla es una organización de bien público dedicada a hacer Internet mejor para todos.
4 Somos una comunidad mundial de miles de personas que creen en el poder de la tecnología para enriquecer la vida de las personas.
5 Somos un proyecto de código libre cuyo código es usado por muchas de las aplicaciones más innovadoras de Internet.
6 Nuestros proyectos Thunderbird Firefox y muchos más... Lightning & Sunbird Bugzilla Camino
7 y hemos dado origen a muchos más Songbird Miro Second Life Pencil Project Kiwix Yoono
8 Estándares web HOY
9 Antes: HTML y XML (90s) HyperText Markup Language eXtensible Markup Language
10 XML: Un ejemplo Mozilla Perú Actividades Octubre http://mozilla.pe/actividades-octubre Este mes que pasó hicimos una pausa... Mozilla Campus Day en FESOLI http://mozilla.pe/mozilla-campus-day-fesoli Culminando por este año el evento itinerante...
11 XHTML 1 eXtensible Hypertext Markup Language Tiene las mismas funcionalidades de HTML, pero cumple las especificaciones, más estrictas, de XML
12 XHTML 1 (2000) eXtensible HyperText Markup Language Mozilla Perú Mozilla Perú Actividades de Mozilla Perú en Octubre 2010 5 de noviembre de 2010 por Juan Eladio. 0 comentarios
13 CSS 2 Cascading Style Sheets Lenguaje creado para controlar el aspecto de los documentos en HTML y XHTML
14 CSS 2 (1998) Cascading Style Sheets body { margin: 10; padding: 30; width: 100%; font-family: Verdana; font-size: 100%; line-height: 1.125em; color: #282623; background-color: white; } h1 { font-size: 2.125em; } p { line-height:1.909em; }
15 Diseño web sin tablas (2002) Enfoque tradicional (sólo HTML) Cabecera Navega Pie de página
16 Diseño web sin tablas (2002) Enfoque sin tablas (HTML+CSS) Cabecera Navegación Contenido 1 Contenido 2 Zona lateral Pie de página En CSS van las posiciones y formatos
17 JavaScript Lenguaje de programación interpretado que se utiliza principalmente para crear páginas web dinámicas.
18 JavaScript function CountWords (this_field) var char_count = this_field.value.length; var fullStr = this_field.value + " "; var cleanedStr = fullStr.replace(/\s/g,' '); var splitString = cleanedStr.split(" "); var word_count = 0; for (z=0; z 0) word_count++;} return word_count; }
19 AJAX Asynchronous JavaScript And XML Técnica de desarrollo web para crear aplicaciones interactivas con XMLHttpRequest, JavaScript y Document Object Model (DOM)
20 AJAX (2005)
21 ¿Todo esto es nuevo para ti?
22 ¡Aún tienes esperanza! librosweb.es
23 Ahora si, Innovaciones para Desarrollo Web
24 HTML5
25 Nuevo estándar para desarrollo de páginas web Iniciado por WHATWG En desarrollo por World Wide Web Consortium (W3C) Ya existen implementaciones preliminares
26 Menos atributos innecesarios
27 Nuevas etiquetas semánticas Título de página Subtítulo Opción de navegación...
28 Nuevas etiquetas semánticas Título de artículo Contenido de la nota.....
29 Nuevas etiquetas semánticas Enlaces relacionados Copyright © 2010
30 Tipos de campos en formularios
31 Tipos de campos en formularios
32 Tipos de campos en formularios
33 Audio y Video document.getElementById("audio").muted = false; document.getElementById("video").play();
34 Estándares de video H.264/AVC/MPEG-4 OGG/Theora WebM (Youtube VP8)
35 HTML 5 Dibujar elementos gráficos personalizados Canvas
36 Otras Innovaciones para Desarrollo Web
37 Otras innovaciones CSS 3 Selectores Espacios de nombres Colores Fondos Transiciones Bordes Sombras Fuentes
38 Otras innovaciones Permite acceder a la ubicación física del usuario. (y mostrar contenido personalizado) Geolocalización
39 Otras innovaciones Ejecutar scripts en segundo plano sin bloquear el navegador Web Workers
40 Otras innovaciones Almacenar mayor cantidad de información de usuario que puedan ser usadas por el navegador DOM Storage
41 Demos
42 Demos: Aplicaciones interactivas deviantART Muro muro.deviantart.com muro.deviantart.com Cloud Canvas www.cloud-canvas.com www.cloud-canvas.com HTML 5 Canvas & Audio Experiment 9elements.com/io/projects/html5/canvas/ 9elements.com/io/projects/html5/canvas/ Galactic Inbox: HTML 5 Game www.monocubed.com/?p=549 www.monocubed.com/?p=549
43 ¿Y la compatibilidad con 'viejos' navegadores?
44 Modernizr www.modernizr.com
45 HTML5 Readiness www.html5readiness.com
46 ¿Qué hace Mozilla al respecto?
47 Firefox 4 La próxima generación del navegador de Mozilla
48 Innovaciones de Mozilla www.mozilla.com/en-US/firefox/beta/technology/ Firefox 4 Beta Technology
49 Firefox Mobile Lleva la experiencia de Firefox a todas partes
50 Dispositivos móviles soportados Meego Android OS
51 Mozilla Labs Investigación y desarrollo para la Web
52 Mozilla Labs Un laboratorio virtual Personas se reúnen para crear, experimentar y usar nuevas tecnologías e innovaciones para la web.
53 Mozilla Labs Concept Series Compartir, colaborar y explorar nuevas ideas sobre el futuro de la web Proyectos activos Subproyectos - Community Concepts - Design Challenges - Student Outreach - Jam Days
54 Mozilla Labs Contacts Información integrada de contactos en el navegador Proyectos activos Servicios soportados: - Libreta de direcciones - Facebook - Gmail - LinkedIn - Plaxo - Twitter - Yahoo!
55 Mozilla Labs Gaming Plataforma de juegos para web abierta Proyectos activos
56 Mozilla Labs Messaging addons Explorar el futuro de las comunicaciones Proyectos activos Extensiones: - Thunderbird Contacts - Mailing List Manager - Mozilla F1 - Mute Thread - Quick Filter - about:support
57 Mozilla Labs Proyectos activos Prospector Experimentos para buscar y encontrar contenido Extensiones: - Speak Words - Find Suggestions - Query Stats 2
58 Mozilla Labs Raindrop Intercambio de mensajes Proyectos activos
59 Mozilla Labs Skywriter Editor de código en HTML5 Proyectos activos
60 Mozilla Labs Test Pilot Estudios sobre uso del navegador Proyectos activos
61 Mozilla Labs Proyectos activos Chromeless Navegador escrito en JavaScript Zaphod Probar nuevas ideas para JavaScript Rainbow Grabación de audio y video desde el navegador
62 Mozilla Labs Sync Sincronización de datos personales Personas Temas fáciles de instalar Proyectos graduados Jetpack Desarrollo de extensiones
63 Mozilla Perú
64 Una comunidad para Colaborar Aprender Disfrutar
65 Mozilla Campus Day* Promover el desarrollo de Internet y la web en nuestro país Para estudiantes y docentes de universidades e institutos peruanos Conferencias y talleres sobre tecnologías de vanguardia en Internet mozilla.pe/mozilla-campus-day
66 Innovaciones para Internet La visión de Mozilla Mozilla Perú mozilla.pe www.facebook.com/mozillaperu groups.google.com/group/mozilla-peru Juan Eladio Sánchez Rosas jesanchez(a)mozilla.pe blogs.antartec.com/opensource slideshare.net/juaneladio