Hacia la web 3.0

31,822 views

Published on

[ES]
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.

[EN]
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.

Published in: Technology
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total views
31,822
On SlideShare
0
From Embeds
0
Number of Embeds
5,880
Actions
Shares
0
Downloads
114
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Hacia la web 3.0

  1. 1. 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ÓNMÁLAGA, 2010 Génesis García Morilla
  2. 2. ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA DE TELECOMUNICACIÓN UNIVERSIDAD DE MÁLAGATitulación: Máster en Telemática y Redes de TelecomunicaciónReunido 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.0del alumno D. Génesis García Morilladirigido por Dª. Mónica Trella LópezACORDÓ POR ______________________________________ OTORGAR LACALIFICACIÓN DE _______________________________________________Y, para que conste, se extiende firmada por los componentes del tribunal, lapresente diligencia Málaga, a ______ de __________________ de _________ El/La Presidente/a El/La Vocal El/La Secretario/aFdo.: _________________ Fdo.: _________________ Fdo.: _________________
  3. 3. ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA DE TELECOMUNICACIÓN UNIVERSIDAD DE MÁLAGA HACIA LA WEB 3.0 REALIZADO POR: Génesis García Morilla DIRIGIDO POR: Mónica Trella LópezDEPARTAMENTO DE: Lenguajes y Ciencias de la ComputaciónTITULACIÓN: Máster en Telemática y Redes de TelecomunicaciónPALABRAS 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 decontenido, 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 elescritorio, 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 continuidaden el futuro, pasando por las tecnologías necesarias y aplicaciones útilespara su desarrollo. Málaga, Diciembre de 2010
  4. 4. A todos aquellos que hacenposible que Internet sea libre.
  5. 5. AGRADECIMIENTOSA Mario Palomo por haberme contagiado el espíritu del software libre y compartir conmigomuchos 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 larealización de este TFM.A Paqui Morilla, Lidia García, Gorka Goicoechea, Néstor Granja, José Manuel García, OmarIglesias, Jorge Borrego, Manuel Delgado y Victor Alarcón por decirme todos los días queentregase 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 porPython.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.
  6. 6. RESUMENHACIA LA WEB 3.0, pretende dar una idea global de la Web, desde su acceso a través de losnavegadores hasta su uso y continuidad en el futuro, pasando por las tecnologías necesarias yaplicaciones útiles para su desarrollo.ABSTRACTTOWARDS WEB 3.0, aims to provide an overall idea of the Web, from access through the webbrowser to use and continuation in the future, exploring the technologies and applicationsrelevant to its development.
  7. 7. CONTENIDOSLISTA DE FIGURAS ...............................................................................................................................ixLISTA DE TABLAS ................................................................................................................................xiiiLISTA DE CÓDIGOS ..............................................................................................................................xvLISTA DE ACRÓNIMOS .....................................................................................................................xviiPREFACIO ..............................................................................................................................................xxiCAPITULO 1: INTRODUCCIÓN ............................................................................................................1 1.1 OBJETIVOS...............................................................................................................................................2 1.2 REQUISITOS.............................................................................................................................................2CAPITULO 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.6.1 Ventajas e Inconvenientes...........................................................................................................11 2.7 OPERA..................................................................................................................................................12 2.7.1 Ventajas e Inconvenientes...........................................................................................................12 2.8 INTERNET EXPLORER...............................................................................................................................12 2.8.1 Ventajas e Inconvenientes...........................................................................................................13 2.9 COMPARATIVAS ENTRE IE, OPERA, SAFARI, CHROME Y FIREFOX...................................................................13 2.10 TEST ACID3........................................................................................................................................16 2.11 CONCLUSIONES.....................................................................................................................................17 2.11.1 Tendencia..................................................................................................................................18CAPITULO 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
  8. 8. 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....................................................................................................................................44CAPITULO 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...................................................................................................................55ii
  9. 9. 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
  10. 10. 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..................................................................................................85iv
  11. 11. 5.11.2.5 Soporte.............................................................................................................................855.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.........................................................................................................................875.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........................................................................................895.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..................................................................................................915.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.................................................................................................................935.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.......................................................................................................955.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
  12. 12. 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........................................................................................................99CAPITULO 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...............................................................................................................131vi
  13. 13. 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...................................................................................................................................149CAPITULO 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
  14. 14. 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.....................................................................................................................................159CAPITULO 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.........................................................................................................................170REFERENCIA ..........................................................................................................................................Aviii
  15. 15. LISTA DE FIGURASFigura 2.1: Navegadores web más utilizados.............................................................................................6Figura 2.2: Gráfica comparativa del uso de navegadores........................................................................6Figura 2.3: Webkit frente a Gecko.............................................................................................................7Figura 2.4: Captura de pantalla de Firefox 4............................................................................................9Figura 2.5: Captura de pantalla de Google Chrome 6...........................................................................10Figura 2.6: Captura de pantalla de Safari...............................................................................................11Figura 2.7: Captura de pantalla de Opera 10.5......................................................................................12Figura 2.8: Captura de pantalla de Internet Explorer 8........................................................................13Figura 2.9: Opera, Chrome y Safari pasan el test...................................................................................17Figura 2.10: Firefox 3.7 no pasa el test....................................................................................................17Figura 2.11: Internet Explorer 8 no pasa el test......................................................................................17Figura 2.12: Tendencia de popularidad de los navegadores web..........................................................19Figura 3.1: Modelo de cliente servidor....................................................................................................21Figura 3.2: Logo de validación del W3C para HTML 4.01....................................................................22Figura 3.3: Logo de validación del W3C para XHTML 1.0...................................................................22Figura 3.4: Logo de validación del W3C para CSS 2.0..........................................................................25Figura 3.5: Logo de JavaScript (no dispone de uno homologado).......................................................27Figura 3.6: Jerarquía DOM......................................................................................................................28Figura 3.7: Logo de AJAX (no dispone de uno homologado)................................................................29Figura 3.8: Cliente servidor en modelo de aplicación clásica y en modelo de aplicación AJAX........30Figura 3.9: Logo de jQuery.......................................................................................................................32Figura 3.10: Logo de PHP.........................................................................................................................34Figura 3.11: Logo de JSP...........................................................................................................................37Figura 3.12: Logo de Python.....................................................................................................................41Figura 3.13: Tendencia de popularidad de las tecnologías en el lado del cliente.................................44Figura 3.14: Tendencia de popularidad de las tecnologías en el lado del servidor..............................45Figura 5.1: Captura de pantalla de Google Analytics............................................................................60Figura 5.2: Captura de pantalla de Blogger............................................................................................63Figura 5.3: Captura de pantalla de reCAPTCHA..................................................................................65Figura 5.4: Captura de pantalla de WordPress.......................................................................................69Figura 5.5: Captura de pantalla de Disqus..............................................................................................72Figura 5.6: Captura de pantalla de phpMyAdmin.................................................................................74Figura 5.7: Captura de pantalla de phpDocumentor.............................................................................76Figura 5.8: Captura de pantalla de Dreamweaver.................................................................................78Figura 5.9: Captura de pantalla de Cufón...............................................................................................79Figura 5.10: Captura de pantalla de cPanel............................................................................................82 ix
  16. 16. Figura 5.11: Captura de pantalla de Get Satisfaction............................................................................84Figura 5.12: Captura de pantalla de vBulletin........................................................................................86Figura 5.13: Captura de pantalla de MediaWiki....................................................................................88Figura 5.14: Captura de pantalla de Coppermine..................................................................................90Figura 5.15: Captura de pantalla de YouTube........................................................................................92Figura 5.16: Captura de pantalla de AddThis.........................................................................................94Figura 5.17: Captura de pantalla de Magento........................................................................................96Figura 6.1: Captura de pantalla de la web que realizaremos 1/3........................................................102Figura 6.2: Captura de pantalla de la web que realizaremos 2/3........................................................102Figura 6.3: Captura de pantalla de la web que realizaremos 3/3........................................................102Figura 6.4: Captura de pantalla de gotAPI...........................................................................................103Figura 6.5: Captura de pantalla de Notepad++....................................................................................104Figura 6.6: Captura de pantalla de la consola de errores de Firefox..................................................105Figura 6.7: Firebug para Firefox............................................................................................................106Figura 6.8: Capturas de sugerencias de PageSpeed al analizar un sitio web.....................................107Figura 6.9: Visualización del tiempo de carga de los elementos de nuestro sitio con PageSpeed.....107Figura 6.10: Captura de pantalla de FireFTP.......................................................................................108Figura 6.11: Ejemplo de estructura de archivos y carpetas para un sitio web..................................109Figura 6.12: Mapa conceptual................................................................................................................109Figura 6.13: Código maquetado tipo HTML5 en HTML.....................................................................111Figura 6.14: Buenas prácticas para el maquetado básico....................................................................111Figura 6.15: Propuestas de aspecto........................................................................................................112Figura 6.16: Esquema de maquetado de nuestra web..........................................................................113Figura 6.17: Imagen de la web con las distintas partes marcadas.......................................................114Figura 6.18: Contenedor de 12 columnas (máximo).............................................................................116Figura 6.19: Año de fecha actual............................................................................................................119Figura 6.20: Idioma apagado e idioma activo.......................................................................................120Figura 6.21: Botón de vista (vista completa activada)..........................................................................120Figura 6.22: Imagen de la web para el caso de una pantalla menor a 960 pixeles.............................120Figura 6.23: Efecto de desplazamiento del recuadro azul con bordes redondeados.........................122Figura 6.24: Formulario de contacto.....................................................................................................123Figura 6.25: Resultado de compresión gzip...........................................................................................126Figura 6.26: CSS Drive - CSS Compressor (Advanced Mode)............................................................127Figura 6.27: JavaScript Compressor.....................................................................................................129Figura 6.28: Optimización de imágenes.................................................................................................130Figura 6.29: Verificación para el tipo de documento............................................................................133Figura 6.30: Sello que certifica que nuestra web cumple el estándar XHTML 1.0 estricto..............134Figura 6.31: Verificación para el tipo de estilo......................................................................................134x
  17. 17. Figura 6.32: Sugerir un sitio a Google...................................................................................................135Figura 6.33: Demostrar la propiedad del sitio.......................................................................................136Figura 6.34: Panel de Google Webmaster Tools....................................................................................137Figura 6.35: Herramientas de “Información del sitio”........................................................................138Figura 6.36: Generador XML de Sitemaps...........................................................................................138Figura 6.37: Sitio con enlaces internos en las búsquedas de Google...................................................140Figura 6.38: Herramientas de “Su sitio en la web”..............................................................................141Figura 6.39: Herramientas de Diagnóstico............................................................................................142Figura 6.40: Herramientas para hacer pruebas....................................................................................143Figura 6.41: Crear un nuevo perfil del sitio web en Google Analytics................................................145Figura 6.42: Panel de Google Analytics.................................................................................................146Figura 6.43: Intelligence (alertas automáticas).....................................................................................147Figura 6.44: Usuarios...............................................................................................................................147Figura 6.45: Fuentes de tráfico...............................................................................................................148Figura 6.46: Contenido............................................................................................................................148 xi
  18. 18. LISTA DE TABLASTabla 2.1: Motores de renderizado web más comunes.............................................................................7Tabla 2.2: Información general.................................................................................................................14Tabla 2.3: Soporte de sistemas operativos...............................................................................................14Tabla 2.4: Consumo de memoria (inicio 20 tabs, 3.8GiB DDR3)..........................................................14Tabla 2.5: Consumo de CPU (inicio 20 tabs, Core2Duo a 2.13GHz).....................................................15Tabla 2.6: Características del navegador.................................................................................................15Tabla 2.7: Características de accesibilidad..............................................................................................15Tabla 2.8: Soporte de tecnologías web......................................................................................................16Tabla 2.9: Soporte de protocolos...............................................................................................................16Tabla 3.1: Diferencias básicas entre HTML y XHTML.........................................................................23Tabla 3.2: Lenguajes de programación vistos para la web....................................................................44Tabla 5.1: Analizadores.............................................................................................................................58Tabla 5.2: Blogs..........................................................................................................................................62Tabla 5.3: CAPTCHAs..............................................................................................................................65Tabla 5.4: Gestores de contenido..............................................................................................................66Tabla 5.5: Sistemas de comentario...........................................................................................................72Tabla 5.6: Administradores de bases de datos.........................................................................................74Tabla 5.7: Herramientas de documentación............................................................................................75Tabla 5.8: Editores.....................................................................................................................................77Tabla 5.9: Scripts para fuentes de texto...................................................................................................79Tabla 5.10: Paneles para hospedaje web..................................................................................................80Tabla 5.11: Seguidores de incidencias......................................................................................................83Tabla 5.12: Foros........................................................................................................................................85Tabla 5.13: Wikis........................................................................................................................................87Tabla 5.14: Galerías de imágenes.............................................................................................................89Tabla 5.15: Visualizadores de vídeo..........................................................................................................91Tabla 5.16: Widgets....................................................................................................................................93Tabla 5.17: EShops.....................................................................................................................................95Tabla 5.18: Aplicaciones más usadas por categoría................................................................................98Tabla 5.19: Aplicaciones más usadas en general.....................................................................................98 xiii
  19. 19. LISTA DE CÓDIGOSCódigo 3.1: Página web básica vacía en XHTML...................................................................................23Código 3.2: Página web básica en XHTML.............................................................................................24Código 3.3: Regla básica de estilo para los encabezados de primer orden de una página..................25Código 3.4: Página web básica con enlace externo al estilo...................................................................26Código 3.5: Regla básica de estilo para el cuerpo de una página..........................................................26Código 3.6: Escritura de una frase en el documento (X)HTML...........................................................28Código 3.7: Botón en página XHTML que al pulsarlo muestra el cuadrado de 5...............................28Código 3.8: Archivo de texto plano donde se encuentra un código para cargar con AJAX...............31Código 3.9: Página en la que se utiliza AJAX.........................................................................................31Código 3.10: Obtención de un archivo de texto plano del servidor mediante AJAX...........................31Código 3.11: Cambio del contenido del elemento seleccionado por el pasado por parámetro...........33Código 3.12: Mensaje de alerta cuando se clica un enlace ....................................................................33Código 3.13: Escritura en la página de una cadena................................................................................35Código 3.14: Escritura en el cuerpo de la página del contenido de una variable................................35Código 3.15: Formulario para interactuar con el usuario.....................................................................35Código 3.16: Escritura en la página de una cadena................................................................................38Código 3.17: Escritura en el cuerpo de la página de un saludo acompañado de la fecha actual.......39Código 3.18: Página con formulario que invoca a un servlet................................................................39Código 3.19: Servlet que devuelve una página con los parámetros recogidos en un formulario.......40Código 3.20: Descriptor de despliegue para la publicación de un servlet............................................40Código 3.21: Escritura en la página de una cadena................................................................................42Código 3.22: Captura de una imagen con una webcam.........................................................................42Código 3.23: Escritura en el cuerpo de la página de un saludo acompañado de la fecha actual.......42Código 6.1: Tipo de documento, codificación y enlaces para 960 Grid System.................................115Código 6.2: Etiquetas y atributos para el cuerpo base de nuestra web..............................................115Código 6.3: CSS incluido en el propio documento HTML...................................................................117Código 6.4: CSS enlazado desde un archivo externo............................................................................117Código 6.5: CSS incluido directamente en el propio elemento HTML...............................................117Código 6.6: Superposición de estilos en cascada...................................................................................118Código 6.7: Enlace a nuestro CSS...........................................................................................................118Código 6.8: Algunas de las reglas de nuestro estilo para la web..........................................................118Código 6.9: Actualizar el copyright con el el año actual.......................................................................119Código 6.10: Efecto de apagado e iluminado.........................................................................................120Código 6.11: Ajuste de la web a la pantalla...........................................................................................121Código 6.12: Intercambio de atributos HTML.....................................................................................121Código 6.13: Uso del plugin LavaLamp.................................................................................................122 xv
  20. 20. Código 6.14: Estilo para recuadro azul con bordes redondeados.......................................................122Código 6.15: Código para crear un formulario de contacto................................................................123Código 6.16: Único archivo externo con todo el CSS combinado (960.css, estilo.css, etc)................124Código 6.17: Único archivo externo con todo el JS combinado ( jquery-1.4.2.js, menu.js, etc).......124Código 6.18: Archivo externo con el JS combinado que necesita cargarse al principio....................124Código 6.19: Archivo externo con todo el JS combinado que podemos cargar a posterior..............125Código 6.20: Opción 1 - Indicar compresión en el archivo de configuración ".htaccess"................125Código 6.21: Opción 2 – Inicio compresión gzip en archivo PHP.......................................................125Código 6.22: Fin compresión gzip en archivo PHP...............................................................................125Código 6.23: Fecha de expiración para recursos estáticos...................................................................126Código 6.24: Cache no habilitada...........................................................................................................126Código 6.25: Enlace a CSS compactado................................................................................................126Código 6.26: Aspecto del CSS compactado...........................................................................................127Código 6.27: Enlace al JavaScript compactado....................................................................................128Código 6.28: Aspecto del JavaScript compactado................................................................................128Código 6.29: Sintaxis solicitud HTTP....................................................................................................129Código 6.30: Solicitud HTTP..................................................................................................................129Código 6.31: Orden para estilos y scripts..............................................................................................130Código 6.32: Set de caracteres en la cabecera.......................................................................................132Código 6.33: Declaración del tipo de documento para XHTML 1.0 estricto.....................................133Código 6.34: Declaración del tipo de documento para HTML 5.........................................................134Código 6.35: Código que no cumple con la especificación CSS 2.1.....................................................135Código 6.36: Parte del código del Sitemap de nuestro sitio.................................................................139Código 6.37: Robots.................................................................................................................................139Código 6.38: ¿Qué ve el rastreador de Google?....................................................................................143Código 6.39: Seguimiento de Google Analytics.....................................................................................145Código 7.1: Incluir lienzo en HTML5....................................................................................................152Código 7.2: Incluir vídeo en HTML5.....................................................................................................153Código 7.3: Documento HTML 4.01 similar a HTML5......................................................................153Código 7.4: Documento HTML 5 básico................................................................................................154Código 7.5: Elegir la fuente de texto que queramos.............................................................................156Código 7.6: Bordes redondeados con imágenes.....................................................................................156Código 7.7: Sombras................................................................................................................................156Código 7.8: Múltiples fondos..................................................................................................................157Código 7.9: Selección de elemento según atributo................................................................................158xvi
  21. 21. LISTA DE ACRÓNIMOSAJAX - Asynchronous Javascript And XMLANSI - American National Standards InstituteAPI - Application Programming InterfaceASP - Active Server PagesBOM - Byte Order MarkBSD - Berkeley Software DistributionCAPTCHA - Completely Automated Public Turing test to tell Computers and Humans ApartCDMA - Code Division Multiple AccessCERN - Conseil Européen pour la Recherche NucléaireCHM - Microsoft Compiled HTML HelpCMS - Content Management SystemCPU - Central Processing UnitCRM - Customer Relationship ManagementCSS - Cascading Style SheetsCSV - Comma Separated ValuesDHTML - Dynamic HTMLDNS - Domain Name SystemDOM - Document Object ModelDTD - Document Type DefinitionECMA - European Computer Manufacturers AssociationERP - Enterprise Resource PlanningFAQ - Frequently Asked QuestionsFF - FireFoxFTP - File Transfer ProtocolGIF - Graphics Interchange FormatGIMP - GNU Image Manipulation ProgramGMT - Greenwich Mean TimeGNU - GNUs Not UnixGPL - General Public LicenseGSM - Global System for Mobile CommunicationsGZIP - GNU ZIPHTML - HyperText Markup LanguageHTTP - Hypertext Transfer ProtocolHTTPS - HTTP SecureID - IdentificationIDN - Internationalized Domain Name xvii
  22. 22. IE - Internet ExplorerIP - Internet ProtocolIRC - Internet Relay ChatISO - International Organization for StandardizationJ2EE - Java 2 Platform Enterprise EditionJPEG - Joint Photographic Experts GroupJS - JavaScriptJSP - JavaServer PagesKDE - K Desktop EnvironmentLAMP - Linux Apache MySQL PHPLDAP - Lightweight Directory Access ProtocolLGPL - Lesser General Public LicenseMAC - Media Access ControlMathML - Mathematical Markup LanguageMPL - Mozilla Public LicenseMSN - MicroSoft NetworkNASA - Nacional Aeronautics and Space AdministrationNCSA - National Center for Supercomputing ApplicationsNNTP - Network News Transport ProtocolO - OperaOCR - Optical Character RecognitionOpenGL - Open Graphics LibraryOpenGL ES - OpenGL for Embedded SystemsPDF - Portable Document FormatPHP - Hypertext PreProcessorPNG - Portable Network GraphicsQBE - Query By ExampleRAM - Random Access MemoryRFID - Radio Frequency IDentificationRIA - Rich Internet ApplicationRSS - Really Simple SyndicationSEO - Search Engine OptimizationsIFR - scalable Inman Flash ReplacementSMF - Simple Machines ForumSMIL - Synchronized Multimedia Integration LanguageSQL - Structured Query LanguageSSL - Secure Sockets LayerSVG - Scalable Vector Graphicsxviii
  23. 23. URL - Uniform Resource LocatorUTF - Unicode Transformation FormatVP8 - Video comPression format version 8W3C - World Wide Web ConsortiumWAMP - Windows Apache MySQL PHPWaSP - Web Standards ProjectWP - WordPressWSGI - Web Server Gateway InterfaceWYSIWYG - What You See Is What You GetXHTML - eXtensible Hypertext Markup LanguageXML - eXtensible Markup LanguageXPCOM - Cross Platform Component Object ModelXSL - eXtensible Stylesheet LanguageXSLT - eXtensible Stylesheet Language TransformationsXSS - Cross Site ScriptingXUL - XML based User interface Language xix
  24. 24. PREFACIOEste proyecto fue elegido por el interés personal sobre el estado de tecnologíaspara el desarrollo de aplicaciones web y su implementación. Se le ofrece laposibilidad al lector de adentrarse en ambos campos, con los siguientes capítulosque comprenden la documentación propia del trabajo realizado.En el Capítulo 1, se ofrece una breve introducción sobre la historia y el conceptode web. Se exponen cuales fueron los objetivos y requisitos para la realizacióndel proyecto.En el Capítulo 2, se centra en las aplicaciones de escritorio dedicadas a lanavegación por Internet. Se detallan todos los navegadores webs más extendidos,comparándolos y viendo las ventajas e inconvenientes entre ellos, se les aplicanpruebas y se analiza su popularidad y tendencia de uso.En el Capítulo 3, se analizan las tecnologías de macado de texto, estilo einteracción más utilizadas para el desarrollo web, detallando su uso y la sintaxisbásica a la vez que se ofrecen ejemplos sencillos para su compresión. Al final, serealizan 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 degestores de contenidos.En el Capítulo 5, se describen aquella aplicaciones web que pueden ser usadascomo herramientas para crear una aplicación web final o integradas para añadiruna funcionalidad extra. Además, observaremos la popularidad y uso tratando depronosticar el futuro que les espera.En el Capítulo 6, se basa en los capítulos anteriores para la realización de unaimplementación real paso a paso desde el planteamiento inicial sobre tipo depágina buscamos hasta su mantenimiento y promoción.En el Capítulo 7, se describen las nuevas tecnologías de desarrollo que triunfaránen Internet en los próximos años.En el Capítulo 8, se ofrecen un resumen de las ideas más importantes y lasconclusiones. xxi
  25. 25. 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 PiscitelliCAPITULO 1:INTRODUCCIÓNE 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 lecturasdesde servidores (Web 1.0), a convertirse en una red social bidireccional donde losusuarios aparte de leer datos pueden escribir, interactuar y colaborar de multitud deformas. La Web 2.0 o Web Social, a diferencia de su predecesora, gestiona los datos demanera dinámica y mantiene los servicios de Internet actualizados usando lastecnologías web (1). La Web 3.0 o Web Semántica, es la web dinámica en la que sesepara el contenido de la interacción y el aspecto visual. El estado actual de transiciónse denomina Web 2.5. El estudio de las tecnologías y herramientas pertenecientes a laWeb 2.5, las aplicaciones que se pueden crear con ellas y las lineas futuras (hacia laWeb 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 unentramado 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 laWeb: 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 usabapara 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índe maneras posibles por lo que había que conocer múltiples programas y sistemasoperativos. La Web introduce un concepto fundamental: la posibilidad de lecturauniversal, que consiste en que una vez que la información esté disponible, se puedaacceder a ella desde cualquier ordenador, desde cualquier país, por cualquier personaautorizada, usando un único y simple programa (el navegador web). PÁGINA 1 DE 172

×