Sitio web creado con teconología Joomla.

Contenido

1.     WEB SERVICES.. 1

1.1.    WSDL(Web Services Description Language) 1

1.1.1.    ¿Qué es?. 1

1.1.2.    Tags. 2

1.1.3.    Interpretación.. 2

1.2.    SOAP.. 2

1.3.    UDDI 2

SOA (Service Oriented Architecture)

Es la arquitectura orientada a servicios y la define la OASIS como: “Paradigma para organizar y utilizar capacidades distribuidas que pueden estar bajo el control de varios propietarios (dominios). Provee medios uniformes para ofrecer, descubrir, interactuar y utilizar capacidades para producir los efectos deseados consistentes con precondiciones y expectativas medibles” [1]

1.    WEB SERVICES

Un servicio Web es una aplicación Web identificada por un URI, cuyos interfaces y enlaces pueden ser definidos, descritos y descubiertos mediante artefactos XML y que soporta la interacción directa con otras aplicaciones Web que interfaz que define una colección de operaciones que son accesibles de forma remota usando mensajes XML mediante protocolos estándar de Internet. [2]

Las tecnologías que emplea son:

• XML: Describe la información a ser usada.
• SOAP: Empaqueta la información y la transporta entre cliente y el proveedor del servicio.
• WSDL: Describe un servicio.
• UDDI: Proporciona una lista de servicios disponibles.

1.1.        WSDL(Web Services Description Language)

1.1.1.           ¿Qué es?

Es un lenguaje basado en XML y que permite la descripción de los servicios web. WSDL se utiliza también para la localización y ubicación de estos servicios en Internet. [3]

1.1.2.           Tags

• wsdl:types: Elemento contenedor para definiciones de tipos de datos formados mediante esquemas XML (XSD) u otros sistemas similares para tipos de datos.
• wsdl:message: Definición de los datos del mensaje que se van a comunicar. El mensaje puede estar compuesto por varias partes y cada una de ellas puede ser de un tipo diferente.
• wsdl:portType: Conjunto abstracto de operaciones compatibles con uno o más extremos.
• wsdl:binding: Protocolo concreto y especificación del formato de datos para un tipo de puerto determinado.
• wsdl:service: Colección de extremos relacionados. [4]

1.1.3.           Interpretación de tags

• <types> El elemento Types contiene información de esquema referenciado en el documento WSDL. El sistema de tipos predeterminado que admite WSDL es de esquema de XML. Si se usa esquema de XML para definir los tipos que contiene el elemento Types el elemento schema aparecerá inmediatamente como elemento hijo. Es decir con este elemento se especificará el tipo de esquema utilizado.[5]

Se pueden utilizar otros sistemas de tipo tipos por extensión. Si desea, utilizar otro sistema de tipo pude aparecer un elemento de extensibilidad bajo el elemento Types. El nombre de este elemento debería identificar el sistema de tipos utilizados. [5]

• <message > El elemento Message proporciona una abstracción común para el paso de mensajes entre el cliente y el servidor. Como puede utilizar múltiples formatos de de definición de esquema en documento WSDL es necesario disponer de un mecanismo común para identificar los mensajes. El elemento Message proporciona este nivel común de abstracción.

Pude Aparecer, y normalmente aparecerán, múltiples elementos Message en un documento WSDL, uno para cada mensaje que se comunica entre el cliente y el servidor. Cada mensaje contiene uno o más elementos “Part” que describen las piezas del contenido del mensaje. Un ejemplo de una parte es el cuerpo de un mensaje de SOAP o un parámetro que forma parte de una cadena de petición, un parámetro codificado en el cuerpo del mensaje de SOAP o todo el cuerpo de un mensaje de SOAP. [5]

• <portType> El elemento porType contiene un conjunto de operaciones abstractas que representan los tipos de correspondencia que pueden producirse entre el cliente y el servidor.

Un tipo puerto se compone de un conjunto denominado operation que define una determinada acción. Los operation se componen de mensajes definidos en el documento WSDL. WSDL define cuatro tipos de operaciones denominadas tipo operaciones:

• Request-response(petición-respuesta) comunicación del tipo RPC en la que le cliente realiza una petición y el servidor envía la correspondiente respuesta.
• One-way (un-sentido) Comunicación del estilo documento en la que el cliente envía un mensaje pero no recibe una respuesta del servidor indicando el resultado del mensaje procesado.
• Solicit-response(solicitud-respuesta) La contraria a la operación petición-respuesta. El servidor envía una petición y el cliente le envía de vuelta una respuesta.
• Notification (Notificación) La contraria a la operación un-sentido el servidor envía una comunicación del estilo documento al cliente. [5]

• <binding > El elemento binding contiene las definiciones de la asociación de un protocolo como SOAP a un determinado bindingType. Las definiciones binding especifican detalles de formatos del mensaje y el protocolo. Por ejemplo, la información de asociación especifica si se puede acceder a una instancia de un portType de forma RPC.

Las definiciones binding también indican el número de comunicaciones de re red que se requieren para realizar una determinada acción. Por ejemplo, una llamada RPC de SOAP sobre HTTP podría involucrar un intercambio de comunicación HTTP, pero esa misma llamada sobre SMTP podría involucrar dos intercambios de comunicaciones de SMTP discretas.
La asociación se logra utilizando elementos de extensión. Cada protocolo tiene su propio conjunto de elementos de extensión para especificar los detalles del protocolo y el formato de los mensajes. Para un determinado protocolo los elementos de extensión se suelen utilizar para decorar las acciones individuales de una operación y la propia operación con la información de asociación del protocolo. A veces los elementos de extensión se utilizan en el propio nivel portType. [5]

• <service > Un servicio es un grupo de puertos relacionados y se definen en el elemento service. Un puerto es un extremo concreto de un Servicio Web al que se hace referencia por una dirección única. Los puertos que se definen en determinado servicio son independientes. Por ejemplo, la salida de un puerto que no puede utilizarse como una entrada de otro. [5]

1.2.        SOAP

SOAP es un protocolo basado en XML para el intercambio de informacion de una forma descentralizada sobre entornos distribuidos. Define un mecanismo para el paso de instrucciones (comandos) y  parametros entre clientes y servidores. Es totalmente independiente de la plataforma, el modelo de datos y el lenguaje de programación usado. []http://triana.escet.urjc.es/apliweb/SOAP-WSDL-UDDI.pdf

1.3.        UDDI

Registro independiente de la plataforma basado en XML para registrar servicios web y permitir el descubrimiento de los mismos. Se compone de:

• Páginas Blancas: Dirección, contacto e identificadores conocidos.
• Páginas Amarillas: Categorización industrial basada en taxonomías estándar.
• Páginas Verdes: Información técnica sobre servicios proporcionados por empresas. []http://www.di.uniovi.es/~labra/cursos/Web20/ServiciosWeb.pdf

REFERENCIAS

[1]http://www.esi.uem.es/jccortizo/temasConcu/soa.pdf

[2]http://internetng.dit.upm.es/ponencias-jing/2004/Web2.pdf

[3]http://www.cibernetia.com/manuales/servicios_web/4_wsdl.php

[4]http://triana.escet.urjc.es/apliweb/SOAP-WSDL-UDDI.pdf

[5] http://www.desarrolloweb.com/articulos/1581.php

¿QUÉ ES SILVERLIGHT?

GENERALIDADES

PRINCIPALES CARACTERÍSTICAS

FLASH O SILVERLIGHT:

COMPATIBILIDAD

¿QUÉ ES SILVERLIGHT?

Silverlight es una nueva tecnología de presentación web creada para su ejecución en distintas plataformas. Hace posible un uso más completo, atractivo visualmente e interactivo, y se puede ejecutar en todos los entornos: con exploradores y en múltiples dispositivos y sistemas operativos de escritorio (como en Macintosh de Apple). Al igual que WPF (Windows Presentation Foundation), la tecnología de presentación en Microsoft .NET Framework 3.0 (la infraestructura de programación de Windows), XAML (eXtensible Application Markup Language, lenguaje de marcado de aplicaciones extensible), constituye la base de la capacidad de presentación de Silverlight. [1]

GENERALIDADES

Silverlight representa el paso siguiente en el desarrollo del potencial de riqueza en utilización que los desarrolladores y diseñadores de aplicaciones pueden presentar a sus clientes. Esto se consigue permitiendo a los diseñadores expresar su creatividad y guardar su trabajo en un formato que funcione directamente en la Web. En el pasado, los diseñadores creaban un sitio web y ofrecían una utilización a los usuarios a través de herramientas que proporcionaban resultados variados, pero el desarrollador tenía que solventar las restricciones de la plataforma web siendo capaz de ofrecer tales resultados. En el modelo de Silverlight, los diseñadores pueden generar el tipo de utilización para el usuario que desean y expresarlo como XAML. Un desarrollador puede incorporar este XAML directamente en una página web mediante el tiempo de ejecución de Silverlight. De esta forma, ambos pueden trabajar más estrechamente que antes con el fin de proporcionar una utilización completa y variada al usuario. [1]

Como XAML es XML, está basado en texto, lo cual proporciona una descripción de sus ricos contenidos fácil de inspeccionar y totalmente compatible con los firewall. Aunque se pueden usar otras tecnologías -como subprogramas en Java, ActiveX y Flash- para implementar contenidos más ricos que DHTML, CSS y JavaScript, todas ellas envían contenidos binarios al explorador. Esto resulta difícil de auditar, sin mencionar la dificultad de actualización, ya que para cualquier cambio es necesario que la aplicación se vuelva a instalar, lo que no es tan fácil para el usuario y podría provocar estancamientos en las páginas. Cuando se usa Silverlight y es necesario realizar un cambio en el contenido enriquecido, se genera un nuevo archivo XAML en el servidor. La próxima vez que el usuario vaya a la página, se descargará este XAML y se actualizará la experiencia sin ninguna reinstalación. [1]

En el núcleo de Silverlight está el módulo de mejora del explorador que genera XAML y ofrece los gráficos resultantes en la superficie del explorador. Se trata de una descarga pequeña (menos de 2 MB), que se puede instalar cuando el usuario se encuentra con un sitio con contenido de Silverlight. Este módulo expone el marco de trabajo subyacente de la página XAML a los desarrolladores de JavaScript, de forma que se hace posible la interacción con el contenido en la página y, por tanto, el desarrollador puede, por ejemplo, escribir controladores de eventos o manipular los contenidos de la página XAML mediante el código de JavaScript. [1]

PRINCIPALES CARACTERÍSTICAS

  Silverlight es un plugin que se instala en el navegador web, que en este caso significa Internet Explorer 6 o superior, Netscape 6+, Firefox 1.5+ en Windows XP y Vista; para Macintosh, Silverlight es soportado por Safari y Firefox. El plugin pesa algo así como 1.4 Mb.

  Silverlight es una versión reducida del framework de .NET (¡el framework completo de .NET es de 40+Mb!) enfocada a eficientar el manejo de multimedia dentro del navegador: video, audio, animación, interactividad, etc.

  Uno de los puntos más fuertes de Silverlight es el soporte que tiene para video de Alta Definición (HD) que maneja streaming desde el cliente (o sea, sin meterle mano al servidor) de video de hasta 720 líneas progresivas por cuadro. ¡Wow!

  Para crear contenido para Silverlight es necesario conocer dos tecnologías: XAML para la parte visual y algún lenguaje de programación para la parte operativa. En Silverlight 1.0 este lenguaje es JavaScript.

  Ya está disponible la versión alfa de Silverlight 1.1, que tiene soporte para más de 20 lenguajes de programación diferentes, como C#, VB.NET, PHP, Java, Python, Ruby, C++ y varios más. De esta manera puedes empezar a crear contenido Silverlight (o como digo yo, Silverlighted) inmediatamente si ya conoces alguno de estos lenguajes.

  Para crear contenido gráfico para Silverlight tu herramienta debería ser Expression Blend 2, y para un desarrollador Visual Studio 2008. [2]

FLASH O SILVERLIGHT:

La tecnología Silverlight de Microsoft y su formato rival Flash, fabricado por Adobe, están inmersos en una carrera por ver quién gestiona los vídeos online del mundo, con un premio final que podría ser quién alberga a la próxima generación de software para Internet.[3]

La página de la cadena NBC, que utiliza Silverlight ofrece un atisbo de lo que permitirán las futuras aplicaciones web: Los espectadores pueden ver hasta cuatro vídeos a la vez, o seguir la acción con un comentario online que se reproduce junto al vídeo. [3]

Más de 40 millones de estadounidenses han acudido a la página de los Juegos de la NBC para ver parte de sus 2.200 horas de metraje en directo de los Juegos de Pekín. Todo lo que esos espectadores necesitaban era un reproductor Silverlight en su navegador, si es que ya no lo tenían. [3]

Y al construir la base de usuarios de su programa, el mayor fabricante de software del mundo intenta ganarse a los desarrolladores, que consideran a las nuevas plataformas como Silverlight y Flash una nueva forma de gestionar potentes programas que incorporen gráficos elaborados. [3]

Para el gigante del software es importante conseguir la lealtad de los desarrolladores externos, en un momento en el que se produce un cambio decisivo en el modo en el que la gente compra software. [3]

Tras años de vender licencias para programas que funcionan en el disco duro de un ordenador, Microsoft se enfrenta a una nueva hornada de competidores que ofrecen software gratis a modo de servicio y a través del navegador a cambio de publicidad online. [3]

Aprovechando Flash, Silverlight y otras tecnologías más sencillas como AJAX, ha nacido una nueva raza de software web interactivo, conocida como aplicaciones ricas de Internet (RIA, en sus siglas en inglés), más fáciles de construir y mantener que las formas tradicionales pero con cuidados entornos gráficos, un funcionamiento más rápido y una experiencia mejorada que no requiere cargar o actualizar constantemente. [3]

Ahora mismo, esas plataformas están reservadas principalmente a aplicaciones multimedia como el popular sitio de Google YouTube, que utiliza la tecnología Flash de Adobe. [3]

Microsoft, que ha apuntado que casi la mitad de los visitantes de la página de la NBC no tenía Silverlight, intenta expandirse para cerrar la brecha con Flash, que ya funciona en la mayoría de los ordenadores del mundo conectados a Internet y gestiona más del 80 por ciento de los vídeos de la Red. [3]

COMPATIBILIDAD

• Opera será soportado en versiones posteriores
• En Linux, los navegadores Firefox, Konqueror y Opera serán soportados
• Soporte para los distribuciones más importantes de Linux a través de una implementación de Silverlight, llamada Moonlight Silverlight 1.0 Released and Silverlight for Linux Announced. Consultado el 2007-09-05.</ref>
• Se planea dar soporte a dispositivos móviles en el futuro, de acuerdo con Scott Guthrie
• Se ha considerado dar soporte a otras plataformas. [4]

[1] http://www.microsoft.com/spanish/msdn/articulos/archivo/010507/voices/bb404300.mspx

[2] http://blogs.msdn.com/expressate/archive/2007/09/17/qu-es-silverlight.aspx

[3]http://es.noticias.yahoo.com/rtrs/20080826/tbs-internet-jjoo-flash-a0280fe.html

[4]http://es.wikipedia.org/wiki/Microsoft_Silverlight

JAVAFX

¿QUÉ ES JAVAFX?

JAVAFX MOBILE

CARACTERÍSTICAS

COMPONENTES

¿QUÉ ES JAVAFX?

JavaFX, una nueva innovación de Java orientada a los miles de millones de dispositivos para el consumidor y computadoras accionadas por la tecnología Java. JavaFX es una nueva familia de productos basados en la tecnología Java que ayudará a los proveedores de contenido a crear e implementar aplicaciones de Internet enriquecidas (RIA). Hoy están disponibles los primeros dos estrenos de JavaFX: JavaFX Script y JavaFX Mobile. [1]

Un nuevo lenguaje de programación, JavaFX Script da a los desarrolladores de Java la capacidad de crear rápidamente aplicaciones ricas en contenido para la más amplia variedad de clientes, entre ellos dispositivos móviles, decodificadores, máquinas de escritorio e incluso discos Blu-ray. Los creadores de contenido tienen ahora una forma sencilla de desarrollar contenido para cualquier dispositivo para el consumidor accionado por Java. [1]

JAVAFX MOBILE

Es un sistema completo de software para dispositivos móviles. Está disponible mediante licencias de OEM para proveedores de telecomunicaciones, fabricantes de teléfonos y otras empresas que deseen simplificar y acelerar el desarrollo de un potente sistema de software estandarizado que pueda aprovecharse en una amplia gama de dispositivos para el consumidor. [1]

CARACTERÍSTICAS

• JavaFX permite a los creadores de contenido crear contenido rico en medios sin depender de desarrolladores, lo que incluye el arrastrar y soltar contenido de equipos de escritorio o móviles hacia el escritorio, algo que no es posible en ningúna otra RIA.
• JavaFX Script ofrece una estrecha integración con otros componentes de Java (aplicaciones e infraestructura) que se ejecutan en plataformas de servidor y cliente, permitiendo una rica experiencia de principio a fin para los desarrolladores y los usuarios.
• JavaFX Script aprovecha el modelo de seguridad de Java de modo que los consumidores puedan acceder con seguridad a activos (por ej., imágenes, archivos de música, documentos de palabras) en su escritorio. [1]

COMPONENTES

La versión preliminar de JavaFX está diseñada para ayudar a los usuarios a que se familiaricen con JavaFX, sin embargo todavía no está disponible para aplicaciones comerciales. Esta versión consta de los siguientes componentes:

• JavaFX Preview SDK: Contiene el compilador JavaFX y herramientas de ejecución, gráficos en 2D y bibliotecas de medios para crear aplicaciones interactivas para el escritorio y el navegador, así como tutoriales, documentación API y un código de muestra
• NetBeans(TM) 6.1 IDE JavaFX con plug-in integrado: Ofrece un sofisticado entorno de desarrollo para construir, previsualizar y depurar aplicaciones JavaFX.
• Project Nile: Una herramienta fácil de usar para exportar activos creativos de Adobe Photoshop y Adobe Illustrator a las aplicaciones JavaFX.
• Java(TM) Runtime Environment 6 Update 10 Beta: Ofrece tiempos de ejecución de alto rendimiento con un nuevo navegador plug-in que proporciona la capacidad para arrastrar un applet del navegador Web y transformarlo de forma dinámica en una aplicación que podrá ser ejecutada en el escritorio. [2]

JavaFX incluye instrumentos de apoyo y tecnologías de alto rendimiento que permiten a los usuarios y desarrolladores la generación de nuevos contenidos que combinan las capacidades de la plataforma Java con nuevos servicios de medios, a los que se puede acceder con total seguridad mediante teléfonos móviles, PCs de sobremesa, TV y otros dispositivos de consumo. Sun lanzará la primera versión de JavaFX Desktop para navegadores y ordenadores de sobremesa en otoño de 2008. Actualmente Sun está trabajando con los principales fabricantes y operadores de telefonía y tiene previsto lanzar la primera versión de JavaFX para móviles en la primavera de 2009. [2]

REFERENCIAS

[1] http://mx.sun.com/sunnews/feature/2007/070508/

[2] http://es.sun.com/sunnews/press/2008/20080804.jsp

AJAX

¿QUÉ ES AJAX?

¿EN QUÉ ES DIFERENTE AJAX?

APLICACIONES QUE UTILIZAN AJAX

EJEMPLO CON JUEGO TRIVAL.GZ

El término AJAX es un acrónimo de Asynchronous JavaScript + XML, que se puede traducir como “JavaScript asíncrono + XML”.

” Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologíasindependientes que se unen de formas nuevas y sorprendentes.” [1]

Las tecnologías que forman AJAX son:

• XHTML y CSS, para crear una presentación basada en estándares.
• DOM, para la interacción y manipulación dinámica de la presentación.
• XML, XSLT y JSON, para el intercambio y la manipulación de información.
• XMLHttpRequest, para el intercambio asíncrono de información.
• JavaScript, para unir todas las demás tecnologías. [1]

Figura1 . Tecnologías agrupadas bajo el concepto de AJAX

Fuente: http://www.librosweb.es/ajax/

Desarrollar aplicaciones AJAX requiere un conocimiento avanzado de todas y cada una de las tecnologías anteriores. En las aplicaciones web tradicionales, las acciones del usuario en la página (pinchar en un botón, seleccionar un valor de una lista, etc.) desencadenan llamadas al servidor. Una vez procesada la petición del usuario, el servidor devuelve una nueva página HTML al navegador del usuario. [1]

En el siguiente esquema, la imagen de la izquierda muestra el modelo tradicional de las aplicaciones web. La imagen de la derecha muestra el nuevo modelo propuesto por AJAX:

Figura 2. Comparación gráfica del modelo tradicional de aplicación web y del nuevo modelo propuesto por AJAX. (Imagen original creada por Adaptive Path y utilizada con su permiso)

Fuente: http://www.librosweb.es/ajax/

Esta técnica tradicional para crear aplicaciones web funciona correctamente, pero no crea una buena sensación al usuario. Al realizar peticiones continuas al servidor, el usuario debe esperar a que se recargue la página con los cambios solicitados. Si la aplicación debe realizar peticiones continuas, su uso se convierte en algo molesto. [1]

AJAX permite mejorar completamente la interacción del usuario con la aplicación, evitando las recargas constantes de la página, ya que el intercambio de información con el servidor se produce en un segundo plano. [1]

PÉREZ, Eguíluz Javier. Introducción a AJAX. Disponible en http://www.librosweb.es/ajax/

¿EN QUÉ ES DIFERENTE AJAX?

Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas mediante la creación de un elemento intermedio entre el usuario y el servidor. La nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el usuario nunca se encuentra con una ventana del navegador vacía esperando la respuesta del servidor. [2]

El siguiente esquema muestra la diferencia más importante entre una aplicación web tradicional y una aplicación web creada con AJAX. La imagen superior muestra la interación síncrona propia de las aplicaciones web tradicionales. La imagen inferior muestra la comunicación asíncrona de las aplicaciones creadas con AJAX. [2]

Las peticiones HTTP al servidor se sustituyen por peticiones JavaScript que se realizan al elemento encargado de AJAX. Las peticiones más simples no requieren intervención del servidor, por lo que la respuesta es inmediata. Si la interacción requiere una respuesta del servidor, la petición se realiza de forma asíncrona mediante AJAX. En este caso, la interacción del usuario tampoco se ve interrumpida por recargas de página o largas esperas por la respuesta del servidor. [2]

Desde su aparición, se han creado cientos de aplicaciones web basadas en AJAX. En la mayoría de casos, AJAX puede sustituir completamente a otras técnicas como Flash. Además, en el caso de las aplicaciones web más avanzadas, pueden llegar a sustituir a las aplicaciones de escritorio. [2]

APLICACIONES QUE UTILIZAN AJAX

A continuación se muestra una lista de algunas de las aplicaciones más conocidas basadas en AJAX:

Gestores de correo electrónico: Gmail (http://www.gmail.com) , Yahoo Mail (http://mail.yahoo.com) , Windows Live Mail (http://www.hotmail.com) .

Cartografía: Google Maps (http://maps.google.com) , Yahoo Maps (http://maps.yahoo.com) , Windows Live Local (http://maps.live.com) .

Aplicaciones web y productividad: Google Docs (http://docs.google.com) , Zimbra (http://www.zimbra.com/) , Zoho (http://www.zoho.com/) .

Otras: Netvibes (http://www.netvibes.com) [metapágina], Digg (http://www.digg.com) [noticias], Meebo (http://www.meebo.com) [mensajería], 30 Boxes (http://www.30boxes.com) [calendario], Flickr (http://www.flickr.com) [fotografía].

EJEMPLO CON JUEGO TRIVAL.GZ

En la figura se muestra la arquitectura de la aplicación de modo genérico. Como toda aplicación web, en la arquitectura del sistema se encuentran dos módulos diferenciados: el módulo de la aplicación que se ejecuta en el servidor web utilizando Java Server Pages (JSP), y el módulo que se ejecuta en el navegador web del cliente utilizando JavaScript y HTML. Además, parte de la aplicación no presenta ninguna novedad (registro de usuarios, configuración de listas de amistades, consulta de estadísticas, etc.), por lo que no es objeto de este artículo, en el que sí nos centraremos en explicar cómo se realiza el control de las partidas para simular interactividad. [3]

Figura 3: Arquitectura de la aplicación

Fuente: Desarrollo de Webs interactivas con filosofía AJAX: El TRIVIAL.GZ.

5.1. Funcionalidad del cliente y del servidor

El servidor controla las partidas a través de una máquina de estados, que funciona de modo independiente para cada una de ellas, y llevando un registro de los datos relevantes de cada partida que se está ejecutando. [3]

Durante el desarrollo de una partida, el servidor va pasando cíclicamente por una serie de estados marcados por las acciones del jugador que tiene el turno. Debido al funcionamiento del juego, hay dos tipos de jugadores diferenciados: el que tiene el turno, y los demás. El primero tiene el control de la partida y genera eventos que producen la actualización del estado de la partida (por ejemplo, tirar el dado, elegir la casilla, o contestar la pregunta). Los jugadores que no tienen el turno sólo generan un evento al contestar a la pregunta, el resto del tiempo consultan periódicamente al servicio el estado actual de la partida para actualizar el interfaz de usuario. Estos estados son los siguientes:

Estado inicial. Antes de que el jugador en posesión del turno tire el dado. No hay información que enviar a los demás usuarios.

Dado tirado. A los jugadores que no tienen el turno se les enviará el valor del dado cuando soliciten información de la partida. [3]

Casilla movida. A los jugadores que no tienen el turno se les enviará la casilla del jugador que sí tiene el turno junto con la pregunta actual (generada al llegarle al servidor el movimiento del jugador con el turno).

Pregunta contestada. A los jugadores que no tienen el turno se les enviarán los puntos acumulados por cada jugador. También es posible que haya que enviar información relativa al cambio de turno, en caso de que el jugador que lo poseía hubiese fallado la pregunta. [3]

Internamente, este módulo mantiene una lista de las partidas que están en funcionamiento en un instante dado. Cada una de estas partidas contiene a su vez una lista con los jugadores que participan en ella y una lista de preguntas en memoria preparadas para ser enviadas (conceptualmente, un taco de preguntas). Esta lista de preguntas funciona a modo de caché en memoria que permite que los accesos a la base de datos sean menos frecuentes. Así, en lugar de acceder a la base de datos cada vez que se necesita una pregunta, se accede una única vez recuperando una gran cantidad de ellas que se utilizarán durante la partida. Por otra parte, para cada jugador que participa en la partida se mantiene en memoria el número de puntos acumulados, los pentágonos ganados, y la estadística de preguntas intentadas y acertadas por tema. [3]

En el lado del cliente consiste en una página HTML con código JavaScript incrustado en ella. Su funcionamiento se basa en un temporizador implementado con código JavaScript ejecutándose en segundo plano que hace que cada 4 segundos se compruebe si se ha producido alguna modificación en el estado de la partida y se informa al servidor de los cambios que se hayan producido en el estado de cada jugador en particular. [3]

Para interactuar con la parte servidor del sistema se utiliza DWR, es decir, el código JavaScript del cliente no tiene que utilizar directamente el API XMLHttpRequest, sino que invoca direcamente los métodos y los objetos del servidor de una forma muy similar a como se hace en el caso de servicios web o de CORBA. [3]

[1] PÉREZ, Eguíluz Javier. Introducción a AJAX. Disponible en http://www.librosweb.es/ajax/

[2]http://turing.izt.uam.mx/html/data/files/traducciones/desarrollo_web/AjaxEsp.pdf

[3]Desarrollo de Webs interactivas con filosofía AJAX: El TRIVIAL.GZ. Laboratorio de Bases de Datos. Facultad de Informática
Universidade da Coruña/ Disponible en http://rosalia.dc.fi.udc.es/lbd/..%5CPlainConsulta%5CArchivosAdministracion%5Cficheros_publicaciones%5CDesdeWebint.pdf.

IIS CON WINDOWS 2003 SERVER

IIS EN WINDOWS 2003 SERVER

INSTALACIÓN DE IIS EN WINDOWS SERVER 2003

CONFIGURACIÓN BÁSICA DEL SITIO WEB

IIS EN WINDOWS 2003 SERVER

Windows Server 2003 incorpora un Internet Information Server 6.0 rediseñado y reestructurado a partir de sus versiones anteriores, incluyendo nuevas mejoras y características en las áreas de seguridad, escalabilidad, rendimiento y tolerancia a fallos, desarrollo, administración, en definitiva en casi todas las áreas presentan novedades. [1]

IIS 6.0 viene predeterminado en todas las versiones de Windows Server 2003 pero solo instalado en la versión Web Edition, en el resto de versiones se debe instalar.[1]

INSTALACIÓN DE IIS EN WINDOWS SERVER 2003

1. Haga clic en Inicio, haga clic en Panel de control y, a continuación, haga clic en Agregar o quitar programas.

2. En Agregar o quitar programas, haga clic en Agregar o quitar componentes de Windows.

3. En el Asistente para componentes de Windows, en la lista Componentes, seleccione Servidor de aplicaciones.

Nota:

Al seleccionar Servidor de aplicaciones se realiza una instalación predeterminada de Servicios de Internet Server (IIS) y se incluyen componentes que no son necesarios para Servicios de Certificate Server. En la mayoría de los casos, esta instalación es aceptable para un entorno de prueba aislado. Sin embargo, si piensa conectar el entorno de prueba a la red de producción, consulte la directiva de seguridad de su organización para determinar qué componentes debe instalar.

4. Haga clic en Siguiente.

5. Cuando el asistente complete la instalación, haga clic en Finalizar. [2]

CONFIGURACIÓN BÁSICA DEL SITIO WEB

1. Haz clic en Inicio, selecciona Herramientas administrativas y, a continuación, haz clic en Servicios de Internet Information Server (IIS).

2. Expande nombre del servidor (donde nombre del servidor es el nombre del servidor) y, a continuación, expande Sitios Web.

3. Haz clic con el ratón derecho en Sitio Web predeterminado y, a continuación, haz clic en Propiedades.

4. Haz clic en la ficha Sitio Web. Si tienes varias direcciones IP asignadas al equipo, en el cuadro Dirección IP haz clic en la dirección IP que desees asignar a este sitio Web.

5. Haz clic en la ficha Rendimiento. Utiliza el cuadro de diálogo Propiedades de sitio Web – Rendimiento para establecer propiedades relativas a memoria, uso del ancho de banda y número de conexiones Web.

Al configurar el ancho de banda de red de un sitio determinado, puede controlarse mejor la cantidad de tráfico que atraviesa el sitio. Por ejemplo, si restringe el ancho de banda en un sitio Web de baja prioridad, puede permitir que aumente el acceso a otros sitios. De forma similar, cuando se especifica el número de conexiones a un sitio Web, se liberan recursos para otros sitios. La configuración es específica del sitio y debe ajustarse a medida que el tráfico de red y el uso cambien.

Activa la casilla de verificación Limitar el ancho de banda de red total disponible para este sitio Web para configurar IIS de forma que regule el ancho de banda de red con el ancho de banda máximo seleccionado, en kilobytes por segundo (KB/S).

Activa la casilla de verificación Conexiones de sitio Web para seleccionar un número específico o uno ilimitado de conexiones a servicios Web. Al limitar las conexiones los recursos del equipo pueden emplearse para otros procesos.

NOTA:

Cada cliente que explora un sitio Web suele utilizar aproximadamente tres conexiones.

6. Haz clic en la ficha Directorio particular.

Si deseas utilizar contenido Web almacenado en el equipo local, haz clic en Un directorio de este equipo y escribe la ruta de acceso que desees en el cuadro Ruta de acceso local. Por ejemplo, la ruta de acceso predeterminada es C:\Inetpub\wwwroot.

NOTA:

Para agregar seguridad, no deben crearse carpetas de contenido Web en la carpeta raíz.

Si deseas utilizar contenido Web almacenado en otro equipo, haz clic en Un recurso compartido de otro equipo y escribe la ubicación que desees en el cuadro Directorio de red que aparecerá.

Si deseas utilizar contenido Web almacenado en otra dirección Web, haz clic en Una redirección a una dirección URL y escribe la ubicación que desees en el cuadro Redirigir a. En El cliente se enviará a, activa la casilla de verificación adecuada.

7. Haz clic en la ficha Documentos. Anota la lista de documentos que IIS puede utilizar como documentos de inicio predeterminados. Si deseas emplear Index.html como documento de inicio, debes agregarlo. Para ello, sigue estos pasos:

7.1. Haz clic en Agregar.

7.2. En el cuadro de diálogo Agregar documento predeterminado, escribe Index.html y, a continuación, haz clic en Aceptar.

7.3. Haz clic en el botón flecha arriba hasta que Index.html se muestre en la posición superior de la lista.

7.8. Haz clic en Aceptar para cerrar el cuadro de diálogo Propiedades de sitio Web predeterminado.

7.9.Haz clic con el ratón derecho en Sitio Web predeterminado y, a continuación, haz clic en Permisos.

7.10. Anota las cuentas de usuario con permisos de operador en este sitio Web. Haz clic en Agregar para agregar cuentas de usuario desde las que operar en este sitio Web.

7.11. Haz clic en Aceptar para volver a la ventana Servicios de Internet Information Server.

7.12. Haz clic con el ratón derecho en Sitio Web predeterminado y, a continuación, haz clic en Detener.

7.13. Haz clic con el ratón derecho en Sitio Web predeterminado y, a continuación, haz clic en Iniciar.

De esta forma, el servidor está configurado para aceptar las solicitudes Web de entrada al sitio Web predeterminado. Puedes sustituir el contenido del sitio Web predeterminado por el contenido Web que desees o puedes crear un sitio Web nuevo. [3]

[1] http://windowsxp.ethek.com/windowsxp/contenido.asp?IDContenido=604

[2] http://technet.microsoft.com/es-es/library/aa998483(EXCHG.65).aspx

[3] http://www.trucoteca.com/trucos-windows/Windows2003Server/configuracion-basica-del-sitio-web-1041.html

QUÉ ES IIS 

Servicios de Internet Information Server (IIS) simplifica la publicación de información en Internet o en la Intranet. IIS incluye una amplia gama de funciones administrativas para controlar sitios Web y el servidor Web. Con funciones de programación como páginas Active Server (ASP), puede crear e implementar aplicaciones Web flexibles y escalables. [2]

Este servicio convierte a un ordenador en un servidor de Internet o Intranet es decir que en las computadoras que tienen este servicio instalado se pueden publicar páginas web tanto local como remotamente (servidor web).  [3]

El servidor web se basa en varios módulos que le dan capacidad para procesar distintos tipos de páginas, por ejemplo Microsoft incluye los de Active Server Pages (ASP) y ASP.NET. También pueden ser incluidos los de otros fabricantes, como PHP o Perl. [3]

CONFIGUARCIÓN CON IIS (Internet Information Server) DE WINDOWS XP

En este documento, se explicará paso a paso como montar un servidor web, utilizando Windows XP Professional de manera sencilla y rápida.

Primero debemos de saber que Windows XP PRO solo nos permite montar un solo servidor de páginas web y también un solo servidor FTP. Otra limitación es que nos permite hasta un máximo de 10 conexiones TCP simultáneas.

Si el servidor de paginas web lo montamos para una red local solo deberemos conocer la dirección IP del ordenador en el cual instalaremos el servidor, si lo hacemos para dar servicio de páginas web a internet tendremos que tener una conexión a internet con una IP fija, esto normalmente sucede cuando nuestra conexión es del tipo de banda ancha (por ejemplo es el caso de ADSL).

Primero tendremos que instalar el servidor en nuestro Windows XP PRO para ello hacemos lo siguiente: vamos a INICIO -> CONFIGURACION -> PANEL DE CONTROL -> AGREGAR O QUITAR PROGRAMAS y damos clic en “Agregar o quitar componentes de Windows”

Fuente: [1]
Tendremos que seleccionar la instalación de “Servicios de Internet Information Server o IIS”, damos clic luego en detalles y veremos lo siguiente:

Fuente: [1]
Veremos un poco en detalle que son todas estas opciones:
 Archivos comunes: archivos necesarios para los componentes de Internet Information Server.

Complemento de servicios de Internet Information Server: sirve para administrar el internet informatio server.

Documentación: documentación necesaria para profundizar en el funcionamiento del IIS.

Extensiones de servidor de FrontPage2000: estas extensiones permiten que nuestro servidor pueda incluir formularios, contadores, etc.

Servicio de protocolo de transferencia de archivos (FTP): solo necesario si queremos un servidor FTP.

Servicio SMTP: Simple Mail Transfer Protocolo (SMTP), nos permite montar un servicio de mail dentro de nuestra intranet.

Servicio World Wide Web: necesario para poder montar nuestro servidor de páginas web.

Las opciones más comunes para montar un servidor web son las que hemos seleccionado en la imagen anterior.

Damos clic en aceptar y comenzará la instalación…

Una vez que hayamos terminado la instalación podemos ver la consola de administración de nuestro sitio WEB o FTP. Para abrir la consola vamos a INICIO -> CONFIGURACION -> PANEL DE CONTROL -> HERRAMIENTAS ADMINISTRATIVAS y damos clic en “Servicios de Internet Information Server”, veremos la siguiente pantalla:

 Fuente: [1]

Vemos que la ventana tiene dos paneles (izquierdo y derecho), en el izquierdo seleccionamos una opción del árbol y en la derecha veremos los detalles de la selección.

En la imagen podemos ver en la parte de la derecha el nombre del equipo en el que hemos instalado el servidor WEB, en nuestro caso se llama  “SAURON”, luego vemos si es un equipo local y la versión del Internet Information Server que estamos usando.

Por defecto el nombre de nuestro sitio WEB es “Sitio Web Predeterminado” podremos cambiar el nombre en cualquier momento, simplemente damos clic dos veces en “Sitio Web predeterminado” y podremos modificarlo.

Ahora veremos algunas de las opciones más generales para poder montar un servidor de página WEB. Hacemos clic con el botón derecho sobre “Sitio Web Predeterminado” y seleccionamos “Propiedades”.

 Fuente: Autores

Veremos la siguiente ventana:

Fuente: [1]
Aquí explicaremos algunas de las opciones:

Descripción: podremos poner una breve descripción de nuestro sitio web.

Dirección IP: aquí colocaremos la dirección IP del ordenador que hará de servidor WEB, si estamos en una intranet (red local) la IP asignada al ordenador dentro de la red, si tenemos una conexión a internet con una dirección IP Publica (ADSL, etc.) aquí la colocaremos.

Puerto TCP: el puerto: que queremos que sea el que responda a las peticiones de los visitantes, por norma el puerto a usar para paginas web es el 80.

El resto de opción las dejaremos como están.

Ahora veremos la pestaña de “Directorio particular”:

Fuente: [1]
Un directorio particular de este equipo: aquí especificamos el directorio que contendrá nuestra pagina web en el ordenador.

Un recurso compartido de otro equipo: podremos seleccionar un recurso compartido que se encuentre dentro de nuestra red y que será el que contendrá nuestra página web.

Un redirección a una dirección URL: con este método podremos redireccionar a otro sitio las peticiones que se haga a nuestra web.

Ruta de acceso local (disponible solo con la opción de “Un directorio particular de este equipo”), seleccionamos el directorio que utilizaremos.

Directorio de Red (disponible solo con la opción de “Un recurso compartido de otro equipo”), el directorio compartido del equipo remoto.
Luego podremos dar permisos de Lectura, escritura, examinar directorios, etc. por parte del visitante.

Algunos consejos útiles:

Tener un Antivirus con las últimas actualizaciones en el ordenador que dará servicios de páginas web.

Conviene dar permisos de Lectura pero no así de Escritura o Examinar directorio para evitar que nos dejen programas o aplicaciones no deseadas, que pueden en algunos casos ejecutarse para recolectar información privada.

Referencia [1]

Nota.

Para que el servidor web pudiera ser accedido desde otro equipo de la red, debimos desactivar el cortafuegos de Windows.

[1] www.hctrucos.com/serverweb.htm

[2] http://www.microsoft.com/spain/technet/productos/iis/default.mspx

[3] http://es.wikipedia.org/wiki/Internet_Information_Services

• ¿Qué es odbc?
• ¿cómo se procesa odbc?

OLE DB

• ¿qué es OLE DB?
• Familia tecnológica OLDB
• Conexiones OLE DB

RDO

• ¿Que es RDO?
• Características de RDO

ADO

• ¿Qué es ADO?

ADO.NET

• ¿Qué es ADO.NET?
• ADO.NET vs. ADO
• Arquitectura ADO.NET
• ADO.NET- Clases Más Comunes

DAO

MICROSOFT JET

JDBC

• ¿Qué Es JDBC?
• Conectividad JDBC

RESUMEN

ODBC

¿QUÉ ES ODBC?

ODBC es una abreviatura para la Conectividad abierta de base de datos, y es una interfaz para acceder a bases de datos a través de consultas SQL. El ODBC se puede utilizar como una herramienta de acceso a diferentes bases de datos tales como MS-Access, dBase, DB2, Excel y Texto. A través de estos Nivel Call Interface (CLI) de las especificaciones de SQL Access Group, el OBDC permite una forma neutral de acceso a los datos almacenados en las computadoras personales y diversas bases de datos. Fue creado por Microsoft y Simba Technologies. ODBC 1.0 fue liberado en septiembre de 1992, y eventualmente se convirtió en una parte del SQL estándar internacional en 1995. Microsoft originalmente enviado el ODBCs como un conjunto de DLLs y todavía hoy, el conjunto de buques con cada copia de Microsoft Windows. Hoy en día, más y más los sistemas operativos tales como UNIX y Apple están adoptando los ODBC.

La fuerza de ODBC es que al ofrecer un acceso universal de datos de interfaz, que permite a las empresas de software independientes y los partidos para no tener que aprender múltiples interfaces de programación de aplicaciones. Para simplemente, con ODBC, las aplicaciones pueden acceder simultáneamente, ver y modificar la base de datos de numerosas y muy diversas bases de datos. Esto se debe a que el ODBC “volver a los códigos de” la consultas SQL a fin de que pueda ser leído por las diferentes bases de datos.

Sin embargo, el ODBC también tiene sus inconvenientes. Como la gestión de un gran número de clientes ODBC puede significar una inmensa cantidad de conductores y DLLs ejecutándose, esto podría dar lugar a un sistema de administración generales. Sin embargo, esta cuestión menor condujo a los usos adicionales de la tecnología de servidores ODBC (o el “Multi-Tier ODBC Drivers”) para aliviar la carga. Además, como los conductores son un elemento clave en ODBCs, algunos han planteado la cuestión de los nuevos conductores de ‘estabilidad, como a menudo muchos de ellos han demostrado tener errores en ellas.

¿Cómo se procesa ODBC?

Para usar el ODBC, tres componentes son necesarios: cliente ODBC, el controlador ODBC, DBMS y un servidor (por ejemplo, Microsoft Access, SQL Server, Oracle, y FoxPro). En primer lugar, el cliente ODBC utilizará un comando (denominado “ODBC”) para interactuar (solicitante y / o envío de datos) con el servidor DBMS (back-end). Sin embargo, el DBMS servidor no entender el comando de la ODBC cliente aún, como el comando todavía no se ha procesado a través del controlador ODBC (front-end). Entonces, el controlador ODBC se decodificar el comando que puede ser procesado por el servidor ODBC y ser enviados allí. El servidor ODBC entonces en contacto con el controlador ODBC que se encargará de traducir el producto final al cliente ODBC. [1]

OLE DB

¿QUÉ ES OLE DB?

Es una interfaz de programación de aplicaciones (API) basada en COM para el acceso a datos. OLE DB admite el acceso a datos almacenados en cualquier formato (bases de datos, hojas de cálculo, archivos de texto, etc.) para el que haya un proveedor OLE DB disponible. Cada proveedor OLE DB expone datos en un tipo particular de origen de datos (como bases de datos de SQL Server, bases de datos de Microsoft Access u hojas de cálculo de Microsoft Excel). Estructura OLE DB permite separar los datos de la aplicación que los requiere. Esto se hizo así ya que diferentes aplicaciones requieren acceso a diferentes tipos y almacenes de datos, y no necesariamente desean conocer cómo tener acceso a cierta funcionalidad con métodos de tecnologías específicas. OLE DB está conceptualmente dividido en consumidores y proveedores; el consumidor es la aplicación que requiere acceso a los datos y el proveedor es el componente de software que expone una interfaz OLE DB a través del uso del Component Object Model (COM). [2]

Familia tecnológica OLDB

OLE DB hace parte de los “Componentes de Microsoft para Acceso a Datos” o Microsoft Data Access Components (MDAC); MDAC es un grupo de tecnologías de Microsoft que interactúan en conjunto como una infraestructura que brinda a los programadores una forma para desarrollar aplicaciones con acceso a casi cualquier almacén de datos. Los proveedorees OLE DB pueden ser creados para tener acceso a almacenes de datos que van desde simples archivos de texto y hojas de cálculo, hasta bases de datos complejas como Oracle, Microsoft SQL Server o Sybase ASE.

Como las diferentes fuentes de datos pueden tener diferentes capacidades, es posible que los proveedores OLE DB no implementen todas las interfaces posible para OLE DB. Las capacidades disponibles son implementadas a través del uso de objetos COM – el proveedor OLE DB asocia la funcionalidad de una tecnología a una interfaz COM particular.

Microsoft califica la disponibilidad de una interfaz como “específica del proveedor”, ya que puede no ser aplicable dependiendo de la tecnología de base de datos involucrada. Adicionalmente, los proveedores pueden aumentar las capacidades de una fuente de datos – capacidades conocidas como servicios, usando la jerga de Microsoft.[3]

Conexiones OLE DB

Puede utilizar un proveedor OLE DB para comunicar con la base de datos. La creación de una conexión directa de base de datos OLE puede mejorar la velocidad de la conexión mediante la eliminación de la capa ODBC entre la aplicación Web y la base de datos.

Si no especifica un proveedor OLE DB para la base de datos, ASP utilizará el proveedor OLE DB predeterminado para controladores ODBC para comunicar con un controlador ODBC que, a su vez, comunica con la base de datos.

OLE DB está disponible sólo con Windows NT, 2000 o XP.

Existen distintos proveedores OLE DB para las distintas bases de datos. Puede obtener proveedores OLE DB para Microsoft Access y SQL Server descargando e instalando los paquetes Microsoft Data Access Components (MDAC) 2.5 y 2.7 en el equipo Windows que está ejecutando IIS. Puede descargar los paquetes MDAC gratis del sitio Web de Microsoft http://msdn.microsoft.com/data/mdac/downloads/. [4]

RDO

¿QUE ES RDO?

RDO es el contenedor COM de ODBC. ODBC, una API basada en C, permite un acceso a datos de propósito general (heterogéneo). Sin embargo, RDO se basa en SQL como lenguaje de comandos para tener acceso a datos. Los controles enlazados a datos basados en RDO se diseñaron para ofrecer un rendimiento óptimo con Visual Basic. Por ello, parte de la funcionalidad de los controles enlazados a datos de RDO, en particular la de formato, no está disponible para las aplicaciones de Visual C++. Este problema no existe en los controles de enlace de datos de ADO. http://msdn2.microsoft.com/es-es/library/8xa525wy(VS.80).aspx

CARACTERÍSTICAS DE RDO

Con RDO y el control RemoteData, nuestras aplicaciones pueden acceder a fuentes de datos ODBC sin utilizar un motor local. Este hecho es muy importante a la hora de conseguir el máximo rendimiento y flexibilidad cuando accedamos a motores de bases de datos remotos. Aunque se puede acceder a cualquier fuente de datos ODBC con RDO y el control de Acceso Remoto, donde conseguiremos el mayor rendimiento será cuando trabajemos con servidores de bases de datos, como Microsoft SQL Server y  Oracle, ya que disponen de los más sofisticados motores.

Empleando RDO, podemos trabajar con todo tipo de cursores desde los más simples a los más complejos. Podemos ejecutar queries que devuelvan cualquier número de resultados, o ejecutar procedimientos almacenados que devuelvan resultados con o sin parámetros y valores de retorno.

Podemos limitar el número de filas que se devuelven, y monitorizar todos los mensajes y errores generados por la fuente de datos remota sin que esto afecte a la query que se está ejecutando.

RDO permite operaciones tanto síncronas como asíncronas, por lo que nuestra aplicación no queda bloqueada mientras se ejecutan largas queries.

RDO (Objetos de datos remotos) es una interfaz de acceso a datos para ODBC orientada a objetos, que incorpora un estilo sencillo de DAO y cuya interfaz expone prácticamente toda la flexibilidad y eficacia de bajo nivel de ODBC. Sin embargo, RDO presenta limitaciones al no proporcionar un acceso apropiado a las bases de datos Jet o ISAM, y al sólo permitir el acceso a bases de datos relacionales a través de los controladores ODBC existentes. A pesar de ello, se ha constatado que RDO es la interfaz elegida por muchos programadores de SQL Server, de Oracle y de otras bases de datos relacionales de gran tamaño. RDO proporciona los objetos, las propiedades y los métodos necesarios para tener acceso a los aspectos más complejos relacionados con los procedimientos almacenados y los conjuntos de resultados.

Proporcionan un modelo de información para tener acceso a orígenes de datos remotos mediante ODBC. RDO ofrece un conjunto de objetos que facilitan la conexión con una base de datos, la ejecución de consultas y procedimientos almacenados, la manipulación de resultados y la confirmación de los cambios en el servidor.

El modelo RDO puede tener mayor rendimiento, ya que todo el proceso se lleva a cabo en el servidor y no en nuestra máquina.

El modelo RDO es capaz de llevar a cabo queries síncronas o asíncronas. El DAO tiene limitaciones a la hora de ejecutar este tipo de queries.

El modelo RDO puede trabajar con cursores complejos, los cuales se encuentran limitados en el DAO.

En la siguiente tabla, el tipo de colección de la primera columna contiene el tipo de objeto de la segunda columna. La tercera columna describe qué representa cada tipo de objeto.

[5]

ADO

¿QUÉ ES ADO?

ADO es un contenedor COM de OLE DB que facilita la programación de aplicaciones de acceso a datos (consumidores). OLE DB es una tecnología de acceso a datos universal basada en COM, que permite utilizar cualquier origen de datos, no sólo los indizados, los de método de acceso secuencial (ISAM) o las bases de datos basadas en SQL.

Los proveedores OLE DB permiten tener acceso a datos desde varios orígenes de datos diferentes y no están limitados a utilizar consultas SQL para obtener datos, sino que pueden utilizar consultas definidas en el proveedor.[6]

ADO es el sucesor de DAO y RDO. La funcionalidad de ADO 2.0 es prácticamente idéntica a la de RDO y en general existe una correspondencia de funciones similares en ambos modelos. ADO permite “allanar” el modelo de objetos empleado por DAO y RDO, en el sentido de que contiene menos objetos y más propiedades, métodos (y argumentos) y eventos. Por ejemplo, en ADO no existe un equivalente de los objetos rdoEngine y rdoEnvironment expuestos por el administrador de controladores ODBC y las interfaces hEnv. Tampoco es posible crear orígenes de datos ODBC desde ADO, a pesar de que puede exponer su propia interfaz a través del proveedor de servicios OLE DB de ODBC.

Muchas de las características incluidas en los modelos DAO y RDO fueron refundidas en objetos únicos para simplificar en gran medida el modelo de objetos. No obstante, debido a esto es posible que inicialmente encuentre dificultades cuando intente localizar un objeto, colección, propiedad, método o evento de ADO apropiado a sus necesidades. A diferencia de DAO y RDO, aunque los objetos ADO son jerárquicos, se pueden crear también fuera del alcance de la jerarquía.

Sin embargo, conviene tener en cuenta que ADO no admite actualmente toda la funcionalidad de DAO. ADO incluye principalmente funcionalidad para interactuar con los orígenes de datos OLE DB en una forma similar a RDO, así como operaciones remotas y tecnología DHTML. En general, dado el estado de la evolución de ADO, probablemente sea prematuro migrar directamente a ADO la mayoría de las aplicaciones DAO (excepto posiblemente las que utilizan ODBCDirect), ya que ADO no admite por el momento definición de datos (bibliotecas DDL), usuarios, grupos y otras características. Sin embargo, probablemente podrá migrar desde ahora a ADO si utiliza DAO únicamente para aplicaciones cliente-servidor y no se basa en el motor de base de datos Jet ni utiliza bibliotecas DDL. Con el tiempo, Microsoft proporcionará un componente DDL de ADO para facilitar la migración de DAO a ADO y compatibilidad genérica con DDL para los proveedores de OLE DB. [7]

ADO.NET

¿QUÉ ES ADO.NET?

ADO.NET es el sucesor de ADO (ActiveX Data Objects), la biblioteca de acceso a datos de la plataforma COM. Si bien ADO soporta sólo escenarios conectados, puede resultar útil hacer una analogía de las clases más comunes utilizadas en ADO con respecto a sus nuevas versiones en ADO.NET:

La clase Connection de ADO tiene su paralelo en las clases XxxConnection de los distintos proveedores de ADO.NET

La clase Command de ADO tiene su paralelo en las clases XxxCommand de los distintos proveedores de ADO.NET

La clase Recordset de ADO dejó de existir como tal en ADO.NET. En su lugar existen en ADO.NET las clases XxxDataReader (es lo más parecido a un Recordset read-only forward-only de ADO), y las nuevas clases DataSet y XxxDataAdapter para escenarios desconectados.

ADO.NET vs. ADO

<!–[if gte vml 1]> <![endif]–>

La arquitectura de ADO.NET está basada en el concepto de proveedores de acceso a datos, siendo un proveedor un conjunto de clases que permiten conectarse a una base de datos, ejecutar un comando sobre ella y tener acceso a los resultados de su ejecución, tanto de forma conectada como desconectada.

ARQUITECTURA ADO.NET

<!–[if gte vml 1]> <![endif]–>

Los proveedores de acceso a datos ADO.NET (conocidos como “Managed Data Providers”) representan conjuntos específicos de clases que permiten conectarse e interactuar con una base de datos, cada uno utilizando un protocolo particular. El .NET Framework incluye cuatro proveedores de acceso a datos, que en conjunto le permiten conectarse e interactuar virtualmente con cualquier base de datos existente en la actualidad:

Data Provider For SQL Server: es el proveedor de acceso nativo a servidores de bases de datos Microsoft SQL Server 7.0 o superior, y Microsoft Access. Al conectarse via protocolos nativos de bajo nivel, povee la alternativa más performante para conexiones contra estos motores de bases de datos. Sus clases se encuentran en el namespace System.Data.SqlClient.

Data Provider For OLE DB: es el proveedor de acceso a datos que permite interactuar via el protocolo estándar OLE DB con cualquier repositorio de datos que lo soporte. Sus clases se encuentran en el namespace System.Data.OleDb.

Data Provider For ODBC: es el proveedor de acceso a datos que permite interactuar via el protocolo estándar ODBC con cualquier repositorio de datos que lo soporte. Sus clases se encuentran en el namespace System.Data.Odbc.

Data Porvider For Oracle: es el proveedor de acceso nativo a bases de datos Oracle, desarrollado por Microsoft utilizando las herramientas de conectividad de Oracle. De esta forma puede lograrse un acceso más performante a bases de datos Oracle desde aplicaciones .NET que utilizando ODBC u OLE DB. Sus clases se encuentran en el namespace System.Data.OracleClient, y están compiladas en un assembly diferente al resto: System.Data.OracleClient.dll.

ADO.NET provee una arquitectura extensible, posibilitando que terceras partes creen sus propios proveedores de acceso nativo para aplicaciones .NET. Algunos ejemplos de esto son:

Data Provider For DB2, desarrollado por IBM

Oracle Data Provider For .NET, desarrollado por Oracle

Providers de acceso nativo a bases de datos OpenSource, como MySQL y PostgreSQL

ADO.NET- CLASES MÁS COMUNES

<!–[if gte vml 1]> <![endif]–>

En la figura se pueden apreciar las clases más comunes que componen a todos los proveedores de acceso a datos de ADO.NET. Nótese que algunos nombres empiezan con las letras “Xxx”: esto se debe a que los nombres de esas clases varían según el proveedor específico que se esté utilizando. Por ejemplo, la clase que representa una conexión con la base de datos usando el Data Provider For Sql Server es “SqlConnection”, mientras que si usamos el Data Provider For Oracle podemos obtener la misma funcionalidad de la clase “OracleConnection”. Mas allá del ejemplo, pasemos a describir cada una de estas clases y su funcionalidad:

XxxConnection: representa una conexión. Almacena, entre otras cosas, el string de conexión (connection string), y permite conectarse y desconectarse con una base de datos.

XxxCommand: permite almacenar y ejecutar una instrucción SQL contra una base de datos, enviando parámetros de entrada y recibiendo parámetros de salida.

Estas dos clases se utilizan tanto en escenarios conectados como desconectados.

XxxDataReader: permite acceder a los resultados de la ejecución de un comando contra la base de datos de manera read-only (sólo lectura), forward-only (sólo hacia adelante). Esta clase se utiliza en escenarios conectados, ya que no es posible operar sobre los registros de un DataReader estando desconectado de la fuente de datos.

XxxDataAdapter y DataSet: en conjunto, estas clases constituyen el corazón del soporte a escenarios desconectados de ADO.NET. El DataSet es una representación en memoria de una base de datos relacional, que permite almacenar un conjunto de datos obtenidos mediante un DataAdapter. El DataAdapter actúa como intermediario entre la base de datos y el DataSet local desconectado. Una vez que el DataSet se encuentra lleno con los datos que se necesitan para trabajar, la conexión con la base de datos puede cerrarse sin problemas y los datos pueden ser modificados localmente. Por último, el DataAdapter provee un mecanismo para sincronizar los cambios locales contra el servidor de base de datos. Nótese que la clase System.Data.DataSet no tiene el prefijo Xxx, ya que es independiente del proveedor de acceso a datos utilizado. [8]

DAO

¿QUÉ ES DAO?

Data Access Objects (DAO, Objetos de Acceso a Datos) es una interfaz orientada a objetos creada por Microsoft la cual permitía a las primeras versiones de Microsoft Access y Visual Basic utilizar el motor de base de datos Jet. Posteriormente (en la versión 3.5) fue capaz de realizar un bypass al motor Jet y directamente acceder a las fuentes de datos ODBC, incluyendo Microsoft SQL Server y otros sistemas de bases de datos de empresa. DAO 3.6 fue la versión final desarrollada por Microsoft. Microsoft dice que DAO no estará disponible en los futuros sistemas operativos de 64-bit.

DAO funciona creando un objeto “Workspace” en el cual se realizan todas las operaciones de base de datos. El objeto workspace existe como un objeto sesión que existe dentro de un más amplio objeto motor de base de datos. Hay dos tipos de motores de base de datos: el objeto motor de base de datos Jet, y un motor de base de datos ODBCDirect.

El objeto motor de base de datos Jet se compone de varios objetos: un objeto workspace y una serie de objetos error. El objeto workspace se compone de objetos usuario y grupo, y un objeto base de datos. El objeto base de datos se compone de objetos contenedor los cuales se componente de contenedores de objetos, objetos definición de consulta (QueryDef), objetos Recordset los cuales están definidos por un conjunto de objetos campo, objetos relación los cuales muestran la relación entre los diferentes campos en la base de datos, y objetos definición de tabla (TableDef) los cuales se componen de campos e índices de los campos seleccionados.

El motor de base de datos ODBCDirect se compone de un objeto workspace y de un objeto errors. La principal diferencia entre este motor de base de datos y el motor de base de datos Jet es que el objeto workspace es diferente en que solo se compone de series de objetos conexión ODBC y el objeto base de datos se compone de series de objetos recordset(conjunto de datos). Los objetos conexión ODBC se componen de objetos QueryDef y objetos recordset. [9]

MICROSOFT JET

Microsoft Jet (esto incluye ODBC y Jet OLE DB por igual) pueden manejar un número limitado de sesiones, por lo que si su aplicación precisa de alto número de objetos de datos de ADO, Jet puede quedarse sin recursos.

Microsoft Jet (esto incluye ODBC y Jet OLE DB por igual) dispone de una caché de lectura que es actualizada cada 5s (por defecto) y dispone de un sistema de escritura a disco que opera en un proceso independiente, por lo que escribe en disco de forma asíncrona. En entornos en los que existen varios usuarios al mismo tiempo puede ocasionar problemas.

Jet puede soportar hasta 255 usuarios concurrentes, pero el rendimiento de la arquitectura basada en ficheros puede reducir notablemente este número. En general, se recomienda el uso de Jet para 10 o menos usuarios.

Teniendo en cuenta estas limitaciones, existen distintas configuraciones para Microsoft Access que varian en su rendimiento. El primer punto a tener en cuenta es el modo de conexión. De entre los tres modos habituales dos destacan por su mayor frecuencia de uso: ODBC y OLE DB. [10]

JDBC

¿QUÉ ES JDBC?

JDBC (Java DataBase Connectivity) es un API de Java que permite al programador ejecutar instrucciones en lenguaje estándar de acceso a Bases de Datos, SQL (Structured Query Language, lenguaje estructurado de consultas), que es un lenguaje de muy alto nivel que permite crear, examinar, manipular y gestionar Bases de Datos relacionales. Para que una aplicación pueda hacer operaciones en una Base de Datos, ha de tener una conexión con ella, que se establece a través de un driver, que convierte el lenguaje de alto nivel a sentencias de Base de Datos. Es decir, las tres acciones principales que realizará JDBC son las de establecer la conexión a una base de datos, ya sea remota o no; enviar sentencias SQL a esa base de datos y, en tercer lugar, procesar los resultados obtenidos de la base de datos.

Conectividad JDBC

Para la gente del mundo Windows, JDBC es para Java lo que ODBC es para Windows. Windows en general no sabe nada acerca de las bases de datos, pero define el estándar ODBC consistente en un conjunto de primitivas que cualquier driver o fuente ODBC debe ser capaz de entender y manipular. Los programadores que a su vez deseen escribir programas para manejar bases de datos genéricas en Windows utilizan las llamadas ODBC.

Con JDBC ocurre exactamente lo mismo: JDBC es una especificación de un conjunto de clases y métodos de operación que permiten a cualquier programa Java acceder a sistemas de bases de datos de forma homogénea. Lógicamente, al igual que ODBC, la aplicación de Java debe tener acceso a un driver JDBC adecuado. Este driver es el que implementa la funcionalidad de todas las clases de acceso a datos y proporciona la comunicación entre el API JDBC y la base de datos real.

La necesidad de JDBC, a pesar de la existencia de ODBC, viene dada porque ODBC es un interfaz escrito en lenguaje C, que al no ser un lenguaje portable, haría que las aplicaciones Java también perdiesen la portabilidad. Y además, ODBC tiene el inconveniente de que se ha de instalar manualmente en cada máquina; al contrario que los drivers JDBC, que al estar escritos en Java son automáticamente instalables, portables y seguros.

<!–[if gte vml 1]> <![endif]–>

Toda la conectividad de bases de datos de Java se basa en sentencias SQL, por lo que se hace imprescindible un conocimiento adecuado de SQL para realizar cualquier clase de operación de bases de datos. Aunque, afortunadamente, casi todos los entornos de desarrollo Java ofrecen componentes visuales que proporcionan una funcionalidad suficientemente potente sin necesidad de que sea necesario utilizar SQL, aunque para usar directamente el JDK se haga imprescindible. La especificación JDBC requiere que cualquier driver JDBC sea compatible con al menos el nivel «de entrada» de ANSI SQL 92 (ANSI SQL 92 Entry Level). [11]

RESUMEN

ODBC

• Conectividad para Bases de Datos Abiertas
• Proveedor con más éxito hasta la fecha
• El grupo de acceso SQL(HP, DigitalSUn, Informix, IBM, Oracley Microsoft) se crea para definir y promover estándares de acceso a datos.
• Objetivo Poder cambiar la BD sin cambiar el código
• En 1990 se define un API (Interfaz de aplicaciones) para acceso a datos
• En 1992 Microsoft lanza ODBC 1.0.
• Proporciona una serie de funciones que permiten controlar el acceso a datos.
• Ofrece un conjunto de instrucciones para diferentes sistemas independiente de la plataforma, proveedor, BD y lenguaje que se emplee.
• No obstante el API ODBC es complejo y poco intuitivo

DAO

• Es el primer modelo de datos en Visual Basic.
• Apareció con Visual Basic 3.0 (1992)
• Es una tecnología diseñada entorno al JET capaz de acceder a BD Access y base de datos ISAM(dBase,PAradox, FoxPro) y ODBC.
• Funcionaba muy bien accediendo a BD en el mismo PC, y no tanto en acceso a BD remotas

RDO

• Apareció con Visual Basic 4.0 (1995)
• Objetivo: facilitar el acceso a BD remotas SQL-Server y Oracle.
• No tuvo éxito debido a la aparición de otras tecnologías mejores

OLE DB

• Apareció en 1996
• API de Microsoft para el acceso a datos tanto BD relacionales como no relacionales.
• Se basa en el modelo de componentes .COM
• Se divide en dos tipos de componentes: consumidores y proveedores
  • Consumidores Utilizan los datos
  • Proveedores Hablan con las fuentes de datos y suministran los datos a los consumidores
• Solo accesibles desde C++.
• Modelo algo complejo

ADO

• Objetos de datos ActiveX
• Aparece en 1996
• Es un envoltorio de OLE DB, que intente ocultar su complicada sintáxis
• Cuenta con todas las prestaciones de OLE DB, o sea acceso a todo tipo de datos
• Se basa en una arquitectura con conexión, pero permite también trabajar sin conexión (datos en memoria)

ADO.Net

• Aparece en 2000
• Es la última tecnología ADO y RDS de microsoft
• Se construye en XML, el estándar de la industria
• Se puede controlar por cualquier aplicación que pueda leer dicho estándar independientemente de la plataforma y el lenguaje.
• Proporciona conectividad entre sistemas relacionales o no relacionales de un conjunto de componentes común.
• Permite el acceso a datos sin conexión
  • Tradicionalmente las aplicaciones Cliente/servidor durante su ejecución mantienen abierta una conexión con la BD.
  • Inconvenientes
    • Consumen valiosos recursos del sistema
    • Resulta muy complicado escalar aplicaciones.(Una aplicación de BD puede funcionar muy bien con 100 usuarios y muy mal con 1000).

• Ado.netse definió para arquitecturas sin conexión.
• Pasos
  • Los datos se leen en un componente(DataSet)
• El Dataset
  • Almacena los datos aunque se rompa la conexión con la BD
  • LA aplicación puede manipular los datos aunque no haya conexión
  • La BD se actualiza cuando se vuelve a tener conexión
• La actualización se realiza de forma optimista.
• Al reestablecer la conexión se comparan los datos originales, si alguien los ha cambiado genera un error y rechaza la operación.
• ADO.netutiliza XML para transferir los datos.
• El Datasetpuede contener varias tablas(ADOcon su recordsetsolo permitía una)
• El datasetpermite dar tanto una vista relacional como una vista jerárquica basada en XML.
• Al utilizar datos en binario se podían bloquear los cortafuegos. XML es un formato basado en texto luego puede transferir datos a través de los cortafuegos de forma sencilla y fiable. [12]

REFERENCIAS

[1] http://www.tech-faq.com/lang/es/odbc.shtml

[2] http://msdn.microsoft.com/en-us/library/aa288452.aspx

[3] http://es.wikipedia.org/wiki/OLE_DB

[4] http://livedocs.adobe.com/dreamweaver/8_es/using/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=28_conn4.htm

[5] http://www.fortunecity.com/skyscraper/raincoat/223/memoria/rdo.htm

[6] http://msdn.microsoft.com/es-es/library/8xa525wy(VS.80).aspx

[7] http://www.fortunecity.com/skyscraper/raincoat/223/memoria/ado.htm

[8]http://www.mslatam.com/latam/msdn/comunidad/dce2005/ DCE2_Introduccion_ASP.NET.ppt

[9] http://es.wikipedia.org/wiki/Open_Database_Connectivity

[10] http://msdn.microsoft.com/library/en-us/dnmsde/html/msdeforvs.asp

[11] http://www.itapizaco.edu.mx/paginas/JavaTut/froufe/parte21/cap21-3.html

[12] www.dlsi.ua.es/asignaturas/dpaa/tema6.pdf

¿QUÉ ES LA ACCESIBILIDAD WEB?

¿POR QUÉ LA ACCESIBILIDAD WEB ES IMPORTANTE?

¿PARA QUÉ SIRVE?

¿CÓMO FUNCIONA?

HACER LA WEB ACCESIBLE

HACER TU SITIO WEB ACCESIBLE

EVALUACIÓN DE LA ACCESIBILIDAD DE UN SITIO WEB

¿QUÉ ES LA ACCESIBILIDAD WEB?

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.[1]

La accesibilidad Web engloba muchos tipos de discapacidades, incluyendo problemas visuales, auditivos, físicos, cognitivos, neurológicos y del habla. El documento “Cómo utilizan la Web personas con discapacidad” muestra la forma en la que diferentes discapacidades pueden dificultar la utilización de la Web e incluye algunos escenarios de personas con discapacidad utilizando la Web. [1]

Existen millones de personas con discapacidad que no pueden utilizar la Web. Actualmente, la mayoría de los sitios Web y los software Web presentan barreras de accesibilidad, lo que dificulta o imposibilita la utilización de la Web para muchas personas con discapacidad. Cuanto más software y sitios Web accesibles estén disponibles, más personas con discapacidad podrán utilizar la Web y contribuir de forma más eficiente. [1]

Pero la accesibilidad Web beneficia también a organizaciones y a personas sin discapacidad. Por ejemplo, un principio básico de la accesibilidad Web es la flexibilidad con el objetivo de satisfacer diferentes necesidades, situaciones y preferencias. Esta flexibilidad va a beneficiar a todas aquellas personas que utilizan la Web, incluyendo personas que no tienen ninguna discapacidad pero que, debido a determinadas situaciones, tienen dificultades para acceder a la Web (por ejemplo, una conexión lenta), también estaríamos hablando de aquellas personas que sufren una incapacidad transitoria (por ejemplo, un brazo roto), y de personas de edad avanzada. El documento “Desarrollo de un Proyecto de Accesibilidad Web para su organización” describe los diferentes beneficios de la accesibilidad Web, incluyendo los beneficios obtenidos por las empresas. [1]

Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área. [2]

¿POR QUÉ LA ACCESIBILIDAD WEB ES IMPORTANTE?

La Web es un recurso muy importante para diferentes aspectos de la vida: educación, empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros. Es muy importante que la Web sea accesible para así proporcionar un acceso equitativo e igualdad de oportunidades a las personas con discapacidad. Una página Web accesible puede ayudar a personas con discapacidad a que participen más activamente en la sociedad. [1]

La Web ofrece a aquellas personas con discapacidad una oportunidad de acceder a la información y de interactuar.

El documento “Factores Sociales en el Desarrollo de un Proyecto de Accesibilidad Web para su organización” aborda la forma en la que la Web ejerce influencia en la vida de las personas con discapacidad, la brecha digital y la accesibilidad Web como un aspecto de responsabilidad social en la empresa.

Otra consideración importante para las empresas es que la accesibilidad Web es un requisito establecido en algunos casos por leyes y políticas.

El documento Recursos de Políticas de Accesibilidad Web de WAI proporciona enlaces a recursos en relación a factores legales y políticos dentro de las empresas, incluyendo una lista con las leyes y políticas más importantes a nivel mundial. [1]

¿PARA QUÉ SIRVE?

La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo será tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no estén disponibles, pantallas con visibilidad reducida, etc.). [1]

¿CÓMO FUNCIONA?

Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG), cuya función principal es guiar el diseño de páginas Web hacia un diseño accesible, reduciendo de esta forma barreras a la información. WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

• Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
• Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
• Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

• Nivel de Conformidad “A”: todos los puntos de verificación de prioridad 1 se satisfacen.
• Nivel de Conformidad “Doble A”: todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
• Nivel de Conformidad “Triple A”: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.

Las pautas describen cómo hacer páginas Web accesibles sin sacrificar el diseño, ofreciendo esa flexibilidad que es necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.

Igualmente, se han desarrollado Pautas de Accesibilidad para Herramientas de Autor, cuyo objetivo es ayudar a los desarrolladores de software a la hora de crear herramientas de autor para producir contenido Web accesible. También se han desarrollado Pautas de Accesibilidad para XML , donde se explica cómo asegurar la accesibilidad de aplicaciones basadas en XML. Y por último, Pautas de Accesibilidad para Agentes de Usuario 1.0, donde se explica cómo hacer accesible los navegadores, reproductores multimedia y otras tecnologías asistivas.

Por otro lado, se han desarrollado otro tipo de documentos como las Técnicas para Pautas de Accesibilidad al Contenido en la Web, que ofrecen una serie de ejemplos de etiquetado y explicaciones muy detalladas de cómo implementar las Pautas de Accesibilidad al contenido en la Web. Entre ellas se pueden destacar Técnicas esenciales para Pautas de Accesibilidad al Contenido en la Web 1.0, las Técnicas HTML para Pautas de Accesibilidad al Contenido a la Web 1.0 y las Técnicas CSS para Pautas de Accesibilidad al Contenido en la Web 1.0.

Ejemplos

Un ejemplo de prioridad 1 sería la identificación clara de cualquier cambio de idioma que se pueda producir en el texto de un documento. Es decir, si se utilizan diferentes idiomas es necesario que cualquier cambio esté claramente señalado con el atributo lang:

Un ejemplo de código correcto sería el siguiente:

<p>

<q>Buenos días Philip</q>

<q lang=”en”>Good morning</q>. Respondió Philip en inglés.

<q>¿Qué tal estás?</q>

<q lang=”fr”>Très bien.</q> Volvió a responder, pero esta vez en francés.

</p>

Otro ejemplo de prioridad 1 sería la utilización de la etiqueta alt para incorporar texto equivalente al contenido de una imagen cuando se quieren utilizar gráficos; esto permitiría que dispositivos o personas que no pueden visualizar los gráficos, obtengan una representación alternativa textual. El código correspondiente sería:

<img src=”wai.png” alt=”Web Accessibility Initiative” lang=”en”/>

HACER LA WEB ACCESIBLE

La accesibilidad Web se ha entendido siempre como resposabilidad de los desarrolladores Web. Pero, el software Web tiene también un papel importante en la accesibilidad Web. Es importante que el software ayude a los desarrolladores a generar y evaluar sitios Web accesibles para que las personas con discapacidad puedan utilizarlos. [1]

Una de las funciones de la Iniciativa de Accesibilidad Web (WAI) es desarrollar pautas y técnicas que proporcionen soluciones accesibles para el software Web y para los desarrolladores Web. Las pautas de WAI son consideradas como estándares internacionales de accesibilidad Web. [1]

El documento “Componentes esenciales de Accesibilidad Web” describe las diferentes funciones de la accesibilidad Web, y cómo mejoras concretas pueden beneficiar de forma visible la accesibilidad Web. [1]

HACER TU SITIO WEB ACCESIBLE

Hacer un sitio Web accesible puede ser algo sencillo o complejo, depende de muchos factores como por ejemplo, el tipo de contenido, el tamaño y la complejidad del sitio, así como de las herramientas de desarrollo y el entorno. [1]

Muchas de las características accesibles de un sitio se implementan de forma sencilla si se planean desde el principio del desarrollo del sitio Web o al comienzo de su rediseño. La modificación de sitios Web inaccesible puede requerir un gran esfuerzo, sobre todo aquellos que no se “etiquetaron” correctamente con etiquetas estándares de XHTML, y sitios con cierto tipo de contenido, como multimedia. [1]

El documento “Plan de implementación de Accesibilidad Web” muestra los pasos básicos para introducir la accesibilidad en un proyecto Web. Las Pautas de Accesibilidad al Contenido en la Web y los documentos de técnicas proporcionan información detallada para los desarrolladores. [1]

EVALUACIÓN DE LA ACCESIBILIDAD DE UN SITIO WEB

Cuando se desarrolla o rediseña un sitio Web, la evaluación de la accesibilidad de forma temprana y a lo largo del desarrollo permite encontrar al principio problemas de accesibilidad, cuando es más fácil resolverlos. Técnicas sencillas, como es cambiar la configuración en un buscador, pueden determinar si una página Web cumple algunas de las pautas de accesibilidad. Una evaluación exhaustiva, para determinar el cumplimiento de las pautas, es mucho más compleja. [1]

Hay herramientas de evaluación que ayudan a realizar evaluaciones de accesibilidad. No obstante, ninguna herramienta en sí misma puede determinar si un sitio cumple o no las pautas de accesibilidad. Para determinar si un sitio Web es accesible, es necesaria la evaluación humana. [1]

El documento “Evaluación de Accesibilidad de sititos Web” proporciona asesoramiento sobre las revisiones preliminares, utilizando técnicas para evaluar de forma rápida algunos de los problemas de accesibilidad que puede presentar un sitio Web. También proporciona procedimientos generales y consejos para evaluar el cumplimiento de las pautas de accesibilidad. [1]

GUÍA BREVE PARA CREAR SITIOS WEBS ACCESIBLES

Para todas las Pautas y Puntos de Comprobación: www.w3.org/WAI

• Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
• Mapas de imagen: Use el elemento map y texto para las zonas activas.
• Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
• Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite “pincha aquí”.
• Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS para la maquetación donde sea posible.
• Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
• Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
• Marcos: Use el elemento noframes y títulos con sentido.
• Tablas: Facilite la lectura línea a línea. Resuma.
• Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG. [3]

[1] http://www.w3c.es/Traducciones/es/WAI/intro/accessibility

[2] http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad

[3] http://www.w3.org/WAI/quicktips/qt.es.htm

]]> http://yovanypulido.wordpress.com/2008/08/12/accesibilidad/feed/ 1 yovanypulido http://yovanypulido.wordpress.com/2008/08/05/usabilidad/ http://yovanypulido.wordpress.com/2008/08/05/usabilidad/#comments Tue, 05 Aug 2008 22:12:49 +0000 yovanypulido http://yovanypulido.wordpress.com/?p=63 ]]>

USABILIDAD

1. DEFINICIONES FORMALES

2. 35 CONSEJOS PARA MEJORAR LA USABILIDAD DE SUS PÁGINAS WEB

3. EVALUACIÓN

4. IMPLEMENTACIÓN Y LANZAMIENTO

5. MANTENIMIENTO Y SEGUIMIENTO

6. DISEÑO WEB CENTRADO EN EL USUARIO

7. RECOPILACIÓN DE MÉTODOS DE USABILIDAD

8. MANUAL DE USABILIDAD EN LA WEB

9. LISTA CUESTIONES A COMPROBAR RESPECTO A LA USABILIDAD DE UN SITIO WEB.

10. EVALUACIÓN DE USABILIDAD EN PÁGINAS COMERCIALES DE COLOMBIA

1. DEFINICIONES FORMALES

La Organización Internacional para la Estandarización (ISO) dispone de dos definiciones de usabilidad:

ISO/IEC 9126:

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso”

Esta definición hace énfasis en los atributos internos y externos del producto, los cuales contribuyen a su usabilidad, funcionalidad y eficiencia. La usabilidad depende no sólo del producto sino también del usuario. Por ello un producto no es en ningún caso intrínsecamente usable, sólo tendrá la capacidad de ser usado en un contexto particular y por usuarios particulares. La usabilidad no puede ser valorada estudiando un producto de manera aislada (Bevan, 1994). [1]

ISO/IEC 9241:

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”

Es una definición centrada en el concepto de calidad en el uso, es decir, se refiere a cómo el usuario realiza tareas específicas en escenarios específicos con efectividad. [1]

2. 35 CONSEJOS PARA MEJORAR LA USABILIDAD DE SUS PÁGINAS WEB

• Escoja un dominio memorable, de preferencia utilizando no más de dos palabras. Una de ellas puede ser el nombre propio de su empresa y la otra el giro del negocio. Por ejemplo, si usted tiene una empresa de consultoría llamada Alfa, un buen dominio podría ser: alfaconsultores.com.
• Incluya el logotipo de su compañía en cada página, y ubíquelo en la esquina superior izquierda.
• Cree un “favicon” para su web. Un “favicon” es el icono pequeño que aparece en la barra de direcciones del navegador. Este icono puede ser una versión pequeña del logotipo de su empresa. Como este icono aparecerá también junto a la descripción de su página en los fólderes de Favoritos, hará que el usuario ubique e identifique más fácilmente su página.
• En los títulos de sus páginas, utilice los términos genéricos más usados para describir el contenido de las mismas. Esto es necesario ya que los motores de búsqueda utilizarán el título de sus páginas en la lista de resultados. Al utilizar términos comunes facilitará que el usuario escoja sus páginas.
• Utilice un diagramado y un esquema de colores consistentes en todas sus páginas. El usuario deberá deducir fácilmente que se encuentra en el mismo sitio web al visitar sus distintas páginas. El esquema gráfico de su página debe también ser consistente con el utilizado en cualquier otro material gráfico desarrollado por su compañía, y mantener así su identidad corporativa.
• Cree una sección llamada “Sobre Nosotros” o “Quienes Somos”, donde incluya toda la información relevante sobre su empresa. De esta manera sus usuarios no tendrán que navegar por todo su sitio web para buscar información.
• Diseñe sus páginas de tal manera que carguen rápidamente. Generalmente, si una página tarda más de cinco segundos en cargar, la mayoría de usuarios no esperará y navegará hacia otro sitio. Piense en los usuarios que aun puedan no estar utilizando una conexión rápida.
• No utilice pantallas “splash“. Una pantalla splash es una página web servida automáticamente, generalmente animada, utilizada como preámbulo a la página principal. Las pantallas splash no brindan beneficio alguno al el usuario, sino que por el contrario, evitan que éste pueda acceder a la información de manera rápida y eficiente.
• Si su sitio web es extenso (más de 50 páginas) incorpore una función de búsqueda. Muchos usuarios preferirán utilizarla en lugar de navegar insistentemente por todas las opciones del menú buscando información. Ubique el formulario de búsqueda en la esquina superior derecha de sus páginas, ya ésta es la ubicación más utilizada.
• En su menú de navegación, presente las diferentes opciones agrupadas en sub-menús de opciones relacionadas. Un sub-menú puede agrupar los diferentes Productos de su empresa, otro puede agrupar Información Corporativa donde pueden presentarse enlaces a la historia de su empresa, a la sección “quienes somos”, a un mapa de la empresa, etc.
• Cree un mapa del sitio y active un hipervínculo hacia él desde su página principal. Esto no solamente beneficiará a sus usuarios sino que hará que los motores de búsqueda, al acceder al mapa del sitio, ubiquen sus páginas más rápidamente y las incluyan en su base de datos.
• Cree una página de archivo, donde el usuario pueda encontrar fácilmente y en un solo lugar todos sus artículos, comunicados de prensa o noticias relacionadas con su empresa.
• No utilice marcos (frames), ya que éstos presentan muchos problemas de navegación e impresión. Por ejemplo, los marcos impiden que un usuario pueda grabar una página en su fólder de Favoritos.
• Minimice el uso de la tecnología Flash. Por lo general las páginas hechas con Flash tardan mucho en cargar y no son registradas por los motores de búsqueda. Si decide utilizar Flash para su sitio web, sugerimos crear también una versión en HTML.
• No incluya archivos de audio que se abran automáticamente, ya que podría resultar perturbador en ambientes como oficinas y centros de trabajo. Cuando utilice archivos de audio, hágalo por medio de un enlace o hipervínculo que el usuario pueda activar si lo desea.
• Pruebe sus páginas web en diferentes navegadores (por ejemplo Internet Explorer y Mozilla Firefox) y en diferentes resoluciones (800×600 y 1024×768) para asegurarse de que todos los usuarios puedan ver sus páginas correctamente.
• Evite a toda costa que el usuario tenga que navegar horizontalmente. Esto ocurrirá cuando sus páginas son demasiado anchas y exceden la resolución de la pantalla. La navegación horizontal es uno de los problemas de usabilidad más graves.
• Ubique el contenido más importante en la parte superior de sus páginas, para que el usuario pueda tener acceso a él sin necesidad de navegar hacia abajo.
• Utilice un buen contraste entre el fondo de sus páginas y el texto. El mejor contraste se logra utilizando fondo blanco y texto negro. Evite utilizar fondos de página con texturas, ya que dificultan la lectura
• No utilice más de tres tipos de fuente en sus páginas. Puede utilizar uno para el texto principal, otro para los encabezados y otro para las opciones de navegación.
• Utilice fuentes diseñadas especialmente para la web y que sean fáciles de leer, como Verdana o Georgia. Ambas son aceptadas por todos los navegadores.
• Utilice un tamaño de fuente igual o mayor a 10pt para el texto principal.
• Utilice un estilo de redacción que facilite la lectura, como por ejemplo párrafos pequeños, encabezados frecuentes para dividir el contenido en porciones relevantes, palabras importantes resaltadas en “negrita” (bold), y puntos destacados (bullets).
• Evite utilizar elementos gráficos que no añaden valor y crean una apariencia confusa o poco profesional, como los contadores de visitas, GIFs animados, excesivo uso de mayúsculas, imágenes de publicidad, etc.
• Escriba en términos claros y concisos. Evite las palabras rebuscadas o muy técnicas (excepto cuando su audiencia así lo determine).
• Presente sus argumentos utilizando el menor número de palabras posible. Leer texto en una pantalla de computador es difícil, por lo que mientras más conciso sea el contenido, mejor. Además, sus lectores tienen muchas opciones a sólo un clic. Si su texto les aburre o no presenta el contenido relevante rápidamente, podrían optar por dejar sus páginas.
• No utilice ventanas que se abran automáticamente (pop-ups), no solamente por una cuestión de etiqueta sino también porque los navegadores actuales cuentan con opciones de bloqueo que evitan que el usuario acceda a ellas.
• Utilice texto descriptivo para sus hipervínculos. Por ejemplo, si usted crea un hipervínculo a un diagrama de motor, cree el enlace de la siguiente manera: Vea el siguiente diagrama de motor, en lugar de decir: para ver el diagrama de motor haga clic aquí.
• Utilice un color diferente para los hipervínculos ya visitados. Generalmente se utiliza una variante más clara del utilizado para los hipervínculos no visitados. Por ejemplo, si los hipervínculos no visitados son azules, los hipervínculos visitados podrían ser azul celeste.
• No utilice el color empleado para los hipervínculos en otros elementos como encabezados o palabras destacadas en negrita, ya que el usuario podría confundirse y pensar que se trata de hipervínculos.
• Cuando cree un hipervínculo hacia un archivo en un formato distinto a HTML (como Word, Excel, PowerPoint o Adobe Acrobat) indíquelo claramente, ya sea colocando el formato entre paréntesis junto al hipervínculo, o utilizando un pequeño icono que identifique el programa necesario para abrirlo.
• No cambie la dirección URL de sus páginas, ya que los usuarios podrían haber colocado la dirección antigua en su fólder de Favoritos y obtener una página de error al tratar de visitarlas. Si debe mudar sus páginas a otra dirección, consulte con su compañía de alojamiento de páginas sobre como redirigirlas automáticamente.
• Optimice el tamaño de sus imágenes. Las imágenes muy pesadas requieren demasiado ancho de banda y hacen que la página cargue muy lentamente. Normalmente el formato de imágenes JPG permite comprimir sus imágenes hasta en un 60% o 70% sin sufrir deterioro de la calidad. Utilizar un optimizador de imágenes es sumamente sencillo.
• No incluya imágenes que residan en otros servidores, ya que utilizar el ancho de banda de otras personas es una práctica desleal. Además, si el servidor se encuentra fuera de servicio las imágenes no aparecerán en sus páginas. Siempre cargue las imágenes que va a utilizar a su propio servidor.
• Utilice el atributo ALT para colocar una descripción relevante a sus imágenes. Esta descripción será visible cuando coloque el cursor sobre la imagen. [2]

Por último, aconsejamos que pruebe la usabilidad de su sitio web usted mismo, utilizando todas sus funciones y visitando todas sus páginas, para detectar áreas donde se puedan realizar mejoras. En general, la navegación debe resultar intuitiva y la información relevante debe ser fácil de encontrar. Regularmente, haga que también otras personas evalúen sus páginas y le comuniquen si han tenido alguna dificultad y si tienen alguna sugerencia. Recuerde que la función de un sitio web es servir al usuario. De nada sirven los diseños creativos y los gráficos impactantes si no contribuyen a que el usuario logre su objetivo de manera fácil y rápida. [2]

3. EVALUACIÓN

La evaluación de la usabilidad – la etapa más importante en el proceso de Diseño Centrado en el Usuario – se puede realizar a través de varios métodos o técnicas y sobre diferentes representaciones del sitio (prototipos en papel, prototipos software, sitio web implementado…). [3]

Existe una gran diversidad de métodos para evaluación de usabilidad, aunque en el presente trabajo únicamente se describirán aquellos que creemos de más utilidad y aplicabilidad real en el contexto del desarrollo de aplicaciones web. [3]

3.1. Método por inspección: evaluación heurística

Los métodos de inspección de la usabilidad de un sitio web son aquellos realizados por el experto en usabilidad, y que se basan en el recorrido y análisis del sitio identificando errores y problemas de diseño.

La Evaluación Heurística es un tipo de método de inspección, que tiene como ventaja la facilidad y rapidez con la que se puede llevar a cabo.

Este tipo de evaluación normalmente la lleva a cabo un grupo reducido de evaluadores que, en base a su propia experiencia, fundamentándose en reconocidos principios de usabilidad (heurísticos), y apoyándose en guías elaboradas para tal fin, evalúan de forma independiente el sitio web, contrastando finalmente los resultados con el resto de evaluadores.

Diversos autores han propuesto diferentes conjuntos de heurísticos o principios de usabilidad a través de los cuales evaluar la usabilidad. Nielsen (1994a) propone los siguientes:

• Visibilidad del estado del sistema : El sistema (o sitio web) siempre debe informar al usuario acerca de lo que está sucediendo. Por ejemplo, cuando en una interfaz tipo webmail se adjuntan ficheros a un mensaje, el sistema debe informar del hecho mostrando un mensaje de espera.
• Lenguaje común entre sistema y usuario : El sistema debe hablar el lenguaje del usuario, huyendo de tecnicismos incomprensibles o mensajes crípticos.
• Libertad y control por parte del usuario : El usuario debe tener el control del sistema, no se puede limitar su actuación. Se debe ofrecer siempre al usuario una forma de “salida de emergencia”, como por ejemplo la representada por la opción para “saltar” animaciones de introducción (normalmente Flash).
• Consistencia y estándares : La consistencia se refiere a, por ejemplo, no utilizar dos rótulos distintos para referirse a un mismo contenido, o no usar estilos diferentes dentro de un mismo sitio. Además el sitio web debe seguir estándares o convenciones de diseño ampliamente aceptados. Cuanto más se parezca un diseño y su funcionamiento al resto de sitios web, más familiar y fácil de usar resultará para el usuario.
• Prevención de errores : Mejor que un buen mensaje de error es un diseño que prevenga que ocurra el error.
• Es mejor reconocer que recordar : Este principio hace mención a la visibilidad de las diferentes opciones, enlaces y objetos. El usuario no tiene por qué recordar dónde se encontraba cierta información, o cómo se llegaba a determinada página.
• Flexibilidad y eficiencia de uso : El sitio debe ser fácil de usar para usuarios novatos, pero también proporcionar atajos o aceleradores para usuarios avanzados.
• Diseño minimalista : Cualquier tipo de información que no sea relevante para el usuario y que sobrecargue la interfaz debe ser eliminada.
• Permitir al usuario solucionar el error : Por ejemplo, cuando un usuario introduce una consulta en un buscador y no obtiene ningún resultado, se debe informar al usuario sobre cómo solucionar el problema, por ejemplo con mensajes del tipo “introduzca algún sinónimo” o “quiso Ud. decir…”. Además no se debe borrar el contenido de la caja de búsqueda para que el usuario pueda rehacer la consulta.
• Ayuda y Documentación : Siempre es mejor que un sitio web se pueda utilizar sin necesidad de ayuda o documentación, aunque en sitios web extensos o en procesos de interacción complejos (como el rellenado de un formulario), se debe proporcionar información de ayuda al usuario.

Hassan Montero y Martín Fernández (2003a) proponen el siguiente modelo de evaluación heurística:

• Aspectos generales : Objetivos, look & feel, coherencia y nivel de actualización de contenidos.
• Identidad e Información : Identidad del sitio e información proporcionada sobre el proveedor y la autoría de los contenidos.
• Lenguaje y redacción : Calidad de los contenidos textuales.
• Rotulado : Significación y familiaridad del rotulado de los contenidos.
• Estructura y Navegación : Idoneidad de la arquitectura de información y navegación del sitio.
• Lay-out de la página : Distribución y aspecto de los elementos de navegación e información en la interfaz.
• Búsqueda : Buscador interno del sitio.
• Elementos multimedia : Grado de adecuación de los contenidos multimedia al medio web.
• Ayuda : Documentación y ayuda contextual ofrecida al usuario para la navegación.
• Accesibilidad : Cumplimiento de directrices de accesibilidad.
• Control y retroalimentación : Libertad del usuario en la navegación. [3]

3.2. Método de test con usuarios

El test con usuarios es una prueba de usabilidad que se basa en la observación y análisis de cómo un grupo de usuarios reales utiliza el sitio web, anotando los problemas de uso con los que se encuentran para poder solucionarlos posteriormente.

Como toda evaluación de usabilidad, cuanto más esperamos para su realización, más costoso resultará la reparación de los errores de diseño descubiertos. Esto quiere decir que no sólo debemos realizar este tipo de pruebas sobre el sitio web una vez implementado, sino también, sobre los prototipos del sitio.

Es una prueba complementaria a la evaluación heurística, pero un test con usuarios es más costoso, por lo que es recomendable realizarlo siempre después de una evaluación heurística, ya que sería desperdiciar tiempo y dinero utilizarlo para descubrir errores de diseño motivados por el no cumplimiento en el desarrollo de principios generales de usabilidad (heurísticos).

La ventaja que ofrecen los test de usuarios frente a otro tipo de evaluaciones es que por un lado es una demostración con hechos, por lo que sus resultados son más fiables, y por otro porque posibilitan el descubrimiento de errores de diseño imposibles o difíciles de descubrir mediante la evaluación heurística.

Llevar a cabo un test de usuarios formal obligaría a alquilar un local (laboratorio) adecuado, contratar a evaluadores especializados, así como a delegar en alguna empresa la selección y reclutamiento de los participantes de la prueba. Realmente sería bastante costoso y poco viable para la gran mayoría de casos.

Existe otra forma de llevar a cabo un test con usuarios popularizada por Nielsen (1994b) , mucho más económica y fácil de realizar, con resultados y utilidad similares, que son las denominadas pruebas informales o test de ‘guerrilla’.

En (Hassan Montero, Martín Fernández; 2003c) se detalla cómo llevar a cabo este tipo de pruebas: reclutamiento de participantes, elección del local y materiales, realización de la prueba y elaboración del informe final. [3]

4. IMPLEMENTACIÓN Y LANZAMIENTO

En la implementación del sitio es recomendable utilizar estándares (HTML, XHTML…) para asegurar la futura compatibilidad y escalabilidad del sitio. Esto se debe a que, aunque puede ser tentador utilizar tecnologías propietarias, el panorama tecnológico puede hacerlas desaparecer o cambiar en poco tiempo.

Igualmente es recomendable separar en la implementación contenido de estilo, mediante el uso de hojas de estilo (CSS) del lado del cliente y uso de bases de datos del lado del servidor. De esta forma se facilitará tanto el rediseño del sitio como la posibilidad de adaptación dinámica del diseño a las necesidades de acceso de cada tipo de usuario.

En esta etapa del desarrollo se debe llevar, así mismo, un control de calidad de la implementación, supervisando que todo funcione y responda a cómo había sido planificado, ya que la usabilidad del sitio depende directamente de la funcionalidad. Si algo no funciona, sencillamente no se puede usar.

Entre las técnicas para controlar la calidad de la implementación se pueden utilizar validadores automáticos de código como los proporcionados por el W3C ( http://www.w3c.org ), así como validadores para testar de forma semi-automática el cumplimiento de directrices de accesibilidad en el código, como el Test de Accesibilidad Web ( http://www.tawdis.net ).

Una vez implementado el sitio y testada su funcionalidad se procede al lanzamiento del sitio, que consiste en su puesta a disposición para los usuarios. Se trata de un evento importante, muchas veces erróneamente apresurado debido a la necesidad de cumplir plazos de entrega.

El primer encuentro entre usuario y el sitio web modelará en gran medida la percepción que el usuario tendrá del sitio en posteriores visitas. Por ello es necesario que durante los primeros meses a partir del lanzamiento, el sitio tenga un diseño y contenidos adaptados a este importante momento de su ciclo de vida. Es el momento de explicar a los usuarios el sitio, de enseñarles a usarlo, darles la bienvenida, “vendérselo”…

Después de esos primeros meses de vida la audiencia del sitio habrá cambiado. Seguirá habiendo usuarios que accedan por primera vez al sitio, pero ya no representarán a la mayoría de la audiencia. A los usuarios habituales no se les puede seguir haciendo perder el tiempo dándoles la bienvenida o explicándoles qué es y en qué consiste el sitio web.

Para asegurar que el sito llega a su audiencia potencial se hace uso de la promoción. La forma de llevar a cabo una campaña de publicidad o promoción dependerá de la naturaleza y características del sitio web.

Se debe crear expectación, un conocimiento previo del sitio en los potenciales usuarios. Para ello es recomendable que antes del lanzamiento, desde la misma URL que tendrá finalmente el sitio, se ofrezca una página web explicativa de lo que será el sitio, cuándo estará disponible, así como información de contacto.

Una vez realizado el lanzamiento se deben utilizar técnicas de promoción para atraer a los usuarios hacia el sitio:

• Banners publicitarios : Ya sea desde sitios web externos pero relacionados temáticamente con el sitio a promocionar, o desde el mismo sitio web cuando lo que se promociona es un sub-sitio o sección interna.
• Inclusión en buscadores y directorios : La inclusión del sitio web en índices y motores de búsqueda es la técnica más eficiente para atraer usuarios. Si el sitio web es público (de acceso no limitado o controlado) se debe haber diseñado de tal forma que facilite su indización automática. Si el sitio web no es público (por ejemplo un master virtual), y los contenidos no son accesibles, se debe crear un mini-sitio público que explique toda la información posible acerca del sitio, para que este sea indizado por los buscadores.
• Campañas de correo electrónico : Si se posee una base de datos con correos electrónicos de usuarios potenciales (y es legal la posesión y uso de esta información), se puede informar directamente a estos usuarios del lanzamiento del sitio. Otro mecanismo muy útil es la promoción a través del envío de mensajes a listas de correo relacionadas temáticamente con el sitio web. [3]

5. MANTENIMIENTO Y SEGUIMIENTO

Un sitio web no es una entidad estática, es un objeto vivo cuyos contenidos cambian; cuya audiencia, necesidades y perfiles cambian, y que por lo tanto requiere de continuos rediseños y mejoras.

Estos rediseños deben ser muy sutiles, no se puede cambiar el aspecto y diseño de forma drástica de un día para otro, pues aunque estos cambios estén fundamentados en problemas de usabilidad descubiertos post-lanzamiento, los cambios pueden resultar dramáticos para los actuales usuarios que ya estaban acostumbrados y familiarizados con el actual diseño.

Los problemas de uso no detectados durante el proceso de desarrollo pueden descubrirse a través de varios métodos, principalmente a través de los mensajes y opiniones de los usuarios, y su comportamiento y uso del sitio. [3]

6. DISEÑO WEB CENTRADO EN EL USUARIO

Para asegurar empíricamente que un sitio cumple con los niveles de usabilidad requeridos, el diseñador necesita de una metodología, de técnicas y procedimientos ideados para tal fin.

Se propone la aplicación del marco metodológico conocido como Diseño Centrado en el Usuario o User-Centered Design (Norman, Draper; 1986) adaptándolo a las características propias del desarrollo de aplicaciones web.

El Diseño Web Centrado en el Usuario se caracteriza por asumir que todo el proceso de diseño y desarrollo del sitio web debe estar conducido por el usuario, sus necesidades, características y objetivos. Centrar el diseño en sus usuarios (en oposición a centrarlo en las posibilidades tecnológicas o en nosotros mismos como diseñadores) implica involucrar desde el comienzo a los usuarios en el proceso de desarrollo del sitio; conocer cómo son, qué necesitan, para qué usan el sitio; testar el sitio con los propios usuarios; investigar cómo reaccionan ante el diseño, cómo es su experiencia de uso; e innovar siempre con el objetivo claro de mejorar la experiencia del usuario.

El proceso de Diseño Web Centrado en el Usuario propuesto se divide en varias fases o etapas, algunas de las cuales tienen carácter iterativo. Sirva como aproximación el siguiente esquema:

Como indica el esquema, las fases de “diseño”, “prototipado” y “evaluación” son cíclicas e iterativas. Esto quiere decir que todo lo que se diseñe debe ser constantemente evaluado a través de su prototipado, para así poder corregir errores de usabilidad desde los primeros momentos del desarrollo. Evaluar el sitio web únicamente una vez finalizado su desarrollo haría mucho más costosa la reparación de errores de usabilidad, ya que siempre es más económico reconducir un diseño que rediseñar completamente el sitio. [3]

7. RECOPILACIÓN DE MÉTODOS DE USABILIDAD

El siguiente segmento consiste en una recopilación de herramientas de Usabilidad y Diseño Centrado en el Usuario. En la misma, se han establecido cuatro categorías (Indagación, Inspección, Test y Técnicas Relacionadas), proporcionándose una breve descripción de cada una de ellas, al igual que de los métodos que comprenden. Descargar: recopilacion-de-metodos-de-usabilidad. [4]

•·         Métodos de Indagación

• • Aproximación Contextual
  • Aproximación por Grupos
  • Aproximación Individual
  • Participación Remota
  • Generación de Ideas
  • Métodos de Observación Experta

•·         Prototipado y Categorización

• • Prototipado
  • Según la funcionalidad reproducida
  • Según la fidelidad de la reproducción de la interfaz
  • Otras técnicas de prototipado
  • Prototipado Rápido
  • Prototipado por Vídeo
  • Métodos de Categorización

•·         Métodos de Inspección

• • Inspecciones
  • Evaluación Heurística
  • Paseos Cognitivos
  • Listas de Comprobación
  • Otras perspectivas

•·         Métodos de Test

• • Protocolos de Expresión del Usuario
  • Realización de medidas
  • Variantes del Test de Usabilidad clásico

Descargar: recopilacion-de-metodos-de-usabilidad

8. MANUAL DE USABILIDAD EN LA WEB

En este manual podras encontrar ejemplos y comentarios sobre usabilidad e interfaz en internet. La usabilidad son técnicas que ayudan a los seres humanos a realizar tareas en entornos graficos de ordenador, en nuestro caso, páginas web. Descargar Manual De Usabilidad en la Web

Índice del manual:

1.- Información general
Veamos primero algunas respuestas a preguntas básicas sobre qué es la usabilidad, y para qué sirve.

2.- Elementos de un buen site
Aquí ofrecemos una guía básica sobre los elementos que componen un buen sitio web y cómo conseguirlo.

3.- Sobre buscadores internos
En este articulo vamos a comentar como planear y crear un buen buscador interno para un site. Incluye varios ejemplos sobre cómo se hace en los periódicos digitales españoles.  

4.- Formularios
Ofrecemos una serie de claves para crear formularios más fáciles y agradables. Rellenar un formulario no tiene que ser un suplicio para el visitante.

5.- Comparativa de formularios
Ahora vamos a ver los consejos de formularios con una comparativa entre un formulario de la página del Corte Inglés y un formulario propuesto. Primero veamos el del Corte Inglés.

6.- Comparativa de formularios II
Ahora veamos el formulario propuesto, tratando de aplicar los consejos sobre formularios que ya hemos visto.

7.- Selección múltiple (combos y demás)
Se ofrecen consejos para la utilización de elementos de formularios, con objetivo de añadir funcionalidad a una página. Veremos ejemplos de utilización errónea y correcta.

8.- Cabeceras de portal = espacio perdido
Hace un análisis de las características a buscar en una buena cabecera de portal y ofrece una visión crítica sobre el uso de éstas en los portales más destacados.

9.- Los usuarios no son adivinos
En este articulo indicaremos que elementos ayudan al usuario a navegar y cuales no. Además, intentaremos indicar que elementos ayudan a predecir al usuario su destino al pinchar un enlace.

10.- Colores y hojas de estilo que ayudan
En este artículo podemos ver los colores y hojas de estilos que ayudan a los visitantes a navegar de una manera más fácil e intuitiva por un sitio web.

11.- B2B. Dar antes de recibir
Guía de consejos sobre usabilidad en modelos B2B. Entre otros consejos destaca que es importante enseñar el producto antes de que el usuario decida registrarse.

12.- Como escribir newsletters
Veamos una serie de consejos sobre cómo construir un boletín de novedades de manera que cumpla sus objetivos perfectamente.

13.- Pon un enlace a mi site
Es importante que la gente ponga enlaces a nuestros sitios, por ello debemos hacerles fáciles las cosas y ofrecerles gráficos, códigos HTML, etc.

14.- Usabilidad para PDAs
Una guía para el correcto diseño de sitios webs accesibles desde PDAs. Por José Julio Ruiz.

15.- Navegadores usables
Veamos una serie de consejos prácticos para diseñar un buen menú de navegación.

16.- Reduce el peso de tu site
Páginas más ligeras implican más páginas vistas. Algunos consejos para reducir el peso de tu site.

17.- Páginas fluidas
Son las que sus dimensiones se adaptan al tamaño del navegador. Cuando usarlas y cuando no.

18.- La página de error
Los errores 404 de página no encontrada son muy típicos. Aprende a tratarlos, ofrecer soluciones y corregirlos.

19.- El banner perfecto
Análisis del uso de banners como herramienta de comunicación. Consejos para mejorarlos y más documentación.

20.- Abrir diálogo con los visitantes
En este articulo se vera el tema de recoger información del usuario en nuestro site. Cómo debemos o no debemos hacer.
21.- Optimizar el formato de las páginas web para imprimir
Consejos para construir páginas que los usuarios puedan imprimir correctamente.

22.- Un enlace por párrafo
Discusión sobre cómo enlazar las noticias de portada de los portales.

23.- Preparando e-comercio para la navidad
Cosas que podemos hacer para potenciar las ventas en navidad en los sitios de comercio electrónico.
24.- Cómo grabar video para Internet
Como grabar video para una correcta reproducción en Internet. Piensa en una sola cosa: compresión.

25.- Iframes
Vemos lo que son los frames flotantes, cómo crearlos y sus características, ventajas e inconvenientes, más destacados en el campo de la usabilidad. Incluye introducción al mundo del frame.

26.- Diarios de compra
A 13 personas se les pidió que compraran por Internet un producto para ver si eran capaces de llegar a realizar la compra.

27.- IBEX 35 Uno a uno
Vemos una a una las páginas que componen el selectivo IBEX 35 para comprobar si ofrecen la información que deberían.

28.- Páginas corporativas – soluciones de emergencia
Viendo el mal estado general de las webs corporativas de empresas punteras españolas, ofrecemos diversas claves que deberían aplicar para llegar a ser decentes.

29.- El log de visitas ayuda a conocer a tus usuarios
Qué es un log y cómo extraer información para conocer mejor a tus usuarios y sus pautas de comportamiento.

30.- Newsletters que sirven para vender
Consejos para crear Boletines que ayuden a vender. Desde la información que debemos colocar como presentación hasta las páginas del sitio donde debemos enlazar.

31.- Personalizar parámetros – Usar enlaces en lugar de combos.
Como ofrecer al usuario herramientas que son fáciles de usar – Usar enlaces en lugar de combos al seleccionar parámetros de una búsqueda o presentación.

32.- Convertir usuarios en clientes
No es un paso sencillo, pero en este artículo ofrecemos algunas pautas y razonamientos que pueden ayudar mucho para conseguir hacer productivas tus visitas convirtiéndolas en clientes.

33.- Pedir información que nos puede servir de algo en el futuro
Más sobre formularios: pedir información a los usuarios es válido, aunque evitando pedir información personal. Procura que esa información te sirva para futuras acciones.

34.- Coloca un buscador gratuito en tu web
Opciones gratuitas para incorporar un buscador interno para tu sitio. Recomendación de Atomz.com

35.- Mejorar el producto
Pasos que podemos o debemos seguir para hacer viable nuestro proyecto en Internet. Vender el producto, afinar la publicidad, vender el contenido o los servicios. Muchas ideas… o necesidades.

36.- Gráficos para representar datos
La representación de datos de forma grafica ofrece mensajes mas claros donde las conclusiones son fáciles de entender. Estudiamos tipos de gráficos, herramientas y algunos casos concretos en la Web.

37.- Gráficos para representar datos 2
En este nuevo capitulo tratamos otros tipos de gráficos.

38.- Paleta de colores para gráficos
Una imagen con varias paletas de colores que podemos utilizar para la presentación de gráficos, tablas, incluso para el diseño de una web.

39.- Evaluar la usabilidad
Estudiamos los métodos existentes para evaluar la usabilidad de una página web. Evaluación automática, de acuerdo a directrices y con usuarios.

40.- Selección de reproductor, real player VS quicktime
Se comparan los reproductores de Quicktime y Real. Se ofrecen ejemplos de películas en varios formatos y ayudas para el desarrollador con códigos de inserción.

41.- Ventajas e inconvenientes del uso de frames
Veamos una serie de cosas buenas y malas derivadas del uso de marcos o frames a la hora de diseñar y utilizar un sitio web.

42.- Construyendo páginas sencillas
La ciencia de la interacción hombre-máquina se ha desarrollado mucho en los últimos años y nos podemos aprovechar de ella en nuestras páginas. La resumimos en forma de consejos.

43.- Organizar información para web sites
Tácticas y consejos para organizar la información en los web sites. Modulación en sistemas de fichas, búsqueda de palabras clave para organizar los contenidos y la generación de páginas lanzadera que hagan de portadas a las secciones.

44.- Hojas de estilo (CSS)
Guía básica y ejemplos de las Hojas de Estilo en Cascada presentadas desde el ámbito de la usabilidad.

45.- Aumentar el número de páginas vistas
Aumentar el número de páginas vistas es clave para conseguir que el usuario conozca mejor nuestro sitio, vea más contenido y aumente la confianza y la posibilidad de generar negocio.

46.- Crear momento
Artículo que explica las pautas a seguir para mejorar la productividad, de modo que nuestro sitio aproveche al máximo los esfuerzos que dedicamos. Detectar oportunidades, crear sensación de único y tener un plan de trabajo.

47.- Revistas online, dos ejemplos que cierran
Dos conocidas revistas online tienen que cerrar porque el negocio no es propicio. ¿Tienen algún sentido publicar online o muchos de los males son culpa del overhead generado por la burbuja del dot.com?

48.- Usando iconos en el diseño de interfaces
Usabilidad relacionada con la utilización de iconos en nuestras páginas web.

49.- Usability Chapuzas, S.A.
Recomendaciones para escoger una consultora para mejorar la usabilidad de nuestro sitio.

50.- Libro de estilo
Algo sobre libros de estilo.
51.- Apéndice I: Enlaces de Interés
Enlaces interesantes sobre usabilidad.

Descargar Manual De Usabilidad en la Web.[5]

9. LISTA CUESTIONES A COMPROBAR RESPECTO A LA USABILIDAD DE UN SITIO WEB.

Repasa la lista y seguro que encuentras varias mejoras que poder hacer en tu web. [6]

Técnicos

1.- Validar el código (X)HTML usando el validador de etiquetas del W3C.
2.- Validar el código CSS usando el validador de CSS del W3C.
3.- Comprobar el sitio web al menos en los navegadores IE, Firefox, Opera y Safari.

Imágenes

4.- Añadir los atributos ALT y TITLE a todas las imágenes importantes.
5.- Añadir el atributo LONGDESC a las imágenes que necesiten una descripción.
6.- Escribir un texto alternativo eficiente para las imágenes.
7.- Realizar tus páginas con un tamaño menor a 50KB.
8.- Elegir el tipo de fichero apropiado para tus imágenes.
9.- Añadir una descripción a imágenes que soportan el contenido.
10.- Usar texto plano en vez de imágenes para el contenido importante.

Contenido

11.- Usar tipo de letra sans-serif con un tamaño de texto decente para el texto del body.
12.- Ajustar el contenido principal y secundario, si es necesario para aumentar la legibilidad.
13.- Alinear el texto del body a la izquierda (dependiendo de las lenguas).
14.- Usar EM o porcentaje en lugar d ePX.
15.- Asegurarte que no hay grandes sentencias en mayúscula.
16.- Usar menos de 78 caracteres, incluidos espacios, por linea.
17.- Usar párrafos sencillos y precisos con títulos explicativos.
18.- Usar listas cuando es necesario.
19.- Escribir primero la conclusión y luego la explicación.
20.- Crear suficiente contraste entre el texto y el fondo.
21.- Hacer tu sitio web accesible para navegadores sólo texto.
22.- Asegurarte que no hay páginas “en construcción”.
23.- Incluir una función de imprimir en las páginas con gran cantidad de texto.
24.- Incluir una hoja de estilos para imprimir.
25.- Reemplazar todos los caracteres especiales por su código ISO Latin-1.
26.- Revisar la ortografía y gramática del contenido.

Navegación

27.- Asegurarse que todos los links funcionan mediante el uso del comprobador de links del W3C.
28.- Incluir un link a todas tus páginas principales en la página Home.
29.- Incluir la navegación principal en cada página.
30.- Usar menos de 8 items en la navegación principal.
31.- Distinguir las páginas activas y no activas en el menú.
32.- Usar texto explicativo para los links en lugar de “clic aquí”.
33.- Usar texto explicativo para los links en lugar de términos de negocio.
34.- Hacer distinción entre links visitados y no visitados.
35.- Hacer distinción entre links y texto plano.
36.- Añadir el atributo TITLE a todos los links.
37.- Usar breadcrumbs (“migas de pan”) si tienes una gran cantidad de páginas.
38.- Incluir opciones de búsqueda si tienes una gran cantidad de páginas.
39.- Hacer que el link del logotipo nos lleve a la página de inicio.
40.- Hacer un link de saltar al contenido en las páginas.
41.- Hacer un link del salto al menú en las páginas.
42.- Comprobar si es posible navegar por el sitio web usando las teclas SHIFT-TAB y RETURN.
43.- Asegurarte que no usas ningún links de javascript.

Estructura

44.- Hacer una estructura de página consistente.
45.- Colocar el logotipo arriba a la izquierda.
46.- Colocar una línea explicativa junto al logotipo.
47.- Colocar la caja de búsqueda arriba a la derecha.
48.- Colocar el contenido importante arriba en la página.
49.- Hacer el diseño en un sistema de rejilla.
50.- Hacer un diseño fluido usando porcentajes.
51.- Hacer el sitio web visible con baja resolución.
52.- Usar títulos particulares para todas las páginas.

Formularios

53.- Asegurarte que los usuarios no devuelven un formulario alterado después d eun error.
54.- Hacer una página de error amigable e informativa.
55.- Hacer una página de “gracias” amigable y con confirmación por email.
56.- Añadir un único botón de “submit” y ningún botón de “reset”.
57.- Decirle al usuario lo que le espera después de hacer clic en el botón de submit.
58.- Dividir formularios largos en múltiples páginas.
59.- Dar un espacio al usuario para escribir.
60.- Poner un asterisco en los campos obligatorios.
61.- No cambiar el look estándar de lo campos de entrada del texto.
62.- Preguntar información usando un orden lógico.
63.- Usar campos de entrada dobles para passwords.
64.- Permitir al ordenador, no al usuario, formatear información.
65.- Asegurar que el usuario puede rellenar el formulario entero usando la tecla TAB.
66.- Explicar al usuario por qué se pregunta cierta información.
67.- Explicar al usuario que vamos a hacer con la información.
68.- Usar validación en tiempo real usando AJAX.
69.- Usar la etiqueta LABEL.
70.- Colocar la etiqueta LABEL encima de los campos de entrada, en vez de junto a ellos.
71.- Elegir tipos de entrada correctos para diferentes datos.
72.- Colocar automáticamente el cursor en el campo de entrada superior.
73.- Distinguir los campos activos de los no activos.
74.- Usar cuando sea apropiado las entidades FIELDSET y LEGEND.
75.- Comprobar si el formulario también funciona sin javascript.

Multimedia

76.- Asegurarse que la información/navegación principal no está hecha en Flash.
77.- Asegurarse que la música y los videoclips no empiezan automáticamente.
78.- Asegurarse que la música y los videoclips pueden ser apagados.
79.- Informar al usuario sobre el tamaño y longitud de la música y los videoclips.

Características extras

80.- Hacer una página formateada para los errores 404.
81.- Hacer un mapa del sitio.
82.- Usar RSS (si se añade contenido regularmente).
83.- Hacer una versión de alto contraste del sitio web.
84.- Hacer unas URLs con buena apariencia.
85.- Asegurar que no hay frames en el sitio web.
86.- Asegurar que no hay pop-ups en el sitio web.
87.- Hacer un formulario de contacto en vez de sólo un link al email. [6]

10. EVALUACIÓN DE USABILIDAD EN PÁGINAS COMERCIALES DE COLOMBIA

REFERENCIAS

[1] http://www.ainda.info/que_es_usabilidad.htm

[2] http://www.theinternetdigest.net/es/consejos-de-usabilidad-web.html

[3] http://www.hipertext.net/web/pag206.htm

[4] http://www.sidar.org/recur/desdi/traduc/es/visitable/Herramientas.htm

[5] http://www.desarrolloweb.com/manuales/5/#capitulos

[6] http://www.peretufet.com/12/01/2007/cheklist-de-usabilidad/