Photography by Mansi Midha

Photography by Ruhani Kaur

Photography by

alt="">

Ruhani Kaur

Photography by Ruhani Kaur

Sobre a metodologia

A metodologia para a construção de materiais educacionais digitais - ConstruMed – visa apoiar a prática da equipe desenvolvedora interdisciplinar durante o planejamento e implementação de materiais educacionais digitais (MEDs). O seu diferencial está em:

• integrar orientações técnicas, gráficas e pedagógicas.

• abordar a articulação entre as diferentes funções de cada membro da equipe interdisciplinar.

• conter etapas com orientações passo-a-passo.

• associar as seguintes concepções: Design Pedagógico, construtivismo de Piaget, educação por competências e experiência estética em prol do MED resultante possibilitar ao aluno um ensaio a respeito do saber conhecer, saber fazer e saber ser perante o objeto de estudo; assim como a construção de efeitos de sentido para o conteúdo abordado.

A presente metodologia busca atender a dois objetivos:

1- Apoiar professores e equipes desenvolvedoras na elaboração de materiais educacionais digitais

Orientando o processo de planejamento e execução do MED, disposto em 5 etapas e organizado por equipe: pedagógica, gráfica e técnica. Além disso, fornecendo um "suporte técnico", que sugere ferramentas digitais e disponibiliza links para download e tutoriais, embora o desenvolvedor possa optar por utilizar as ferramentas que preferir.

2- Orientar a construção de MEDs que considerem o usuário como um interator e possibilitem a exploração do conteúdo de forma crítica e investigativa

Elaborando as orientações técnicas, gráficas e pedagógicas desta metodologia de modo a encaminhar a construção de MED's que futuramente possibilitem ao seu usuário uma postura crítica, em que ele possa explorar o objeto de estudo, elaborar estratégias de ação e testá-las, num ensaio entre o saber conhecer, saber ser e saber agir perante o objeto de estudo.

Com esses propósitos, a referida metodologia utiliza, como base teórica, a concepção do Design Pedagógico, da Educação por Competências e da Experiência estética:

• Design pedagógico: concepção teórica desenvolvida em estudo anterior, que serve de apoio a esta metodologia. Baseia-se no construtivismo de Piaget e é diretamente voltada à construção de MEDs. A partir dela, a metodologia ConstruMed adota o construtivismo, o concomitante planejamento técnico, gráfico e pedagógico desses materiais e sugere a adoção de uma equipe de caráter interdisciplinar.

• Educação por competências - concepção que objetiva a formação integral do indivíduo através da abordagem do conteúdo no âmbito do saber conhecer, saber fazer e saber ser. Sua concepção é incorporada ao planejamento pedagógico proposto por esta metodologia. O objetivo é que os MEDs elaborados possibilitem ao seu futuro usuário a aplicação de conceitos na resolução de problemas similares aos da vida real.

• Experiência estética: trata da relação entre sujeito e objeto. Os padrões e convenções são momentaneamente suspensos, dando lugar ao rompimento das ações automatizadas e permitindo ao aluno, por meio de um novo olhar, a livre descoberta, o desprendimento do medo de errar, a elaboração e testagem de hipóteses e a utilização dos sentidos para atuar como sujeito da história. A metodologia ConstruMed aborda essa concepção no intuito de orientar a construção de MEDs que considerem o seu usuário como um interator, possibilitando a ele uma sensibilização capaz de libertá-lo do automatismo cotidiano. O objetivo é colaborar para que o usuário fique à vontade e instigado a questionar, investigar, criar e testar hipóteses, construindo efeitos de sentido para o objeto de estudo.

• Mapeamento de competências da equipe desenvolvedora de MEDs, com base na metodologia de Leme: levantamento dos conhecimentos, habilidades e atitudes necessários à elaboração de MEDs com eficiência e eficácia. É utilizado por esta metodologia com a finalidade de:

- Identificar o perfil dos membros da equipe;

- Orientar a seleção dos do grupo de trabalho;

- Auxiliar na articulação entre as diferentes funções dos membros da equipe desenvolvedora;

- Favorecer a identificação e resolução de possíveis inconsistências durante a etapa de avaliação do MED construído.

Diagrama da Metodologia ConstruMed

Como forma de ilustrar a exploração das concepções abordadas por esta metodologia no processo de elaboração de MEDs, elaborou-se uma ilustração gráfica, denominada diagrama da metodologia ConstruMed. Ele representa, nas elipses azuis, as metas a serem abordadas pela equipe desenvolvedora durante o planejamento do conteúdo. As demais formas referem-se às ações que pretende-se possibilitar ao aluno por meio da sua interatividade com o objeto de estudo. Portanto, o diagrama da metodologia ConstruMed simboliza a arquitetura do MED a ser planejado, com vistas à futura exploração do conteúdo pelo aluno.

Descrição das metas do diagrama da metodologia ConstruMed

• 1. O NOVO, SURPRESA - Esta meta refere-se ao planejamento do primeiro contato do aluno com o MED (interfaces iniciais, apresentação do tema abordado), do qual sugere-se que seja elaborado de modo diferenciado, distanciando-se do método tradicional de ensino, da forma em que ele está acostumado no seu cotidiano escolar.

Objetivo: surpreender o aluno (o novo, encantamento), chamar a sua atenção (surpresa), retirá-lo do modo automatizado, deixá-lo curioso, demonstrar (síntese) que a experiência que ele está prestes a ter pode ser interessante (motivação).

• 2. O PROBLEMA - Esta meta refere-se à elaboração do conteúdo sob a forma de situações-problema.

Objetivo: Considerar o aluno como um cientista, fornecendo a matéria-prima, ou seja, os parâmetros (variáveis) envolvidos pelo conteúdo e deixar que ele monte o quebra-cabeça (resolução da situação-problema) ao seu modo, à sua lógica.

• 3. OPORTUNIDADE PARA QUE O ALUNO ELABORE HIPÓTESES PARA SOLUCIONAR O PROBLEMA - São planejados recursos que permitirão ao aluno a criação de hipóteses para solucionar o problema proposto. Para tanto é importante pensar em recursos que interajam com o aluno, ao longo da sua investigação pelo problema proposto, permitindo que ele vá construindo suposições e caminhos a percorrer.

Objetivo: possibilitar ao aluno a criação de hipóteses para resolução do problema proposto.

• 4. ESPAÇO PARA CRIAÇÃO E TESTAGEM DE ESTRATÉGIAS DE AÇÃO - Fornecer um espaço onde o aluno possa colocar em prática as estratégias de ação por ele construídas para resolver a questão-problema. Momento em que o aluno terá a oportunidade de testar e auto-avaliar os pré-conceitos construídos anteriormente e confirmá-los, reconstruí-los ou ainda construir novos.

Objetivo: possibilitar ao aluno a oportunidade de testar as hipóteses previamente elaboradas e consolidá-las, aprimorá-las ou ainda criar novas.

Abordagens teóricas exploradas no diagrama ConstruMed

A teoria da interação sujeito-objeto de Piaget é a base norteadora de toda a metodologia, sendo a experiência estética e a educação por competências utilizadas como meio para colocá-la em prática. O foco está no diálogo entre o usuário e o MED e nas construções que poderão ser possibilitadas ao aluno durante a sua trajetória. Percebe-se que o próprio desenho do diagrama sugere um processo em espiral similar ao da teoria de equilibração de Piaget.

No processo de desenvolvimento deste diagrama, a concepção da experiência estética foi utilizada como base para o delineamento das suas diferentes "metas". Cada fase representa uma meta a ser executada. O conjunto dessas metas visa orientar a abordagem do conteúdo no MED, de modo a possibilitar ao aluno um espaço onde ele possa sentir-se livre para, sob um novo olhar, investigar o objeto de estudo na sua essência, ir além das convenções e conceitos pré-existentes e construir efeitos de sentido para o conteúdo estudado. A concepção da educação por competências é utilizada como meio de executar algumas dessas fases, apoiando a identificação dos conhecimentos, habilidades e atitudes a serem, supostamente, desenvolvidos pelos alunos. A exploração do referido CHA guiará o planejamento das situações-problema abordadas pelo MED de modo a propiciar ao usuário-aluno um ensaio entre o saber conhecer, saber fazer e saber ser perante situações análogas à ocorrentes na vida real. A teoria de Piaget norteia os objetivos pedagógicos do diagrama, focados na interatividade usuário-MED e na ação do aluno perante o objeto de estudo.

Como Utilizar a Metodologia ConstruMed

A metodologia está organizada em 5 etapas : Preparação, em que é organizada a equipe de trabalho e estruturado o tema a ser abordado pelo MED e o perfil do público-alvo; Planejamento, envolvendo questões referentes à elaboração do conteúdo e dinâmicas pedagógicas; Implementação, responsável pelo processo de construção do MED; Avaliação, destinada a testar a utilização do MED e sua adequação aos objetivos técnico-gráfico-pedagógicos; e Distribuição, orientando sobre as possíveis formas de armazenar e disponibilizar o MED.

Primeiramente, o responsável pelo MED a ser construído realizará a Etapa 1 – Preparação. Após a definição do grupo de trabalho (equipe pedagógica, técnica e gráfica), as demais etapas serão elaboradas, de maneira concomitante, por todas as equipes. Cada etapa está organizada da seguinte forma:

• Orientações gerais: descrição dos objetivos gerais da etapa, especificando "como planejar", "como executar" e "o que deve conter".

• Orientações específicas a cada equipe - fornecidas nos links: "Equipe Pedagógica", "Equipe Gráfica", "Equipe Técnica".

• Leituras sugeridas: textos disponibilizados ao longo das etapas e importantes para a elaboração dos procedimentos da metodologia ConstruMed.

• Material de apoio: textos com mais detalhes relativos aos conceitos envolvidos em cada etapa de construção, que poderão auxiliar a execução dos procedimentos sugeridos.

• Auxílio técnico: lista de softwares livres e pagos, que pode auxiliar as equipes a realizar as suas atividades. Para cada programa são disponibilizados: link para download e link para tutorial.

Etapa 1Preparação

Esta é a primeira etapa da metodologia. Aborda a seleção dos membros da equipe desenvolvedora e identificação das características principais do MED a ser construído. Como é uma etapa anterior à montagem da equipe, é destinada ao responsável pelo MED, auxiliando-o justamente a compor o grupo de trabalho e a delinear o conteúdo a ser abordado.

Leituras sugeridas:

- Materiais educacionais digitais: Conceituação/Classificação

- Pedagógico: Conceituação/Fatores/Metas

- Sobre a teoria de Piaget

Nesta etapa é composta a equipe interdisciplinar e organizar-se todas as informações responsáveis pela concepção do estilo do MED. Sugere-se que elas sejam anotadas e guardadas para usos posteriores, pois serão utilizadas no processo de planejamento do MED, bem como dispostas no Guia do próprio MED como forma de orientar o usuário. Com exceção do item Formação da equipe, sugere-se que todos os outros itens desta etapa (após serem definidos) sejam compartilhados com a futura equipe pedagógica gráfica e técnica. São eles:

• FORMAÇÃO DA EQUIPE- Definir uma equipe de caráter interdisciplinar, idealmente, segundo o design pedagógico. Sugere-se, no mínimo, um pedagogo/professor, um designer e um programador compondo a equipe pedagógica, gráfica e técnica, respectivamente. Para auxiliar nesta formação, a metodologia fornece um mapeamento das competências necessárias a equipes desenvolvedoras de MEDs. O objetivo é orientar a seleção dessa equipe.

Leituras sugeridas:

- Competências

- Mapeamento de Competências

*Competências para a construção de materiais educacionais digitais baseados no design* pedagógico**
COMPETÊNCIAS	CONHECIMENTOS saber	HABILIDADES saber fazer	ATITUDES saber ser
Competência Geral
Competência de Trabalho em Equipe	● Ética	● Gerir equipe ● Interagir com outras áreas ● Fornecer e receber feedbacks ● Adequar o projeto às necessidades das outras equipes ● Comprometer-se com resultados ● Ter iniciativa ● Encontrar-se aberto ao diálogo ● Saber negociar decisões ● Avaliar resultados	● Comunicativo ● Observador ● Pesquisador ● Criativo ● Perseverante ● Gerenciador ● Administrador ● Negociador ● Organizado ● Colaborativo ● Flexível
Competência de Pesquisa	● Metodologia de pesquisa	● Pesquisar elementos e materiais análogos que poderão auxiliar o planejamento e a execução do MED ● Ter iniciativa ● Elicitar requisitos/necessidades	● Observador ● Investigativo ● Criativo
*Competência do Design* Pedagógico**	Todas as equipes ● Design pedagógico Equipe Pedagógica ● Educação por competências ● Experiência estética (semiótica greimasiana) Equipe Gráfica ● Interatividade homem-máquina ● Estética digital ● Arte interativa ● Experiência estética (semiótica greimasiana) Equipe Técnica ● Interatividade homem-máquina ● Experiência estética (semiótica greimasiana)	Equipe Pedagógica ● Abordar o conteúdo na forma de práticas educacionais que possibilitem ao aluno a investigação do objeto de estudo por meio da elaboração de estratégias de ação e testagem de hipóteses ● Planejar dinâmicas pedagógicas que possibilitem ao aluno o desenvolvimento de conhecimentos, habilidades e atitudes ● Abordar a experiência estética em práticas educacionais Equipe Gráfica ● Integrar diferentes mídias ● Possibilitar interação entre aluno, professor e conteúdo por meio da interatividade das interfaces gráficas Equipe Técnica ● Programar o sistema de modo a disponibilizar uma interatividade usuário-MED baseada em feedbacks que apoiem a ação crítica e a testagem de hipóteses por parte do aluno	● Criativo ● Comunicativo ● Pesquisador
Competências Técnicas
Competência de Navegação	● Usabilidade ● Acessibilidade ● Estilos de navegação ● Mapa do site	● Executar o projeto do MED ● Avaliar o protótipo	● Criativo
Competência de Programação	● Linguagem de programação informática	● Programar	● Criativo ● Pesquisador ● Perseverante ● Objetivo
Competências Gráficas
Competência de Planejamento e Desenvolvimento do Material Digital	● Metodologia de projeto ● Softwares de edição gráfica	● Planejar e executar o processo de construção do material digital ● Avaliar constantemente o processo e readequá-lo sempre que necessário	● Comunicativo ● Observador ● Gerenciador ● Administrador
Competência de Identidade Visual	● Composição visual ● Carga cognitiva ● Ergonomia ● Comunicação visual	● Integrar o planejamento visual ao objetivo pedagógico do MED ● Realizar o planejamento gráfico do material ● Preparar elementos gráficos apropriados à(s) mídia(s) abordada(s)	● Comunicativo ● Criativo
Competências Pedagógicas
Competência Didática	● Comunicação didática ● Teorias do conhecimento ● Planejamento pedagógico	● Selecionar o conteúdo ● Planejar a abordagem pedagógica do conteúdo ● Planejar situações de aprendizagem em que o aluno possa atuar com uma postura autônoma e investigativa ● Selecionar as mídias mais adequadas à abordagem do conteúdo ● Definir estrutura de avaliação ● Avaliar constantemente o processo e readequá-lo sempre que necessário	● Criativo ● Pesquisador ● Objetivo

A presente metodologia sugere a utilização de duas planilhas (por equipe) durante o processo de seleção do grupo de trabalho. Uma para avaliação dos conhecimentos e outra para as habilidades e atitudes, elementos esses retirados do mapeamento de competências da equipe desenvolvedora. Neste momento não há necessidade de apresentar esses elementos organizados por competências (como ocorre na tabela do mapeamento). Portanto, note que essas planilhas apenas descrevem a lista do CHA. A presença do nome das competências poderia "induzir" o entrevistado a selecionar um número maior de CHA que o verdadeiro para evitar deixar uma competência inteira em branco, por exemplo. As planilhas são fornecidas para download no PASSO 1, a seguir.

PASSO 1 – Preenchimento das tabelas

Você pode preencher as tabelas durante a entrevista; fornecê-la para o entrevistado preencher; ou ainda realizar os dois procedimentos, ou seja, preencher uma via durante a entrevista e, ao final, fornecer outra via para que o entrevistado a preencha e depois comparar as duas. O objetivo é, através desta prática sugerida, deixar mais objetiva, direcionada e consistente a análise, tentando evitar a admissão de um candidato com perfil incompatível com a função ou que necessite de muita preparação pós-admissão.

Obs.: Alguns elementos poderão aparecer duplicados. É para facilitar a execução do passo 2, em que os elementos serão agrupados por competência.

Estas tabelas foram elaboradas com base na metodologia de Leme (2012) e no mapeamento de competências da equipe desenvolvedora de MED's baseados no Design Pedagógico.

-Equipe Pedagógica: Pedagogo

-Equipe Gráfica: Designer

-Equipe Técnica: Programador

Com as tabelas (já preenchidas) de todos os candidatos em mãos e demais informações observadas durante a conversa de entrevista, realize uma comparação entre os entrevistados. Para isso, efetue o passo 2.

PASSO 2 – Cálculo do Nível de competência do candidato – é importante considerar o preenchimento da tabela de forma qualitativa e não quantitativa, Por isso sugere-se o cálculo do nível de competência do candidato (NCC).

Como o próprio nome diz, o nível é calculado por competência, então torna-se necessário, antes de realizar o cálculo, novamente organizar o CHA por competência. Para isso bastará marcar as competências nas planilhas dos candidatos (já preenchidas nas entrevistas), conforme demonstrado no exemplo a seguir, pois o CHA foi propositadamente descrito ordenadamente por competência.

Agora, basta aplicar a fórmula abaixo para cada competência

Pontos da Tabela de Conhecimentos

Todas as Vezes	Muitas Vezes	Com Frequência	PoucasVezes	Raramente	Nunca
5 (100%)	4 (80%)	3(60%)	2 (40%)	1 (20%)	0 (0%)

Pontos da Tabela de Conhecimentos e Habilidades

Não tem
conhecimento

Tem apenas conhecimento

Tem conhecimento

E prática
nível básico

Tem conhecimento

e prática nível médio

Tem conhecimento

e prática nível avançado

0 (0%)

1 (25%)

2 (50%)

3 (75%)

4 (100%)

PASSO 3 – Seleção da Equipe
Comparar o NCC de cada candidato com o NCF (nível da competência para a função) do mapeamento de competências da equipe desenvolvedora. Quanto mais o NCC aproximar-se ou igualar-se ao NCF melhor será o resultado.
Levar em consideração que alguns conhecimentos, embora importantes para a função, são bem específicos e talvez não tenham sido necessários para as atividades antes desempenhadas pelos candidatos, podendo ser estudados pela equipe após a admissão. Por isso a importância da análise qualitativa e do todo.

• DEFINIÇÃO DO PÚBLICO-ALVO
- Descrever as características do futuro usuário do MED a ser elaborado, tais como: idade, sexo, preferências de lazer dessa faixa etária, programas que assistem, grau de preferência ou não pelo conteúdo a ser abordado pelo MED. Essas informações orientarão o planejamento do conteúdo e do design gráfico, para que seja compatível com as expectativas do usuário, permita a sua identificação e forneça credibilidade ao MED.

• CONTEÚDO
– Especificar o tema a ser abordado e suas variações. Pensar num nome (título) para o MED, com ou sem acompanhamento de siglas.
Dica: a elaboração de um fluxograma poderá ajudar a visualizar todos os conceitos envolvidos.

- Identificar os Conhecimentos, Habilidades e Atitudes (CHA) a ser desenvolvido pelos alunos a partir da sua interatividade com o conteúdo abordado pelo MED. O referido CHA irá orientar a elaboração do conteúdo, realizada na Etapa 2 – Planejamento.

Para melhor orientar este procedimento serão dispostos exemplos, distribuídos no decorrer dos passos a seguir. Importante! Guarde o material elaborado em cada um dos passos a seguir, pois alguns serão utilizados em procedimentos da Etapa 2. PASSO 1 – Pensando nos alunos que já estudaram este conteúdo em semestres anteriores, preencher a tabela abaixo com as atitudes (dos alunos) que você Gosta/Não Gosta/O Ideal Seria (procedimento baseado na metodologia de Leme (2012)).

-Tabela para download

Exemplo: Tema abordado – Desenho Técnico

Gosto

Não Gosto

O Ideal Seria

Se sentem motivados a realizar uma atividade

Demonstram interesse

Quando perguntam

Relacionam conceitos

Demonstram desinteresse

Falta de paciência

Desistem no primeiro
obstáculo ou dúvida

Sempre estivessem instigados a construir conhecimento

Tivessem curiosidade em desvendar os problemas e ultrapassar as dificuldades

Importante! Quanto mais linhas preenchidas, melhor!

PASSO 2 – Unificar o conteúdo da tabela anterior em apenas uma coluna. Para isso, escrever:

• no infinitivo

• de forma afirmativa

• eliminar as frases duplicadas ou de mesmo sentido

• separar quando tiver duas atitudes na mesma frase

Gosto

Não Gosto

O Ideal Seria

Se sentem motivados a realizar uma atividade
Motivado

Demonstram interesse
Interessado

Quando perguntam
Questionador

Relacionam conceitos
Reflexivo

Demonstram desinteresse
Interessado

Falta de paciência
Paciencioso

Desistem no primeiro obstáculo ou dúvida
Persistente

Sempre estivessem instigados a construir conhecimento
Instigador

Tivessem curiosidade em desvendar os problemas e ultrapassar as dificuldades
Curioso/Perseverante

Lista das Atitudes

Motivado
Interessado
Questionador
Reflexivo
Paciencioso
Persistente
Instigador
Curioso
Perseverante

PASSO 3 - Em uma tabela de duas colunas, listar:

• os conceitos envolvidos no conteúdo abordado pelo MED

• possíveis formas de aplicar esses conceitos em ações cotidianas ou em futuras atividades profissionais

Conceitos

Possíveis aplicações em ações cotidianas ou em futuras atividades profissionais

Vista ortográfica lateral esquerda

Vista ortográfica lateral direita

Vista ortográfica superior

Vista ortográfica anterior

Verdadeira Grandeza

Perspectiva Isométrica

Desenho de planta-baixa de residência

Desenho de fachada

Criação de objetos

Medição de planos inclinados

Demonstração de objetos e residências em três dimensões

Representação de objetos existentes na sua residência

Desenho da planta-baixa da sua residência

Desenho da sua casa em 3D

PASSO 4 – Desmembrar a tabela elaborada no passo 3 em conhecimentos e habilidades.

Conhecimentos

Habilidades

Vista ortográfica lateral esquerda

Vista ortográfica lateral direita

Vista ortográfica superior

Vista ortográfica anterior

Verdadeira Grandeza

Perspectiva Isométrica

Desenhar planta-baixa de residência

Desenhar fachada

Criar objetos

Medir planos inclinados

Demonstrar objetos e residências em três dimensões

Representar objetos existentes na sua residência

Desenhar planta-baixa da sua residência

Desenhar a sua casa em 3D

PASSO 5 – Organizar uma tabela com os conhecimentos, habilidades e atitudes identificados anteriormente

Conhecimentos

Habilidades

Atitudes

Vista ortográfica lateral esquerda

Vista ortográfica lateral direita

Vista ortográfica superior

Vista ortográfica anterior

Verdadeira Grandeza

Perspectiva Isométrica

Desenhar planta-baixa de residência

Desenhar fachada

Criar objetos

Medir planos inclinados

Demonstrar objetos e residências em três dimensões

Representar objetos existentes na sua residência

Desenhar planta-baixa da sua residência

Desenhar a sua casa em 3D

Motivado

Interessado

Questionador

Reflexivo

Paciencioso

Persistente

Instigador

Curioso

Perseverante

Pronto! Para este exemplo (MED sobre desenho técnico), esses serão os conhecimentos, habilidades e atitudes que se desejará possibilitar aos alunos desenvolver a partir da sua interatividade com o MED.

• MODO DE UTILIZAÇÃO DO MED

- especificar como poderá ser utilizado:

a) A distância – utilizado totalmente a distância, pela web. Precisa-se ter o cuidado de fornecer total suporte ao desenvolvimento do conteúdo, além de atenção redobrada nas questões de usabilidade - linguagem clara, boa usabilidade e navegação intuitiva -, pois a trajetória do aluno será basicamente realizada através da interatividade usuário-MED.

b) presencial - utilizado em aulas presenciais. Pode conter elementos que sejam complementados em sala de aula, pela interação com o professor ou a utilização de outros materiais, até mesmo analógicos.

Em ambas as modalidades poderá ser sugerido o uso de um ambiente virtual de aprendizagem (AVA) de apoio. A vantagem é a utilização de ferramentas interativas como bate-papo, fórum e funcionalidades para envio e comentário de atividades, possibilitando trocas com o professor e colegas.

Etapa 2Planejamento

Esta etapa refere-se ao planejamento do conteúdo abordado no MED, assim como da interface gráfica e programação informática. Desse modo, orienta a execução de cada meta do diagrama da metodologia, conforme representado na figura a seguir. Está organizada em: Fase A - Planejamento do primeiro contato usuário-MED e Fase B - Planejamento do conteúdo.

Neste primeiro momento, as equipes pedagógica, gráfica e técnica trabalharão em conjunto.

Primeira reunião (1) geral
- Apresentar o(s) membro(s) das equipes.
- O responsável pelo MED apresenta à equipe o material por ele já elaborado na Etapa 1 – Preparação (público-alvo, conteúdo abordado, modo de utilização do MED).
- Como este é o primeiro contato da equipe com a metodologia é importante que os seus membros leiam, os seguintes materias, sanando possíveis dúvidas entre si:

Sobre (menu à esquerda)

Diagrama (menu à esquerda)

Design Pedagógico

- Combinar o horário/local de trabalho de cada equipe e o dia de início.
- Cada equipe fornecer o seu contato (de preferência e-mail e celular).
- Recolher os dados necessários para depósito/pagamento dos honorários de cada membro da equipe e informar como essas questões financeiras ocorrerão.
- Adequar o cronograma disponibilizado, no link a seguir, à realidade desta equipe. Sugere-se que ele seja reavaliado no decorrer do processo e reestruturado sempre que necessário, mediante a aprovação das três equipes.

- Download

Fase A) Planejamento do primeiro contato usuário-MED

Meta do diagrama da metodologia: O novo, surpresa.

Esta fase refere-se ao planejamento da página inicial do MED (ou das primeiras interfaces), a qual informa o assunto abordado (apresentação do conteúdo); aconselha-se que esta seja elaborada de modo diferenciado, com o objetivo de “chamar a atenção” do aluno. É importante que o primeiro planejamento se relacione com os demais no que diz respeito à metáfora e design gráfico, para não parecer uma “propaganda enganosa” sobre a abordagem do MED.

Objetivo: Surpreender o aluno (o novo, instigação), chamar a sua atenção (surpresa), retirá-lo do modo automatizado, deixá-lo curioso, demonstrar (síntese) que a experiência que ele está prestes a ter pode ser interessante (motivação).

# COMO PLANEJAR?

Primeiro, o professor analisa como o conteúdo abordado é normalmente apresentado ao aluno, no modo tradicional. A meta será inovar, propor algo com uma abordagem diferenciada.
Este momento de planejamento está mais relacionado à forma comunicativa do MED, em relação a como chamar o aluno para esta atividade e convencê-lo de que vale a pena investir seu tempo precioso na análise deste material. Envolve a primeira impressão.
O planejamento gráfico e comunicativo torna-se essencial e, nesta Fase A, prevalece sobre o conteúdo propriamente dito.

# COMO EXECUTAR?

Neste momento, pensar o conteúdo como uma chamada comercial ajudará bastante. É preciso refletir sobre o público-alvo, o que ele gosta de fazer ou assistir em seu momento de lazer e aproximar essas preferências a este material, até mesmo sob a forma de uma metáfora.
Isso pode ocorrer por meio de um trailer (como aqueles que aparecem antecedendo um filme no cinema); uma animação, um desenho, uma história em quadrinhos, um jogo, depoimento; a escolha vai depender do perfil do aluno e de um pouco de criatividade.

# O QUE DEVE CONTER?

Deve haver pouca informação, apenas o essencial para deixar o aluno curioso, instigado, desafiado a permanecer no material, nem que seja, neste momento, apenas para ele conferir o que virá a seguir.
Para tanto, sugere-se utilizar frases como: “você está preparado?”, “Você está pronto para encarar este desafio?”, “Acompanhe-nos nesta aventura” podem ajudar. Mas claro, sempre levando em conta a faixa etária e o perfil do aluno para não fornecer um caráter descrente.

Importante! Após cada equipe realizar separadamente as tarefas desta etapa 2/Fase A (descritas a seguir no link de cada equipe), marcar uma reunião(2) geral com todas as equipes e intercambiar os materiais preparados, chegando a um consenso sobre o tema/estilo/metáfora (se for o caso)/ a ser utilizado no MED de forma geral e especificamente nesta meta do diagrama: O novo, surpresa (página inicial). Poderão ser realizadas quantas reuniões e ajustes quanto forem necessários até este ponto estar bem resolvido. Isso pode ocorrer concomitante à Fase B1, que inclusive pode ajudar a “arrematar” esta Fase A. Porém, não se deve iniciar a Fase B1 sem realizar ao menos a primeira reunião.

Leituras sugeridas:

- Ruptura

Descrever a informação (a ser exposta para o aluno) que se deseja abordar nesta meta do diagrama. Isso pode se referir especificamente à interface inicial ou às primeiras interfaces do MED. Anote ideias de como dispor essas informações no MED. Pesquise imagens, outros objetos (digitais e analógicos) que retratem esta ideia (assim fica mais fácil explicá-la às outras equipes). É importante que a linguagem gráfica desta abordagem inicial tenha algum tipo de relação com o restante do MED, para não causar uma falsa primeira impressão.

Observação: Lembre-se de compartilhar, com a equipe pedagógica, técnica e gráfica os itens: “Definição do público-alvo”, “Conteúdo” e “Modo de utilização do MED”, já devidamente preenchidos pelo responsável pelo MED, na Etapa 1- Preparação.

Com base no público-alvo e no conteúdo a ser abordado no MED (definidos pela equipe pedagógica), esquematize conceitos para a interface (possíveis abordagens, metáforas, estilos) do MED de forma geral e especificamente para esta meta do diagrama (página inicial ou as primeiras interfaces que apresentam o assunto abordado). Pode ser na forma de rascunhos, imagens e outros MED’s selecionados na web ou ainda materiais analógicos, quanto maior variedade melhor.

Leituras sugeridas:

-Contextualização

-Interface homen-máquina

-Design de interface

Baseando-se no público-alvo e conteúdo a ser abordado no MED (definidos pela equipe pedagógica), pesquise e selecione tipos de abordagens (animações, efeitos) passíveis de serem utilizadas nesta meta do diagrama: O novo, surpresa.
Posteriormente, pesquise/planeje como colocar em prática o que foi idealizado, juntamente com as outras equipes, para esta fase do MED (página inicial ou as primeiras interfaces que apresentam o assunto abordado).

Leituras sugeridas:

-Modelo conceitual

-Interação e interatividade

Para melhor organização é subdividida em fase B1, B2 e B3.

Esta fase refere-se à elaboração do conteúdo sob a forma de situações-problema.

Momento do Diagrama da Metodologia: o problema

Objetivo: considerar o aluno como um cientista, fornecendo a matéria-prima, ou seja, os parâmetros (variáveis) envolvidos pelo conteúdo e deixar que ele monte o quebra-cabeça (resolução da situação-problema) do seu modo, segundo sua lógica.

# COMO PLANEJAR?
Sugere-se que seja elaborada uma ou mais situações-problema que simulem a utilização do conteúdo abordado em situações da vida real. Essa dinâmica possibilitará quebrar a monotonia cotidiana, chamando a atenção do aluno e, provavelmente, evitando que ele atue no “piloto automático”. Neste momento é possibilitado ao sujeito a oportunidade de construir efeitos de sentido para o conteúdo estudado, uma vez que ele provavelmente sentirá a necessidade de aplicar o objeto de estudo na prática, através da manipulação de suas variáveis. Dessa forma, o aluno encontra a oportunidade de, através de um novo olhar, investigar, testar, errar, reconstruir, construir. O foco encontra-se na sua trajetória e não simplesmente na conquista de um resultado final, onde o “resolver” é substituído pelo “desvendar”. Do ponto de vista pedagógico, quanto maior for a abertura do aluno nessa sua investigação, maior será a possibilidade dele analisar o objeto de estudo em sua essência; dando-se o direito de ir além das convenções e conceitos preexistentes e construir efeitos de sentido para o conteúdo estudado, ou até mesmo, criar algo até então nunca pensado.

# COMO EXECUTAR?
A prática pode ser executada sob a forma de jogo, animação manipulável pelo aluno ou problemas propostos (situações-problema a serem desvendadas).

# O QUE DEVE CONTER?
Problema (s) a ser(em) resolvido(s), problema este contextualizado em situações que o aluno poderá se deparar na sua futura vida profissional. O importante é que essa experiência aluno-MED desafie o usuário a:
- integrar diferentes fatores
- verificar ações e reações a partir da realização de agrupamentos e relações entre os conceitos envolvidos
- testar possíveis hipóteses para a resolução das situações-problemas
Outro fator importante é o sistema fornecer feedbacks para o aluno, mas nunca “dando uma resposta”, mas instigando-o (fornecendo pistas) e, ao mesmo tempo, auxiliando ele na sua investigação.

Exemplo prático (genérico): Corrida de carros

Conteúdo: características automobilísticas, potência, estabilidade, marcas de carro.

Habilidades: escolher o melhor carro para cada situação apresentada, relacionar potência/velocidade/estabilidade

Atitudes: ser responsável, ser prudente, respeitar as regras.

Situação-problema: percorrer a pista no menor tempo possível.

Planejamento da situação-problema (como será possibilitado ao usuário a elaboração e testagem de hipóteses)

Ao iniciar o jogo o usuário poderá escolher a marca de carro que desejar. Ao manipular os carros (correr com eles, a reação dele ao tempo de aceleração, estabilidade ao fazer as curvas, tempo de recuperação após bater,...) o sistema deve demonstrar as características de cada carro, possibilitando que o usuário vá reconstruindo hipóteses para a resolução do problema: ganhar a corrida.

Digamos que primeiramente o usuário escolha um porsche, pois é o mais rápido, possui uma aceleração mais rápida. Então a hipótese inicial deste usuário é a de utilizar o carro mais rápido para percorrer a pista no menor tempo possível. Ao correr com o porsche nota que realmente ele tem o melhor arranque e em muito pouco tempo já atinge altas velocidades. Porém, a pista possui muitas curvas e a estabilidade do porsche não é muito boa para curvas. Acaba gastando muito tempo ao perder várias vezes o controle do carro nas curvas e seguido bater ou sair da pista, tendo que retomá-la. Numa nova tentativa irá escolher uma outra marca de carro que, embora possua menos cavalos, ou seja, tenha um menor poder de arranque e velocidade, garantirá maior estabilidade nas curvas, ocasionando um melhor desempenho geral. Esta será sua nova hipótese. E assim por diante, até ganhar a corrida. Nesta sua trajetória, terá a oportunidade de relacionar/construir/reconstruir os conceitos envolvidos.

Leituras sugeridas:

- Exploração da experiência estética em materiais educacionais digitais - Exemplos da abordagem da experiência estética em MEDs

Você se lembra do mapeamento dos conhecimentos, habilidades e atitudes a serem desenvolvidos pelos alunos a partir da sua interatividade com o MED (conteúdo), realizado na Etapa1 – Preparação? Pois é, chegou o momento de utilizá-lo.
Considere os conhecimentos, habilidades e atitudes identificados e planeje situações-problema que envolvam esses elementos.
Como? Da seguinte forma:
- Os conhecimentos definem os temas e conceitos teóricos a serem abordados ao longo da situação-problema.
- As habilidades e atitudes “guiam” o roteiro e os desafios abordados por essa situação-problema.

- Baseando-se em problemas da vida real, planeje um roteiro que instigue o aluno a atuar com tais conhecimentos, habilidades e atitudes como condição de resolver o problema proposto. Levar em consideração as Metas Pedagógicas da tabela de parâmetros do design pedagógico, referentes à:

INTERAÇÃO E INTERATIVIDADE

ESTÉTICA E SEMIÓTICA

Após elaborar o roteiro com a(s) situação(ões) problema que serão abordadas pelo MED, marcar uma reunião (3) para encontrar-se com as demais equipes e expor o planejado. Sugere-se que todos troquem sugestões/conhecimentos para então segarem a um consenso sobre a forma planejada de abordar o conteúdo nesta meta do diagrama, unindo objetivos pedagógicos a possibilidades técnicas e gráficas. Nunca limite o planejamento do MED ao conhecimento das equipes. É importante primeiro pesquisar, aconselhar-se com profissionais mais experientes e procurar soluções antes de, em último caso, trazer questões referentes a custo-benefício ou pensar em reduzir o grau de dificuldade de uma criação. Ainda assim, neste caso, o ideal será tentar, ao máximo, simplificar sem que haja perda da qualidade.

Outra questão importante! Por mais que você esteja certo de que sua proposta seja perfeita, lembre-se de que é imprescindível que TODAS as equipes achem perfeita! Por isso é essencial estar aberto ao diálogo, a alteraçõese a novos pensamentos, saber negociar decisões e adequar o projeto às necessidades das outras equipes. Este MED pode estar contido em um universo maior, do qual você ainda não tenha total conhecimento. Portanto jamais ignore ou ridicularize críticas/sugestões. Quando elas ocorrerem (e isto vai acontecer!) realize o exercício de se colocar no pensamento do outro para então propor algo mais integrador.

Leituras sugeridas:

- Interação sujeito-objeto de Piaget

- Educação por competências

- Exploração da experiência estética em materiais educacionais digitais

- Exemplos da abordagem da experiência estética em MEDs

Material de apoio:

- Semiótica Greimasiana

Participe da reunião(3) em que a equipe pedagógica irá expor o roteiro planejado para o MED. Este é o momento de interagir com as demais equipes e colaborar com sugestões, críticas construtivas e ideias, bem como verificar a viabilidade gráfica do roteiro, até ele ficar bem definido e em comum acordo com todas as equipes. Se for necessário, realize novas reuniões até fechar o roteiro. Neste caso, após a primeira reunião a equipe gráfica já pode iniciar as tarefas desta Fase B1.
Após analisar o roteiro planejado pela equipe pedagógica na reunião realizada com todas as equipes, proponha opções de linguagem gráfica para o MED (identidade visual).

Como? Em cada proposta, definir:

- A paleta de cores que será utilizada em todo o MED, ou seja, uma variedade possível de cores que se armonizem entre si. Isso não significa que todas essas cores serão utilizadas em todas as telas. A paleta é elaborada justamente para possibilitar uma variação, porém sem fugir do estilo;
- A marca (logo) do MED, normalmente possui relação com o seu nome do MED, pode ser um desenho ou mesmo uma combinação de letras (com base no nome do MED);
- A forma dos elementos das interfaces: botões, fonte do texto e títulos (cor, tamanho, tipo, estilo).
- Os elementos de cenários (se houver);
- A elaboração do conceito dos personagens (se houver): estilo, época (passado, presente, futuro), roupas, cabelos, rostos;
Sempre considere o perfil dos futuros usuários, para que o planejamento gráfico traga credibilidade ao MED;
É necessário levar em consideração as metas técnicas, gráficas e pedagógicas do design pedagógico referentes ao DESIGN

Organize uma reunião(4) com as demais equipes para ir compartilhando o planejado.Serão várias reuniões, pois estas atividades se integrarão às da próxima etapa (Etapa B2) e levarão um tempo para serem concluídas. Quanto maior o número de reuniões ao longo das atividades (sem esperar finalizar tudo para depois mostrar), menor será a probabilidade de retrabalho, pois os conceitos serão construídos em conjunto com as outras equipes,de forma a adquá-los aos objetivos pedagógicos (equipe pedagógica) e à viabilização quanto à programação informática (equipe técnica)

Dica: planeje em editores de imagem (e não já em editores HTML, por exemplo), pois ficará mais fácil e rápido compartilhar com as demais equipes e realizar alterações até chegar-se no modelo definitivo.

Nunca limite o planejamento do MED ao conhecimento das equipes. É importante primeiro pesquisar, aconselhar-se com profissionais mais experientes e procurar soluções antes de, em último caso, trazer questões referentes a custo-benefício ou pensar em reduzir o grau de dificuldade de uma criação. Ainda assim, neste caso, o ideal será tentar, ao máximo, simplificar sem que haja perda da qualidade.

Outra questão importante! Por mais que você esteja certo de que sua proposta seja perfeita, lembre-se de que é imprescindível que TODAS as equipes a achem perfeita! Por isso é essencial estar aberto ao diálogo, a alterações e a novos pensamentos, saber negociar decisões e adequar o projeto às necessidades das outras equipes. Este MED pode estar contido em um universo maior, do qual você ainda não tenha total conhecimento. Portanto jamais ignore ou ridicularize críticas/sugestões. Quando elas ocorrerem (e isto vai acontecer!), realize o exercício de colocar-se no pensamento do outro para depois propor algo mais integrador.

Material de apoio:

- Grau de iconicidade

- Níveis de design

- Mensagens do designer

- Sete princípios para o design centrado no usuário

Participe da reunião (3) em que a equipe pedagógica irá expor o roteiro planejado para o MED. Este é o momento de interagir com as demais equipes e colaborar com sugestões, críticas construtivas e ideias, bem como verificar a viabilidade gráfica do roteiro até ele ficar bem definido e em comum acordo com todas as equipes. Se for necessário, realize novas reuniões até fechar o roteiro. Neste caso, após a primeira reunião, a equipe técnica já pode iniciar as tarefas desta Fase B1. Após analisar o roteiro planejado pela equipe pedagógica na reunião (3) realizada com todas as equipes, pesquise e proponha opções de programação (códigos, softwares) para colocá-lo em funcionamento. Leve em consideração as metas técnicas e gráficas do design pedagógico referentes à Interação e interatividade.

Leituras sugeridas:

- Modelos Conceituais

Dica: entre em contato constantemente com a equipe gráfica para se informar sobre o que está sendo idealizado para as interfaces, pois, assim, as propostas de código/softwares poderão ser mais objetivas, focadas e eficientes.

Organizar uma reunião(4) com as demais equipes para ir compartilhando o planejado.Serão várias reuniões, pois estas atividades se integrarão às da próxima etapa (Etapa B2) e levarão um tempo para serem concluídas. Quanto maior o número de reuniões ao longo das atividades (sem esperar finalizar tudo para depois mostrar), menor será a probabilidade de retrabalho, pois a programação será construída em conjunto com as outras equipes, de forma a adequá-la aos objetivos pedagógicos (equipe pedagógica) e à viabilização do planejamento gráfico (equipe gráfica).

Outra questão importante! Por mais que você esteja certo de que esta sua proposta seja perfeita, lembre-se de que é imprescindível que TODAS as equipes a achem perfeita! Por isso é essencial estar aberto ao diálogo, a alterações e a novos pensamentos, saber negociar decisões e adequar o projeto às necessidades das outras equipes. Este MED pode estar contido em um universo maior, do qual você ainda não tenha total conhecimento. Portanto jamais ignore ou ridicularize críticas/sugestões. Quando elas ocorrerem (e isto vai acontecer!), realize o exercício de colocar-se no pensamento do outro para depois propor algo mais integrador.

Fase B2) Planejamento dos recursos que permitirão ao aluno a criação de hipóteses para solucionar o problema proposto.

Meta do Diagrama da Metodologia: oportunidade para que o aluno elabore hipóteses para solucionar o problema.

Esta fase aborda o planejamento/detalhamento dos desafios e obstáculos que serão propiciados ao usuário, ao longo do roteiro idealizado, para possibilitar a ele a criação de hipóteses afim de solucionar a(s) situação(ões)-problema.

Objetivo: possibilitar ao aluno a criação de hipóteses para resolução da situação-problema proposta.

# COMO CONTEMPLAR?

Especifique os obstáculos e desafios que haverá ao longo do roteiro elaborado.

# COMO EXECUTAR?

Utilize a lista dos conhecimentos, habilidades e atitudes a serem desenvolvidos pelos alunos (elaborada na Etapa 1 – Preparação) para buscar abordá-los nos desafios e obstáculos, ou seja, crie situações nas quais possibilitem aos alunos atuar com tais habilidades e atitudes para solucionar o desafio.

# O QUE DEVE CONTER?

Deve haver o planejamento de diferentes desafios/obstáculos a serem dispostos ao usuário no decorrer da sua investigação pelo MED.

Exemplo prático (genérico): Corrida de carros

Obstáculos:

- pistas curvas (os carros com muitos cavalos irão facilmente sair da pista, ao contrário dos com menos cavalos), demonstrando questões sobre estabilidade;

- pistas retas (os carros com muitos cavalos desenvolverão altas velocidades em pouco tempo, ao contrário dos com menos cavalos), demonstrando questões sobre a potência.

Desafios:

- percorrer pistas retas e curvas em menor tempo possível, utilizando:

- carros com alta potência e pouca estabilidade;

- carros com baixa potência e grande estabilidade.

É importante listar e detalhar o máximo possível os desafios e obstáculos com os quais o usuário deverá interagir ao longo da situação-problema (sua trajetória pelo MED).

Dica: utilize a lista de conhecimentos, habilidades e atitudes a serem desenvolvidos pelos alunos (elaborada na Etapa 1 – Preparação) para buscar abordá-los nesses desafios, ou seja, crie situações nas quais os alunos devam atuar com tais habilidades e atitudes para solucioná-las.

Repasse à equipe gráfica e técnica, em reunião (5), os desafios e obstáculos idealizados, conversando sobre as possibilidades gráficas e técnicas de sua implementação e realizando ajustes, se necessário.

Primeiramente, participe da reunião (5) que será marcada pela equipe pedagógica. Nesse momento, a referida equipe explicará os desafios e obstáculos idealizados para o MED. Realize um prévio planejamento de como esses desafios e obstáculos poderiam ser implementados graficamente e compartilhe essas ideias com as equipes ao longo da reunião, sugerindo os ajustes necessários. Após, pesquise, idealize e elabore os elementos gráficos que poderão ser utilizados para expor os desafios e obstáculos no MED, seguindo a identidade visual já anteriormente definida (ou ajustando-a, se necessário). Leve em consideração as metas técnicas e gráficas do design pedagógico referentes à Estética e semiótica.

ESTÉTICA E SEMIÓTICA

Material de apoio:

- Exemplos da abordagem da experiência estética em MEDs

- Estética

- Fatores sobre design de interface

- Três pontos-chave para elaboração de interface

Primeiramente, participe da reunião (5) que será marcada pela equipe pedagógica. Nessa ocasião, a referida equipe explicará os desafios e obstáculos idealizados para o MED. Aproveite e já os analise quanto a efeitos, animações e tipo de programações que poderão ser explorados para implementá-los. A partir desse diálogo, verifique a viabilidade dessas propostas, sugerindo ajustes, caso seja necessário.

Após, pesquise e selecione possíveis formas de implementar esses desafios e obstáculos no MED (animações, códigos, efeitos, plugins, entre outros). Leve em consideração os fatores técnicos, gráficos e pedagógicos do design pedagógico referentes à Ergonomia.

ERGONOMIA

Fase B3) Planejamento do espaço para testagem de estratégias de ação Meta do Diagrama da Metodologia: espaço para criação e testagem de estratégias de ação.

Esta Fase B3 apoia o planejamento de B2, de forma que, muitas vezes, os dois momentos são executados juntos. Esta etapa aborda o detalhamento dos recursos que serão disponibilizados (e de que forma), tanto nos desafios quanto nos obstáculos e feedbacks, para possibilitar que o aluno teste as estratégias de ação por ele construídas a fim de resolver a questão-problema.

Objetivo: possibilitar ao aluno a oportunidade de testar os preconceitos e consolidá-los, aprimorá-los ou ainda criar novos.

Para tanto, é preciso pensar em recursos que interajam com o aluno ao longo da sua investigação pelo problema proposto, permitindo que, por meio de feedbacks, ele vá construindo suposições e idealizando caminhos a percorrer.

# COMO CONTEMPLAR?

É necessário disponibilizar recursos que, a partir da ação (ou escolha) do usuário, propiciem a reação do sistema, possibilitando ao aluno a testagem de hipóteses.

Preveja um grande número de possíveis ações do aluno (quando diante dos desafios e obstáculos criados) e planeje feedbacks para cada uma delas. Quanto maior o número de situações previstas, mais você dará ao usuário a sensação de realidade, simulação do real. O objetivo é disponibilizar um espaço no qual o aluno possa tirar conclusões a cada tentativa de resolução da questão-problema (por meio de feedbacks do sistema).

Dica: em cada situação criada, contraponha o usuário a desafios que explorem a aplicação do conteúdo na resolução de problemas. Sugere-se a existência de feedbacks para cada ação diferente do aluno, que podem ser variados: textuais ou ação-reação do sistema, sempre fornecendo pistas, mas nunca respostas diretas.

# COMO EXECUTAR?

Crie um espaço no qual o sistema esteja preparado para que o aluno tente resolver a questão-problema a partir da testagem de diferentes estratégias.

Exemplo 1 (programação aberta): o aluno escolhe a marca de carro que quiser. E a pista que desejar para ir realizando as corridas.

Porém, programar um grande número de estratégias também se mostra eficaz, uma vez que serão tantas possibilidades que o aluno terá a impressão de estar livre para atuar.

Exemplo 2 (simulação de uma programação aberta): Disponibiliza-se ao aluno uma numerosa lista de marca de carros e outra de pistas para que ele vá escolhendo e testando suas combinações.

Há ainda a possibilidade de se oferecer um número "x" de possíveis estratégias para que o aluno escolha as que considera mais eficientes, até obter sucesso.

Exemplo 3: Disponibiliza-se ao aluno uma lista de pistas para escolher, cada uma com um número de carros disponíveis para a corrida.

Exemplo 4: São disponibilizadas animações pré-prontas com diferentes combinações carro/pista. O aluno vai escolhendo a que achar que será mais eficiente.

Em todos esses casos, o papel do professor será prever e elaborar possíveis estratégias de ação, tanto de sucesso como de insucesso, para poder idealizar feedbacks e caminhos a serem disponibilizados ao aluno. Quanto mais situações planejadas, mais amplo será o MED e mais veridicidade, motivação e autonomia o material fornecerá ao aluno na sua trajetória de construção do conhecimento.

# O QUE DEVE CONTER?

Sugere-se haver liberdade de ação, uma reação do sistema para cada ação do aluno, várias opções de caminhos e constantes feedbacks.

PASSO 1 - Detalhe o roteiro, já elaborado, em cenas (ou telas). Dica: dispor as cenas num fluxograma poderá auxiliar os passos seguintes. Exemplo:

PASSO 2 - Em cada cena especifique os desafios e obstáculos que serão propostos ao usuário e faça uma espécie de fluxograma mostrando como o conjunto dessas cenas contemplará o roteiro.

PASSO 3 - Preveja as diferentes ações que serão disponibilizadas ao usuário durante a tentativa de resolução de cada desafio e obstáculo, idealizando feedbacks do sistema para cada uma delas (prever ações assertivas e errôneas).

Dica: baseie-se nos conhecimentos, habilidades e atitudes a serem desenvolvidos pelo aluno (mapeamento elaborado na Etapa 1 – Preparação) e na lista "gosto", "não gosto", "o ideal seria" (também realizada na Etapa 1) para planejar escolhas assertivas e errôneas, como forma de prever e programar possíveis "deslizes" e sucessos dos alunos e consequentes feedbacks.

Perceba no exemplo a seguir dois links: Sobre o MED e Como utilizar. Não é necessário planejar o seu conteúdo agora, o aconselhável é defini-lo na etapa de implementação, quando já se tem uma ideia da estrutura definitiva do MED. Esses links destinam-se a auxiliar os usuários e também os professores que pretendam utilizar o MED com seus alunos. Também sugere-se que contenha um glossário, referências, o nome da equipe desenvolvedora e o ano de elaboração. Neste momento é preciso apenas prever a sua localização, pois nesta etapa a equipe técnica e gráfica irá esboçar o mapa de navegação.

Realize uma reunião (6) para mostrar o detalhamento das cenas às outras equipes, de forma a realizar possíveis ajustes e adequações a partir de fatores que poderão ser mencionados pela equipe gráfica e técnica.

Primeiramente, participe da reunião (6) com a equipe pedagógica, momento em que ela mostrará o detalhamento de cada cena do roteiro anteriormente definido e "refinado" após discussão em conjunto. Nesta reunião, torna-se importante opinar e novamente refinar as cenas conforme necessidades gráficas e técnicas.

Baseando-se nas cenas, desafios, obstáculos e feedbacks idealizados pela equipe pedagógica, elabore o mapa de navegação do MED. Isso significa construir uma espécie de "fluxograma" mostrando os possíveis caminhos a serem percorridos pelo usuário. Nesta etapa, ainda não há detalhes gráficos, apenas informações textuais (ver exemplo no link a seguir). Marque uma reunião (7) com a equipe pedagógica para mostrar o mapa de navegação.

A equipe técnica atuará nesta tarefa com a sua visão sobre programação, dando ideias sobre possibilidades de ações-reações que poderão ser executadas e apoiadas pelo sistema. Também pesquisará soluções e a viabilidade das criações da equipe pedagógica e gráfica.

Note que é muito parecido com o fluxograma das cenas. A diferença está no foco deste mapa, que está em demonstrar os caminhos disponibilizados ao usuário.

Leituras sugeridas
- Navegação

Etapa 3Implementação

Nesta etapa, será construído o protótipo do MED (deixará de ser um protótipo após a etapa de avaliação).

# COMO CONTEMPLAR?

Implementar o MED, ou seja, inserir o conteúdo e o design gráfico (elaborados em etapas anteriores) na estrutura técnica adotada pela equipe técnica.

# COMO EXECUTAR?

Implemente o roteiro definido na Etapa 2 – Planejamento, incluindo o design gráfico e o conteúdo também previamente preparados.

Uma possibilidade interessante é prever a utilização de uma programação que permita o uso do MED em dispositivos móveis (celular, tablet, etc.) e a sua leitura por programas assistivos (acessibilidade a necessidades especiais).

# O QUE DEVE CONTER?

Devem ocorrer a realização do funcionamento do MED, bem como a aplicação dos pré-testes.

Analise cada cena elaborada, realize os últimos ajustes e prepare o conteúdo que irá em cada uma delas. Preveja inclusive o conteúdo que irá nos links sobre o MED e como utilizá-lo. Envie essa organização de conteúdo/cena à:

# equipe gráfica – que a utilizará como base da elaboração do wireframe.

# equipe técnica – que a implementará no MED.

Participe da reunião (7) marcada pelas equipes técnica e gráfica para mostrar o mapa de navegação. Analise-o do ponto de vista pedagógico (se está possibilitando ao usuário a exploração do conteúdo e as práticas educacionais previamente elaboradas na sua totalidade). Se necessário, sugira ajustes.

Participe da reunião (8) marcada pela equipe gráfica para mostrar o wireframe. Analise se as áreas planejadas estão proporcionais a cada tipo de informação. No caso de telas com textos, verifique se está sendo disponibilizado o espaço necessário para uma boa visualização.

Analise, em reunião (9), se o design gráfico de cada tela do MED está contemplando o perfil do público-alvo e se o estilo está compatível com o tema abordado.

Envie à equipe técnica o conteúdo a ser implementado. Organize o conteúdo por cenas ou telas.

PASSO 1 – Juntamente com a equipe técnica, mostre, em reunião (7), o mapa de navegação à equipe pedagógica.

PASSO 2 - Após estar bem definido o mapa de navegação, elabore o wireframe, ou seja, setorize, na tela de cada cena, os elementos que ela conterá (logo, texto, imagem, etc.). Em reunião(8), mostre-o à equipe pedagógica e técnica, posteriormente realizando as intervenções sugeridas/necessárias ou partindo para o próximo passo.

PASSO 3 - Realize o design gráfico de cada tela do wireframe (siga a identidade visual especificada na Fase B1). Ele pode ser primeiramente preparado em um editor de imagens e, após a aprovação das outras equipes, ser transferido ao formato necessário para implementação (formato a ser definido pela equipe técnica assim que ela se decidir pelo software e tipo de código que utilizará na implementação do MED). Em reunião (9), mostre-o às equipes pedagógica e técnica, realizando os aprimoramentos que se fizerem necessários.

PASSO 4 – Após definir o design de cada tela, envie-o à equipe de programação para esta o implementar.

PASSO 1 – Participe da reunião (7) e, juntamente com a equipe gráfica, mostre o mapa de navegação à equipe pedagógica. A partir do mapa de navegação, defina, ou pelo menos selecione, alguns softwares e códigos que possam ser utilizados na implementação do MED. Informe à equipe gráfica como ela deve preparar o design gráfico (formato) para que ele possa ser implementado no MED.

PASSO 2 – Participe da reunião (8) com as outras equipes; neste momento, será demonstrado o wireframe. Adote um software e uma linguagem de programação para, assim que a equipe gráfica enviar as telas com os elementos do design gráfico, implementar o MED. Isso significa "deixá-lo funcionando". De antemão, pesquise e deixe preparados os códigos que serão necessários em cada tela.

PASSO 3 - Implemente o MED a partir das telas enviadas pela equipe gráfica e do conteúdo enviado pela equipe pedagógica, na reunião(9).

É importante levar em consideração as metas técnicas, gráficas e pedagógicas do design pedagógico referentes à Ergonomia.

Leituras sugeridas
- Usabilidade

- Acessibilidade

Etapa 4Avaliação

Learn More

Nesta etapa, realiza-se a avaliação do protótipo do MED. A partir dela, providenciam-se os ajustes finais.

Importante! Sugere-se que o MED seja constantemente avaliado e, se necessário, reajustado para que não fique obsoleto.

# COMO CONTEMPLAR?

Coloque-se no lugar do futuro usuário e acesse todos os links. Cada equipe terá a ênfase de análise baseada na sua função (especificada no link de cada equipe). Após, realize os ajustes que se fizerem necessários, finalizando a elaboração do MED.

# COMO EXECUTAR?

Cada equipe: primeiramente acessar o MED e avaliar os pontos de sua área. Após, é necessário selecionar alguns alunos voluntários e pedir a eles para acessarem o MED e registrarem a sua experiência de navegação e acesso aos materiais ali disponibilizados.

O mapeamento de competências da equipe desenvolvedora de materiais educacionais digitais baseados no design pedagógico, disponibilizada na Etapa 1 – preparação, poderá auxiliar a apontar a equipe mais indicada a suprir as possíveis inconsistências por ventura encontradas.

# O QUE DEVE CONTER?

Deve haver muita atenção e paciência na análise do protótipo.

Teste a utilização do MED colocando-se no lugar do usuário/aluno. Anote possíveis reparos ou aprimoramentos a serem realizados. Lembre-se de testar todos os links, botões e animações do MED. Verifique se os itens do MED apoiam os objetivos pedagógicos.

Selecione, no mínimo, um aluno que possa voluntariamente acessar o MED e registrar a sua experiência, em especial no que diz respeito a navegação, entendimento da proposta e satisfação. Não será necessário realizar as atividades, mas sim apenas simular o seu uso. O enfoque aqui é analisar a usabilidade, o entendimento da proposta do MED e a motivação do usuário. A partir dos relatos, realize possíveis ajustes. Em reunião (10), compartilhe com as demais equipes os ajustes necessários (se houver).

Após implementadas as alterações pertinentes, em nova reunião (11) com as demais equipes, analise se já é possível disponibilizá-lo para uso e discuta sobre as possíveis formas de dispô-lo (ver Etapa 5 – Distribuição).

Acesse o MED e analise se o design gráfico está sendo visualizado corretamente. Teste em diversos navegadores e em computadores de diferentes tamanhos de tela. Se necessário, repasse problemas causados por questões técnicas à equipe técnica. Se for o caso, teste também o acesso em dispositivos móveis. É importante realizar os ajustes que se mostrarem necessário.

Em reunião (10), compartilhe com as demais equipes os ajustes necessários (se houver).

Acesse o MED e teste o seu funcionamento em diferentes navegadores. Se for o caso, teste também o acesso em dispositivos móveis. É importante realizar os ajustes que se mostrarem necessário.

Em reunião (10), compartilhe com as demais equipes os ajustes necessários (se houver).

Learn More

Etapa 5 Distribuição

Learn More

Esta etapa é destinada à distribuição do MED construído e já avaliado.

# COMO CONTEMPLAR?

É necessário escolher uma ou várias formas de armazenar e disponibilizar o MED. Os meios mais utilizados são: endereço web, CD e DVD.

Recomenda-se dispô-lo também em repositórios para que o material possa abranger um universo maior de possíveis usuários.

# COMO EXECUTAR?

Hospedá-lo num endereço HTML

Gravar o MED em CD/DVD

Inserí-lo em repositórios, por exemplo:

-Portal do Professor
-BIOA
-RIVED
-CESTA
-NUTED
-MERLOT
-Pro Ativa

# O QUE DEVE CONTER?

Deve haver:

Capa;
Nome da equipe desenvolvedora;
Instruções de acesso;
Requisitos mínimos do computador e informações sobre a compatibilidade ou não com dispositivos móveis, referente à perfeita utilização do MED;
Indicação e, se possível, de link para download de plugins, aplicativos ou programas necessários para a perfeita visualização do material;
O MED.

Em reunião (11) com as demais equipes, decida sobre as formas de disponibilizar o MED. Organize os textos explicativos que, por ventura, possam estar presentes no CD. No caso de inseri-lo em repositório online, organize os dados que serão solicitados durante o processo de envio (metadados) e que são destinados a caracterizar o referido MED para este ser encontrado em buscas online.

Em reunião (11) com as demais equipes, decida sobre as formas de disponibilizar o MED. Caso seja necessário, realize o design gráfico da capa do CD/DVD (no caso de escolha dessas mídias) ou o design referente a materiais de divulgação.

Em reunião (11) com as demais equipes, decida sobre as formas de disponibilizar o MED. Descreva os requisitos mínimos do computador e da compatibilidade ou não com dispositivos móveis para a perfeita utilização do MED. Liste os plugins, aplicativos ou programas necessários para a perfeita visualização do material. Se possível, disponibilize esses elementos ou os seus links para download. Escreva as instruções de acesso e, por fim, disponibilize o material no(s) veículo(s) escolhido(s) (CD, DVD, web, repositório).

Learn More

Ferramentas

Sugestão de softwares de apoio
Nesta página são disponibilizados alguns softwares que poderão auxiliar a prática da equipe interdisciplinar durante a elaboração das etapas de construção da metodologia ConstruMed.

- Site Professor Autor
Compartilha softwares que poderão ser úteis na autoria de materiais educacionais digitais

Acesso

FLUXOGRAMAS E MAPAS DE NAVEGAÇÃO

Não requer muito conhecimento na área

- Cmaptools (freeware)
Download Tutorial
- Word (pago)
Tutorial Download

ELABORAÇÃO/EDIÇÃO DE IMAGENS

Não requer muito conhecimento na área

- Gimp (freeware)

Download Tutorial

- Photo Bie (freeware)

Download

Tutorial

Requer um pouco de conhecimento

- Fireworks

Download Tutorial
- IIlustrator (pago)
Download (versão de avaliação)

Tutorial
- Photoshop (pago)
Download (versão de avaliação)

Tutorial

ANIMAÇÕES

Não requer muito conhecimento na área

- Pencil (2D)(freeware)

Download Tutorial
- Gimp (freeware)

Download Tutorial

Requer um pouco de conhecimento

- After Effects (pago)

Download Tutorial
- Google web design (freeware)

Download Tutorial
- Flash (pago)

Download Tutorial
- Blender (freeware)
Download Tutorial
- 3D studio max (pago)

Download (versão de avaliação)Tutorial
- Maya 3D (pago)
Download (versão para avaliação)Tutorial

VÍDEO

Não requer muito conhecimento na área

- Windows Movie maker (free p/ windows)

Download Tutorial

Requer um pouco de conhecimento

- Premiere (pago)

Download Tutorial
- VirtualDub (freeware)

Download Tutorial

IMPLEMENTAÇÃO HTML, CSS:

Não requer conhecimento na área

- Frontpage (freeware)
Download Tutorial Tutorial

- EXE
Download Tutorial
- weebly (possibilita automaticamente a publicação na web)
Acesso Tutorial
Requer um pouco de conhecimento

- Dreamweaver (pago)
Download (versão de avaliação)Tutorial

- Google web design (freeware)
Download Tutorial

ATIVIDADES NA FORMA DE JOGOS EDUCACIONAIS

Não requer conhecimento na área

- Hotpotatos
Download Tutorial

COMPARTILHAMENTO DE ARQUIVOS

Não requer conhecimento na área

- Dropbox
Acesso Tutorial
- Google drive

Acesso através do login do Google
Tutorial

Créditos

Este objeto de aprendizagem, elaborado em 2014, é resultado da tese de doutorado intitulada “ConstruMed: Metodologia para a construção de materiais educacionais digitais baseados no design pedagógico”, desenvolvida no Programa de Pós-Graduação em Informática na Educação da Universidade Federal do Rio Grande do Sul.

Ele foi implementado com o apoio da equipe técnica e pedagógica do Núcleo de Tecnologia Digital Aplicada à Educação – NUTED/UFRGS.

Participantes:

Cristina Alba Wildt Torrezzan – pesquisadora

Felipe Schulte – designer e programador

Equipe pedagógica - Edimara Heis, Sabrina Emanuele de Almeida da Luz, Sibele Pedroso Loss, Tássia Priscila Fagundes

Coordenadora do NUTED - Prof.ª Dr.ª Patricia Alejandra Behar