Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de...

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

PDF

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