TELAS DA PROPOSTA:
Elementos gerais de todas as telas:
- Parte superior: há um cabeçalho, com título e subtítulo do filme; login rápido para usuários cadastrados; campo de pesquisa; e um menu horizontal, que dá acesso ao conjunto de todas às sessões do site. Tais elementos estarão presentes, da forma como se encontram aqui, em todas as páginas do site.
- Parte central: Logo abaixo ao menu, localiza-se o conteúdo que se modifica em cada sessão específica, que serão explicados separadamente logo abaixo.
- Rodapé: Presente, também, em todas as páginas, encontra-se explicitado a licença de uso em que se encontra o conteúdo do site.
Elementos específicos de cada tela:
Tela Inicial: No lado esquerdo, há um campo denominado "Você sabia?", que se trata de curiosidades e informações, apresentadas randomicamente cada vez que o usuário acessa o "Início"; bem como links para o compartilhamento do site em redes sociais.
No lado direito, estarão slides com cenas do filme, passando no interior de um campo no formato do mapa do Brasil.

Blog: No lado esquerdo, localizam-se as postagens do blog (com recurso que permite comentário de usuário) e, no lado direito, encontram-se os links para o compartilhamento do site em redes sociais; uma lista das postagens mais recentes; e um quadro de anúncios publicitários.

Fórum: Conjunto de todos os tópicos de discussões presentes no site, que podem ser criados, pelos os usuários, na própria página do "Fórum", ou podem ter origem na sessão "A História", sendo explicada mais a frente.

A História: Essa é parte de maior foco em nosso AVA, pois nela estão contidos os principais elementos de aprendizagem e interação para e com os usuários.
Por meio da metáfora de um livro, que integra recursos audiovisuais e de troca de informação interpessoal, quis-se criar um ambiente familiar às pessoas que trouxesse um efeito agradável, de dinamismo e interação, para oferecer ao usuário, de verdade, embora que de forma sutil, a sensação de fazer parte do processo de construção do conhecimento.
Dessa forma, o livro apresenta, nas páginas da esquerda, um menu vertical que dá acesso a sub-sessões de "A história", notadamente:
- Início: Mostra fatos e escritos literários relacionados a parte do enredo do filme que está especificado, havendo também uma parte de anotações individuais para usuários cadastrados, que ficarão salvas e poderão ser vistas apenas por aquele que as fez; e um índice expansivo das páginas do livro.
- Comentários: Tópico de discussão entre usuários, específico da parte do enredo tratado na página do livro e metaforizado por meio de uma folha de nota com clipe. Todos os tópicos de estarão disponíveis e reunidos na sessão "Fórum" do site.
- Páginas em branco: Páginas do livro sem conteúdo que permite ao usuário continuar a história do filme ou criar novas aventuras acerca do tema abordado, podendo, ainda, incorporar vídeos e links de docs.


O Filme: Nessa sessão, estão informações relativas a produção cinematográfica. Todo conteúdo aqui postado foi retirado diretamente do site de embasamento.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
JUSTIFICATIVAS GERAIS:
Para se adequar à estrutura de um AVA, foi necessário incluir diversas funcionalidades, sobretudo de participação do usuário, como fóruns e comentários, bem como de compartilhamento de informação, através das redes sociais, além de repensar em todo conteúdo necessário, para ser exposto, a uma aprendizagem rica e diversificada.
Dessa forma, atendendo-se aos requisitos de que um ambiente virtual de aprendizagem é um espaço projetado de informação e de interação social, nas quais os "alunos" não são apenas ativos, mas também co-autores de conteúdos, havendo, então, influências mútuas educacionais que transformam espaços em lugares, orientou-se a utilização do conteúdo para interações educacionais, tanto no que diz respeito à produção audiovisual propriamente dita, quanto aos conhecimentos acerca de fatos históricos; assim como foram criados incentivos à produção literária dos usuários, o que garante, ainda, a autoração múltipla, a manutenção da informação, a adaptação às estruturas comunicacionais da atualidade e o compartilhamento das informações com o mundo.
Devido à ativa participação dos usuários; aos feedbacks dados pelos administradores da homepage; e ao conteúdo explicitamente apresentado; com utilização de vídeos, fóruns, textos, imagens, etc., é possível perceber, além da integração de tecnologias heterogêneas, a combinação de múltiplas abordagens pedagógicas, como construtivista individual, construtivista social, abordagem situada, etc.
As metáforas utilizadas explicitam o espaço virtual, procurando-se, com isso, propiciar a verdadeira imersão do usuário no conteúdo e no contexto apresentado. Entretanto, tal recurso não está restrito à educação à distância, podendo muito bem ser utilizado em sala de aula por um professor que deseje proporcionar uma nova experiência aos alunos e atrair a atenção daqueles que consideram a disciplina de História algo enfadonho.
Portanto, com vários recursos de aprendizagem, interativos ou não, e conteúdos simultâneos, são notórias as vantagens do AVA que sobrepõem os ambientes físicos.
Quanto aos aspectos de usabilidade, o AVA foi construído com um menu horizontal disponível em todas as páginas para facilitar a navegação, contando com uma marcação em cima de cada item que demonstra que o mesmo está selecionado. Isso ajuda no mapeamento e faz com que o usuário esteja sempre ciente de onde está.
Apesar de não seguir um padrão estritamente definido, todas as páginas têm um topo igual, fazendo com que o usuário permaneça com a sensação de se tratar de um mesmo ambiente.
O AVA foi feito de acordo com os padrões das Heurísticas de Nielsen, porém foi dada uma ênfase maior na heurística 1: Visibilidade do status do sistema, dando-se ao usuário constantemente feedbacks sobre o que está acontecendo na tela.
A maior parte da tipografia escolhida para textos longos foi a do tipo não serifada, para permitir que o conteúdo dos mesmo seja melhor visualizados em monitores de baixa resolução.
Por último, tratando-se da semiótica, a utilização de cores amenas, em tons claros de alaranjado, principalmente pêssego, com textura visível, porém delicada, foi escolhida para, segundo a psicologia das cores, incentivar a comunicação e a constante conversação; inspirar os bons costumes; e deixar as pessoas à vontade. Além disso, quis se valer de todos os atributos do laranja (desinibição, vitalidade e coragem), mas de forma suave e cautelosa. Com relação ao simbolismo, essa cor lembra a areia de praia limpa e, assim como o amarelo, as páginas envelhecidas de um livro.
Quanto à forma, ao volume, ao movimento e à organização, quis se utilizar de tudo - como efeito, que varia de areia à tela de pintura, no background geral do site; vídeos em meio a textos; menu padrão para toda a homepage, mas que divide áreas de layouts diferenciados; entre outras coisas -, integrando-os aos aspectos da cor, para proporcionar um ambiente estimulante, vivo, mas equilibrado, embora sem simetria, trazendo incentivo ao aprendizado e evitando o esmorecimento e cansaço rápido.
Referências:DILLENBOURG, P.; SCHNEIDER, D.; SYNTETA, P. Virtual Learning Environments. In: Proceedings of the 3rd Hellenic Conference "Information and Communication Technologies in Education". 2002. Disponível em: http://hal.archives-ouvertes.fr/docs/00/19/07/01/PDF/Dillernbourg-Pierre-2002a.pdf
NIELSEN, J. (1994a) Heuristic evaluation. In j. Nielsen and R. L Mack (eds.) Usability Inspection Methods. New York: John Wiley & Sons.
NIELSEN, J. (1994b) Enhancing the explanatory power of usability heuristics. Inproceedings of ACM CHT94, 152-158.
SANTAELLA, Lúcia & NÖTH, Winfried (2010). ESTRATÉGIAS SEMIÓTICAS DA PUBLICIDADE. São Paulo: Cengage Learning.










