Escola Básica e Secundária de Salvaterra de Magos

Relatório Crítico

Prova de Aptidão Profissional

Daniela Braga

Ricardo Caires

Curso Profissional Técnico de Multimédia

12ºI, Nº4

12ºI, Nº21

Salvaterra de Magos

Junho de 2019

Daniela Braga

Ricardo Caires

Curso Profissional Técnico de Multimédia

12ºI, Nº4

12ºI, Nº21

Sumário:

Relatório das atividades do Projeto Design

de Site e vídeo sobre ajuda aos problemas na

adolescência, desenvolvido como requisito parcial

dos módulos curriculares, supervisionado pelas

Professoras Fátima Ferreira, Alice Pereira e Teresa

Fazenda, do curso Profissional Técnico de

Multimédia.

Salvaterra de Magos

Junho de 2019

AGRADECIMENTOS

No decorrer do nosso projeto, obtivemos a ajuda de algumas pessoas que foram

importantes para a realização do mesmo.

Queremos agradecer aos nossos colegas, Afonso Cardoso, Cátia Monteiro e Ivo

Camacho por terem sido os modelos para a foto da página inicial. O Ivo auxiliou-nos

ainda na concretização do vídeo.

Aos nossos familiares, que sempre se demonstraram prestáveis e nos deram o apoio

necessário para que nunca desistíssemos do nosso objetivo, um agradecimento muito

especial.

Deixamos também o nosso agradecimento à Direção da Escola Básica e Secundária de

Salvaterra de Magos, que nos forneceu algum do material necessário para que as

filmagens e gravações de áudio fossem concretizadas e por último, mas não menos

importante, a todos os professores que, desde o início e não só nesta fase, foram

imprescindíveis, pois graças a eles conseguimos chegar até aqui, superando todas as

dificuldades da melhor forma possível.

ÍNDICE

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

Desenvolvimento........................................................................................................................................................... 2

Metodologia Projetual ........................................................................................................................................... 2

Site.................................................................................................................................................................................... 2

Estrutura do site .................................................................................................................................................. 2

Produção do Site ....................................................................................................................................................... 8

Ferramentas Usadas .......................................................................................................................................... 9

Vídeo ............................................................................................................................................................................... 9

Estrutura do vídeo .............................................................................................................................................. 9

Personagens........................................................................................................................................................... 9

Cenário ...................................................................................................................................................................10

Softwares utilizados .........................................................................................................................................10

Conceção da ideia ...................................................................................................................................................10

Logótipo ......................................................................................................................................................................11

Criação do logótipo ..........................................................................................................................................11

Inspiração: ............................................................................................................................................................11

Logótipo final: .....................................................................................................................................................12

Ferramentas Usadas ........................................................................................................................................12

Explicação do logótipo ...................................................................................................................................12

Problemas na adolescência ..........................................................................................................................13

Explicação do vídeo .........................................................................................................................................13

Testemunho .........................................................................................................................................................13

Produção e edição do vídeo .........................................................................................................................13

Conclusão ........................................................................................................................................................................15

Webgrafia ........................................................................................................................................................................16

1

INTRODUÇÃO

Este trabalho constitui o nosso Projeto de Aptidão Profissional e trata-se de uma

proposta de design para um site informativo e de ajuda à resolução de problemas na

adolescência, assim como de um vídeo com um testemunho real.

Através do vídeo, um meio cuja linguagem audiovisual é essencial para captar a atenção

do possível espectador pelo apelo que efetua aos diversos sentidos, pretendeu-se alertar

para os problemas na adolescência e disponibilizar informação através de um site para

que os jovens possam consultar e procurar ajuda para a resolução dos diversos

problemas que os assolam, nomeadamente com ajuda técnica de psicólogos dentro da

sua escola ou na sua localidade.

O testemunho será recriado por dois jovens que supostamente sofreram de alguns

problemas na adolescência. Com o arrastar desses problemas ao longo do tempo, os

jovens entraram em depressão, forçando-os a procurar ajuda. O intuito é captar a

atenção do maior número de espectadores possível, uma vez que todos podemos passar

por esses problemas, sejam crianças ou adultos, homens ou mulheres.

O nosso projeto destina-se essencialmente à comunidade escolar, sobretudo aos jovens.

Tem como objetivos divulgar os diferentes problemas vividos na adolescência,

sensibilizar o público-alvo, informar as pessoas que sofrem de como e onde poderão

obter ajuda e também para que o público em geral que, de uma forma ou de outra, possa

ter uma relação de proximidade com alguém que necessite de ajuda, tendo a

possibilidade de se informar sobre os problemas mais usuais dos adolescentes nos dias

de hoje e também de como os resolver.

2

DESENVOLVIMENTO

METODOLOGIA PROJETUAL Na metodologia projetual, seguimos alguns tópicos que nos levaram até ao produto

final, sendo esses a pesquisa, desenvolvimento de estratégias para o projeto para um site

e para o vídeo, criação do guião técnico, definição dos personagens, enquadramento,

etc.

SITE

Estrutura para a proposta do site O site constará de um total de 13 páginas, são elas:

Barra de controlo: Está insererida ao longo de todo o site e nele encontram-se o

logótipo, assim como, quatro botões que redirecionam às diferentes abas, projeto,

ajuda, sobre nós e contacto.

Página inicial: Imagem de fundo (capturada e editada por nós), texto de boas vindas,

nome do nosso projeto e botão saber mais.

Projeto: Breve texto explicativo sobre o projeto e sobre o vídeo.

Ajuda: Onde se podem encontrar uma listagem de psicólogos e algumas dicas sobre

resolução de problemas mais gerais e, quando se passa com o rato por cima de cada

uma das imagens, a mesma passa para amarelo onde estará um ícone (+) que ao

clicar-se e aparece a informação direcionada para cada um dos temas.

Psicólogos: Encontra-se um mapa de Portugal e nele poderíamos escolher o nosso

distrito para depois sermos direcionados para a listagem de psicólogos educacionais e

psicólogos clínicos em exercício e respetivos contactos para que estes possam ser

utilizados na página do contacto.

Psicólogos Educacionais: Caso sejamos estudantes, há a possibilidade de podermos

selecionar a escola onde estamos inscritos. Depois de escolhermos a escola aparece-

nos a lista dos psicólogos disponíveis e os respetivos contactos. A ideia é podermos

contactar o psicólogo disponível.

3

Psicólogos Clínicos: Nesta opção encontram-se os psicólogos do distrito e os

respetivos contactos para também podermos utilizar o respetivo formulário para os

contactar.

Dicas: Aqui encontramos números das linhas de apoio a que se podem recorrer e os

respetivos horários de atendimento. Também se encontra uma galeria com prints do

instagram com dicas de hashtags para podermos visitar.

Sobre Nós: Nesta página encontra-se uma breve descrição sobre quem somos e

como chegamos ao nosso projeto final. Encontram-se também as fotos dos criadores

(Daniela Braga e Ricardo Caires) e as nossas respetivas redes sociais.

Contacto: Neste separador irão estar caixas de texto que serão preenchidas com o

nome e email do remetente, o destinatário (email do psicólogo que queremos

contactar) e a mensagem que desejamos enviar. Nesta opção o remetente pode optar

por anonimato ou não, podendo então colocar apenas o email.

4

5

6

7

8

PRODUÇÃO DO SITE Para o layout do site, optamos por desenvolvê-lo no Adobe Illustrator Cs5 e começamos

por criar os ArtBoards, definir a estrutura do mesmo e controlar a visão geral de todas

as páginas. Fomos criando o layout de acordo com a nossa imaginação e colocando os

vários elementos para que o conjunto resultasse apelativo. A escolha da cor amarela

(#eef023) corresponde ao mesmo amarelo utilizado no logótipo, porque é uma cor que

associamos à psicologia. Optamos por uma cor neutra, o cinzento-escuro (#212023),

para que ficasse com um aspeto mais sóbrio e transmitisse confiança. As cores foram

todas utilizadas de acordo com o tema do nosso projeto e de modo a que fosse ao

encontro dos temas abordados.

Para a página inicial colocámos uma fotografia de um grupo de jovens, capturada e

editada por nós, com a colaboração de alguns colegas nossos. A imagem foi editada

adicionando-lhe um desfoque, assim como, mais luz e contraste. Na página do

“Projeto”, colocámos uma caixa, na qual se encontram dois retângulos que formam um

ângulo de 90º, posicionados no canto superior esquerdo e no canto inferior direito, com

um breve resumo sobre em que consiste o nosso trabalho. Ao lado encontra-se um

espaço onde irá estar o vídeo de apoio ao site. Na página de “Ajuda” está um ícone,

feito com um meio círculo e um círculo completo para o qual usámos a ferramenta

pathfinder, que abre o PopUp dos “Psicólogos”, e outro ícone resultante da articulação

entre dois círculos e dois triângulos também com o recurso ao pathfinder. Também se

abre o PopUp das “Dicas”, e quando passamos com o rato, mudam de cor. De seguida,

9

na PopUp dos “Psicólogos” foi inserido um mapa, onde nos permite escolher o nosso

distrito. O mapa foi vetorizado de modo a que ficasse com os distritos separados.

Depois de escolhido podemos então selecionar as opções para os psicólogos das

vertentes, escolar ou clínicos e podemos também obter o contacto telefónico e endereço

de correio eletrónico de cada um deles. No PopUp das “Dicas”, encontramos números

de ajuda e os respetivos horários, assim como, uma galeria com dicas no Instagram para

quem quiser visitar.

Já na página “Sobre Nós”, existe um pequeno resumo de como surgiu este projeto e as

fotografias dos seus criadores e as respetivas redes sociais.

Por último, nos “Contactos” colocamos uma imagem do mundo, para transmitir a ideia

de que existem problemas em todo o mundo, embora, o site se destine apenas para o

nosso país.

Ferramentas Usadas Para a realização do site usamos várias ferramentas, são elas:

Selection e Direct Selecion Tool (seleção), Type Tool (texto), Pen Tool (vectorização do

mapa, figuras e ícones das redes sociais). Forms Tools (formas), Paint Brush Tool

(pintura), Lines, Align, Pathfinder e Tranform.

VÍDEO

Estrutura do vídeo O vídeo retrata os problemas em comum entre dois jovens e irá intercalando excertos da

imagem de um rosto de rapariga e outros excertos de um rosto de rapaz, sempre em

plano aproximado. Muitas vezes aparecem as duas imagens recortadas em simultâneo,

revelando a parte inferior do rosto com ênfase na boca de um e a parte superior do rosto

do outro, enfatizando os olhos para que dê a perceber que a história se adequa a ambos.

A história centra-se numa experiência de vida, passada pelas nossas personagens (com

nome fictício) que partilham o seu testemunho relatando o que passou na sua infância e

adolescência.

Personagens As nossas personagens são um rapaz e uma rapariga que sofreram de problemas na

adolescência e que nos vão contar a sua história e como superaram tudo isso, mas que

10

por motivos pessoais não quiseram revelar a sua identidade e por isso decidimos ser nós

a assumir o papel de atores e dar vida aos personagens.

Cenário O cenário resume-se a uma parede branca de modo a não causar distrações e a focar-nos

apenas na história. Esta é contada em simultâneo com os dois personagens a falar ao

mesmo tempo, intercalando as duas histórias semelhantes.

Softwares utilizados Gantt – Onde foi estabelecida toda a calendarização, metas e tarefas.

Microsoft Word – Onde escrevemos o guião/roteiro e o relatório.

Adobe Ilustrator – Onde fizemos o layout do site.

Adobe Première - Onde editámos o vídeo.

CONCEÇÃO DA IDEIA A escolha do tema do projeto surgiu de um dos membros do grupo (Ricardo Caires),

que sugeriu fazer algo relacionado com os problemas na adolescência, o que incomoda

os jovens e quem os rodeia. Para a resolução destes problemas na adolescência, não

existe muita partilha de informação, de como os ultrapassar e como obter ajuda.

Decidimos então criar o layout para um site informativo de ajuda a adolescentes.

Ambos, concordámos com a ideia, decidimos que para além do site também seria

enriquecedor, para o nosso projeto, criarmos um vídeo com o intuito de fazer chegar a

um público mais abrangente a mensagem de que há problemas sérios na adolescência,

mas que é possível ultrapassá-los com ajuda.

Depois de determinarmos o problema e acordarmos a ideia, partimos para a fase de

pesquisa. Nesta fase, pesquisámos sobre as várias tipologias de projeto. Visto que

tínhamos como ideia a concretização de um site e a realização de um vídeo, debruçamo-

nos numa pesquisa e análise das diferenças entre sites, acabando, assim, por retirar

ideias e definirmos como iríamos fazer o site de maneira a apresentarmos uma proposta

inovadora e diferente dos sites encontrados na nossa pesquisa.

11

LOGÓTIPO

Criação do logótipo Propostas:

Inspiração:

A inspiração do logótipo surgiu da pesquisa de formas simples e orgânicas que

transmitissem a ideia do desabrochar, do amadurecer, ir do botão para a flor, pois

consideramos que quando encontramos soluções que nos ajudam a livrarmo-nos de

problemas, parece que crescemos e nos tornamos mais livres.

12

Logótipo final:

Estudos de cor:

Ferramentas Usadas Na realização do logótipo utilizámos algumas ferramentas do Adobe Photoshop Cs5,

são elas:

Ferramenta de texto, Conta-gotas, Pincel, Borracha, Balde de Tinta, Formas e Pen Tool.

Explicação do logótipo Para o logótipo quisemos transmitir segurança e confiança através da cor azul (#232f51)

e através da cor amarela (#f0e700) destacamos a energia e a alegria. A forma é inspirada

numa flor de lótus, porque quando anoitece ela submerge e fecha-se, ficando debaixo de

água até ao dia nascer em que ela volta a florescer, o que consideramos uma analogia ao

nosso site, cujo objetivo consiste em que a pessoa com a ajuda adequada ultrapassa o

problema que está a enfrentar.

Escolhemos “SOSTeen” porque é um projeto de ajuda direcionado a adolescentes e

colocamos em inglês para que se tornasse mais chamativo, optamos por colocar os E’s

virados um para o outro, porque como o site é informativo e de ajuda a problemas na

adolescência, assim dá a entender que estão duas pessoas a falar uma com a outra.

13

Problemas na adolescência No nosso projeto vamos focar-nos mais na temática da depressão, porque a nosso ver

este será um dos problemas menos abordados e queremos que a sociedade seja alertada

para esse tabu que tem sido desvalorizado.

Queremos que se perceba que muitas das vezes a junção de muitos problemas que a

pessoa passa ao longo do tempo é que geram um dos maiores e mais difícil problema, a

depressão.

Explicação do vídeo O vídeo retrata o testemunho de dois jovens que sofreram de problemas na adolescência

e que devido a isso foram diagnosticados com depressão.

A história é contada por dois jovens, substituindo a ideia inicial, não aprovada, em que

apenas apareciam umas mãos a desenhar enquanto o testemunho se ouvia em voz off. A

história será breve e intercalada pelas palavras, falas e imagens dos dois jovens, para

alertar que não são os únicos com problemas, que todos podem passar por isso e, com

ajuda, todos poderão ultrapassar esses mesmos problemas.

Testemunho O testemunho é verídico mas adaptado, para que a identidade não seja revelada. A

história é interpretada por um rapaz e uma rapariga para que dê a entender que situações

como esta podem acontecer em ambos os sexos.

As personagens falam sobre tudo o que os fez sofrer durante a infância em casa e mais

tarde na escola, relatando também como conseguiram ultrapassar esses momentos

difíceis e que tipos de apoio obtiveram.

É uma história breve para que não se torne maçadora para os espectadores. O nosso

intuito é alertar para os problemas e sem aborrecer quem está a assistir.

Produção e edição do vídeo A captura de imagens de vídeo foi efetuada com a câmara Canon EOS1100D e

posteriormente editadas por segmentos no programa Adobe Première Cs5.

14

O vídeo tem cerca de 1min e 35seg e foram utilizadas as ferramentas, Razor Tool para

os cortes e Speed Duration a 200% para a velocidade na introdução nos takes das

sombras. Para o áudio, nas falas da “Ana” usamos o Audio Gain para aumentar 3dB do

volume e, ao longo do vídeo, há palavras-chave apresentadas como forma de destaque.

O tipo de letra usado foi o Arial. Como música de fundo escolhemos o instrumental “A

Sad Orchestral String Story”, sem direitos autorais. Os efeitos usados foram, Audio

Gain a menos 22 dB. Escolhemos esta música para enfatizar a tristeza.

15

CONCLUSÃO

Com este projeto, para além de transmitirmos uma mensagem importante para toda a

sociedade que de uma forma ou de outra se encontra ligada ao tema abordado, que são

os problemas na adolescência, podemos transmitir também alguns dos saberes que

adquirimos ao longo dos três anos de curso.

Conseguimos concluir o nosso projeto alcançando os objetivos que tínhamos estipulado

inicialmente, mesmo com as alterações sugeridas, ultrapassando as dificuldades

encontradas ao longo do percurso. Pensamos assim, que com este projeto podemos

contribuir para a resolução de um problema que atinge muitos jovens que veem a

depressão como um estigma e desmistificar a ideia que psicólogos são só para

“malucos” e que é importante recorrer a técnicos especializados e com competência

para solucionar os problemas. O nosso objetivo é contribuir para que a mentalidade das

pessoas seja mais recetiva.

Foi ainda uma oportunidade para explorarmos ferramentas e abrir sobretudo novos

caminhos para novas oportunidades também a nível do mundo do trabalho, onde

futuramente nos iremos inserir.

16

WEBGRAFIA

Observatório infanto-juvenil - http://www.adcl.org.pt/observatorio/servicos.php?titulo=Linhas

Vivendo a adolescência - http://www.adolescencia.org.br/site-pt-br/adolescencia

JW.Org - https://www.jw.org/pt/ensinos-biblicos/adolescentes/

ANEXOS

Gantt

Calendarização das atividades realizadas ao longo do projeto.

Guião

Guião Literário

Texto do testemunho.

Dado o testemunho resolvemos colocá-lo de maneira a que fosse mais fácil as personagens lerem.

Guião Técnico

Guião para o vídeo.

Logótipo

Esboço do logótipo, significados e cores escolhidas.

Projeto para o Site

Imagem para a página inícial do site.