PDF de programación - La Plataforma Web Abiertaylos MOOCs

IRC

http://irc.w3.org

canal #w3cuc3m



Twitter

#w3cuc3m

La Plataforma Web Abierta y los MOOCs

Seminario «Tecnologías para la educación online»

Antonio Olmo Titos

Sobre mí

Estudié ingeniería informática en la Universidad de Granada.

He trabajado para 8 empresas; en 5 ciudades de 3 países.

Soy programador web en el equipo de sistemas del W3C.

Me interesan el software libre, los sistemas abiertos, los estándares,
GNU/Linux, la web, JavaScript, la usabilidad, las interfaces de usuario y
en general el código que se puede ver.

@tripu

[email protected]

#w3cuc3m3 / 55 De qué vamos a hablar

Breve introducción al W3C y a sus estándares.

La Plataforma Web Abierta.

HTML[5] y otras tecnologías relacionadas.

La web y los MOOCs.

Herramientas y recursos para MOOCs.
…y cualquier otra cosa que surja.

#w3cuc3m4 / 55 El W3C

«In October 1994, Tim Berners-Lee founded the World Wide Web Consortium
(W3C) at the Massachusetts Institute of Technology.» [fuente]

Internacional.

Sin ánimo de lucro.

Financiada a través de:

Cuotas de empresas miembro.

Donaciones.

Comprometida con una web:

Abierta.

Interoperable.

Agnóstica.

Duradera.

#w3cuc3m5 / 55 Diez cosas que (quizá) no sabías
sobre el W3C y sus estándares

#w3cuc3m6 / 55 1. El W3C no existe

#w3cuc3m7 / 55 2. W3C ≠ W3Schools

#w3cuc3m8 / 55 3. El W3C está en España

…y en muchos sitios más.

http://w3c.es

#w3cuc3m9 / 55 4. Muchas empresas diminutas

también están en el W3C

#w3cuc3m10 / 55 5. El W3C es una organización pequeña

#w3cuc3m11 / 55 6. El W3C es una organización abierta

…y lo es cada vez más.

#w3cuc3m12 / 55 7. La parte legal es muy importante

#w3cuc3m13 / 55 8. La gente del W3C

no trabaja haciendo estándares

#w3cuc3m14 / 55 9. Los estándares no se redactan

(solamente)

para programadores y diseñadores

#w3cuc3m15 / 55 10. Los estándares son más interesantes

cuando aún no son estándares

#w3cuc3m16 / 55 http://www.w3.org/TR/

#w3cuc3m17 / 55 La Plataforma Web Abierta

«Una serie de tecnologías que ofrecen la posibilidad de una Web mucho más
rica, ágil y fácil de usar para las personas, además de dotarla de mecanismos
para permitir transformarla en una gran base de datos distribuida.» [fuente]

«The collection of open (royalty-free) technologies which enables the Web. Using
the Open Web Platform, everyone has the right to implement a software
component of the Web without requiring any approvals or waiving license fees.»
[fuente]

#w3cuc3m18 / 55 #w3cuc3m19 / 55 HTML5: ¿qué hay de nuevo?

Sintaxis simplificada

Integración de MathML y SVG

Añadidos nuevos elementos y atributos

Eliminados viejos elementos y atributos

Añadidas APIs nuevas para scripting

#w3cuc3m20 / 55 HTML5: nuevos elementos

<video> y <audio>

<canvas>

<ruby>
<article>, <section>, <header>…
<details>, <progress>…

#w3cuc3m21 / 55 HTML5: la historia

HTML5 es un estándar (recommendation) desde hace apenas un mes.

Se ha trabajado en él durante años.

HTML5 es un estándar muy grande.
…y aún así, no engloba un montón de tecnologías que asumimos que son
«HTML5».

#w3cuc3m22 / 55 #w3cuc3m23 / 55 HTML5: APIs relacionadas

Canvas 2D Context API

WebGL (canvas 3D API)

Web Storage API

Indexed DB API (noSQL)

Web Workers

WebSocket

#w3cuc3m24 / 55 Desafíos del estándar

Inclusión y consenso

vs.

agilidad

#w3cuc3m25 / 55 Desafíos del estándar

Bleeding edge

vs.

conservadurismo

#w3cuc3m26 / 55 En definitiva

Tanto para profesores como para estudiantes,

la web es una plataforma ideal:

Gratuita

Abierta

Colaborativa

Bien documentada

Rica en prestaciones

Con inmensa difusión

#w3cuc3m27 / 55 #w3cuc3m28 / 55 El mejor sustrato para MOOCs

Es difícil imaginar la explosión de la educación digital escalable para todos
sin la web, y sin los últimos estándares.

HTML5 está en el centro de la revolución.

Su flexibilidad es la clave.

La facilidad para reutilizar recursos reduce costes, y populariza la
educación.

Acerca la información a quien no está cerca de un campus.
…aunque sí; hay otras plataformas posibles.

#w3cuc3m29 / 55 El ejemplo de edX

MIT + Harvard.

Sin ánimo de lucro, y usando software libre.

«Over 68,000 captioned videos hosted on our platform.»

«Currently working on integrating Annotator.js into our platform.»

#w3cuc3m30 / 55 Web annotation

Las anotaciones en la web van a abrir nuevas posibilidades.

Se trata de traer a la clase digital otro paradigma más del mundo físico.
Notas, esquemas, apuntes, subrayado, correcciones…

Facilitará la colaboración entre estudiantes, que podrán compartir notas
más eficientemente cuando trabajen en proyectos conjuntos.

https://hypothes.is

#w3cuc3m31 / 55 http://w3.org/annotation

#w3cuc3m32 / 55 …y no son los únicos

Coursera.

Udacity.

Khan Academy.

#w3cuc3m33 / 55 Web and TV Interest Group

Facilitar el consumo de material educativo.
En casa, en centros públicos… y por el camino.

Emisiones diferentes para distintos dispositivos. Por ejemplo, para enviar
sonido descriptivo a usuarios con necesidades especiales.

http://w3.org/2011/webtv

#w3cuc3m34 / 55 Digital Publishing Interest Group

Maquetación avanzada.

Paginación.

Internacionalización (i18n).

Web annotation.

http://w3.org/dpub/IG/wiki

#w3cuc3m35 / 55 Gráficos

Nueva etiqueta <canvas>.

Hit regions.

Visual focus indicators (drawFocusIfNeeded).

SVG.

#w3cuc3m36 / 55 Y más

Estudiar offline.
Importante cuando hay pocos recursos, o mala conexión.

Visualizar en 3D (WebGL): química, arquitectura, ingeniería.

Aprovechar el (espectacular) rendimiento de los navegadores.
asm.js, MathML; Mathematica.

Comunicarse con profesor y estudiantes sin pasar por nodo central.
Web Sockets, WebRTC; censura.

Distribuir clases: <video>, <audio>.

Aprender idiomas de escritura compleja,
o ayudar a aquellos con necesidades especiales.
<ruby>.

#w3cuc3m37 / 55 Accesibilidad

Web Content Accessibility Guidelines (WCAG) 2.0.

Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-
ARIA), para mapear roles, estados y propiedades de componentes
avanzados a métodos de bajo nivel del navegador.

Incorporándose ahora en SVG 2.0, junto con mejores mecanismos de
navegación.

Timed Text Markup Language (TTML) 1 y Web Video Text Tracks format
(WebVTT).

#w3cuc3m38 / 55 Cerrando el círculo

Para los estudiantes de tecnología e ingeniería, la Plataforma Web Abierta
puede ser un fin, además de un medio.

El trabajo de estandarización está abierto a la participación y los
comentarios de cualquiera que desee contribuir.

Fácil realimentación entre los estudiantes y aquellos que desarrollan la
plataforma sobre la que estudian.

#w3cuc3m39 / 55 http://w3.org/QA/Tools

#w3cuc3m40 / 55 http://validator.w3.org

#w3cuc3m41 / 55 http://validator.w3.org/nu — https://validator.nu

#w3cuc3m42 / 55 http://w3.org/Mail

#w3cuc3m43 / 55 http://w3.org/Consortium/activities.html

#w3cuc3m44 / 55 http://w3.org/Status

#w3cuc3m45 / 55 https://github.com/w3c

#w3cuc3m46 / 55 http://caniuse.com

#w3cuc3m47 / 55 http://caniuse.com

#w3cuc3m48 / 55 http://caniuse.com

#w3cuc3m49 / 55 http://diveintohtml5.info

#w3cuc3m50 / 55 http://html5rocks.com

#w3cuc3m51 / 55 http://html5rocks.com

#w3cuc3m52 / 55 https://developer.mozilla.org

#w3cuc3m53 / 55 http://webplatform.org

#w3cuc3m54 / 55 Gracias