/UyA_grupo19

Repo para la asignatura de usabilidad y accesibilidad en el curso 2019-2020

Primary LanguageHTML

UyA_grupo19

Info del grupo:

Nombre Alu Usuario
Pablo Molina Martinez alu0101103181 @Pmolmar
Kabir Chetwani Kaknani alu0101116013 @alu0101116013
Eric Fumero Arteaga alu0101105741 @alu0101105741

Práctica 1: Protocolo HTTP

El objetivo de esta práctica consiste en analizar ciertas páginas web, desde el navegador web Firefox, donde se puede observar las diferentes peticiones realizadas que pone en marcha la carga de distintos elementos que conforman dicha web, junto con sus respectivos códigos de estado de la operación realizada. Además, se analiza cual es el DNS del servidor de cada una de estas webs, asícomo sus correspondientes direcciones IPs.

Práctica 2: Introducción HTML

El objetivo que persigue esta práctica es la realización de una página web, exclusivamente en formato HTML sobre la aplicación Banco de Tiempo. Para ello, se ha de utilizar los distintos elementos de HTML5, mencionados por el profesorado, para dicha implementación.

Práctica 3: Introducción CSS

El objetivo principal de esta práctica se basa en la aplicación de estilo (formato, fuente, ...) a una página web de formato HTML5, con el fin de establecer una cierta estructura y ordenación de los elementos que son empleados en dicha web. Por ese motivo, se pretende establecer una página web atractiva, accesible y cumpla con los parámetros de usabilidad.

Práctica 4: Introducción Materialize

  • Hosted
    El objetivo que se pretende conseguir con esta práctica es emplear un framework conocido como Materialize. Esto permite mejorar el diseño de la página web realizado en la practica anterior. Para ello, se ha empleado la web de Materialize que nos proporciona recursos de gran utilidad para nuestra página web.

Práctica 5: Introducción JavaScript

  • Hosted
    El objetivo de esta práctica es familiarizarnos con el lenguaje JavaScript realizando diferentes scripts y esquemas. Este lenguaje nos permite dar funcionalidad y utilidad real a la web y a su vez crear una página web dinámica, es decir, una web que incorpora efectos como texto que aparece y desaparece, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario, etc.

Práctica 6: Introducción Ajax

  • Hosted
    El objetivo que persigue esta práctica se basa en la aplicación de Ajax, para la solicitud de un parámetro correspondiente a una url dada, cuyo valor es variable; y así obtener la información deseada con respecto a la solicitada por el usuario.

Práctica 7: Introducción Firebase

  • Hosted
    El objetivo principal de esta práctica se basa en la utilización de Firebase para tratar con una base de datos en tiempo real. Este nos permite almacenar datos o realizar consultas de información que se hayan insertado en la Database. Para ello, su aplicación se ha orientado en el registro de usuarios, para la plataforma web que se está desarrollando.

Práctica 8: Introducción WAI-ARIA

  • Hosted
    El objetivo que se pretende conseguir con esta práctica es mejorar la accesibilidad de la página web que se está desarrollando mediante un etiquetado apropiado con WAI-ARIA. Para ello, se toma la página desarrollada en la práctica de WebMaterialize, ya que contiene diversos formularios.

Práctica 9: Widgets Accesibles

  • Hosted
    El objetivo de esta práctica consiste en aplicar distintos widgets de Materialize como carousel, accordion y breadcrums. Estas hay que adaptarlas tanto para la usabilidad como accesibiidad del usuario. Así mismo, se trabaja tanto con aria para que dicha accesibilidad se aprecie al usar ChromeVox.

Práctica 10: Diseño Responsive

  • Hosted
    El objetivo que persigue esta práctica se basa en aplicar, sobre el fichero html de la práctica 2, estilos css para la redimensión de la web en función a la visualización de la página que se está desarrollando, ya sea en dispositivos móviles, tablets u ordenadores.

Prototipo: Proyecto Final

  • Hosted
    El objetivo que persigue esta proyecto se basa en la proyección de un prototipo web del banco de tiempo.