Aplicaciones Web

Grupo: 30106

Taller Navegadores

Presentado por: Andres Felipe Salazar Llanos

Ingeniería De Sistemas

Corporación Unificada Nacional de Educación Superior

 Taller Navegadores
1 Ventajas y Desventajas de los navegadores: Mozilla, opera, Safari, Iexplorer, Google
Crhome, Nestcape, Crazy browse, Green browser y Finebrowser
Navegador Ventajas
Firefox • Información del sitio web,
instantánea
• Marcar páginas con un simple
click
• Tiene premios internacionales
• Tiene más de 6.000 temas
• Gran cobertura y bloqueo de
Malwares
• Velocidad en constante aumento
• Navegador incognito
Opera • No modifica el código original de
la página
• Permite observar en simultáneo
la representación gráfica de la
página y el código pertinente
• Brinda información acerca de la
cantidad de elementos presentes
• Útil como herramienta de
aprendizaje y adiestramiento
• Permite retomar las revisiones,
posibilitando el trabajo grupal
Desventajas
• Mientras más extensiones le
instales, más lento será, y puede
causar algunos problemas.
• Si se cierra una sesión de forma
inesperada, Firefox la restaura sin
preguntar, sin dar opción de elegir
entre Restaurar tus pestañas o ir a tu
página de inicio.
• Si no instalas temas es poco
intuitivo
• bloquea algunas páginas muy
antiguas o sin SSL
• Firefox no utiliza procesos
separados para cada pestaña, lo que
puede provocar un bloqueo. Pero si
Firefox "se cuelga", casi siempre
puedes recuperar la sesión.
• Desafortunadamente, no todos los
sitios web tienen un diseño
optimizado para Firefox.
• Ocasionalmente, puedes tener
problemas de visualización.
• Pobre soporte de los navegadores a
CSS2
• Hoy, sólo Opera permite aprovechar
las ventajas de las CSS
• Tiempo mínimo de revisión muy
elevado
Safari • Una gran ventaja de Safari es la
velocidad. Según los estudios
realizados, Safari es el navegador
más rápido para la carga de HTML
y CSS (lo que permite una rápida
visualización de un sitio web).
• Safari está disponible tanto para
Mac como para Windows.
• El navegador es muy accesible y
tiene una interfaz sencilla.
Iexplorer • Un navegador gratuito y
preinstalado en windows XP, Vista,
7 aceleradores ni web slices)
• Descifra muy bien malwares
• Tiene más 1,700 complementos
(lo que o hace más compatible)
• Tiene una gran compatibilidad
con paginas antiguas
Google • Lector nativo de PDF.
Chrome • Impresión nativa en Google Docs
• Sincronización de cuentas
• Pestañas independientes
• Fijar pestaña
• Pestañas flexibles
• Traducción de sitios web
• Su interfaz es agradable y solo
tiene lo esencial por lo cual hay un
gran espacio de pantalla.
• Si abres una pestaña nueva te
aparece las 9 páginas que más
visitas
• Un poco más rápido.
• Consume menos recursos de la
computadora que mozilla firefox
• Como Safari tiene sólo una pequeña
cuota de mercado, no todos los sitios
web están optimizados para este
navegador. Puede haber errores en la
visualización mientras se navega.
• Tiene Poca cuota de mercado.
• No tiene una tienda de aplicaciones
(tal como Google Chrome y Firefox).
• No todos los sitios web estan
optimizados para el navegador (lo
que daría mas de un inconveniente
• Mucha inestabilidad
• Regularmente lento (sin
• No es posible borrar el Caché solo
el historial (dejando poder ver el
historial)
• Configuración compleja en algunos
casos innecesaria
• Alto consumo de memoria RAM.
• Los marcadores no son dinámicos:
La forma en la que un usuario puede
organizar sus marcadores puede ser
lenta y frustrante.
• Si se cierra el navegador por
accidente, Chrome cerrará todas las
pestañas abiertas sin aviso.
• Cuando se tienen muchas pestañas
abiertas no se logra ver el título de la
página sólo se ve el ícono.
Netscape • Facilidad de cortar la • Netscape no es mejor que Internet
Comunicación con el Servidor sin Explorer
tener que perder los Datos Leídos. • No ofrece un mejor soporte para
• Casi siempre va por delante en Archivos Multimedia.
las innovaciones que existen el • Su navegación OFF-LINE es casi
formato de las paginas HTML, por imposible.
lo que la visión de estas es mucho • Incompatible con Internet Explorer a
más correcta que en el caso de nivel de Archivos de Historial y de
otras aplicaciones de las mismas Favoritos, solo se puede usar un
características. Navegador.
• La posibilidad de que múltiples y • Se "cuelga" el Ordenador, las
textos pueden ser leídos paginas no se abren algunas veces, y
simultáneamente es también una si lo hacen, es con errores.
de sus ventajas con respecto a
otras aplicaciones.
• Puede utilizar gráficos en formato
JPEG, lo que aumenta a las
prestaciones.
• El Interfase Grafico de usuario es
bastante amigable.
Crazy • Las principales ventajas de este • Este es un explorador no muy
Browser navegador es que es robusto, con reconocido por qué no está al nivel de
pestañas, con capacidad de Google Chrome y Mozilla Firefox pero
memorizar algunos movimientos este no posee tantas opciones como
con el ratón y que evita las los demás.
ventanas salientes.
• También tiene una lupa para
poder ver más grande algunos
textos y está disponible en
castellano.
Green • Navegación con pestañas, multi- • Si se le puede hallar desventajas a
Browser página, y permite agrupar páginas. este navegador es por la falta de
• Bloquear anuncios, publicidad y Plugin y Skins
otras opciones para filtrar • Tiene el motor de Mozilla Firefox,
anuncios. pero desactualizado (v1.5.4)
• Integración con motores de • No tiene muchas Extensiones
búsqueda. • No tiene demasiados temas
• Permite rellenar y autocompletar
campos de formularios
• Acceso rápido para limpieza del
sistema y privacidad : Eliminación
Cookies, historial, caché,
formularios y datos de navegación
• Permite guardar la página como
una imagen en formato BMP
• Auto guardar la página
• Desplazamiento automático
 Finebrowser • Navegación por pestanas • Presenta muchos bugs
• Recuperación de páginas; en • consume muchos recursos de la
caso de un cierre accidental conexión.
• Muy inseguro
• No ejecuta los plugin de forma
correcta
• No es compatible con muchas
páginas web
• Es lento

2. Arquitectura de los navegadores

Componentes principales de un navegador

Interfaz de usuario: incluye la barra de direcciones, el botón de avance/retroceso, el

menú de marcadores, etc. (en general, todas las partes visibles del navegador, excepto la
ventana principal donde se muestra la página solicitada).
Motor de búsqueda: coordina las acciones entre la interfaz y el motor de renderización.
Motor de renderización: es responsable de mostrar el contenido solicitado. Por ejemplo,
si el contenido solicitado es HTML, será el responsable de analizar el código HTML y CSS
y de mostrar el contenido analizado en la pantalla.
Red: es responsable de las llamadas de red, como las solicitudes HTTP. Tiene una
interfaz independiente de la plataforma y realiza implementaciones en segundo plano para
cada plataforma.
Servidor de la interfaz: permite presentar widgets básicos, como ventanas y cuadros
combinados. Muestra una interfaz genérica que no es específica de ninguna plataforma.
Utiliza métodos de la interfaz de usuario del sistema operativo en segundo plano.
Intérprete de JavaScript: permite analizar y ejecutar el código JavaScript.
Almacenamiento de datos: es una capa de persistencia. El navegador necesita guardar
todo tipo de datos en el disco duro (por ejemplo, las cookies). La nueva especificación de
HTML (HTML5) define el concepto de "base de datos web", que consiste en una completa
(aunque ligera) base de datos del navegador.

Motores de Renderización
Nuestros navegadores de referencia (Firefox, Chrome y Safari) están basados en dos
motores de renderización. Firefox utiliza Gecko, un motor de renderización propio de
Mozilla. Tanto Safari como Chrome utilizan WebKit.
WebKit es un motor de renderización de código abierto que empezó siendo un motor de
la plataforma Linux y que fue modificado posteriormente por Apple para hacerlo
compatible con Mac y Windows

3. Front-end y back-end
Front-end y back-end son términos que se refieren a la separación de intereses entre una
capa de presentación y una capa de acceso a datos, respectivamente. Pueden traducirse
al español el primero como interfaz, frontal final o frontal y el segundo como motor

Desarrollador Front-end:

Trabaja del lado Cliente, en el navegador, en el lado de lo que se ve. Principalmente se

ocupa de los componentes externos del sitio web o de la aplicación web. Como
consecuencia, deben dominar obligatoriamente: HTML, CSS, JavaScript:
Usando solo HTML y CSS tus webs serían páginas estáticas, con JS tus páginas web son
interactivas.
En general se asocia a los desarrolladores front-end con los principios de diseño y de
estructura de páginas. Sin embargo, un desarrollador web va más allá que un diseñador.
Obviamente tiene que tener en cuenta la usabilidad y la legibilidad de la página o de la
aplicación web, pero como buen programador es consciente de que su trabajo se
ejecutará en el lado Cliente, en la mayoría de los casos, en el navegador. Y la información
no se almacena en el lado Cliente.

Desarrollador Back-end

El desarrollador back-end trabaja del lado Servidor, detrás del escenario, permitiendo con
su trabajo que el usuario disfrute de su experiencia. Sin él, el desarrollo llevado a cabo por
su anterior compañero no se sostendría.
Para ser programador del lado Servidor, son numerosos los lenguajes y frameworks entre
los que elegir, todo dependerá de la empresa en la que caigas. A día de hoy, los más
comunes son: ASP.NET, PHP, Ruby, Python, Node.js, Java
Sin embargo, no es suficiente con dominar un lenguaje y un framework. Toda aplicación
web debe almacenar datos de alguna manera. Por lo tanto, un desarrollador back-end
también debe estar familiarizado con las bases de datos. Entre las más comunes
destacan:
SQL Server
MySQL
Oracle
PostgreSQL
MongoDB

Cibergrafía
https://www.campusmvp.es
https://www.html5rocks.com
http://veyde.blogspot.com.co/p/opera.html
https://www.plusesmas.com/
http://ventajosasydesventajosas.blogspot.com.co/
https://jditic92.wordpress.com
http://bulletsldtrrs.blogspot.com.co/