Criação e Disponibilização de Conteúdo Instrucional para a Internet Aula 1: Criação de Multimidia Renato M.E. Sabbatini Silvia Helena Cardoso

Objetivos da Aula Elaborar o conhecimento do aluno sobre as formas de criação e edição de imagens e sons para cursos a distância baseados ou apoiados pela Internet e pela WWW, incluindo ferramentas de software e recursos disponíveis

Tópicos Tecnologias de aquisição de imagens digitais: scanners, câmaras fotográficas e de vídeo, conversores A/D, etc. Formatos de imagens para a Internet Ferramentas de software para trabalho com imagens Formas de inserção de imagens em um documento eletrônico Formatos de vídeo para Internet e ferramentas de criação e edição Formatos de áudio para Internet e ferramentas de criação e edição

Multimídia na Internet Imagens estáticas –Gráficos –Fotos –Desenhos Imagens dinâmicas –Animações –Videoclipes Aúdio –Som sintetizado –Som digitalizado

Formatos de Imagens na Web FormatoVisualizado por: GIF Graphic Interchange Format Browser GIF Tipo JPEG Journalist’s Photo Experts Group Browser JPG PNG Portable Network Graphics Browser (parcialmente) PNG PCX, TIF, BMPAplicativos Auxiliares ---

Tecnologias de Aquisição de Imagens Digitais Aquisição indireta: –Descarregamento de bases de imagens na Internet (pagas ou gratuitas) Aquisição direta: –Dispositivos de varredura de imagens (“scanners”) –Câmaras fotográficas e de vídeo digitais –Placas de aquisição de vídeo

Aquisição de Imagens Scanner de Página Aceita até página A4 ou maior Resolução ajustável (75 dpi para Web) Número de cores ajustável (256 para GIF, milhões para JPG) Kit de transparência para slides/raios-x

Aquisição de Imagens Scanner Manual Preço baixo Uso muito fácil e rápido Alta portabilidade Dificulta alinhamento da imagem Não tem transparência Atualmente em desuso

Aquisição de Imagens Câmara Fotográfica Digital Não é adequada para documentos, fotos existentes, transparências Resolução semifixa Para tirar fotos rapidas, reportagem Preços e qualidade muito variáveis

Aquisição de Imagens Câmaras de Vídeo Webcams simplificadas Câmaras digitais para videoconferência, imagens médicas Câmaras VHS digitais Gravação ou transmissão em tempo real

Aquisição de Imagens Conversor A/D de Vídeo Convertem sinal analógico de câmaras convencionais em sinal digital com ou sem som Placas internas (inserção em slot no micro) Unidades externas (conexão via USB, porta serial, porta paralela, PCMCIA, etc.) Produzem vídeos AVI ou MPEG Resolução de vídeo, velocidade em quadros por segundo, som mono/estéreo, número de cores, formato de saída, etc. variam entre marcas

Ferramentas de Trabalho com Imagens Criação e edição de imagens estáticas: Adobe PhotoShop, MS Image Composer, PaintShop Pro, CorelDraw, Corel PhotoPaint Edição de imagens animadas: GIF Construction Set, Image Composer Conversão de formatos de imagens: Aardvark, PaintShop Pro Edição de mapas sensívels: MapEdit, MapIt!, Cute Image Mapper

Programa de Criação e Edição de Imagens

Programas Gráficos: Funções Básicas Leitura e gravação de imagens Criação: desenhar, legendar, colorir, etc. Modificações: rotacionar, espelhar, redimensionar, mudar número de cores, etc. Conversão de formatos e resolução Processamento de imagens: cor, brilho, contraste, filtros, etc. Composição: cortar, colar, mover, duplicar Estruturar imagens: criar camadas, vetores, máscaras, paletas, etc. Visualizar: zoom, etc.

Administração de Catálogos de Imagens Softwares que permitem a catalogação de diretórios de imagens de vários tipos e sua visualização rápida e seleção ThumbNail Plus PaintShop Pro Browser Piccolo Corel Multimedia Manager IrfanView 20/20

Gerenciador de Diretórios de Imagens

Editor de Mapas Sensíveis

Animação de GIFs WWW GIF Animator

Tipos de Imagens On-Line Nenhuma imagem in-line, link de texto para chamar a imagem imagens in-line completas imagens em miniatura, con link para chamar imagem completa

Link de Texto para Imagem Texto principal com link de texto HTML separado com imagem

Imágens Integradas ao Texto

Imagens em Miniatura (Thumbnail) Texto principal com imagem miniatura HTML separado com imagem maior

Sem imagens in-line, link de texto –Fácil de programar –Acesso mais rápido ao documento –Estética muito simples Imagens integradas ao texto –Estética profisional, similar à versão impressa –Acesso mais lento ao documento Imagens em miniatura –Melhor balanço entre velocidade e estética Imagens On-Line: Comparação

Formatos de Video na Web AVI: AudioVisual Interchange Formato proprietário de MS Windows sem compressão MOV, QT: Movie, QuickTime Formatos proprietários da Apple MPEG: Motion Picture Especialists Group Formato padrão com compressão até 1:30

Plug-Ins para Videos Apple QuickTime Windows Media Player

Formatos de Video na Web (2) RA, RM: RealMedia Formato “streaming” proprietário, com alto nivel de compressão Outros formatos “streaming” Vxtreme, VDO, etc.

Streaming Media Visualização contínua dos pacotes de áudio e/ou video Envia arquivo de audio e/ou video em pacotes pequenos e seriais ClienteServidor

RealAudio/RealVideo Player Plug-Ins para Áudio/Vídeo (2)

Plug-Ins para Áudio/Vídeo (3) Microsoft MediaPlayer

Formatos de Audio WAV, AIFF, AU, MPEG3 Todo o som é digitalizado em um único arquivo, portanto deve esperar-se até que chegue completamente para começar a tocar. Não necesita um plug-in especial, e é muito fácil de produzir RealAudio (RA) O áudio é transmitido em pequenos segmentos, que se tocam à medida que chegam do servidor. Grau alto de compressão. Necessidade de um servidor especial e plug-in no cliente

Real Media: Como Funciona Microfone Placa de som Software Vídeo Placa de vídeo Software Narração de slides PowerPoint.avi.mpeg.mov.ppt.wav (linkados). ram.htm Arquivo Real Converter Programa Real Presenter

Edição de Vídeos São “ilhas de edição” inteiramente digitais, implementadas por software Têm funções como cortar, colar trechos uns nos outros, adicionar trilha sonora e efeitos especiais, exibir trechos determinados, mudar cores, contraste, brilho, etc. Exemplo: Adobe Premiere Geralmente o software vem com placas de aquisição de vídeo compradas

Edição de Sons Digitalizados

Softwares para Edição de Sons Creative WaveStudio GoldWave Cool Edit etc. Quase todos os kits multimidia para PCs vem com uma ou mais ferramentas desse tipo.

Audio Player Plug-Ins

Estação Multimídia para Criação de Conteúdo para a Internet Pentium PC ou Macintosh com mínimo de 64 Mb RAM e monitor 17” SVGA ou maior, em cores Conectividade rápida a Internet (banda larga) Capacidade multimídia completa: CD-ROM, altofalantes, microfone, etc., Câmara fotográfica digital ou câmara de documentos Scanner de página colorido con kit de transparência Unidade de aquisição de vídeo (placa A/D) Gravador VHS, monitor de TV Gravador de CD-ROM e/ou ZipDrive