Universidad Tecnológica de Huejotzingo

Tecnologías de la Información y Comunicación

Ingeniería del software III

HERRAMIENTAS Y NAVEGADORES
Prof. Luis Alberto Santos Peña
Integrantes:

Felipe Gerardo Martínez de Jesús

Beatriz Espinoza Soledad

Lidia Nieto Hernández

Edgar Einard Aguilar Vargas

“5 D”
 HERRAMIENTAS Y NAVEGADORES

HERRAMIENTAS PARA EVALUAR LA ACCESIBILIDAD WEB

La Barra de Herramientas de Accesibilidad Web se ha desarrollado para facilitar el

examen manual de diversos aspectos de la accesibilidad de las páginas Web.
Consiste en una serie de funciones que ayudan a:

 Identificar los componentes de una página web, por ejemplo:

1. Muestra todos los elementos de encabezado en la página

actual (h1-h6)
2. Muestra los elementos de las listas ordenadas (<ol>), no
ordenadas (<ul>) y de definiciones (<dl>) de la página actual.
3. Muestra elementos <table>, <th> y <td> en la página actual
juntos con los atributos recomendados para el etiquetado de
tablas de datos simples.

 Facilitar el uso de aplicaciones en línea proporcionadas por terceros:

por ejemplo:

4. Enviar la URL de la página actual a la herramienta de

comprobación de accesibilidad TAW
5. Comprobar el código HTML de la página (o páginas) actual con
el validador HTML del W3C.
6. Comprobar la codificación CSS en la página actual con
el Validador CSS del W3C,

 Simular la experiencia de diferentes tipos de usuarios.

7. Contraste reducido: Coloca sobre la página actual una máscara

en forma de imagen que permite al usuario reducir la opacidad
(30%, 60%, 90%) para simular la reducción en la sensibilidad al
contraste que ocurre progresivamente con la edad.
8. Escala de grises: Simulación de cómo se ve la página en una
pantalla de blanco y negro.
9. Daltonismo: Coloca sobre la página actual una máscara en
forma de imagen que altera la paleta de colores de la página
 HERRAMIENTAS Y NAVEGADORES

para simular la paleta típica visible por una persona con

deficiencia de percepción de color rojo-verde.

La barra de herramientas se instala fácilmente en el navegador Microsoft Internet

Explorer para Windows, permitiendo comprobar de forma manual muchos aspectos
de la accesibilidad de las páginas web que se ven a través de él.

La barra es en sí misma una herramienta accesible dado que cuenta con teclas
rápidas  y diversas configuraciones que permiten aumentar los caracteres en
pantalla, cambiar la resolución de la misma, activar y desactivar imágenes, etc.

Además, desde la barra de herramientas se pueden visualizar simulaciones de cómo

ven la página personas con distintas deficiencias visuales: cataratas o degeneración
macular, por ejemplo.

Para el técnico o programador, puede suponer una herramienta de valiosa ayuda

dado que, aunque en sí misma no es un validador, sí que es capaz de simular las
situaciones habituales con las que muchas personas con discapacidad se
encuentran en Internet, proporcionando además acceso a los validadores más
conocidos.También se han integrado funciones muy útiles para los expertos en
usabilidad web: por ejemplo, el tiempo que la página tarda en descargarse o  una
lista de los textos de los enlaces.

Pero no sólo los expertos le sacarán partido a la barra de herramientas, ya que con
ella el usuario podrá ir profundizando en el campo de la accesibilidad sin mucha
dificultad. De hecho, la barra de herramientas proporciona accesos directos a
información sobre accesibilidad.En Internet se pueden encontrar gran variedad de
herramientas que permiten comprobar la accesibilidad de un sitio web por lo que a
continuación veremos dos clasificaciones que son:

Antes de profundizar en el manejo de algunas de ellas, se debe distinguir entre los

aspectos de accesibilidad que se revisan de forma automática y aquellos que se
tienen que comprobar manualmente.Revisión automática: aquella realizada mediante
una aplicación informática que analiza el código de una página web, devolviendo una
serie de anotaciones con los fallos encontrados. Ejemplo: TAW (Test de
Accesibilidad Web).
 HERRAMIENTAS Y NAVEGADORES

Revisión manual: verificación del funcionamiento de un sitio web bajo distintas

circunstancias: utilizar ayudas técnicas específicas de ciertas discapacidades,
interactuar con las páginas con distintos navegadores, etc.

Además de combinar métodos de revisión automática y manual, se debe contar con

la experiencia de usuarios para observar de forma directa las dificultades con las que
distintos usuarios (personas con discapacidad, personas de edad avanzada, etc.) se
encuentran al navegar por el sitio web analizado.

De forma particular es complicado contar con usuarios de diferentes perfiles para que
naveguen por el sitio web objeto de análisis, por lo que puede aprender a simular
diferentes escenarios. Los resultados no serán los mismos, pero sí servirán para
comprender las dificultades de las personas con discapacidad que accedan a las
páginas.

La revisión automática de accesibilidad se debe complementar con la revisión del

código HTML y CSS utilizado en un sitio web. La utilización adecuada de HTML y
CSS evita muchos errores relacionados con la accesibilidad

 TAW es una analizador automático de la accesibilidad web que está

disponible en castellano y además tiene una versión ejecutable en la
dirección: http://www.tawdis.net.La única condición para que TAW apruebe
una página como accesible consiste en la ausencia de problemas de prioridad
1, tanto de los detectables automáticamente (automáticos) como los que
requieren verificación manual (manuales).

 La aplicación TAW.EXE está diseñada con metodología de Interfaz de

Documento Múltiple (MDI) así que se dispondrá de una ventana principal o
padre y una serie de ventanas hijas que se denominan ventanas analizadoras
o simplemente analizador. Esto permite que haya simultáneamente más de un
analizador ejecutándose de forma simultánea, no sólo realizando diferentes
acciones cada uno sino que incluso se puede estar analizando diferentes
sitios web.

Además de páginas individuales, tanto locales como remotas, se puede configurar el

analizador para que inspeccione un conjunto de páginas relacionadas mediante
enlaces: un sitio web.

TAW distingue entre dos tipos de problemas de accesibilidad:

1. Problemas de tipo automático: son aquellos que pueden ser reconocidos

como tales por la aplicación.
 HERRAMIENTAS Y NAVEGADORES

2. Problemas de tipo manual: son aquellos otros problemas que requieren la

verificación del usuario ya que dependen de condiciones no comprobables por
el programa.

Una página cumple con el nivel mínimo de accesibilidad si no tiene problemas de

prioridad 1 ni de tipo automático ni de tipo manual.

NAVEGADORES WEB

Un navegador web , hojeador o web browser no es más que una aplicación software
que permite al usuario recuperar y visualizar documentos de hipertexto, comúnmente
descritos en Lenguaje de Marcado de HiperTexto (HTML ó Hyper Text Markup
Language), desde servidores web de todo el mundo a través de Internet. Esta red de
documentos es denominada World Wide Web (WWW) o Telaraña Mundial. Los
navegadores actuales permiten mostrar y/o ejecutar: gráficos, secuencias de vídeo,
sonido, animaciones y programas diversos además del texto y los hipervínculos o
enlaces.

La funcionalidad básica de un navegador web es permitir la visualización de

documentos de texto, posiblemente con recursos multimedia incrustrados.

Entre los principales podemos mencionar a los siguientes:

EXPLORADOR CARACTERISTICAS
Internet explorer (IE) viene integrado en el sistema operativo Windows de Microsoft
junto con el gestor de correo Outlook Express. Ha sido el navegador más utilizado del
mundo desde 1999, aunque desde 2002 ha ido perdiendo cuota de mercado a un
ritmo lento pero constante debido a su importante competidor, Mozilla Firefox, que ha
superado incluso a Internet Explorer en algunas ocasiones.

Con el motor de renderizado (motor de navegación) Trident soporta HTML 4.01, CSS
Level 1, XML 1.0 y DOM Level 1, con pequeñas lagunas de implementación, soporta
también XSLT 1.0 y WD-xsl, y admite parcialmente CSS Level 2 y DOM Level 2 con
importantes deficiencias de implementación, mientras que para MAC el motor de
renderizado es Tasman.

Desde hace tiempo ha estado recibiendo críticas por parte de muchos usuarios que le
INTERNET atribuyen muchos fallos de seguridad o incompatibilidad con estándares web como el
EXPLORER CSS, XHTML y PNG, y menos funcionalidades que otros exploradores web.
 HERRAMIENTAS Y NAVEGADORES

Hay varias versiones de Internet Explorer para los sistemas operativos UNIX y para
Mac. La versión más reciente para Windows es Internet Explorer 8.0. que Microsoft
describe como más rápido, más fácil y más seguro además de permitir al usuario
acceder a la información en menos clicks que otros navegadores.

Mozilla Forefox es un navegador de software libre y código abierto, creado por la

Corporación Mozilla, la Fundación Mozilla y numerosos voluntarios externos. Se sitúa
en la segunda posición de navegadores más usados con una cuota de mercado del
22, 48% en abril de 2009, con una gran aceptación por parte de los usuarios que lo
definen como más seguro, rápido y de mejor rendimiento que Internet Explorer,
destacando también por su sencillez y fácil manejo.
MOZILLA FIREFOX
Su motor de navegación Gecko para visualizar páginas web soporta varios
estándares web incluyendo HTML, XML, XHTML, CSS 1, 2 y 3, SVG 1.1 (parcial),
ECMAScript (JavaScript), DOM, DTD, MathML, XSLT, XPath, además de imágenes
PNG con transparencia alfa.

Es multiplataforma para varias versiones de Microsoft Windows, GNU/Linux, Mac OS

X, y algunos sistemas basados en Explorer, e incluye el software de correo
Thunderbird.

Como características añadidas a las habituales de todos los navegadores, Mozilla

Firefox ofrece también múltiples plugins, extensiones add-ons y la posibilidad de
personalizar su apariencia, además Firefox ofrece herramientas muy útiles para los
programadores web como la consola de errores, el inspector DOM o extensiones
como Firebug, por estas razones y el hecho de ser de código abierto es el preferido
por los programadores.

Safari es el navegador creado por Apple Inc. el cual está integrado en el sistema
operativo Mac OS X, en 2007 se creó una versión de Safari para el sistema operativo
Microsoft Windows dando soporte tanto a Windows XP como a Windows Vista, y el
teléfono inteligente iPhone también incorpora Safari a su sistema operativo.

SAFARI De Safari destacan la velocidad, un diseño muy cuidado, la seguridad y las

prestaciones que ofrece, incluyendo los recursos para diseñadores y programadores,
consiguiendo en mayo de 2009 un 8.43% de uso en el mercado de los navegadores.

Su motor de renderizado WebKit está basado en el motor KHTML, desarrollado por el

proyecto KDE para su navegador Konqueror y debido a esto, el motor interno de
Safari es software libre, además Webkit incluye los componentes WebCore y
JavaScriptCore.

La nueva versión recién estrenada es Safari 4 que ejecuta JavaScript casi ocho veces
más rápido que IE 8 y más de cuatro veces más rápido que Firefox 3. gracias a su
nuevo motor JavaScript Nitro. Otras características añadidas son la herramienta Top
Sites, una copia del Speed Dial de Opera que muestra los sitios más visitados en un
mundo 3D o Cover Flow, que permite consultar el historial y los favoritos ofreciendo
una vista previa a toda pantalla, entre otras.

El nuevo navegador Safari 4 soporta además los innovadores estándares HTML 5 y

CSS con unas avanzadas aplicaciones web multimedia, fuentes tipográficas y
gráficos, y es el primer navegador que superó la prueba Acid3 que examina si los
navegadores cumplen los estándares web CSS, JavaScript, XML,DOM, ECMAScript
 HERRAMIENTAS Y NAVEGADORES

y SVG.

Desarrollado por Opera Software company, Opera es además de un navegador una

suite de Internet gratuita desde su versión 8.50., que en abril de 2009 tenía un
porcentaje de uso del 0,68% en el mercado global de navegadores web.

Reconocido por su gran velocidad, seguridad y constante innovación, Opera es

también reconocido por su soporte de estándares - a través de su motor de
navegación Presto - en especial CSS 2.1, además de HTML 4.01, XHTML 1.1,
XHTML Basic, XHTML Mobile Profile, WML 2.0, XSLT, XPath, XSL-FO, ECMAScript
3 (JavaScript), DOM 2, Unicode, SVG 1.1 Basic, GIF89a, JPEG, HTTP 1.1, y
completo soporte para PNG, incluyendo transparencia alfa, entre otros.

Opera fue el primer navegador que implementó el sistema de pestañas, y además de

las características comunes de todos los navegadores, Opera también incluye Speed
Dial, personalización por sitio, vista en miniatura por pestaña y los movimientos del
OPERA ratón en la navegación, y tiene incorporado el cliente de correo Opera Mail y un chat
IRC.

El navegador web Opera es multiplataforma para las versiones para Windows,

GNU/Linux, Mac OS X, Solaris, QnX, OS/2, Symbian OS, FreeBSD y BeOS, entre
otros, además de Opera Mini para móviles sencillos y Opera Mobile para teléfonos
inteligentes y ordenadores de bolsillo, así como dispositivos de Java ME-enabled.

Opera es el único navegador disponible para la nueva generación de videoconsolas

Nintendo DS y Wii, también algunas decodificadores digitales de televisión usan
Opera, y Adobe Systems integró la tecnología de Opera para usarla en Adobe
Creative Suite.

Google Chrome es el navegador creado por Google en 2008 y se basa en el proyecto

de software libre y código abierto Chromium, el motor de navegación de WebKit y su
estructura de aplicaciones.

Chrome pasó a ser el cuarto navegador más usado en mayo de 2009 con un 1.80%
de internautas. Para conseguir su objetivo principal de facilitar un navegador con
mayor velocidad, seguridad y estabilidad, Google Chrome combina tecnología
sofisticada y un diseño minimalista, además de ofrecer una interfaz gráfica de usuario
GOOGLE CHROME más sencilla y eficaz.

Google Chrome está disponible para Microsoft Windows, para los usuarios de
Windows Vista y Windows XP SP2, mientras que en junio de 2009 salió la versión de
Google Chrome para Mac OS X(Leopard) y Linux destinada principalmente para los
desarrolladores web,.

A través del motor de renderizado Webkit Google Chrome soporta los estándares
HTML, Javascript y CSS, cuyo proceso de instalación no requiere reiniciar el
navegador para empezar a funcionar, además de hacerse como proceso
independiente, al modo de las pestañas, de manera que si una de las ventanas falla
no afecta al resto ni al navegador.

La nueva versión de Google Chrome soporta varios elementos adicionales (add-ons)

muy útiles, entre ellos están Dual View Plugin, que divide el panel de visualización en
 HERRAMIENTAS Y NAVEGADORES

dos mitades permitiéndote navegar por dos sitios simultáneamente; ChromePass,

que recupera contraseñas y nombres de usuario almacenadas en el navegador
Google Chrome; o XChrome, un completo gestor de temas que además instala
diferentes skins con el click de un botón.

Desde que saliera Google Chrome 3.0 en mayo de 2009 muchos aclaman su
velocidad; implementación de distintas partes de HTML 5; poder reproducir vídeos a
través de la etiqueta "vídeo" sin necesidad de utilizar Flash; o la aplicación Google
Wave que va a revolucionar la forma de compartir información pues además de
permitir a los usuarios charlar y compartir documentos, mapas y enlaces en tiempo
real, también permite múltiples formas de interacción basados en la nube (Cloud
computing)... entre otras.

NAVEGADOR DE ESTADÍSTICAS

2011 2011 Internet Firefox Chrome Safari Opera

Explorer
January De 26.6 % 26,6% 42.8% 23.8% 4.0% 4,0% 2.5% 2,5%
enero 42,8% 23,8%
2010 2010 Internet Firefox Chrome Safari Opera
Explorer Firefox Chrome Safari Opera
Internet
Explorer
December 27.5 % 27,5% 43.5% 22.4% 3.8% 3,8% 2.2% 2,2%
De 43,5% 22,4%
diciembre
November 28.6 % 28,6% 44.0% 20.5% 4.0% 4,0% 2.3% 2,3%
De 44,0% 20,5%
noviembre
October De 29.7 % 29,7% 44.1% 19.2% 3.9% 3,9% 2.2% 2,2%
octubre 44,1% 19,2%
September 31.1 % 31,1% 45.1% 17.3% 3.7% 3,7% 2.2% 2,2%
De 45,1% 17,3%
septiembre
August De 30.7 % 30,7% 45.8% 17.0% 3.5% 3,5% 2.3% 2,3%
agosto 45,8% 17,0%
July De julio 30.4 % 30,4% 46.4% 16.7% 3.4% 3,4% 2.3% 2,3%
46,4% 16,7%
June De 31.0 % 31,0% 46.6% 15.9% 3.6% 3,6% 2.1% 2,1%
junio 46,6% 15,9%
May De 32.2 % 32,2% 46.9% 14.5% 3.5% 3,5% 2.2% 2,2%
mayo 46,9% 14,5%
April De 33.4 % 33,4% 46.4% 13.6% 3.7% 3,7% 2.2% 2,2%
abril 46,4% 13,6%
March De 34.9 % 34,9% 46.2% 12.3% 3.7% 3,7% 2.2% 2,2%
 HERRAMIENTAS Y NAVEGADORES

marzo 46,2% 12,3%

February 35.3 % 35,3% 46.5% 11.6% 3.8% 3,8% 2.1% 2,1%
De febrero 46,5% 11,6%
January De 36.2 % 36,2% 46.3% 10.8% 3.7% 3,7% 2.2% 2,2%
enero 46,3% 10,8%

SOPORTE DE TECNOLOGÍAS WEB

CSS2 13 Fram Jav JavaScr XSL XHTML  Math XFor RS Ato

14
es a ipt T ML ms S m
Internet Parcial  Sí Sí Sí Sí No No No No No
Explorer 2 15

Internet Parcial Sí Sí Sí  ? No No No No No
Explorer
para Mac
Mozilla Sí Sí Sí Sí Sí Sí Sí No 16 No No
Mozilla Sí Sí Sí Sí Sí Sí Sí No 16 Sí Sí
Firefox
Netscape Sí Sí Sí Sí Sí Sí Sí No  ?  ?
OmniWeb Sí Sí Sí Sí No Sí No No Sí Sí
Opera Sí Sí Sí Sí No Sí No No Sí Sí
Safari Sí Sí Sí Sí Sí Sí No No Sí Sí
WorldWide No No No No No No No No No No
Web
CSS2 Fram Jav JavaScr XSL XHTML Math XFor RS Ato
es a ipt T ML ms S m

SOPORTE DE SISTEMAS OPERATIVOS

Window Mac OS Mac OS 9 Linu BS Unix

s X x D
Internet Explorer Sí No No No No Abandonad
o
Internet Explorer para No Sí Sí No No No
Mac
Mozilla Sí Sí Abandonad Sí Sí Sí
o
Mozilla Firefox Sí Sí No Sí Sí Sí
Netscape Sí Sí Abandonad Sí Sí Sí
o
OmniWeb No Sí No No No No
Opera Sí Sí Abandonad Sí Sí Sí
 HERRAMIENTAS Y NAVEGADORES

o
Safari No Sí No No No No
WorldWideWeb No No No No No No
(NeXTSTEP sólo)
Window Mac OS Mac OS 9 Linu BS Unix
s X x D

HERRAMIENTAS PARA EVALUAR LA ACCESIBILIDAD WAB

A continuación veremos algunos paquetes de herramientas para desarrolladores, bueno se

precisa cualquier editor de textos, para escribir el código de nuestra pagina Wap, aunque es
recomendable, como primer paso, utilizar un developer toolkit, es decir, un paquete de
herramientas para desarrolladores de aplicaciones WAP, en la actualidad tenemos varios
tipo: Nokia Wap Toolkit, UP.SDK, Kit de Ericsson... Estas herramientas para desarrollar
aplicaciones WAP, son muy útiles, ya que contienen editores, compiladores y ejemplos de
aplicaciones, además estos paquetes, contienen también el agente que interpreta este
lenguaje, de modo que además de servir como editores, también nos sirven de
navegadores. 
Se han seleccionado los kits de desarrollo mas completos, que contienen, los editores,
compiladores, y ejemplos para el programador, y que además sirven de navegadores, estos
kits se encuentran en la carpeta de 'Kits de desarrollo'.

NAVEGADORES PARA SITIOS WAP

Estos navegadores adoptan el aspecto de un teléfono móvil y simulan como quedaría

nuestra aplicación si realmente estuviera en un servidor y estuviéramos accediendo desde
nuestro teléfono. 
Nota: Estos navegadores poseen una ventaja , y es que nos permiten ejecutar el código
dinámico, pero solo el escrito en WMLS. En este punto hay que mencionar que para realizar
nuestra páginas dinámicas, podemos usar el WMLS, pero lo que todavía no nos proporciona
este código es el acceso a Base de Datos, cosa que si nos proporcionan otros lenguajes
 HERRAMIENTAS Y NAVEGADORES

como el JavaScript, o el uso de Servlets... entonces, lo que se hace es invocar desde el

código escrito en WML y en WMLS al código dinámico, que cualquier programador Web ha
usado. Una vez que se incluye en la aplicación otro código dinámico que no sea WMLS,
entonces ahora ya no se puede simular sin tenerlo ubicado en el servidor. Mas adelante se
comentará con detalle, como se trata todo el tema de los servidores.

EXPLORADOR CARACTERISTICAS

WinWap3.2.1.28
Es un navegador para dispositivos móviles y celulares
WAP que para muchos es un navegador con
características muy similares a las de cualquier versión de
opera.

Es un navegador para dispositivos móviles y celulares WAP

Opera Mini desarrollado en Java ME que te permitirá navegar por cualquier
página Web y Web móvil (WAP). La descarga de Opera Mini es
totalmente gratis y funciona en la mayoría de plataformas de
sistemas operativos móviles (Nokia, Samsung, Motorola, Sony
Ericsson) que soportan midlets Java. OperaMini utiliza un
 HERRAMIENTAS Y NAVEGADORES

servidor llamado proxy que permite reducir el tamaño del

contenido entre un 70 y 90%.
Firefox se vuelve móvil, con el mismo soporte de la comunidad
Mozilla. Ahora puedes descargar Firefox en móviles: Android o
Maemo. El navegador de Mozilla: Firefox, destaca por su
seguridad y privacidad, personalización, marcadores, Barra,
administrador de contraseñas, ... y una larga lista de
complementos(Add-ons) para descargar en tu Firefox móvil.

Nav4ALL es java, simplemente descargar Nav4ALL.jar y

Nav4ALL conectar un receptor GPS al móvil o celular. Su comunicación de
datos para bajar mapas o rutas es muy ligera, la conexión GPRS
es suficiente para una comunicación. Desde su sitio WAP
podrás descargar Nav4ALL gratis.un software navegador GPS
para móvil o celular que permite navegar por todo el mundo,
fácilmente y en Español. Acceso a los mapas y rutas
actualizadas del servidor Nav4ALL. El software Nav4ALL es tan
fácil de instalar como cualquier aplicativo

facilita la navegación de teléfonos smartphone de una

forma más inteligente y productiva. Opera mobile incorpora
Opera Mobile versión un motor de renderizado que permite cargar páginas Web
10.0 completas 100% adaptadas a las pantallas de terminales
smartphone, de forma rápida y económica mediante su
sistema de transcoder. Entre sus principales características
destaca: la navegación por pestañas y el marcador rápido
para añadir páginas a tus favoritos con un simple click. Las
funciones que Opera Mobile 10.0 incorpora en
comparación a Opera Mini son dos: un motor de
renderización completo y el soporte de Adoble Flash.
HERRAMIENTAS Y NAVEGADORES

DIAGRAMAS DE CASOS DE USO

HERRAMIENTAS Y NAVEGADORES
HERRAMIENTAS Y NAVEGADORES