Ciência da Computação 1ª Série

Sistemas e Aplicações Multimídia

A Atividade Prática Supervisionada (ATPS) é um procedimento metodológico de ensino-

aprendizagem desenvolvido por meio de etapas, acompanhadas pelo professor, e que tem

por objetivos:

Favorecer a autoaprendizagem do aluno.

Estimular a corresponsabilidade do aluno pelo seu aprendizado.

Promover o estudo, a convivência e o trabalho em grupo.

Auxiliar no desenvolvimento das competências requeridas para o exercício

profissional.

Promover a aplicação da teoria na solução de situações que simulam a

realidade.

Oferecer diferenciados ambientes de aprendizagem.

Para atingir estes objetivos, a ATPS propõe um desafio e indica os passos a serem

percorridos ao longo do semestre para a sua solução.

Aproveite esta oportunidade de estudar e aprender com desafios da vida profissional.

AUTORIA:

Márcio Aparecido Artero

Faculdade Anhanguera de Limeira

Sistemas e Aplicações Multimídia

2

Competências e Habilidades

Ao concluir as etapas propostas neste desafio, você terá desenvolvido as competências e habilidades que constam, nas Diretrizes Curriculares Nacionais, descritas a seguir.

Competências para identificar, analisar, documentar e solucionar problemas e necessidades passíveis de solução via computação.

Competências Analisar, organizar, abstrair e relacionar dados e informações. Saber conciliar teoria e prática.

Participação

Esta atividade será, em parte, desenvolvida individualmente pelo aluno e, em parte, pelo grupo. Para tanto, os alunos deverão:

organizar-se, previamente, em equipes de 3 a 5 participantes; entregar seus nomes, RAs e e-mails ao professor da disciplina e observar, no decorrer das etapas, as indicações: Individual e Equipe.

Desafio

Ao longo dos tempos, um dos grandes desafios da Humanidade vem sendo a comunicação, a fim de se conseguir qualidade e velocidade nas informações. Transmitir mensagens com emoções, no seu real sentido, não é uma tarefa fácil, assim como, a forma de interpretação de uma mensagem pode ser distorcida e mal entendida por aqueles que a recebem precisa serem com melhor chance de acerto. Para atingir este objetivo, cada vez mais os profissionais da tecnologia da informação vêm aprimorando e criando mecanismos para obter a comunicação de forma rápida e segura, levando ao receptor o que realmente interessa de maneira mais intuitiva e interativa.

Percebendo essa necessidade, a empresa ‘SAM_ANH’ contratou a sua equipe para realizar um projeto de comunicação interativa com os alunos do curso de Ciência da Computação. O projeto é criar um site em que os alunos possam se comunicar por meio da troca de informações, postagem de arquivos e até mesmo, criar momentos streaming (envio de informação em tempo real, seja por vídeo ou voz) dos assuntos pertinentes às disciplinas do curso. Este projeto deverá ter o nome de INTEGRA_MULTI.

A equipe deve se atentar para as autorias na criação do ambiente de navegação, podendo este, ser utilizado pelo computador ou até mesmo por dispositivos móveis. Também será necessário elaboração dos projetos desde o ciclo de vida do desenvolvimento de uma aplicação até a sua operação, que contemplem as imagens, desenhos em terceira dimensão, animações, áudio, música, voz e o vídeo. Para isso, serão necessárias pesquisas em livros, web sites, bem como, a utilização de softwares (Open Source).

Objetivo do desafio

Desenvolver uma web site, utilizando recursos de Sistemas e Aplicações Multimídia

para comunicação entre os alunos do curso de Ciência da Computação. Para isso, o aluno

Sistemas e Aplicações Multimídia

3

deverá entregar relatórios e arquivos em mídias digitais para o professor orientador da

disciplina.

Livro-texto da disciplina

A produção desta ATPS é fundamentada no livro-texto da disciplina, que deverá ser utilizado para solução do desafio: PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 2ª ed. Rio de Janeiro: LTC, 2011. PLT: 398

Biblioteca virtual – http://www.anhanguera.com/bibliotecas/biblioteca-virtual/.

Acesso em: 25 de ago. 2014.

ETAPA 1 (tempo para realização: 05 horas)

Aula-tema: Plataformas: Ambientes, Plataformas e Configurações. Autoria: Ferramentas para Desenvolvimento de Multimídia. Autoria: Títulos, Aplicativos e Sites.

Esta atividade é importante para que você compreenda os tipos de plataformas e

autorias para criação do site solicitado pela empresa ‘SAM_ANH’.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

Fazer a leitura do Capítulo “Plataformas Multimídia” do livro texto: PAULA FILHO, Wilson

de Pádua. Multimídia: Conceitos e Aplicações. 2ª ed. Rio de Janeiro: LTC, 2011. PLT:

398.e elencar no máximo três páginas dos principais conceitos para realização do projeto

INTEGRA_MULT.

Passo 2 (Equipe)

Pesquisar ferramentas de autorias para o desenvolvimento do site. Neste momento a

equipe deverá se concentrar na ferramenta ou linguagem a qual seja mais viável e de fácil

manipulação do site. Apresentar em um breve relatório com o máximo de duas páginas, as

ferramentas e softwares elencados para o desenvolvimento do site.

Sistemas e Aplicações Multimídia

4

Sites sugeridos para pesquisa

• CRIAR SITE WIX. Melhor Programa para Criar Sites. 2014. Disponível em: <http://www.criarsitewix.com/melhor-programa-para-criar-sites/l>. Compartilhado em: <https://drive.google.com/file/d/0Bx_urxhklisZQkNNYml5SDhHbFU/view?usp=sharing>. Disponível também em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=4hSOGcocFcrTYeXDpHfdouXU5SXD4v4LBGDsxPfi%2byM%3d&docid=0b0181ceeea3342828b551d78ef0732f5>. Acesso em: 17 de nov. 2014.

• OLHAR DIGITAL. 2013. Google lança ferramenta grátis para criação de páginas em HTML 5. Disponível em: <http://olhardigital.uol.com.br/noticia/37954/37954>. Compartilhado em: <https://drive.google.com/file/d/0Bx_urxhklisZYzJZelh4a09lV0E/view?usp=sharing>. Disponível também em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=ei8%2b3yb9Wd1YLFZszR%2f%2bkK%2b2mi9Bs0VCZ0EF3VB6IQc%3d&docid=0937439b5ff4f4f2fb7f377111013e7a5>. Acesso em: 17 nov. 2014.

• PORTO, Camila. Conheça 5 ferramentas para construir um site grátis. Techtudo. 2012. Disponível em: <http://www.techtudo.com.br/artigos/noticia/2012/06/conheca-5-ferramentas-para-construir-um-site-gratis.html>. Compartilhado em: <https://drive.google.com/file/d/0Bx_urxhklisZT0FFU3lrVl9xbVk/view?usp=sharing>. Disponível também em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=PXNN6uUDssbJ4T7CYy%2b2KOxz3O2AUbTMKbGCyimTNqg%3d&docid=0e080d830819d48e9a22e914aca14b215>. Acesso em: 17 de nov. 2014.

Passo 3 (Equipe)

Criar as páginas do site de forma inicial (nas demais etapas serão acrescentados recursos

nas páginas) com base nas ferramentas pesquisadas. Lembrando que o site deve

comtemplar os tópicos abaixo:

1 Página principal. 2 Página para contato. 3 Páginas das disciplinas do curso. 4 Página de sugestão e comentários. 5 Páginas de lista de exercícios. 6 Páginas com arquivos e comentários dos professores. 7 Página para o streaming (envio de informação em tempo real, seja por vídeo ou voz).

Passo 4 (Equipe)

Entregar as descrições e pesquisas feitas nos passos 1 e 2 em um texto com o máximo de

três páginas, contendo as devidas referências bibliográficas em um relatório chamado

Relatório 1. Plataformas e Ferramentas para Desenvolvimento de Aplicações

Sistemas e Aplicações Multimídia

5

Multimídia. Gravar os arquivos do passo 3 e entregar ao professor de acordo com a mídia

escolhida.

ETAPA 2 (tempo para realização: 05 horas)

Aula-tema: Projetos: Produção. Projetos: Processo Técnico.

Esta atividade é importante para que sejam elaborados os elementos presentes em

um projeto multimídia.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

Descrever (mínimo 4 e máximo sete páginas) as fases do ciclo de vida do projeto

INTEGRA_MULTI conforme definições abaixo:

1 Ativação: a equipe desenvolve as ideias. 2 Especificação: Detalhamento do projeto. 3 Análise: Descrição do projeto, e supostos problemas que aparecerão. 4 Planejamento: Plano detalhado de desenvolvimento, como recursos humanos,

materiais e possíveis riscos técnicos. 5 Desenvolvimento: Conjunto de atividades que completam a construção e a colocação

do projeto (produto). 6 Operação: O uso do produto final. Bibliografia básica

PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 2ª ed. Rio de Janeiro: LTC, 2011. PLT: 398

Passo 2 (Equipe)

Fazer a leitura do artigo: TONET, Luisa Hayder; ANDRES, Daniele Pinto. Etapas para o

desenvolvimento de Aplicativos Multimídia. 2004. Disponível em:

<https://drive.google.com/file/d/0Bx_urxhklisZbkpDQW5vUGVzc1k/view?usp=sharing>.

Disponível também em: <https://kroton-

my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx

?guestaccesstoken=bE17ZSjoH3l8FiK6P8fBwespw6fJhX%2ftH6mHVpHwLz4%3d&docid=0

9965aba5b3e44bb9a84cc315298bf6bb>. Acesso em: 17 de nov. 2014. Descrever as etapas

para criação do projeto INTEGRA_MULTI, com o máximo de cinco páginas.

Passo 3 (Equipe)

Montar a Estrutura Analítica do Projeto (EAP) do site INTEGRA_MULTI. Para a realização

deste passo; fazer a leitura do Artigo: Adaptado de SOTILLE, Mauro A. et al.

Sistemas e Aplicações Multimídia

6

Gerenciamento do Escopo em projetos. 2ª. ed. Rio de Janeiro: Fundação Getúlio Vargas,

2009. Disponível em:

<https://drive.google.com/file/d/0Bx_urxhklisZMEM5N0ZPSnc3c3M/view?usp=sharing>.

Compartilhado em: <https://kroton-

my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx

?guestaccesstoken=FbQ%2bR3OJZablyw9nZ3naJ930b%2fby51GTZQNFrQxD17s%3d&do

cid=083e811cfe1074de29eaa4e305813cd6a>. Acesso em: 17 de nov. 2014.

Passo 4 (Equipe)

Entregar com o nome Relatório 2: projeto, as fases do projeto, as etapas de criação e a

EAP a serem utilizados no projeto INTEGRA_MULTI.

ETAPA 3 (tempo para realização: 05 horas)

Aula-tema: Imagens: Representação Digital de Imagens, Dispositivos Gráficos. Imagens: Processamento da Imagem, Desenhos: Representação de Desenhos e Edição Bidimensional. Terceira Dimensão: Computação Gráfica. Terceira Dimensão: Modelagem e Elaboração 3D.

Esta atividade é importante para que você compreenda as técnicas para aplicações

de imagens e desenhos, tanto em duas dimensões (2D) como em três dimensões (3D).

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Equipe)

Fazer a leitura do artigo: ARCHELA, Rosely Sampaio. Imagem e representação gráfica.

1999. Disponível em:

<https://drive.google.com/file/d/0Bx_urxhklisZUm13dkhDYmVQN0E/view?usp=sharing>.

Compartilhado em: <https://kroton-

my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx

?guestaccesstoken=1CF8yaLevTbAIYI5YM7exvvMSVAOeJDoWDS3s8mRrOE%3d&docid=

018bba982ee904543a8d6cafa83aab53d>. Acesso em: 17 de nov. 2014. Enfatizar a leitura

no Capítulo do livro texto que retrata o assunto sobre imagens e relacionar no mínimo seis

imagens para serem incorporadas na página principal do site do projeto INTEGRA_MULTI.

Passo 2 (Equipe)

Atentar para o fato de que os desenhos são inadequados para imagens naturais, no

entanto, são menores que os arquivos de imagens e dispõem de uma precisão maior na

sua ampliação. Com base nesta definição relacionar três desenhos vetoriais de formato

primitivas não lineares e 3 desenhos vetoriais de formato primitivas lineares e inseri-las nas

páginas: contato, sugestão e comentários.

Sistemas e Aplicações Multimídia

7

Figura 1 – Formato primitivas não lineares.

Fonte: PAULA FILHO, Wilson de Pádua. 2011.

Figura 2 – Formato primitivas lineares.

Fonte: PAULA FILHO, Wilson de Pádua. 2011.

Passo 3 (Equipe)

Criar três imagens utilizando modelagens tridimensionais e aplicar nas páginas de lista de

exercícios e comentários dos professores no site do projeto INTEGRA_MULTI. Para

orientação deste passo, fazer a leitura do Capítulo “A terceira dimensão” do livro texto:

PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 2ª ed. Rio de

Janeiro: LTC, 2011. PLT: 398.

Softwares sugeridos

• BLENDER 3D. Disponível em: <http://www.blender.org/download/get-blender/>. Acesso em: 17 de nov. 2014.

• 3DS MAX. Disponível em: <http://www.autodesk.com.br/products/3ds-max/free-trial>. Acesso em: 17 de nov. 2014.

Passo 4 (Equipe)

Entregar as atividades realizadas nos passos 1, 2 e 3 com o máximo de três páginas e as

devidas referências bibliográficas, em um relatório chamado

Relatório 3. Imagens, Desenhos e 3D. Gravar os arquivos e entregar ao professor de

acordo com a mídia escolhida.

Sistemas e Aplicações Multimídia

8

ETAPA 4 (tempo para realização: 05 horas)

Aula-tema: Animação. Música e Voz, Vídeos.

Esta atividade é importante para que você entenda o conceito e aplicações das

animações, músicas, voz e vídeos necessários para construção do site do projeto

INTEGRA_MULTI.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Equipe)

Criar duas animações para serem implantadas dentro das páginas “disciplinas do curso” do

site do projeto INTEGRA_MULTI. A animação deve comtemplar composição quadro a

quadro com e sem interpolação e uma interpolação tridimensional. Usar como referência o

Capítulo “Animação” do livro texto: PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos

e Aplicações. 2ª ed. Rio de Janeiro: LTC, 2011. PLT: 398.

Sites sugeridos para pesquisa

• HELP. ADOBE. Utilização do ADOBE® FLASH® PROFESSIONAL CS5 e CS5.5. Disponível em: <http://help.adobe.com/pt_BR/flash/cs/using/flash_cs5_help.pdf>. compartilhado em: <https://drive.google.com/file/d/0Bx_urxhklisZYkVRVEV5VzcyaTg/view?usp=sharing>. Compartilhado em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=iCBzukYuuxoYgIO2qg8S2ae2eHBONz0h9Kc0Ua7vqw0%3d&docid=03e8da083641c41e38d2bf03e0c29594e>. Acesso em: 22 de nov. 2014.

• ADOBE FLASH PROFESSIONAL CC. 2014. Disponível em: <http://www.adobe.com/br/products/flash.html>. Acesso em: 22 de nov. 2014.

• HTML5 MAKER. 2014. Disponível em: <http://html5maker.com/#/>. Acesso em: 22 de nov. 2014.

• FERREIRA, Elcio; EIS, Diego. HTML5. Curso W3C Escritório Brasil. 2014. Disponível em: <https://drive.google.com/file/d/0Bx_urxhklisZaFhfVE1CSk9KSXc/view?usp=sharing>. E compartilhado em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=D5JGaf92K1EWVcRk08KWHNhaYLMwIcANJRa49ww3UIA%3d&docid=0dc4c1cd7e4014292bde97e98cd1e3077>. Acesso em: 22 de nov. 2014.

Passo 2 (Equipe)

Criar um arquivo MIDI que será integrado ao vídeo do passo 3. Usar como referência o

Capítulo “A Música e a Voz” do livro texto: PAULA FILHO, Wilson de Pádua. Multimídia:

Conceitos e Aplicações. 2ª ed. Rio de Janeiro: LTC, 2011. PLT: 398.

Sistemas e Aplicações Multimídia

9

Sites sugeridos para pesquisa

• AUDIOWARE. Ferramentas MIDI. Disponível em: <http://www.audioware.com.br/programas-20.html>. Acesso em: 22 de nov. 2014.

• SONAR 8 Producer Edition Trial. Disponível em: <http://sonar-8-producer-edition-trial.software.informer.com/>. Acesso em: 22 de nov. 2014.

• SONAR. User’s Guide. Disponível em: <https://drive.google.com/file/d/0Bx_urxhklisZT3VOTzlSVkpvS00/view?usp=sharing>. E compartilhado em: <https://kroton-my.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestaccess.aspx?guestaccesstoken=Lbm1UCXGIwYZvDq%2bfHqvEhPc3JT13ZVZcD0f3X3PoHg%3d&docid=0d6d7e29f863649b5aea972a91e0ddd70>. Acesso em: 22 de nov. 2014.

Passo 3 (Equipe)

Criar um vídeo para a página do streaming com o arquivo MIDI usado no passo 2

mostrando as principais aplicações utilizadas na disciplina de Sistemas e Aplicações

multimídia. Para realizar esse passo, usar como referencia de leitura o Capítulo “O Vídeo”

do livro texto: PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 2ª ed.

Rio de Janeiro: LTC, 2011. PLT: 398.

Sites sugeridos para pesquisa

• MOVIE MAKER. Produto Microsoft. Disponível em: <http://windows.microsoft.com/pt-br/windows/get-movie-maker-download>. Acesso em: 22 de nov. 2014.

• ADOBE PREMIERE. Disponível em: <http://www.adobe.com/br/products/premiere.html>. Acesso em: 22 de nov. 2014.

• KARSTEN SLIDESHOW 3.5.1 Disponível em: <http://sourceforge.net/projects/karsten/files/karsten/3.5.1/karsten-setup-3.5.1.exe/download?use_mirror=ufpr>. Acesso em: 22 de nov. 2014.

Passo 4 (Equipe)

Entregar os arquivos realizados nos passos 1, 2, e 3 ao professor, de acordo com a mídia

escolhida. Também, entregar um arquivo chamado Relatório 4. Final. Com as descrições

das atividades realizadas durante todas as etapas do desafio.

Padronização

O material escrito solicitado nesta atividade deve ser produzido de acordo com as normas

da ABNT, com o seguinte padrão (exceto para produções finais não textuais):

Sistemas e Aplicações Multimídia

10

em papel branco, formato A4;

com margens esquerda e superior de 3cm, direita e inferior de 2cm;

fonte Times New Roman tamanho 12, cor preta;

espaçamento de 1,5 entre linhas;

se houver citações com mais de três linhas, devem ser em fonte tamanho

10, com um recuo de 4cm da margem esquerda e espaçamento simples

entre linhas;

com capa, contendo:

nome de sua Unidade de Ensino, Curso e Disciplina;

nome e RA de cada participante;

título da atividade;

nome do professor da disciplina;

cidade e data da entrega, apresentação ou publicação.

Para consulta completa das normas ABNT, acessar a Normalização de Trabalhos

Acadêmicos Anhanguera. Disponível em:

<http://issuu.com/normalizacao/docs/normaliza____o_de_trabalhos_acad__m>. Acesso em:

22 ago. 2014.

Vale lembrar: constitui plágio a apropriação de ideias alheias sem a indicação do autor e da

fonte de onde foi retirada a informação referenciada. Para saber mais, assistir ao vídeo de

orientação sobre plágio.