Sistemas Multimídia Tipos de Produtos Multimídia DSC CEEI UFCG

Sistemas Multimídia Tipos de Produtos Multimídia DSC/CEEI/UFCG

Sistemas Multimídia Tópico p DSC/CEEI/UFCG Tipos de Produtos Multimídia

Sistemas Multimídia q Tipos de produtos multimídia (de acordo com o grau de interatividade): § Títulos Linear Hipermídia § Aplicativos § Sites DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Títulos lineares: § a apresentação do material segue ordem predeterminada; § o usuário final dispõe de poucos controles: § avanço, retrocesso, avanço rápido etc. ; § geralmente intercambiáveis com animações. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Exemplos de títulos lineares: § apresentações para palestras; § demonstrações; § tutoriais. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Títulos hipermídia: § a ordem de visualização é determinada pelo usuário final; § o usuário final tem controles para navegação (seguir referência, voltar, etc. ); § hipertextos são casos particulares. Sistemas de autoria - títulos hipermídia em ambientes mais completos. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Exemplos de títulos hipermídia: § títulos de referência (dicionários); § ajuda on-line; § quiosques informativos; § catálogos interativos. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia Tela de um título hipermídia DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Aplicativos com interface multimídia: § desenvolvidos em ambientes usuais de programação de aplicativos gráficos, (p. ex. : ? ? ? ); § utilizam recursos gráficos estáticos, animação e som facilitar a interação. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Exemplos de aplicativos com interface multimídia: § jogos simples; § aplicativos educacionais básicos; § aplicativos de produtividade pessoal (ex. : agendas, geradores de relatórios simples). DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia Tela de um aplicativo com interface multimídia DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Aplicativos multimídia: § processam o próprio material de multimídia, geralmente em tempo real. § estágio avançado dos sistemas gráficos interativos; § implementados em linguagens de programação de sistemas (ex. : ? ? ); Multimídia apenas recurso de interface objetivo central do aplicativo DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Exemplos de aplicativos multimídia: § ferramentas de multimídia; § sistemas de visualização técnica e científica: - maquetas eletrônicas, imagens médicas § simuladores de tempo real: - automóveis, aviões, processos industriais. § sistemas de informação geográfica; DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Exemplos de aplicativos multimídia: § sistemas avançados de computação musical; § sistemas avançados de entretenimento: - jogos tridimensionais; - realidade virtual; - sistemas para parques de diversões. Tendência DSC/CEEI/UFCG Joseana M. Fechine voz; visão tridimensional tato, etc.

Sistemas Multimídia Aplicativo multimídia DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Multimídia na Internet: § WWW; § navegadores; § sites; § páginas; § hyperlinks; § plug-ins. DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Dificuldades para autoria de multimídia na Internet. § Diferenças entre os navegadores: § padronização; § visualizações alternativas. § Limitações de faixa dos canais de acesso: § importância da compressão; § não-determinismo da entrega DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia q Tecnologias de fluxo contínuo (streaming): § orientadas para material linear; § armazenamento antecipado de parte do material; § degradação controlada em caso de perda de dados; § exemplos: Real. Player, Net. Show. Maior Problema: manutenção do fluxo em tempo real DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia Real. Player DSC/CEEI/UFCG Joseana M. Fechine

Sistemas Multimídia Tópicos: q. Ferramentas para desenvolvimento de multimídia q. Autoria de títulos q. Autoria de sites q. Autoria de aplicativos q. Projetos Multimídia DSC/CEEI/UFCG

Sistemas Multimídia Ferramentas para criação multimídia: qaplicativos fechados; qlinguagens de programação; qferramentas de autoria: ütítulos lineares; ütítulos hipermídia. metáfora Aspecto Importante: Curva de Aprendizado DSC/CEEI/UFCG

Sistemas Multimídia Exemplos de ferramentas de autoria de títulos lineares: q. Power. Point: orientado para slides; q. Acrobat Exchange: orientado para documentação on-line. DSC/CEEI/UFCG

Sistemas Multimídia Recursos do Power. Point: qmetáfora de show de slides; qeditor gráfico interno; qtransições; q. OLE (Object Linking and Embedding); qexportação para WWW. DSC/CEEI/UFCG

Sistemas Multimídia O Slide como Meio – aspectos importantes: q Utilizar o slide de preferência em formato paisagem. q Não estender o slide até a margem. q Limitar o volume de texto. q Tamanho de letra mínimo: 20 pt. q Utilizar, preferencialmente, no máximo 3 tamanhos de letra, fonte, estilo e cores de letra. q Recursos ópticos e ilustrações são importantes para “falar” usando o nosso pensamento gráfico. DSC/CEEI/UFCG

Emprego de cores COR EFEITO vermelho Excitante, proximidade, calor azul Relaxante, distância, frio verde Calmante, esperança amarelo Divertido, claro, leve preto Pesado, duro, apertado, distância branco Limpo, luz, calma, vazio marrom Confiança, conforto cinza violeta Duplo sentido, não objetivo laranja DSC/CEEI/UFCG Sem vida, sem caráter Energia, calor

Sistemas Multimídia Medidas mínimas do plano de projeção são calculadas através da fórmula: DSC/CEEI/UFCG

Sistemas Multimídia Recursos do Acrobat Exchange: qedição de documentos; qvisualização de impressão; qformato PDF (Portable Document Format); qimportação de Postscript. DSC/CEEI/UFCG

Sistemas Multimídia Acrobat Exchange DSC/CEEI/UFCG

Sistemas Multimídia Apresentação em PDF DSC/CEEI/UFCG

Sistemas Multimídia Características de títulos hipermídia: qpresença de controles de navegação; qforma: § botões, § palavras sensíveis (hot words), § pontos sensíveis (hot spots); qresultados: § saltos, § janelas-filhas (pop-up window). DSC/CEEI/UFCG

Sistemas Multimídia Hipermídia na Internet q. Rede de hipermídia: WWW. q. Protocolo de hipertexto: http. q. Linguagem de hipertexto: HTML. DSC/CEEI/UFCG

Sistemas Multimídia Ferramentas para edição de HTML: q Front. Page Editor (Microsoft) § Autor trabalha de forma quase visual. § Permite que se trabalhe diretamente em HTML. q Dreamweaver (Macromedia) § apresenta suporte para diversos recursos de multimídia. DSC/CEEI/UFCG

Sistemas Multimídia Tela do Front. Page Editor. DSC/CEEI/UFCG

Sistemas Multimídia Tela do Dreamweaver. DSC/CEEI/UFCG

Sistemas Multimídia Padrões para hipermídia: q. ISO: MHEG (Multimedia, Hypermedia Expert Group) intercâmbio de informação em redes e sistemas distribuídos de arquitetura heterogênea; q. Microsoft: AAF (Advanced Authoring Format) formato comum para autoria de multimídia; q. W 3 C: SMIL (Synchronized Multimedia Integration Language) linguagem de marcação apropriada para transmissão de conteúdo multimídia em fluxo contínuo - suportada pela Real Player. DSC/CEEI/UFCG

Sistemas Multimídia Padrão MHEG (Multimedia, Hypermedia Expert Group) q Integrar e codificar as partes de multimídia para que se atinja o objetivo de: com "mínimo de recursos" de computação e independente da plataforma, trabalhar com qualquer aplicativo multimídia. DSC/CEEI/UFCG

Sistemas Multimídia Classificação Geral: q Sites Estáticos (Ex. : Ferramenta – Front. Page) q Sites Dinâmicos (ASP – Active Server Pages, PHP primeira versão - Personal Home Page Tool , Etc. ) q Caso Especial: Sites servidores de multimídia de fluxo contínuo. § Exemplos: Arquivos de Real Audio, Real Media – Real Player, Shockwave & Flash – Macromedia e ASF (Active Streaming Format) - Microsoft. DSC/CEEI/UFCG

Sistemas Multimídia DSC/CEEI/UFCG

Sistemas Multimídia Sites Dinâmicos q q q DSC/CEEI/UFCG Páginas contêm código ativo. Principais tipos de código ativo: Formas de Execução do código ativo: ¡ Scripts - programas em código fonte, embutidos no código HTML; ¡ Componentes - arquivos de código binário, invocados quando a referência é localizada na página. § do lado do cliente; § do lado do servidor.

Sistemas Multimídia Scripts q Utilizados para fazer com que a página responda com ações simples às solicitações do usuário. q Exemplos de linguagem: VBScript Java. Script Dynamic HTML DSC/CEEI/UFCG

Sistemas Multimídia Scripts - lado do Servidor Execução do Script – execução de um aplicativo no servidor. Exemplos: consulta a uma base de dados, realização de cálculos. Geração de uma página HTML contendo os resultados solicitados pelo usuário envio ao cliente, sendo exibido pelo navegador. Exemplo de tecnologia: CGI (Common Gateway Interface) ◦ 09/02/2011 DSC/CEEI/UFCG

Sistemas Multimídia O que é CGI ? q Common Gateway Interface – forma padrão (“common”) de comunicação (“Interface”) entre diferentes processos (“gateway”). CGI não é uma linguagem. q CGI é um protocolo que pode ser usado para comunicar forms da Web com o seu programa. q Um script CGI pode ser escrito em qualquer linguagem que possa ler de STDIN, escrever STDOUT, e ler variáveis de ambiente, ou seja virtualmente qualquer linguagem de programação (Exemplos: C, Perl Practical Extraction and Report Language). q DSC/CEEI/UFCG

Sistemas Multimídia Exemplo - seqüência “típica” de passos para um script CGI: 1. Leia o input do form do usuário. 2. Faça o que desejar com os dados. 3. Escreva a resposta HTML em STDOUT. DSC/CEEI/UFCG

Exemplo de formulário CGI. DSC/CEEI/UFCG

Exemplo de execução de um Script CGI. DSC/CEEI/UFCG

Sistemas Multimídia Componentes Ativos q Lado do cliente: § programas executados pela máquina cliente; § invocados pelo navegador quando este encontra a respectiva referência. § É comum encontrar miniaplicativos (applets) programados em Java como componentes. DSC/CEEI/UFCG

Sistemas Multimídia “O desenvolvimento de sites dinâmicos requer a integração de diversas tecnologias, de construção de sites, de desenvolvimento de software e de bancos de dados. ” “Um site dinâmico executa funções e interage automaticamente apresentando determinada solução. ” “Os sites dinâmicos permitem a dinamização das informações, obtendo-se uma aproximação maior dos aspectos que tanto atraem as pessoas. ” DSC/CEEI/UFCG

Sistemas Multimídia Autoria de Aplicativos: u Autoria DSC/CEEI/UFCG de Aplicativos com Interface Multimídia de Aplicativos Multimídia

Sistemas Multimídia Mas, afinal o que é a interface usuário-computador ? q“A face que o sistema computacional apresenta ao mundo. “ (Hooper) q“Um dispositivo que serve de limite comum às diferentes entidades comunicantes. " (Coutaz) q“Interface deve ser encarada, não tanto ao nível técnico mas, mais ao nível humano. “ (Fernandez et Al) q"o elemento motivacional das interfaces (. . . ) é, de certo modo, o grau de aceitação psicológica do sistema, que é importante não negligenciar. ” (Gomes et Al) DSC/CEEI/UFCG

Sistemas Multimídia Aplicativos com Interface Multimídia: q Construção visual da interface de usuário - ferramentas de desenho e formulários; q Apresenta mecanismos para inclusão de material na interface; q Possibilidade de programação textual em linguagem de programação simples; q Mecanismo de tempo de execução distribuído com o aplicativo. q Exemplo de ferramenta para autoria de aplicativos com interface multimídia: Toolbook. DSC/CEEI/UFCG

Sistemas Multimídia Recursos do Asymetrix Toolbook: qmetáfora baseada em livros; qum aplicativo - “livro”, dividido em telas - “páginas”; qcontroles de navegação: botões, palavras sensíveis; q. Consiste em várias janelas independentes; q. Limitado quanto à capacidade de hipertexto. Multimídia no Toolbook: qtécnicas de animação de interface; qexecução de clipes; qchamadas à interface MCI do Windows. DSC/CEEI/UFCG

Sistemas Multimídia Possibilidades do Toolbook q Criação de jogos, catálogos eletrônicos com som e imagens de vídeo; q Simuladores; q Demos de produtos e serviços; q Sistemas de treinamento à distância; q Quiosques informativos; q Portfólio para artistas; q CD-ROM institucional, revistas e livros em CD-ROM, etc. DSC/CEEI/UFCG

Sistemas Multimídia Aplicativos multimídia: q. Desenvolvimento de produtos de software; q. Geralmente apresentam: § interfaces gráficas; § comportamento de tempo real. q. Usam serviços de multimídia do ambiente operacional; q. Exemplos de Interfaces de programação de multimídia para Windows: MCI (Media Control Interface) e Directx. DSC/CEEI/UFCG

Exemplos Multimídia - Windows DSC/CEEI/UFCG

Sistemas Multimídia Direct. X - Serviços: q. Direct 3 D - serviços gráficos tridimensionais; q. Direct. Draw - serviços gráficos bidimensionais eficientes; q. Direct. Play - acesso a serviços de comunicações; q. Direct. Sound - acesso de baixo nível a dispositivos de som; q. Direct. Input - suporte a dispositivos usados em jogos e simuladores. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Exemplo de ferramenta para projeto de multimídia: Macromedia Director: qferramenta verdadeira de hipermídia; qmetáfora de elenco(cast) e palco(stage); qlinguagem de programação - script: Lingo; q. Elemento central: partitura (score); qanimação controlada por cronogramas (partituras); qformatos de autoria: DIR; qformatos de distribuição: EXE, vídeo, Shockwave movie. DSC/CEEI/UFCG

Telas do Macromedia Director. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Importante: Objetivos das interfaces de usuário q maior velocidade de aprendizado - usuários novatos - custo de treinamento; q maior velocidade de uso - usuários experientes produtividade de uso; q redução da taxa de erros produtividade; q lembrança rápida das funções disponíveis dúvidas e perda de tempo com consultas; q aspecto atraente. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Estilos de interfaces de usuário q WYSIWYG (what you see is what you get). q Interfaces icônicas - economizam espaço de tela, superam barreiras lingüísticas, contribuem para a estética da interface. q Manipulação direta. Exemplos: § Técnica de arraste e posicionamento - drag and drop (Editores de animação - objetos arrastados para a posição desejada). A melhor interface para o usuário requer o mínimo esforço de aprendizado. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Princípios de desenho de interfaces de usuários q consistência; q realimentação; q minimização dos erros; As telas não precisam, q recuperação dos erros; necessariamente, q múltiplos níveis de treinamento; ser cheias ou q minimização da memorização; coloridas para q layout adequado. serem agradáveis aos olhos. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Implementação q Deliberações; q Testes alfa. Implantação q Reprodução; q Instalação; q Testes beta; q produção piloto – “liberdade vigiada”. DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Operação q Utilização e evolução; q Manutenção; q Pequenas correções - formas de distribuição: § remendos (patches), § disponibilizados em um site de suporte ao produto (com instruções claras, suporte através de correio eletrônico e lista de perguntas freqüentes). DSC/CEEI/UFCG

Sistemas Multimídia - Projetos Lembre-se: em multimídia há, basicamente, cinco maneiras para elaborar e transmitir mensagens. Pode-se escrever, ilustrar, animar, ouvir e interagir. Explore-as ao máximo, com discernimento. DSC/CEEI/UFCG