Mozilla y el desarrollo del web para todos Percy Cabello percy@mozilla.pe
La web Breve historia 1990: Tim Berners-Lee une por primera vez Internet y el hipertexto: HTML, HTTP. 1993: Mosaic 1.0 1994: Netscape 1.0 1995: Java para la web, con HotJava 1995: Apache Server 1995: PHP
La web Breve historia 1995: Microsoft lanza Internet Explorer, basado en la versión de Mosaic de Spyglass. Inician las Browser Wars I 1995: Brendan Eich inventa JavaScript (ECMAScript) 1999: RSS 2000: XMLHttpRequest (XHR, base de AJAX) 2010: aproximadamente 120 millones de sitios web en operación, 1800 millones de usuarios
La misión de Mozilla Fomentar la innovación y capacidad de elección en Internet.
La misión de Mozilla Eliminar barreras de acceso: Impedimentos fisicos Dispositivos idioma
La misión de Mozilla Firefox Un navegador web concebido para el usuario Más seguro: Código abierto Rápida solución a vulnerabilidades Plugins actualizados Extensible: más de 6000+ extensiones y 75000+ personas Para Linux, Windows y Mac OS X en más de 70 idiomas Actualmente entre 25-30% de usuarios
La misión de Mozilla Firefox Soporta los estándares web
Estándares web SVG Scalable Vector Graphics Language Lenguaje XML para vectores 2D: polígonos, textos, colores, patrones, gradientes, filtros y +.
Estándares web: SVG <radialgradient id="svgid_1_" cx="274.822" cy="-551.0396" r="165.384" gradienttransform="matrix(0.5671 0 0-0.2835 84.6678 188.6448)" gradientunits="userspaceonuse"> <stop offset="0" stop-color="#000000" stop-opacity="0.502"/> <stop offset="1" stop-color="#000000" stop-opacity="0"/> </radialgradient> <path fill="url(#svgid_1_)" d="m334.297,344.885c0,25.898-41.989,46.893-93.785,46.893c51.795,0-93.784-20.994-93.784-46.893 s41.989-46.893,93.784-46.893c292.307,297.993,334.297,318.987,334.297,344.885z"/> <radialgradient id="svgid_2_" cx="268.7937" cy="-551.0415" r="165.3826" gradienttransform="matrix(0.5823 0 0-0.2835-58.2004 188.1399)" gradientunits="userspaceonuse"> <stop offset="0" stop-color="#000000" stop-opacity="0.502"/> <stop offset="1" stop-color="#000000" stop-opacity="0"/> </radialgradient> <path fill="url(#svgid_2_)" d="m194.628,344.381c0,25.897-43.117,46.892-96.306,46.892c53.188,0-96.305-20.994-96.305-46.892 c0-25.898,43.117-46.893,96.305-46.893c151.51,297.489,194.628,318.483,194.628,344.381z"/> <g> <path d="m304.732,246.606c-4.752,19.584-28.872,60.48-41.688,78.48c-12.815,18.07211.231,34.344-34.92,28.008 c-23.616-6.336-30.24-5.184-54.647-3.744c-24.265,1.439-19.0090.721-34.2,6.12c-15.12,6.84-65.88-82.944-69.984-99.647 c-4.031-16.705-5.976-14.689,4.53632.761c10.513-18.071,12.024-35.928,25.92-57.816c13.896-21.96,29.952-33.12,28.8-49.896 c4.535-62.28-8.136-93.384,19.513-107.784c26.352-13.68,48.384-5.544,57.0960.864c3.744,2.016,11.376,5.904,17.064,12.744 c5.688,6.696,10.8,16.848,13.68,29.664c5.904,25.7042.448,17.208,4.248,46.656c6.624,29.375,20.088,43.775,36.504,67.031 C293.068,186.054,310.204,224.43,304.732,246.606z"/> <g> <path fill="#666666" d="m148.47,94.049c4.319-1.728,3.592-1.958,6.472-8.222c2.3044.824,4.328-6.898,4.256-14.242 c0-7.2-2.232-9.648-5.616-14.328c-3.24-4.464-8.424-4.6811.664-4.104c-1.872,0.288-4.319,2.664-5.976,6.192 c-1.08,2.376-1.944,5.4-2.017,8.568c0.216,8.496,0.505,11.736,2.448,17.496c138.678,92.178,144.294,95.706,148.47,94.049z"/> <g>
Estándares Web ARIA Accessible Rich Internet Applications Permite normalizar widgets para que sean accesibles por software de asistencia.
Estándares Web <ul role="group" class="expanded"> <li role="treeitem" tabindex="-1"> <a tabindex="-1" href="javascript:show('show1', 'Fruit: Oranges')" aria-controls="show1">oranges</a> </li> <li role="treeitem" tabindex="-1"> <a tabindex="-1" href="javascript:show('show1', 'Fruit: Pineapples')" aria-controls="show1">pineapples</a> </li> <li role="treeitem" tabindex="-1" aria-expanded="false" arialabelledby="fruit300">
Estándares Web HTML5 DOM Storage <audio> y <video> nativo Geolocalización <canvas> Web workers (JavaScript) XForms
Estándares Web Geolocalización Permite acceder a la ubicación física del usuario. function showposition(position) { alert(position.coords.latitude + + position.coords.longitude); } navigator.geolocation.getcurrentposition(showposition);
Estándares Web Video nativo + Theora Theora: Firefox, Chrome, Opera H.264: Safari, Chrome
Integrando la web y el navegador Jetpack Provee una API y una arquitectura poderosas que permiten extender la funcionalidad de Firefox con código muy compacto, fácilmente editable y que no requiere reiniciar Firefox.
Integrando la web y el navegador Ubiquity Incorpora una línea de comando en Firefox para realizar tareas complejas en una sola instrucción.
Integrando la web y el navegador Bespin Es un editor de texto basado en el web orientado a la colaboración. Extensible para soportar diferentes lenguajes de programación.
Integrando la web y el navegador Weave Plataforma para cloud computing: Weave Server Weave Sync
Integrando la web y el navegador Prism Permite escritorizar aplicaciones web: Aplicaciones por defecto Accesos directos Minimizar en la bandeja de sistema etc.
Integrando la web y el navegador
Extensiones para desarrolladores Firebug Depuración avanzada JavaScript Revisión y edición de CSS Monitoreo de tráfico de red Navegación del DOM Extensible
Extensiones para desarrolladores Selenium Automatización de pruebas de aplicaciones web. Exporta código como unit tests en PHP, Java, C, C++, Ruby, Python, Perl y otros. Pruebas pueden ser reproducidas automáticamente en Firefox, Chrome e Internet Explorer.
Extensiones para desarrolladores
Extensiones para desarrolladores Web Developer Toolbar Una barra de herramientas con docenas de pequeñas utilidades para validar código, mostrar detalles de imágenes y formularios, jugar con CSSs, entre otros.
Extensiones para desarrolladores ColorZilla permite identificar cualquier color de una página web y generar paletas automáticamente.
Extensiones para desarrolladores FirePHP
addons.mozilla.org
Preguntas