o dosvox e a internet para deficientes visuais€¦ · slide 13 de 40 módulo 5 – internet para...
TRANSCRIPT
slide 1 de 40
MÓDULO 5
O Dosvox e a Internet para
deficientes visuais SEMANA 2
25/11/2013
Ida Beatriz Costa Velho Mazzillo
slide 2 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 2 de 40
O PODEROSO HIPERTEXTO
Quando a Internet surgiu, seu objetivo era permitir que organizações muito
específicas, quase sempre envolvendo militares ou universidades,
pudessem trocar informações, quase todas expressas como textos, sem
incluir imagens, sons ou quaisquer outros elementos multimídia.
Não havia surgido ainda o interesse de compartilhar informações em larga
escala: o que interessava era alguém mandar um texto ou alguns dados
científicos ou militares para outra pessoa ou organização específica.
Mas o que existia na época era uma diversidade de formatos e
incompatibilidade de informações... até que alguém teve uma ideia
interessante: utilizar um formato único, mas versátil de representar textos,
que pudesse também encadeá-los, de forma que um texto pudesse ser
ligado ou encadeado a outro. Esta ideia, que tinha sido inventada 40 anos
atrás, tinha o nome pomposo de HIPERTEXTO, e veio a se tornar a base
do que seria mais tarde conhecido como WWW – a teia mundial de
informações.
Na foto, Tim Berners Lee, o
inventor da WWW.
Na foto, Ted Nelson, o
inventor do Hipertexto.
slide 3 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 3 de 40
HOJE ESTAMOS MUITO ACOSTUMADOS COM OS
HIPERTEXTOS
Na figura ao lado, vemos um esquema que representa uma página WEB
(chamada HOME), que contém ligações (links) para outras páginas. Cada
uma das outras pode conter ligações para outras, e assim sucessivamente.
A primeira página pode ser pequena e aparentemente simples, mas o fato
de estar conectada com outras permite que a informação originada a partir
dela seja VIRTUALMENTE INFINITA.
Mas essa forma de escrever textos não é natural para ser usada com lápis
e papel: ler (ou melhor, percorrer) um texto escrito desta forma, com elos de
ligações para outros textos, exige um software específico e muitos outros
conceitos de organização.
É interessante pensar que estes conceitos haviam sido inventados nos
anos 1950, pelo filósofo Ted Nelson, mas só foram consubstanciados como
sistema de software nos anos 1990, por Tim Berners Lee.
QUE TAL PESQUISAR SOBRE ELES NA INTERNET?
slide 4 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 4 de 40
O TRABALHO DE TIM BERNERS LEE
No início dos anos 1990, baseado em conceitos de hipertexto, foi criado por
ele um modelo padrão para armazenagem e transmissão de textos na
Internet, baseado em três conceitos principais:
. Um protocolo único de comunicação:
HTTP hipertext transport protocol
. Um formato único de textos (hipertextos):
HTML hipertext markup language
. Um formato único para localizar os textos na internet:
URL universal resource locator
Parece complicado mas é muito simples: veja a seguir...
slide 5 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 5 de 40
ENTENDENDO OS CONCEITOS NA PRÁTICA
WWW utiliza dois tipos de programas.
O primeiro é responsável pelo armazenamento das
informações: o SERVIDOR WEB. O outro é responsável
por apresentar as informações numa tela, e permitir o
percurso através dos links: o NAVEGADOR WEB.
Navegadores e servidores conversam entre si usando um
diálogo (protocolo) padrão: o HTTP.
O usuário indica os textos desejados segundo uma sintaxe que nos é muito
familiar hoje em dia, a URL, que contém diversas informações, tais como o
nome do servidor, o nome da pasta que contém a informação, etc...
Por exemplo:
http://www.meajuda.net/texto.htm
Nota: Esta mesma notação também é usada dentro dos hipertextos para
indicar onde estão os textos ou outros elementos a ele ligados.
slide 6 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 6 de 40
HTML – A LÍNGUA FRANCA DA WWW
Para padronizar os textos, foi escolhido um formato em que o texto é
misturado com marcas padronizadas (conhecidas como TAGS), que indicam,
entre outras coisas, o que as informações representam: um cabeçalho,um
título, um parágrafo, etc, além de indicativos de negrito, itálico, sublinhado,
tamanho da letra, etc.
HTML não é feita para ser lida por pessoas, mas sim interpretada por
navegadores WWW. Quando queremos armazenar textos, geralmente
usamos um “editor de html”, em que entramos com o texto puro, e com a
ajuda do editor introduzimos as TAGS convenientemente.
Nota: hoje em dia existe quase sempre um texto adicional, associado ao texto
HTML: o CSS (Cascade Style Sheet), no qual é especificada a aparência que
será usada ao exibir cada TAG (por exemplo, indicar que os títulos são
desenhados com letra azul).
slide 7 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 7 de 40
FORMULÁRIOS E ENTRADA DE INFORMAÇÕES
HTML é fundamentalmente um formato que indica o texto e sua formatação
pelo navegador WEB. A evolução da interação exigiu também que fossem
agregadas TAGS para permitir a criação de formulários, onde o usuário do
navegador poderia digitar dados que seriam transmitidos para o servidor
WEB.
A ideia é que ao receber tais informações, o servidor WEB ative programas
externos através de um mecanismo chamado CGI (Common Gateway
Interface). Estes programas, geralmente chamados de Web Services
(Serviços da Web), processam estas informações e produzem,
dinamicamente respostas em HTML para serem enviadas de volta pelo
servidor para o navegador.
slide 8 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 8 de 40
ESQUEMA DE PROCESSAMENTO DE UM CGI
Essa facilidade permitiu a implementação de pesquisas
e maior interatividade pela Internet.
slide 9 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 9 de 40
PÁGINAS DINÂMICAS E INTELIGENTES
Com a entrada do comércio eletrônico, tornou-se necessário que o navegador
pudesse ser dotado de maior inteligência, processando erros óbvios,
montando páginas com exibição dinâmica e até executando scripts de
programação.
Para isso, às páginas são agregados pequenos trechos de programa,
geralmente escritos na linguagem “JavaScript”, que consegue interagir com o
navegador realizando a modificação dinâmica da página em tempo de
utilização.
Outra facilidade importante é o armazenamento permanente de certas
informações no navegador (por exemplo, conta do usuário) que são, sob
demanda, enviadas ao servidor web. Este mecanismo é chamado de
“Cookie” (biscoitinho), e permite o processamento de transações comerciais
com maior facilidade de programação.
Importante: Cookies são mecanismos seguros e não têm nenhuma relação
com vírus ou segurança da informação.
slide 10 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 10 de 40
SEGURANÇA DA INFORMAÇÂO
O aumento do uso da Internet atraiu também os ladrões e falsários,
que passaram a criar sites fraudulentos (em que, por exemplo,
formulários mal-intencionados eram usados para obter dados dos
usuários).
Outra possibilidade é a escuta nos cabos da Internet, através de
mecanismos eletrônicos. Neste caso, as informações que fluem são
copiadas durante a operação.
Para coibir estes probemas, foram criados protocolos de
comunicação mais confiáveis em que a transmissão se faz de forma
criptografada. O protocolo http, quando é agregado destes
mecanismos, passa-se a chamar de https.
O HTTPS é capaz de verificar se o site acessado está sendo
desviado ou tem nome falso, bem como esconde as informações
que estão trafegando no cabo.
slide 11 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 11 de 40
O NAVEGADOR
Webvox
slide 12 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 12 de 40
O QUE É O Webvox
O Webvox é o navegador WEB do sistema DOSVOX. Ele foi criado
como uma alternativa de grande feedback sonoro para a
navegação.
O Webvox é puramente textual, ou seja, ele não mostra
(automaticamente) as imagens, fazendo com que a página seja
carregada muito mais rapidamente. É possível, entretanto, exibir,
sob comando, as figuras e a maior parte dos outros elementos não
textuais.
O Webvox foi criado originalmente como um projeto experimental
por Antonio Borges, para explorar ideias de navegação web para
cegos, e foi muito aprimorado nas teses de mestrado da professora
Andréa Rodrigues e do programador cego Bernard Condorcet, que
introduziu a maior parte das características operacionais que fazem
dele um grande atrativo para para cegos navegarem em páginas de
média complexidade.
slide 13 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 13 de 40
LIMITAÇÕES DO WEBVOX
O Webvox é um navegador textual, o que por si só já imprime uma
grande limitação na Web da atualidade, em que muitas informações
são gráficas. Sempre que presente no hipertexto, o Webvox exibe a
tag ALT, que pode ser adicionada pelo webdesigner para descrever
textualmente o conteúdo de cada imagem.
O Webvox também não é capaz de processar os seguintes
detalhes:
-Trechos das páginas escritos na linguagem JavaScript
-Animações geradas na linguagem FLASH
-Formatação por CSS (por ser um navegador textual)
Em resumo: o Webvox não faz tudo que um navegador
convencional faz, mas é muito eficiente e adequado quando o
interesse de leitura é focado no texto.
slide 14 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 14 de 40
DEFININDO E ENTRANDO NO Webvox
Para entrar no Webvox, devemos, no menu do Dosvox:
• Pressionar a opção r – acesso à rede e internet
• Depois pressionar h – homepages, com Webvox.
• Use a seta para baixo para obter as opções do programa.
slide 15 de 40
MENU PRINCIPAL DO WEBVOX
slide 16 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 16 de 40
ENTRANDO EM SITES CUJA URL É CONHECIDA
Para entrar em uma homepage, siga os seguintes passos:
• Ao ouvir a pergunta “Qual a sua opção?” pressione a opção T –
trazer página da rede.
• Em seguida, ouviremos “Informe o nome da página a trazer.”
Por exemplo: http://intervox.nce.ufrj.br
Ao entrar na página, será iniciada automaticamente a leitura de
seu conteúdo. As informações gráficas e links (que o Webvox
chama de elos) serão indicados através de efeitos sonoros
diferenciados.
Mostraremos a seguir como interagir quando a leitura está sendo
realizada.
slide 17 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 17 de 40
COMANDOS IMPORTANTES DURANTE A LEITURA
Espaço – inicia ou pausa a leitura
Esc – termina a leitura
Setas verticais – caminham, lendo o hipertexto
Seta direita - avança para próximo trecho de leitura ou link
Enter – segue o hipertexto do link imediatamente anterior
(geralmente o que acabou de ser falado)
Tab - pula para o próximo link
Backspace - pula para link anterior
PageUp e PageDown – pula ou recua parágrafo
Ctrl PageUp – vai para o início da página
Ctrl PageDown – vai para o fim da página
Home - detalha cláusula atual de HTML
F3 - lê nome da página atual
F4 - Configura
F5 - busca texto (Ctrl F5 busca de novo)
F6 - informa percentual lido da página
F9 – apresenta o menu
slide 18 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 18 de 40
ASSISTA AO FILME
http://intervox.nce.ufrj.br/youtube/mod5_2_Webvox.htm
que mostra como entrar numa página e lê-la com o Webvox.
slide 19 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 19 de 40
COMO PREENCHER UM FORMULÁRIO
Dentro de um texto com frequência encontramos
formulários a preencher. Quando a leitura do Webvox
atinge um formulário, o programa para e o usuário vai
preenchendo os campos e apertando Enter ou TAB para
passar para o próximo.
Um caso especial são as caixas de seleção (para marcar
ou desmarcar opções, por exemplo) e os “botões de rádio”.
O Webvox exibe estas informações falando “item único de
seleção” ou “item múltiplo de seleção” e dá as instruções
de como ligar ou desligar as opções.
Ao fim do formulário, geralmente as páginas colocam um
botão para enviar este formulário. O Webvox não exibe
este botão – ao invés disso fala: “aperte S para submeter”.
slide 20 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 20 de 40
ASSISTA AO FILME
http://intervox.nce.ufrj.br/youtube/mod5_2_Webvox_form.htm
que mostra como preencher um formulário com o Webvox.
O site utilizado foi o m.facebook.com e o formulário foi o de
preenchimento de conta e senha.
Este exemplo é interessante, pois demonstra que o Webvox consegue ler
e interagir com simplicidade com este site alternativo do Facebook, que é
usado normalmente em smartphones.
slide 21 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 21 de 40
PÁGINAS SELECIONADAS E A PÁGINA PREFERIDA
Uma das maiores dificuldades para o iniciante em Webvox é saber o
endereço (URL) das páginas dos lugares que deseja visitar. O
Webvox fornece, através da opção S, uma lista de páginas de
exemplo. Esta opção permite também que uma nova referência de
página seja adicionada.
Basta usar as setas e apertar Enter que a página listada é
acessada.
Nota: pode-se editar
manualmente o
arquivo de páginas
selecionadas, o que é
especialmente útil em
atividades de cunho
pedagógico. O nome
do arquivo é
c:\winvox\webselec.ini
slide 22 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 22 de 40
BUSCANDO INFORMAÇÕES NO GOOGLE: O GOOGLEVOX
O Dosvox fornece um utilitário companheiro do Webvox, que é
muito útil quando se deseja buscar informações no Google, que é
um pouco complicado para os usuários iniciantes.
O GoogleVox, acionado diretamente pelo Dosvox, na opção RG,
permite um acesso simplificado, em que os resultados das buscas
são apresentados num menu em que as páginas são escolhidas
usando as setas.
O sistema Google
permite 100
pesquisas por dia.
Cada nível de
pesquisa produz 8
resultados.
Portanto se você
fizer pesquisa de
nível 4, gastará 4
pesquisas, e obterá
32 resultados.
slide 23 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 23 de 40
ASSISTA AO FILME
http://intervox.nce.ufrj.br/youtube/mod5_2_googlevox.htm
que mostra como fazer pesquisas na Internet de forma simples com o
GoogleVox.
slide 24 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 24 de 40
CONFIGURANDO O WEBVOX
A configuração do Webvox é bastante intuitiva, e iniciada pela opção C
do menu principal. Após feitas as modificações, aperta-se ESC para
terminar.
Para configurar é
preciso que o Webvox
não esteja lendo
(aperte a tecla ESC
para parar a leitura,
caso necessário).
slide 25 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 25 de 40
CONFIGURANDO PROXIES
Um caso particular ocorre no uso de Webvox em empresas ou
escolas. Nestes lugares, os computadores não acessam a internet
diretamente, por questões de segurança. O acesso é feito por
“computadores ponte” que controlam e otimizam este acesso, e que
são conhecidos como PROXY.
Para usar o Webvox nestes lugares é preciso realizar a
configuração (opção C) e então preencher os campos para:
. habilitar o uso de proxy
. fornecer o endereço do proxy da empresa
. fornecer a porta do proxy
Veja detalhes no slide a seguir.
slide 26 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 26 de 40
A configuração do Webvox para proxies não é automática. Essas
informações devem ser obtidas diretamente com o técnico de redes
que dá suporte à instituição. O Webvox suporta proxies com senha,
mas não suporta proxies com encriptação.
slide 27 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 27 de 40
E QUANDO A PÁGINA NÃO PODE SER LIDA OU NÃO É
COMPREENSÍVEL?
Os trechos das páginas que fazem uso de uma técnica chamada
JavaScript não podem ser lidas pelo Dosvox.
Isso inibe o uso do Webvox em sites bancários ou de comércio
eletrônico.
Para resolver esta limitação a solução é usar navegadores
convencionais através de Leitores de tela como o NVDA, Jaws ou
Virtual Vision, como veremos no módulo 7 de nosso curso.
Há também muitas páginas que não são inacessíveis tecnicamente,
mas são mal organizadas em termos de posicionamento de
elementos ou outros erros. Neste caso, a solução é pedir que a
página seja ajustada, pois nenhum navegador dará conta dele em
termos de acessibilidade.
slide 28 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 28 de 40
PRÁTICA DE LEITURA
A maior parte das páginas apresenta uma série de
informações que não são importantes para a leitura (por
exemplo, anúncios, índices, cabeçalhos, etc). Faz parte
do processo de ambientação aprender a ignorar estas
informações.
Aconselha-se fortemente a leitura do manual do
Webvox para conhecer detalhes mais sofisticados da
navegação e do preenchimento de formulários.
Navegar se aprende navegando. Não é difícil, mas
também não é trivial navegar com o Webvox.
É preciso horas de pilotagem para que se sinta à
vontade em grande parte dos sites de maior
interesse.
slide 29 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 29 de 40
VOXTUBE
slide 30 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 30 de 40
DEFININDO E ENTRANDO NO VOXTUBE
O Voxtube é um programa do ambiente Dosvox, que
tem por finalidade pesquisar conteúdos de vídeos
disponibilizados no Youtube. Para entrar no Voxtube,
siga os seguintes passos:
• Pressione r – acesso à rede e Internet no menu
principal do Dosvox
• Pressione a opção V – Voxtube.
• Ao ouvir a pergunta “Qual sua busca?” digite o
nome da sua pesquisa e espere a lista com as
opções.
• Para caminhar por essa lista, use as setas
verticais e pressione Enter ao encontrar a
desejada.
slide 31 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 31 de 40
MENU VOXTUBE
Ao encontrar a opção desejada, pressionamos Enter
para a execução direta do vídeo, ou pressionamos F9
para conhecer as opções abaixo:
Leia o texto de referência e explore cada uma das
opções do menu acima.
slide 32 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 32 de 40
COMANDOS USADOS DURANTE A EXIBIÇÂO DE VÍDEOS
• Seta para cima: avança
• Seta para baixo: retrocede
• Barra de espaço: pausa e volta
• Esc: fecha o vídeo
slide 33 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 33 de 40
ASSISTA AO FILME
http://intervox.nce.ufrj.br/youtube/mod5_2_voxtube.htm
que mostra como escolher um tema e assistir a diversos filmes, usando
opções do Voxtube.
slide 34 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 34 de 40
PAPOVOX
slide 35 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 35 de 40
UNIDADE 3
DEFININDO E ENTRANDO NO PAPOVOX
O Papovox é um programa que possibilita aos
usuários do Dosvox uma comunicação na rede
através de um chat (bate-papo online). Para entrar
no Papovox, devemos seguir os seguintes passos:
• Pressionar a opção r – acesso à rede e Internet,
do menu principal
• Pressionar p – bate-papo sonoro pela Internet
• Logo que entrar no programa, será ouvida a
pergunta: “Deseja manter sua real identidade
em segredo?"
• Se você não mantiver seu nome em segredo,
você terá que preencher um formulário de
configuração. Conheça melhor este formulário
lendo o texto de referência.
slide 36 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 36 de 40
CONHECENDO O MENU DO PAPOVOX
• Caso queira manter sua identidade em segredo
deverão ser informados seus dados de fantasia.
Você deve informar seu nome fantasia e usar as
setas para conhecer o menu abaixo:
P - pesquisa usuário no servidor de nomes
C - Configura o programa
E - Espera que alguém inicie conexão com este
programa - Caso não tenha ninguém para
conversar, você pode aguardar que alguém
inicie uma conversação
L - Inicia uma ligação com outro usuário
M - Envia mensagem urgente para outro usuário
slide 37 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 37 de 40
ENTRANDO NO BATE-PAPO
• Escolha a opção p – pesquisa no servidor de nomes e
então escolha a opção a – apenas os ativos, para
conhecer apenas os chats ativos.
• Escolha o chat que você deseja entrar usando as setas
verticais e pressione Enter.
• Siga as instruções do site de bate-papo.
Os endereços dos chats mais usados hoje são:
intervox.nce.ufrj.br
chat.saci.org.br
sitiodosvox.com
Há diversos outros, cuja referência você pode obter com o
pessoal destes chats.
slide 38 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 38 de 40
OUTRAS FUNCIONALIDADES DO PAPOVOX
Podemos mandar mensagens particulares para uma
determinada pessoa durante o chat, digitando + seguido do
nome da pessoa no bate-papo ou / e o mesmo nome.
Ex.:
+antonio Olá amigo, você continua lindo?
Cuidado, se você esquecer o sinal de + a mensagem será
enviada para todas as pessoas.
Podemos também usar emoticons sonoros no Papovox, ou
seja, símbolos que provocam que um som seja tocado
quando a mensagem chegar ao Papovox destino.
Exemplos:
:) simbolizam um sorriso, [] simbolizam um abraço,
{} uma assinatura e assim por diante.
Aprenda a usar e a
criar emoticons
personalizados no
nosso texto de
referência.
slide 39 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 39 de 40
ASSISTA AO FILME
http://intervox.nce.ufrj.br/youtube/mod5_2_papovox.htm
que mostra como entrar num sistema de bate-papo com o
Papovox.
slide 40 de 40
Módulo 5 – Internet para deficientes Visuais (Semana 2)
slide 40 de 40
MENSAGEM FINAL
A Internet é um poderoso meio de comunicação e informação que pode
ampliar a interação das pessoas com deficiência visual com o mundo,
contribuindo para o seu desenvolvimento educacional e social.
Novas ferramentas do Dosvox para acesso à Internet estão
constantemente sendo construídas. É importante participar das listas
de discussão sobre o Dosvox para estar antenado nas novidades.
Escreva para Bia Mazzillo ([email protected]) para orientações
sobre como participar destas listas.
Nota: Em breve será lançado o acesso simplificado ao Facebook,
chamado Myvox.