O PLANETA ROODA é um Ambiente Virtual de Aprendizagem disponível via web, voltado à Educação Infantil e ao Ensino Fundamental.

Tamanho: px

Começar a partir da página:

Download "O PLANETA ROODA é um Ambiente Virtual de Aprendizagem disponível via web, voltado à Educação Infantil e ao Ensino Fundamental."

Jorge Fernandes
4 Há anos
Visualizações:

2 O Planeta O PLANETA ROODA é um Ambiente Virtual de Aprendizagem disponível via web, voltado à Educação Infantil e ao Ensino Fundamental. Caracteriza-se pela temática espacial, possibilitando: - configuração da interface gráfica; - comunicação síncrona e assíncrona; - trabalho coletivo e - publicação de arquivos. O professor tem a opção de selecionar as ferramentas que mais se adaptam a sua metodologia de trabalho e disponibilizar jogos e objetos de aprendizagem.

3 Conceitos base - Ambiente Virtual de Aprendizagem - Software Social - Plataforma de Chat - MMORPG

4 Objetivos - Possibilitar um ensino interdisciplinar, fornecendo maior liberdade às dinâmicas pedagógicas aplicadas ao AVA; - Fornecer a manipulação de cenários em tempo real, gerando uma maior interação entre usuários e interatividade usuário-ava; - Colaborar com a sociedade acadêmica, utilizando a tecnologia digital para construir uma nova concepção de ambiente virtual de aprendizagem.

5 Fundamentação Fundamenta-se na perspectiva piagetiana de aprendizagem. - O sujeito constrói conhecimento através da interação com o meio físico e social. - O trabalho coletivo possibilita as trocas com os outros sujeitos, o conflito de idéias e o desequilíbrio cognitivo, necessários para a construção de novos conhecimentos.

6 Design Design é uma atividade de projeto que consiste em determinar as propriedades formais dos objetos a serem produzidos industrialmente. Por propriedades formais entende-se não só as características exteriores, mas sobretudo as relações estruturais e funcionais dos objetos. - Tomás Maldonado

7 Design Design é a atividade consciente de combinar, de modo criativo, invenção tecnológica com inovação social, com o propósito de auxiliar, satisfazer ou modificar o comportamento humano. - Alexander Manu

8 Design de Interação Design de interação é uma área do design especializada no projeto de artefatos interativos, como websites, PDAs, jogos eletrônicos e softwares. O foco do Design de Interação são as relações humanas tecidas através dos artefatos interativos, que funcionam também como meios de comunicação interpessoal.

9 Constantes - Programação ActionScript e PHP - Servidor Local e Remoto - Uso de avatares - Multi Ambientes - Personalizável - Hierarquia Flexível

10 Metodologia

11 Metodologia - Definição do Problema - Análise do Problema - Pesquisa - Levantamento de Dados - Análise de Similares - Avaliação de Similares - Geração de Alternativas - Seleção de Alternativa

12 Identidade Visual Conjunto de elementos gráficos que representam visualmente, e de forma sistematizada, um nome, idéia, produto, empresa, instituição ou serviço.

13 Identidade Visual - Logotipia Atual Cores conflitantes Estruturas com formas aleatórias Grafismo remetendo a planeta. Uso de elementos em relevo e elementos planares Tipografia fantasia de difícil entendimento e leitura. Tipos amorfos, conotando mais falta de refino do que a referência infantil desejada.

14 Identidade Visual - Logotipia Dados obtidos - Definir gama de cores para utilização; - Estabelecer conjunto de grafismos e formas gráficas padrão; - Gerar hierarquia de informações gráficas às telas; - Pontuar parâmetros fixos para as interfaces.

15 Identidade Visual - Logotipia Objetivos - Representar o Planeta ROODA; - Demonstrar a sua abrangência; - Delimitar os elementos gráficos para as interfaces; - Preordenar as informações visuais; - Referenciar o software de modo consistente e simples.

16 Identidade Visual - Logotipia Tipografia

17 Identidade Visual - Logotipia

18 Identidade Visual - Logotipia Cores básicas da síntese aditiva, Com atenuações para menor estresse visual. Grafismos descendentes de formas básicas, de simples entendimento e reprodução. Referência à estrutura de planeta e órbitas celestes. Tipografia estilo estrusca. Remete à estrutura de tipos modernos, porém isento de serifas, conferindo um traço mecanizado, facilmente refenciada à objetos de alta tecnologia.

19 Identidade Visual - Logotipia

20 Identidade Visual - Logotipia

21 Identidade Visual - Logotipia

22 Identidade Visual - Logotipia

23 Identidade Visual - Logotipia

24 Identidade Visual - Logotipia

25 Identidade Visual - Logotipia

26 Identidade Visual - Logotipia

27 Identidade Visual - Logotipia

28 Identidade Visual - Logotipia

29 Identidade Visual - Logotipia

30 Identidade Visual - Grafismos Diretrizes - Manter as definições da Logotipia; - Simbolizar elementos da metáfora; - Servir de suporte de identificação do Planeta ROODA; - Auxiliar na construção e hierarquia das interfaces.

31 Identidade Visual - Grafismos

32 Identidade Visual - Grafismos

33 Identidade Visual - Grafismos

34 Identidade Visual - Grafismos

35 Identidade Visual - Grafismos

36 Identidade Visual - Interface O conceito de Interface se expressa pela presença de uma ou mais ferramentas para o uso e movimentação de qualquer sistema de informações, seja ele material, seja ele virtual.

37 Identidade Visual - Interface Uma interface com usuário que recorre ao mouse e gráficos de mapa de bits para simplificar grandemente as operações básicas do computador para os usuários iniciantes. Os recursos típicos da interface gráfica são os quadros de advertência, clipboard ou áreas ou área de transferência, os acessórios, de mesa, a metáfora do desktop, os quadros de dialogo, as setas de paginação, a possibilidade de utilização de diversas fontes na tela, a equivalência entre conteúdo da tela e a página impressa e a abertura de várias janelas na tela.

38 Identidade Visual - Interface Metodologia - Análise de Requisitos - Análise de Similares - Prototipagem rápida - Testagem - Prototipagem média - Testagem - Wireframes

39 Identidade Visual - Interface Nova Interface Principal - Tela de Navegação padrão - Tela de Navegação por avatar - Ações do usuário - Ações do avatar - Acessos múltiplos - Centralizar informações - Permitir maior interação

40 Identidade Visual - Interface

41 Identidade Visual - Interface Botão / Opção Caixa de informação Entrada de informação Dados textuais Tela de Avatar

42 Identidade Visual - Interface Wireframes - Estrutura de linhas e caixa - Composição de opções da interfaces - Eliminação de metáfora gráfica - Análise da estrutura funcional

43 Identidade Visual - Interface

44 Identidade Visual - Interface

45 Identidade Visual - Interface

46 Identidade Visual - Interface

47 Protótipo

48 Hierarquia e Herança Nível 0

49 Hierarquia e Herança > Nível 0

50 Hierarquia e Herança > Nível 0 Nível 1

51 Hierarquia e Herança > > Nível 0 Nível 1

52 Hierarquia e Herança > > Nível 2 Nível 0 Nível 1 Nível 2

53 Hierarquia e Herança > > Nível 2 > Nível 0 Nível 1 Nível 2

54 Hierarquia e Herança > > Nível 2 > Nível 3 Nível 0 Nível 1 Nível 2

55 Hierarquia e Herança > > Nível 2 > Nível 3 > Nível 0 Nível 1 Nível 2

56 Hierarquia e Herança > Nível 2 Nível 0 Nível 1 > > > Nível 4 Nível 3 Nível 4 Nível 2

57 Estágio Atual - Construção do sistema do protótipo do ambiente virtual; - Planejamento das interfaces; - Estruturação das novas funcionalidades; - Testagem.

59 Núcleo de Tecnologia Digital Aplicada à Educação

Documentos relacionados

PLANETA ARTE: desenhando e compartilhando arte através de um ambiente virtual de aprendizagem

UNIVERSIDADE FEDERAL DO RIO GRANDE DO SUL FACULDADE DE EDUCAÇÃO PROGRAMA DE PÓS-GRADUAÇÃO EM EDUCAÇÃO NÚCLEO DE TECNOLOGIA DIGITAL APLICADA À EDUCAÇÃO PLANETA ARTE: desenhando e compartilhando arte através