escola básica e secundária de salvaterra de...
TRANSCRIPT
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.