EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade

Transcrição

1 EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade UFRGS - PPGC Leila Laís Gonçalves Orientador: Prof. Dr. Marcelo Pimenta

2 Mecanismos de autoria para: estruturar e organizar conteúdo de paginas Web, focando na interface (layout e navegação); suportar a diferentes mídias (texto, áudio, vídeo e gráficos); contemplar acessibilidade e usabilidade; prover familiaridade com autoria dos ambientes existentes; possibilitar a elaboração de páginas Web com qualidade para usuários leigos.

3 De que forma? investigação de ambientes de autoria para EAD; seleção de critérios de qualidade de IHC (acessibilidade e usabilidade); implementação de um protótipo com base nos critérios; avaliação do protótipo sobre o enfoque de usabilidade e acessibilidade.

4 Por quê? difusão de EAD na Web; poucos trabalhos relativos à autoria assistida respeitando critérios de usabilidade e acessibilidade; desorientação e/ou dificuldade dos usuários-autores no uso dos recursos gráficos; necessidade de ferramentas de autoria para o ambiente virtual da Unesc.

5 EAD na Web - características independência geográfica e temporal; promoção da colaboração; disseminação de material instrucional; pluralidade de formatos; uso de diferentes mídias; sistema dinâmico e incremental; suporte à produção, disponibilização e adaptação de conteúdos.

6 Usabilidade Usabilidade é o termo técnico usado para descrever a qualidade de uso de uma interface (BEVAN, 1995). Nielsen (1993): facilidade de aprendizado; eficiência; memorização; baixa taxa de erros; satisfação subjetiva do usuário.

7 Usabilidade na Web - problemas Navegação: dificuldade para encontrar a informação desejada, links não disponíveis. Recursos multimídia: uso de maneira inadequada (abuso nas cores, frames e textos em destaque). Fatores culturais: diferenças nas diversas culturas. Tecnologia: incompatibilidade entre browsers e plataformas de hardware. (WINCKLER & PIMENTA, 2002)

8 Usabilidade na Web Métricas: desempenho do usuário durante a realização de tarefas: direta ou indireta; satisfação subjetiva do usuário: compreende a opinião do usuário da interface; correspondência com os objetivos do usuário: verifica-se se os objetivos do usuários foram alcançados; adequação à padrões (normas, recomendações ergonômicas, etc.). (WINCKLER & PIMENTA, 2002)

9 Acessibilidade Acessibilidade (accessibility) é o termo usado para descrever problemas de usabilidade encontrados por usuários com necessidades especiais. Acessibilidade implica em tornar utilizável a interface por qualquer pessoa, independente de alguma deficiência física, sensorial, cognitiva, condição de trabalho ou barreiras tecnológicas.

10 Acessibilidade na Web Algumas recomendações: assegurar uma transformação harmoniosa: o separar a estrutura da apresentação; o fornecer descrição para elementos não textuais; o identificar os cabeçalhos de linha e de coluna em tabelas; o criar documentos independentes de plataforma. tornar o conteúdo compreensível e navegável: o incluir ferramentas de navegação e orientação; o inserir informações de contexto. Diretivas para a acessibilidade do conteúdo da Web

11 Ferramentas e Ambientes de autoria Autoria: processo de integração dos elementos de mídia (texto, áudio, vídeo e gráfico) para gerar um hiperdocumento. Ferramentas de autoria são recursos amigáveis para que leigos (...)ou não programadores, possam desenvolver com rapidez, amigabilidade e onde quer que estejam, independente de tempo, lugar ou situação física, um determinado conteúdo ou programa. (MAIA, 2002) Ambientes:TelEduc - AutorWeb, AulaNet, AdaptWeb - Módulo de autoria, LearnLoop.

12 Mecanismos de autoria assistida Mecanismos de autoria assistida: conjunto de ferramentas que guiam o usuário-autor na elaboração de páginas Web usáveis e acessíveis no que diz respeito à diagramação, seleção de cores, tipos de mídia (gráfico, vídeo e áudio) e elementos de navegação. Requisitos funcionais: o Administração do ambiente o Controle de acesso o Mecanismos de autoria o Validação de elementos o Geração da página

13 Arquitetura do Ambiente EditWeb usuário-autor Controle Controle de de acesso acesso Administração Administração do do Ambiente Ambiente Administrador Mecanismos Mecanismos de de autoria autoria Página Html Validação Validação de de elementos elementos Base Base de de dados dados Geração Geração da da página página

14 Mecanismos de autoria EditWeb Configuração da página: identificação, dimensões e layout da página; Estruturação da página em quatro áreas: cabeçalho, menu, corpo de texto e cabeçalho; Edição de cada área em separado; Seleção de cores seguras para plano de fundo e fonte com a possibilidade de fundo as 216 cores; Ferramentas de edição de texto: formatação, estilos, recuo, tabelas, tipologia, marcadores e numeração, copiar e colar; Suporte a inserção das mídias gráficas (imagem, vídeo e animação) e áudio; Permite a manutenção das páginas já editadas; Visualização do código Html gerado.

15 Características do Ambiente Facilidade de uso; Liberdade de criação gerenciada; Programação automatizada; Interoperabilidade: o EditWeb roda em plataforma Linux, Unix e Windows; Contextualização: por ser um ambiente de código aberto é possível customizar o EditWeb para atender tarefas específicas; Suporte de mídias: gráfica (jpeg, gif, avi e swf), áudio (wav) e texto; Navegação orientada e livre; Conformidade com padrões: W3C de acessibilidade, folha de estilo (CSS) e Html; Custo: ambiente gratuito.

16 Identificação

17 Página inicial

18 Escolha da página

19 Configuração da página

20 Status da página

21 Escolha de cor

22 Ferramenta de edição

23 Tecnologias Implementação: PHP, HTML, JavaScript Banco de dados: MySQL Servidor: Apache Sistema Operacional: Linux CSS - Cascading Style Sheets

24 Validação e Implementação dos critérios: Legibilidade: o Cor: contraste, harmonia, visibilidade, padrões; o Fonte: serifa, tamanho mínimo, estilos controlados, alinhamento. o Dimensões: largura máxima. Compatibilidade: o Alternativas ao conteúdo sonoro e visual; o Descrição textual para elementos não textuais (gráficos, áudios e vídeos); o Formatos e tamanho (bytes) das mídias;

25 Validação e Implementação dos critérios: Consistência: o Agrupamento de links relacionados (menu); o Áreas distintas no layout (cabeçalho, menu, corpo de texto, rodapé). Presteza: o Informações de identificação no início de página (título) e no rodapé (autor e data); o opções de ajuda. (Borges; Winckler; Basso, 2000), (Cybis, 2000), (W3C-WAI), (Bastien & Scapin, 1993), (Pimenta et al, 2002).

26 Limitações e Trabalhos futuros Elaboração de páginas para conteúdos do tipo explanatório; Integração dos mecanismos em ambientes de EAD via Web; Expansão de tipos de conteúdos, p.ex. exercícios.

27 EditWeb: Usuário: visita Senha: visita