HATEMILE: A biblioteca para gerar páginas web mais acessíveis
|
|
- Terezinha Festas Sabala
- 8 Há anos
- Visualizações:
Transcrição
1 HATEMILE: A biblioteca para gerar páginas web mais acessíveis Carlson Santana Cruz, Carlos A. Estombelo-Montesco Departamento de Computação (DCOMP) Universidade Federal de Sergipe (UFS) São Cristóvão, SE Brasil Abstract. The number of users, services and informations available on web is increasing every day, for many users it improves the way to search and select information and do activities, for disabled people these services represent an opportunity to autonomy. But often the disabled are faced with resources on web that due to their disability prevents or hinders their use, making their frustrated and limited, as it are broken down by their disability. So this paper show a library able to make it accessible web pages, mainly based on the WCAG 2.0 and e-mag 3.1 guidelines, for developers and end users can use it. Resumo. O número de usuários, serviços e informações disponibilizadas na web cresce a cada dia, para muitos usuários isso melhora a forma de pesquisar e selecionar informações e de fazer atividades, para os deficientes esses serviços representam uma oportunidade de autonomia. Porém muitas vezes os deficientes deparam-se com recursos na web que impede ou dificulta seu uso, fazendo-os sentirem frustrados e limitados, por serem discriminados por sua deficiência. Por isso o presente trabalho apresenta uma biblioteca capaz de tornar páginas web mais acessíveis, baseado principalmente nas recomendações do WCAG 2.0 e do e-mag 3.1, para que os desenvolvedores e usuários finais possam utilizá-la. 1. Introdução A web se torna um meio de comunicação cada vez mais importante, principalmente para os deficientes visuais que a utilizam para realizar compras, ler o jornal, realizar operações bancarias, entre outras atividades sem depender da ajuda de outras pessoas para isso [TAKAGI et al. 2007]. Para navegar na web, os deficientes visuais podem utilizar as tecnologias assistivas, que os auxiliam a utilizar o computador. Exemplos dessas tecnologias são os leitores de tela, que convertem texto em voz; ampliadores de tela, que ampliam áreas da tela; reconhecedores de comandos por voz, que interagem com o computador através de comandos por voz; entre outros [CHALEGRE 2011]. Essas tecnologias possuem limitações, que a depender do código HyperText Markup Language (HTML) da página, podem omitir informações ou não dar suporte a funcionalidades para o usuário [BRASIL 2009]. Por isso é importante desenvolver sites considerando as limitações dessas tecnologias, assim como perceber fatores subjetivos dessas pessoas que diferem sua forma de navegação das pessoas sem deficiência [ROCHA e DUARTE 2013b]. No intuito de promover uma web acessível o World Wide Web Consortium (W3C) criou a Web Accessibility Initiative (WAI), que elabora documentos com recomendações de acessibilidade, como a Web Content Accessibility Guidelines
2 (WCAG). Também no intuito de promover a acessibilidade, muitos países como Estados Unidos da América, Canadá, Portugal, Espanha, Inglaterra, entre outros, possuem legislações sobre a acessibilidade na web. No Brasil o decreto nº de 2 de dezembro de 2004 determina que os sites mantidos por órgãos do governo federal sejam obrigados a utilizar as recomendações do Modelo de Acessibilidade do Governo Eletrônico (e-mag), infelizmente a iniciativa privada esta isenta dessa obrigação [ROCHA e DUARTE 2012]. E apesar dessas e de outras iniciativas, os desenvolvedores geralmente ignoram o fator da acessibilidade em seus projetos ou mesmo desconhecem métodos para melhorála [GUERCIO et al. 2011], o que faz com que 98% dos sites brasileiros não sejam acessíveis, ainda que o número de pessoas com deficiência cresça a cada ano, principalmente devido ao aumento da perspectiva de vida da população [CHALEGRE 2011], essa falta de acessibilidade acaba frustrando os deficientes por fazer se sentirem limitados e dependentes [ROCHA e DUARTE 2013a]. Por isso o presente trabalho propõe a criação de uma biblioteca capaz de automatizar parte da tarefa de tornar um site acessível convertendo o seu código HTML em outro mais acessível, podendo ser utilizado pelos desenvolvedores para manterem seus sites mais acessíveis ou pelos usuários finais para que não dependam dos desenvolvedores para terem acessibilidade. 2. Desenvolvimento do HaTeMiLe HTML Accessible (HaTeMiLe) é o nome da biblioteca de código-fonte aberto desenvolvida neste trabalho que procura melhorar a acessibilidade dos sites, convertendo um código HTML em outro mais acessível Linguagens de Programação O HaTeMiLe foi desenvolvido em diversas linguagens de programação com as mesmas funcionalidades para garantir que ele possa ser utilizado, no server-side (aplicações que são executadas pelo servidor) e no client-side (aplicações que são executadas pelo cliente). Abaixo é listado as linguagens de programação em que o HaTeMiLe foi desenvolvido e os motivos da escolha de cada uma: A linguagem JavaScript foi escolhida por ser a padrão utilizada para os scripts executados no client-side dos documentos HTML [W3C 2014a]; A linguagem CoffeeScript foi escolhida para ser convertida em códigos JavaScript eficientes e compatíveis com diversos navegadores [COFFEESCRIPT]; A linguagem PHP Hypertext Preprocessor (PHP) foi escolhida por ser a mais utilizada no mundo para se desenvolver sites no server-side [W3TECHS]; A linguagem Java foi escolhida por ser a linguagem de programação mais utilizada no mundo [CASS 2014]; As linguagens Ruby e Python foram escolhidas por serem as mais utilizadas entre os usuários do GitHub [FINLEY 2012].
3 2.2. Programação Orientada a Objetos O HaTeMiLe foi desenvolvido utilizando o paradigma da Orientação a Objetos (OO), pois todas as linguagens de programação em que o HaTeMiLe foi desenvolvido possui suporte, a manutenção do código-fonte se torna mais simples e permite que classes e métodos possam ser reaproveitados [HOCK-CHUAN 2013]. O HaTeMiLe utiliza recursos para gerar e manipular o Document Object Model (DOM) do código HTML, essa manipulação ocorre através de recursos como os seletores Cascading Style Sheet (CSS) para encontrar os elementos no DOM. Para facilitar no desenvolvimento do HaTeMiLe se optou por utilizar bibliotecas de terceiros para cada linguagem de programação, sendo necessário definir interfaces para a manipulação do elemento e parser. Também foram projetadas interfaces para as soluções, para permitir que os desenvolvedores possam implementar novas classes de soluções para os problemas de acessibilidade que o HaTeMiLe procura resolver. As demais classes são auxiliares, como a classe de configuração, de funções comuns a todas as soluções e as classes para armazenar os dados Documentação Como o código-fonte do HaTeMiLe é aberto, para que ele possa ser melhor compreendido por outros desenvolvedores, o código-fonte foi documentado, afim de explicar a finalidade de suas classes, seus métodos e seus parâmetros. Essa documentação foi escrita em inglês para que desenvolvedores do mundo todo possam contribuir com o desenvolvimento do HaTeMiLe. 3. Soluções de acessibilidade do HaTeMiLe O HaTeMiLe modifica o código HTML passado, procurando retornar um código HTML mais acessível para o software que o implementa. Para fazer isso foram utilizadas como base de conhecimento os documentos WCAG 2.0 e o e-mag 3.1, algumas funcionalidades do Job Access With Speech (JAWS), Opera e Mozilla Firefox Disponibilizar todas as funções da página via teclado Essa solução corresponde a recomendação 2.1 do e-mag 3.1 e as recomendações e do WCAG 2.0. Ambos os documentos citam os eventos JavaScript específicos para o mouse, como sendo os responsáveis pela inacessibilidade via teclado. Na versão do HaTeMiLe que executa no server-side, os elementos são encontrados por seus atributos dos eventos inacessíveis via teclado. Já a versão client-side do HaTeMiLe, é verificado diretamente se o elemento possui os eventos ou a lista de funções dos eventos inacessíveis via teclado, porém nativamente não é possível saber se nessa lista há algum evento, por isso é necessário incluir um script na página, que deverá ser o primeiro a ser executado, onde é modificada a forma como as funções são adicionadas e removidas da lista de funções dos eventos, por isso o próprio desenvolvedor deve incluí-lo no código HTML. Essa diferença faz com que a versão client-side encontre mais elementos que a versão server-side Fornecer descrições para os campos O e-mag recomenda a associação entre o campo e o seu rótulo através do atributo for. Por isso o HaTeMiLe se encarrega de tentar resolver esse tipo de problema, pois os leitores de tela podem possuir algum problema na leitura do rótulo do campo quando não são associados através do atributo for [BRASIL 2009].
4 3.3. Fornecer instruções para a entrada de dados O HTML5 nativamente possui atributos para os elementos que podem ser utilizados para fornecer mais informações de entrada de dados para o usuário, porém navegadores como o Internet Explorer 8 não fornecem essas informações para o leitor de tela, que por sua vez consequentemente não fornecem ao usuário. Por isso o HaTeMiLe utiliza os estados e propriedades do Accessible Rich Internet Applications Suite (WAI-ARIA) para fornecer mais informações sobre o preenchimento de formulários para o usuário. O desenvolvedor pode utilizar o HaTeMiLe em conjunto com o CSS para fornecer essas informações, caso o agente de usuário não possua suporte ao WAI-ARIA Web Semântica e WAI-ARIA Os leitores de tela utilizam as informações semânticas e os atributos do WAI-ARIA para disponibilizar mais informações para as tecnologias assistivas. Porém modificar a tag dos elementos pode causar diferenças visuais e comportamentais indesejáveis na página, por isso o HaTeMiLe disponibiliza a possibilidade de adicionar ou alterar os atributos dos elementos, sendo necessário o desenvolvedor informar quais serão os seletores CSS que serão modificados e quais serão essas modificações Fornecer âncoras para ir direto a um bloco de conteúdo Essa solução corresponde as recomendações 1.5 do e-mag 3.1 e do WCAG 2.0. Utilizar âncoras para ir diretamente para um bloco de conteúdo pode diminuir o tempo de navegação do usuário com deficiência visual, isso porque a navegação dos deficientes visuais geralmente é linear e esses links dispostos no início da página oferecem um acesso rápido as partes de interesse do usuário [TAKAGI et al 2007] Associar células de dados às células de cabeçalho Essa solução corresponde as recomendações 3.10 do e-mag 3.1 e do WCAG 2.0. Ela ajuda a melhorar a acessibilidade quando a tabela é utilizada para apresentar dados tabulares, porém utilizá-la em tabelas para layout pode piorar a acessibilidade da página, por isso o HaTeMiLe realiza esse tratamento apenas em tabelas que estão sintaticamente e semanticamente correta, e com cabeçalho e corpo definidos Exibir a lista de atalhos da página Quando um elemento possui uma tecla de atalho definida, os navegadores Mozilla Firefox, Google Chrome, Safari e Internet Explorer não possuem um recurso nativo para informar ao usuário da existência dessas teclas de atalho, apesar de poder utilizá-las, entretanto o Opera ao pressionar as teclas ALT + Escape, exibe a lista de teclas de atalhos da página para o usuário ou então exibe uma mensagem informando que a página não possui teclas de atalhos. O HaTeMiLe procura proporcionar uma funcionalidade semelhante ao do Opera em todos os navegadores, utilizando os atributos ou o próprio conteúdo do elemento em último caso, para descrever o atalho, em contrapartida do Opera que utiliza o atributo de título do elemento para descrever o atalho. No intuito de melhorar o próprio recurso do Opera, caso o elemento não possua um atributo de título o mesmo será definido pelo HaTeMiLe, o que faz com que o usuário que utilize o recurso nativo do Opera possa se beneficiar do uso do HaTeMiLe Prover uma forma de navegação para a descrição longa de uma imagem Apesar de existir na especificação do elemento IMG o atributo de descrição longa da
5 imagem [W3C, 2014b], foi percebido que os navegadores Google Chrome, Safari, Internet Explorer, Lynx e WebVox não possuem uma forma de navegar para a descrição longa das imagens, entretanto o Mozilla Firefox e o Opera oferecem no menu quando o elemento está focado a possibilidade de navegar para a descrição longa da imagem. Devido a isso o HaTeMiLe procura dar acesso a esse recurso em todos os navegadores Promover a navegação entre os cabeçalhos da página O JAWS possibilita a mudança na forma de navegação do usuário disponibilizando a possibilidade de navegação entre os cabeçalhos da página. Quando a página utiliza os cabeçalhos da página para separar as seções da página, possibilita que o usuário possa navegar de forma mais eficiente, isso é muito útil para os usuários com deficiência visual que navegam de forma linear [TAKAGI et al. 2007]. Baseado no JAWS, o HaTeMiLe disponibiliza uma forma de navegação entre os cabeçalhos da página, tendo como exigência a sintaxe correta dos cabeçalhos. 4. Conclusão A web possibilita que os usuários com deficiência visual possam interagir com ela com autonomia, porém a falta de acessibilidade nos sites, acaba fazendo com que os deficientes visuais continuem enfrentando barreiras e dependentes de outras pessoas. Por isso o presente trabalho buscou mostrar uma forma de resolver esse problema, fornecendo uma ferramenta capaz de converter o código HTML de uma página em outro mais acessível, apesar de que a maioria dos problemas de acessibilidade listados no e-mag 3.1 e WCAG 2.0 não foram resolvidos pelo HaTeMiLe. Também está sendo desenvolvido um plugin para o WordPress, para que os desenvolvedores utilizem, e extensões para o Mozilla Firefox e Google Chrome, para que os usuários finais utilizem, que implementam o HaTeMiLe. Se espera que este trabalho possa incentivar o desenvolvimento de novas tecnologias capazes de melhorar a acessibilidade na web. Referências BRASIL. Modelo de acessibilidade de governo eletrônico (e-mag). Brasília, DF, Leitores de Tela: Pontos de Fragilidade. Brasília, DF, CASS, Stephen. Top 10 Programming Languages. IEEE Spectrum Disponível em: < Acessado em 01/01/2015. CHALEGRE, Virgínia Carvalho. Uma metodologia de testes de acessibilidade para usuários cegos em ambientes web. Dissertação (Mestrado em Ciência da Computação) Centro de Informática da Universidade Federal de Pernambuco. Recife: Universidade Federal de Pernambuco, COFFEESCRIPT. CoffeeScript. Disponível em: < Acesso em: 10/02/2015. HOCK-CHUAN, Chua. Object-Oriented Programming (OOP) in C Disponível em: < Acesso em: 10/02/2015. FINLEY, Klint. 5 Ways to Tell Which Programming Languages are Most Popular.
6 ReadWrite Disponível em: < Acessado em: 09/01/2015. ROCHA, Janicy Aparecida Pereira; DUARTE, Adriana Bogliolo Sirihal. (In)Acessibilidade na web para pessoas com deficiência visual: Um estudo de usuários à luz da cognição situada. In: XIV Encontro Nacional de Pesquisa em Ciência da Informação. 2013a.. O comportamento de usuários cegos durante o acesso mediado por leitores de tela: Um estudo sob o enfoque da cognição situada. Perspectivas em Gestão & Conhecimento, v. 3, n. 3, p , 2013b.. Diretrizes de acessibilidade web: um estudo comparativo entre as WCAG 2.0 e o e-mag 3.0. In: Inc. Soc., Brasília, DF, v. 5 n. 2, p.73-86, jan./jun TAKAGI, Hironobu et al. Analysis of navigability of Web applications for improving blind usability. ACM Transactions on Computer-Human Interaction (TOCHI), v. 14, n. 3, p. 13, W3C. Scripting HTML a. Disponível em: < Acesso em: 10/02/ HTML5 Image Description Extension (longdesc). 2014b. Disponível em: < Acesso em: 10/02/2015. W3TECHS. Usage of server-side programming languages for websites. Disponível em: < Acessado em 01/01/2015. GUERCIO, Angela et al. Addressing challenges in web accessibility for the blind and visually impaired. System and Technology Advancements in Distance Learning, p. 249, 2012.
Deficiências. Deficiência Física Deficiência Auditiva Deficiência Visual Deficiência Mental Deficiência Múltipla. Tem dificuldade para:
Deficiências Deficiência Física Deficiência Auditiva Deficiência Visual Deficiência Mental Deficiência Múltipla Tem dificuldade para: ver a tela usar o mouse usar o teclado ler um texto ouvir um som navegar
Leia maisAcessibilidade na Web
Acessibilidade na Web Departamento de Computação - UFS Tópicos Especiais em Sistemas de Informação Lucas Augusto Carvalho lucasamcc@dcomp.ufs.br Prof. Rogério Vídeo Custo ou Benefício? http://acessodigital.net/video.html
Leia maisENGENHARIA DE USABILIDADE Unidade V Acessibilidade à Web. Luiz Leão luizleao@gmail.com http://www.luizleao.com
Luiz Leão luizleao@gmail.com http://www.luizleao.com Conteúdo Programático Conceitos e Importância Projeto e desenvolvimento de Web acessível Acessibilidade É o processo e as técnicas usadas para criar
Leia maisDesenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais.
Desenvolvimento de um CMS 1 para a criação e publicação de web sites acessíveis por deficientes visuais. Tales Henrique José MOREIRA 1 ; Gabriel da SILVA 2 ; 1 Estudante de Tecnologia em Sistemas para
Leia maisDESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3
DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 Eduardo Laguna Rubai, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR- Brasil eduardorubay@gmail.com, bonetti@unipar.br Resumo.
Leia maisTECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar os principais problemas de acessibilidade na Internet. Apresentar as principais deficiências e as tecnologias de apoio.
Leia maisVPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo
VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo Introdução Recursos de acessibilidade principais Navegação usando
Leia maisMonday, January 23, 12. Introdução sobre Acessibilidade na web
Introdução sobre Acessibilidade na web Acessibilidade na web é o consumo da informação por qualquer pessoa por qualquer tipo de meio de acesso. Para que serve a web? A web serve para compartilhar informação.
Leia maisWebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
Leia maisDESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN
DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN José Agostinho Petry Filho 1 ; Rodrigo de Moraes 2 ; Silvio Regis da Silva Junior 3 ; Yuri Jean Fabris 4 ; Fernando Augusto
Leia maisDOCUMENTAÇÃO DO FRAMEWORK - versão 2.0
DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando
Leia maisATIVIDADES PRÁTICAS SUPERVISIONADAS
ATIVIDADES PRÁTICAS SUPERVISIONADAS CST em Análise e Desenvolvimento de Sistemas 5ª. Série Programação e Design para Web A atividade prática supervisionada (ATPS) é um procedimento metodológico de ensino-aprendizagem
Leia maisProfessor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1
Professor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1 Do inglês, Cascading Style Sheet, ou folha de estilo em cascata. É uma linguagem
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisAplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Leia maisDesenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Leia maisCONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;
CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.
Leia maisAcessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),
Leia maisSiep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL
Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL Web para todos De acordo com Cifuentes(2000), Caplan(2002) e Dias (2003), entende-se por acessibilidade à rede
Leia maisDESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia
DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP VitorFariasCoreia INFORMAÇÃOECOMUNICAÇÃO Autor Vitor Farias Correia Graduado em Sistemas de Informação pela FACITEC e especialista em desenvolvimento de jogos
Leia maise-mag Checklist de Acessibilidade Manual para Deficientes Visuais
Ministério do Planejamento, Orçamento e Gestão Secretaria de Logística e Tecnologia da Informação Departamento de Governo Eletrônico Ministério da Educação Secretaria de Educação Profissional e Tecnológica
Leia maisProgramação Orientada a Objetos com PHP & MySQL Cookies e Sessões. Prof. MSc. Hugo Souza
Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões Prof. MSc. Hugo Souza Se você precisar manter informações sobre seus usuários enquanto eles navegam pelo seu site, ou até quando eles saem
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisConstrução Páginas de Internet
Construção Páginas de Internet Definir um Site no Frontpage Objectivos da sessão: No final da sessão os formandos deverão ser capazes de: Saber o que são os metadados do Frontpage; Distinguir entre Sites
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisManual SAGe Versão 1.2 (a partir da versão 12.08.01)
Manual SAGe Versão 1.2 (a partir da versão 12.08.01) Submissão de Relatórios Científicos Sumário Introdução... 2 Elaboração do Relatório Científico... 3 Submissão do Relatório Científico... 14 Operação
Leia maisFerramenta: Spider-CL. Manual do Usuário. Versão da Ferramenta: 1.1. www.ufpa.br/spider
Ferramenta: Spider-CL Manual do Usuário Versão da Ferramenta: 1.1 www.ufpa.br/spider Histórico de Revisões Data Versão Descrição Autor 14/07/2009 1.0 15/07/2009 1.1 16/07/2009 1.2 20/05/2010 1.3 Preenchimento
Leia maisArtur Petean Bove Júnior Tecnologia SJC
Artur Petean Bove Júnior Tecnologia SJC Objetivo O objetivo do projeto é especificar o desenvolvimento de um software livre com a finalidade de automatizar a criação de WEBSITES através do armazenamento
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisTema UFPel 2.0 WP Institucional Guia de Opções de Personalização
Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de
Leia maisDWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
Leia maisSCE-557. Técnicas de Programação para WEB. Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello mello@icmc.usp.br
SCE-557 Técnicas de Programação para WEB Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello mello@icmc.usp.br 1 Cronograma Fundamentos sobre servidores e clientes Linguagens Server e Client side
Leia maisPlanejando o aplicativo
Um aplicativo do Visual FoxPro geralmente inclui um ou mais bancos de dados, um programa principal que configura o ambiente de sistema do aplicativo, além de uma interface com os usuários composta por
Leia maisAcessibilidade nos sites das Instituições da Rede Federal de EPT
Acessibilidade nos sites das Instituições da Rede Federal de EPT Maurício Covolan Rosito Gerente do Núcleo de Bento Gonçalves do projeto de Acessibilidade Virtual da RENAPI Everaldo Carniel Pesquisador
Leia maisatube Catcher versão 3.8 Manual de instalação do software atube Catcher
atube Catcher versão 3.8 Manual de instalação do software atube Catcher Desenvolvido por: Clarice Mello, Denis Marques Campos Dezembro de 2014 Sumario 1. Objetivo deste manual...3 2. Requisitos para instalação...3
Leia maisCENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA
Leia maisCURSO : Empreendedorismo 40 Hrs aulas
CURSO : Empreendedorismo 40 Hrs aulas Empreendedorismo o O que é empreendedorismo? o Síndrome do empregado o Os mandamentos do empreendedor de sucesso o E o que não é empreendedorismo? Traçando o perfil
Leia maisALUNES MANUAL DO USUÁRIO. Guia rápido Alunes
ALUNES MANUAL DO USUÁRIO Guia rápido Alunes 1 Manual de Instruções Versão 2.0 Alunes Informática 2 Sumário Introdução... 5 Pré-requisitos... 5 Principal/Home... 6 Como editar texto do home... 7 Desvendando
Leia maisAnálise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4
Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4 Guilherme Miranda Martins 1, Késsia Rita da Costa Marchi 1 1 Universidade paranaense (Unipar) Paranavaí PR Brasil
Leia maisAplicação Prática de Lua para Web
Aplicação Prática de Lua para Web Aluno: Diego Malone Orientador: Sérgio Lifschitz Introdução A linguagem Lua vem sendo desenvolvida desde 1993 por pesquisadores do Departamento de Informática da PUC-Rio
Leia maisUNIVERSIDADE ESTADUAL DA PARAÍBA CENTRO DE CIÊNCIAS E TECNOLOGIA DEPARTAMENTO DE QUÍMICA CURSO DE LICENCIATURA EM QUÍMICA LINDOMÁRIO LIMA ROCHA
UNIVERSIDADE ESTADUAL DA PARAÍBA CENTRO DE CIÊNCIAS E TECNOLOGIA DEPARTAMENTO DE QUÍMICA CURSO DE LICENCIATURA EM QUÍMICA LINDOMÁRIO LIMA ROCHA FACILITADOR VIRTUAL DA APRENDIZAGEM EM QUÍMICA Campina Grande-
Leia maisAnálise do formato semanal do AVEA Moodle utilizando o padrão WCAG 2.0 para alunos cegos
10 Edição-2015 Análise do formato semanal do AVEA Moodle utilizando o padrão WCAG 2.0 para alunos cegos Eduardo Dalcin¹, Ana Cláudia Pavão Siluk² ¹Instituto Federal de Educação, Ciência e Tecnologia Farroupilha
Leia maisExistem 109 questões nesta pesquisa
FASE 2: ANÁLISE DO WEBSITE INSTRUÇÕES Leia atentamente todas as questões Explore o website em avaliação, procurando pelas questões propostas Depois, responda cada questão Algumas questões precisam de informações
Leia maisDesenvolvendo para WEB
Nível - Básico Desenvolvendo para WEB Por: Evandro Silva Neste nosso primeiro artigo vamos revisar alguns conceitos que envolvem a programação de aplicativos WEB. A ideia aqui é explicarmos a arquitetura
Leia maisEngenharia de Software III
Engenharia de Software III Casos de uso http://dl.dropbox.com/u/3025380/es3/aula6.pdf (flavio.ceci@unisul.br) 09/09/2010 O que são casos de uso? Um caso de uso procura documentar as ações necessárias,
Leia maisIntrodução. à Linguagem JAVA. Prof. Dr. Jesus, Edison O. Instituto de Matemática e Computação. Laboratório de Visão Computacional
Introdução à Linguagem JAVA Prof. Dr. Jesus, Edison O. Instituto de Matemática e Computação Laboratório de Visão Computacional Vantagens do Java Independência de plataforma; Sintaxe semelhante às linguagens
Leia maisMitos da Acessibilidade Web
SAPO Codebits 2008 Magda Joana Silva magdajoanasilva@gmail.com Acessibilidade Web igualdade de acesso a Web sites a pessoas com limitações Acessibilidade Web igualdade de acesso a Web sites a pessoas com
Leia maisHTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO
HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO Djalma Gonçalves Costa Junior¹, Willian Barbosa Magalhães¹ ¹Universidade Paranaense (Unipar) Paranavaí - PR - Brasil djalma.g.costajr@gmail.com wmagalhaes@unipar.br
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
Leia maisLinguagem de Estruturação e Apresentação de Conteúdos
UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete
Leia maisConceitos de extensões Joomla!
capítulo 1 Conceitos de extensões Joomla! Entendendo o que é extensão Extensão pode ser entendida como uma pequena aplicação desenvolvida com regras de construção estabelecidas pelo ambiente Joomla!. É
Leia maisAcessibilidade Web na Universidade O que é? Por quê? Como Fazer? Amanda Meincke Melo amanda.melo@unipampa.edu.br http://ammelobr.blogspot.
Acessibilidade Web na Universidade O que é? Por quê? Como Fazer? Amanda Meincke Melo amanda.melo@unipampa.edu.br http://ammelobr.blogspot.com/ 2 Agenda Conceitos Acessibilidade Web Cenários Estudos de
Leia mais1.1. Aplicações de TVD dinâmicas
1 Introdução Uma aplicação de TV Digital (TVD) comumente é composta por um vídeo principal associado a outros objetos (aplicações, imagens, vídeos, textos etc.), que são transmitidos em conjunto possibilitando
Leia mais2 Geração Dinâmica de Conteúdo e Templates de Composição
2 Geração Dinâmica de Conteúdo e Templates de Composição Alguns dos aspectos mais importantes na arquitetura proposta nesta dissertação são: a geração dinâmica de conteúdo e a utilização de templates de
Leia mais6º Semestre de SISTEMAS DE INFORMAÇÃO. - 6 Inscritos -
6º Semestre de SISTEMAS DE INFORMAÇÃO - 6 Inscritos - Tema: [Área 9]: Comunidade - Tema: 4. Iniciativas para a redução das desigualdades sociais Título: Aplicação de IHC para Inclusão Social e Digital
Leia mais[Digite aqui] [Digite aqui] [Digite aqui] Utilização do LegNet pelo Internet Explorer
[Digite aqui] [Digite aqui] [Digite aqui] Utilização do LegNet pelo Internet Explorer REVISÃO: 21/01/2015 1 POR QUE O SISTEMA FICA LENTO COM O INTERNET EXPLORER? Um dos motivos que faz com o que o sistema
Leia maisIntrodução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger www.elizabete.com.br
IntroduçãoàTecnologiaWeb TiposdeSites ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br TiposdeSites Índice 1 Sites... 2 2 Tipos de Sites... 2 a) Site
Leia maisInterface BVS-Site. Arquiteturta e Personalização da Interface
Interface BVS-Site Arquiteturta e Personalização da Interface Julio Takayama takayama@bireme.ops-oms.org Desenho Gráfico e Interfaces DGI-GA BIREME/PAHO/WHO Tópicos Arquitetura da BVS Modelo de Interfaces
Leia maisConstrutor de sites SoftPixel GUIA RÁPIDO - 1 -
GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template
Leia maisAfinal o que é HTML?
Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste
Leia maisUniversidade da Beira Interior
Universidade da Beira Interior Relatório Apresentação Java Server Pages Adolfo Peixinho nº4067 Nuno Reis nº 3955 Índice O que é uma aplicação Web?... 3 Tecnologia Java EE... 4 Ciclo de Vida de uma Aplicação
Leia maisIdentidade Digital Padrão de Governo
Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e
Leia maisÍndice. 3 Capítulo 1: Visão Geral do Blog. 4 Capítulo 2: SEO. 5 Capítulo 3: Backend: Como Funciona. Visão Geral Plataforma Frontend Backend
MANUAL 1 Índice 3 Capítulo 1: Visão Geral do Blog Visão Geral Plataforma Frontend Backend 4 Capítulo 2: SEO O que é SEO? Google Configuração Inicial Ferramentas SEO 5 Capítulo 3: Backend: Como Funciona
Leia mais1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.
1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar
Leia maiswww.andrix.com.br professor@andrix.com.br Conceitos Básicos
Desenvolvimento Andrique web Amorim II www.andrix.com.br professor@andrix.com.br Conceitos Básicos Sites e Aplicações Web Normalmente, as pessoas utilizam o termo SITE quando se referem a blogs, sites
Leia maisSIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível
SIEP / RENAPI Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Setembro de 2009 Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Cuidados em geral Separar adequadamente
Leia maisInvestigando Sistemas de Informação. Crafty Syntax Live Help
Investigando Sistemas de Informação Crafty Syntax Live Help Mateus Vilar Santos 1 Faculdade de Tecnologia Senac Pelotas (SENAC) Caixa Postal 15.064 91.501-970 Pelotas RS Brazil mateus.santos@gmail.com
Leia maisSISTEMAS OPERACIONAIS
SISTEMAS OPERACIONAIS Conceitos Básicos Sistema Operacional: Um Sistema Operacional é um programa que atua como intermediário entre o usuário e o hardware de um computador. O Propósito do SO é fornecer
Leia maisTreinamento em PHP. Aula 1. Ari Stopassola Junior stopassola@acimainteractive.com
Treinamento em PHP Aula 1 Ari Stopassola Junior stopassola@acimainteractive.com Introdução PHP Hypertext Preprocessor Nome original era Personal Home Page Tools Criada por Rasmus Lerdorf e atualmente mantida
Leia maisIntrodução ao PHP. Prof. Késsia Marchi
Introdução ao PHP Prof. Késsia Marchi PHP Originalmente PHP era um assíncrono para Personal Home Page. De acordo com convenções para atribuições de nomes recursivas do GNU foi alterado para PHP Hypertext
Leia maisAcessibilidade na Web para Deficientes Auditivos: Um Estudo de Caso do Site do Vestibular da UFG
Acessibilidade na Web para Deficientes Auditivos: Um Estudo de Caso do Site do Vestibular da UFG Adoniran Dias Ribeiro Andrade, Renato de Freitas Bulcão Neto Instituto de Informática Universidade Federal
Leia maisThiago Corrêa da Silva Eduardo Stuhler Neves
Avaliação de Acessibilidade e adequação da interface do Repositório de Objetos de Aprendizagem para a Área de informática da UDESC com foco da Deficiência Visual Thiago Corrêa da Silva Eduardo Stuhler
Leia maisMódulo de Extensão SIGAA. Gerenciamento de Participantes
Módulo de Extensão SIGAA Gerenciamento de Participantes ÍNDICE Instruções gerais Pg. 03 Recomendações Pg. 03 Acessibilidade ao sistema Pg. 03 Acesso ao SIGAA Pg. 03 Acesso ao módulo extensão - docente
Leia maisInformática. Informática. Valdir
Informática Informática Valdir Questão 21 A opção de alterar as configurações e aparência do Windows, inclusive a cor da área de trabalho e das janelas, instalação e configuração de hardware, software
Leia maisOficina: ASES 2.0 Beta 6.0
Oficina: ASES 2.0 Beta 6.0 André Luiz Andrade Rezende ¹ ¹Rede de Pesquisa e Inovação em Tecnologias Digitais (RENAPI) Doutorando em Educação e Contemporaneidade (UNEB) Estes slides são concedidos sob uma
Leia maisSIGLA - Sistema Integrado de Gestão Legislativa e Administrativa
Universidade Federal de Ouro Preto - UFOP Instituto de Ciências Exatas e Biológicas - ICEB Departamento de Computação - DECOM SIGLA - Sistema Integrado de Gestão Legislativa e Administrativa Aluno: Paulo
Leia maisPROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário
PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA Sumário O que são leitores de Tela?... 1 O NVDA - Non Visual Desktop Access... 1 Procedimentos para Download e Instalação do NVDA... 2 Iniciando
Leia maisCOMO USAR DOIS MONITORES NO WINDOWS 8
COMO USAR DOIS MONITORES NO WINDOWS 8 Trabalhar com dois monitores no Windows tem diversas utilidades. Dentre elas podemos destacar a possibilidade de visualizar mais itens ao mesmo tempo, exibir o conteúdo
Leia maisDESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES
DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES Alexandre Egleilton Araújo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil araujo.ale01@gmail.com, jaime@unipar.br Resumo.
Leia maisProgramação para Internet Orientada a Objetos com PHP & MySQL Instalando e configurando um ambiente de ferramentas PHP e MySQL. Prof. MSc.
Programação para Internet Orientada a Objetos com PHP & MySQL Instalando e configurando um ambiente de ferramentas PHP e MySQL Prof. MSc. Hugo Souza Na última aula falamos um pouco sobre as ferramentas
Leia maisABORDAGEM DE FRAMEWORKS PARA JSF QUE AUXILIAM O DESENVOLVIMENTO DE SOFTWARE
ABORDAGEM DE FRAMEWORKS PARA JSF QUE AUXILIAM O DESENVOLVIMENTO DE SOFTWARE Amarildo Aparecido Ferreira Junior 1, Ricardo Ribeiro Rufino 1 ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil aapfjr@gmail.com
Leia maisCONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA
CONCEITOS BÁSICOS DE INTERNET Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA conceito inicial Amplo sistema de comunicação Conecta muitas redes de computadores Apresenta-se de várias formas Provê
Leia maisAnálise da Nova Linguagem HTML5 para o Desenvolvimento Web
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil sergioikn@gmail.com, kessia@unipar.br Resumo.
Leia maisPHP AULA1. Prof. Msc. Hélio Esperidião
PHP AULA1 Prof. Msc. Hélio Esperidião NAVEGADOR O navegador também conhecido como web browseré um programa que habilita seus usuários a interagirem com documentos hospedados em um servidor Web. SERVIDOR
Leia maisAgregadores de Conteúdo
Agregadores de Conteúdo São programas ou sites capazes de interpretar e mostrar o conteúdo dos Feeds RSS. Essa é uma forma de facilitar a leitura de vários sites e blogs, acessando o que há de novo em
Leia maisMicrosoft Internet Explorer. Browser/navegador/paginador
Microsoft Internet Explorer Browser/navegador/paginador Browser (Navegador) É um programa que habilita seus usuários a interagir com documentos HTML hospedados em um servidor web. São programas para navegar.
Leia maisAula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML
Leia maisA PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO
A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO Resumo: Dolores Follador Secretaria de Estado da Educação do Paraná e Faculdades Integradas do Brasil - Unibrasil doloresfollador@gmail.com
Leia maisTópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres
Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise
Leia maisVoltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções.
13. Editor de leiautes Voltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções. Neste capítulo uma breve explicação será apresentada sobre a organização
Leia maisAdapti - Technology Solutions www.adapti.net Leonor cardoso nº 331 Fone : (041) 8844-7805 81240-380 Curitiba - PR MANUAL DO USUÁRIO
MANUAL DO USUÁRIO 1 Índice Administração de Documentos...2 Lista de documentos criados...3 Criando um novo documento...3 Barra de ferramentas do editor...4 Editando um documento...7 Administrando suas
Leia maisCONTRA CONTROLE DE ACESSOS E MODULARIZADOR DE SISTEMAS
MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA CONTRA CONTROLE DE ACESSOS E MODULARIZADOR DE SISTEMAS MANUAL
Leia mais