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

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

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

4. 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/guestacces
s.aspx?guestaccesstoken=4hSOGcocFcrTYeXDpHfdouXU5SXD4v4LBGDsxPfi%2by
M%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/guestacces
s.aspx?guestaccesstoken=ei8%2b3yb9Wd1YLFZszR%2f%2bkK%2b2mi9Bs0VCZ0E
F3VB6IQc%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/guestacces
s.aspx?guestaccesstoken=PXNN6uUDssbJ4T7CYy%2b2KOxz3O2AUbTMKbGCyim
TNqg%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

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

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

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

8. 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/guestacces
s.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/guestacces
s.aspx?guestaccesstoken=D5JGaf92K1EWVcRk08KWHNhaYLMwIcANJRa49ww3UI
A%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.

9. 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/guestacces
s.aspx?guestaccesstoken=Lbm1UCXGIwYZvDq%2bfHqvEhPc3JT13ZVZcD0f3X3Po
Hg%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):

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