Sistemas e Aplicações Multimídia

Prof. Guilherme Nonino Rosa - Técnico em Informática pela ETESP – Escola Técnica de

São Paulo

- Graduado em Ciências da Computação pela Unifran –

Universidade de Franca no ano de 2000.

- Licenciado em Informática pela Fatec – Faculdade de

Tecnologia de Franca no ano de 2011.

- Pós-Graduado em Tecnologia da Informação aplicada

aos Negócios pela Unip-Universidade Paulista no ano de

2012.

- Pós-Graduando em Docência no Ensino Superior pelo

Centro Universitário Senac.

Atuação:

- Docente da Faculdade Anhanguera desde

Fevereiro / 2013

- Docente do Senac – Ribeirão Preto desde

fevereiro/2012.

- Docente do Centro de Educação Tecnológica

Paula Souza, na Etec Prof. José Ignácio de

Azevedo Filho e Etec Prof. Alcídio de Souza

Prado desde fevereiro/2010.

Contatos:

Prof. Guilherme Nonino Rosa

guinonino@gmail.com

http://guilhermenonino.blogspot.com

PLANO DE ENSINO E APRENDIZAGEM

Sistema de Avaliação

1° Avaliação - PESO 4,0

Atividades Avaliativas a Critério do Professor

Práticas: 03

Teóricas: 07

Total: 10

2° Avaliação - PESO 6,0

Prova Escrita Oficial

Práticas: 03

Teóricas: 07

Total: 10

Bibliografia Padrão

1) PAULA FILHO, Wilson de Padua. Multimídia : Conceitos e

Aplicações : Conceitos e Aplicações. 1ª ed. Rio de Janeiro: LTC -

Livros Técnicos e Científicos, 2011.

Semana n°. Tema

1 Apresentação da Disciplina e Metodologia de Trabalho.

Introdução à Sistemas e Aplicações Multimídia.

2 Evolução da Comunicação entre Homem e Máquina.

3 Plataformas: Ambientes, Plataformas e Configurações.

4 Autoria: Ferramentas para Desenvolvimento de Multimídia.

5 Autoria: Títulos, Aplicativos e Sites .

6 Projetos: Produção.

7 Projetos: Processo Técnico.

8 Imagens: Representação Digital de Imagens, Dispositivos Gráficos.

PLANO DE ENSINO E APRENDIZAGEM

Semana n°. Tema

9 Atividades de Avaliação.

10 Imagens: Processamento da Imagem.

11 Desenhos: Representação de Desenhos e Edição Bidimensional..

12 Terceira Dimensão: Computação Gráfica.

13 Terceira Dimensão: Modelagem e Elaboração 3D.

14 Terceira Dimensão: Realidade Virtual

15 Animação.

16 Música e Voz.

Semana n°. Tema

17 Vídeos.

18 Prova Escrita Oficial

19 Exercícios de Revisão.

20 Prova Substitutiva.

A Autoria

Ferramentas para criação multimídia:

Aplicativos fechados;

Linguagens de programação;

Ferramentas de autoria:

títulos lineares;

títulos hipermídia.

Aspecto Importante: Curva de Aprendizado

metáfora

A AUTORIA

Aplicativos fechados;

A AUTORIA

Interfaces Gráficas fáceis de usar.

Linguagem de Script: derivada ou não de uma linguagem de programação usual.

Captura de Macro: permite uma sequência de ações do usuário na forma de linguagem de programação.

Linguagens de Programação;

A AUTORIA

Elementos da aplicação são construídos e modificados através de programas especialmente escritos para cada produto.

Possuem Ambientes de programação que oferecem ferramentas que visam auxiliar o trabalho do programador.

Ex: Cobol, Fortran, Lisp; Pascal e Basic; C e C++; Java ; C#(.NET) ; Perl, PHP, Python e Ruby.

Ferramentas de Autoria

A AUTORIA

Utiliza linguagem de script e também programação convencional.

Metáfora básica: Slides, documentos, livros, sites, e-book.

Não há distinção entre ferramentas de autoria e ambientes de programação, pois para cada faixa existe uma gama de ferramenta mais adequada.

Autoria de títulos lineares:

- Permitem apresentações com avanços manuais e ou

automáticos.

- Suportam Tecnologia OLE

Exemplos:

PowerPoint: orientado para slides;

Acrobat Exchange: orientado para documentação on-line.

A AUTORIA

Recursos do PowerPoint:

metáfora de show de slides e transparências;

transições automáticas ou manuais;

editor gráfico interno ou importado de outros aplicativos;

OLE (Object Linking and Embedding);

exportação para WWW.

A AUTORIA

Ferramentas Similares:

Impress - OpenOffice

Google Docs

A AUTORIA

Recursos do Acrobat Exchange:

edição de documentos;

visualização de impressão;

formato PDF (Portable Document Format);

importação de Postscript.

Elementos de multimídia como sons e animações, além de modelos tridimensionais que usem o formato U3D.

A AUTORIA

Acrobat Exchange

A AUTORIA

Apresentação em PDF

A AUTORIA

Pontos Interessantes:

presença de controles de navegação;

forma:

botões,

palavras sensíveis (hot words),

pontos sensíveis (hot spots);

resultados:

saltos,

janelas-filhas (pop-up window).

A AUTORIA

Autoria de títulos hipermídia

- Adicionam recursos de integração de material em multimídia

recursos de navegação não linear.

Hipermídia na Internet

Rede de hipermídia: WWW(Word Wide Web)

É um sistema de documentos em hipermídia que são interligados e

executados na Internet.

Protocolo de hipertexto: HTTP

Protocolo de Transferência de Hipertexto - é um protocolo de

comunicação utilizado para sistemas de informação de hipermídia

distribuídos e colaborativos. Seu uso para a obtenção de recursos

interligados levou ao estabelecimento da World Wide Web.

Linguagem de hipertexto: HTML.

é uma linguagem de marcação utilizada para produzir páginas na Web.

Documentos HTML podem ser interpretados por navegadores.

A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.

Localizador de Recursos: URL.

Conhecido como endereço Web, é usado para localizar páginas e outros

tipos de recursos.

A AUTORIA

Ferramentas para edição de HTML:

Aplicativos Microsoft Office

Transição fácil de documentos próprios para formatos de documentos visualizáveis através de navegadores.

FrontPage Editor (Microsoft)

Autor trabalha de forma quase visual.

Permite que se trabalhe diretamente em HTML.

Dreamweaver (Macromedia)

apresenta suporte para diversos recursos de multimídia.

A AUTORIA

Tela do FrontPage Editor.

A AUTORIA

Tela do Dreamweaver.

A AUTORIA

A AUTORIA

Tags são estruturas de linguagem de marcação contendo

instruções, tendo uma marca de início e outra de fim para que

o navegador possa renderizar uma página. Há uma tendência

nos dias atuais para se usar as tags apenas como

delimitadores de estilo e/ou conteúdo, tanto em HTML quanto

em XML.

A AUTORIA

Linguagem CSS (Cascading Style Sheets)

É uma linguagem de estilo utilizada para definir a apresentação de documentos

escritos em uma linguagem de marcação, como HTML ou XML. Seu principal

benefício é prover a separação entre o formato e o conteúdo de um documento.

A AUTORIA

Padrões XML

XML (eXtensible Markup Language) é uma recomendação da W3C para

gerar linguagens de marcação para necessidades especiais.

A AUTORIA

Padrões XML

DTD (Document Type Definition) contém as regras que definem quais as tags que

podem ser usadas num documento XML e quais os valores válidos.

<!DOCTYPE recipecollection [ ... <!ELEMENT recipe (title,author?,date?,description,ingredients,preparation,related)> <!ATTLIST recipe id ID #REQUIRED category (breakfast|lunch|dinner|dessert|unknown) #IMPLIED> <!ELEMENT title (#PCDATA)> <!ELEMENT author ANY> ... ]>

Classificação Geral:

Sites Estáticos (Ex.: Ferramenta – FrontPage)

Sites Dinâmicos (ASP – Active Server Pages, PHP primeira versão - Personal Home Page Tool , Etc.)

Servidores Web ( Apache e IIS)

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.

A AUTORIA

A AUTORIA

Sites Estáticos

Hipertextos

Material Gráfico e de Multimídia nas páginas

Estrutura de hiperligações

Publicação em um servidor.

Testes de visualização através

do navegador escolhido.

A AUTORIA

Sites Dinâmicos

Páginas contêm código ativo.

Principais tipos de 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.

Formas de Execução do código ativo:

do lado do cliente;

do lado do servidor.

A AUTORIA

Scripts do lado cliente

Utilizados para fazer com que a página responda com ações simples às solicitações do usuário.

Exemplos de linguagem: VBScript

JavaScript

Dynamic HTML

A AUTORIA

Scripts do lado do Servidor

Execução do Script – execução de um aplicativo no servidor.

Ex: 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.

Ex: CGI (Common Gateway Interface)

A AUTORIA

O que é CGI ?

Common Gateway Interface – forma padrão (“common”) de comunicação (“Interface”) entre diferentes processos (“gateway”).

CGI não é uma linguagem.

CGI é um protocolo que pode ser usado para comunicar forms da Web com o seu programa.

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).

A AUTORIA

Exemplo de formulário CGI.

A AUTORIA

Componentes Ativos

Lado do cliente:

programas executados pela máquina cliente;

invocados pelo navegador quando este encontra a respectiva referência.

É comum encontrar mini aplicativos (applets) programados em Java como componentes.

A AUTORIA

Miniaplicativos

Aplicativos simples funcionando dentro de um aplicativo maior;

Mini Aplicativos Java que operam dentro de um contexto HTML.

São compatíveis com qualquer navegador desde que tenha instalado e ativado o suporte a máquina virtual Java.

A AUTORIA

Aplicativos Ricos da Internet

Ajax (Asynchronous JavaScript and XML)

Executam parte significativa do lado do cliente, não gerando tráfico nos servidores.

Oferecem interfaces de usuários de poder comparável aos aplicativos desktop.

Ex: Adobe Flex; Microsoft Silverlight

A AUTORIA

Servidores Web

Apache: PHP ( Hypertext Preprocessor)

IIS : ASP(Active Server Page)

A AUTORIA

A AUTORIA

PHP ( Hypertext Preprocessor)

É uma linguagem interpretada livre, usada

originalmente apenas para o desenvolvimento de

aplicações presentes e atuantes no lado do servidor,

capazes de gerar conteúdo dinâmico na World Wide Web.

<?php

$vet01 = array();

$vet01[] = "Sistemas operacionais";

$vet01[] = "Compiladores";

$vet01[] = "Bancos de dados";

$vet02 = array(1, 2, 3, 4, 5);

$vet03 = array( 0 => 0, 2 => 3, 10 => "item 10");

for ($i = 0; $i < count($vet01); $i++)

{ echo $vet01[$i] . "<br />"; }

?>

A AUTORIA

ASP (Active Server Pages

São um ambiente para programação por scripts no

servidor, que você pode usar para criar páginas dinâmicas,

interativas e de alta performance. Como as páginas ASP, os

scripts rodam no servidor e não no cliente. É o próprio

servidor que transforma os scripts em HTML padrão, fazendo

com que qualquer browser do mercado seja capaz de

acessar um site que usa ASP.

2 <body bgcolor="#FFFFFF">

3 <% Dim teste

4 teste="Hello. How are you today Student."

5 response.write ("teste=" & teste)

6 response.write ("mid(teste,1,5)=" & mid(teste,1,5))

7 %>

8 </body>

“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.”

A AUTORIA

Autoria de Aplicativos:

Autoria de Aplicativos com Interface Multimídia

Autoria de Aplicativos Multimídia

A AUTORIA

Mas, afinal o que é a interface usuário-computador ?

“A face que o sistema computacional apresenta ao mundo.“ (Hooper)

“Um dispositivo que serve de limite comum às diferentes entidades comunicantes." (Coutaz)

“Interface deve ser encarada, não tanto ao nível técnico mas, mais ao nível humano.“ (Fernandez et Al)

"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)

A AUTORIA

Importante: Objetivos das interfaces de usuário

maior velocidade de aprendizado - usuários novatos - custo de treinamento;

maior velocidade de uso - usuários experientes - produtividade de uso;

redução da taxa de erros - produtividade;

lembrança rápida das funções disponíveis - dúvidas e perda de tempo com consultas;

aspecto atraente.

A AUTORIA

Aplicativos com Interface Multimídia:

Construção visual da interface de usuário - ferramentas de desenho e formulários;

Apresenta mecanismos para inclusão de material na interface;

Possibilidade de programação textual em linguagem de programação simples;

Mecanismo de tempo de execução distribuído com o aplicativo.

Exemplo de ferramenta para autoria de aplicativos com interface multimídia: Toolbook.

A AUTORIA

Estilos de interfaces de usuário

WYSIWYG (what you see is what you get).

Interfaces icônicas - economizam espaço de tela, superam barreiras lingüísticas, contribuem para a estética da interface.

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.

A AUTORIA

Aplicativos multimídia:

Desenvolvimento de produtos de software;

Geralmente apresentam:

interfaces gráficas;

comportamento de tempo real.

Usam serviços de multimídia do ambiente operacional;

Exemplos de Interfaces de programação de

multimídia para Windows: MCI (Media Control Interface) e Directx.

A AUTORIA

Exemplos Multimídia - Windows

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.

A AUTORIA

BIBLIOGRAFIA E SITES CONSULTADOS

Paula Filho, W. de P., Multimídia: Conceitos e Aplicações, LTC Editora, 2011.

Vaughan, T., Multimedia Making it Work, McGraw-Hill, 2001.

Gibson, J. D., Berger, T., Lindbergh, D., Digital Compression for Multimedia: Principles and

Standards, Morgan Koufman, 1998.

Kerlow, I. V. The Art of 3-D Computer Animation and Imaging, John Wiley & Sons, 1996;

Kristof, R., Satran, A. Interactivity by Design : Creating & Communicating With New Media,

Hayden Books, 1995;

Vaughan, T., Multimídia na Prática, Makron Books, 1994.

http://members.fortunecity.com/andreia_bolsoni/texto.htm

http://oficina.cienciaviva.pt/~pw020/g3/historia_e_evolucao_dos_computad.htm

https://sites.google.com/a/aedu.com/alaor/sistemaseaplicacoesmultimidia

http://www.fortium.com.br/faculdadefortium.com.br/marcelo_bastos/material/Arquitetura%2

0de%20Computadore%201%20e%202-1.pdf

http://www.tecmundo.com.br/9421-a-evolucao-dos-computadores.htm