Clientes Web
José Esteban Bahamonde Otey
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.
Funcionamiento
                          Interpretar codigo HTML



  Enviada desde un servidor



                           Lo presenta en pantalla



  El usuario interactua con su contenido
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
(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
Linea de tiempo




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




          1993 – Lynx (Marzo)



Ver mas: http://meyerweb.com/eric/browsers/timeline-structured.html
Navegadores
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
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
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.
Navegadores




 Ventajas
   Personalizables
 Desventajas
   Ciertas expansiones de Firefox causan, destacando pérdida de
    memoria y uso excesivo del procesador.
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.
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
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
Navegadores




 Ventajas
   Vistas previas en las pestañas
   Opera Turbo
   Los movimientos del ratón en la navegación
 Desventajas
   Incompatibilidad
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
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
Benchmarking
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.
 ECMAScript define un lenguaje de tipos dinámicos
  ligeramente inspirado en Java
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

Clientesweb 100623183305-phpapp02

  • 1.
  • 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.
  • 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  Proporcionaun 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.
  • 20.
    Benchmarking  PrimeraPrueba: 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 defineun 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