1. Preparação de conteúdo para
Web
Marcelo Araújo Franco
Renata A. F. del Castillo
http://www.ead.unicamp.br
ead@ccuec.unicamp.br

2. Programa do curso
! Primeira parte
– Planejamento de conteúdo - Marcelo
! Segunda parte
– Implementação do conteúdo - Renata

3. 1ª Parte - Planejamento
! O que é EAD – E-learning
! EAD X Ensino presencial
! As fases de um projeto de EAD
! A fase de análise
– Perfil dos alunos
– Objetivos
– Metodologia
– Avaliação
! Elaboração de um projeto
! Desenvolvimento do curso (execução)

4. O projeto do curso
! O projeto pode ser um esboço, um diagrama ou um
plano de curso com a definição do que se pretende
desenvolver no curso
! Deve estar relacionado no esboço:
– Informações gerais e complementares
– Estratégias metodológicas
– Planejamento do conteúdo
– O planejamento dos recursos de comunicação
– Recursos tecnológicos e recursos

5. Informações Gerais
! O projeto deve conter informações que auxiliem o
professor na organização do curso e que darão aos
alunos uma visão geral da proposta do curso, como:
! Título - título do curso proposto
! Ementa – resumo do curso
! Objetivo geral - contem os objetivos gerais a serem
atingidos pelos alunos no final do curso
! Duração do curso - especifica o período de duração do
curso, de unidades e a disponibilidade de cada uma
! Métodos de trabalho – declarar como o curso será
oferecido e como os alunos irão trabalhar

6. Informações complementares
! Apresentação do curso – informações sobre o
instrutor (pode ser através de vídeo) e os recursos
tecnológicos necessários para acessar o curso
! Guia do estudante – descrever as ações que o aluno
deverá executar durante o curso
! Guia do instrutor – descrever as ações necessárias
para o instrutor ministrar o curso
! FAQs e mensagens de divulgação – apresentar uma
lista das perguntas mais freqüentes sobre o curso e
suas respectivas respostas.
! Referências (links, livros, artigos, etc.) – fornecer
todas as referências bibliografias citadas no
conteúdo bem como as que o instrutor considerar
necessárias

7. Planejamento do conteúdo
! O planejamento do conteúdo programático inicia-se
com a identificação dos objetivos
! O conteúdo pode ser dividido em unidades de estudo
correspondentes aos objetivos específicos
! Cada unidade contem a seguinte estrutura:
– Título da unidade de estudo
– Introdução específica da unidade de estudo, com os
objetivos específicos e apresentação do conteúdo
– “Corpo” da unidade, dividido em seções ou aulas
– Resumo da unidade
– Avaliação da unidade
! O projeto deve conter a relação de todas as unidades
com suas respectivas informações

8. Planejamento da dinâmica
! A dinâmica do curso é diferente se o ele é presencial,
semi-presencial ou totalmente a distância
! Enumere os eventos previstos no curso, como data de
início unidades, de fóruns, de bate-papo, de
conferências e de avaliações
! Crie um calendário (agenda) para organizar a
dinâmica do curso
! Os alunos devem ter acesso a essa agenda
! Colocar em cada unidade orientações sobre a agenda
! Defina se o curso é de auto-instrução ou se haverá
comunicação entre os participantes
! Defina se haverá grupos de estudo ou se cada aluno
estudará isoladamente

9. Planejamento da avaliação
! A função principal da avaliação na abordagem
instrucional é verificar se os objetivos propostos
foram alcançados pelos alunos
! Geralmente é feita uma avaliação no término de cada
unidade de estudo ou do curso (avaliação somativa)
! Na avaliação são usados instrumentos como
realização de tarefas, trabalhos a entregar e provas
! O professor deve definir no projeto as avaliações que
serão utilizadas no curso

10. Planejamento da comunicação
! Considere as necessidades de comunicação entre os
participantes do curso para que os alunos alcancem
os objetivos gerais e específicos propostos
! Conteúdo mais estruturado leva a menor necessidade
de comunicação entre o aluno e o professor
! Um tutorial ou curso de auto-aprendizado pode
prescindir de qualquer comunicação com o professor
! Defina as ferramentas de comunicação que serão
utilizadas no transcorrer do curso
! Planeje a atividades de moderação no caso de fórum
de discussão, bate-papo e conferências

11. Ferramentas de comunicação
! Assíncronas: permitem que as mensagens recebidas
sejam analisadas e as respostas mais elaboradas
– Correio eletrônico
– Fórum de discussão
! Síncronas: exigem maior rapidez de interpretação e
de preparação de resposta, improvisação
– Bate-papo
– Conferência
– Quadro-branco (não está implementado do TelEduc)

12. Orientações para moderação
! Recursos de comunicação como fórum de discussão e
bate-papo são mais eficazes com moderação
! O moderador (virtual) é a pessoa que coordena as
atividades de um grupo que utiliza recursos de CMC
! Geralmente a expectativa dos alunos de cursos com
CMC é alta mas muitos se desiludem
! A ação do moderador pode fazer a diferença entre o
desapontamento e o aprendizado produtivo
! O moderador deve ter características como
– Entendimento dos processos envolvidos em educação
– Habilidades técnicas
– Domínio do conteúdo
– Vocação para o papel de moderador

13. Recomendações para o moderador
! Estar na conferência antes dos alunos
! Apresentar o sistema aos alunos
! Estruturar e criar expectativas
! Definir objetivos claros
! Restringir a discussão a um foco
! Fazer intervenções periódicas
! Ser flexível, responsável e inovador
! Encontrar as linhas centrais da discussão
! Incentivar os participantes
! Incluir e valorizar todos os participantes
! Não incomodar os tímidos
! Aconselhar os exacerbados

14. Recursos humanos
! O projeto de um curso deve considerar os recursos
técnicos e humanos necessários
! Entre os profissionais necessários estão técnicos para
auxiliar o professor no uso de ferramentas, ambientes
e na formatação do conteúdo
! Para a preparação de conteúdos como áudio, vídeo e
apresentações multimídia será preciso contar com
profissionais especializados
! Quando o número de alunos exceder a capacidade do
professor de atendê-los será necessário contar com a
ajuda de monitores (instrutores)
! O projeto deve especificar a quantidade de pessoas
envolvidas em cada etapa do curso

15. Tempo para criação e aplicação
! Os valores a seguir são estimativas para orientação
! Desenvolvimento do curso
– Curso com conteúdo já desenvolvido: média de 3 horas
de preparação para cada hora-aula de curso
– Curso com conteúdo a ser digitalizado: média de 10
horas de preparação para cada hora-aula de curso
! Aplicação do curso
– Curso com nível de interação baixo ou médio:
acompanhamento do professor e um 1 instrutor para
cada 30 alunos
– Curso com nível de interação alto: acompanhamento do
professor e um 1 instrutor para cada 10 alunos

16. Projeto (exemplo)
! Título: Uso de recursos de Educação a Distância (EAD)
! Objetivo geral: Aprender a usar recursos de EAD
! Duração do curso: 5 semanas
! Metodologia: Cinco unidades disponibilizadas em
ambiente virtual na Web, aulas transmitidas por
vídeo, comunicação entre alunos e monitores
! Avaliação: formativa, com atribuições de atividades
em cada unidade e somativa a cada fim de unidade
! Requisitos: Curso superior, computador com
multimídia e acesso a Internet
! Materiais auxiliares: Apresentação do curso, Guia do
estudante, Guia do instrutor, FAQ, Referências
bibliográficas

17. Estratégias metodológicas
! O curso estará dividido em 5 unidades de estudo
! As unidades serão disponibilizadas no ambiente
Teleduc nas datas estabelecidas no calendário
! Os alunos terão acesso a um serviço de monitores
! Os monitores serão orientados pelo professor
! Em cada unidade haverá uma transmissão de vídeo de
apresentação e um bate-papo de fechamento
! Os alunos tirarão suas dúvidas sobre o conteúdo em
fóruns de discussões específicos para cada unidade
! Haverá um encontro presencial na abertura do curso
e um encontro no término para avaliação do curso
! Receberão certificados os alunos que realizarem
todas as tarefas e média maior que 5 na avaliação

18. Conteúdo do curso
! Unidade I – Introdução a EAD: Histórico, definição,
formas de EAD, avaliação
! Unidade II - Metodologias para EAD na Web: Revisão
das metodologias indicadas para a EAD
! Unidade III - Planejamento de cursos na Web:Fase de
análise e elaboração do projeto
! Unidade IV - Preparação de conteúdo: Metodologia,
planejamento, avaliação e recursos
! Unidade V - Ambientes virtuais de aprendizagem:
Criação de um curso completo no TelEduc
! Calendário: agenda no Teleduc
! Recursos humanos: Luciana, Marcelo Renata

19. Informações para a implementação
! Exemplo do Teleduc – pedir abertura de área
! Configurar o curso no Teleduc para as ferramentas
– Material de apoio, Atividades, correio eletrônico, fórum,
chat, portifólio
! Para a elaboração dos arquivos de informações e de
conteúdo ver o documento “Preparação de conteúdo
para Web”
! Organizar os arquivos do conteúdo em pastas
! Considerar os estilos de redação para Web/EAD
! Considerar as características dos hipertextos

20. 2ª parte – Implementação do
conteúdo
! Algumas razões para disponibilizar recursos na Web
! Componentes básicos de uma página
! Ferramentas para criação de conteúdo do tipo texto
! Ferramentas para criação de conteúdo interativo
! Dicas para apresentação de conteúdo
! Busca na Web
! Introdução ao HTML
! Criar página com o Netscape Composer
! Criar página com o Microsoft Word
! Criar página com o Microsoft PowerPoint
! Áudio/Vídeo

21. Algumas razões para disponibilizar
conteúdos na Web
! Complemento do ensino presencial
! Criação de um livro interativo
! É um meio excelente para disponibilizar materiais
raros
! É um meio mais barato para criar simulações que
substituam equipamentos sofisticados
! Oferecimento de um curso totalmente on-line

22. Componentes básicos de uma página
! Texto
! Imagens
! Áudio
! Vídeo
! Animações
! Links

23. Texto e imagens
! Extensões de arquivos
texto
– HTML
– PDF
– PS
! Extensões de arquivos de
imagens
– JPG
– GIF

24. Animações
! Pode-se usar animações para fazer a
abertura de um site, botões animados,
simulações, desenho animado, entre outras.
! Extensões de arquivos de
animação
– SWF
– GIF

25. Vídeo
! Pode-se digitalizar vídeos e colocá-los na
web ou fazer transmissão ao vivo via web,
por meio de Webcams.
! Extensões de arquivos
de vídeo
– RM
– AVI
– MPEG
– WMV

26. Áudio
! Pode-se usar o áudio como:
– plano de fundo de uma página (uma musica por
exemplo);
– resposta interativa (um click do mouse);
– complemento de uma animação ou vídeo;
– voz humana, conversando ou lendo um texto.
! Extensões de arquivos de som
– WAV
– MP3

27. Links
! Todo site possui links. Por meio dos links
você acessa outras páginas ou arquivos.

28. Plugins
! Programas auxiliares que interpretam os dados dos
arquivos.
! Exemplos:
– Texto – PDF – Plugin Acrobat Reader
– Vídeo – Real – Plugin Real Player
– Animação – Flash – Plugin Flash Player

29. Ferramentas para criação de conteúdo
do tipo texto
! Microsoft Word
! Microsoft PowerPoint
! OpenOffice
! Macromedia DreamWeaver
! Microsoft FrontPage
! Netscape Composer

30. Ferramentas para criação de conteúdo
interativo
! SMIL
– http://www.ead.unicamp.br/eventos/evento.html
! Flash
– http://www.macromedia.com
! Java
– http://java.sun.com/
! Javascript
– http://www.javascript.com/
! PHP
– http://www.php.net/

31. Dicas para apresentação de conteúdo
! Dividir o conteúdo do módulo em textos pequenos e
objetivos.
! Utilizar, quando possível, tópicos no lugar de parágrafos.
! Utilizar imagem, animação, vídeo ou som em assuntos
dinâmicos.
! Colocar leituras complementares ao final de cada tópico
abordado.
! Apresentar linguagem simples e direta.
! Colocar as referências dos conteúdos relacionados ao
assunto do módulo.
! Deixar claro como e onde o aluno pode tirar suas dúvidas.

32. Dicas para apresentação de conteúdo
! Manter a letra legível
– tamanho da letra, estilo de fonte, cor de fundo da página e da
letra, contrastes de letras maiúsculas e minúsculas e
variações de cores diferentes na mesma página. Evite cores
“berrantes”, fundos degrades e estampados.
! Nomear suas páginas, de forma que, o título permita ao
aluno um conhecimento prévio sobre o assunto a ser
abordado na página.
! Manter uma consistência e uniformidade dos botões de
navegação.
! Permitir ao aluno sempre conseguir responder às
seguintes perguntas: “Onde estou?”; “Onde eu posso
ir?”; “Como eu chego lá?”; “Como eu posso voltar onde
eu estava a primeira vez?”.

33. Busca na Web
! Exemplos de sites de busca: Google; Yahoo!;
Altavista; Excite; Infoseek.
! Dicas para refinar a pesquisa:
– “ ” – aspas duplas - apresenta apenas os documentos que
contenham as palavras entre aspas.
– sinal de "+" precedendo cada argumento de pesquisa -
apresenta os documentos que obrigatoriamente contém o
argumento.
– sinal de “-" precedendo cada argumento de pesquisa –
apresenta documentos que NÃO contenham o argumento.
! Material sobre Busca na Web:
– Mini Cursos Virtuais – Busca na Web
(http://www.ead.unicamp.br/minicurso/bw/)

34. Introdução ao HTML
! Material sobre HTML:
– Mini Cursos Virtuais – HTML Ilustrativo
(http://www.ead.unicamp.br/minicurso/html/)
! Exemplos de editores HTML:
– Netscape Composer
– Macromedia DreamWaver
– Microsoft FrontPage
– Coffee Cup
– Adobe GoLive
– Flash
– Microsoft Word
– Microsoft PowerPoint

35. Criar página com o Microsoft
PowerPoint
! Criar uma seqüência de slides
! Clique no menu “Arquivo” e selecione a opção “Salvar
como página da Web”
– Para alterar o título da página Web:
! Clique o botão “Alterar título...”
– Para fazer alterações na página Web:
! Clique o botão “Publicar”
! Inserir
– Figura, Link, Vídeo, Áudio, Animação
! Para visualizar um documento:
– Clique no menu “Arquivo”.
– Selecione a opção “Visualização de página da Web”

36. Publicação de conteúdo
! CD-ROM interativos
! Sites Educativos na Web
– Exemplo: Mini Cursos Virtuais
! Ambientes virtuais de aprendizagem
– TelEduc