1. Clientes Web
José Esteban Bahamonde Otey

2. Definición
 Cliente web
 WebBrowser
 Navegador
 Aplicación que nos sirve para acceder a la WWW y
"navegar" por ella a traves de los enlaces.

3. Funcionamiento
 Interpretar codigo HTML
 Enviada desde un servidor
 Lo presenta en pantalla
 El usuario interactua con su contenido

4. Utilidades
Soporte
imagenes
sonidos
 En general los "navegadores" no solo videos (streaming)
traen la utilidad de navegar en la
WWW, sino que pueden tambien servicios FTP
pueden:
administrar correo
Además, permiten almacenar la información en el disco o crear
marcadores ( bookmarks ) de las páginas más visitadas

5. (Ver mas http://www.ayudaenlaweb.com/navegadores/partes-de-un-navegador/ )
Partes de un navegador
Barra de título
Barra direcciones
Menús
Pestañas
Barra de herramientas
Area de trabajo
Barra de estado

6. Linea de tiempo
 Opera (1994) –Noviembre 1.0
 Netscape(1995) –Marzo 1.1 (1994 Mosaic Netscape 0.9)
 Internet Explorer (1995)-Agosto 1.0

7. Linea de tiempo
 1993 – Lynx (Marzo)
Ver mas: http://meyerweb.com/eric/browsers/timeline-structured.html

8. Navegadores

9. Navegadores
Internet Explorer
Sitio web oficial: http://www.microsoft.com/windows/internet-
explorer/default.aspx
Version 8.0
 Seguridad en línea (SmartScreen)
 Con solo unos pocos clics puedes obtener indicaciones de rutas,
traducir palabras, compartir lo que encuentras en la Web con tus
amigos y mucho más.
 Los aceleradores te ayudan a realizar tus acciones cotidianas sin
necesidad de abrir una nueva ventana. De esta manera puedes
realizar rápidamente tus tareas de exploración diarias

10. Navegadores
 Ventajas
 más del 60% del mercado
 Desventajas
 IE 8 genera procesos adicionales por cada pestaña abierta, así que
para determinar el consumo total de memoria
 No seguir de forma estricta los protocolos Web

11. Navegadores
Mozilla Firefox:
Sitio web oficial: http://www.mozilla-europe.org/es/firefox/
Version 3.6
 Personalización Firefox tiene más de 6.000 extensiones
 Seguridad
 Rendimiento
 las nuevas pestañas se abran más rápido
 proporcione resultados aún más rápido. En definitiva, tratamos de
llevarte a donde necesites ir tan rápida y fácilmente como sea
posible.

12. Navegadores
 Ventajas
 Personalizables
 Desventajas
 Ciertas expansiones de Firefox causan, destacando pérdida de
memoria y uso excesivo del procesador.

13. Navegadores
Google Chrome:
Sitio web oficial: http://www.google.com/chrome
Version actual 5.0
 Sencillez La ventana del navegador de Chrome es funcional,
clara y sencilla.
 Puedes realizar búsquedas y desplazarte en el mismo cuadro y
organizar pestañas cuando lo desees, de forma rápida y sencilla.
 Sitios favoritos en nueva pestaña
 Omnibox Utiliza el Omnibox para introducir búsquedas y
direcciones web en Chrome.

14. Navegadores
 Ventajas
 Chrome también incluye funciones que están diseñadas para un uso
eficaz y sencillo.
 Intuitivo
 Asistente
 Desventajas
 Además como le quitaron la barra de herramientas para algunos es
confuso y difícil acostumbrarse a su uso.
 No soporta RSS

15. Navegadores
Opera:
Sitio web oficial: http://www.opera.com/
Version actual 10.0
 Desde sus primeras versiones la navegación por pestañas, el
Speed Dial
 Wii, Nintendo DS y dispositivos mobiles

16. Navegadores
 Ventajas
 Vistas previas en las pestañas
 Opera Turbo
 Los movimientos del ratón en la navegación
 Desventajas
 Incompatibilidad

17. Navegadores
Safari
Sitio web oficial : http://www.apple.com/es/safari/
Version actual 5.0
 Safari incluye navegación por pestañas, corrector ortográfico,
marcadores, bloqueador de ventanas emergentes, atajos del
teclado,soporte para motores de búsqueda, un gestor de
descargas, CoverFlow para vista del historial y los Top Sites

18. Navegadores
 Ventajas
 Proporciona un entorno para los desarrolladores web, como el
"User Agent" en el cual se selecciona el motor de rederizado
para abrir las paginas web. Inspector Web, Consola de errores
además de herramientas para JavaScript.
 Desventajas
 Consumo exesivo de memoria

19. Benchmarking

20. Benchmarking
 Primera Prueba: Acid3
 Acid3 es una prueba para los navegadores y verifica los
estándares web, muestra sus resultados con un máximo de 100
puntos.
 Acid3 también se enfoca en tecnologías muy usadas en la Web
2.0, tales como ECMAScript y DOM Nivel 2
 http://acid3.acidtests.org/
 Segunda Prueba: Sun Spider
 Esta es una prueba para verificar el procesamiento de contenido
JavaScript.
 http://www2.webkit.org/perf/sunspider-0.9/sunspider.html
 Tercera Prueba: Memoria
 Manejo adecuado de recursos, RAM.

21.  ECMAScript define un lenguaje de tipos dinámicos
ligeramente inspirado en Java

22. Benchmarking
Prueba1:7251.6ms
Prueba2: 20/100
Prueba3:16.796KB + 10.734KB
Prueba1: 1393.0ms
Prueba2: 94/100
Prueba3:46.296KB
Prueba1: 685.8.6ms
Prueba2: 100/100
Prueba3: 7.212KB
Prueba1: 638.2ms
Prueba2: 100/100
Prueba3: 61.572KB
Prueba1:708.0ms
Prueba2: 100/100
Prueba3:110.236KB + 31.400KB