Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad. Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles

Transcripción

1 Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles Versión actualizada en Carlos D. González - Update: Oct Contacto: usabilidadweb.com.ar En este espacio ofrezco capacitación de nivel avanzado, en clases individuales, para la creación de productos tecnológicos de alta calidad (Sitios y aplicaciones web, bases de datos, interfaces, middleware, etc.). Aqui las mejores tecnologías y técnicas hacen simbiosis para lograr los objetivos propuestos. En este caso en particular el tema que nos convocará serán los estándares XHTML, CSS, Accesibilidad y Usabilidad. Trabajaremos con el desarrollo centrado en las personas, la relación de los usuarios con los objetos, los mecanismos para incorporar simplicidad (simplicidad no como slogan sino como metodología para el desarrollo), con la utilización de patrones de diseño, arquitecturas de capas, el diseño de interfaces y la visión profunda de la usabilidad y accesibilidad en proyectos tecnológicos. Esto constituye el Cómo aplicar los conocimientos tecnológicos. La sencillez en el desarrollo Desarrollar proyectos sencillos en la web, es dificil. Alcanzar un estado de simplicidad operativa confiable, segura, robusta y de calidad es un objetivo al que se llega en forma razonada, a través de un camino tecnológico y metodológico. Integración de Objetos Las aplicaciones de gran calidad integran objetos con propiedades de cualidades reales. Para ello se necesitan, tecnologías de calidad y un trabajo, sencillamente exquisito. Sitios y Aplicaciones Web con las funciones necesarias, tecnologías de calidad y un trabajo artesanal que considere patrones de diseño de interfaces, usabilidad, arquitectura de información, la sencillez en el desarrollo, programación acorde al desarrollo de software y el manejo de estándares web para la máxima disponiblidad de la información en la web, crean herramientas de notable calidad, seguras y robustas. Ingeniería de Usabilidad El modelo de proceso de la Ingeniería de Usabilidad que estudiaremos será el de Mayhew. aqui nos centramos en el análisis de los requisitos, el diseño, la evaluación y desarrollo y la instalación.

2 Patrones de Diseño Analizaremos patrones de diseño que nos ayudarán a entender y resolver problemas en distintas áreas de una interfaz como: Navegación Búsquedas Interacción básica Procesos en el E-commerce El conocimiento Hay dos posibilidades básicas de aplicar el conocimiento en los desarrollos tecnológicos, por un lado se aplica el camino critico y para resolver se observa lo que falla y se le da sentido a ojos del inexperto, se sigue esto, hasta el final de la cadena de conocimiento. Por otra parte, el conocimiento profundo simplifica el discurso y permite alcanzar el núcleo esencial y esto soluciona. El conocimiento profundo de las tecnologías, metodologías, la web como medio, etc., permiten alcanzar la simpleza en el desarrollo, lo que se transfiere a la aplicación final. Desarrollo del curso Estándares XHTML y CSS - Usabilidad - Accesibilidad Junto con el desarrollo de XHTML se incorporan los estándares CSS (hojas de estilo en cascada) y las consideraciones de Accesibilidad WAI AAA y Sección 508, como asi tambien temas relativos a Usabilidad y Arquitectura de Información. Tecnologías utilizadas en el desarrollos de sitios web. Herramientas: El mejor editor de código profesional; los pagos y los gratuitos. Descarga e instalación del software. Los mejores editores gratuitos de texto (en Windows y Linux). Bloques de construcción XHTML. Consideraciones de diseño. Organización de archivos. Marcas completas del standard en el formato de texto. Marcas completas del standard para el tratamiento de imágenes web. Gráfica relativa a imágenes. Formatos, optimización. Diseño con imágenes y texto. Diseño de página. Marcas completas del standard para la creación de todos los tipos de enlaces. Mapas de imágen. Creación de listas. Marcas completas del standard para la creación y diseño de tablas. Marcas semánticas. Marcas completas del standard para la creación de marcos. Consideraciones especiales. Marcas completas del standard para la creación de formularios. Comprensión de la operación de un formulario en el lado Servidor y Cliente. Creación de páginas web. Integración de conocimientos. Aclaración de dudas. Durante el desarrollo del programa el alumno deberá crear numerosas páginas web incluyendo los conocimientos de cada estadío. Recibirá como apoyo a las clases, material teórico para consulta y ampliación de conocimientos.

3 CSS2: Hojas de estilo en cascada Consideraciones generales de las CSS. Razones para su uso. Hojas de estilo internas y externas. Incrustación de estilos. Los estilos y el conocimiento profundo de las estructuras del XHTML. Sintáxis de los estilos. Definición de estilos locales. Estudio detallado de Selectores. Propiedades de herencia y cascada. Manejo de colores desde los estilos. Software. Modelo de formato visual. Diseño de clases y utilización de "id" con los estilos. Estudio completo de formateo de texto con estilos. Formateo de listas y tablas. Formateo de imágenes y texto con estilos. Formateo de formularios con estilos. Diseño de página con estilos. Estudio detallado de las cajas (Box). Soporte al modelo de cajas Internet Explorer y el modelo de caja Diseños Liquidos Diseños Congelados Diseños Elásticos El background y los estilos. Los estilos y las unidades. Efectos sobre imágenes y texto, con estilos (efectos gráficos.) Diseño de páginas web con estilos. Integración de conocimientos. Aclaración de dudas. Usabilidad web y Arquitectura de la información Estos son algunos de los temas más importantes sobre usabilidad web y arquitectura de la información, que se tratan durante el curso de Estándares Web. Usabilidad: Conceptos generales. Su necesidad en el diseño web. Diseño de página. Separación del contenido y el formato. Diseño líquido. Actualización en el uso de tecnologías. Los tiempos de respuestas en un sitio web. Usabilidad en los enlaces web. Las hojas de estilo. Los marcos. El diseño de contenido. Cómo escribir para la web. Video y audio. Diseño de URL. Diseño del sitio. Página de inicio. La simplicidad en el diseño web. Accesibilidad de los usuarios discapacitados. La audiencia. Arquitectura de la información Organización de la información Diseño de sistemas de navegación Sistemas de rotulación Sistemas de búsqueda Diseño conceptual

4 La Interfaz de Usuario La interfaz de usuario es la parte de una aplicación que hace que sea posible el diálogo Hombre - Máquina. La Interfaz de Usuario se convirtió en un factor decisivo para la elección de un software y tiene una gran influencia en sitios web. La heterogeneidad que propone la web en el espectro de usuarios, hace que las interfaces deban desarrollarse acorde a esto. El Desarrollo Hipermedia y Web El desarrollo de sistemas de hipermedia debe incorporar un proceso sistemático y bien definido, no es posible realizarlos en forma artesanal. Se deben considerar aspectos como por ejemplo: 1. Sistemas de navegación sofisticados 2. Interacción con el usuario 3. Interfaces con aplicaciones externas (bases de datos, servicios web, etc.) 4. Restricciones de acceso Proceso de desarrollo Hipermedia La forma de construir soluciones efectivas y eficientes debe considerar lo siguiente: Se deben entender los objetivos del producto a desarrollar Se deben diseñar Interfaces adecuadas La arquitectura de la información debe hacerse pensando en las tareas que el usuario desarrollará Se deben incorporar mecanismos que den soporte a la tarea del usuario Se deben crear métricas para evaluar el proceso de desarrollo y futuras acciones Se deben desarrollar aplicaciones fáciles de mantener El proceso de diseño debe considerar una especificación del producto a desarrollar, alli tienen que definirse la forma de estructurar la información, la semántica a adoptar, las posibilidad de interacción del usuario, la accesibilidad, el grado de compatibilidad de la aplicación, etc.. Curso de Estándares Completo El curso de Estándares Web del W3C completo quedaría conformado con las siguientes temáticas, teórico - aplicadas: Estudio de Estándar HTML Migración a XHTML Estudio del Estándar CSS Accesibilidad Web Usabilidad Web Estudio de Patrones para el diseño de Interfaces Estudio de Patrones de Usabilidad Microformatos Semánticos Lenguaje de Marcas para la Telefonía Celular

5 Quienes pueden tomar este curso? Todos aquellos interesados en el tema, sin necesidad de experiencia previa, ya sean personas que desean autogestionarse o crear sitios y aplicaciones para terceros en forma profesional. Consultoría usabilidadweb.com.ar ofrece un servicio de consultoría On Line para resolver problemas puntuales o generales de usabilidad, desarrollo, estándares y accesibilidad web. Contacto: usabilidadweb.com.ar Página del Autor de Usabilidad web Stds W3C, PHP, MySQL, PostgreSQL, SQLite Desarrollo de software basado en web Desarrollo de software en JAVA y PYTHON Consultor independiente: Usabilidad y Estándares web W3C Cursos en Buenos Aires, Argentina Carlos D. González - Update: Oct usabilidadweb.com.ar