o iv t u c e x E o n la P s uê g tu r o P e s ra b Li ua g ín il B
ti
Universid ade Feder al do Ceará Cam pu s Quixad á Bacharelado em Design Digita l Orientad or José Neto de Faria Desenvolvedo res Camargo Gomes da Silva Erick Luan Girão dos Santos Lucas de Oliveira da Silva José Richallyson Soares de Li ma Renê da Silva Tavares 4 0 semestre 2016.2 Quixadá
S um รก ri o
1. PROPOSTA DE PROJETO ........................... 12 .... .... .... .... .... .... .... .... .... .... .... .... ão uç od 1.1 Intr .............................. 14 1.2 Problema ........................................ .......................... 14 1.3 Objetivos ........................................ ................................ 15 .... .... .... .... .... .... .... .... .... a tiv ca ifi st Ju 1.4 1.5 Público-alvo ................................
.............................. 16
2. SOLUÇÃO
................................... 20 2.1 Estratégia de Design ............ ................................ 24 .... .... .... .... o çã ia Cr de to ei nc Co 2.2
........................... 25 2.3 Serviço/Produto ........................ ÃO VISUAL 3. DIRETRIZES DE COMUNICAÇ .............................. 28 3.1 Identidade Visual .................... ................. 30 3.2 Paleta de cores ........................ ............ 32 3.3 Iconografia .................................... ..... 34 3.4 Tipografia .................................... ............. 35 3.5 Aplicações ....................................
8
4. SOBRE A MARCA 4.1 Logo ....................................................... 38 4.2 Elementos da marca ..................................... 39 4.3 Lettering ..................................... 40 4.4 Origem do nome ......................................... 41 5. GUIDELINES 5.1 Proporções ....................................................................... 44 5.2 Área de segurança ...................................................... 45 5.3 Aplicação reduzida ..................................... 46 5.4 Positivo e negativo ................................ 47 5.5 Proibições ................................................. 48 6. PEÇAS DE CRIAÇÃO 6.1 Projeto de navegação ............................................. 52 6.2 Projeto de informação.................................. 54 6.3 Banners ..................................... 99 6.4 Interface ......................................... 55 6.5 Roteiros ................................... 6.6 Conteúdo do Aplicativo .......................... 76
9
1. Prop osta de Projeto
INTRODUÇÃO O presente projeto baseia-se no cenário local que expõe um problema social de inclusão que é prejudicial para a sociedade como um todo e que tem como objetivo propor uma solução tecnológica por meio do design digital. A tecnologia avança rapidamente e cada vez mais as pessoas estão dependentes de aparatos tecnológicos, como computadores, celulares e tablets, para realizar suas atividade básicas, como se comunicar, pesquisar, estudar e etc. A educação também tem trilhado caminhos de avanço e inovação, um deles foi começar a se utilizar da tecnologia para mediar o ensino. Existem vários sites e apps que atuam como promotores do ensino e de aprendizagem. Antes só as instituições de ensino detinham esse papel. Com essa disseminação do conhecimento através da rede, era de se esperar que todos fossem atingidos com a facilidade que tal inovação trás. O surdo, considerado deficiente especial por ocasionalidades históricas, é um dessas pessoas que não é contemplado com a evolução da tecnologia. Poucos conhecem a Libras e o Português. E os que buscam aprender, são barrados por falta de escolas especializadas em suas cidades. Em cima disso, um projeto foi desenvolvido. A criação de um aplicativo para o ensino de Libras e Português para surdos, o Bilíngua. O app tem o intuito de através do ensino com o método bilíngue, qualificar, incluir o surdo na sociedade. O processo de exclusão social do surdo ocorre por várias instâncias, familiar, social e governamental, por isso é complexo definir um único responsável pois tem-se uma cadeia de envolvidos em várias situações.
12
A primeira situação de exclusão acontece quando falta o diagnóstico precoce sobre a deficiência. Há sinais que podem indicar se a criança é surda, a exemplo de quando um bebê de mais de 3 meses não se vira ao ser chamado, quando um bebê de cerca de 1 ano não inicia a linguagem, não balbucia e nem responde aos sons e as chamadas da família, não se altera diante de barulhos potentes, dentre outros. Os sinais podem confundir com outros quadros clínicos, por isso que para se constatar a surdez na criança é mais fácil depois dos 2 ou 3 anos. Essa confusão, em saber se existe a deficiência, acontece majoritariamente em famílias que possuem pouca renda e escolaridade, pois não conhecem os sintomas e podem ligar à deficiência mental. Há também o círculo de amizades dessa família que pode ajudar a entender os sinais e a levar ao consultório, mas quando negligenciam ajudar diante do problema, participam em dificultar o desenvolvimento da criança. Os médicos também podem ajudar a diagnosticar, quando a criança for levada por outros motivos, mas para isso é necessário empatia do profissional. O diagnóstico é muito importante e a falta dele faz com que a criança não tenha um acompanhamento e que o tratamento comece tardiamente, prejudicando o seu desenvolvimento cognitivo.
13
PROBLEMA de Ensinar a Libras e a língua aportuguesa para o surdo atr . vés de um aplicativo para tablet
OBJETIVOS nO objetivo deste trabalho é ide tificar problemas de inclusão so acial, de comunicação, de educ na ção e de socialização do surdo o cidade de Quixadá, com o intuit de de desenvolver uma solução design digital, que gere suporte inecessário para o desenvolv mento de sua comunicação e au le tonomia, para a inclusão socia digital do surdo.
14
JUSTIFICATIVA As atividades de Libras trabalham com exercícios lúdicos usan do sistemas de jogos e brincadeiras para tornar os exercícios men os mecânico e assim promovendo mais o prazer no aprendizado, e sempre trabalha com exercício que envolvem o contexto social do aluno, ensinando um conteúdo que ele possa aplicar de imediato no cotidiano Uma maneira de facilitar o entendimento dos assuntos avan çados de Português é dominando antes os assuntos mais simples, que são a base do estudo da matéria Português. Com base nesse princ ípio, foi pensada a sequência correta ou ideal para se aprender os tópicos de Português, com o objetivo de que o estudo de cada tópic o, facilite a compreensão do assunto seguinte estudado. Nesse sent ido, o estudante deve ser levado a compreender e usar a linguagem como geradora de significação e integradora da organização de mundo e da própria identidade. O curso enfatiza quatro aspectos: leitura, análise, interpret ação e produção de textos, além de aspectos gramaticais relevante s para o desenvolvimento e utilização da língua portuguesa em sua variante padrão. Permitindo com isso dar condições ao estudant e de criar condições para que ele desenvolva uma competência comu nicativa e sua capacidade de utilizar a língua de modo variado e adeq uado ao contexto; às diferentes situações e práticas sociais.
15
PÚBLICO-ALVO a. Eles Em Quixadá a maioria dos surdos são de famílias de baixa rend , são exnão possuem uma boa escolaridade e em decorrência disso mãe. cluídos da sociedade, devido a sua dificuldade com a língua iência auNosso público-alvo são justamente essas pessoas com defic sa, ou ditiva, que não dominam a escrita e a leitura da Língua Portugue que não dominam a Libras. inserido O usuário do nosso produto, almeja se sentir completamente o empena sociedade, conseguir realizar certas tarefas sem que haja cilho da Língua Portuguesa como barreira. e certa, O correto seria trabalhar o processo de alfabetização na idad cognitivo, entre 7 a 14 anos, para que haja o pleno desenvolvimento ação na mas, como a maioria do público alvo não teve acesso a form , para idade certa, resolvesse trabalhar com o público de 15 a 25 anos tentar uma integração tardia a sociedade. l com ouEm geral, pessoas que buscam autonomia e convívio socia vintes.
16
17
o รฃ รง u l o S 2.
ESTRATÉGIA DE DESIGN valores estéticos, soos ar fic nti ide -se ou sc bu o alv A partir do público cial, ente os valores de inclusão so cli do e s ico lóg no tec e s rai ltu ciocu renda e visibilidade. menuto com a transposição de ele od pr lo pe o aíd atr é o alv co bli O pú al ltura regional do sertão centr cu da rte pa em faz e qu s ico tos estét sign flat e clean. No sentido de um m co nte ga ele e til su de maneira lo produto por permitir pe do sa es er int ará fic rio uá us sociocultural o a participação na sociedade. um rá ula sim e qu ão aç er int a um produto de maneira que no s ido er ins rão se s ico lóg Os valores tecno dos siusuários possam estar conecta de n ro me nú um e qu á itir rm pe multaneamente. que o o que o contexto da sociedade nd de ten en te, en cli do o lad Do cial uma secretária de inclusão so r se rá de po , do ça lan rá se produto e objetiva proporcionar aos qu l, ua tad es ou l ipa nic mu o rn de um gove sociedade. Consequentena ão aç cip rti pa e so es ac , de surdos liberda derão nidade surda, essas pessoas po mente com a inclusão da comu sontribuir para o crescimento da co e o ípi nic mu o ra pa a nd re gerar ibique adquirir o produto terá vis o rn ve go o ito êx do an gr Lo . ciedade derá ter continuidade. lidade, será bem avaliado e po
20
21
TEMPO VALORES CULTURAIS
Português Velocidade de
VALORES TECNOLÓGICOS
VALORES ESTÉTICOS
Redes Sociais Interação
Simplicidade Flat Design
informação Socialização
Aprender Libras e Português Estética regional
Conteúdo do app
PÚBLICO ALVO VALORES CULTURAIS
Cultura do Sertão Cordel Exclusão Social Nã sabe Português
22
Interagir
SECRETARIA MUNICIPAL DE EDUCAÇÃO Inclusão Social Imagem de Governo Visibilidade Política
Lúdico Prazer Socialização
Aprender
Flat Design Simplicidade
VALORES TECNOLÓGICOS
Busca simplicidade Pouca experiência
VALORES ESTÉTICOS
Simplicidade Flat Design
23
CONCEITO DE CRIAÇÃO sign à linguagem visual de t fla do l ua vis em ag gu lin Unir o padrão de da cultura regional cearense.
24
PRODUTO O produto é um aplicativo de ensino que salienta o aprendizado de forma prazerosa e busca a inserção social do surdo. Ele possui três serviços principais: duas áreas de ensino, uma de Libras, e a outra de Português. Assim como também possui um dicionário, que contém, respectivamente: a palavra, uma breve explicação com palavras simples, uma imagem e a tradução em vídeo para a língua de sinais. O principal diferencial usado para que o aprendizado seja realmente produtivo e prazeroso, é enfatizar a participação do surdo como pessoa na sociedade brasileira. Isso será feito com trabalhos em grupos ou individuais e de forma lúdica, sempre visando trazer um contexto da nossa sociedade.
25
e d s e z i r t e r i D 3. comunicação visual
IDENTIDADE VISUAL Os ícones são construídos com a linguagem flat, a trazer mais como o logo.
curvas
a relaAs imagens dentro do aplicativo são recortadas e trazem dupl de mateção, empregada no contexto de sala de aula com recortes riais impressos e no cordel, pelo entalho da madeira.
28
O padrão mais utilizado para as cores é o verde e branco, e o amarelo e o marrom, como visto no modal construído para as aulas representado logo abaixo.
Os contornos das caixas e elementos são colocados com um padrão pensado a simular o pincel, a dar um toque de rústico lemb rando da cultura regional.
29
PALETA DE CORES Hex: #742218 RGB: 117, 35, 25 CMYK: 47, 97, 100, 32 PANTONE:
Hex: #FFF59B RGB: 255, 245, 155 CMYK: 0, 0, 50, 0 PANTONE:
Hex: #006D3A RGB: 0, 109, 58 CMYK: 100, 40, 100, 5 PANTONE:
Hex: #BB1B1B RGB: 117, 35, 25
CMYK: 22, 100, 100, 5 PANTONE:
30
As cores escolhidas remetem e dialogam com aspectos da cultura e geografia regional. Como representante da característica de sociabilização e vibração o vermelho foi escolhido. Para representar a esperança e a alegria de viver foi escolhido um verde que também pode ser associado a plantas encontradas na região como, por exemplo, o cacto. A cor marrom foi escolhida por remeter a firmeza das pessoas em suas culturas e origens. A cor bege transmite a calma e passividade que o povo nordestino tem para ajudar as pessoas a resolverem problemas.
31
ICONOGRAFIA Módulo de Libras
Módulo de Português
32
Comum aos mรณdulos
33
TIPOGRAFIA O conjunto de tipografias utilizado no projeto são: Junction, Janda Manatee e Xilosa. A família Junction não tem serifa e foi a fonte escolhida para trabalhar os textos impressos e digitais. Junction Light Junction Regular Junction Bold A Janda Manatee foi escolhida por remeter a letras feitas por pincel, na sala de aula. Janda Manatee Solid A Xilosa foi introduzida como a fonte que indicará a cultura regional. Xilosa
34
APLICAÇÕES Junction Light
Janda Manatee Solid
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii J j Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0123456789 ´`^~{ } [ ] , . ; ? ! \ / <>
0123456789 ´`^~{ } [ ] , . ; ? ! \ / <>
Junction Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 ´`^~{ } [ ] , . ; ? ! \ / <>
Xilosa Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 ´`, . ; ? !
Junction Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789 ´`^~{ } [ ] , . ; ? ! \ / <>
35
4. Sobre a marca
LOGO
38
ELEMENTOS DA MARCA A lousa é sinônimo de sala de aula, escola e educação e foi escolhido para indicar o ensino bilíngue para surdos.
=
A letra B é uma representação do alfabeto, um símbolo da linguagem escrita, uma abstração da fala. Portanto é necessário que esteja na marca para simbolizar a Língua Portuguesa. Os sinais em Libras são característicos à cultura surda e tem sinônimos como comunicação, linguagem e interação. A mão foi escolhido para representar diretamente esta cultura.
=
39
LETTERING a A proposta para o Lettering er la continuar com a temĂĄtica de sa de aula, trazendo uma ar da es to crita de pincel e giz como ĂŠ fei na lousa.
40
ORIGEM DO NOME Com as pesquisas e tentativas de encontrar o nome mais adequado à solução, chegou no nome Bilíngua. A concepção do nome surgiu da modificação da palavra bilíngue. Tal palavra nomeia o modo de ensino para os surdos que tem melhores resultados e a mais adequada, o Bilinguismo. Bilíngua retrata o que é reproduzido dentro do ensino, a Língua Portuguesa e a Língua Brasileira de Sinais.
41
5. Guidelines
PROPORÇÕES Horizontal
1X
3,5X
10X
4X 2X
Vertical 1X
2X
1X
44
ÁREA DE SEGURANÇA
1X
2x
2x 2x
2x
1X
2x
2x
2x
2x
45
APLICAÇÃO REDUZIDA 125px 80px 125px 200px
46
POSITIVO E NEGATIVO
47
PROIBIÇÕES
Fundo chapado de cores próximas
Fundo fotográfico de cores próximas
Logotipo com recorte
48
Recolorir elementos Recolorir lettering
Inverter elementos Modificar o tamanho
BilĂngua Libras e PortuguĂŞs Modificar lettering
Rotacionar lettering
49
6. Peças de criação
PROJETO DE NAVEGAÇÃO Logo
Tela de Login
Login Especial
Login com Google
Login com Facebook
Menu
Módulo Libras Nível Introdutório
52
Nível Intermediário
Dicionário
Nível Avançado
Unidade Alfabeto
Unidades Bloqueadas
Unidade Noções de Tempo
Unidades Bloqueadas
Unidade Tipos de Frase
Unidades Bloqueadas
Manual Escrito
Conteúdo Bloqueado
Presente Passado Futuro
Conteúdo Bloqueado
Afirmativa Interrogat. Exclamat.
Conteúdo Bloqueado
Exercícios
Exercícios Bloqueados
Exercícios
Exercícios Bloqueados
Exercícios
Exercícios Bloqueados
Cadastro
Módulo Português
Modo
Individual
Grupo
Nível Introdutório
Nível Intermediário
Nível Avançado
Unidade Vocabulário
Unidades Bloqueadas
Unidade Verbo
Unidades Bloqueadas
Unidade Adjetivos I
Unidades Bloqueadas
Pai, mãe irmãos avô, avó
Conteúdo Bloqueado
Regulares Irregulares Anômalos
Conteúdo Bloqueado
Grande, bom, novo, pequeno
Conteúdo Bloqueado
Exercícios
Exercícios Bloqueados
Exercícios
Exercícios Bloqueados
Exercícios
Exercícios Bloqueados
53
PROJETO DE INFORMAÇÃO
Tela Login
Tela Cadastro
Tela Módulo Português
Tela Dicionário
Caixas de Input
Caixas de Input
Título
Título
Título
Botões
Vídeo
Vídeo
Vídeo
Vídeo
Teclado
Botões
Teclado
Teclado
Imagens
Logotipo
Logotipo
Barras
Barras
Texto
Ícones
Barras
Ícones
Ícones
Caixa de input
Imagens
Ícones
Imagens
Imagens
Ícones
Tela Login Especial
54
Tela Módulo Libras
Tela Login Facebook
Tela Login Google
Título
Pop-up
Pop-up
Imagens
Caixas de input
Caixas de input
Botões
Botões
Botões
Teclado
55
INTERFACES Teclado O teclado funciona como qualquer teclado normal, ele é bem auto descritivo. A diferença é que a tecla entrar serve para confirmar suas ações quando se necessita do teclado. Isso é explicado principalmente nas aulas de português.
Vídeos Os vídeos sempre poderão ser vistos novamentes, basta clicar no botão de rever que fica na barra do vídeo. Eles aparecem em tela cheia, mas o usuário pode clicar em um ícone do menu que diminui a tela. E caso ele diminua o vídeo, será apresentado o conteúdo que virá depois da apresentação do vídeo. Caso o usuário erre alguma ação, como por exemplo, no login, um vídeo explicativo daquela área aparecera mostrando novamente ao usuário como se realiza aquela ação.
56
Abertura Nessa tela o usuário após ver pela primeira vez a logotipia do aplicativo, ele é introduzido no conceito do que é o aplicativo. E mostra também como funciona o Login Especial. Essa tela aparece na primeira vez em que o usuário baixa o app, ou pode ser revista no botão que fica do lado do campo de login especial.
57
Login, tela de cadastro, login com o google e com o facebook Aqui o usuário poderar se cadastrar normalmente, ele clica em Cadastra-se, e preenche os campos pedido na tela de cadastro, como nome, senha, foto, confirma ou cancela. Caso confirme, receberá um email de ativação, ai abrir o email e ativar a conta, ele voltará para a tela de login, onde poderá digitar seu email e sua senha e entrar na área de ensino do app. A foto irá para o menu no topo superior direito da tela do aplicativo. O usuário pode sair clicando na foto no canto superior direito, onde abrirá um menu dropdown, que só tem a opção sair, ele clicará e aparecerá um modal perguntado se ele deseja realmente sair. O usuário também poderá se cadastrar pelo Facebook ou Google, onde ele só precisa apertar o ícone dos próprios, após isso abrirá um pop up onde o usuário apenas precisa apertar em confirmar ou em cancelar, caso queira. Ele voltará para o app, já na área de ensino, com a sua foto atual do perfil do Facebook ou do Google como foto de usuário do Bilíngua.
58
Login Especial O usuário aperta uma sequência de quatro fotos, dispostas na parte de login especial, e clica em confirmar, vai ser pedido para que faça a mesma sequência novamente. Caso não acerte, irá refazer o processo, caso passe, ira para a tela de foto, onde o usuário tira uma foto sua para confirmação. Após tirar a foto, aparecerá um vídeo explicando como funciona a confirmação por foto, após terminar o vídeo, ele estará em uma tela onde tem 4 fotos, 3 de desconhecidos, e uma dele, ele deve clicar na sua foto para confirmar o login, isso é válido apenas no segundo login. A foto irá para o menu no topo superior direito da tela do aplicativo. O usuário pode sair clicando na foto no canto superior direito, onde abrirá um menu dropdown, que só tem a opção sair, ele clicará e aparecerá um modal perguntado se ele deseja realmente sair.
59
Home Conterá apenas um vídeo explicando o funcionamento dos menus.
Logout Ao logar, a foto do usuário aparece no canto superior direito da tela. Ao clicar essa foto, desce um menu dropdown, que contém um botão de sair. Esse botão desloga o usuário da conta.
60
Dicionário O usuário irá clicar na área de procura, digitar a palavra desejada, o sistema mostra palavras próximas digitadas, como uma correção, caso o usuário digite a palavra errado. Ao clicar na palavra selecionada, irá aparecer as informações sobre aquela palavra.
Modo O usuário nessa tela ativará o modo cooperativo, ou desativará. Se ele já tiver passado de um módulo e repetir esse modulo, ele voltará como professor.
61
Saindo durante a aula Caso o usuário clique em outro menu durante a aula, aparecerá um modal pedindo para ele confirmar ou cancelar a ação. Se ele estiver no meio de uma aula, terá que recomeçar.
Selecionando modulo, aulas de Libras e primeira aula (sozinho) Ao clicar no menu de libras o usuário irá ver um vídeo explicando como funcionam os módulos, após isso aparecerão os módulos que o usuário pode entrar. Ele só pode acessar o próximo módulo quando passar do módulo anterior. Ao clicar pela primeira vez nessa menu o usuário irá ver o vídeo de introdução, mostrando como funciona a seleção das aulas. Após isso ele irá para o menu de aulas, de onde ele só pode selecionar as aulas que já passou. A primeira aula, que consiste em um jogo da memória. Primeiro será mostrado as imagens, elas serão mostradas durante 4 segundos, após isso, virarão. Abaixo se tem uma barra de progresso, que possui 3 espaços, onde mostra o sucesso ou a falha do usuário. Caso ele acerte a combinação, que se consiste em foto e o simbolo de libras dessa foto, será mostrada na tela de vídeo o sinal sendo feito. E na barra de progresso aparecerá uma carinha feliz, mostrando que ele acertou. O usuário tem 3 tentativas, caso erre as três, aparecerá uma carinha triste em um dos espaços. O usuário precisa ter 3 carinhas felizes para
62
passar da aula, caso acerte todas, ele passará da aula, aparecerá um modal, mostrando que o usuário passou, podendo ir para a próxima aula. Caso erre uma vez, ou seja, tenha uma carinha triste na barra de progresso, aparecerá um modal mostrando que ele não passou da aula, tendo que repetir a mesma. O jogador faz 5 sequências de jogo da memória
63
Aula de Libras em grupo e seleção do grupo (Grupo) O módulo será selecionado do mesmo jeito que é selecionado no modo sozinho, assim como as aulas. Também, tanto a seleção de módulo quando a seleção de aula tendo vídeos introdutórios, mostrando o funcionamento. A diferença vem após o usuário escolher a aula. Ele irá para uma tela onde será mostrado as pessoas que estão também estão nesse módulo. O jogador pode selecionar um professor e dois jogadores quaisquer, o convite aparecerá para eles, e o usuário aguardará 30 segundos, caso esse tempo passe e não seja preenchida as vagas, ele voltará para a tela de seleção de pessoas. Para tentar novamente. Será do mesmo jeito que a sozinho, com vídeo de introdução, demonstração das imagens do jogo da memória e tudo. A diferença ocorre no feedback, que é dado pelo o professor da aula. O usuário aqui poderá tentar o tanto de vezes que quiser, até acertar todas. O professor irá dizer se o usuário acertou ou não a partir do feedback de ícones que estão localizados na parte de baixo do aplicativo. Um é uma mão fazendo sinal de positivo e outra de negativo, se o usuário acertar a combinação de primeira, o professor irá apertar o dedo positivo, se errar, o negativo. Quando é a vez do jogador aparecerá um modal indicando isso. Os outros jogadores, enquanto esperam não veem o que o jogador está selecionando, ele vê apenas a animação do icone clicado pelo professor.
64
Selecionando módulo, aulas de português e primeira aula (Sozinho) Ao clicar no menu de libras o usuário irá ver um vídeo explicando como funcionam os módulos, após isso aparecerão os módulos que o usuário pode entrar. Ele só pode acessar o próximo módulo quando passar do módulo anterior. Ao clicar pela primeira vez nessa menu o usuário irá ver o vídeo de introdução, mostrando como funciona a seleção das aulas. Após isso ele irá para o menu de aulas, de onde ele só pode selecionar as aulas que já passou. Ao clicar na primeira aula, o usuário irá ver um vídeo mostrando como funciona a aula. Após isso irá começar ela. Será mostrado em um modal a palavra que o usuário precisa digitar, é apresentado para o usuário quatro fotos, e uma palavra acima dessa fotos. O usuário precisa selecionar a imagem pedida, de acordo com a palavra mostrada, digitar a palavra, e apertar a tecla ENTRAR. Acima de todos os elementos da área de ensino, fica o feedback de acerto e erro. Se o usuário acertar, o cordel ficará verde, se não, vermelho. Ele precisa acertar todos para passar da aula. Caso acerte, ao fim aparecerá um modal mostrando que ele passou, e pedindo para ele ir para a próxima aula., caso erre apenas uma, aparecera um modal mostrando que ele não passou na aula e deve repeti-lá. Ao fim, se ele passar do módulo completo, aparecerá um vídeo explicando em libras que ele agora pode ser professor. Após terminar um modal mostrando ele como professor, e pedindo para avançar para o próximo módulo.
65
Aula de português em grupo e seleção do grupo (Grupo) O módulo será selecionado do mesmo jeito que é selecionado no modo sozinho, assim como as aulas. Também, tanto a seleção de módulo quando a seleção de aula tendo vídeos introdutórios, mostrando o funcionamento. A diferença vem após o usuário escolher a aula. Ele irá para uma tela onde será mostrado as pessoas que estão também estão nesse módulo. O jogador pode selecionar um professor e dois jogadores quaisquer, o convite aparecerá para eles, e o usuário aguardará 30 segundos, caso esse tempo passe e não seja preenchida as vagas, ele voltará para a tela de seleção de pessoas. Para tentar novamente. Será do mesmo jeito que a sozinho, com vídeo de introdução, amos-
66
tra da palavra, das imagens, o feedback se da do mesmo jeito também. Aqui todos os alunos verão todas as interações. As vezes do jogador será dividida por turnos, quando for o seu aparecera um modal mostrando que é a sua vez. A interação funciona dessa forma. O jogador da vez pode fazer perguntas ao professor. Existe uma caixa de texto que o jogador clica nela, sua foto aparece do lado esquerdo da caixa, digita sua mensagem e Aperta a tecla entrar, após confirmar sua dúvida, muda o icone ao lado esquerdo da caixa, aparece o do professor no lugar do jogador da vez. O professor responde o usuário e aperta em confirmar. Assim como no modo sozinho, o jogador só passa da aula se acertar todas as palavras. E ao passar do módulo também se tornará professor desse módulo.
67
Sair durante as aulas (Grupo ou sozinho) O usuário poderá sair durante a aula. Ao clicar em qualquer outro menu durante a aula, aparecerá um modal de confirmação, perguntando se ele deseja realmente sair da aula
68
Chamando usuario paras as aulas em grupo O usuário pode selecionar um professor e dois usuários quaisquer, o convite aparecerá para eles, e o usuário aguardará 30 segundos, caso esse tempo passe e não seja preenchida as vagas, ele voltará para a tela de seleção de pessoas. Para tentar novamente.
69
ROTEIROS Apresentação e introdução ao aplicativo VÍDEO 1 - INT. Estúdio O intérprete dá as boas vindas ao aluno. O intérprete vai explicando o conteúdo enquanto vai aparecendo imagens de elementos que são parte do site. Os elementos mostrados são explicado para o usuário para que ele entenda a navegação a aplicativo. O intérprete explica ao usuário o como fazer o login e se cadastrar no site. 1. O intérprete fala para o usuário: “Olá, seja bem-vindo ao aplicativo Bilígua. Aqui você poderá aprender e aperfeiçoar a linguagem de sinais e ler escrever na língua portuguesa.” 2. “Você pode usar o aplicativo se cadastrando clicando aqui (o intérprete mostra onde está o elemento na interface que o usuário poderá fazer o cadastro).” 3. “No primeira caixa você preencherá seu nome. Na segunda caixa você preencherá seu sobrenome. Na terceira caixa você selecionará qual desses línguas você conhece Português, Libras e outros. Na quarta caixa você você preencherá seu email. Na quinta você preencherá sua senha. Você confirmar seu cadastro na última caixa da direita e cancelar na última caixa da esquerda. ”
70
Menu Vídeo 1 - INT. Estúdio O intérprete mostra como o usuário pode interagir com a barra de menu e selecionar a opção de aprendizado do aplicativo que ele deseja. O intérprete mostra ao usuário como ele pode retornar para o menu principal. 1. O intérprete fala para o usuário: “No primeiro item do menu você terá acesso as aulas de libras. No segundo item você terá acesso as aulas de português. No terceiro item você terá acesso ao dicionário.”
71
Dicionário VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário como fazer uma pesquisa na área do dicionário. 1. O intérprete fala para o usuário: “Você pode digitar a palavra que deseja conhecer caixa ao lado.” VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário a tradução da palavra que ele buscou. 1. O intérprete fala para o usuário: “O significado da palavra é...”
72
Libras módulo 1 VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário a estrutura da aula e como ele poderá progredir no aprendizado da linguagem. 1. O intérprete fala para o usuário: “Essa é a estrutura das aulas que foram desenvolvidas para o seu aprendizado. Você pode ir desbloqueando conforme for fazendo as primeiras aulas.” VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário que tem a opção de fazer as atividades em grupo, e como ele pode convidá-los. 1. O intérprete fala para o usuário: “Você pode convidar alguém para fazer a aula com você buscando os usuários que estão online procurando pela barra.” VÍDEO 3 - INT. Estúdio O intérprete mostra ao usuário imagens de familiares ao usuário e relaciona a imagem ao sinal de Libras correspondente e em seguida pede ao usuário para selecionar o sinal correto para a imagem mostrada. 1. O intérprete fala para o usuário: “”
73
Português módulo 1 VÍDEO 1 - INT. Estúdio O intérprete mostra ao usuário a estrutura da aula e como ele poderá progredir no aprendizado da linguagem. 1. O intérprete fala para o usuário: “” VÍDEO 2 - INT. Estúdio O intérprete mostra ao usuário que tem a opção de fazer as atividades em grupo, e como ele pode convidá-los. 1. O intérprete fala para o usuário: “” VÍDEO 3 - INT. Estúdio O intérprete vai mostrar as etapas de cada aula para o usuário. 1. O intérprete fala para o usuário: “”
74
75
CONTEÚDO DO APLICATIVO Módulo Língua Brasileira de Sinais Nível Introdutório Unidade Alfabeto Manual e Escrito Unidade Numerais cardinais, ordinais, moedas Unidade Vocabulário
Bebida, vinho, cerveja, cachaça, água, café, chá, suco Café da manhã, almoço, lanche, jantar, sanduíche, tapioca, bolo Pão, macarrão, arroz, feijão, sal, tempero, bife Unidade Verbos verbo que possuem concordância número-pessoal 1s DAR 2s - Eu dou para você 2s DAR 1s - Você me dar
Pai, mãe, irmãos, avô, avó
3s DAR 3s - Ele dar para ele
Professora, escola, criança, adulto
3s DAR 3P - Ele dar para eles
Gato, cachorro, pássaro Unidade Parâmetros dos Sinais Configuração de mãos
Unidade Verbos Classificadores - a configuração de mão é uma marca de concordância de gênero
Ponto de articulação
pessoa CAIR
Movimento
veículo CAIR
Orientação/direcionalidade
coisa redonda CAIR
Expressão facial e/ou corporal
coisa plana CAIR
Unidade Comida Comer, comida, cozinhar, limpar, amar Frango, ovo, queijo, maçã,
76
peixe
coisa fina e longa CAIR Unidade Verbos que possuem concordância com a localização MESA COPO COLOCAR, cabelo CORTAR, unha CORTAR,
tecido CORTAR Unidade Saudações
Eu, você Nós
Olá, tchau, obrigado, sim, não, por favor, obrigado
2ª pessoa(singular dual, trial, quatrial e plural):
Como você vai, bem, mal, mais ou menos
3ª pessoa(singular dual, trial, quatrial e plural):
Bom dia, boa tarde, boa noite
3ª do plural
Seja bem-vindo, desculpas Até mais, prazer em te conhecer
Unidade Pronomes Possessivos Meu, minha Seu, sua, teu, tua
Nível Intermediário Unidade Noções de tempo Presente Hoje/agora Passado Ontem
Unidade Pronomes Demonstrativos Esta/aqui Essa/aí Aquela/lá Unidade Pronomes interrogativos
Passado
Quê/quem/onde
Há muito tempo
Quando
Já
Por que/porque
Futuro
Unidade pronomes indefinidos
Amanhã
Ninguém
Depois
Ninguém/nada
Futuro
nenhum/nada
Próximo
Classificadores
Unidade Pronomes pessoais
CL-D Classificador descritivo
77
A forma e o desenho de um vaso Desenho de um papel de parede A altura e largura de uma caixa A descrição da roupa ou itens que estão no corpo CL-ESP Classificador que especifica o tamanho e forma de uma parte do corpo As orelhas de um elefante Bicos de aves diversas Nariz de uma pessoa Pêlo de gato Penteado de uma pessoa CL-PC Classificador de uma parte do corpo
A ação da boca do hipopótamo As orelhas de um cavalo em movimento Os olhos de alguém em movimento A cabeça de alguém repousando no seu ombro Ação dos pés andando na lama A posição das pernas de alguém sentado em uma cadeira CL-L Classificador locativo ou semântico Uma prateleira onde estão copos ou livros Chão onde caiu um lápis
A ação da boca do hipopótamo
A cabeça de alguém batida por uma bola
As orelhas de um cavalo em movimento
Alvo onde voa uma flecha
Os olhos de alguém em movimento A cabeça de alguém repousando no seu ombro Ação dos pés andando na lama A posição das pernas de alguém sentado em uma
78
cadeira
Gol onde entra uma bola CL-I Classificador instrumental Carregando um balde pela alça Puxando uma gaveta Tocando a campainha da porta
Virando uma página
CL-N° CL-NOME
Limpando com um pano
Números e nome na camisa de futebol;
CL-C Classificador do corpo Acenando com a mão para alguém
Um título de um livro; Insígnia em um boné;
Atravessando os braços com beijos espichados
Uma sigla escrita na porta de um banco.
Coçando a cabeça com perplexidade
Unidade Cores
Movendo os braços como em correr CL-P Classificador plural Três pessoas andando juntas (número determinado) Pessoas sentadas na plateia; Uma fila comprida de pessoas avançando lentamente Muitos carros estacionados na rua CL-E Classificador de elemento Água gotejando na torneira; Luz piscando como sinal de advertência; O movimento de um líquido num copo; O vapor subindo de uma xícara de chá quente.
azul, vermelho, amarelo, verde, laranja, marrom, preto, branco, bege, vinho, violeta, rosa cinza, roxo Unidade Datas Dias do mês de 1 a 31 Dias da semana Domingo, Segunda, Terça, Quarta, Quinta, Sexta, Sábado Meses do ano Janeiro, fevereiro, março, abril, maio, junho, julho, agosto, setembro, outubro, novembro, dezembro Unidade Profissões Médico, padeiro, pedreiro, faxineira, policial, enfermeiro, moto-táxi, designer
79
Nível Avançado Unidade Tipos de frases forma afirmativa
Unidade Adjetivos II
forma interrogativa
Profundo, jovem, impossível, vivo, largo, necessário, natural, quente
sobrancelhas franzida e um ligeiro movimento de cabeça, inclinando-se para cima
Completo, pesado, inglês, especial, rápido, igual, comprido, principal,
forma exclamativa
Breve, rico, seco, fino, geral, curto, chamado, pálido, leve, anterior,
A expressão facial é neutra
sobrancelhas franzida e um ligeiro movimento de cabeça forma negativa forma negativa/interrogativa forma exclamativa/interrogativa Unidade Adjetivos I Grande, bom, novo, pequeno, próprio, velho, cheio Longo, único, alto, certo, possível, claro, capaz, estranho Escuro, seguinte, mau, diferente, preciso, difícil, bonito, simples Forte, pobre, sério, feliz, junto, humano, inteiro, triste, importante Meio, fácil, verdadeiro, frio,
80
vazio, baixo, terrível, próximo, livre
Perfeito, grosso, direito, calado, interessante, sujo, pronto, imenso, Cansado, duro, doente, puro, presente, comum, brilhante, público Unidade Adjetivos III Magro, grave, cego, deitado, vago, americano, alegre, real, raro Particular, calmo, ansioso, social, nervoso, má, silencioso, lento Semelhante, evidente, doce, curioso, normal, morto, horrível, familiar Lindo, caro, justo, distante, maravilhoso, inútil, dourado, gordo, Preocupado, suave, agradá-
vel, pessoal, fraco, seguro, satisfeito Unidade Adjetivos IV Infeliz, sombrío, feminino, súbito, estreito, íntimo, sexual, interior Esquerdo, simpático, errado, contente, secreto, fresco, violento Solitário, político, moderno, extraordinário, vulgar, literário, ligeiro Interessado, eterno, habitual, falso, castanho, parado, inteligente Firme, misterioso, delicado, cinzento, intenso, doméstico, parecido Unidade Adjetivos V
tar, determinado, britânico, vasto, religioso Abafado, abatido, aborrecido, alegre, alto, amargo, amplo, áspero Unidade Intensificador Muito, demais, pouco, bastante, mais, menos, tudo, nada, todo, quase, por completo Unidade Advérbios de modo Bem, mal, melhor, pior, depressa, devagar, às pressas, aos poucos Unidade Advérbios de Frequência uma-vez, primeira-vez, último, nunca, sempre, frequentemente, faz tempo, às vezes, raramente Unidade Transportes
Incapaz, profissional, disposto, absurdo, aberto, furioso, carro, moto, bicicleta, barco, avião, ônibus digno, Amigo, quieto, físico, final, famoso, elegante, diverso, redondo Louco, local, imediato, provável, irritado, absoluto, respectivo, macio Santo, feio, desesperado, colorido, ridículo, precioso, imóvel Engraçado, útil, oposto, mili-
81
Módulo Língua Portuguesa
Unidade Vocabulário animais
Nível Básico I
Porco, ovelha, vaca, galinha,
Unidade Vocabulário I
Cobra, aranha
Pai, mãe, avó, irmãos, avô
Unidade Substantivo I
Professora, escola, carteira, colega, recreio
Comum
Médico, enfermeira, paciente, consulta, exame Comprar, vendedor, feira,cliente, dinheiro Oi, bom dia, boa tarde, boa noite, tchau Unidade Artigos O, a Os, as Um, uma Uns, umas Nível Básico II Unidade Vocabulário II Você, livro, leitura, português, escrever Eles, elas, nós, eu, tu
Pessoas: menino, criança, pai, mãe, homem, mulher, tia, avô,… Objetos: garfo, faca, computador, cama, mesa, porta, pregador,… Animais: cachorro, gato, cobra, tatu, tucano, papagaio, urso,… Plantas: girassol, malmequer, samambaia, capim, macieira,… Frutas: banana, uva, maracujá, goiaba, laranja, abacaxi,… Lugares: país, cidade, planeta, município, bairro, estado,… Acidentes geográficos: rio, baía, montanha, serra, vulcão,… Fenômenos: noite, dia, chuva, vento, brisa, tempestade, furacão,… Seres imaginários: fada, bruxa, duende, sereia, lobisomem,…
Vós, encontrar, casa, revista, obri- Próprio gado Nomes de pessoas: Flávia, RicarOlá, obrigado, sim, não, por favor do, Felipe, Tiago,… Como você vai, bem, mal, mais ou menos
82
Nomes de animais: Rex, Bolinha, Fifi, Bidu,…
Nomes de cidades, países, continentes,…: Brasil, Londres, Europa, Curitiba,…
Pessoas: mãe, pai, homem, mulher, Paula, Rodrigo, médica, motorista,…
Nomes de rios: Amazonas, Tietê, Nilo, Sena,…
Animais: cachorro, gato, pássaro, cobra, tartaruga, peixe,…
Nomes de acidentes geográficos: Cordilheira dos Andes, Baía de Guanabara, Serra da Mantiqueira,…
Frutas: banana, uva, maracujá, goiaba, laranja, abacaxi,…
Nomes de festividades: Natal, Carnaval, Páscoa,… Nomes de entidades: Organização das Nações Unidas, Ministério da Previdência Social, Organização do Tratado do Atlântico Norte Abstrato
Plantas: samambaia, capim, ipê, girassol, macieira,… Lugares: Brasil, Rio de Janeiro, Copacabana, África, Marte,… Fenômenos: noite, dia, chuva, vento, brisa,… Seres imaginários: fada, bruxa, diabo, duende, sereia, lobisomem, saci-pererê
Qualidades: honestidade, bondade, beleza, inveja,…
, escorpião, rato
Noções: tamanho, peso, altura, cor,…
Comer, comida, cozinhar, limpar, água
Estados: velhice, ilusão, pobreza, doença…
Frango, ovo, queijo, fruta, peixe
Ações: arrumação, viagem, crescimento, compra,… Sentimentos: saudade, amor, alegria, tristeza,…
Unidade Comida
Bebida, cerveja, café, chá, suco Café da manhã, almoço, lanche, jantar, bolo Pão, macarrão, arroz, feijão, bife
Sensações: fome, sede, calor, enjoo
Vegetariano, sopa, prato, leite, açúcar
Concreto
Unidade Pronomes
Objetos: mesa, tapete, colher, televisão, celular, …
Eu, tu, ele, ela, nós, vós, eles, elas
83
Mim, comigo, ti, contigo, ele, ela, nós, conosco, vós, convosco, eles, elas
Substantivo II
Você, senhor, senhora, senhorita
Derivados
Vossa Senhoria, Vossa Excelência, Vossa Eminência
Simples
Vossa Santidade, Vossa Reverendíssima, Vossa Alteza,
Coletivos
Vossa Majestade, Vossa Magnificência, Vossa Paternidade, Vossa Majestade Imperial Unidade Clima Chovendo, frio, ensolarado, fresco, quente Ventoso, tempo ruim, neblina, clima, nublado Nível Intermediário Unidade Verbo Regulares Irregulares Anômalos Defectivos Abundantes Unidade pronomes demonstrativos 1ª pessoa
Primitivos
Composto
Unidade Roupas Camisa, camiseta, blusa, jaqueta, colete Agasalho, vestido, calça, calção, shorts Cinta, boné, chapéu, capacete, meias Gravata, desportiva, biquini, maiô, sutiã Unidade Cores Vermelho, laranja, amarelo Verde, azul, violeta Marrom, cinza, preto, branco Unidade Perguntas Conteúdo Unidade vocabulário datas Janeiro, fevereiro, março, abril, maio, junho
2ª pessoa
Julho, agosto, setembro, outubro, novembro, dezembro
3ª pessoa
Carnaval, Dia da Mulher, Dia da
84
Escola, Dia Internacional da água
Unidade Adjetivos II
Paixão de Cristo, Páscoa, Dia de Tiradentes, Nossa Senhora de aparecida
Profundo, jovem, impossível, vivo, largo, necessário, natural, quente
Dia das Mães, Dia dos Pais, Dia das Crianças
Completo, pesado, inglês, especial, rápido, igual, comprido, principal, Breve, rico, seco, fino, geral, curto, chamado, pálido, leve, anterior,
Unidade Profissões Professor, administrador, advogado, agrônomo, alfaiate
Perfeito, grosso, direito, calado, interessante, sujo, pronto, imenso,
Analista de sistemas, taxista, engenheiro, fazendeiro, designer
Cansado, duro, doente, puro, presente, comum, brilhante, público
Médico, enfermeira, farmacêutico, dentista, fisioterapeuta
Unidade Adjetivos III
Escritor, filósofo, teólogo, pedagogo, bibliotecario Nível Avançado Unidade Adjetivos I
Magro, grave, cego, deitado, vago, americano, alegre, real, raro Particular, calmo, ansioso, social, nervoso, má, silencioso, lento
Grande, bom, novo, pequeno, próprio, velho, cheio
Semelhante, evidente, doce, curioso, normal, morto, horrível, familiar
Longo, único, alto, certo, possível, claro, capaz, estranho
Lindo, caro, justo, distante, maravilhoso, inútil, dourado, gordo,
Escuro, seguinte, mau, diferente, preciso, difícil, bonito, simples
Preocupado, suave, agradável, pessoal, fraco, seguro, satisfeito
Forte, pobre, sério, feliz, junto, humano, inteiro, triste, importante
Unidade Adjetivos IV
Meio, fácil, verdadeiro, frio, vazio, baixo, terrível, próximo, livre
Infeliz, sombrío, feminino, súbito, estreito, íntimo, sexual, interior Esquerdo, simpático, errado, con-
85
tente, secreto, fresco, violento
Modo
Solitário, político, moderno, extraordinário, vulgar, literário, ligeiro
Lugar
Interessado, eterno, habitual, falso, castanho, parado, inteligente
Intensidade
Firme, misterioso, delicado, cinzento, intenso, doméstico, parecido
Inclusão
Unidade Adjetivos V
Unidade Lugares
Incapaz, profissional, disposto, absurdo, aberto, furioso, digno,
Rio de Janeiro , Brasília , Fortaleza, Manaus, Porto Alegre
Amigo, quieto, físico, final, famoso, elegante, diverso, redondo
Ceará, Acre, São Paulo, Santa Catarina, Goiás
Louco, local, imediato, provável, irritado, absoluto, respectivo, macio
Uruguai, Canadá, Espanha, Angola, Coreia do sul
Santo, feio, desesperado, colorido, ridículo, precioso, imóvel Engraçado, útil, oposto, militar, determinado, britânico, vasto, religioso
Dúvida
Tempo
Exclusão
América, Europa, África, Oceania, Ásia Unidade Determinativo Determinante Determinativo
Abafado, abatido, aborrecido, Definitivo alegre, alto, amargo, amplo, áspero Unidade Educação AuIas Unidade Esporte Unidade Advérbios Afirmação Negação
86
Futebol, rugby, tênis, beisebol, futebol americano Futsal, natação, handebol,vôlei,basquete
Corrida, salto com vara, triatlo, arremesso, obstáculos Hipismo, motociclismo, hóquei, patinação, pesca Pólo Aquático, Punhobol, Remo, Rodeio, Skate, Squash
Histórias em Quadrinho Jogos Arte digital Unidade Comunicação
Unidade Arte Música Instrumento, partitura, músico, maestro, banda/orquestra Teatro, Dança, Coreografia Coreógrafo, ator, diretor, roteiro, dançarino, música Pintura Pincel, tinta, quadro, pintor, moldura, lápis
Unidade Política Monarquia, república, ditadura, anarquia, oligarquia
Unidade Ciência Política
Escultura
Unidade Negócios
Escultor, pedra, madeira
Empresa, operação comercial, empreendimento, loja
Arquitetura Construção, prédio, engenheiro, arquiteto, projeto
Unidade Eventos
Literatura
Unidade Conjunções
Cinema
Aditivas, adversativas, alternativas , conclusivas, explicativas, proporcionais
Ator, diretor de cinema, Fotografia Câmera,
Comparativas, concessivas, conformativas, consecutivas, finais temporais Unidade Preposições
87
Essenciais Acidentais
Justificativa Uma maneira de facilitar o entendimento dos assuntos avançados de Português é dominando antes os assuntos mais simples, que são a base do estudo da matéria Português. Com base nesse princípio, foi pensada a sequência correta ou ideal para se aprender os tópicos de Português, com o objetivo de que o estudo de cada tópico, facilite a compreensão do assunto seguinte estudado. Nesse sentido, o estudante deve ser levado a compreender e usar a linguagem como geradora de significação e integradora da organização de mundo e da própria identidade. O curso enfatiza quatro aspectos: leitura, análise, interpretação e produção de textos, além de aspectos gramaticais relevantes para o desenvolvimento e utilização da língua portuguesa em sua variante padrão. Permitindo com isso dar condições ao estudante de criar condições para que ele desenvolva uma competência comunicativa e sua capacidade de utilizar a língua de modo va-
88
riado e adequado ao contexto; às diferentes situações e práticas sociais.
89