Cincia da Computao

1 Srie
Sistemas e Aplicaes Multimdia

A Atividade Prtica Supervisionada (ATPS) um procedimento metodolgico de ensinoaprendizagem 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 convivncia e o trabalho em grupo.
Auxiliar no desenvolvimento das competncias requeridas para o exerccio
profissional.
Promover a aplicao da teoria na soluo de situaes que simulam a
realidade.
Oferecer diferenciados ambientes de aprendizagem.
Para atingir estes objetivos, a ATPS prope um desafio e indica os passos a serem
percorridos ao longo do semestre para a sua soluo.
Aproveite esta oportunidade de estudar e aprender com desafios da vida profissional.

AUTORIA:
Mrcio Aparecido Artero
Faculdade Anhanguera de Limeira

Sistemas e Aplicaes Multimdia

Competncias e Habilidades
Ao concluir as etapas propostas neste desafio, voc ter desenvolvido as
competncias e habilidades que constam, nas Diretrizes Curriculares Nacionais, descritas a
seguir.
Competncias para identificar, analisar, documentar e solucionar problemas e
necessidades passveis de soluo via computao.
Competncias Analisar, organizar, abstrair e relacionar dados e informaes.
Saber conciliar teoria e prtica.

Participao
Esta atividade ser, em parte, desenvolvida individualmente pelo aluno e, em parte,
pelo grupo. Para tanto, os alunos devero:

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 indicaes: Individual e Equipe.

Desafio
Ao longo dos tempos, um dos grandes desafios da Humanidade vem sendo a
comunicao, a fim de se conseguir qualidade e velocidade nas informaes. Transmitir
mensagens com emoes, no seu real sentido, no uma tarefa fcil, assim como, a forma
de interpretao 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 informao vm aprimorando e criando mecanismos
para obter a comunicao de forma rpida 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 comunicao interativa com os alunos do curso de Cincia da
Computao. O projeto criar um site em que os alunos possam se comunicar por meio da
troca de informaes, postagem de arquivos e at mesmo, criar momentos streaming (envio
de informao em tempo real, seja por vdeo 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 criao do ambiente de navegao,
podendo este, ser utilizado pelo computador ou at mesmo por dispositivos mveis.
Tambm ser necessrio elaborao dos projetos desde o ciclo de vida do desenvolvimento
de uma aplicao at a sua operao, que contemplem as imagens, desenhos em terceira
dimenso, animaes, udio, msica, voz e o vdeo. Para isso, sero necessrias
pesquisas em livros, web sites, bem como, a utilizao de softwares (Open Source).

Objetivo do desafio
Desenvolver uma web site, utilizando recursos de Sistemas e Aplicaes Multimdia
para comunicao entre os alunos do curso de Cincia da Computao. Para isso, o aluno
2

Sistemas e Aplicaes Multimdia

dever entregar relatrios e arquivos em mdias digitais para o professor orientador da

disciplina.

Livro-texto da disciplina
A produo desta ATPS fundamentada no livro-texto da disciplina, que dever ser
utilizado para soluo do desafio:
PAULA FILHO, Wilson de Pdua. Multimdia: Conceitos e Aplicaes. 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 realizao: 05 horas)

Aula-tema: Plataformas: Ambientes, Plataformas e Configuraes. Autoria:
Ferramentas para Desenvolvimento de Multimdia. Autoria: Ttulos, Aplicativos
e Sites.
Esta atividade importante para que voc compreenda os tipos de plataformas e
autorias para criao do site solicitado pela empresa SAM_ANH.
Para realiz-la, devem ser seguidos os passos descritos.

Passos
Passo 1 (Individual)
Fazer a leitura do Captulo Plataformas Multimdia do livro texto: PAULA FILHO, Wilson
de Pdua. Multimdia: Conceitos e Aplicaes. 2 ed. Rio de Janeiro: LTC, 2011. PLT:
398.e elencar no mximo trs pginas dos principais conceitos para realizao 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 vivel e de fcil
manipulao do site. Apresentar em um breve relatrio com o mximo de duas pginas, as
ferramentas e softwares elencados para o desenvolvimento do site.

Sistemas e Aplicaes Multimdia

Sites sugeridos para pesquisa

CRIAR SITE WIX. Melhor Programa para Criar Sites. 2014. Disponvel em:
<http://www.criarsitewix.com/melhor-programa-para-criar-sites/l>. Compartilhado em:
<https://drive.google.com/file/d/0Bx_urxhklisZQkNNYml5SDhHbFU/view?usp=sharing
>.
Disponvel
tambm
em:
<https://krotonmy.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 lana ferramenta grtis para criao de pginas em
HTML 5. Disponvel em: <http://olhardigital.uol.com.br/noticia/37954/37954>.
Compartilhado
em:
<https://drive.google.com/file/d/0Bx_urxhklisZYzJZelh4a09lV0E/view?usp=sharing>.
Disponvel
tambm
em:
<https://krotonmy.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. Conhea 5 ferramentas para construir um site grtis. Techtudo.

2012. Disponvel em: <http://www.techtudo.com.br/artigos/noticia/2012/06/conheca-5ferramentas-para-construir-um-site-gratis.html>.
Compartilhado
em:
<https://drive.google.com/file/d/0Bx_urxhklisZT0FFU3lrVl9xbVk/view?usp=sharing>.
Disponvel
tambm
em:
<https://krotonmy.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 pginas do site de forma inicial (nas demais etapas sero acrescentados recursos
nas pginas) com base nas ferramentas pesquisadas. Lembrando que o site deve
comtemplar os tpicos abaixo:
1
2
3
4
5
6
7

Pgina principal.
Pgina para contato.
Pginas das disciplinas do curso.
Pgina de sugesto e comentrios.
Pginas de lista de exerccios.
Pginas com arquivos e comentrios dos professores.
Pgina para o streaming (envio de informao em tempo real, seja por vdeo ou voz).

Passo 4 (Equipe)
Entregar as descries e pesquisas feitas nos passos 1 e 2 em um texto com o mximo de
trs pginas, contendo as devidas referncias bibliogrficas em um relatrio chamado
Relatrio 1. Plataformas e Ferramentas para Desenvolvimento de Aplicaes

Sistemas e Aplicaes Multimdia

Multimdia. Gravar os arquivos do passo 3 e entregar ao professor de acordo com a mdia

escolhida.

ETAPA 2 (tempo para realizao: 05 horas)

Aula-tema: Projetos: Produo. Projetos: Processo Tcnico.
Esta atividade importante para que sejam elaborados os elementos presentes em
um projeto multimdia.
Para realiz-la, devem ser seguidos os passos descritos.

Passos
Passo 1 (Individual)
Descrever (mnimo 4 e mximo sete pginas) as fases do ciclo de vida do projeto
INTEGRA_MULTI conforme definies abaixo:
1
2
3
4
5
6

Ativao: a equipe desenvolve as ideias.

Especificao: Detalhamento do projeto.
Anlise: Descrio do projeto, e supostos problemas que aparecero.
Planejamento: Plano detalhado de desenvolvimento, como recursos humanos,
materiais e possveis riscos tcnicos.
Desenvolvimento: Conjunto de atividades que completam a construo e a colocao
do projeto (produto).
Operao: O uso do produto final.

Bibliografia bsica
PAULA FILHO, Wilson de Pdua. Multimdia: Conceitos e Aplicaes. 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
Multimdia.
2004.
Disponvel
em:
<https://drive.google.com/file/d/0Bx_urxhklisZbkpDQW5vUGVzc1k/view?usp=sharing>.
Disponvel
tambm
em:
<https://krotonmy.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 criao do projeto INTEGRA_MULTI, com o mximo de cinco pginas.
Passo 3 (Equipe)
Montar a Estrutura Analtica do Projeto (EAP) do site INTEGRA_MULTI. Para a realizao
deste passo; fazer a leitura do Artigo: Adaptado de SOTILLE, Mauro A. et al.
5

Sistemas e Aplicaes Multimdia

Gerenciamento do Escopo em projetos. 2. ed. Rio de Janeiro: Fundao Getlio Vargas,

2009.
Disponvel
em:
<https://drive.google.com/file/d/0Bx_urxhklisZMEM5N0ZPSnc3c3M/view?usp=sharing>.
Compartilhado
em:
<https://krotonmy.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 Relatrio 2: projeto, as fases do projeto, as etapas de criao e a
EAP a serem utilizados no projeto INTEGRA_MULTI.

ETAPA 3 (tempo para realizao: 05 horas)

Aula-tema: Imagens: Representao Digital de Imagens, Dispositivos Grficos.
Imagens: Processamento da Imagem, Desenhos: Representao de Desenhos e
Edio Bidimensional. Terceira Dimenso: Computao Grfica. Terceira
Dimenso: Modelagem e Elaborao 3D.
Esta atividade importante para que voc compreenda as tcnicas para aplicaes
de imagens e desenhos, tanto em duas dimenses (2D) como em trs dimenses (3D).
Para realiz-la, devem ser seguidos os passos descritos.

Passos
Passo 1 (Equipe)
Fazer a leitura do artigo: ARCHELA, Rosely Sampaio. Imagem e representao grfica.
1999.
Disponvel
em:
<https://drive.google.com/file/d/0Bx_urxhklisZUm13dkhDYmVQN0E/view?usp=sharing>.
Compartilhado
em:
<https://krotonmy.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 Captulo do livro texto que retrata o assunto sobre imagens e relacionar no mnimo seis
imagens para serem incorporadas na pgina principal do site do projeto INTEGRA_MULTI.
Passo 2 (Equipe)
Atentar para o fato de que os desenhos so inadequados para imagens naturais, no
entanto, so menores que os arquivos de imagens e dispem de uma preciso maior na
sua ampliao. Com base nesta definio relacionar trs desenhos vetoriais de formato
primitivas no lineares e 3 desenhos vetoriais de formato primitivas lineares e inseri-las nas
pginas: contato, sugesto e comentrios.
6

Sistemas e Aplicaes Multimdia

Figura 1 Formato primitivas no lineares.

Fonte: PAULA FILHO, Wilson de Pdua. 2011.

Figura 2 Formato primitivas lineares.

Fonte: PAULA FILHO, Wilson de Pdua. 2011.

Passo 3 (Equipe)
Criar trs imagens utilizando modelagens tridimensionais e aplicar nas pginas de lista de
exerccios e comentrios dos professores no site do projeto INTEGRA_MULTI. Para
orientao deste passo, fazer a leitura do Captulo A terceira dimenso do livro texto:
PAULA FILHO, Wilson de Pdua. Multimdia: Conceitos e Aplicaes. 2 ed. Rio de
Janeiro: LTC, 2011. PLT: 398.
Softwares sugeridos

BLENDER 3D. Disponvel em: <http://www.blender.org/download/get-blender/>.

Acesso em: 17 de nov. 2014.

3DS MAX. Disponvel 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 mximo de trs pginas e as
devidas
referncias
bibliogrficas,
em
um
relatrio
chamado
Relatrio 3. Imagens, Desenhos e 3D. Gravar os arquivos e entregar ao professor de
acordo com a mdia escolhida.

Sistemas e Aplicaes Multimdia

ETAPA 4 (tempo para realizao: 05 horas)

Aula-tema: Animao. Msica e Voz, Vdeos.
Esta atividade importante para que voc entenda o conceito e aplicaes das
animaes, msicas, voz e vdeos necessrios para construo do site do projeto
INTEGRA_MULTI.
Para realiz-la, devem ser seguidos os passos descritos.

Passos
Passo 1 (Equipe)
Criar duas animaes para serem implantadas dentro das pginas disciplinas do curso do
site do projeto INTEGRA_MULTI. A animao deve comtemplar composio quadro a
quadro com e sem interpolao e uma interpolao tridimensional. Usar como referncia o
Captulo Animao do livro texto: PAULA FILHO, Wilson de Pdua. Multimdia: Conceitos
e Aplicaes. 2 ed. Rio de Janeiro: LTC, 2011. PLT: 398.
Sites sugeridos para pesquisa

HELP. ADOBE. Utilizao do ADOBE FLASH PROFESSIONAL CS5 e CS5.5.

Disponvel 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://krotonmy.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.
Disponvel
<http://www.adobe.com/br/products/flash.html>. Acesso em: 22 de nov. 2014.

HTML5 MAKER. 2014. Disponvel em: <http://html5maker.com/#/>. Acesso em: 22 de

nov. 2014.

FERREIRA, Elcio; EIS, Diego. HTML5. Curso W3C Escritrio Brasil. 2014. Disponvel
em:
<https://drive.google.com/file/d/0Bx_urxhklisZaFhfVE1CSk9KSXc/view?usp=sharing>
.
E
compartilhado
em:
<https://krotonmy.sharepoint.com/personal/marcio_artero_anhanguera_com/_layouts/15/guestacces
s.aspx?guestaccesstoken=D5JGaf92K1EWVcRk08KWHNhaYLMwIcANJRa49ww3UI
A%3d&docid=0dc4c1cd7e4014292bde97e98cd1e3077>. Acesso em: 22 de nov.
2014.

em:

Passo 2 (Equipe)
Criar um arquivo MIDI que ser integrado ao vdeo do passo 3. Usar como referncia o
Captulo A Msica e a Voz do livro texto: PAULA FILHO, Wilson de Pdua. Multimdia:
Conceitos e Aplicaes. 2 ed. Rio de Janeiro: LTC, 2011. PLT: 398.
8

Sistemas e Aplicaes Multimdia

Sites sugeridos para pesquisa

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

SONAR 8 Producer Edition Trial. Disponvel em: <http://sonar-8-producer-editiontrial.software.informer.com/>. Acesso em: 22 de nov. 2014.

SONAR.
Users
Guide.
Disponvel
em:
<https://drive.google.com/file/d/0Bx_urxhklisZT3VOTzlSVkpvS00/view?usp=sharing>.
E
compartilhado
em:
<https://krotonmy.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 vdeo para a pgina do streaming com o arquivo MIDI usado no passo 2
mostrando as principais aplicaes utilizadas na disciplina de Sistemas e Aplicaes
multimdia. Para realizar esse passo, usar como referencia de leitura o Captulo O Vdeo
do livro texto: PAULA FILHO, Wilson de Pdua. Multimdia: Conceitos e Aplicaes. 2 ed.
Rio de Janeiro: LTC, 2011. PLT: 398.
Sites sugeridos para pesquisa

MOVIE MAKER. Produto Microsoft. Disponvel em: <http://windows.microsoft.com/ptbr/windows/get-movie-maker-download>. Acesso em: 22 de nov. 2014.

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

KARSTEN
SLIDESHOW
3.5.1
Disponvel
<http://sourceforge.net/projects/karsten/files/karsten/3.5.1/karsten-setup3.5.1.exe/download?use_mirror=ufpr>. Acesso em: 22 de nov. 2014.

em:

Passo 4 (Equipe)
Entregar os arquivos realizados nos passos 1, 2, e 3 ao professor, de acordo com a mdia
escolhida. Tambm, entregar um arquivo chamado Relatrio 4. Final. Com as descries
das atividades realizadas durante todas as etapas do desafio.

Padronizao
O material escrito solicitado nesta atividade deve ser produzido de acordo com as normas
da ABNT, com o seguinte padro (exceto para produes finais no textuais):

Sistemas e Aplicaes Multimdia

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;

espaamento de 1,5 entre linhas;

se houver citaes com mais de trs linhas, devem ser em fonte tamanho
10, com um recuo de 4cm da margem esquerda e espaamento simples
entre linhas;

com capa, contendo:

nome de sua Unidade de Ensino, Curso e Disciplina;

nome e RA de cada participante;

ttulo da atividade;

nome do professor da disciplina;

cidade e data da entrega, apresentao ou publicao.

Para consulta completa das normas ABNT, acessar a Normalizao de Trabalhos

Acadmicos
Anhanguera.
Disponvel
em:
<http://issuu.com/normalizacao/docs/normaliza____o_de_trabalhos_acad__m>. Acesso em:
22 ago. 2014.

Vale lembrar: constitui plgio a apropriao de ideias alheias sem a indicao do autor e da
fonte de onde foi retirada a informao referenciada. Para saber mais, assistir ao vdeo de
orientao sobre plgio.

10