La belleza del código

45

Transcript of La belleza del código

Page 1: La belleza del código
Page 2: La belleza del código
Page 3: La belleza del código
Page 4: La belleza del código
Page 5: La belleza del código
Page 6: La belleza del código
Page 7: La belleza del código
Page 8: La belleza del código
Page 9: La belleza del código
Page 10: La belleza del código
Page 11: La belleza del código
Page 12: La belleza del código
Page 13: La belleza del código

HTML4

Page 14: La belleza del código

HTML5

Page 15: La belleza del código
Moderador
Notas de la presentación
API: Conjunto de funciones y procedimientos que ofrece cierta biblioteca para ser utilizado por otro software como una capa de abstracción.
Page 16: La belleza del código
Page 17: La belleza del código
Page 18: La belleza del código
Page 19: La belleza del código

• 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

Page 20: La belleza del código

• 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

Page 21: La belleza del código
Page 22: La belleza del código

• 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

Page 23: La belleza del código

• 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

Page 24: La belleza del código
Page 25: La belleza del código
Page 26: La belleza del código

• 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

Page 27: La belleza del código

• 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

Page 28: La belleza del código
Page 29: La belleza del código

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).

Moderador
Notas de la presentación
“Difusión es el proceso mediante el cual una innovación es comunicada a miembros de un sistema social a través de ciertos canales a lo largo del tiempo” (Rogers 1962) Una innovación sin difusión, no tiene ningún impacto económico (OECD 2005) y por lo tanto no se populariza.
Page 30: La belleza del código

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.

Page 31: La belleza del código
Page 32: La belleza del código
Page 33: La belleza del código
Page 34: La belleza del código

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.

Page 35: La belleza del código
Page 36: La belleza del código

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)

Page 37: La belleza del código

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).

Page 38: La belleza del código

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.

Page 39: La belleza del código

• 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”

Page 40: La belleza del código
Page 41: La belleza del código

• 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

Page 42: La belleza del código

• 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

Page 44: La belleza del código
Page 45: La belleza del código
Moderador
Notas de la presentación
LÍMITE TRASPAS ->45!!!