Tip:
Highlight text to annotate it
X
Gracias, como presentación, trabajo para Microsoft Canadá, de hecho, vivo en Ottawa, Canadá;
pero trabajo en Redmond, que es donde Microsoft tiene sus oficinas principales y está a unos
3.000Km de mi casa, así que tengo un largo paseo. Pero paso mucho de mi tiempo fuera de Microsoft
haciendo trabajo de estándares en dos áreas; una de ellas es la que llamo el área del cliente,
que es en HTML5, y la otra es en CloudComputing así que gestiono un equipo de gente que llamo
diplomáticos técnicos. Así que ellos trabajan fuera de Microsoft, por lo que deben ser diplomáticos
y deben tener habilidades técnicas porque representan a Microsoft en comunidades de estándares
técnicos. He hecho esto durante unos 25 años de mi carrera profesional y ahora gestiono el equipo
que hace todo el trabajo de estándares de Internet en Microsoft y todos los estándares de la nube
también. Uno de mis roles, que de hecho han mencionado, es co-presidente junto con otras dos
personas del equipo de trabajo de HTML5. He estado en Bilbao desde el sábado porque el W3C
ha tenido un encuentro semianual aquí en España de todo el comité de asesores. Así que W3C tiene
unos 450 miembros alrededor de todo el mundo y dos veces al año, el comité de asesores,
que lo compone un miembro de cada compañía, se reúne para planificar nuestro trabajo
para los siguientes seis meses y más allá en el futuro. Como co-presidente del grupo de trabajo
de HTML5, asisto a dicha reunión porque HTML5 es muy importante para el consorcio del WorldWideWeb
de hecho, di un informe del estado de nuestro trabajo al comité para actualizarles con nuestra
situación. Así que mi presentación de hoy os va a dar una pincelada de lo que HTML5 trata.
Estoy más que dispuesto a contestar preguntas en cualquier momento. De hecho,
trabajé en Santigado de Chile un par de años como consejero de las Naciones Unidas,
eso fue desgraciadamente hace 25 años, pero hice mi trabajo entonces exclusivamente en español,
así que mi español es un poco mejor aquí arriba de lo que es aquí, porque aún puedo entender
un poco, así que estaré encantado de intentar recibir preguntas si tenéis preguntas y queréis interrumpirme.
Así que esta presentación habla de la plataforma abierta de la web.
A muchas personas les ha costado entender… ¿puedes levantarte y enseñarnos el logo?
De acuerdo, tengo un gráfico aquí, de la audiencia, ahí está nuestro logo de HTML5,
pero mucha gente no entiende qué es HTML5 porque es muchas cosas así que en W3C solemos
referirnos a esto como la plataforma web abierta. Porque incluye no sólo el grupo de trabajo de HTML5,
que es el responsable de lo que llamo elementos y atributos del lenguaje HTML5,
pero incluye muchos otros grupos de trabajo del W3C también. Esto es para daros una pincelada
no sólo del HTML5 sino de toda la plataforma web abierta. Di esta charla recientemente
dos veces en Bruselas, en una conferencia del W3C. Juzgaré cuán difíciles son vuestras preguntas,
tuve preguntas en portugués en esa conferencia así que quizás las pueda tener en español hoy.
¿Cuál es nuestro futuro? Bueno, yo creo que muchos estaremos de acuerdo en que la web,
incluso algo llamado web 3 o web 4 o web 5 es un estándar de lo que la tecnología será.
En la reunión del W3C del lunes y martes de esta semana, fue muy interesante ver las nuevas compañías
que están uniéndose al W3C. Por primera vez tenemos a Disney en el W3C. Obviamente es una compañía
que tiene mucho vídeo; películas, dibujos animados… y ahora están tratando de explicarse
cómo van a proporcionar ese atractivo en esta nueva web, una web de datos y de interacción.
Alguna de las otras personas que estaban en la reunión eran LG electronics,
¿alguien tiene una televisión LG? ¿qué me decís de Sony? ¿alguien tiene una televisión de Sony?
Así que están tratando de explicarse qué pinta tendrá la televisión del futuro, y particularmente,
¿tendrán las televisiones del futuro un navegador web embebido directamente en ellas?
¿podréis utilizar vuestra tablet o iPad como un mando de la televisión?
Estará probablemente conectado a una red wifi y navegaréis por algo como YouTube o alguna otra
colección de vídeo, veréis un canal o película y probablemente utilizaréis un gesto para lanzar
ese vídeo directamente a vuestra televisión. Así que el efecto de la combinación del mundo táctil
que tenemos hoy en nuestros dispositivos móviles, se combina en nuestro salón con las televisiones
es hacia dónde va la web. Estas compañías, alguna de ellas, nunca antes habían estado
en el consorcio del WorldWideWeb y vienen a la mesa ahora porque quieren participar en la definición
de esta plataforma web abierta ya que ven que es muy importante para su futuro negocio.
Así que, dando forma a la interfaz web. Obviamente en 1997, el W3C sacó el HTML 4,
dejadme hacer esto un poco más grande, y era un lenguaje de alto margen protegido,
y fue lo que básicamente definió por dónde empezar la web. Creo que una de las razones
por las que la conferencia del W3C fue aquí, en Bilbao, es porque emprendedores españoles
decidieron que querían tener una conferencia web en Bilbao a la vez y ¿qué mejor forma
de conseguir que el señor Tim Berners-Lee de una charla en su conferencia que invitar
a la organización de la que es director? Así que cuando usáis la web hoy día, hay dos cosas
de las que Tim Berners-Lee es el inventor. Una de ellas es HTTP, así que cada vez que escribís
http://www., no sé, google.com, ese formato, que se llama Localizador Uniforme de Recursos, URL,
es lo que Tim Berners-Lee inventó cuando trabajaba en el CERN, en Suiza.
La otra cosa que inventó fue el protocolo HTTP, que es el protocolo que permite
que tu agente cliente pueda conectarse a un servidor donde se encuentran las páginas web
que muestras en tu navegador. La cosa más increíble es que Tim podría haber sido un hombre
extremadamente rico si hubiera mantenido sus derechos de propiedad intelectual para esas dos
invenciones pero decidió fundar el consorcio WorldWideWeb en el MIT y otras dos universidades
de todo el mundo y poner a disposición pública toda esa propiedad intelectual. Y una de las
razones por las que tenemos la web hoy es por esos cimientos son gratuitos para todo el mundo
que quiera usarlos. Sin cánones, el HTTP es una especificación que está bajo el IETF,
Internet Engineering Task Force, y ellos son los dueños de los protocolos, la base de la web de hoy.
URIs, son de hecho Localizadores Internacionalizados Uniformes de Recursos,
que tienen otros caracteres distintos de los ASCI habituales en URL, se han hecho cooperando
entre el IETF y el W3C. HTLM, el lenguaje que se basa en todo ese protocolo,
se ha hecho siempre en el W3C. Así que Tim, como dice mi mujer “es el único caballero
que hemos tenido en casa cenando” es una persona increíble, magnánima, amigable y extrovertida
persona. Y no puedo pensar en nadie que conozca personalmente que haya dado más a la sociedad,
dando los derechos de esa tecnología a todo el mundo para que la use.
Es la única persona que conozco nombrada como una de las 100 mejores personas del siglo pasado
por la revista TIME. Está basado en el MIT, el MIT está celebrando su 150 aniversario
de su fundación este año.
¿Cuántos años tiene la Universidad Politécnica de Madrid?
Esta escuela tiene más de 150 años
Ahí lo tienes, se trata de una institución joven comparada con vuestra Escuela.
Pero hicieron una lista de las 100 mejores cosas, de las 150 mejores cosas, que la universidad
ha hecho en esos 150 años. Adivinad cuál era la número uno:
la fundación del consorcio del WorldWideWeb en el MIT. El MIT tiene 17 galardonados
con el premio Nobel y aun así, la fundación de la web ha tenido más impacto en la sociedad
que cualquiera de estos galardonados o la combinación de estos que produjo el MIT.
Así que es un lugar muy interesante y el W3C es responsable del HTML.
Pero hay muchas tecnologías que cuando hablamos de la web abierta están incluidas en esa lista.
Cosas como el CSS; no tiene sentido tener sintaxis en una página web salvo si la podemos enriquecer
y mostrar de una forma realmente interesante. Así las Hojas de Estilo en Cascada, CSS,
te dicen cómo dar estilo a tu página web. SVG te permite hacer gráficos vectoriales
con los que puedes hacer potentes gráficos para mostrar en tu web. MathML te permite escribir
ecuaciones matemáticas en una página y mostrarlas. Y tenemos muchas más cosas,
hablaré más tarde de alguna de ellas. Añadir vídeo, añadir lienzos, que son como el Paint,
esa capacidad a tu web, de modo que alguien puede dibujar algo en tu sitio web
cómo haciendo un dibujo. ¿Cuántos de vosotros tiene lleva un móvil?
¿Cuántos de vosotros tiene un navegador en el móvil? Cuando vais por ahí,
¿cuántos de esos navegadores saben dónde estáis? Ah, eso utiliza geolocalización;
eso es una API hecha en el W3C de modo que el navegador y el programa que corre en vuestro
navegador puede determinar vuestra longitud y latitud y hacer cosas muy interesantes con ello.
Puede situaros en un mapa, puede deciros dónde está la gasolinera más cercana, puede deciros
dónde está el hospital más cercano, eso puede ser más importante en una emergencia.
Todo esto es parte del W3C dando forma a la web. Pero bajo esas cosas de alto nivel
están todas esas cosas llamadas especificaciones. Quiero decir, que es un increíble número…
la primera vez que hice un informe al comité de consejeros del W3C sobre HTML5, decidí que,
para impactar, llevaría una copia impresa de las principales especificaciones
a la habitación y la dejaría caer sobre la mesa. Bueno, es así de gordo.
Eso es lo que guía al equipo de Internet Explorer ahora, eso es con lo que trabajan los ingenieros,
es lo que guía a los ingenieros de Google Chrome, es lo que guía a los ingenieros
de Safari de Apple. Y hay muchas especificaciones diferentes aquí. Tenéis HTML5 él mismo,
tenéis muchas especificaciones CSS, la familia de especificaciones CSS se ha escrito
de una forma mucho más modular. Así que si uniésemos todas las especificaciones de CSS
llegaríamos quizás a las especificaciones de HTML5; pero pretenden ser mucho más pequeñas
y los que las implementan como Internet Explorer, tienden a tomarlas una a una.
No haciendo todo lo de CSS. Por ejemplo, ¿dónde está? Alguna de ellas ni siquiera está aquí.
Gradientes CSS y mallas CSS ni siquiera están en esta lista, pero cuando lanzamos,
Microsoft lanzó Internet Explorer 9 en marzo, y aproximadamente un mes después,
en nuestra conferencia MIX, lanzamos la plataforma de previsualización de Internet Explorer 10.
Ocho semanas después de lanzar IE9, lanzamos una previsualización, llamada beta,
y lanzamos cuatro nuevas especificaciones CSS en ella. Así que muchas de estas especificaciones
llegan a vuestros navegadores de una en una. Aquí están todas las de CSS,
tenemos SVG, WAI y ARIA es otra área en la que el W3C invierte mucho tiempo,
son las especificaciones de accesibilidad que tiene el W3C.
¿Cuántos de vosotros tiene quizás un amigo que es ciego o sordo? ¿Alguien? De acuerdo, ¿usan la web?
Sí.
Correcto, y una de las razones es por el trabajo de accesibilidad que el W3C hace.
De modo que cuando vosotros tenéis una página web, ellos pueden tener un agente texto-voz
en su navegador de modo que cuando se mueven por la web, éste lee las etiquetas para que
una persona ciega pueda utilizar la web. Todas estas capacidades se definen en la accesibilidad
web del W3C. El W3C tiene como objetivo “guiando la web hacia su plenitud” y eso significa
no para los frikis como yo que saben cómo usar la web y programarla, sino para todos.
Así que para gente que es ciega, gente que quizás no puede oír, de modo que cuando tienes
una pista de audio quieres tener subtítulos, de modo que si hay un vídeo con sonido tienen
la oportunidad de entenderlo. Del mismo modo que utilizáis vuestra televisión hoy en día
con subtítulos, o vas a un cine y tienen subtítulos en español en una película original en inglés.
Quieres las mismas capacidades disponibles en la web también. ECMA Script 5,
conocido como JavaScript, es el lenguaje de programación que desarrolladores web utilizan
para ir de lo que llamamos web estática que es lo que HTML4 era, donde podías
ver cuando la escribías cómo iba a quedar la web exactamente porque era estática,
a la web dinámica, que significa que la web por sí misma puede responder a lo que el usuario
está haciendo y customizarse. La primera vez que vi esto fue la primera vez que entré en amazon.com
y buscaba películas y quería que pusiese un identificador de usuario así
que puse paul.cotton@microsoft.com y, por supuesto, ¿qué hizo? Inmediatamente refrescó
la página y me dijo “¿Te gustaría ver películas que gustaron a otra gente de Microsoft?”
¿De acuerdo? Me está dando una experiencia personalizada.
Toda esa programación está hecha en JavaScript ya que era lo suficientemente inteligente
como para analizar sintácticamente mi identificador de usuario,
reconocer que había una compañía.com ahí y que podía personalizar la experiencia.
Eso es lo que os da la web dinámica hoy en día y es JavaScript.
Esa especificación está escrita en un subcomité patrocinado por ECMA que es el
European Computer Manufacturers Association, una asociación de estándares con base en Europa,
el ECMA Script se hace en un comité, todos tienen su nombre, este se llama TC39,
imagino que era el Comité Técnico número 39. Está basado principalmente en Norteamérica
pero tiene representación internacional y una fuerte representación de compañías como
por ejemplo Opera, que obviamente produce un navegador y están muy interesados en hacer
que JavaScript haga lo que ellos quieren que haga. 2D Context, conocido como Lienzo,
que apareció primero en Safari, el navegador de Apple, y es el Paint al que me refería antes.
Web Storage es la capacidad de almacenamiento en el cliente, de modo que si estás creando
un cliente realmente rico, y quieres tener algo de almacenamiento en el cliente en la experiencia
de programación, puedes usar Web Storage. No voy a hablar de todo esto. La geolocalización es lo
que ya he mencionado, es lo que permite que hardware de tu teléfono sea llamado por la página web
para saber dónde estás sujetando el teléfono en un momento determinado. A veces esto es una buena
noticia y otras veces esto es una mala noticia. Quiero decir, a veces puedes caminar por una tienda
en Norteamérica y sacar un anuncio sabiendo que estás en esa tienda. A veces me pregunto si quiero
o no que mi teléfono haga eso. DownLevel Events, Media Fragments, Selectors y muchos más. Y la lista sigue,, y sigue.
Una de las cosas que os tenéis que dar cuenta cuando salgáis de aquí es que cuando algunas
personas dicen HTML5, quieren decir todo lo que hay aquí. Alguna otra persona que dice HTML5 quiere
decir la sintaxis de HTML5, que es el ítem que está solo ahí arriba. Cuando utilizamos el icono que está
en tu camiseta para HTML5, nos referimos solamente a HTML5, no CSS, no nada más. Y de hecho, cuando el W3C
creó ese gráfico para HTML, el resto de gente que trabaja en esto se puso celosa.
Y ellos querían… han hablado mucho sobre crear un logo de CSS, de modo que gente que es fan de CSS puedan
llevar su camiseta como él lleva su camiseta de HTML5.
Historia rápida de HTML5. El esfuerzo comenzó con alguien llamado Ian Hickson, ¿alguien reconoce ese nombre?
Él es legendario en este campo en particular. Trabajaba en Opera en aquel momento y W3C lanzó de forma efectiva
el HTML. Es como si fuese el mal y sucio hijo. Y en un determinado punto, el W3C decidió, no sé si había
buenas razones o qué, concentrar sus esfuerzo en XHTML, el lenguaje HTLM basado en XML.
Ian y un montón de gente más convencieron al W3C de que estaban cometiendo un error así que salieron del W3C
y crearon lo que hoy se conoce como el grupo de trabajo WHAT y empezaron a escribir una nueva versión del HTML.
Y eso es lo que llamamos HTML5 hoy. Opera, Mozilla y Apple crearon el grupo de trabajo WHAT en 2004,
así que Ian ha estado haciendo este trabajo durante siete u ocho años ahora.
Y él es hoy el editor del HTML5 en el W3C. Ahora en 2007, el W3C se dio cuenta de que habían cometido un error,
no sé si conocéis la parábola del hijo pródigo, siendo bienvenido en casa, eso es lo que pasó aquí.
Invitaron al grupo de trabajo WHAT, a Ian y a toda esa gente, de vuelta al W3C.
Y había probablemente una razón por la que el grupo de trabajo WHAT querría hacer eso, y eso es la política del W3C.
Así que todos aquellos, yo incluido, que trabajamos en compañías como Microsoft, cuando hacemos nuestro
trabajo en Microsoft, lo hacemos en un ambiente libre de cánones. Eso quiere decir que en cualquier momento que un
ingeniero de Microsoft pone una propuesta sobre la mesa, y es aceptado por el W3C, eso garantiza que Microsoft
o cobrará canon a nadie por esa especificación. Antes dije que Tim Berners-Lee creó esta web poniendo su propiedad
intelectual sobre la mesa y haciéndola accesible de forma gratuita. Y hoy, ese espíritu sigue vivo en el W3C,
en cómo todos los vendedores de navegadores y el resto de gente en la mesa hace su trabajo.
No es fácil en una compañía como Microsoft, no es fácil en una compañía como Apple,
hacer eso porque en muchos casos tenemos inmensas riquezas de material patentable involucrado
en el software que producimos. Pero hemos decidido colectivamente que haremos eso en el W3C porque,
bueno, hay una expresión inglesa “la marea levanta todos los barcos”, así como efecto de que
construyamos una web mayor, todos nos beneficiamos. Así que empezamos el grupo de trabajo en 2007, en agosto de 2009,
el W3C puso la estructura de organización en un grupo de trabajo y es cuando me convertí en uno de los co-presidentes.
Un par de meses después, anunciamos la creación de dos grupos de trabajo, uno trabajando en accesibilidad porque
es muy importante y otro trabajando en testeo. Estimo que, finalmente, cuando llevemos el HTML5 a la etapa de
testeo necesitaremos más de mil tests, quiero decir que es un trabajo muy muy grande el probar un lenguaje que es
tan grande y diverso. En noviembre de ese año pusimos una política de decisión, esto es más o menos la reglas de
gobierno sobre cómo funciona un grupo de trabajo. Una de las razones por las que tuvimos que hacer eso es porque
pusimos estas dos culturas juntas al meter el grupo de trabajo WHAT en el W3C.
No podíamos utilizar las reglas del W3C para hacer ese trabajo.
Para empezar, el grupo de trabajo tiene más de 400 miembros, es bastante difícil de imaginar
conseguir una decisión de 400 miembros; mi mujer y yo no podemos decidir dónde ir a cenar juntos, sin embargo 400 personas
deciden cómo tomar decisiones. En septiembre del año pasado anunciamos nuestro horario para llegar a lo que
el W3C llama “última llamada”. Una de las principales razones por las que estoy aquí, en España, era que yo iba a informar
al W3C de nuestro progreso para llegar a la “última llamada”.
El domingo pasado, 15 de mayo, abrí una encuesta para el grupo de trabajo que dura una semana
para que el grupo de trabajo decida si quieren tomar el paso de tomar las nueve especificaciones
a la “última llamada”. Si sois desarrolladores de software, considerad “última llamada”
frente a las especificaciones como una beta, es algo así como invitar a otras personas a ver lo que estás haciendo.
Espero que vayamos a la “última llamada” la semana que viene. Uno de mis propósitos por los que estoy aquí hoy es
para pediros a todos que veáis que pasa con HTML5 y si llega a la “última llamada”, ahora es vuestra oportunidad
como individuo, conseguid una identificación en el W3C y comentar la especificación.
De hecho, entrad, buscad y decid “esto está mal escrito”, “esto es técnicamente incorrecto”,
“aquí tenéis nuevas ideas sobre las cosas que deberíais añadir a HTML5”.
Por supuesto, empezando en 2010, tenemos prisa, porque cuando el grupo de trabajo WHAT llegó al W3C es
cuando Microsoft llegó a la mesa. Porque no participábamos en el grupo de trabajo WHAT. Así que durante los últimos tres años,
Microsoft ha estado en la mesa con los otros cuatro grandes vendedores de navegadores, todos trabajando juntos
tratando de finalizar HTML5. Al igual que en CSS, SVG y todas las otras cosas también. Y por supuesto, ese es el desafío real.
Varios de los navegadores utilizan open source, Microsoft utiliza código propietario para construir su navegador.
Así que tenemos distintas aproximaciones de ingeniería, tenemos distintos clientes. La gente que ha adoptado el navegador
de Google Chrome son generalmente a los que llamo “early adopters”, quieren lo último
y más sexy en su teléfono o dispositivo móvil porque creen que es realmente chulo.
Los clientes de Microsoft son principalmente empresas, donde lo peor que puede hacer
Microsoft es lanzar una versión de IE que rompe el sitio web que la empresa cliente ha creado con anterioridad.
Así que tenemos similitudes, todos queremos hacer subir esa marea para hacer Internet más existoso pero también tenemos
aproximaciones muy distintas y prioridades muy distintas.
Lo principal que debéis entender es que todos nos unimos en el consorcio WorldWideWeb para hacer que esto funcione.
Así que el grupo de trabajo está presidido por Marché, yo mismo y Sam, de Apple, Microsoft e IBM. Una buena colección de gente.
Yo tengo una carrera de 40 años en la industria TI, Sam ha estado trabajando para IBM durante 30 años, de hecho
yo trabajaba para IBM antes de que llegase Microsoft, así que Sam y yo fuimos compañeros en IBM. Es increíble cuán pequeño
es el mundo. Mirad a vuestro alrededor a toda la gente que está en esta sala hoy, en diez años, pensad con cuántas de estas
personas acabaréis trabajando. El mundo de alta tecnología tiende a ser un lugar muy pequeño. La cuenta actual
es 54 miembros del W3C. Disney va a unirse, Comcast se va a unir, LG se va a unir… así que el número de miembros involucrados
en el grupo de trabajo del W3C es muy grande. Tenemos entre 400 y 450 participantes. Tenemos 9 listas de e-mail distintas,
que son todas ellas públicas y accesibles para leer por todo el mundo. Si queréis participar en el diálogo, os convertiríais
en lo que el W3C considera un “experto invitado”, que quiere decir que has mostrado tus credenciales al equipo y los presidentes
y entonces te dejamos entrar por la puerta. Y así puedes recibir todos los e-mails y participar en el diálogo.
Pero mi bandeja de entrada está casi siempre llena. La principal lista de e-mail recibe entre 600 y 800 e-mails al mes,
de 20 a 30 al día;y son muy densos y muy técnicos, porque hablamos de las principales características del lenguaje HTML.
La mayoría de los que estamos trabajando en esto en compañías como Microsoft o Apple pasamos entre un 50% y un 75% de nuestra
semana haciendo este trabajo, de modo que estamos pasando entre 20 y 30 horas.
Si realmente queréis seguir lo que está pasando,creo que lo mínimo que querréis pasar son cinco horas
a la semana para más o menos manteneros informados de lo que se está haciendo.
HTML5, dije antes que una de las cosas que sucedían es que el W3C inicialmente quería hacer todo su trabajo web en XHTML
y finalmente se dieron cuenta de que era un error y eso hizo que volviese su hijo pródigo a casa… Por consiguiente,
el W3C tiene recursos limitados, es una organización financiada por sus miembros.
Cada una de las grandes compañías paga unos 70.000 USD al año para ser miembro
y además contribuye con todo el tiempo de sus ingenieros de forma gratuita,
que es incluso un gasto mayor. Pero finalmente anunciaron que iban a suspender cualquier trabajo extra en XHTML dentro del W3C.
Pero una de las cosas que hicimos es que tomamos una de las especificaciones que llamábamos “el documento políglota”
y si dibujáis un diagrama de Venn de HTML y un diagrama de Venn de XHTML se solapan. Y resulta que esa intersección es
razonablemente grande, y si eres disciplinado a la hora de escribir las páginas de tu sitio web, puedes servirlas como
un tipo de texto/html o puedes servirlas como XHTML + XML, lo cual es muy importante para algunas personas porque
si tienes una cadena de herramientas que está basada en XML puedes escribir páginas que esa cadena de herramientas puede consumir
y quizás generar otras versiones de esas páginas y a la vez, si te ciñes en esa intersección del diagrama de Venn,
cualquier navegador puede visualizar esas páginas también. Así que es una combinación bastante poderosa, fue Tim Berners-Lee quien
insistió en que escribiésemos este documento, él es un gran fan de XHTML, pero es lo suficientemente realista como para saber
que la web se está moviendo hacia el HTML5. Así que uno de sus comentarios fue “debéis decir al mundo qué pinta tiene esa
intersección del diagrama de Venn”. Uno de los documentos que llevamos a la “última llamada” es “el documento políglota”,
sólo tiene unas 30 páginas y te cuenta qué es realmente esa intersección. Y quizás aún más
importante es que HTML5 incorpora SVG y MathML,puedes usar esos formatos XML en una página HTML.
Esos formatos están ambos en XML.
El grupo de trabajo tiene un gran número de problemas, creo que ahora mismo estamos manejando unos 165, recibimos unos 250 bugs al mes.
La mayoría de esos bugs son relativamente fáciles de procesar, pero cualquier bug polémico se convierte en un problema.
Uno de los problemas más polémicos es el problema 41. Iré a mi tumba recordando qué es ese número, quizás en mi lápida
ponga “Paul trabajó en el problema 41 durante 10 años”. Trata de qué tipo de extensibilidad tendrá el lenguaje HTML.
Aquellos de vosotros que conozcan XML sabrán que la X de XML es la segunda letra de eXtensible;
y XML significa lenguaje de marcas extensible. Así que por su propia naturaleza,
XML es extensible, por su propia naturaleza, HTML no es extensible. Y de hecho, el actual propósito
de este problema es que la única forma de extender HTML es pidiendo al equipo de trabajo de HTML5 que creen
un nuevo elemento. Así que no es extensible, y esto es extremadamente polémico. Una de las principales características de la web
de hoy es que la arquitectura no tiene un solo cuello de botella, el DNS, la estructura del sistema
de nombres de dominio que existe en la web,si un servidor de nombres de dominio desaparece, otro puede recogerlo.
Cuando escribís www.microsoft.com eso se convierte en una dirección IP, se busca en el DNS y la dirección
numérica se devuelve a tu navegador y eso es lo que realmente se usa para conseguir la página con HTTP.
Bueno, esa arquitectura de la web es que la web es extensible. HTML es el contraejemplo de esto
y es muy polémico para la gente. Lo que realmente significa es que si queremos,
si alguien quiere añadir nuevos elementos, o atributos para los elementos existentes, la única forma
de hacerlo es convenciendo al grupo de trabajo de HTML de que eso es lo que deben hacer.
Y hay algunas personas que por temas de religión creen que eso es malo, piensan que cualquiera debería poder añadir
etiquetas al lenguaje que es de lo que iba XML. Hay otros muchos puntos de extensión del lenguaje, el atributo de clase,
el tipo de script uno de los principales puntos de extensión en HTML4 era el tipo de objeto, eso es lo que te permite tener añadidos.
Algunas personas dicen “¡Wow! HTML5 tiene vídeo”, bueno, HTML4 tenía vídeo porque tiene la etiqueta de objeto,
la única diferencia en HTML5 es que la etiqueta se llama de hecho “video” y el navegador debe soportarlo nativamente.
Los objetos llaman a un trozo de código para añadirlo, que son los añadidos de terceros que a veces
tenéis con vuestros navegadores actuales.
Así que hay soporte nativo para vídeo y audio en HTML5. Con objeto es como consigues Flash y Silverlight en una aplicación
de HTML por ejemplo. Y, por supuesto, hay una forma de serializar, como he dicho, esa intersección del diagrama de Venn de
modo que puedas usar espacios XML. Ya he mencionado quizás uno de los más convincentes soportes nativos de HTML5, que es
el soporte de vídeo, que es por lo que Disney está en la mesa, es por lo que Sony está en la mesa, es por lo que LG está en la mesa…
Y hace del vídeo nuestro ciudadano de primera clase en el lenguaje.
Ahora, ¿sabe alguien qué es un códec? ¿Un codificador-decodificador? Es la parte de código software que tu navegador
usa para decodificar el flujo que le llega, que es un JPEG, ¿qué clase de dispositivo produce JPEGs? Cámaras. MPEGs
¿qué clase de dispositivo produce MPEGs? Bueno, alguna cámara produce MPEG, pero más específicamente, cámaras de vídeo.
Estos son formatos digitales y la forma en que estos formatos son procesados por tu navegador es con el códec.
Alguno de esos códecs son tan famosos que están incluidos. Qué códec de vídeo debería ser incluido en HTML5
fue el problema número 4, y el grupo de trabajo decidió antes de que yo me involucrase, me lavo las manos ante este problema,
decidieron no decidir.
Y esto es bastante polémico,que no haya un formato de vídeo por defecto en HTML5.
Lo que esto realmente significa es que dependiendo del navegador que estés
utilizando, una web puede tener que servir distintos tipos de vídeo. El favorito de Google es WebM, el de Apple y Microsoft es H.264
que está basado en MPEG y hay muchas razones por las que cada compañía tiene su favorito. Apple y Microsoft te dirán que H.264
te da mayor experiencia de vídeo, Google te dirá que >WebM< está libre de cánones. Así que el grupo de trabajo no pudo decidir
qué argumento ganaría, así que no hay códec por defecto para el vídeo en HTML5. Todavía es una cosa muy polémica hoy día. Tenemos
todos estos diferentes contenedores de formato: códecs de vídeo, códecs de audio, tenemos diferentes tipos de subtítulo, mencioné
la accesibilidad anteriormente, subtitular un vídeo o audio es también un punto de extensión en el lenguaje de modo que puedes tener
diferente tipo de subtítulo en diferentes tipos de recurso. Así que aunque no se le llama lenguaje extensible, hay un buen número
de extensiones en el lenguaje. Otras características, no voy a pasar mucho tiempo con esto.
Hay formularios que puedes utilizar para crear páginas de entrada, hay más estructura de la que había antes,
la página más usual que solías desarrollar usaba los div, h1,h2 para el encabezado 1 o encabezado 2,
hay ahora etiquetas más semánticas como sección, artículo, figura.
Esto hará finalmente a los motores de búsqueda mucho más inteligentes, porque los motores
de búsqueda serán capaces de en vez de buscar el texto plano de una página web, podrán empezar
a buscar páginas por la etiqueta en la que el material está contenido.
CSS, como he dicho antes, puedes hacer cualquier cosa en CSS, no sé cuántos de vosotros han estado en galerías de tipo CSS que toman un trozo
estático de HTML y lo reorganizan y muestran en unas 10 formas distintas.
Quiero decir que los programadores de CSS son como artistas desde ese punto de vista, son súper creativos
y saben cómo hacer brillar a una página web. Codificar las etiquetas, los elementos y los atributos
es realmente algo sencillo para la mente, el verdadero arte construyendo una página web es la parte dinámica de la página web,
el JavaScript y cosas como el CSS. No voy a hablar de todas estas cosas, quizás queréis saber que debéis tratar CSS
como si tuviese tres niveles, el nivel más interno lleva por ahí mucho tiempo, el nivel dos
puede convertirse en una recomendación del W3C en las próximas dos semanas, eso ha sido un viaje de diez años.
CSS2.1 ha estado ahí durante diez años, el grupo de trabajo ha trabajado en él durante diez años.
Muy polémico, Opera e Ian Hickson escribieron algo llamado “el test del problema 3” el cual IE6, IE7,IE8
todos ellos sacaron fenomenalmente una nota muy pobre porque no soportábamos CSS. Los vendedores de software de hoy en día
tienen un conjunto de test común de unos 900 tests y todos los vendedores de software, en el problema 3, sacan un 96 o 97 sobre 100,
y la mayoría de ellos pasan entre el 96 y 99 porciento de los tests del conjunto. Esto es algo de lo que podéis depender hoy día,
que si usáis las características de CSS2.1 en una página, podéis usar esa única página y esperar que se muestre de formas muy similares
en la mayoría de los navegadores de hoy. Creo que ya he cubierto todo eso… Esto es el tipo de cosas que puedes hacer con CSS.
Esto es en realidad, ¿cuántos de vosotros ha jugado al juego de memorizar cartas en el que
das la vuelta a la carta y levantas dos como estas…?Oh, he ganado. Y entonces haces esto y dice “no, no has ganado Paul”.
Necesitas encontrar todas las parejas… Ah, no… debe estar aquí,
no, de hecho está aquí. Y adivina qué, gané. Este es el tipo de cosas que puedes hacer con CSS.
¿De acuerdo? Las fuentes son bastante importantes en la web. Si quieres crear una experiencia verdaderamente
rica en la web, una de las cosas que habitualmente usamos en las aplicaciones de Office para hacer que nuestros
documentos sean ricos, es hacer que los títulos tengan buena pinta, hacer que los pies
de página tengan buena pinta, nuestras fuentes. Microsoft y Apple trabajaron muy muy duro hará unos
tres años para traer un nuevo set de miembros al W3C, yo llamo a esas compañías “las fábricas de fuentes”,
estos son los sitios que poseen la propiedad intelectual de las fuentes.
Porque cuando alguien diseña una fuente es como pintar la Mona Lisa, ellos tienen los derechos de esa fuente. Así que toda la idea era
traer a “las fábricas de fuentes” al consorcio del WorldWideWeb de modo que pudiésemos tener un amplio uso de esa rica capacidad artística.
Hay algunas restricciones sobre lo que realmente querían sacar, pero hay un grupo de trabajo de fuentes en el W3C que pone un rico set
de fuentes de modo que todos los desarrolladores web pueden usar las fuentes gratuitamente
para desarrollar sus fuentes. SVG 1.1 salió hace mucho mucho tiempo en 2001 y SVG 1.2 salió en 2009,
está embebido, es un formato XML contenido en HTML de forma válida y el soporte de
navegadores mejora cada vez más; Microsoft anunció soporte de SVG en IE9 y las herramientas de escritor
están mejorando también, de modo que tienes mejores herramientas para construir sitios web.
Este es un ejemplo de vídeo embebido dentro de una página web, este vídeo está dentro de la página
y se muestra con sonido directamente por el navegador. No se carga como un añadido.
El navegador tiene soporte directo para el vídeo. Podéis hacer todo tipo de cosas maravillosas
con alguna de las capacidades del CSS, puedes usar algo llamado “difuminado Gaussiano” que emborrona el texto de la pantalla,
aquí veis dos representaciones. Cuando topas con una página realmente rica puedes hacer cosas maravillosas con ello.
Aquí hay un ejemplo de una página web, a veces me resulta difícil controlar esto… Para empezar,
tengo un vídeo aquí que se está reproduciendo, tengo una fórmula matemática aquí que puedo decirle que cambie la fórmula,
puedo rotar, pedir que rote las cosas, aquí es donde se complican las cosas porque para parar este vídeo,
tengo que mover el ratón de modo que… ahh… no… bueno, gracias a dios hay un botón para resetear la demo.
De acuerdo, pues puedes añadir todo tipo de capacidades, hay un SVG aquí arriba, pero esto os da una
idea de que una web muy simple y las cosas que podéis hacer con HMTL5. Páralo. Creo que voy a seguir.
Esto es el lienzo. Esto es una página con lienzo, puedo seleccionar un gráfico, puedo seleccionar un color
y puedo dibujar una línea, puedo pedirle que me de un rectángulo, puedo pedirle cambiar el color,
y darme un círculo y todo esto se hace en el navegador y el navegador implementa el lienzo y esta facilidad es nativa en todos los navegadores
de hoy día. Todos implementan el lienzo. Esto comienza a traer juegos a HTML5 porque con el lienzo y SVG puedes hacer cosas realmente maravillosas
con el navegador hoy día. Tenemos APIs para los dispositivos, un montón de APIs de JavaScript que se conectan a tu micrófono,
tu calendario, tu cámara, tu batería… y esto quiere decir que cuando escribes una aplicación HTML5 tiene la oportunidad de correr de forma nativa
en multitud de diferentes plataformas porque usa la misma API en un iPhone que usaría en un Windows Phone para saber cuánta batería queda.
Voy a parar ahí. Me he alargado un poco quizás. Pero mi objetivo de hoy era hacer que os interesaseis por HTML5, en lo que he pasado mi vida haciendo.