INSTITUTO POLITÉCNICO DA GUARDA
ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO
RELATÓRIO DE ESTÁGIO
DAVID ANTÓNIO GONÇALVES RODRIGUES
RELATÓRIO PARA A OBTENÇÃO DO DIPLOMA DE
ESPECIALIZAÇÃO TECNOLÓGICA
EM DESENVOLVIMENTO DE PRODUCTOS MULTIMÉDIA
OUTUBRO/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Agradecimentos
Agradeço desde já ao professor António Pissarra por todo o tempo que
me disponibilizou, apoiando-me sempre que tive dificuldades na
realização de alguma tarefa. Sempre se mostrou empenhado no meu
crescimento quer ao nível de design, quer na sugestão de ideias novas
para o desenvolvimento dos meus projetos durante o meu percurso no
clube Guarda Unida Sport Clube.
Ao professor Rui Pereira agradeço a preocupação prestada, sempre
disponível para qualquer esclarecimento ou dúvidas. Nesta reta final,
no desenvolvimento do relatório foi ainda mais prestável e cooperante
devido à brevidade da conclusão do mesmo por forma a ingressar no
ensino superior.
1
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ficha de Identificação
Aluno: David António Gonçalves Rodrigues
Número: 1010406
Curso: CET Desenvolvimento de Produtos Multimédia
Ano: 2010/2011
Escola: Escola Superior de Tecnologia e Gestão - Instituto Politécnico
da Guarda
Morada: Av. Dr. Francisco Sá Carneiro, 50 – 6300-559 Guarda
Telefone: +351 271 220 100
Fax: +351 271 222 690
E-mail: [email protected]
Orientador: Rui Pereira
Empresa: Guarda Unida Sport Clube
Morada: Largo Monsenhor Joaquim Alves Brás 1ª Cave, Direita,
Fracção B, Bloco 2
6300 - 703 Guarda
Telefone: 271 080 390
Atividade: Clube de futebol no distrito da Guarda
E-mail: [email protected]
Tutor: António Pissarra
Estágio realizado entre: Junho e Setembro
Período de Estágio: 420 horas
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
2
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Índice
1.Introdução............................................................................................................... - 5 -
1.1 Objectivos do estágio ..................................................................................... - 5 -
1.2 Estrutura do Relatório ................................................................................... - 6 2.Caracterização da Instituição.......................................................................... - 7 -
3. O Trabalho desenvolvido no Estágio do CET .......................................... - 8 -
3.1 Projeto “- Website” .......................................................................................... - 8 -
3.2 Projeto “Banners” ...................................................................................... ...- 10 -
3.3 Projeto “ Equipamento de futebol” ........................................................ - 12 -
3.4 Projeto “ Cartões de sócio”......................................................................... - 15 -
3.5 Projeto “ Filmagens”..................................................................................... - 16 -
4. Software Utilizado ........................................................................................... - 17 -
4.1 Adobe Photoshop ........................................................................................... -17 -
4.2 Adobe Flash ....................................................................................................... -17-
4.3 Adobe Dreamweaver ……………………………………………………………..-184.4 Corel Draw ……………………………………………………………………………-19-
5. Conclusões………………………………………………………………………...…….-20-
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
3
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Índice de Ilustrações
Ilustração 1 Logótipo do Clube…………………………………………………….…-7-
Ilustração 2 Layout do Site……………………………………………………………..-9-
Ilustração 3 Site Final ................................................................................................-9Ilustração 4 Banner do site Guarda Unida Antigo ...................................... -10Ilustração 5 Banner da Página Principal ........................................................ -10Ilustração 6 Banner da Página Motor .............................................................. -11Ilustração 7 Banner da Página Atletas ............................................................ -11Ilustração 8 Banner da Página Futebol ........................................................... -11-
Ilustração 9 Banner da Página Lazer e Aventura........................................ -11Ilustração 10 Banner da Página Modalidades .............................................. -12Ilustração 11 Equipamentos Sem Patrocínio ............................................... -13Ilustração 12 Equipamento com o patrocínio da empresa Baraças ... -13-
Ilustração 13 Equipamento com o patrocínio Edibeiras ......................... -14-
Ilustração 14 Molde do cartão de Sócio .......................................................... -15-
Ilustração 15 Molde do cartão de sócio após intervenção...................... -164
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
1.Introdução
O presente trabalho insere-se no estágio, que é uma componente da
formação em contexto de trabalho, composta por 420 horas. Faz parte
do CET (Curso de Especialização Tecnológica) de Desenvolvimento de
Produtos Multimédia.
1.1 Objectivos do estágio
No início do mesmo foi definido um plano de estágio que visava
preencher algumas áreas de trabalho que iam de encontro aos meus
objetivos e que permitiriam pôr em prática os conhecimentos
adquiridos durante o período letivo. Foi proposto trabalhar em
produtos multimédia dos quais, destacam-se os seguintes:
 Planeamento do Website da empresa
 Criação gráfica do Layout
 Criação de banners para cada página do actual website
 Design de equipamentos para os jogadores
 Criação de cartões de sócios
 Filmagens e fotos do VII Torneio Nacional de Juniores
5
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
1.2 Estrutura do Relatório
Este trabalho encontra-se estruturado em cinco capítulos. O primeiro é
a introdução ao relatório e a própria estrutura do mesmo. No segundo
capítulo é feita a caracterização e descrição da empresa onde estagiei.
No terceiro capítulo apresento o trabalho desenvolvido no estágio. No
quarto capítulo são referidas as ferramentas utilizadas e no último
capítulo exponho as conclusões resultantes de todo este percurso.
6
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
2.Caraterização da Instituição
O clube Guarda Unida Sport Clube – “GUSC” foi a entidade de
acolhimento, situado no Largo Monsenhor Joaquim Alves Brás, 1ª Cave
Direita, Fracção B, Bloco 2, 6300 - 703 Guarda.
Tem como objetivo desenvolver e tornar-se num dos melhores clubes a
nível distrital e nacional. Tendo ainda pouco tempo de existência prova
como é possível com força e a união das pessoas, crescer tão depressa
e colher frutos do seu trabalho a olhos vistos.
Ilustração 1 Logótipo do Clube
7
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
3. O Trabalho desenvolvido no
Estágio do CET
No decorrer do estágio surgiram várias metas, umas de resolução
imediata, outras que se prolongaram mais no decorrer do estágio.
Estas foram ultrapassadas com recurso aos conhecimentos adquiridos
nas aulas, pela ajuda prestada pelo orientador e por parte da entidade
acolhedora.
Foram elaborados com ajuda das aplicações “Adobe Photoshop” os
conteúdos que iriam incorporar o layout do website, como pequenas
imagens, e backgrounds para o website.
Foram elaborados cerca de 150 cartões de sócios com a ajuda do
Photoshop.
Desenvolveram-se animações para o website com a ajuda da aplicação
“Adobe Flash”, tornando o website mais apelativo e interessante para
os utilizadores.
O Corel Draw permitiu elaborar o equipamento de futebol para os
jogadores infantis do Guarda Unida Sport Clube.
3.1 Projeto “ Website”
No princípio do estágio foi proposto pela entidade acolhedora (GUSC)
desenvolver desde o zero um website para a empresa, dada “liberdade”
para criar desde que o conceito do website fosse simples, atrativo e de
fácil navegação. Inicialmente foi feito uma pesquisa no interior do
clube de futebol Guarda Unida Sport Clube, do qual foram retiradas
ideias
para
a
criação
do
mesmo.
Depois de aprovada a disposição dos elementos gráficos e textos de
todas as páginas, passou-se à criação de um background que iria
incorporar a página. Com a ajuda da aplicação “Adobe Photoshop” foi
feito um background onde a ideia primordial era ter um background
atractivo e com um banner chamativo (ver Ilustração 2).
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
8
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 2 Layout do Site
Passou-se para a parte principal do website, onde constariam os textos,
bem como a parte gráfica (ver Ilustração 3).
9
Ilustração 3 Site Final
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Após a construção do website foi só adicionar a informação a cada
página e fazer a ligação entre elas. O único senão foi não ter sido usado
pela empresa, mas serviu de formação a nível de design e estética.
3.2 Projeto Banners para o site atual do
Guarda Unida.
Os banners foram pedidos pelo meu tutor dentro da empresa que
sentia o site muito estagnado. A ideia de criar um banner
personalizado para cada página foi aceite e passei à criação e
desenvolvimento da mesma (ver Ilustração 5 a 10).
Banner do site Guarda Unida antigo
Ilustração 4 Banner Do site Guarda Unida Antigo
Banners de cada página
10
Ilustração 5 Banner da Página Principal
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 6 Banner da Página Motor
Ilustração 7 Banner da Página Atletas
Ilustração 8 Banner da Página Futebol
Ilustração 9 Banner da Página Lazer e Aventura
11
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 10 Banner da Página Modalidades
3.3. Projeto equipamentos de futebol
Nesta área, através do treinador dos infantis procedi ao design dos
equipamentos de futebol, primeiro só com o emblema da equipa e
depois com os patrocínios, que em princípio, iriam ficar no
equipamento.
Para realizar este projeto tive de recorrer à ajuda do programa Corel
Draw. Com recurso ao referido programa, transformei as imagens de
bitmap para vectorial. (ver Ilustração 11 a 13).
12
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 11 Equipamentos Sem Patrocínio
Ilustração 12 Equipamento com o patrocínio da empresa Baraças
13
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 13 Equipamento com o patrocínio Edibeiras
14
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
3.4. Projeto Cartões de Sócio
Neste último projeto desenvolvi cerca de 130 cartões de sócios para o
clube, recorrendo ao software Photoshop (ver Ilustração 14 e 15).
.
Ilustração 14 Molde do cartão de Sócio
15
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Ilustração 15 Molde do cartão de sócio após intervenção
3.5 Filmagens do VII torneio nacional de
Juniores
Realizei a filmagem do torneio que decorreu no Estádio Municipal da
Guarda, na qual participaram oito equipas de juniores, entre as quais o
Real Madrid, uma das maiores equipas de sempre. Este acontecimento
realizou-se no fim semana de 12, 13, 14 de Agosto. Não só fiz a
filmagem do evento todo, como também documentei em fotografias os
jogadores, os prémios e os responsáveis pela organização do evento.
16
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
4. Software Utilizado
4.1 Adobe Photoshop
Adobe Photoshop é um software caracterizado como editor de
imagens bidimensionais do tipo raster possuindo ainda algumas
capacidades de edição típicas dos editores vectoriais) desenvolvido
pela Adobe Systems. É considerado o líder no mercado dos editores de
imagem profissionais, assim como o programa para edição profissional
de imagens digitais e trabalhos de pré-impressão.
4.2 Adobe Flash
Adobe Flash (antes: Macromedia Flash), ou simplesmente Flash, é um
software primariamente de gráfico vetorial - apesar de suportar
imagens bitmaps e vídeos - utilizado geralmente para a criação de
animações interativas que funcionam embutidas num navegador web.
O produto era desenvolvido e comercializado pela Macromedia,
empresa especializada em desenvolver programas que auxiliam o
processo de criação de páginas Web.
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
17
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
Costuma-se chamar apenas de flash aos arquivos gerados pelo Adobe
Flash, ou seja, a animação em si. Esses arquivos são de extensão ".swf"
(de Shockwave Flash File). Eles podem ser visualizados numa página
Web usando um navegador que o suporta (geralmente com plug-in
especial) ou através do Flash Player, que é um leve aplicativo somenteleitura distribuído gratuitamente pela Adobe.
4.3 Adobe Dreamweaver
Adobe Dreamweaver, antigo Macromedia Dreamweaver é um
software de desenvolvimento voltado para a web criada pela
Macromedia (adquirida pela Adobe Systems), que está atualmente na
versão CS5 e CS5.5. Suas versões iniciais serviam como um simples
editor HTML WYSIWYG ("What You See Is What You Get", ou "O que
você vê é o que você tem"), porém as suas versões posteriores
incorporaram um notável suporte para várias tecnologias web, tais
como XHTML, CSS, JavaScript, Ajax, PHP, ASP, ASP.NET, JSP, ColdFusion
e outras linguagens Server-side.
18
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
4.4 Corel Draw
O CorelDRAW é um programa de desenho vetorial bidimensional para
design gráfico desenvolvido pela Corel Corporation, Canadá. É um
aplicativo de ilustração vetorial e layout de página que possibilita a
criação e a manipulação de vários produtos, como por exemplo:
desenhos artísticos, publicitários, logotipos, capas de revistas, livros,
CDs, imagens de objetos para aplicação nas páginas de Internet
(botões, ícones, animações gráficas, etc.), confecção de cartazes, etc.
19
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011
Relatório de Estágio
Relatório para a obtenção do diploma de especialização tecnológica em desenvolvimento de
produtos multimédia
David António Gonçalves Rodrigues
5.Conclusões
Este estágio constitui só por si uma ferramenta muitíssimo importante
para o meu desenvolvimento e enriquecimento pessoal e profissional,
não só pelos conteúdos leccionados na escola e colocados em prática
ao longo do estágio no clube, mas também pelas competências pessoais
e profissionais que desenvolveu em mim próprio.
As expectativas foram sendo superadas, assim como os receios
ultrapassados à medida que se corrigiam alguns erros e os objetivos
traçados iam sendo concluídos.
Esta dinâmica de aprendizagem e aplicabilidade dos conhecimentos,
fez-me reflectir que tenho um largo caminho pela frente e que toda
esta experiência fará sempre parte do meu futuro, pois o que aprendi
jamais esquecerei.
20
INSTITUTO POLITÉCNICO DA GUARDA | outubro/2011