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 para simular la paleta típica visible por una persona con deficiencia de percepción de color rojo-verde.

HERRAMIENTAS Y NAVEGADORES

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).

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

HERRAMIENTAS Y NAVEGADORES

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.

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.

HERRAMIENTAS Y NAVEGADORES

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

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 atribuyen muchos fallos de seguridad o incompatibilidad con estándares web como el CSS, XHTML y PNG, y menos funcionalidades que otros exploradores web.

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

HERRAMIENTAS Y NAVEGADORES

MOZILLA FIREFOX

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.

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

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.

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 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

HERRAMIENTAS Y NAVEGADORES

OPERA

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 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

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 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 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

HERRAMIENTAS Y NAVEGADORES

computing)... entre otras.

NAVEGADOR DE ESTADÍSTICAS

2011 2011 Internet Explorer

Firefox Chrome Safari Opera

January De enero

26.6 % 26,6% 42.8% 42,8%

23.8% 23,8%

4.0% 4,0% 2.5% 2,5%

2010 2010 Internet Explorer Internet Explorer

Firefox Firefox

Chrome Chrome

Safari Safari

Opera Opera

December De diciembre

27.5 % 27,5% 43.5% 43,5%

22.4% 22,4%

3.8% 3,8% 2.2% 2,2%

November De noviembre

28.6 % 28,6% 44.0% 44,0%

20.5% 20,5%

4.0% 4,0% 2.3% 2,3%

October De octubre

29.7 % 29,7% 44.1% 44,1%

19.2% 19,2%

3.9% 3,9% 2.2% 2,2%

September De septiembre

31.1 % 31,1% 45.1% 45,1%

17.3% 17,3%

3.7% 3,7% 2.2% 2,2%

August De agosto

30.7 % 30,7% 45.8% 45,8%

17.0% 17,0%

3.5% 3,5% 2.3% 2,3%

July De julio

30.4 % 30,4% 46.4% 46,4%

16.7% 16,7%

3.4% 3,4% 2.3% 2,3%

June De junio

31.0 % 31,0% 46.6% 46,6%

15.9% 15,9%

3.6% 3,6% 2.1% 2,1%

May De mayo

32.2 % 32,2% 46.9% 46,9%

14.5% 14,5%

3.5% 3,5% 2.2% 2,2%

April De abril

33.4 % 33,4% 46.4% 46,4%

13.6% 13,6%

3.7% 3,7% 2.2% 2,2%

March De marzo

34.9 % 34,9% 46.2% 46,2%

12.3% 12,3%

3.7% 3,7% 2.2% 2,2%

February De febrero

35.3 % 35,3% 46.5% 46,5%

11.6% 11,6%

3.8% 3,8% 2.1% 2,1%

January De enero

36.2 % 36,2% 46.3% 46,3%

10.8% 10,8%

3.7% 3,7% 2.2% 2,2%

HERRAMIENTAS Y NAVEGADORES

SOPORTE DE TECNOLOGÍAS WEB

CSS2 13 Frames

Java

JavaScript

XSLT

XHTML 14

MathML

XForms

RSS

Atom

Internet Explorer 2

Parcial 15

Sí Sí Sí Sí No No No No No

Internet Explorer para Mac

Parcial Sí Sí Sí  ? No No No No No

Mozilla Sí Sí Sí Sí Sí Sí Sí No 16 No NoMozilla Firefox

Sí Sí Sí Sí Sí Sí Sí No 16 Sí Sí

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íWorldWideWeb

No No No No No No No No No No

CSS2 Frames

Java

JavaScript

XSLT

XHTML MathML

XForms

RSS

Atom

SOPORTE DE SISTEMAS OPERATIVOS

Windows

Mac OS X

Mac OS 9 Linux

BSD

Unix

Internet Explorer Sí No No No No Abandonado

Internet Explorer para Mac

No Sí Sí No No No

Mozilla Sí Sí Abandonado

Sí Sí Sí

Mozilla Firefox Sí Sí No Sí Sí SíNetscape Sí Sí Abandonad

oSí Sí Sí

OmniWeb No Sí No No No NoOpera Sí Sí Abandonad

oSí Sí Sí

Safari No Sí No No No NoWorldWideWeb(NeXTSTEP sólo)

No No No No No No

Windows

Mac OS X

Mac OS 9 Linux

BSD

Unix

HERRAMIENTAS Y NAVEGADORES

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 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.

HERRAMIENTAS Y NAVEGADORES

HERRAMIENTAS Y NAVEGADORES

EXPLORADOR CARACTERISTICAS

WinWap3.2.1.28Es 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.

Opera MiniEs un navegador para dispositivos móviles y celulares WAP 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 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.

Nav4ALLNav4ALL es java, simplemente descargar Nav4ALL.jar y 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

Opera Mobile versión 10.0

facilita la navegación de teléfonos smartphone de una forma más inteligente y productiva. Opera mobile incorpora un motor de renderizado que permite cargar páginas Web 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