Usabilidad Web

Cursos de Tecnologías desde 1994

Web Semántica Aplicada y Web Móvil:
Curso de Programación Web Móvil, Responsive y Semántica con JQuery Mobile

Personas · Servicios · Productos · Eventos · Empresas en la Web Móvil

Interfaces JQuery UI, HTML 5, CSS 3 · Base de Datos · Usabilidad · Accesibilidad
JQuery Mobile · RDFa · Microdatos · Microformatos · Schema · Linked Data

Carlos González, autor de Usabilidad Web

Además de la Web de documentos clásica, el W3C está ayudando en la construcción de tecnologías que soporten una Web de datos. El principal objetivo de la Web de datos es permitir que los equipos informáticos hagan un trabajo más útil y desarrollar sistemas que puedan soportar interacciones de confianza sobre la red.

El término Web Semántica se refiere a la visión del W3C sobre la Web de datos enlazados (linked data). Las tecnologías de la Web Semántica permiten crear almacenes de datos sobre la Web, construir vocabularios y escribir reglas para manejar los datos. Los datos enlazados deben su potencial a tecnologías como RDF, SPARQL, y OWL.

Los usuarios móviles operan en un contexto de uso muy diferente a los usuarios de PC, y proporcionarles una experiencia personalizada para sus necesidades, es probablemente el mejor servicio que se les pueda prestar.

Lo ideal sería que los autores de sitios sean capaces de satisfacer la creciente demanda de una experiencia móvil de calidad sin cambiar una línea de código. Pero la realidad es que un sitio diseñado específicamente con la movilidad en mente, siempre va a proporcionar una experiencia de usuario mucho mejor para los usuarios móviles. [Fuente de los fragmentos: W3C]

Este entrenamiento le permitirá crear estructuras de datos en un contexto móvil. La capacitación está diseñada para el desarrollo de proyectos que usen en forma simbiótica tecnologías de la web Móvil junto a tecnologías Semánticas.

Carlos Daniel González, Entrenamiento, Desarrollo de Proyectos y Consultoría (Desde 1994).
Argentina, Ciudad Autónoma de Buenos Aires, Barracas
Contactar por mail

Entrenamiento, Desarrollo de Proyectos y Consultoría (Desde 1994)

¿Qué tecnologías se han desarrollado para adaptarse a los dispositivos móviles?

En los últimos años, el W3C ha desarrollado una serie de tecnologías web que explícitamente tienen en cuenta las especificidades de los dispositivos móviles:

  • CSS Mobile , un perfil de hoja de estilo en cascada que coincide con las necesidades de los autores de la Web móvil
  • SVG Tiny , un perfil de Gráficos Vectoriales Escalables bien adaptado a las capacidades de los dispositivos móviles
  • XHTML para móviles , que define un subconjunto de XHTML para móviles

La última generación de navegadores móviles son capaces de utilizar las tecnologías web más avanzadas, incluyendo las características de HTML5, CSS 2.1 y 3, una serie de APIs JavaScript, abriendo el camino para las aplicaciones Web móviles [Fuente W3C].

JQuery Mobile, Responsive, HTML 5, CSS 3

La incorporación de JQuery Mobile al entrenamiento, permite la construcción de proyectos móviles profesionales, usando las últimas tecnologías estándares W3C. Además, está prevista la realización de un proyecto móvil que incluya el uso de la base de datos MySQL / PHP.

El curso aborda las últimas tecnologías JQuery Mobile para crear estructuras Responsive, entre otras posibilidades, esto permitirá la inclusión de imágenes y videos para la web móvil. Los adelantos en tecnologías como CSS 3, permite crear proyectos que funcionen correctamente en todo tipo de terminales.

jQuery Mobile, que incluye HTML 5 y CSS 3, es la forma más adecuada de crear sitios y aplicaciones que están disponibles en todos los dispositivos populares tales como smartphone, tablet y de escritorio.

El entrenamiento abordará el desarrollo de una aplicación basada en RSS para localizar información desde dispositivos Mobile y podrán ser navegados como si se tratara de documentos HTML.

Los proyectos Mobile no sólo deben pasar las validaciones de sintáxis, sino tambien, las pruebas de amigabilidad hacia los dispositivos móviles, expresadas en valores porcentuales. El proyecto JQuery Mobile considera la Accesibilidad web.

La estrategia móvil de jQuery se puede resumir como: Un sistema de interfaz de usuario unificada que funciona a la perfección en todas las plataformas de dispositivos móviles más comunes. JQuery permite desarrollar modernas Interfaces de Usuario de aspecto profesional. El Framework incluye un sistema de navegación Ajax que permite transiciones animadas de páginas y un conjunto básico de widgets de interfaz de usuario: páginas, cuadros de diálogo, barras de herramientas, listviews, botones con iconos, elementos de formulario, acordeones, etc.. Cada uno de los elementos que conforman el Framework serán analizados en detalle y de manera simbiótica lo que permitirá realizar proyectos. Las bases de datos son tema de estudio junto con el Framework.

Referencia a Estándares Web en el W3C, Schema, JQuery Mobile, tratados durante el entrenamiento

Schema What is Schema.org? by

JQuery Mobile jQuery Mobile: Touch-Optimized Web Framework for Smartphones and Tablets by

XHTML FOR MOBILE CURRENT STATUS jQuery Mobile: Touch-Optimized Web Framework for Smartphones and Tablets by

CSS Mobile Profile 2.0 CSS Mobile Profile 2.0 by

Scalable Vector Graphics (SVG) Tiny Scalable Vector Graphics (SVG) Tiny 1.2 Specification by

HTML5 HTML5: A vocabulary and associated APIs for HTML and XHTML by
HTML+RDFa 1.1 Support for RDFa in HTML4 and HTML5 by
HTML Microdata HTML Microdata by
HTML Canvas 2D Context Canvas 2D Context by
HTML5: Edition for Web Authors Edition for Web Authors by
HTML5 differences from HTML4 HTML5 differences from HTML4 by
HTML Weekly Issue/Action Summary Issue/Action Summary by
Share: News and Opinions about HTML News and Opinions about HTML by

CSS current work CSS SPEC­I­FI­CA­TIONS by
CSS Color Module Level 3 CSS Color Level 3 by
Selectors Level 3 CSS Selectors Level 3 by
Media Queries Media Queries by
CSS Fonts Module Level 3 CSS Fonts Module Level 3 by
CSS Flexible Box Layout Module CSS Flexible Box Layout Module by
CSS Animations CSS Animations by