tiago miguel casegas gusmão esteves de...

23
Tp E 1 dalGuarda Escola Superior de Tecnologia e GesLflo RELATÓRIO DE ESTÁGIO Curso de Especialização Tecnológica em Desenvolvimento de Produtos Multimédia Tiago Miguel Casegas Gusmão Esteves de Carvalho novembro 1 2016

Upload: others

Post on 24-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

TpE 1 dalGuardaEscola Superiorde Tecnologia e GesLflo

RELATÓRIO DE ESTÁGIO

Curso de Especialização Tecnológica

em Desenvolvimento de Produtos Multimédia

Tiago Miguel Casegas Gusmão Esteves de Carvalho

novembro 1 2016

Page 2: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

Escola Superior de Tecnologia e Gestão

Instituto Politécnico da Guarda

RELATÓRIO DE ESTÁGIO

TIAGO MIGUEL CASEGAS GUSMÃO ESTEVES DE CARVALHO

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

TECNOLÓGICA EM DESENVOLVIMENTO DE PRODUTOS MULTIMÉDIA

(CET-DPM)

Novembro/2016

Gesp.010.02

Page 3: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

1

Ficha de Identificação

Nome do aluno: Tiago Miguel Casegas Gusmão Esteves de Carvalho

Número do aluno: 1011208

Curso: Curso de Especialização Tecnológica em Desenvolvimento de Produtos

Multimédia (CET-DPM)

Estabelecimento de ensino: Escola Superior de Tecnologia e Gestão (ESTG) do

Instituto Politécnico da Guarda (IPG)

Docente orientador de estágio da ESTG: Dr. Celestino Pereira Gonçalves

Instituição de estágio: Câmara Municipal de Manteigas.

Logótipo da instituição:

Morada: Rua 1.º de Maio

Código - postal: 6260-101 Manteigas

Horário de funcionamento: 9:00h / 12:30h

14:00h / 17:30h

Duração do estágio: 400 horas

Data de Início do Estágio Curricular: 02/11/2016

Data de Fim do Estágio Curricular: 05/02/2016

Supervisor na Entidade de Acolhimento: Luís Domingos

Page 4: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

2

Ficha técnica

Editor / Proprietário: N/A

Diretor: Presidente da Câmara José Manuel Custódia Biscaia

Diretor Adjunto: Vice-Presidente José Manuel Saraiva Cardoso

Editor Multimédia: N/A

Gabinete Editorial: N/A

Apoio Técnico: N/A

Sede de Redação: Sede Câmara Municipal - Manteigas

Contactos: [email protected]

Publicidade: N/A

Distribuição: N/A

Morada: Rua 1.º de Maio, 6260-101 Manteigas

Telefone: 275 980 000

Fax: 275 982 092

e-mail: geral @cm-manteigas.pt

Presidente da Direção: Presidente da Câmara José Manuel Custódia Biscaia

Departamento de Comunicação: Miguel Serra

[email protected]

Departamento de Informática: Luis Domingos

[email protected]

Page 5: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

3

Plano de estágio Município de Manteigas – Serviço de Informática e Telecomunicações

Cronograma das tarefas a desenvolver

meses/semana novembro dezembro janeiro

tarefas 1 2 3 4 1 2 3 4 1 2 3 4

Conhecimento da estrutura orgânica municipal e

funcionamento do serviço de Informática e

Telecomunicações

Familiarização com o backoffice do portal Municipal e

restantes sites do município

Publicação e edição de conteúdos no portal do

Município de Manteigas e restantes sítios web do

município de Manteigas

Edição digital de cartaz de eventos e outras atividades

Devido ao horário semanal ser de 35 horas (uma média de sete horas diárias), o

estágio teve de ser prolongado até 5 de fevereiro, no qual foi continuado o trabalho na

última tarefa listada no plano de estágio.

Page 6: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

4

Índice

Ficha de Identificação……………………………………………..……………………..1

Ficha técnica ………………………………………….…………………………………2

Plano de Estágio………………………………………….……………...……..………..3

Índice…………………………………………………………………………………….4

Índice de Figuras………………………………………………………………………...5

Introdução………………………………………………………………………………..6

Caraterização da Câmara Municipal de Manteigas………………………………….…..7

Atividades Realizadas no Estágio………………………………………………….……8

Panfleto “Maus tratos a animais de companhia”……………………………………....8

Ícones para o site da Câmara Municipal……………………………………………...14

Fazer uma sugestão de um logotipo natalício da Câmara Municipal………………...18

Preparar sugestões para o calendário do ano de 2016…………………………………18

Ajudar na preparação da exposição fotográfica……………………….……………...18

Outras atividades realizadas no estágio…………………………….………………...18

Software utilizado……………………………………………………………..………..19

Conclusão………………………………………………………………………………20

Bibliografia……………………………………………………………………………..21

Page 7: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

5

Índice de Figuras

Figura Página

Figura 1 – O ponto de partida ........................................................................................... 8

Figura 2 – Resultado final ................................................................................................ 8

Figura 3 – Seleção de imagens a serem apagadas ou modificadas ................................... 9

Figura 4 – Edição do título do folheto em questão ........................................................... 9

Figura 5 – Alteração do esquema de cores para algo mais relacionado com o tema ..... 10

Figura 6 – Seleção da cor e edição da mesma ................................................................ 10

Figura 7 – Adição de pontos de marcação apropriados ao tema em questão ................. 11

Figura 8 – Substituição e ajuste do texto do folheto para o texto pretendido ................ 11

Figura 9 – Importação de imagens para a ferramenta PowerClip .................................. 12

Figura 10 – Segundo passo para executar o PowerClip ................................................. 13

Figura 11 – Estádio final do folheto ............................................................................... 13

Figura 12 – Imagem original .......................................................................................... 14

Figura 13 – Seleção das áreas a mudar (Parte 1) ............................................................ 14

Figura 14 - Seleção das áreas a mudar (Parte 2)............................................................. 15

Figura 15 – Mudança de cor para o efeito pretendido .................................................... 15

Figura 16 – Substituição do símbolo da moeda para o símbolo pretendido (1º passo) .. 16

Figura 17 - Substituição do símbolo da moeda para o símbolo pretendido (2º passo) ... 16

Figura 18 - Substituição do símbolo da moeda para o símbolo pretendido (3º passo) ... 17

Page 8: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

6

Introdução

O meu estágio foi realizado na Câmara Municipal de Manteigas.

Foi proposto fazer ao longo do estágio diversos trabalhos para divulgar atividades

da Câmara, nomeadamente cartazes e panfletos, bem como a organização do site da

Câmara e a colaboração na preparação de eventos relacionados com a multimédia. A

minha função foi fazer cartazes, que mais tarde eram avaliados, para distribuição e

adicionar/organizar diversos documentos no site da Câmara para consulta dos

utilizadores. As ferramentas que foram usadas durante o estágio foram o Adobe

Photoshop 2015 (versão de teste) e CorelDraw X3 graphics suite para trabalhar as

imagens e para trabalhar no site usei o browser Google Chrome.

Neste estágio também fiz um calendário a partir de modelos de anos anteriores, no

qual usei o CorelDraw e um slideshow sobre erros que podem acontecer no escritório,

para o qual utilizei PowerPoint.

Para este estágio apliquei os conhecimentos que adquiri e aprendi no curso,

incluindo os que me ensinaram no decorrer do estágio.

Page 9: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

7

Caraterização da Câmara Municipal de Manteigas

A Câmara Municipal de Manteigas gere o Município de Manteigas no seu todo,

nomeadamente serviços de apoio social, eventos, organização de obras,

saneamento, entre outros.

Possui um site com informações relativas ao Município, no qual se podem

consultar as atualizações de diversos temas relacionados com o Município. O

endereço do site é cm-manteigas.pt/, no qual está presente um pequeno filme

relacionado com o Município, informações sobre orçamento, habitação e atas das

diversas reuniões da Câmara.

Devido ao Município ser dos mais pequenos a nível nacional, a caracterização da

Câmara também é pequena, sendo os seus pontos fortes o apoio a atividades

desportivas, o turismo e o investimento na região.

Page 10: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

8

Atividades Realizadas no Estágio

Em grande parte das atividades que fiz durante o estágio apliquei diversos conhecimentos

que aprendi durante o curso, entre os quais está o “método de aplicação de cores”.

Este “método” em si é bastante simples, mas para alguém que tem um gosto de cores

questionável – como o meu caso – esta lição ajudou bastante o meu trabalho. Uma

definição simples para este “método” é a aplicação de uma ou diversas cores de maneira

a que, quando presentes na mesma imagem causem uma determinada sensação ou de

alguma maneira chamem a atenção para quem olha.

Panfleto “Maus tratos a animais de companhia”

Um exemplo do trabalho que fiz durante o estágio na Câmara Municipal de Manteigas

foi o folheto relativo a maus tratos de animais de companhia.

As imagens em baixo são o folheto que usei como base:

O resultado final:

Figura 1 – O ponto de partida

Figura 2 – Resultado final

Page 11: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

9

Como fazer:

Apagar todas as imagens do folheto (com exceção dos logótipos das entidades).

Mudar o título em ambas as páginas (neste caso, o título foi encurtado na página

1 para apenas maus tratos):

o Notar que o título é constituído pela sobreposição de duas caixas de texto,

uma com o título a branco e outra com o título a preto.

Figura 4 – Edição do título do folheto em questão

Figura 3 – Seleção de imagens a serem apagadas ou modificadas

Page 12: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

10

Figura 5 – Alteração do esquema de cores para algo mais relacionado com o tema

Mudar a cor de fundo das páginas para algo que ajude a destacar o tema em

questão, cores “alegres” / vivas não têm grande uso num tema como “Maus tratos”

Neste caso optei por uma pequena derivação da cor púrpura (cor customizada) para as

zonas mais escuras e uma cor púrpura pálido (paleta de cores padrão) para as zonas mais

claras:

Figura 6 – Seleção da cor e edição da mesma

Page 13: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

11

Através de uma pesquisa no google encontrei os pontos que usaria nas listas

Figura 7 – Adição de pontos de marcação apropriados ao tema em questão

Editar o texto em ambas as páginas:

Figura 8 – Substituição e ajuste do texto do folheto para o texto pretendido

Está quase terminado, mas agora falta a adição de imagens para o folheto. Têm de ser

imagens que chamem a atenção para o tema, mas não devem ser chocantes demais, afinal

não serão apenas adultos a verem o folheto.

Page 14: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

12

Usando as formas mais básicas (elipses, retângulos, etc.) é possível fazer alguns

efeitos com a ferramenta PowerClip

o Primeiro importar a imagem a ser usada

Figura 9 – Importação de imagens para a ferramenta PowerClip

Depois desenhar a forma desejada para a representação da imagem e aplicação do

PowerClip à forma desejada:

o Selecionar a imagem e usar a opção PowerClip na forma desejada.

Page 15: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

13

Figura 10 – Segundo passo para executar o PowerClip

O programa vai mudar a perspetiva de maneira a que se possa editar o posicionamento e

tamanho da imagem dentro da forma.

Figura 11 – Estádio final do folheto

E assim, usando estes meios, o folheto está terminado.

Page 16: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

14

Ícones para o site da Câmara Municipal

Durante o meu estágio foi-me pedido que tratasse de arranjar novos ícones para as

diferentes áreas do site (finanças, arquivo, águas, entre outros). Este é um exemplo de

como modifiquei os ícones de maneira que pudessem ser usados no site da Câmara:

A imagem inicial de um ícone que se pretende alterar.

Figura 12 – Imagem original

Para tal, usamos a ferramenta para selecionar a área da imagem. Para facilitar, premir a

tecla SHIFT enquanto se selecionam as áreas em causa permitirá ter diversas áreas

selecionadas sem que estas estejam interligadas.

Figura 13 – Seleção das áreas a mudar (Parte 1)

Page 17: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

15

De seguida usando a ferramenta de pincel, substitui-se a cor da imagem para a cor

desejada.

Figura 14 - Seleção das áreas a mudar (Parte 2)

Este deverá ser o aspeto esperado da substituição da cor:

Figura 15 – Mudança de cor para o efeito pretendido

Page 18: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

16

Removendo a seleção vai permitir que se pinte por cima do símbolo da moeda em questão.

Figura 16 – Substituição do símbolo da moeda para o símbolo pretendido (1º passo)

Usando a ferramenta de texto podemos colocar o símbolo da moeda desejada (neste caso

o Euro €). Ter a caixa de texto centrada o máximo possível vai facilitar a colocação do

símbolo. Não esquecer de colocar o texto centrado.

Figura 17 - Substituição do símbolo da moeda para o símbolo pretendido (2º passo)

Page 19: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

17

Este é o resultado final. Se tal for desejado, pode-se selecionar a camada “Plano de

Fundo” e pressionando a tecla DELETE, a imagem ficará com um fundo transparente.

Figura 18 - Substituição do símbolo da moeda para o símbolo pretendido (3º passo)

Não esquecer que ao guardar a imagem em formato JPEG vai colocar a imagem com um

fundo branco. Para guardar a imagem sem fundo, deve ser usado o formato PNG.

Page 20: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

18

Logotipo natalício para a Câmara Municipal

Neste trabalho tive que fazer sugestões do logotipo da Câmara Municipal para o

Natal. Foi um trabalho realizado num espírito competitivo com o orientador de estágio.

Para este trabalho usei o CorelDraw.

Sugestões para o calendário do ano de 2016

Através de calendários de anos anteriores, tive que preparar três sugestões para o

calendário de 2016, usando como fundo as fotografias demonstradas na exposição.

Para tal, foram-me disponibilizadas três fotografias previamente selecionadas.

Usando o CorelDraw, tive que fazer os calendários não só de maneira a que a fotografia

pudesse ser apreciada, mas também de maneira a que o calendário pudesse ser facilmente

usado.

Organização de exposição fotográfica

Esta atividade foi a única onde não tive que usar um computador para fazer tudo.

Nesta atividade tive que ajudar a preparar a exposição fotográfica, nomeadamente:

calibrar os microfones e sistemas de áudio e ajudar a calibrar os retroprojetores.

Esta atividade destacou-se a nível pessoal, pois ensinou-me que num curso de

multimédia nem tudo gira à volta do trabalho num computador e que a multimédia requer

uma boa dose de trabalho de “campo”.

Outras atividades

Reorganização das atas da Câmara Municipal e da Assembleia Municipal: Mudar o

nome dos ficheiros para um estilo padrão, organizar atas desde o ano de 1994 (mil

novecentos e noventa e quatro) e colocar as atas no site.

Fazer um slideshow sobre erros que acontecem frequentemente no escritório. Nesta

atividade usei o PowerPoint.

Fazer um poster sobre consumo de energia. Para esta atividade usei o PhotoShop.

Fazer um cartaz para uma atividade intitulada “Trilhos dos direitos da criança”. Usei o

CorelDraw.

Fazer convites para a exposição de lanifícios organizada pela Câmara. Usei o CorelDraw

na realização desta atividade.

Page 21: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

19

Software utilizado:

Adobe Photoshop 2015 (versão de teste): Programa usado para desenhar ou editar

imagens. Permite uma edição de imagens melhor que o Paint da Microsoft.

Corel Draw Graphics Suite X3 (CDR format): Semelhante ao Adobe Photoshop, o

Corel Draw permite edição e criação de diversas imagens, panfletos, entre outras coisas.

Para utilizar este programa tive que recorrer a tutoriais no Youtube, devido a não haver

um manual disponível na altura. Este programa não foi utilizado nas aulas.

Microsoft Office 2015/2016: Conjunto de programas utilizados para a criação de

documentos.

Paint: Ferramenta do Windows usada para desenhar ou editar imagens.

Google Chrome: Programa de acesso à Internet (Internet Browser).

Windows Movie Maker: Ferramenta do Windows que permite criar filmes a partir de

fotografias. Permite também a adição de legendas às imagens usadas no filme.

Page 22: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

20

Conclusão

Neste estágio apliquei os conhecimentos que adquiri nas aulas e no estágio aprendi

ainda mais.

Através deste estágio compreendi como é o mundo do trabalho, contribuindo assim

para um enriquecimento pessoal e profissional.

Os trabalhos propostos foram realizados dentro das expetativas, surgiram algumas

dificuldades que foram superadas com esforço, dedicação, empenho e com muito

trabalho.

Com o apoio do supervisor do meu estágio na Câmara Municipal, consegui superar

as dificuldades que encontrei no meu trabalho.

O objetivo do meu estágio foi compreender o mundo do trabalho. O estágio foi

muito importante para o meu futuro profissional e pessoal.

Page 23: Tiago Miguel Casegas Gusmão Esteves de Carvalhobdigital.ipg.pt/dspace/bitstream/10314/4248/1/Tiago... · 1 Ficha de Identificação Nome do aluno: Tiago Miguel Casegas Gusmão Esteves

21

Bibliografia

Tutoriais sobre Corel Draw para iniciantes (playlist com cinquenta vídeos):

https://www.youtube.com/playlist?list=PL88hC5WbAVudev9Gdgfy7vNrdUfJ5lEFP

Tutoriais sobre Adobe Photoshop (playlist com trinta vídeos):

https://www.youtube.com/playlist?list=PLD19BCF9D57320E03

A última visualização dos tutoriais foi a: 13 de Novembro de 2015 (tutoriais relativos ao

programa Corel Draw) e 5 de Janeiro de 2016 (tutoriais relativos ao programa Photoshop).