Upload
internet
View
105
Download
1
Embed Size (px)
Citation preview
Criação e Disponibilização de Conteúdo Instrucional para a
InternetAula 1: Criação de Documentos
Renato M.E. Sabbatini
Silvia Helena Cardoso
Objetivos da Aula
Elaborar o conhecimento do aluno sobre as formas de criação, edição e disponibilização de conteúdos instrucionais para cursos a distância baseados ou apoiados pela Internet e pela WWW, incluindo ferramentas de software e recursos disponíveis
Tópicos
• O que é instrução e seus componentes• Tipos de materiais didáticos• Tipos de documentos eletrônicos e formas de
disponibilização• Correio eletrônico e grupos de discussào• Download (FTP)• Hipertexto/hipermídia (WWW)• Etapas de criação• Ferramentas de software para criação de documentos
para Web• Criação de shows de slides on-line
Componentes do Processo Educacional
• Instrução
• Interação
• Avaliação
• Certificação
O Que É Instrução
• Ações iniciadas pelo professor, instrutor ou treinador, com a finalidade de apresentar dados, informações e conhecimentos que servirão de base para a aprendizagem desejada
• No ensino a distância: criação e/ou disponibilização de conteúdos instrucionais para o aluno, aprendiz ou treinando, através de uma mídia adequada
Tipos de Material Didático (1)
• Documentos estáticos• Documentos interativos
– Shows de slides– Shows multimídia– Ensino programado– Hipertextos– Simulações
• Audio e vídeo• Modelos 2D e 3D
Tipos de Material Didático (2)
• Convencional ou não eletrônico– Material impresso (revistas, apostilas,
manuais, livros, separatas, folhetos, etc.)– Material gráfico (fotos, filmes, slides,
transparências, plantas, desenhos, mapas, modelos, etc.)
• Eletrônico– Analógico (TV, fitas de áudio e vídeo,
fone)– Digital (CD-ROM, disquete, redes, etc.)
O Que é um Documento Eletrônico? (ou: bits vs. átomos)
• É uma tecnologia para distribuir informação em uma forma que pode ser acessada e vista por um computador
• Usa meios de comunicação digitais e recursos para adquirir, armazenar e transmitir informação de computador a computador
• Amplia de varias maneiras o conceito e os recursos dos meios de comunicação convencionais e impressos
Tipos de Documentos Eletrônicos
• Em meios de comunicação removível• Disquete, CD-ROM, videodisco, DVD, etc.,
• Em redes de computadores – Redes de acesso restrito (ex. intranets) – Redes globais (ex. Internet)
• Híbridos – CD-ROMs atualizadas via rede – Conexão a uma rede de computadores a partir de
um CD-ROM
CD-ROM de Estudo de Anatomia
Entrega de Documentos Eletrônicos pela Rede
A Arquitetura Cliente-Servidor
ClienteCliente
computador que recebe e visualiza o documento
ServidorServidor
computador queenvia o documento
Irede
Software de acesso
Software de acesso
Tipos de Documentos Eletrônicos
• Texto simples não-formatado Arquivos .TXT
• Texto com qualidade tipográficaArquivos RTF, DOC, PS, TEX, PDF, LIT
• Hipertexto/hipermídiaArquivos HTML, SGML
• Texto fac-símileImagens de páginas escaneadas (.JPG, etc.)
Formas de Disponibilização de Documentos Eletrônicos
• Email, listas de discussão, grupos de noticiasEntrega push assincrônica, 1-a-1 ou 1-a-N
• FTPEntrega pull assincrônica, 1-a-1
• WebcastingEntrega push sincrônica, 1-a-1
• HTTP (Web)Entrega pull assincrônica ou sincrônica, 1-a-N
• Formas mistasEntregas push/pull, sincrônicas/assincrônicas
Formatos de Dados Comuns
HTMLHyperText Markup Language
Browser
SGMLStandard Generalized
Markup Language
Aplicações AuxiliaresEx.: SGML Reader
PDFPortable Data Format
Aplicações AuxiliaresEx.: Adobe Acrobat Reader
Formato Visualizado por:
ASCII Browser
PostScriptAplicações Auxiliares
Ex.: GhostScript
RTFRich Text Format
Aplicações AuxiliaresEx.: MS Word Viewer
TXT
HTM
SGM
PSP
RTF
Tipo
Exemplo de Formato de Dados: ASCII
WWW
Publicando na World Wide Web
Ela é imediata Ela é global Ela é interativa Ela é dinâmica Ela pode ser
multimídia.
Formatos DOC e RTF
Exemplo de Formato de dados: PDF
As Vantagens do PDF
• é uma linguagem de descrição de páginas • Permite um controle total sobre a formatação de páginas
(muito melhor que HTML) • um arquivo de PDF pode ser producido automáticamente
pelo software PageMaker • a visualização off-line ou on-line é realizada pelo mesmo
programa (Acrobat Reader), con muitas funções adicionais • o Reader está no dominio público e disponível para baixar
via rede • Permite um hardcopy de alta qualidade de publicação
As Desvantagens do PDF
• O usuário precisa instalar o Acrobat Reader • O artigo inteiro é armazenado em um arquivo não
comprimido • Portanto, o usuário deve esperar até que ele seja
totalmente transmitido para poder vusualizá-lo• Não tem hipertexto com links externos• As palavras do texto não são colocadas em um
índice acessível aos mecanismos de busca
E-Books
Formato Microsoft LIT
Interface de Acesso (MS Reader)
Outros Formatos Portáteis
• Microsoft Windows HELP
• Word Perfect Envoy
• Farallon Replica
• Common Ground
• Folio VIEWS
Multimeios Interativos: ShockWave Flash
Ferramentas de Software para Composição em HTML
• Editores WYSIWYGNetscape, FrontPage, WebWeaver, PageMill, VisualPage, etc.
• Editores de código HTMLFlexEd, HotDog, HotMetal, HTMLKit, etc.
• Editores mistos (código/visual)MS FrontPage
• Geradores automáticos de HTMLMS Word, PowerPoint, Excel, etc.
Métodos de Composição
• Composição com um software de processamento de palavras, con inserção manual de códigos HTML, ou vía RTF
• Conversão de HTML automáticaMS Word Office 97, PageMaker 6/7, etc.
• Composição direta ou corta/cola em um editor de HTML ou WYSIWYG
Editor WYSIWYG (Netscape)
Editor de Código HTML (FlexEd)
Editor Misto (Código/HTML)MS FrontPage Express
Etapas de Criação
PublicaçãoPublicação
DesenvolvimentoDesenvolvimento
ComposiçãoComposição
PlanejamentoPlanejamento
• Objetivos do documento (Para Que? )• Público-alvo e linguagem a ser utilizada (Para
Quem? )• Conteúdo, tópicos, recursos de informação (O
Que? )• Tipo, formato, tamanho, estruturação e design
(Como? )• Onde e como vai ser disponibilizado, forma e
meios de entrega (Onde e quando? )
Etapas de Criação Processo de Planejamento
• Pesquisar
• Coletar material
• Avaliar/comparar
• Agregar/sintetizar
• Organizar
Etapas de Criação Processo de Desenvolvimento
Etapas no Criação Processo de Composição
• Redigir
• Avaliar
• Revisar
• Corrigir
Hierarquia de Diretórios
Raíz
Módulo
Aula
RecursoElementos
Fixos
Softwares Utilitários
• Validadores e corretores de HTML
• Programas para renomeação, busca e substituição automática de texto em lote
• Ferramentas de redução de tamanho de texto e imagens
• Programas de diagnóstico de links
• Programas de conversão automática de banco de dados a páginas HTML
Softwares Utilitários (2)
• Consultores de combinação e seleção de cores
• Programas para inserção de datas e controle de versões
• Programas para geração de variáveis META• Corretores de ortografia e gramática• Ferramenta de comparação de visualização
em vários browsers
Conteúdo Instrucional na Forma de Slides
• Shows de slides são interessantes pois segmentam didaticamente e logicamente um tema instrucional imitando uma aula expositiva
• O slide por si só geralmente não é suficiente, ele serve apenas como um lembrete ou resumo da matéria
• Acrescentar comentários na forma de texto (anotações) e/ou voz enriquece o conteúdo e transforma em aula efetiva
Conteúdo Instrucional na Forma de Slides
• Slides produzidos diretamente em HTML• Slides produzidos com gerador especial
para sincronização imagem/voz• Slides produzidos em PowerPoint (arquivos
PPT) visualizados diretamente através do PPT Viewer
• Slides produzidos automaticamente em HTML a partir do arquivo PPT
Apresentação de Slides pela Web (1)
Apresentação de Slides pela Web (2)
Apresentação de Slides pela Web (3)
Show de slides comandado pelo RealAudio
Sites na Internet com Software para Webdesigners
• Tucowswww.tucows.com
• Microsoft Site Builder Home Pagewww.microsoft.com/sitebuilder/
• WebGaragewww.webgarage.com
• WebLintwww.weblint.com