Biblioteca Digital do IPG: Relatório de Estágio Curricular – Via-Rápida - Publicidade, Lda (Guarda)

(1)

(2)

Gesp.007.03

INSTITUTO POLITÉCNICO DA GUARDA

ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO

RELATÓRIO DE

ESTÁGIO

CARLOS EMANUEL ALVES MARTINS

RELATÓRIO PARA A OBTENÇÃO DO DIPLOMA DE ESPECIALIZAÇÃO TECNOLÓGICA

EM DESENVOLVIMENTO DE PRODUTOS MULTIMÉDIA

(3)

Carlos Emanuel Alves Martins 1010321 Página ii

Agradecimentos

Um especial agradecimento ao senhor João Fonseca e também a dona Sara Fonseca, eles como donos da entidade acolhedora (Via-Rápida Publicidade), sempre se mostraram empenhados na minha evolução enquanto estagiário. Embora já com alguns conhecimentos adquiridos nas aulas, foi no estágio que tive a oportunidade de desenvolver as capacidades e demonstrar a forma e a preparação já assimilada.

Ao professor Celestino Gonçalves agradeço a preocupação prestada, sempre disponível para qualquer esclarecimento ou dúvida. Dúvidas esclarecidas quer pessoalmente, quer via correio electrónico. Nesta recta final, o desenvolvimento do relatório, foi ainda mais cooperativo, prestando ajuda e retocando os aspectos do trabalho.

(4)

Carlos Emanuel Alves Martins 1010321 Página iii

Ficha de Identificação

Aluno: Carlos Emanuel Alves Martins

Número: 1010321

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

Correio electrónico: ipg@ipg.pt

Orientador: Eng.º Celestino Gonçalves

Empresa: Via-Rápida – Publicidade, Lda.

Morada: Parque Industrial, Lote 12,6300-825 Guarda

Telefone: +351 271 222 515

Fax: +351 271 237 232

Correio electrónico: via-rapida@mail.telepac.pt

Tutor: João Paulo Martins da Fonseca

Estágio realizado entre: 4 de Julho a 15 de Setembro de 2011

(5)

Carlos Emanuel Alves Martins 1010321 Página iv

Índice

1.Introdução ... - 1 -

2.Caracterização da Empresa ... - 2 -

3. Objectivos do Estágio ... - 3 -

4. Trabalho Desenvolvido no Estágio do CET ... - 4 -

5. Protótipo ... - 6 - 5.1 Primeira fase ... - 6 - 5.2 Última fase ... - 7 - 5.3 Mapa de navegação ... - 8 - 6. Implementação ... - 9 - 7. Aplicações/tecnologias utilizadas ... - 13 - 7.1. Adobe Photoshop ... - 13 - 7.2. Adobe Flash ... - 13 - 7.3. Adobe Dreamweaver ... - 14 - 8. Conclusão ... - 15 - 9. Bibliografia ... - 16 -

(6)

Carlos Emanuel Alves Martins 1010321 Página v

Índice de Figuras

Ilustração 1- Logótipo da empresa onde foi realizado o estágio ... - 2 -

Ilustração 2-Protótipo layout Home ... - 6 -

Ilustração 3-Protótipo final layout Home ... - 7 -

Ilustração 4 – Mapa de Navegação ... - 8 -

Ilustração 5 – Página Home ... - 9 -

Ilustração 6 – Página Quem Somos ... - 9 -

Ilustração 7 – Página Portefólio ... - 10 -

Ilustração 8 – Página Sublime ... - 10 -

Ilustração 9 – Página Catálogos ... - 11 -

Ilustração 10 – Página Instalações ... - 11 -

Ilustração 11 – Página Localização ... - 12 -

(7)

Carlos Emanuel Alves Martins 1010321 Página - 1 -

1.Introdução

No âmbito do estágio curricular do CET em Desenvolvimento de Produtos Multimédia, foi proposta elaboração de um projecto para a instituição que me acolheu para a realização deste estágio, o qual consiste na criação um website.

Este estágio foi realizado de 4 de Julho de 2011 a 15 de Setembro de 2011. O presente relatório pretende descrever o trabalho desenvolvido na instituição, durante esse período.

(8)

2.Caracterização da Empresa

A empresa Via-Rápida – Publicidade foi a entidade de acolhimento para a realização deste estágio. Situada no parque industrial, lote 12, da cidade da Guarda, tem como actividade principal a criação de soluções gráficas, com um rigor extremo, adaptada às necessidades específicas de cada cliente.

.

(9)

3. Objectivos do Estágio

No início do estágio foi definido um plano de trabalhos que contemplava algumas áreas de estudo que iam de encontro aos meus objectivos e que permitiriam pôr em prática alguns conhecimentos adquiridos durante o período lectivo.

Neste sentido foram definidos algumas áreas de desenvolvimento, que se enunciam de seguida:

 Concepção e elaboração de uma página web;  Tratamento de imagens e conteúdo para a web;  Desenvolvimento de backgrounds em Photoshop;

 Desenvolvimento de aplicações em Flash (programação em Actionscript 2.0);  Desenvolvimento de aplicações em Dreamweaver (programação em HTML);

(10)

4. Trabalho Desenvolvido no Estágio do CET

O trabalho principal do estágio consistiu na elaboração de um website para a empresa de acolhimento.

No decorrer do estágio surgiram várias dúvidas, mas que foram ultrapassadas com recurso aos conhecimentos adquiridos durante o período de aulas.

Desenvolveram-se, com ajuda da aplicação “Adobe Photoshop”, conteúdos para serem posteriormente colocados em páginas Web, desde imagens, bem como

backgrounds de páginas Web.

Para este website também foram desenvolvidos botões, menus, banners e animações várias em Flash.

O layout da página web estará dividido em várias partes.

Começando pelo topo, temos um banner feito em Flash onde está descrito o nome da empresa e o seu lema.

Na parte esquerda encontra-se uma barra de menus vertical feita em Flash, com botões interactivos onde se encontrará um botão com o nome Home, que terá como função a apresentação da página principal. Num segundo botão encontra-se Quem

somos, onde se colocou um pequeno texto que permite obter uma breve descrição da

empresa Via-rápida-publicidade.

O terceiro botão, de seu nome Portefólio, permite visualizar uma pequena galeria feita em Flash com algumas imagens de trabalhos feitos e aplicados pela empresa. Num quarto botão, de seu nome Sublime, podemos aceder a uma área correspondente a um novo projecto que a empresa adquiriu há pouco tempo. Nesta página encontra-se uma pequena descrição sobre a marca e uma hiperligação para o respectivo website.

Num quinto botão, de seu nome Catálogos, e uma vez que a empresa executa uma grande variedade de trabalhos, disponibilizam-se vários catálogos de referência.

Num sexto botão, de seu nome Instalações, pode-se visualizar uma imagem da empresa, imagem essa onde se identifica a morada. Num sétimo botão, de seu nome

localização, e no caso de haver ligação à internet, será apresentado um mapa com a

(11)

No último botão, de seu nome Contactos, como o nome indica terá os endereços e os contactos para esclarecimento de dúvidas e ainda um formulário onde se pode fazer perguntas ou então fazer uma encomenda.

No centro da página principal existe uma animação feita em Flash com o logótipo da empresa, existindo também um espaço onde se podem encontrar as promoções e as novidades.

Na parte mais abaixo, no fundo do website, encontra-se uma barra onde se incluiu o símbolo do facebook para uma eventual ligação.

(12)

5. Protótipo

5.1 Primeira fase

Na ilustração 2 apresenta-se o primeiro esboço deste projecto, mais propriamente a página principal, Home. Neste esboço encontra-se na parte superior um banner, na parte esquerda um menu de opções, no centro uma animação com o logótipo da empresa, e duas caixas de texto, uma com informação relativa a promoções e outra com informação relativa a novidades. No fundo considerou-se ainda uma barra com o logótipo do facebook.

(13)

5.2 Última fase

Na ilustração 3 apresenta-se o último esboço deste projecto, relativamente a página principal, Home. Neste última versão do esboço foi considerada apenas uma troca de posição entre as caixas de texto e a animação, com vista à melhoria do seu aspecto.

(14)

5.3 Mapa de navegação

Na ilustração 4 apresenta-se um diagrama representativo da organização do Website. Conforme pode ser verificado, nos dois primeiros níveis encontram-se a página principal e as oito opções do respectivo menu principal. No terceiro nível encontram-se outras ligações que dão acesso a outras páginas web.

(15)

6. Implementação

As ilustrações desta página e das páginas seguintes (Ilustrações 5, 6, 7, 8, 9, 10, 11e 12) correspondem a implementação final da página Home, da página Quem Somos, da página Portefólio, da página Sublime, da página Catálogos, da página Instalações, da página Localização e da página Contactos.

Ilustração 5 – Página Home

(16)

Ilustração 7 – Página Portefólio

(17)

Ilustração 9 – Página Catálogos

(18)

Ilustração 11 – Página Localização

(19)

7. Aplicações/tecnologias utilizadas

Neste projecto houve necessidade de recorrer a diversos programas como o Photoshop, o

Dreamweaver e o Flash. De seguida, apresenta-se uma breve descrição de cada um dos

programas.

7.1. Adobe Photoshop

O 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, sendo o programa por excelência para a edição profissional de imagens digitais e trabalhos de pré-impressão.

7.2. Adobe Flash

O Adobe Flash (antes: Macromedia Flash), ou simplesmente Flash, é um software primariamente de gráfico vectorial - apesar de suportar imagens bitmap e vídeos - utilizado geralmente para a criação de animações interactivas 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.

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 suporte (geralmente com plug-in especial) ou através do Flash Player, que é um leve aplicativo somente-leitura distribuído gratuitamente pela Adobe. Os ficheiros realizados em Flash são utilizados para propaganda animada (banners) em páginas Web, mas evidentemente não se limitando a isso, pois existem diversos jogos e apresentações dos mais variados

(20)

tipos utilizando esta tecnologia. Até mesmo sites inteiros podem ser feitos recorrendo ao

Flash.

7.3. Adobe Dreamweaver

O Adobe Dreamweaver, antigo Macromedia Dreamweaver, é um software de desenvolvimento voltado para a Web criado pela Macromedia (adquirida pela Adobe Systems), e que está actualmente na versão CS5. As 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.

(21)

8. Conclusão

Posso concluir que todos os objectivos que foram estipulados no início do estágio foram compridos, apesar de terem surgido algumas dúvidas durante a elaboração do website. O website que criei para a instituição poderá a vir a ser colocado online, assim a empresa o deseje.

Pode-se concluir que os conteúdos leccionados na componente lectiva foram de grande utilidade no momento de os colocar em prática no desenvolvimento do estágio.

Este estágio serviu não só para pôr em prática todos os conhecimentos adquiridos na escola, como também para ganhar mais confiança, procurar novos horizontes, corrigir alguns erros e fundamentalmente para adicionar novos conhecimentos aos já apreendidos previamente.

A experiência de trabalhar directamente com empresas da área pretendida leva-nos não só a saber os métodos de trabalho mas também aquilo que se pode ir corrigindo para que, num futuro mais próximo, nos consigamos considerar definitivamente capazes de ocupar um cargo sem receios nem problemas com o que vamos encontrar.

(22)

9. Bibliografia

 “Dreamweaver CS5.5 & CS5 Curso Completo”, Hélder Oliveira, editora FCA.  “Dreamweaver 8 - Depressa & Bem”, Hélder Oliveira, editora FCA.

 “Flash CS4 - Depressa & Bem”, Hélder Oliveira, editora FCA.

Websites consultados

 Wikipedia Pt.wikipedia.org/wiki/Adobe_Dreamweaver Último acesso: 22/10/2011 Wikipedia  Pt.wikipedia.org/wiki/Adobe_Flash Último acesso: 22/10/2011  Wikipedia Pt.wikipedia.org/wiki/Adobe_Photoshop Último acesso: 22/10/2011  Via-rapida publicidades http://www.via-rapida.pt/flashsite/splash.html Último acesso: 17/08/2011  Marca sublime http://www.sublime-cortinas.com/empresa.php Último acesso: 25/08/2011