Radiação e Seus Riscos à Saúde no Ambiente de Trabalho Prof. Dr. Renato M.E. Sabbatini.
Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de...
Transcript of Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de...
![Page 1: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/1.jpg)
Criação e Disponibilização de Conteúdo Instrucional para a
InternetAula 1: Criação de Documentos
Renato M.E. Sabbatini
Silvia Helena Cardoso
![Page 2: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/2.jpg)
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
![Page 3: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/3.jpg)
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
![Page 4: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/4.jpg)
Componentes do Processo Educacional
• Instrução
• Interação
• Avaliação
• Certificação
![Page 5: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/5.jpg)
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
![Page 6: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/6.jpg)
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
![Page 7: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/7.jpg)
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.)
![Page 8: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/8.jpg)
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
![Page 9: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/9.jpg)
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
![Page 10: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/10.jpg)
CD-ROM de Estudo de Anatomia
![Page 11: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/11.jpg)
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
![Page 12: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/12.jpg)
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.)
![Page 13: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/13.jpg)
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
![Page 14: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/14.jpg)
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
![Page 15: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/15.jpg)
Exemplo de Formato de Dados: ASCII
![Page 16: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/16.jpg)
WWW
![Page 17: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/17.jpg)
Publicando na World Wide Web
Ela é imediata Ela é global Ela é interativa Ela é dinâmica Ela pode ser
multimídia.
![Page 18: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/18.jpg)
Formatos DOC e RTF
![Page 19: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/19.jpg)
Exemplo de Formato de dados: PDF
![Page 20: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/20.jpg)
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
![Page 21: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/21.jpg)
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
![Page 22: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/22.jpg)
E-Books
Formato Microsoft LIT
![Page 23: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/23.jpg)
Interface de Acesso (MS Reader)
![Page 24: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/24.jpg)
Outros Formatos Portáteis
• Microsoft Windows HELP
• Word Perfect Envoy
• Farallon Replica
• Common Ground
• Folio VIEWS
![Page 25: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/25.jpg)
Multimeios Interativos: ShockWave Flash
![Page 26: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/26.jpg)
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.
![Page 27: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/27.jpg)
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
![Page 28: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/28.jpg)
Editor WYSIWYG (Netscape)
![Page 29: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/29.jpg)
Editor de Código HTML (FlexEd)
![Page 30: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/30.jpg)
Editor Misto (Código/HTML)MS FrontPage Express
![Page 31: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/31.jpg)
Etapas de Criação
PublicaçãoPublicação
DesenvolvimentoDesenvolvimento
ComposiçãoComposição
PlanejamentoPlanejamento
![Page 32: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/32.jpg)
• 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
![Page 33: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/33.jpg)
• Pesquisar
• Coletar material
• Avaliar/comparar
• Agregar/sintetizar
• Organizar
Etapas de Criação Processo de Desenvolvimento
![Page 34: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/34.jpg)
Etapas no Criação Processo de Composição
• Redigir
• Avaliar
• Revisar
• Corrigir
![Page 35: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/35.jpg)
Hierarquia de Diretórios
Raíz
Módulo
Aula
RecursoElementos
Fixos
![Page 36: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/36.jpg)
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
![Page 37: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/37.jpg)
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
![Page 38: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/38.jpg)
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
![Page 39: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/39.jpg)
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
![Page 40: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/40.jpg)
Apresentação de Slides pela Web (1)
![Page 41: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/41.jpg)
Apresentação de Slides pela Web (2)
![Page 42: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/42.jpg)
Apresentação de Slides pela Web (3)
Show de slides comandado pelo RealAudio
![Page 43: Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Documentos Renato M.E. Sabbatini Silvia Helena Cardoso.](https://reader033.fdocumentos.tips/reader033/viewer/2022051515/552fc165497959413d8ea560/html5/thumbnails/43.jpg)
Sites na Internet com Software para Webdesigners
• Tucowswww.tucows.com
• Microsoft Site Builder Home Pagewww.microsoft.com/sitebuilder/
• WebGaragewww.webgarage.com
• WebLintwww.weblint.com