Your SlideShare is downloading. ×
0
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Clientes web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Clientes web

6,163

Published on

Presentacion acerca Clientes Web, introduccion. Mozilla firefox, Opera, Internet Explorer, Safari y Chrome

Presentacion acerca Clientes Web, introduccion. Mozilla firefox, Opera, Internet Explorer, Safari y Chrome

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,163
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
106
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Clientes Web<br />José Esteban Bahamonde Otey<br />
  • 2. Definición<br />Cliente web<br />WebBrowser<br />Navegador<br />Aplicación que nos sirve para acceder a la WWW y "navegar" por ella a traves de los enlaces.<br />
  • 3. Funcionamiento<br />Interpretar codigo HTML<br />Enviada desde un servidor<br />Lo presenta en pantalla<br />El usuario interactua con su contenido<br />
  • 4. Utilidades<br />Soporte <br />imagenes sonidos<br />videos (streaming)<br />En general los "navegadores" no solo traen la utilidad de navegar en la WWW, sino que pueden tambien pueden:<br />servicios FTP<br />administrar correo<br />Además, permiten almacenar la información en el disco o crear marcadores ( bookmarks ) de las páginas más visitadas<br />
  • 5. Partes de un navegador<br />(Ver mas http://www.ayudaenlaweb.com/navegadores/partes-de-un-navegador/ )<br />Barra de título<br />Barra direcciones<br />Menús<br />Pestañas<br />Barra de herramientas <br />Area de trabajo<br />Barra de estado<br />
  • 6. Linea de tiempo<br />Opera (1994) –Noviembre 1.0<br />Netscape(1995) –Marzo 1.1 (1994 Mosaic Netscape 0.9)<br />Internet Explorer (1995)-Agosto 1.0<br />
  • 7. Linea de tiempo<br />1993 – Lynx (Marzo)<br />Ver mas: http://meyerweb.com/eric/browsers/timeline-structured.html<br />
  • 8. Navegadores<br />
  • 9. Navegadores<br />Internet Explorer <br />Sitio web oficial: http://www.microsoft.com/windows/internet-explorer/default.aspxVersion 8.0<br />Seguridad en línea (SmartScreen) <br />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. <br />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<br />
  • 10. Navegadores<br />Ventajas<br />más del 60% del mercado<br />Desventajas<br />IE 8 genera procesos adicionales por cada pestaña abierta, así que para determinar el consumo total de memoria<br />No seguir de forma estricta los protocolos Web<br />
  • 11. Navegadores<br />Mozilla Firefox: <br />Sitio web oficial: http://www.mozilla-europe.org/es/firefox/Version 3.6<br />Personalización Firefox tiene más de 6.000 extensiones<br />Seguridad <br />Rendimiento <br />las nuevas pestañas se abran más rápido<br />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.<br />
  • 12. Navegadores<br />Ventajas<br />Personalizables<br />Desventajas<br />Ciertas expansiones de Firefox causan, destacando pérdida de memoria y uso excesivo del procesador.<br />
  • 13. Navegadores<br />Google Chrome: <br />Sitio web oficial:http://www.google.com/chromeVersion actual 5.0<br />Sencillez La ventana del navegador de Chrome es funcional, clara y sencilla. <br />Puedes realizar búsquedas y desplazarte en el mismo cuadro y organizar pestañas cuando lo desees, de forma rápida y sencilla.<br />Sitios favoritos en nueva pestaña<br />Omnibox Utiliza el Omnibox para introducir búsquedas y direcciones web en Chrome.<br />
  • 14. Navegadores<br />Ventajas<br />Chrome también incluye funciones que están diseñadas para un uso eficaz y sencillo.<br />Intuitivo<br />Asistente<br />Desventajas<br />Además como le quitaron la barra de herramientas para algunos es confuso y difícil acostumbrarse a su uso.<br />No soporta RSS<br />
  • 15. Navegadores<br />Opera: <br />Sitio web oficial:http://www.opera.com/Version actual 10.0<br />Desde sus primeras versiones la navegación por pestañas, el Speed Dial <br />Wii, Nintendo DS y dispositivos mobiles<br />
  • 16. Navegadores<br />Ventajas<br />Vistas previas en las pestañas<br />Opera Turbo<br />Los movimientos del ratón en la navegación<br />Desventajas<br />Incompatibilidad <br />
  • 17. Navegadores<br />SafariSitio web oficial : http://www.apple.com/es/safari/Version actual 5.0<br />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<br />
  • 18. Navegadores<br />Ventajas<br />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.<br />Desventajas<br />Consumo exesivo de memoria<br />
  • 19. Benchmarking<br />
  • 20. Benchmarking<br />Primera Prueba: Acid3<br />Acid3 es una prueba para los navegadores y verifica los estándares web, muestra sus resultados con un máximo de 100 puntos.<br />Acid3 también se enfoca en tecnologías muy usadas en la Web 2.0, tales como ECMAScript y DOM Nivel 2<br />http://acid3.acidtests.org/<br />Segunda Prueba: Sun Spider<br />Esta es una prueba para verificar el procesamiento de contenido JavaScript.<br />http://www2.webkit.org/perf/sunspider-0.9/sunspider.html<br />Tercera Prueba: Memoria<br />Manejo adecuado de recursos, RAM.<br />
  • 21. ECMAScript define un lenguaje de tipos dinámicos ligeramente inspirado en Java<br />
  • 22. Benchmarking<br />Prueba1:7251.6ms <br />Prueba2: 20/100<br />Prueba3:16.796KB + 10.734KB<br />Prueba1: 1393.0ms <br />Prueba2: 94/100<br />Prueba3:46.296KB<br />Prueba1: 685.8.6ms <br />Prueba2: 100/100<br />Prueba3: 7.212KB<br />Prueba1: 638.2ms <br />Prueba2: 100/100<br />Prueba3: 61.572KB<br />Prueba1:708.0ms <br />Prueba2: 100/100<br />Prueba3:110.236KB + 31.400KB<br />

×