Web 3.0: Navegadores y tecnologías para el futuro de Internet

ESCUELA TÉCNICA SUPERIOR DE
INGENIERÍA DE TELECOMUNICACIÓN

UNIVERSIDAD DE MÁLAGA

TRABAJO FIN DE MÁSTER

HACIA LA WEB 3.0

MÁSTER EN TELEMÁTICA Y
REDES DE TELECOMUNICACIÓN

MÁLAGA, 2010 Génesis García Morilla



Titulación: Máster en Telemática y Redes de Telecomunicación

Reunido el tribunal examinador en el día de la fecha, constituido por:

D./Dª.__________________________________________________________

D./Dª.__________________________________________________________

D./Dª.__________________________________________________________

para juzgar el Trabajo Fin de Máster titulado:

HACIA LA WEB 3.0

del alumno D. Génesis García Morilla

dirigido por Dª. Mónica Trella López

ACORDÓ POR ______________________________________ OTORGAR LA

CALIFICACIÓN DE _______________________________________________

Y, para que conste, se extiende firmada por los componentes del tribunal, la
presente diligencia

Málaga, a ______ de __________________ de _________

El/La Presidente/a El/La Vocal El/La Secretario/a

Fdo.: _________________ Fdo.: _________________ Fdo.: _________________



HACIA LA WEB 3.0

REALIZADO POR:
Génesis García Morilla

DIRIGIDO POR:
Mónica Trella López

DEPARTAMENTO DE: Lenguajes y Ciencias de la Computación

TITULACIÓN: Máster en Telemática y Redes de Telecomunicación

PALABRAS CLAVE: Internet, Web, navegadores web, Webkit, Gecko,
Firefox, Chrome, Safari, Opera, Internet Explorer, Acid 3, cliente, (X)HTML,
CSS, JavaScript, AJAX, jQuery, servidor, PHP, JSP, Python, Gestores de
contenido, Wappalyzer, Google Analytics, Blogger, reCAPTCHA,
WordPress, Disqus, phpMyAdmin, phpDocumentor, DreamWeaver, Cufón,
cPanel, GetSatisfaction, vBulletin, MediaWiki, Coopermine, YouTube,
Addthis, Magento, Notepad++, Kate, LAMP, 960 CSS Framework,
Maquetación, Animación, Firebug, PageSpeed, SEO, Optimización,
HTML5, Geolocalización, Web Workers, Cache, Canvas, CSS3, WebM,
WebGL, escritorio expandido hacia Internet, nube expandida hacia el
escritorio, estándares abiertos, neutralidad, libertad.

RESUMEN: HACIA LA WEB 3.0 pretende dar una idea global de la Web,
desde su acceso a través de los navegadores hasta su uso y continuidad
en el futuro, pasando por las tecnologías necesarias y aplicaciones útiles
para su desarrollo.

Málaga, Diciembre de 2010

A todos aquellos que hacen
posible que Internet sea libre.

AGRADECIMIENTOS
A Mario Palomo por haberme contagiado el espíritu del software libre y compartir conmigo
muchos de los avances y noticias sobre el futuro de la web.
A Pedro Pardo y Pablo Martín por la compresión y flexibilidad que me han ofrecido durante la
realización de este TFM.
A Paqui Morilla, Lidia García, Gorka Goicoechea, Néstor Granja, José Manuel García, Omar
Iglesias, Jorge Borrego, Manuel Delgado y Victor Alarcón por decirme todos los días que
entregase ya de una vez el TFM. Sino hubiese sido por ellos no hubiese terminado.
A Marcos Santos por compartir conmigo sus conocimientos sobre VP8 y su entusiasmo por
Python.
A Mónica Trella por su dedicación y apoyo en este TFM.
A Camilo Salas por hacerme pasar del Internet Explorer al Firefox en el 2005.

RESUMEN
HACIA LA WEB 3.0, pretende dar una idea global de la Web, desde su acceso a través de los
navegadores hasta su uso y continuidad en el futuro, pasando por las tecnologías necesarias y
aplicaciones útiles para su desarrollo.

ABSTRACT
TOWARDS WEB 3.0, aims to provide an overall idea of the Web, from access through the web
browser to use and continuation in the future, exploring the technologies and applications
relevant to its development.

CONTENIDOS

LISTA DE FIGURAS ...............................................................................................................................ix

LISTA DE TABLAS ................................................................................................................................xiii

LISTA DE CÓDIGOS ..............................................................................................................................xv

LISTA DE ACRÓNIMOS .....................................................................................................................xvii

PREFACIO ..............................................................................................................................................xxi

CAPITULO 1: INTRODUCCIÓN ............................................................................................................1
1.1 OBJETIVOS...............................................................................................................................................2
1.2 REQUISITOS.............................................................................................................................................2
CAPITULO 2: NAVEGADORES WEB ...................................................................................................3
2.1 PAPEL DE LOS NAVEGADORES DENTRO DE LA WEB..........................................................................................3
2.2 HISTORIA DE LOS NAVEGADORES.................................................................................................................4
2.3 MOTORES DE RENDERIZADO........................................................................................................................6
2.3.1 Webkit...........................................................................................................................................7
2.3.2 Gecko............................................................................................................................................8
2.4 MOZILLA FIREFOX....................................................................................................................................9
2.4.1 Ventajas e Inconvenientes.............................................................................................................9
2.5 GOOGLE CHROME...................................................................................................................................10
2.5.1 Ventajas e Inconvenientes...........................................................................................................10
2.6 SAFARI..................................................................................................................................................11
2.7 OPERA..................................................................................................................................................12
2.8 INTERNET EXPLORER...............................................................................................................................12
2.9 COMPARATIVAS ENTRE IE, OPERA, SAFARI, CHROME Y FIREFOX...................................................................13
2.10 TEST ACID3........................................................................................................................................16
2.11 CONCLUSIONES.....................................................................................................................................17
2.11.1 Tendencia..................................................................................................................................18
CAPITULO 3: TECNOLOGÍAS DE DESARROLLO .........................................................................21
3.1 TECNOLOGÍAS PARA EL DESARROLLO DE APLICACIONES DESDE EL LADO DEL CLIENTE.........................................21
3.1.1 HTML / XHTML.........................................................................................................................22
3.1.1.1 Uso.....................................................................................................................................22
3.1.1.2 Sintaxis..............................................................................................................................23
3.1.1.3 Ejemplo..............................................................................................................................23
3.1.1.4 Ventajas..............................................................................................................................24
3.1.1.5 Desventajas........................................................................................................................24
3.1.1.6 Enlace a la API..................................................................................................................25
3.1.2 CSS.............................................................................................................................................25
3.1.2.1 Uso.....................................................................................................................................25
3.1.2.2 Sintaxis..............................................................................................................................25
3.1.2.3 Ejemplo..............................................................................................................................26
3.1.2.4 Ventajas..............................................................................................................................26
3.1.2.5 Desventajas........................................................................................................................27
3.1.2.6 Enlace a la API..................................................................................................................27
3.1.3 JavaScript...................................................................................................................................27
3.1.3.1 Uso.....................................................................................................................................27

i

3.1.3.2 Sintaxis..............................................................................................................................28
3.1.3.3 Ejemplo..............................................................................................................................28
3.1.3.4 Ventajas..............................................................................................................................29
3.1.3.5 Desventajas........................................................................................................................29
3.1.3.6 Enlace a la API..................................................................................................................29
3.1.4 AJAX...........................................................................................................................................29
3.1.4.1 Uso.....................................................................................................................................29
3.1.4.2 Ejemplo..............................................................................................................................30
3.1.4.3 Ventajas..............................................................................................................................32
3.1.4.4 Desventajas........................................................................................................................32
3.1.4.5 Enlace a la API..................................................................................................................32
3.1.5 jQuery.........................................................................................................................................32
3.1.5.1 Uso.....................................................................................................................................32
3.1.5.2 Sintaxis..............................................................................................................................33
3.1.5.3 Ventajas..............................................................................................................................34
3.1.5.4 Desventajas........................................................................................................................34
3.1.5.5 Enlace a la API..................................................................................................................34
3.2 TECNOLOGÍAS PARA EL DESARROLLO DE APLICACIONES DESDE EL LADO DEL SERVIDOR.......................................34
3.2.1 PHP............................................................................................................................................34
3.2.1.1 Uso.....................................................................................................................................35
3.2.1.2 Sintaxis..............................................................................................................................35
3.2.1.3 Ejemplo..............................................................................................................................35
3.2.1.4 Ventajas..............................................................................................................................36
3.2.1.5 Desventajas........................................................................................................................37
3.2.1.6 Enlace a la API..................................................................................................................37
3.2.2 JSP..............................................................................................................................................37
3.2.2.1 Uso.....................................................................................................................................38
3.2.2.2 Sintaxis..............................................................................................................................38
3.2.2.3 Ejemplo..............................................................................................................................38
3.2.2.4 Ventajas..............................................................................................................................41
3.2.2.5 Desventajas........................................................................................................................41
3.2.2.6 Enlace a la API..................................................................................................................41
3.2.3 Python.........................................................................................................................................41
3.2.3.1 Uso.....................................................................................................................................41
3.2.3.2 Sintaxis..............................................................................................................................42
3.2.3.3 Ejemplo..............................................................................................................................42
3.2.3.4 Ventajas..............................................................................................................................43
3.2.3.5 Desventajas........................................................................................................................43
3.2.3.6 Enlace a la API..................................................................................................................43
3.3 CONCLUSIONES.......................................................................................................................................43
3.3.1 Tendencia....................................................................................................................................44
CAPITULO 4: GESTORES DE CONTENIDOS ..................................................................................47
4.1 CARACTERIZACIÓN DE LOS GESTORES DE CONTENIDOS...................................................................................48
4.2 MÓDULOS DE LOS GESTORES DE CONTENIDOS..............................................................................................49
4.2.1 Creación y edición de contenidos...............................................................................................50
4.2.1.1 Plantillas............................................................................................................................50
4.2.1.2 Gestión documental...........................................................................................................51
4.2.1.3 Contenidos complementarios............................................................................................51
4.2.2 Gestión de validación y distribución de contenidos...................................................................51
4.2.3 Publicación de contenidos..........................................................................................................52
4.2.4 Gestión del ciclo de vida de los contenidos................................................................................53
4.2.5 Portal manager...........................................................................................................................54
4.2.6 Integración con datos de negocio...............................................................................................54
4.2.7 Herramientas de comunicación..................................................................................................55
4.2.8 Arquitectura general...................................................................................................................55

ii

CAPITULO 5: APLICACIONES ............................................................................................................57
5.1 ANALIZADORES......................................................................................................................................58
5.1.1 Google Analytics........................................................................................................................59
5.1.2 Características de Google Analytics..........................................................................................59
5.1.2.1 Estadísticas sobre la inversión publicitaria........................................................................59
5.1.2.2 Seguimiento de canales de tráfico y elementos multimedia..............................................60
5.1.2.3 Informes personalizados para estadísticas específicas......................................................61
5.1.2.4 Gestión para compartir y comunicar la información.........................................................61
5.1.2.5 Consulta de datos...............................................................................................................61
5.2 BLOGS..................................................................................................................................................61
5.2.1 Blogger.......................................................................................................................................62
5.2.2 Características de Blogger.........................................................................................................62
5.2.2.1 Diseño personalizado.........................................................................................................62
5.2.2.2 Interfaz fácil de usar..........................................................................................................63
5.2.2.3 Añadir fotografías y vídeos................................................................................................63
5.2.2.4 Posibilidades económicas con AdSense............................................................................63
5.2.2.5 Ampliar el número de seguidores......................................................................................64
5.2.2.6 Comentarios de nuestros lectores......................................................................................64
5.2.2.7 Notificaciones de entrada nueva........................................................................................64
5.2.2.8 Un único identificado de usuario (ID)...............................................................................64
5.2.2.9 Múltiples idiomas..............................................................................................................64
5.2.2.10 Páginas.............................................................................................................................64
5.2.2.11 Versatilidad para publicar entradas..................................................................................64
5.2.2.12 Múltiples usuarios para contribuir...................................................................................65
5.2.2.13 Plugins.............................................................................................................................65
5.3 CAPTCHAS.......................................................................................................................................65
5.3.1 reCAPTCHA...............................................................................................................................65
5.3.2 Características de reCAPTCHA.................................................................................................66
5.3.2.1 Anti spam...........................................................................................................................66
5.3.2.2 Digitalización de libros......................................................................................................66
5.4 GESTORES DE CONTENIDO........................................................................................................................66
5.4.1 WordPress...................................................................................................................................68
5.4.2 Características de WordPress.....................................................................................................68
5.4.2.1 Lugar de instalación...........................................................................................................68
5.4.2.2 Núcleo Flexible .................................................................................................................68
5.4.2.3 Fechas UTC.......................................................................................................................68
5.4.2.4 Compresión gzip................................................................................................................68
5.4.2.5 Administración de usuarios ..............................................................................................68
5.4.2.6 Perfiles de usuario ............................................................................................................69
5.4.2.7 Fácil instalación y actualización........................................................................................69
5.4.2.8 Generación dinámica de páginas.......................................................................................70
5.4.2.9 Idiomas..............................................................................................................................70
5.4.2.10 Feeds ...............................................................................................................................70
5.4.2.11 Links permanentes...........................................................................................................70
5.4.2.12 Comunicación entre portales...........................................................................................70
5.4.2.13 Temas...............................................................................................................................70
5.4.2.14 Diseño vía plantillas........................................................................................................70
5.4.2.15 Editor de archivos y plantillas.........................................................................................70
5.4.2.16 Etiquetas de plantillas......................................................................................................71
5.4.2.17 Plugins.............................................................................................................................71
5.4.2.18 Protección con contraseña...............................................................................................71
5.4.2.19 Mensajes programados....................................................................................................71
5.4.2.20 Mensajes con múltiples páginas......................................................................................71
5.4.2.21 Carga de archivos/imágenes ...........................................................................................71
5.4.2.22 Categorías .......................................................................................................................71
5.4.2.23 Salvar borradores y autoguardado...................................................................................71
5.4.2.24 Previsualizar entradas .....................................................................................................71

iii

5.4.2.25 Herramientas de actualización.........................................................................................71
5.5 SISTEMAS DE COMENTARIO.......................................................................................................................71
5.5.1 Disqus.........................................................................................................................................72
5.5.2 Características de Disqus...........................................................................................................73
5.5.2.1 Conexión entre conversaciones.........................................................................................73
5.5.2.2 Identidad del comentarista.................................................................................................73
5.5.2.3 Difundir discursiones.........................................................................................................73
5.5.2.4 Potencia y facilidad de gestión..........................................................................................73
5.5.2.5 Anti-Spam..........................................................................................................................73
5.5.2.6 Importancia de los comentaristas......................................................................................73
5.6 ADMINISTRADORES DE BASES DE DATOS......................................................................................................73
5.6.1 phpMyAdmin...............................................................................................................................74
5.6.2 Características de phpMyAdmin................................................................................................75
5.6.2.1 Compatibilidad con MySQL.............................................................................................75
5.6.2.2 Mantenimiento...................................................................................................................75
5.6.2.3 Importar contenido de la base de datos.............................................................................75
5.6.2.4 Exportar contenido de la base de datos.............................................................................75
5.6.2.5 Búsquedas..........................................................................................................................75
5.6.2.6 Formatos............................................................................................................................75
5.7 HERRAMIENTAS DE DOCUMENTACIÓN..........................................................................................................75
5.7.1 phpDocumentor..........................................................................................................................76
5.7.2 Características de phpDocumentor............................................................................................76
5.7.2.1 Amplia gama de formatos..................................................................................................76
5.7.2.2 Versatilidad de acceso........................................................................................................76
5.7.2.3 Soporta JavaDoc................................................................................................................76
5.7.2.4 Edición...............................................................................................................................76
5.8 EDITORES..............................................................................................................................................77
5.8.1 Dreamweaver..............................................................................................................................77
5.8.2 Características de Dreamweaver...............................................................................................77
5.8.2.1 Páginas accesibles..............................................................................................................77
5.8.2.2 Compatibilidad con CMS integrada..................................................................................77
5.8.2.3 Inspección de CSS.............................................................................................................78
5.8.2.4 Sugerencias de código de clase personalizada de PHP.....................................................78
5.8.2.5 Compatibilidad con Subversion Mejorada........................................................................78
5.9 SCRIPTS PARA FUENTES DE TEXTO..............................................................................................................78
5.9.1 Cufón..........................................................................................................................................79
5.9.2 Características de Cufón............................................................................................................80
5.9.2.1 Reemplazo de texto...........................................................................................................80
5.9.2.2 No necesita ningún plugin.................................................................................................80
5.9.2.3 Compatible y fácil.............................................................................................................80
5.9.2.4 Rápido................................................................................................................................80
5.9.2.5 Accesibilidad.....................................................................................................................80
5.10 PANELES PARA HOSPEDAJE WEB...............................................................................................................80
5.10.1 cPanel.......................................................................................................................................81
5.10.2 Características de cPanel.........................................................................................................81
5.10.2.1 Creación directa y resguardo de nuestra web.................................................................81
5.10.2.2 Copias de seguridad.........................................................................................................81
5.10.2.3 Análisis y estadísticas......................................................................................................81
5.10.2.4 Seguridad.........................................................................................................................81
5.10.2.5 Facilidades para desarrolladores......................................................................................81
5.10.2.6 Multilingüe......................................................................................................................81
5.11 SEGUIDORES DE INCIDENCIAS..................................................................................................................83
5.11.1 Get Satisfaction.........................................................................................................................83
5.11.2 Características de Get Satisfaction..........................................................................................83
5.11.2.1 Moderación......................................................................................................................83
5.11.2.2 Control de nuestros servicios web y de la comunidad interesada en nuestros servicios. 84
5.11.2.3 Widgets............................................................................................................................85
5.11.2.4 Opciones de integración..................................................................................................85

iv

5.11.2.5 Soporte.............................................................................................................................85
5.12 FOROS................................................................................................................................................85
5.12.1 vBulletin....................................................................................................................................86
5.12.2 Características de vBulletin.....................................................................................................87
5.12.2.1 Web y base de datos independientes................................................................................87
5.12.2.2 Administración.................................................................................................................87
5.12.2.3 Edición y personalización................................................................................................87
5.12.2.4 Jerarquía ilimitada...........................................................................................................87
5.12.2.5 Miembros.........................................................................................................................87
5.13 WIKIS.................................................................................................................................................87
5.13.1 MediaWiki.................................................................................................................................88
5.13.2 Características de MediaWiki..................................................................................................88
5.13.2.1 Nombres, títulos y encabezados......................................................................................88
5.13.2.2 Páginas de discusión........................................................................................................88
5.13.2.3 Formulas..........................................................................................................................88
5.13.2.4 Plantillas y temas.............................................................................................................89
5.13.2.5 Plugins.............................................................................................................................89
5.13.2.6 Usuarios y páginas..........................................................................................................89
5.13.2.7 Lineas de tiempos y categorías........................................................................................89
5.14 GALERÍAS DE IMÁGENES........................................................................................................................89
5.14.1 Coopermine..............................................................................................................................89
5.14.2 Características de Coopermine................................................................................................91
5.14.2.1 Usuarios y gestión de imágenes.......................................................................................91
5.14.2.2 Aspecto visual..................................................................................................................91
5.14.2.3 Optimización del código..................................................................................................91
5.15 VISUALIZADORES DE VÍDEO....................................................................................................................91
5.15.1 YouTube.....................................................................................................................................92
5.15.2 Características de YouTube......................................................................................................92
5.15.2.1 Inserción de vídeo............................................................................................................92
5.15.2.2 Vídeos públicos o privados..............................................................................................92
5.15.2.3 Suscripciones...................................................................................................................92
5.15.2.4 Grabar de cámara web.....................................................................................................92
5.15.2.5 Cuenta de usuario............................................................................................................93
5.15.2.6 Compartir actividad.........................................................................................................93
5.15.2.7 Canales.............................................................................................................................93
5.15.2.8 Editor de vídeo.................................................................................................................93
5.16 WIDGETS.............................................................................................................................................93
5.16.1 AddThis.....................................................................................................................................94
5.16.2 Características de AddThis......................................................................................................94
5.16.2.1 Compartición inteligente.................................................................................................94
5.16.2.2 Gran cantidad de servicios para compartir......................................................................94
5.16.2.3 Multilingüe......................................................................................................................94
5.16.2.4 Privacidad y Seguridad....................................................................................................94
5.16.2.5 Interfaz personalizable.....................................................................................................94
5.16.2.6 Estadísticas......................................................................................................................94
5.16.2.7 Integración con Flash.......................................................................................................95
5.17 ESHOPS..............................................................................................................................................95
5.17.1 Magento....................................................................................................................................95
5.17.2 Características de Magento.....................................................................................................95
5.17.2.1 Tienda online con añadidos.............................................................................................95
5.17.2.2 Búsqueda y sindicación...................................................................................................97
5.17.2.3 Tarifas..............................................................................................................................97
5.17.2.4 Pago.................................................................................................................................97
5.17.2.5 Presentación y estadísticas...............................................................................................97
5.17.2.6 Web Services API............................................................................................................97
5.17.2.7 Productos virtuales..........................................................................................................97
5.17.2.8 Opciones de productos definidas por clientes.................................................................97
5.17.2.9 Paquetes de Productos.....................................................................................................97

v

5.17.2.10 Soporte de impuestos.....................................................................................................97
5.18 CONCLUSIONES.....................................................................................................................................97
5.18.1 Aplicaciones más usadas por categoría...................................................................................97
5.18.2 Aplicaciones más usadas en general........................................................................................98
5.18.3 Tendencia..................................................................................................................................99
5.18.3.1 Tendencia al alza..............................................................................................................99
5.18.3.2 Tendencia a mantenerse...................................................................................................99
5.18.3.3 Tendencia al declive........................................................................................................99
CAPITULO 6: IMPLEMENTACIÓN ..................................................................................................101
6.1 ACCESIBILIDAD.....................................................................................................................................103
6.2 ENTORNO Y HERRAMIENTAS DE TRABAJO..................................................................................................103
6.2.1 Tecnologías...............................................................................................................................103
6.2.2 Editor web................................................................................................................................104
6.2.3 Aplicaciones..............................................................................................................................104
6.2.4 Navegadores.............................................................................................................................104
6.2.5 Servidor local...........................................................................................................................105
6.2.6 Depurador................................................................................................................................105
6.2.7 Complementos..........................................................................................................................106
6.3 ARCHIVOS Y CARPETAS DE UNA WEB........................................................................................................108
6.4 MAPA CONCEPTUAL DE UNA WEB............................................................................................................109
6.5 PRE-MAQUETACIÓN...............................................................................................................................110
6.5.1 Propuestas gráficas..................................................................................................................112
6.5.2 Distribución del contenido........................................................................................................112
6.5.3 Dibujo de la web en un editor de imágenes..............................................................................114
6.6 MAQUETACIÓN.....................................................................................................................................114
6.6.1 Cimientos..................................................................................................................................114
6.6.2 Cuerpo base..............................................................................................................................115
6.6.3 Añadiendo más detalles al estilo de la web..............................................................................116
6.6.3.1 Incluir CSS en el mismo documento HTML...................................................................117
6.6.3.2 Definir CSS en un archivo externo..................................................................................117
6.6.3.3 Incluir CSS en los elementos HTML...............................................................................117
6.7 INTERACCIÓN, ANIMACIÓN Y EFECTOS (JS)...............................................................................................119
6.7.1 Fecha para el copyright............................................................................................................119
6.7.2 Efecto de iluminado y apagado para los idiomas....................................................................120
6.7.3 Ajuste de la página para pantallas pequeñas...........................................................................120
6.7.4 Sustitución de imagen por animación GIF...............................................................................121
6.7.5 Navegación animada en el menú..............................................................................................122
6.8 CONTENIDO DINÁMICO...........................................................................................................................122
6.8.1 Formulario de contacto............................................................................................................123
6.9 OPTIMIZANDO LA WEB...........................................................................................................................124
6.9.1 Eliminar enlaces rotos..............................................................................................................124
6.9.2 Eliminar CSS desde JS.............................................................................................................124
6.9.3 Combinar CSS externo.............................................................................................................124
6.9.4 Combinar JS externo................................................................................................................124
6.9.5 JS no necesario al final del sitio...............................................................................................124
6.9.6 Activar compresión...................................................................................................................125
6.9.7 Indicar fecha de expiración......................................................................................................126
6.9.8 Cache en cabeceras..................................................................................................................126
6.9.9 Compactar CSS........................................................................................................................126
6.9.10 Compactar HTML..................................................................................................................128
6.9.11 Compactar JS..........................................................................................................................128
6.9.12 Minimizar el tamaño de las respuestas..................................................................................129
6.9.13 Reducir DNS...........................................................................................................................130
6.9.14 Minimizar redirecciones.........................................................................................................130
6.9.15 Optimizar imágenes................................................................................................................130
6.9.16 Optimizar el orden del CSS y el JS.........................................................................................130
6.9.17 Descargas paralelas...............................................................................................................131

vi

6.9.18 CSS en la cabecera.................................................................................................................131
6.9.19 Eliminar CSS no usado...........................................................................................................131
6.9.20 URL única...............................................................................................................................131
6.9.21 Escalado adecuado para las imágenes..................................................................................131
6.9.22 Solo cookies en donde sea necesario......................................................................................131
6.9.23 Set de caracteres en la cabecera............................................................................................132
6.9.24 Especificar el tamaño de las imágenes..................................................................................132
6.9.25 Selectores CSS eficientes........................................................................................................132
6.10 VERIFICANDO LAS TECNOLOGÍAS...........................................................................................................132
6.10.1 Verificación del HTML...........................................................................................................132
6.10.2 Verificación del CSS...............................................................................................................134
6.11 DANDO DE ALTA NUESTRO SITIO EN LOS BUSCADORES...............................................................................135
6.12 VISIBILIDAD.......................................................................................................................................136
6.12.1 Información del sitio ..............................................................................................................137
6.12.1.1 Sitemap..........................................................................................................................138
6.12.1.2 Acceso de rastreadores...................................................................................................139
6.12.1.3 Enlaces del sitio ............................................................................................................140
6.12.1.4 Cambio de dirección......................................................................................................140
6.12.1.5 Configuración................................................................................................................140
6.12.2 Su sitio en la web....................................................................................................................141
6.12.2.1 Consultas de búsquedas.................................................................................................141
6.12.2.2 Enlaces a su sitio............................................................................................................141
6.12.2.3 Palabras clave................................................................................................................141
6.12.2.4 Enlaces internos.............................................................................................................141
6.12.2.5 Estadísticas de suscriptor...............................................................................................142
6.12.3 Diagnósticos...........................................................................................................................142
6.12.3.1 Software malintencionado.............................................................................................142
6.12.3.2 Errores de rastreo...........................................................................................................142
6.12.3.3 Estadísticas de rastreo....................................................................................................142
6.12.3.4 Sugerencias en HTML...................................................................................................142
6.12.4 Labs........................................................................................................................................143
6.12.4.1 Explorar como Googlebot.............................................................................................143
6.12.4.2 Sidewiki.........................................................................................................................144
6.12.4.3 Rendimiento del sitio.....................................................................................................144
6.12.4.4 Sitemap de vídeo...........................................................................................................144
6.13 GOOGLE ANALYTICS...........................................................................................................................144
6.13.1 Intelligence.............................................................................................................................147
6.13.2 Usuarios.................................................................................................................................147
6.13.3 Fuentes de tráfico...................................................................................................................147
6.13.4 Contenido...............................................................................................................................148
6.13.5 Algunas estadísticas...............................................................................................................149
6.14 CONCLUSIONES...................................................................................................................................149
CAPITULO 7: NUEVAS TECNOLOGÍAS ..........................................................................................151
7.1 HTML5 ...........................................................................................................................................151
7.1.1 Características fundamentales.................................................................................................152
7.1.1.1 Geolocalización...............................................................................................................152
7.1.1.2 Web Workers....................................................................................................................152
7.1.1.3 Cache para aplicaciones web...........................................................................................152
7.1.1.4 Canvas.............................................................................................................................152
7.1.1.5 Vídeo...............................................................................................................................153
7.1.2 Diferencias entre (X)HTML5 y (X)HTML................................................................................153
7.1.2.1 Nuevas etiquetas..............................................................................................................154
7.1.2.2 Etiquetas eliminadas........................................................................................................155
7.2 CSS 3................................................................................................................................................155
7.2.1 Características fundamentales.................................................................................................155
7.2.1.1 @font-face.......................................................................................................................155
7.2.1.2 Bordes..............................................................................................................................156

vii

7.2.1.3 Sombras...........................................................................................................................156
7.2.1.4 Fondos avanzados............................................................................................................157
7.2.1.5 Otras propiedades importantes........................................................................................157
7.2.1.6 Selector de atributos........................................................................................................157
7.3 WEBM...............................................................................................................................................158
7.3.1 VP8...........................................................................................................................................158
7.3.2 Vorbis........................................................................................................................................158
7.4 WEBGL.............................................................................................................................................158
7.5 CONCLUSIONES.....................................................................................................................................159
CAPITULO 8: CONCLUSIONES ........................................................................................................161
8.1 ¿QUÉ NAVEGADOR PREDOMINARÁ EN LA WEB 3.0?...................................................................................161
8.2 ¿QUÉ TECNOLOGÍAS PREDOMINARÁN EN LA WEB 3.0?...............................................................................162
8.3 ¿QUÉ APLICACIONES PARA EL DESARROLLO WEB PREDOMINARÁN EN LA WEB 3.0?.........................................165
8.3.1 Editores de código....................................................................................................................165
8.3.2 Analizadores de código.............................................................................................................166
8.3.3 Analizadores de visitas.............................................................................................................166
8.3.4 Gestores de contenido...............................................................................................................166
8.3.5 Widgets.....................................................................................................................................167
8.3.6 Otros.........................................................................................................................................167
8.4 ¿QUÉ USO SE LE DARÁ A LA WEB 3.0?...................................................................................................168
8.4.1 Extensión del escritorio hacia Internet....................................................................................169
8.4.2 Extensión de Internet hacia el escritorio..................................................................................170
8.4.3 Libertad de uso.........................................................................................................................170
REFERENCIA ..........................................................................................................................................A

viii

LISTA DE FIGURAS

Figura 2.1: Navegadores web más utilizados.............................................................................................6
Figura 2.2: Gráfica comparativa del uso de navegadores........................................................................6
Figura 2.3: Webkit frente a Gecko.............................................................................................................7
Figura 2.4: Captura de pantalla de Firefox 4............................................................................................9
Figura 2.5: Captura de pantalla de Google Chrome 6...........................................................................10
Figura 2.6: Captura de pantalla de Safari...............................................................................................11
Figura 2.7: Captura de pantalla de Opera 10.5......................................................................................12
Figura 2.8: Captura de pantalla de Internet Explorer 8........................................................................13
Figura 2.9: Opera, Chrome y Safari pasan el test...................................................................................17
Figura 2.10: Firefox 3.7 no pasa el test....................................................................................................17
Figura 2.11: Internet Explorer 8 no pasa el test......................................................................................17
Figura 2.12: Tendencia de popularidad de los navegadores web..........................................................19
Figura 3.1: Modelo de cliente servidor....................................................................................................21
Figura 3.2: Logo de validación del W3C para HTML 4.01....................................................................22
Figura 3.3: Logo de validación del W3C para XHTML 1.0...................................................................22
Figura 3.4: Logo de validación del W3C para CSS 2.0..........................................................................25
Figura 3.5: Logo de JavaScript (no dispone de uno homologado).......................................................27
Figura 3.6: Jerarquía DOM......................................................................................................................28
Figura 3.7: Logo de AJAX (no dispone de uno homologado)................................................................29
Figura 3.8: Cliente servidor en modelo de aplicación clásica y en modelo de aplicación AJAX........30
Figura 3.9: Logo de jQuery.......................................................................................................................32
Figura 3.10: Logo de PHP.........................................................................................................................34
Figura 3.11: Logo de JSP...........................................................................................................................37
Figura 3.12: Logo de Python.....................................................................................................................41
Figura 3.13: Tendencia de popularidad de las tecnologías en el lado del cliente.................................44
Figura 3.14: Tendencia de popularidad de las tecnologías en el lado del servidor..............................45
Figura 5.1: Captura de pantalla de Google Analytics............................................................................60
Figura 5.2: Captura de pantalla de Blogger............................................................................................63
Figura 5.3: Captura de pantalla de reCAPTCHA..................................................................................65
Figura 5.4: Captura de pantalla de WordPress.......................................................................................69
Figura 5.5: Captura de pantalla de Disqus..............................................................................................72
Figura 5.6: Captura de pantalla de phpMyAdmin.................................................................................74
Figura 5.7: Captura de pantalla de phpDocumentor.............................................................................76
Figura 5.8: Captura de pantalla de Dreamweaver.................................................................................78
Figura 5.9: Captura de pantalla de Cufón...............................................................................................79
Figura 5.10: Captura de pantalla de cPanel............................................................................................82

ix

Figura 5.11: Captura de pantalla de Get Satisfaction............................................................................84
Figura 5.12: Captura de pantalla de vBulletin........................................................................................86
Figura 5.13: Captura de pantalla de MediaWiki....................................................................................88
Figura 5.14: Captura de pantalla de Coppermine..................................................................................90
Figura 5.15: Captura de pantalla de YouTube........................................................................................92
Figura 5.16: Captura de pantalla de AddThis.........................................................................................94
Figura 5.17: Captura de pantalla de Magento........................................................................................96
Figura 6.1: Captura de pantalla de la web que realizaremos 1/3........................................................102
Figura 6.4: Captura de pantalla de gotAPI...........................................................................................103
Figura 6.5: Captura de pantalla de Notepad++....................................................................................104
Figura 6.6: Captura de pantalla de la consola de errores de Firefox..................................................105
Figura 6.7: Firebug para Firefox............................................................................................................106
Figura 6.8: Capturas de sugerencias de PageSpeed al analizar un sitio web.....................................107
Figura 6.9: Visualización del tiempo de carga de los elementos de nuestro sitio con PageSpeed.....107
Figura 6.10: Captura de pantalla de FireFTP.......................................................................................108
Figura 6.11: Ejemplo de estructura de archivos y carpetas para un sitio web..................................109
Figura 6.12: Mapa conceptual................................................................................................................109
Figura 6.13: Código maquetado tipo HTML5 en HTML.....................................................................111
Figura 6.14: Buenas prácticas para el maquetado básico....................................................................111
Figura 6.15: Propuestas de aspecto........................................................................................................112
Figura 6.16: Esquema de maquetado de nuestra web..........................................................................113
Figura 6.17: Imagen de la web con las distintas partes marcadas.......................................................114
Figura 6.18: Contenedor de 12 columnas (máximo).............................................................................116
Figura 6.19: Año de fecha actual............................................................................................................119
Figura 6.20: Idioma apagado e idioma activo.......................................................................................120
Figura 6.21: Botón de vista (vista completa activada)..........................................................................120
Figura 6.22: Imagen de la web para el caso de una pantalla menor a 960 pixeles.............................120
Figura 6.23: Efecto de desplazamiento del recuadro azul con bordes redondeados.........................122
Figura 6.24: Formulario de contacto.....................................................................................................123
Figura 6.25: Resultado de compresión gzip...........................................................................................126
Figura 6.26: CSS Drive - CSS Compressor (Advanced Mode)............................................................127
Figura 6.27: JavaScript Compressor.....................................................................................................129
Figura 6.28: Optimización de imágenes.................................................................................................130
Figura 6.29: Verificación para el tipo de documento............................................................................133
Figura 6.30: Sello que certifica que nuestra web cumple el estándar XHTML 1.0 estricto..............134
Figura 6.31: Verificación para el tipo de estilo......................................................................................134

x

Figura 6.32: Sugerir un sitio a Google...................................................................................................135
Figura 6.33: Demostrar la propiedad del sitio.......................................................................................136
Figura 6.34: Panel de Google Webmaster Tools....................................................................................137
Figura 6.35: Herramientas de “Información del sitio”........................................................................138
Figura 6.36: Generador XML de Sitemaps...........................................................................................138
Figura 6.37: Sitio con enlaces internos en las búsquedas de Google...................................................140
Figura 6.38: Herramientas de “Su sitio en la web”..............................................................................141
Figura 6.39: Herramientas de Diagnóstico............................................................................................142
Figura 6.40: Herramientas para hacer pruebas....................................................................................143
Figura 6.41: Crear un nuevo perfil del sitio web en Google Analytics................................................145
Figura 6.42: Panel de Google Analytics.................................................................................................146
Figura 6.43: Intelligence (alertas automáticas).....................................................................................147
Figura 6.44: Usuarios...............................................................................................................................147
Figura 6.45: Fuentes de tráfico...............................................................................................................148
Figura 6.46: Contenido............................................................................................................................148

xi

LISTA DE TABLAS

Tabla 2.1: Motores de renderizado web más comunes.............................................................................7
Tabla 2.2: Información general.................................................................................................................14
Tabla 2.3: Soporte de sistemas operativos...............................................................................................14
Tabla 2.4: Consumo de memoria (inicio 20 tabs, 3.8GiB DDR3)..........................................................14
Tabla 2.5: Consumo de CPU (inicio 20 tabs, Core2Duo a 2.13GHz).....................................................15
Tabla 2.6: Características del navegador.................................................................................................15
Tabla 2.7: Características de accesibilidad..............................................................................................15
Tabla 2.8: Soporte de tecnologías web......................................................................................................16
Tabla 2.9: Soporte de protocolos...............................................................................................................16
Tabla 3.1: Diferencias básicas entre HTML y XHTML.........................................................................23
Tabla 3.2: Lenguajes de programación vistos para la web....................................................................44
Tabla 5.1: Analizadores.............................................................................................................................58
Tabla 5.2: Blogs..........................................................................................................................................62
Tabla 5.3: CAPTCHAs..............................................................................................................................65
Tabla 5.4: Gestores de contenido..............................................................................................................66
Tabla 5.5: Sistemas de comentario...........................................................................................................72
Tabla 5.6: Administradores de bases de datos.........................................................................................74
Tabla 5.7: Herramientas de documentación............................................................................................75
Tabla 5.8: Editores.....................................................................................................................................77
Tabla 5.9: Scripts para fuentes de texto...................................................................................................79
Tabla 5.10: Paneles para hospedaje web..................................................................................................80
Tabla 5.11: Seguidores de incidencias......................................................................................................83
Tabla 5.12: Foros........................................................................................................................................85
Tabla 5.13: Wikis........................................................................................................................................87
Tabla 5.14: Galerías de imágenes.............................................................................................................89
Tabla 5.15: Visualizadores de vídeo..........................................................................................................91
Tabla 5.16: Widgets....................................................................................................................................93
Tabla 5.17: EShops.....................................................................................................................................95
Tabla 5.18: Aplicaciones más usadas por categoría................................................................................98
Tabla 5.19: Aplicaciones más usadas en general.....................................................................................98

xiii

LISTA DE CÓDIGOS

Código 3.1: Página web básica vacía en XHTML...................................................................................23
Código 3.2: Página web básica en XHTML.............................................................................................24
Código 3.3: Regla básica de estilo para los encabezados de primer orden de una página..................25
Código 3.4: Página web básica con enlace externo al estilo...................................................................26
Código 3.5: Regla básica de estilo para el cuerpo de una página..........................................................26
Código 3.6: Escritura de una frase en el documento (X)HTML...........................................................28
Código 3.7: Botón en página XHTML que al pulsarlo muestra el cuadrado de 5...............................28
Código 3.8: Archivo de texto plano donde se encuentra un código para cargar con AJAX...............31
Código 3.9: Página en la que se utiliza AJAX.........................................................................................31
Código 3.10: Obtención de un archivo de texto plano del servidor mediante AJAX...........................31
Código 3.11: Cambio del contenido del elemento seleccionado por el pasado por parámetro...........33
Código 3.12: Mensaje de alerta cuando se clica un enlace ....................................................................33
Código 3.13: Escritura en la página de una cadena................................................................................35
Código 3.14: Escritura en el cuerpo de la página del contenido de una variable................................35
Código 3.15: Formulario para interactuar con el usuario.....................................................................35
Código 3.17: Escritura en el cuerpo de la página de un saludo acompañado de la fecha actual.......39
Código 3.18: Página con formulario que invoca a un servlet................................................................39
Código 3.19: Servlet que devuelve una página con los parámetros recogidos en un formulario.......40
Código 3.20: Descriptor de despliegue para la publicación de un servlet............................................40
Código 3.22: Captura de una imagen con una webcam.........................................................................42
Código 3.23: Escritura en el cuerpo de la página de un saludo acompañado de la fecha actual.......42
Código 6.1: Tipo de documento, codificación y enlaces para 960 Grid System.................................115
Código 6.2: Etiquetas y atributos para el cuerpo base de nuestra web..............................................115
Código 6.3: CSS incluido en el propio documento HTML...................................................................117
Código 6.4: CSS enlazado desde un archivo externo............................................................................117
Código 6.5: CSS incluido directamente en el propio elemento HTML...............................................117
Código 6.6: Superposición de estilos en cascada...................................................................................118
Código 6.7: Enlace a nuestro CSS...........................................................................................................118
Código 6.8: Algunas de las reglas de nuestro estilo para la web..........................................................118
Código 6.9: Actualizar el copyright con el el año actual.......................................................................119
Código 6.10: Efecto de apagado e iluminado.........................................................................................120
Código 6.11: Ajuste de la web a la pantalla...........................................................................................121
Código 6.12: Intercambio de atributos HTML.....................................................................................121
Código 6.13: Uso del plugin LavaLamp.................................................................................................122

xv

Código 6.14: Estilo para recuadro azul con bordes redondeados.......................................................122
Código 6.15: Código para crear un formulario de contacto................................................................123
Código 6.16: Único archivo externo con todo el CSS combinado (960.css, estilo.css, etc)................124
Código 6.17: Único archivo externo con todo el JS combinado ( jquery-1.4.2.js, menu.js, etc).......124
Código 6.18: Archivo externo con el JS combinado que necesita cargarse al principio....................124
Código 6.19: Archivo externo con todo el JS combinado que podemos cargar a posterior..............125
Código 6.20: Opción 1 - Indicar compresión en el archivo de configuración ".htaccess"................125
Código 6.21: Opción 2 – Inicio compresión gzip en archivo PHP.......................................................125
Código 6.22: Fin compresión gzip en archivo PHP...............................................................................125
Código 6.23: Fecha de expiración para recursos estáticos...................................................................126
Código 6.24: Cache no habilitada...........................................................................................................126
Código 6.25: Enlace a CSS compactado................................................................................................126
Código 6.26: Aspecto del CSS compactado...........................................................................................127
Código 6.27: Enlace al JavaScript compactado....................................................................................128
Código 6.28: Aspecto del JavaScript compactado................................................................................128
Código 6.29: Sintaxis solicitud HTTP....................................................................................................129
Código 6.30: Solicitud HTTP..................................................................................................................129
Código 6.31: Orden para estilos y scripts..............................................................................................130
Código 6.32: Set de caracteres en la cabecera.......................................................................................132
Código 6.33: Declaración del tipo de documento para XHTML 1.0 estricto.....................................133
Código 6.34: Declaración del tipo de documento para HTML 5.........................................................134
Código 6.35: Código que no cumple con la especificación CSS 2.1.....................................................135
Código 6.36: Parte del código del Sitemap de nuestro sitio.................................................................139
Código 6.37: Robots.................................................................................................................................139
Código 6.38: ¿Qué ve el rastreador de Google?....................................................................................143
Código 6.39: Seguimiento de Google Analytics.....................................................................................145
Código 7.1: Incluir lienzo en HTML5....................................................................................................152
Código 7.2: Incluir vídeo en HTML5.....................................................................................................153
Código 7.3: Documento HTML 4.01 similar a HTML5......................................................................153
Código 7.4: Documento HTML 5 básico................................................................................................154
Código 7.5: Elegir la fuente de texto que queramos.............................................................................156
Código 7.6: Bordes redondeados con imágenes.....................................................................................156
Código 7.7: Sombras................................................................................................................................156
Código 7.8: Múltiples fondos..................................................................................................................157
Código 7.9: Selección de elemento según atributo................................................................................158

xvi

LISTA DE ACRÓNIMOS

AJAX - Asynchronous Javascript And XML
ANSI - American National Standards Institute
API - Application Programming Interface
ASP - Active Server Pages
BOM - Byte Order Mark
BSD - Berkeley Software Distribution
CAPTCHA - Completely Automated Public Turing test to tell Computers and Humans Apart
CDMA - Code Division Multiple Access
CERN - Conseil Européen pour la Recherche Nucléaire
CHM - Microsoft Compiled HTML Help
CMS - Content Management System
CPU - Central Processing Unit
CRM - Customer Relationship Management
CSS - Cascading Style Sheets
CSV - Comma Separated Values
DHTML - Dynamic HTML
DNS - Domain Name System
DOM - Document Object Model
DTD - Document Type Definition
ECMA - European Computer Manufacturers Association
ERP - Enterprise Resource Planning
FAQ - Frequently Asked Questions
FF - FireFox
FTP - File Transfer Protocol
GIF - Graphics Interchange Format
GIMP - GNU Image Manipulation Program
GMT - Greenwich Mean Time
GNU - GNU's Not Unix
GPL - General Public License
GSM - Global System for Mobile Communications
GZIP - GNU ZIP
HTML - HyperText Markup Language
HTTP - Hypertext Transfer Protocol
HTTPS - HTTP Secure
ID - Identification
IDN - Internationalized Domain Name

xvii

IE - Internet Explorer
IP - Internet Protocol
IRC - Internet Relay Chat
ISO - International Organization for Standardization
J2EE - Java 2 Platform Enterprise Edition
JPEG - Joint Photographic Experts Group
JS - JavaScript
JSP - JavaServer Pages
KDE - K Desktop Environment
LAMP - Linux Apache MySQL PHP
LDAP - Lightweight Directory Access Protocol
LGPL - Lesser General Public License
MAC - Media Access Control
MathML - Mathematical Markup Language
MPL - Mozilla Public License
MSN - MicroSoft Network
NASA - Nacional Aeronautics and Space Administration
NCSA - National Center for Supercomputing Applications
NNTP - Network News Transport Protocol
O - Opera
OCR - Optical Character Recognition
OpenGL - Open Graphics Library
OpenGL ES - OpenGL for Embedded Systems
PDF - Portable Document Format
PHP - Hypertext PreProcessor
PNG - Portable Network Graphics
QBE - Query By Example
RAM - Random Access Memory
RFID - Radio Frequency IDentification
RIA - Rich Internet Application
RSS - Really Simple Syndication
SEO - Search Engine Optimization
sIFR - scalable Inman Flash Replacement
SMF - Simple Machines Forum
SMIL - Synchronized Multimedia Integration Language
SQL - Structured Query Language
SSL - Secure Sockets Layer
SVG - Scalable Vector Graphics

xviii

URL - Uniform Resource Locator
UTF - Unicode Transformation Format
VP8 - Video comPression format version 8
W3C - World Wide Web Consortium
WAMP - Windows Apache MySQL PHP
WaSP - Web Standards Project
WP - WordPress
WSGI - Web Server Gateway Interface
WYSIWYG - What You See Is What You Get
XHTML - eXtensible Hypertext Markup Language
XML - eXtensible Markup Language
XPCOM - Cross Platform Component Object Model
XSL - eXtensible Stylesheet Language
XSLT - eXtensible Stylesheet Language Transformations
XSS - Cross Site Scripting
XUL - XML based User interface Language

xix

PREFACIO

Este proyecto fue elegido por el interés personal sobre el estado de tecnologías
para el desarrollo de aplicaciones web y su implementación. Se le ofrece la
posibilidad al lector de adentrarse en ambos campos, con los siguientes capítulos
que comprenden la documentación propia del trabajo realizado.
En el Capítulo 1, se ofrece una breve introducción sobre la historia y el concepto
de web. Se exponen cuales fueron los objetivos y requisitos para la realización
del proyecto.
En el Capítulo 2, se centra en las aplicaciones de escritorio dedicadas a la
navegación por Internet. Se detallan todos los navegadores webs más extendidos,
comparándolos y viendo las ventajas e inconvenientes entre ellos, se les aplican
pruebas y se analiza su popularidad y tendencia de uso.
En el Capítulo 3, se analizan las tecnologías de macado de texto, estilo e
interacción más utilizadas para el desarrollo web, detallando su uso y la sintaxis
básica a la vez que se ofrecen ejemplos sencillos para su compresión. Al final, se
realizan pruebas para ver su popularidad y perspectiva de futuro.
En el Capítulo 4, se explica la gestión de contenidos web mediante el uso de
gestores de contenidos.
En el Capítulo 5, se describen aquella aplicaciones web que pueden ser usadas
como herramientas para crear una aplicación web final o integradas para añadir
una funcionalidad extra. Además, observaremos la popularidad y uso tratando de
pronosticar el futuro que les espera.
En el Capítulo 6, se basa en los capítulos anteriores para la realización de una
implementación real paso a paso desde el planteamiento inicial sobre tipo de
página buscamos hasta su mantenimiento y promoción.
En el Capítulo 7, se describen las nuevas tecnologías de desarrollo que triunfarán
en Internet en los próximos años.
En el Capítulo 8, se ofrecen un resumen de las ideas más importantes y las
conclusiones.

xxi

Capítulo

1
“La verdad es que yo no creo en nada de lo que me promete Internet o la
Web, no creo en la promesa del mundo feliz. Pero pienso que eso no me
impide conocer qué son esas tecnologías ni tampoco utilizarlas, lo cierto es
que algo muy loco se está generando y nosotros tenemos el privilegio de
experimentar ese cambio.”
~ Alejandro Piscitelli

CAPITULO 1:INTRODUCCIÓN

E l termino Web 2.5 se refiere al estado actual de desarrollo de las tecnologías y
aplicaciones en Internet. Desde sus orígenes en 1969 “La Red de Redes” no ha
parado de evolucionar, ha pasado de ser una red unidireccional para lecturas
desde servidores (Web 1.0), a convertirse en una red social bidireccional donde los
usuarios aparte de leer datos pueden escribir, interactuar y colaborar de multitud de
formas. La Web 2.0 o Web Social, a diferencia de su predecesora, gestiona los datos de
manera dinámica y mantiene los servicios de Internet actualizados usando las
tecnologías web (1). La Web 3.0 o Web Semántica, es la web dinámica en la que se
separa el contenido de la interacción y el aspecto visual. El estado actual de transición
se denomina Web 2.5. El estudio de las tecnologías y herramientas pertenecientes a la
Web 2.5, las aplicaciones que se pueden crear con ellas y las lineas futuras (hacia la
Web 3.0), serán la base del contenido que abarcaremos en este proyecto.
La idea de la Web (década de los 40) es anterior a la creación de Internet y se definió como un
entramado de información distribuida con una interfaz que permitiera el acceso. Sin embargo,
no fue hasta principios de los 90 cuando Tim Berners Lee creó los 3 elementos básicos de la
Web: el navegador web, el servidor web y la página web (2), a los que unió los enlaces de texto
(hipervínculos de texto) para la navegación, idea que sacó de observar una libreta que usaba
para añadir y mantener referencias de cómo funcionaban los ordenadores en el CERN
(Organización Europea para la Investigación Nuclear, del francés).
Antes de la Web, la manera de obtener los datos por Internet era caótica: había un sinfín
de maneras posibles por lo que había que conocer múltiples programas y sistemas
operativos. La Web introduce un concepto fundamental: la posibilidad de lectura
universal, que consiste en que una vez que la información esté disponible, se pueda
acceder a ella desde cualquier ordenador, desde cualquier país, por cualquier persona
autorizada, usando un único y simple programa (el navegador web).

PÁGINA 1 DE 172

Web 3.0: Navegadores y tecnologías para el futuro de Internet

Web 3.0: Navegadores y tecnologías para el futuro de Internet

Recommended

Recommended

More Related Content

Similar to Web 3.0: Navegadores y tecnologías para el futuro de Internet

Similar to Web 3.0: Navegadores y tecnologías para el futuro de Internet (20)

Recently uploaded

Recently uploaded (20)

Web 3.0: Navegadores y tecnologías para el futuro de Internet