SlideShare una empresa de Scribd logo
1 de 45
Descargar para leer sin conexión
HTML4
HTML5
• Conceptualizaciones previas del hipertexto en Nelson
(Nelson, 1970) o Bush (Bush, 1945). Posteriores
materializaciones como “Hypercard” o “Enquire”.
• Surgimiento de la Web, gracias al protocolo HTTP, el
lenguaje HTML (basado en SGML) y el avance en los
DNS (URL).
• Popularidad del HTML gracias a su sencillez y su
innovación primordial; el hipervínculo (Berners-Lee &
Connolly, 1995).
• Gran impacto de Mosaic. Primer navegador gráfico que
atrae al gran público a la Web, además de ser incluido
en el circuito de los sistemas de explotación.
Posteriormente Netscape aumentaría ese éxito.
Inicio y consolidación
• Formación del W3C en 1994 para potenciar la Web,
mediante el desarrollo de estándares abiertos. También
surgen ISOC en 1992 e ICANN en 1998.
• Microsoft lanza Internet Explorer en 1995 , con la
intención de competir en un medio totalmente
contrario a su modelo de negocio (Mounier, 2002).
• La “Guerra de Navegadores” entre Netscape e IE supone
un antes y un después en la Web. Este conflicto pone
de relevancia el miedo a que una masiva absorción de
software propietario, pueda matar la Web.
Inicio y consolidación
• Web 2.0 es un término que engloba aspectos
tecnológicos, sociales, económicos, educativos, etc. (P.
Anderson, 2007)
• 7 Principios que se exponen en el famoso artículo de
Tim O´Reilly (O´Reilly, 2005b)
• The Web as Platform
• Harnessing Collective Intelligence
• Data is the next “intel inside”
• End of the software release cycle
• Lightweight programming models
• Software above the level of single device
• Rich user experiences
El cambio de paradigma
• Nuevas tecnologías
• XML
• Ajax
• Fuentes Web (RSS & ATOM)
• API´s abiertas
• Nuevas estructuras de publicación de contenidos
• Blogs
• Wikis
• Redes Sociales
• Grandes ideas detrás de la Web 2.0
• Web como plataforma “ligera y extendida”
• Mayor centralidad del usuario
• La topología de la Web reconfigura procesos
• Masas y multitudes inteligentes
• Captura, gestión y reutilización de datos
El cambio de paradigma
• Con esta nueva versión de HTML, el multimedia pasa a
tener un papel mucho más protagonista, a efectos de
estandarización.
• Surgen nuevas funcionalidades (Audio, Vídeo, Canvas,
Picture), pero también nuevos elementos semánticos
(article, header, section, aside, footer) .
• El surgimiento de HTML5 supone un punto de inflexión
en el modo que se desarrollan los estándares.
• Desarrolladores de la Fundación Mozilla y de Opera
Software (posteriormente Apple), fundan el WHATWG
en 2004, al margen del W3C (Franganillo, 2010).
Las mejoras de HTML5
• 7 Principios (The Mozzilla Foundation & Opera Software
2004);
• Backwards Compatibility, clear migration path
• Well-defined error handling
• Users should not be exposed to authoring errors
• Practical use
• Scripting is here to stay
• Device-specific profiling should be avoided
• Open process
• “Evolucionar el HTML4 existente en un estándar capaz
de incluir nuevas características para los
desarrolladores de aplicaciones web” (Pilgrim 2010)
Las mejoras de HTML5
La creación social de HTML5
• El modo en que se genera HTML5 supone una
innovación social, ya que responde a 7 principios que
salvaguardan tanto valores sociales, como una
coherencia con el desarrollo tecnológico desarrollado
hasta la fecha.
• Se cuestiona la trayectoria tecnológica dada y se
promueve un proceso participativo y de meritocracia,
para redefinir la problemática existente, la cual no se
estaba enfrentado desde un marco conceptual
adecuado.
• Múltiples esfuerzos para la difusión social de HTML5.
Instituciones como el W3C, compañías privadas como
Apple y Google, fundaciones sin ánimo de lucro como
Mozilla y personalidades como Tim Berners-Lee
(Berners-Lee 2006) o Steve Jobs (Jobs 2010).
La creación social de HTML5
• El desarrollo de HTML5 supone una construcción social
de la tecnología (SCOT), ya que hay multitud de agentes
involucrados en su desarrollo, con diversos intereses y
diferentes etapas de desarrollo.
• Todos los actores buscan la eficiencia, pero destaca la
“aproximación social” que realiza el WHATWG con
HTML5, en contra de la automatización que persigue el
W3C con XHTML.
• El “uso social” de la tecnología determina la trayectoria
y los posibles itinerarios de las innovaciones
tecnológicas a abordar. El fenómeno Web 2.0 crea
necesidades a cubrir en el estándar.
Selección de entrevistados
• Trabajo de campo conformado por 17 entrevistas a 23
usuarios líderes.
• Instituciones (Oficina W3C Spain)
• Navegadores (Mozilla, Opera)
• Buscadores (Google, Yandex)
• Start Up´s (Ludei, WIMI5, Otogami)
• Comunidades de usuarios (HTML5 Spain)
• Academia (Universidad de Deusto, TECNALIA)
• Diseño Web (La Personalité)
• Fabricantes de dispositivos móviles (BlackBerry)
• Medios Sociales (Karmacracy, Tuenti)
• Expertos independientes (MVP Microsoft)
• Representatividad de la cadena de valor de la Web y
diversidad de opiniones sobre el imaginario HTML5.
Web como repositorio digital
• HTML5 ha despejado la amenaza de los jardines
vallados y el software propietario que amenazaban a la
Web, al mismo tiempo que ha facilitado la transición del
escritorio hacia la movilidad.
• Permite desarrollar código que puede ser
implementado en diferentes dispositivos (Mozilla,
2014b), lo que lleva a una mayor eficiencia en el
desarrollo tecnológico (Quintanilla, 1989).
• Al mismo tiempo, la Web se vuelve extensible y
extendida en diversos objetos y funcionalidades.
• Un artefacto en el que no sólo buscamos información,
sino que alojamos, compartimos y perpetuamos
información (Lindley, Marshall, and Banks 2013)
La Fábrica del Futuro
• La Web como infraestructura capaz de proveer
servicios y bienes digitales. Y también gracias a la
impresión en 3D, materializar físicamente esos bienes
digitales (C Anderson, 2012; Gershenfeld, 2005; Mota,
2011; Ratto & Ree, 2012).
• Prosumidor, figura clave a la hora de entender la Web y
los diferentes modelos de negocio que residen en ella.
Cesión de datos que no aportan valor al usuario, a
cambio de servicios gratuitos con valor (cajas de
herramientas).
• Emergencia de procomunes digitales en la Web, gracias
al software libre. Transferencia de los modos de
producción digitales al entorno físico (Ratto & Ree,
2012).
Un “Estándar Vivo”
• El desarrollo de HTML5 ha permitido introducir un
componente democratizador y de meritocracia en el
desarrollo de estándares, recogiendo contribuciones de
los diferentes usuarios que son partícipes de la
tecnología.
• “Living Standard” supone un desarrollo tecnológico de
estándares menos teórico y más práctico. Un proceso
más abierto y distribuido, para recoger las necesidades
de los desarrolladores.
• También es la constatación de cómo los valores sociales
de la Web 2.0 y el perfil de usuario que alienta, han
influido en el desarrollo tecnológico de HTML5.
• La antigua “Guerra de Navegadores” se ha trasladado a
otros espacios menos consolidados, como los
dispositivos móviles.
• Menor poder de injerencia de los navegadores respecto
al estándar, debido a su mayor desarrollo y a la
fragmentación de dispositivos, sistemas operativos y
plataformas.
• Predominio de elementos multimedia en las
tecnologías fáticas. Usuarios comparten contenidos
para desarrollar y mantener relaciones sociales
interpersonales (Stefanone et al., 2010).
Un “Estándar Vivo”
• Anderson, C. (2012). Makers: the new industrial revolution. Random House.
• Anderson, P. (2007). What is Web 2 . 0 ? Ideas , technologies and implications
for education by. Extraído el 23/05/2015 de
http://www.jisc.ac.uk/media/documents/techwatch/tsw0701b.pdf
• Berners-Lee, T., & Connolly, D. (1995). Hypertext Markup Language. MIT/W3C.
Extraído el 26/04/2015 de http://tools.ietf.org/html/rfc1866
• Berners-Lee, T. (2006). Reinventing HTML. Decentralized Information Group.
Extraído el 02/06/2015 de http://dig.csail.mit.edu/breadcrumbs/node/166
• Bush, V. (1945). The Atlantic. As We May Think. Extraído el 24/04/2015 de
http://www.theatlantic.com/magazine/archive/1945/07/as-we-may-
think/303881/
• Franganillo, J. (2010). Html5: el nuevo estándar básico de la Web, 261–265.
Extraído el 26/04/2015 de
http://www.academia.edu/download/30940232/html5.pdf
• Gershenfeld, N. (2005). Fab: The coming revolution on your desktop - From
personal computers to personal fabrication. Basic Books.
• Jobs, S. (2010). Thoughts on Flash. Extraído el 28/04/2015 de
http://www.apple.com/hotnews/thoughts-on-flash/
• Lindley, S., Marshall, C., & Banks, R. (2013). Rethinking the web as a personal
archive. In Proceedings of the 22nd international conference on World Wide
Web (pp. 749–760). International World Wide Web Conferences Steering
Committee.
Bibliografía
• Mota, C. (2011). The Rise of Personal Fabrication. In Proceedings of the 8th
ACM conference on Creativity and cognition (pp. 279–288). ACM.
• Mounier, P. (2002). Los dueños de la Red: Una historia política de Internet.
Editorial Popular, DL.
• Nelson, T. (1970). No more teachers’ dirty looks. Computer Decisions.
• O´Reilly, T. (2005b). What Is Web 2.0? Design Patterns and Business Models for
the Next Generation of Software. O´Reilly. Extraído el 22/03/2014 de
http://oreilly.com/web2/archive/what-is-web-20.html
• Pilgrim, M. (2010). HTML5: Up and Running. O’Reilly Media.
• Quintanilla, M. Á. (1989). Tecnología: Un enfoque filosófico. Madrid:
FUNDESCO.
• Ratto, M., & Ree, R. (2012). Materializing information: 3D printing and social
change. First Monday, 17(7), 1–25.
• The Mozzilla Foundation & Opera Software. (2004). Position Paper for the
W3C Workshop on Web Applications and Compound Documents. Extraído el
23/12/2013 de http://www.w3.org/2004/04/webapps-cdf-
ws/papers/opera.html
• Stefanone, M., Lackaff, D., & Rosen, D. (2010). The relationship between
traditional mass media and “social media”: Reality television as a model for
social network site behavior. Journal of Broadcasting & Electronic Media.
Extraído el 28/04/2015 de
http://www.tandfonline.com/doi/abs/10.1080/08838151.2010.498851
Bibliografía
• Sandra_schoen
• Greyweed
• Bohed
• Kaboompics_com
• AnonMoos
• Bo-Yi Wu
• Tec Crunch
Fotografías
La belleza del código
La belleza del código

Más contenido relacionado

La actualidad más candente

Accesibilidad a las TIC. Personas con discapacidad.
Accesibilidad a las TIC. Personas con discapacidad.Accesibilidad a las TIC. Personas con discapacidad.
Accesibilidad a las TIC. Personas con discapacidad.José María
 
Aplicación corporativa a la web social y serv. información
Aplicación corporativa a la web social y serv. informaciónAplicación corporativa a la web social y serv. información
Aplicación corporativa a la web social y serv. informaciónseminario2.0
 
Comunidades de innovación
Comunidades de innovaciónComunidades de innovación
Comunidades de innovaciónThe Project WS
 
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518Itic parcial02c-tomas.enrique.cardozo.baudry-20150518
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518cosasdelafacuuaa
 
Practica area digital.
Practica area digital.Practica area digital.
Practica area digital.marina_ruiz30
 
Tic’s en la investigación
Tic’s en la investigaciónTic’s en la investigación
Tic’s en la investigaciónshalkenajel
 
2013 - Charla: Transmedia, hacia una convergencia creativa
2013 - Charla: Transmedia, hacia una convergencia creativa2013 - Charla: Transmedia, hacia una convergencia creativa
2013 - Charla: Transmedia, hacia una convergencia creativaSebastian G. Botasi
 
Presentation at okioconf14
Presentation at okioconf14Presentation at okioconf14
Presentation at okioconf14osimod
 
El Impacto de las Redes Sociales en los Procesos Democráticos
El Impacto de las Redes Sociales en los Procesos DemocráticosEl Impacto de las Redes Sociales en los Procesos Democráticos
El Impacto de las Redes Sociales en los Procesos DemocráticosLuis Benitez
 
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0dobleOmkt
 
Pedro Rojas: Estrategias de Reclutamiento 2.0
Pedro Rojas: Estrategias de Reclutamiento 2.0Pedro Rojas: Estrategias de Reclutamiento 2.0
Pedro Rojas: Estrategias de Reclutamiento 2.0jobandtalent2
 

La actualidad más candente (20)

Accesibilidad a las TIC. Personas con discapacidad.
Accesibilidad a las TIC. Personas con discapacidad.Accesibilidad a las TIC. Personas con discapacidad.
Accesibilidad a las TIC. Personas con discapacidad.
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Aplicación corporativa a la web social y serv. información
Aplicación corporativa a la web social y serv. informaciónAplicación corporativa a la web social y serv. información
Aplicación corporativa a la web social y serv. información
 
Ntics
NticsNtics
Ntics
 
Articulo 1
Articulo 1Articulo 1
Articulo 1
 
Comunidades de innovación
Comunidades de innovaciónComunidades de innovación
Comunidades de innovación
 
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518Itic parcial02c-tomas.enrique.cardozo.baudry-20150518
Itic parcial02c-tomas.enrique.cardozo.baudry-20150518
 
Share Economy
Share EconomyShare Economy
Share Economy
 
Practica area digital.
Practica area digital.Practica area digital.
Practica area digital.
 
Comunidades Inteligentes y la Era Digital - Roberto Gallardo
Comunidades Inteligentes y la Era Digital - Roberto GallardoComunidades Inteligentes y la Era Digital - Roberto Gallardo
Comunidades Inteligentes y la Era Digital - Roberto Gallardo
 
Tic’s en la investigación
Tic’s en la investigaciónTic’s en la investigación
Tic’s en la investigación
 
2013 - Charla: Transmedia, hacia una convergencia creativa
2013 - Charla: Transmedia, hacia una convergencia creativa2013 - Charla: Transmedia, hacia una convergencia creativa
2013 - Charla: Transmedia, hacia una convergencia creativa
 
Presentation at okioconf14
Presentation at okioconf14Presentation at okioconf14
Presentation at okioconf14
 
Software libre
Software libre Software libre
Software libre
 
El Impacto de las Redes Sociales en los Procesos Democráticos
El Impacto de las Redes Sociales en los Procesos DemocráticosEl Impacto de las Redes Sociales en los Procesos Democráticos
El Impacto de las Redes Sociales en los Procesos Democráticos
 
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0
DobleO Marketing Online - Editoriales Españolas en el Entorno 2.0
 
Brecha digital.
Brecha digital.Brecha digital.
Brecha digital.
 
Pedro Rojas: Estrategias de Reclutamiento 2.0
Pedro Rojas: Estrategias de Reclutamiento 2.0Pedro Rojas: Estrategias de Reclutamiento 2.0
Pedro Rojas: Estrategias de Reclutamiento 2.0
 
Labmeeting18
Labmeeting18Labmeeting18
Labmeeting18
 
Softwareeducativo 200320015215
Softwareeducativo 200320015215Softwareeducativo 200320015215
Softwareeducativo 200320015215
 

Similar a La belleza del código

El desarrollo de HTML5 (IV Encuentro ECYT USAL)
El desarrollo de HTML5 (IV Encuentro ECYT USAL)El desarrollo de HTML5 (IV Encuentro ECYT USAL)
El desarrollo de HTML5 (IV Encuentro ECYT USAL)Raúl Tabarés Gutiérrez
 
Web 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialWeb 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialJuan Quemada
 
Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0Isabel Lezcano
 
web 2.0 by Daniel angulo
web 2.0 by Daniel anguloweb 2.0 by Daniel angulo
web 2.0 by Daniel angulorugby4ever
 
Taller de profundizacion ofimatica
Taller de profundizacion ofimaticaTaller de profundizacion ofimatica
Taller de profundizacion ofimaticamargaritanovoa
 
Herramientas de la Web 2.0
Herramientas de la Web 2.0Herramientas de la Web 2.0
Herramientas de la Web 2.0Shuichon
 
Las nuevas tecnologías
Las nuevas tecnologíasLas nuevas tecnologías
Las nuevas tecnologías13-5874
 
Planeta web 2.0, capitulo I.
Planeta web 2.0, capitulo I.Planeta web 2.0, capitulo I.
Planeta web 2.0, capitulo I.Estephani GF
 
Planeta web 2.0, capitulo I
Planeta web 2.0, capitulo IPlaneta web 2.0, capitulo I
Planeta web 2.0, capitulo IEstephani GF
 
Manual redes sociales
Manual redes socialesManual redes sociales
Manual redes socialesamloro76
 
CONOCIENDO A CERCA DE DE LA WEB 2.0
CONOCIENDO A CERCA DE DE LA WEB 2.0CONOCIENDO A CERCA DE DE LA WEB 2.0
CONOCIENDO A CERCA DE DE LA WEB 2.0Adryana Leiva
 

Similar a La belleza del código (20)

El desarrollo de HTML5 (IV Encuentro ECYT USAL)
El desarrollo de HTML5 (IV Encuentro ECYT USAL)El desarrollo de HTML5 (IV Encuentro ECYT USAL)
El desarrollo de HTML5 (IV Encuentro ECYT USAL)
 
Los límites de la Web - V Encuentro ECYT
Los límites de la Web - V Encuentro ECYTLos límites de la Web - V Encuentro ECYT
Los límites de la Web - V Encuentro ECYT
 
Que es la web 20
Que es la web 20Que es la web 20
Que es la web 20
 
Reseña Web 2.0
Reseña Web 2.0Reseña Web 2.0
Reseña Web 2.0
 
Web 2.0, W3C y Software Social
Web 2.0, W3C y Software SocialWeb 2.0, W3C y Software Social
Web 2.0, W3C y Software Social
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
 
Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0Presentacion final web2.0 y 3.0
Presentacion final web2.0 y 3.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
web 2.0 by Daniel angulo
web 2.0 by Daniel anguloweb 2.0 by Daniel angulo
web 2.0 by Daniel angulo
 
Taller de profundizacion ofimatica
Taller de profundizacion ofimaticaTaller de profundizacion ofimatica
Taller de profundizacion ofimatica
 
EVOLUCION DE LA WEB
EVOLUCION DE LA WEBEVOLUCION DE LA WEB
EVOLUCION DE LA WEB
 
Herramientas de la Web 2.0
Herramientas de la Web 2.0Herramientas de la Web 2.0
Herramientas de la Web 2.0
 
Las nuevas tecnologías
Las nuevas tecnologíasLas nuevas tecnologías
Las nuevas tecnologías
 
Planeta web 2.0, capitulo I.
Planeta web 2.0, capitulo I.Planeta web 2.0, capitulo I.
Planeta web 2.0, capitulo I.
 
Planeta web 2.0, capitulo I
Planeta web 2.0, capitulo IPlaneta web 2.0, capitulo I
Planeta web 2.0, capitulo I
 
Web 2
Web 2Web 2
Web 2
 
Manual redes sociales
Manual redes socialesManual redes sociales
Manual redes sociales
 
CONOCIENDO A CERCA DE DE LA WEB 2.0
CONOCIENDO A CERCA DE DE LA WEB 2.0CONOCIENDO A CERCA DE DE LA WEB 2.0
CONOCIENDO A CERCA DE DE LA WEB 2.0
 
Web 2
Web 2Web 2
Web 2
 
La WEB 2.0
La WEB 2.0La WEB 2.0
La WEB 2.0
 

Más de Raúl Tabarés Gutiérrez

Los laboratorios sociales como herramienta para trabajar la RRI
Los laboratorios sociales como herramienta para trabajar la RRILos laboratorios sociales como herramienta para trabajar la RRI
Los laboratorios sociales como herramienta para trabajar la RRIRaúl Tabarés Gutiérrez
 
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?Raúl Tabarés Gutiérrez
 
Social Sciences and Humanities for a changing Europe
Social Sciences and Humanities for a changing EuropeSocial Sciences and Humanities for a changing Europe
Social Sciences and Humanities for a changing EuropeRaúl Tabarés Gutiérrez
 
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...Raúl Tabarés Gutiérrez
 
Conversational interfaces; Speaking with Irresponsible black-boxes
Conversational interfaces; Speaking with Irresponsible black-boxesConversational interfaces; Speaking with Irresponsible black-boxes
Conversational interfaces; Speaking with Irresponsible black-boxesRaúl Tabarés Gutiérrez
 
Principios de Wing Chun para mejorar tu productividad
Principios de Wing Chun para mejorar tu productividadPrincipios de Wing Chun para mejorar tu productividad
Principios de Wing Chun para mejorar tu productividadRaúl Tabarés Gutiérrez
 
El paradigma emergente de la Inversión Social
El paradigma emergente de la Inversión SocialEl paradigma emergente de la Inversión Social
El paradigma emergente de la Inversión SocialRaúl Tabarés Gutiérrez
 
Understanding the role of Digital Commons: The making of HTML5
Understanding the role of Digital Commons: The making of HTML5Understanding the role of Digital Commons: The making of HTML5
Understanding the role of Digital Commons: The making of HTML5Raúl Tabarés Gutiérrez
 

Más de Raúl Tabarés Gutiérrez (20)

Tormenta de correos
Tormenta de correosTormenta de correos
Tormenta de correos
 
Open Access, Open Science & Research 2.0
Open Access, Open Science & Research 2.0Open Access, Open Science & Research 2.0
Open Access, Open Science & Research 2.0
 
¿Innovaciones Irresponsables?
¿Innovaciones Irresponsables?¿Innovaciones Irresponsables?
¿Innovaciones Irresponsables?
 
Los laboratorios sociales como herramienta para trabajar la RRI
Los laboratorios sociales como herramienta para trabajar la RRILos laboratorios sociales como herramienta para trabajar la RRI
Los laboratorios sociales como herramienta para trabajar la RRI
 
Making policy great again
Making policy great againMaking policy great again
Making policy great again
 
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?
La fabricación abierta; ¿Un camino alternativo a la Industria 4.0?
 
Social Sciences and Humanities for a changing Europe
Social Sciences and Humanities for a changing EuropeSocial Sciences and Humanities for a changing Europe
Social Sciences and Humanities for a changing Europe
 
OpenMaker en Maker Faire Bilbao 2017
OpenMaker en Maker Faire Bilbao 2017OpenMaker en Maker Faire Bilbao 2017
OpenMaker en Maker Faire Bilbao 2017
 
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...
Algorithmic Culture & Maker Culture; Breaches and Bridges in the Platform Eco...
 
Conversational interfaces; Speaking with Irresponsible black-boxes
Conversational interfaces; Speaking with Irresponsible black-boxesConversational interfaces; Speaking with Irresponsible black-boxes
Conversational interfaces; Speaking with Irresponsible black-boxes
 
Taking a glance at the history of HTML5
Taking a glance at the history of HTML5Taking a glance at the history of HTML5
Taking a glance at the history of HTML5
 
Principios de Wing Chun para mejorar tu productividad
Principios de Wing Chun para mejorar tu productividadPrincipios de Wing Chun para mejorar tu productividad
Principios de Wing Chun para mejorar tu productividad
 
Open Access e Investigación 2.0
Open Access e Investigación 2.0Open Access e Investigación 2.0
Open Access e Investigación 2.0
 
El paradigma emergente de la Inversión Social
El paradigma emergente de la Inversión SocialEl paradigma emergente de la Inversión Social
El paradigma emergente de la Inversión Social
 
Understanding the role of Digital Commons: The making of HTML5
Understanding the role of Digital Commons: The making of HTML5Understanding the role of Digital Commons: The making of HTML5
Understanding the role of Digital Commons: The making of HTML5
 
Pilulak Power Point Apocalípsis
Pilulak Power Point ApocalípsisPilulak Power Point Apocalípsis
Pilulak Power Point Apocalípsis
 
Tendencias en Marketing y Branding
Tendencias en Marketing y BrandingTendencias en Marketing y Branding
Tendencias en Marketing y Branding
 
Manual de Emprendedores Digitales
Manual de Emprendedores DigitalesManual de Emprendedores Digitales
Manual de Emprendedores Digitales
 
Pilulak Productividad 2.0 2014
Pilulak Productividad 2.0 2014Pilulak Productividad 2.0 2014
Pilulak Productividad 2.0 2014
 
Power Point Inferno
Power Point InfernoPower Point Inferno
Power Point Inferno
 

Último

libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxmrzreyes12
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.Aldo Fernandez
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)BrianaFrancisco
 

Último (16)

libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptx
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)
 

La belleza del código

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. HTML4
  • 14. HTML5
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. • Conceptualizaciones previas del hipertexto en Nelson (Nelson, 1970) o Bush (Bush, 1945). Posteriores materializaciones como “Hypercard” o “Enquire”. • Surgimiento de la Web, gracias al protocolo HTTP, el lenguaje HTML (basado en SGML) y el avance en los DNS (URL). • Popularidad del HTML gracias a su sencillez y su innovación primordial; el hipervínculo (Berners-Lee & Connolly, 1995). • Gran impacto de Mosaic. Primer navegador gráfico que atrae al gran público a la Web, además de ser incluido en el circuito de los sistemas de explotación. Posteriormente Netscape aumentaría ese éxito. Inicio y consolidación
  • 20. • Formación del W3C en 1994 para potenciar la Web, mediante el desarrollo de estándares abiertos. También surgen ISOC en 1992 e ICANN en 1998. • Microsoft lanza Internet Explorer en 1995 , con la intención de competir en un medio totalmente contrario a su modelo de negocio (Mounier, 2002). • La “Guerra de Navegadores” entre Netscape e IE supone un antes y un después en la Web. Este conflicto pone de relevancia el miedo a que una masiva absorción de software propietario, pueda matar la Web. Inicio y consolidación
  • 21.
  • 22. • Web 2.0 es un término que engloba aspectos tecnológicos, sociales, económicos, educativos, etc. (P. Anderson, 2007) • 7 Principios que se exponen en el famoso artículo de Tim O´Reilly (O´Reilly, 2005b) • The Web as Platform • Harnessing Collective Intelligence • Data is the next “intel inside” • End of the software release cycle • Lightweight programming models • Software above the level of single device • Rich user experiences El cambio de paradigma
  • 23. • Nuevas tecnologías • XML • Ajax • Fuentes Web (RSS & ATOM) • API´s abiertas • Nuevas estructuras de publicación de contenidos • Blogs • Wikis • Redes Sociales • Grandes ideas detrás de la Web 2.0 • Web como plataforma “ligera y extendida” • Mayor centralidad del usuario • La topología de la Web reconfigura procesos • Masas y multitudes inteligentes • Captura, gestión y reutilización de datos El cambio de paradigma
  • 24.
  • 25.
  • 26. • Con esta nueva versión de HTML, el multimedia pasa a tener un papel mucho más protagonista, a efectos de estandarización. • Surgen nuevas funcionalidades (Audio, Vídeo, Canvas, Picture), pero también nuevos elementos semánticos (article, header, section, aside, footer) . • El surgimiento de HTML5 supone un punto de inflexión en el modo que se desarrollan los estándares. • Desarrolladores de la Fundación Mozilla y de Opera Software (posteriormente Apple), fundan el WHATWG en 2004, al margen del W3C (Franganillo, 2010). Las mejoras de HTML5
  • 27. • 7 Principios (The Mozzilla Foundation & Opera Software 2004); • Backwards Compatibility, clear migration path • Well-defined error handling • Users should not be exposed to authoring errors • Practical use • Scripting is here to stay • Device-specific profiling should be avoided • Open process • “Evolucionar el HTML4 existente en un estándar capaz de incluir nuevas características para los desarrolladores de aplicaciones web” (Pilgrim 2010) Las mejoras de HTML5
  • 28.
  • 29. La creación social de HTML5 • El modo en que se genera HTML5 supone una innovación social, ya que responde a 7 principios que salvaguardan tanto valores sociales, como una coherencia con el desarrollo tecnológico desarrollado hasta la fecha. • Se cuestiona la trayectoria tecnológica dada y se promueve un proceso participativo y de meritocracia, para redefinir la problemática existente, la cual no se estaba enfrentado desde un marco conceptual adecuado. • Múltiples esfuerzos para la difusión social de HTML5. Instituciones como el W3C, compañías privadas como Apple y Google, fundaciones sin ánimo de lucro como Mozilla y personalidades como Tim Berners-Lee (Berners-Lee 2006) o Steve Jobs (Jobs 2010).
  • 30. La creación social de HTML5 • El desarrollo de HTML5 supone una construcción social de la tecnología (SCOT), ya que hay multitud de agentes involucrados en su desarrollo, con diversos intereses y diferentes etapas de desarrollo. • Todos los actores buscan la eficiencia, pero destaca la “aproximación social” que realiza el WHATWG con HTML5, en contra de la automatización que persigue el W3C con XHTML. • El “uso social” de la tecnología determina la trayectoria y los posibles itinerarios de las innovaciones tecnológicas a abordar. El fenómeno Web 2.0 crea necesidades a cubrir en el estándar.
  • 31.
  • 32.
  • 33.
  • 34. Selección de entrevistados • Trabajo de campo conformado por 17 entrevistas a 23 usuarios líderes. • Instituciones (Oficina W3C Spain) • Navegadores (Mozilla, Opera) • Buscadores (Google, Yandex) • Start Up´s (Ludei, WIMI5, Otogami) • Comunidades de usuarios (HTML5 Spain) • Academia (Universidad de Deusto, TECNALIA) • Diseño Web (La Personalité) • Fabricantes de dispositivos móviles (BlackBerry) • Medios Sociales (Karmacracy, Tuenti) • Expertos independientes (MVP Microsoft) • Representatividad de la cadena de valor de la Web y diversidad de opiniones sobre el imaginario HTML5.
  • 35.
  • 36. Web como repositorio digital • HTML5 ha despejado la amenaza de los jardines vallados y el software propietario que amenazaban a la Web, al mismo tiempo que ha facilitado la transición del escritorio hacia la movilidad. • Permite desarrollar código que puede ser implementado en diferentes dispositivos (Mozilla, 2014b), lo que lleva a una mayor eficiencia en el desarrollo tecnológico (Quintanilla, 1989). • Al mismo tiempo, la Web se vuelve extensible y extendida en diversos objetos y funcionalidades. • Un artefacto en el que no sólo buscamos información, sino que alojamos, compartimos y perpetuamos información (Lindley, Marshall, and Banks 2013)
  • 37. La Fábrica del Futuro • La Web como infraestructura capaz de proveer servicios y bienes digitales. Y también gracias a la impresión en 3D, materializar físicamente esos bienes digitales (C Anderson, 2012; Gershenfeld, 2005; Mota, 2011; Ratto & Ree, 2012). • Prosumidor, figura clave a la hora de entender la Web y los diferentes modelos de negocio que residen en ella. Cesión de datos que no aportan valor al usuario, a cambio de servicios gratuitos con valor (cajas de herramientas). • Emergencia de procomunes digitales en la Web, gracias al software libre. Transferencia de los modos de producción digitales al entorno físico (Ratto & Ree, 2012).
  • 38. Un “Estándar Vivo” • El desarrollo de HTML5 ha permitido introducir un componente democratizador y de meritocracia en el desarrollo de estándares, recogiendo contribuciones de los diferentes usuarios que son partícipes de la tecnología. • “Living Standard” supone un desarrollo tecnológico de estándares menos teórico y más práctico. Un proceso más abierto y distribuido, para recoger las necesidades de los desarrolladores. • También es la constatación de cómo los valores sociales de la Web 2.0 y el perfil de usuario que alienta, han influido en el desarrollo tecnológico de HTML5.
  • 39. • La antigua “Guerra de Navegadores” se ha trasladado a otros espacios menos consolidados, como los dispositivos móviles. • Menor poder de injerencia de los navegadores respecto al estándar, debido a su mayor desarrollo y a la fragmentación de dispositivos, sistemas operativos y plataformas. • Predominio de elementos multimedia en las tecnologías fáticas. Usuarios comparten contenidos para desarrollar y mantener relaciones sociales interpersonales (Stefanone et al., 2010). Un “Estándar Vivo”
  • 40.
  • 41. • Anderson, C. (2012). Makers: the new industrial revolution. Random House. • Anderson, P. (2007). What is Web 2 . 0 ? Ideas , technologies and implications for education by. Extraído el 23/05/2015 de http://www.jisc.ac.uk/media/documents/techwatch/tsw0701b.pdf • Berners-Lee, T., & Connolly, D. (1995). Hypertext Markup Language. MIT/W3C. Extraído el 26/04/2015 de http://tools.ietf.org/html/rfc1866 • Berners-Lee, T. (2006). Reinventing HTML. Decentralized Information Group. Extraído el 02/06/2015 de http://dig.csail.mit.edu/breadcrumbs/node/166 • Bush, V. (1945). The Atlantic. As We May Think. Extraído el 24/04/2015 de http://www.theatlantic.com/magazine/archive/1945/07/as-we-may- think/303881/ • Franganillo, J. (2010). Html5: el nuevo estándar básico de la Web, 261–265. Extraído el 26/04/2015 de http://www.academia.edu/download/30940232/html5.pdf • Gershenfeld, N. (2005). Fab: The coming revolution on your desktop - From personal computers to personal fabrication. Basic Books. • Jobs, S. (2010). Thoughts on Flash. Extraído el 28/04/2015 de http://www.apple.com/hotnews/thoughts-on-flash/ • Lindley, S., Marshall, C., & Banks, R. (2013). Rethinking the web as a personal archive. In Proceedings of the 22nd international conference on World Wide Web (pp. 749–760). International World Wide Web Conferences Steering Committee. Bibliografía
  • 42. • Mota, C. (2011). The Rise of Personal Fabrication. In Proceedings of the 8th ACM conference on Creativity and cognition (pp. 279–288). ACM. • Mounier, P. (2002). Los dueños de la Red: Una historia política de Internet. Editorial Popular, DL. • Nelson, T. (1970). No more teachers’ dirty looks. Computer Decisions. • O´Reilly, T. (2005b). What Is Web 2.0? Design Patterns and Business Models for the Next Generation of Software. O´Reilly. Extraído el 22/03/2014 de http://oreilly.com/web2/archive/what-is-web-20.html • Pilgrim, M. (2010). HTML5: Up and Running. O’Reilly Media. • Quintanilla, M. Á. (1989). Tecnología: Un enfoque filosófico. Madrid: FUNDESCO. • Ratto, M., & Ree, R. (2012). Materializing information: 3D printing and social change. First Monday, 17(7), 1–25. • The Mozzilla Foundation & Opera Software. (2004). Position Paper for the W3C Workshop on Web Applications and Compound Documents. Extraído el 23/12/2013 de http://www.w3.org/2004/04/webapps-cdf- ws/papers/opera.html • Stefanone, M., Lackaff, D., & Rosen, D. (2010). The relationship between traditional mass media and “social media”: Reality television as a model for social network site behavior. Journal of Broadcasting & Electronic Media. Extraído el 28/04/2015 de http://www.tandfonline.com/doi/abs/10.1080/08838151.2010.498851 Bibliografía
  • 43. • Sandra_schoen • Greyweed • Bohed • Kaboompics_com • AnonMoos • Bo-Yi Wu • Tec Crunch Fotografías