relatÓrio crÍtico prova de aptidão...
TRANSCRIPT
RELATÓRIO CRÍTICO
Prova de Aptidão Profissional
Fábio Miguel Ferreira Oliveira
Curso Profissional Técnico de Multimédia
12ºJ Nº6
Salvaterra de Magos
Junho de 2018
Escola Básica e Secundária de Salvaterra de Magos
Fábio Miguel Ferreira Oliveira
Curso Profissional Técnico de Multimédia
12ºJ Nº6
SUMÁRIO
Relatório das atividades do Projeto "Como
utilizar um PC", desenvolvido como requisito
parcial dos módulos curriculares, supervisionado
pelos professores Patrício Oliveira e Maria João
Lucas, no Curso Profissional Técnico de
Multimédia.
Salvaterra de Magos
Junho de 2018
Escola Básica e Secundária de Salvaterra de Magos
Agradecimentos
Gostaria de agradecer de uma forma geral aos meus colegas, professores, familiares e
todas as outras pessoas que me apoiaram ao longo deste percurso.
Escola Básica e Secundária de Salvaterra de Magos
Índice
RESUMO ............................................................................................................................................. 4
ABSTRACT ........................................................................................................................................... 5
INTRODUÇÃO ..................................................................................................................................... 6
DESENVOLVIMENTO ........................................................................................................................... 8
CONCEÇÃO ................................................................................................................................................. 8 PESQUISA ................................................................................................................................................... 8 CALENDARIZAÇÃO ........................................................................................................................................ 8 PRODUÇÃO ................................................................................................................................................. 9
......................................................................................................................................................... 16
......................................................................................................................................................... 16
DESIGN .................................................................................................................................................... 16
CONCLUSÃO ..................................................................................................................................... 18
WEBGRAFIA ...................................................................................................................................... 19
ANEXOS ............................................................................................................................................ 21
Escola Básica e Secundária de Salvaterra de Magos
Índice de Figuras
Figura 1 - Slide com título .............................................................................................. 10
Figura 2 - Apresentação e introdução ............................................................................. 10
Figura 3 – Como ligar o computador .............................................................................. 11
Figura 4- Ligar do computador ....................................................................................... 11
Figura 5 - Como ligar o monitor ..................................................................................... 11
Figura 6 - Como ligar o monitor 2 ................................................................................. 12
Figura 7 - Conclusão da abertura do computador 1 ........................................................ 12
Figura 8 - Conclusão da abertura do computador 2 ........................................................ 12
Figura 9 - Conclusão da abertura do computador 3 ........................................................ 13
Figura 10 - Abertura do browser 1 .................................................................................. 13
Figura 11- Abertura do browser 2 ................................................................................... 13
Figura 12 - Encerramento do browser ............................................................................ 14
Figura 13 - Encerrar o computador 1 .............................................................................. 14
Figura 14 - Encerramento da animação .......................................................................... 15
Figura 15 - Encerramento da animação 2 ....................................................................... 15
Figura 16 - Encerramento da animação 3 ....................................................................... 15
Figura 17 - Encerramento da animação 4 ....................................................................... 16
Figura 18 - Encerramento da animação 5 ....................................................................... 16
Escola Básica e Secundária de Salvaterra de Magos
4
Resumo
Este relatório refere-se à Prova de Aptidão profissional (PAP) do Curso Profissional de
Multimédia constituído por uma animação em flash, cujo tema é “Como utilizar um
PC”. Esta animação tem como objetivo principal ajudar as crianças com idades
compreendidas entre os 3 e os 10 anos de idade, que iniciam nesta fase o seu contacto
com os computadores. Neste sentido, pretende-se através de um exemplo multimédia:
imagem em movimento, texto e som, explicar como utilizar corretamente um
computador.
Nesta base, utilizaram-se os seguintes softwares: Adobe Flash Professional CS5.5;
Adobe Photoshop CS5.1; Adobe Audition CS5.5 e Adobe Premiere Pro CC 2017.
Concluindo-se que o elemento texto contribui para o desenvolvimento de competências
de leitura e o componente áudio poderá complementar a compreensão da animação
pelas crianças do pré-escolar, evitando equívocos de comunicação.
Escola Básica e Secundária de Salvaterra de Magos
5
Abstract
This report refers to the Professional Competence Assessment (PCA) Professional
Multimedia course consisting of a flash animation, the theme is "how to use a PC". This
animation has the main objective of helping children aged between 3 and 10 years of
age, starting at this stage their contact with computers. In this sense, through
multimedia, moving image, sound and text explaining how to use a computer properly.
By using the following software: Adobe Flash Professional CS 5.5; Adobe Photoshop
CS 5.1; Adobe Audition CS 5.5 and Adobe Premiere Pro CC 2017, they would be able
to learn.
In conclusion, the text element contributes to the development of reading skills and the
audio component can complement the understanding of animation by children from
preschool.
Escola Básica e Secundária de Salvaterra de Magos
6
Introdução
No âmbito do Curso Profissional de Técnico de Multimédia e como instrumento de
avaliação, teríamos de desenvolver um projecto.
Assim, na minha PAP, optei por desenvolver uma animação cujo público-alvo são
crianças da faixa etária dos 3 anos aos 10 anos.
Deste modo, este relatório refere-se ao projeto de uma animação realizada com o
programa flash intitulada "Como utilizar um PC", com o intuito de ajudar as
crianças do pré-escolar e do primeiro ciclo do ensino básico sobre como utilizar
um computador e motivá-las para o uso e importância das novas tecnologias.
Esta ideia de projeto surgiu durante a formação em contexto de trabalho (F.C.T.) no
Centro Escolar de Salvaterra de Magos. Durante o contacto com esta faixa etária e ao
realizar tarefas elementares, como jogar um simples jogo, apercebi-me das dificuldades
das crianças em manusear o equipamento informático a nível de hardware,
principalmente o rato e os seus botões e respectivas funcionalidades. Assim, surgiu a
ideia de desenvolver uma série de animações para que as crianças pudessem colmatar as
dificuldades reconhecidas por mim. A animação desenvolvida, demonstra e explícita,
através de ilustrações exemplificativas, as etapas passo a passo: o ligar do computador,
ligar o monitor, abrir o browser, fechar o browser e desligar o computador.
A animação pretende que as crianças aprendam como se sentar em frente a
um computador, como ligar o mesmo, como utilizar/manusear o rato, como aceder aos
jogos e jogar de uma forma segura.
Neste sentido, os objetivos a atingir são:
Criar uma animação para as escolas com alunos do pré-escolar com mais de 3
anos, para ajudar as crianças a aprender a utilizar os computadores;
Iniciar a literacia informática das crianças; através deste tutorial e de outros a
elaborar no futuro;
Oferecer ao centro escolar do Agrupamento um recurso para ser utilizado pelos
responsáveis pelas TIC, aplicada às crianças destas idades;
Aplicar conhecimentos técnicos na área da animação 2D;
Escola Básica e Secundária de Salvaterra de Magos
7
Implementar um produto multimédia.
Por fim, pretendo que as crianças usem as novas tecnologias de forma segura e correta.
De modo, a que elas possam adotar uma postura correta enquanto utilizam as novas
tecnologias, jogar de forma segura e incentivá-las a reflectir sobre a importância das
tecnologias.
Além disso, pretendo que a minha animação possa estar acessível a todas as crianças de
todas as escolas de todo o país. Para atingir este objetivo, penso que esta animação
deveria estar disponivel online para que qualquer pessoa/estabelecimento que tenha
interesse em usufruir da mesma, tenha um acesso fácil e rápido.
Escola Básica e Secundária de Salvaterra de Magos
8
Desenvolvimento
Conceção
A ideia para este projeto surgiu durante a minha Formação em Contexto de Trabalho
(F.C.T.) ao observar as dificuldades das crianças em manipular o equipamento
informático, nomeadamente, proceder a ações simples como ligar e desligar
corretamente o computador, notei também, que elas tinham alguns problemas em
manusear o rato e os seus constituintes. Por isso, decidi criar esta ajuda visual e
auditiva, uma ferramenta multimédia que pretende ser um apoio pedagógico no que diz
respeito à aquisição de competências digitais primárias.
Pesquisa
Depois de terem sido definidos os objetivos e do pré-plano ser aprovado, comecei a
pensar sobre como o iria realizar. Inicialmente, foi feita uma pesquisa sobre o estado da
arte (cf. Anexo 1) e no sentido de tentar encontrar projetos que fossem iguais ou
diferentes daquele que eu tinha ideia de realizar e de forma a estabelecer uma
comparação e verificar a originalidade e pertinência dos produtos por mim idealizados.
Após esta fase, adaptei as minhas escolhas, adequando os objetivos do meu projeto.
Numa fase posterior, e tendo em conta o fator explicativo e tutorial dos conteúdos,
surgiu a ideia de definir as dimensões das áreas que deveriam ser utilizadas na
animação.
Seguidamente, foi criado o Anteprojeto (cf. Anexo 2), onde se colocou o tema, os
objetivos, uma descrição sumária e os recursos necessários à realização do mesmo, para
que este seguisse para o Conselho Pedagógico, a fim de passar pelo processo de
aprovação.
Depois de aprovado, foi definido um plano de ação das atividades que iria realizar e
foram apresentados trabalhos relacionados com a pesquisa e escolha do tema final.
Calendarização
Nesta fase, foi utilizado um programa denominado Gantt (programa onde podemos
aplicar o Diagrama de Gantt). Este Diagrama é um gráfico usado para ilustrar as
Escola Básica e Secundária de Salvaterra de Magos
9
diferentes etapas de um projeto e com ele podem ser organizadas, planificadas e
calendarizadas todas as fases do projeto, para que possam ser concluídas todas as tarefas
na data prevista. Assim, foi executado um Gantt Project, onde se colocou cada tarefa
(cf. Anexo 3), indicando uma data de início e uma data de conclusão, bem como uma
nota que as resumia. Menciona-se que, no decurso das atividades, fizeram-se alguns
ajustes à calendarização inicialmente prevista.
Produção
Antes de começar a organizar a montagem da animação, foi tido em consideração o
público-alvo deste projeto, que neste caso eram crianças entre os 3 e 10 anos de idade.
Este elemento condicionou o processo de comunicação, sendo devidamente adaptadas,
as decisões tomadas relativamente à utilização de texto, som, cores, posição das
personagens e objetos/imagens.
Neste sentido, depois de analisada a pesquisa e tendo em conta os objetivos definidos,
deu-se início à definição do layout da imagem de base, que serve o objetivo de ter uma
leitura visual intuitiva, facilitando a compreensão da mensagem e prender a atenção por
parte do público infantil.
Sendo um dos objetivos também, o desenvolvimento de competências de leitura pelos
mais novos, foi pensada a inclusão de uma mancha gráfica de texto, enquanto elemento
complementar à imagem e que acompanha a narração sonora.
Para além das duas componentes visuais referidas anteriormente, optou-se por adicionar
também a faixa sonora da narração falada, tendo sido escolhida uma voz agradável e
jovem como forma de melhorar a ligação sócio afetiva com as crianças, com o intuito
de facilitar também a compreensão pelas crianças em idade pré-escolar, cuja
compreensão da leitura ainda não está desenvolvida. Deste modo, procedeu-se à
inclusão do som explicativo da ação descrita na imagem, sendo a voz feminina gravada
em estúdio.
Desta forma os slides estão subdivididos em duas partes, situando-se a imagem à
esquerda e o texto à direita. Assim o slide 1 marca o início da animação onde aparece de
uma forma introdutória, o título da animação em letras azuis num fundo branco, como
Escola Básica e Secundária de Salvaterra de Magos
10
demonstra a Figura1.
Figura 1 - Slide com título
No slide 2 acontece a apresentação e introdução da personagem/narradora num
ambiente de sala de aula semelhante ao ambiente de aprendizagem das crianças. A voz
da narradora faz a saudação e a introdução ao conteúdo que vai ser falado na animação
e que, desta forma, pretende criar uma empatia com o público alvo.
Figura 2 - Apresentação e introdução
No slide 3 e 4 é apresentada uma torre de computador para explicar através da
introdução de um ícone representativo de uma mão, onde e como se liga o computador.
Escola Básica e Secundária de Salvaterra de Magos
11
Figura 3 – Como ligar o computador
Figura 4- Ligar do computador
No slide 5 e 6 pode-se visualizar a explicação de como ligar o monitor.
Figura 5 - Como ligar o monitor
Escola Básica e Secundária de Salvaterra de Magos
12
O 7º, 8º e 9º slides demonstram a conclusão das etapas que se referem à abertura do
computador.
Figura 6 - Como ligar o monitor 2
Figura 8 - Conclusão da abertura do computador 2
Figura 7 - Conclusão da abertura do computador 1
Escola Básica e Secundária de Salvaterra de Magos
13
No 10º e 11º slides referem-se à abertura do browser através da imagem do microsoft
edge.
Figura 9 - Conclusão da abertura do computador 3
Figura 10 - Abertura do browser 1
Figura 11- Abertura do browser 2
Escola Básica e Secundária de Salvaterra de Magos
14
No 12º slide surge uma imagem onde se especifica o encerramento do browser.
Figura 12 - Encerramento do browser
No 13º, 14º, 15º, 16º, 17º e 18º comtemplam os passos para o encerramento correto do
computador e despedida.
Figura 13 - Encerrar o computador 1
Escola Básica e Secundária de Salvaterra de Magos
15
Figura 14 - Encerramento da animação
Figura 15 - Encerramento da animação 2
Figura 16 - Encerramento da animação 3
Escola Básica e Secundária de Salvaterra de Magos
16
Design
Antes de se iniciar a produção da animação foi necessário proceder à edição de todas as
imagens/objetos que foram selecionadas para serem utilizadas na animação, essa edição
foi realizada no programa Adobe Photoshop CS5.1.
Seguidamente iniciou-se a abertura do programa Adobe Flash Professional CS5.5 e
inseriram-se todos os elementos editados na biblioteca do programa, de seguida, criei
várias layers, mais concretamente 4 layers para cada das cenas da animação, uma para a
moldura e o fundo, outra para os objetos/imagens, uma para o texto e outra para o som.
Depois de todas as layers serem criadas e organizadas comecei a montar a animação
arrastando os objetos/imagens da biblioteca para o palco e colocando tudo no local
adequado.
Figura 17 - Encerramento da animação 4
Figura 18 - Encerramento da animação 5
Escola Básica e Secundária de Salvaterra de Magos
17
Depois de todas as partes da animação estarem montadas e ordenadas requisitei a ajuda
de uma colega com experiência ao nível da representação teatral para poder gravar a voz
da personagem feminina que faz a narração da animação, mencionando a especificando
as necessidades de comunicação com o público alvo.
Depois de todas as falas estarem gravadas, procedi à edição do das faixas sonoras, para
poder retirar o ruído de fundo que pudesse existir e fazer cortes temporais adequados a
cronologia da animação, para isso utilizei o programa Adobe Audition CS5.5 .
De seguida importei o som editado para a biblioteca do programa Adobe Flash
Professional CS5.5 e coloquei o som nas suas respetivas layers.
Depois da montagem da animação estar pronta, procedi à gravação da reprodução da
animação com o programa Camtasio Studio 8 e guardei essa gravação em formato .mp4.
Por ultimo inseri essa gravação no programa Adobe Premiere Pro CC 2017 e adicionei
uma banda sonora/música de fundo a sugestão dos meus professores.
Finalmente, foi feita uma verificação final de conteúdo e forma do conjunto multimídia,
procedendo-se a correções e acertos necessários, sendo o projeto posteriormente
renderizado e exportado em formato .mp4.
Escola Básica e Secundária de Salvaterra de Magos
18
Conclusão
Ao realizar este projeto deparei-me com algumas dificuldades na utilização de certas
funcionalidades dos softwares utilizados, porque apesar de ter realizado exercícios
durante os meus anos do curso, nem todas as funções do programa são exploradas, por
isso, às vezes encontramos algumas dificuldades, mas felizmente consegui superar todas
com o apoio dos meus colegas e professores/professoras. Para além disso houve partes
do meu projeto em que eu não estava muito habituado a trabalhar como por exemplo a
edição do som, que pessoalmente não é uma coisa que me agrade muito de fazer nem
para a qual tenho muitas capacidades, mas com o apoio e alguma perseverança, tentei
dar o meu melhor para poder obter o melhor resultado final possível.
Futuramente gostaria de desenvolver outros tutoriais do mesmo projeto, sendo de notar
que com o tempo disponível apenas me foi possível iniciar e concluir satisfatoriamente
este tutorial, acreditando estarem lançadas as bases para um empreendimento futuro,
que gostaria fosse desenvolvido a nível profissional.
Com a conclusão do meu projeto espero que as crianças e os educadores que vão
usufruir desta animação, lhe dêem um bom uso e que seja uma ferramenta para quem
necessitar.
Escola Básica e Secundária de Salvaterra de Magos
19
Webgrafia
Freepick Graphic resources for everyone:
Disponível em: https://www.freepik.com/
Teclado:
https://www.freepik.com/free-vector/apple-wireless-https://www.freepik.com/free-
vector/apple-wireless-keyboard_547723.htm#term=teclado&page=1&position=0
Ponteiro:
https://www.freepik.com/free-vector/standard-cursor-
set_1538076.htm#term=mouse&page=1&position=1
Rato e Monitor 1:
https://www.freepik.com/free-vector/hands-typing-on-
keyboard_761450.htm#term=computer&page=1&position=4
Monitor 2:
https://www.freepik.com/vetores-gratis/web-design-minimalista-vetor_722488.htm
Loading:
https://www.freepik.es/vector-gratis/iconos-de-carga-de-colores_789688.htm
Mão:
https://www.freepik.com/free-vector/touch-gestures-
icons_1537226.htm#term=finger%20swipe&page=1&position=0
Criança:
https://www.freepik.com/free-vector/childrens-day-vector-with-four-happy-
kids_1367627.htm#term=four%20of%20kind&page=1&position=22
Sala de aula:
https://www.freepik.es/vector-gratis/vector-ilustracion-plana-de-un-aula-vacia-en-una-
escuela-universidad-colegio-instituto_1265709.htm
Botão de ligar/desligar:
https://www.freepik.com/free-vector/red-turn-on-off-
button_849266.htm#term=turn%20on%20button&page=1&position=1
Imagem do ambiente de trabalho completo do Windows 10:
https://www.google.pt/search?hl=pt-
PT&biw=1366&bih=635&tbm=isch&sa=1&ei=Aqs3W5jRGMSBUaT6goAL&q=wind
ows+10+ambiente+de+trabalho&oq=windows+10+ambiente+de+trabalho&gs_l=img.3.
..115644.126092.0.126664.29.26.3.0.0.0.112.2091.24j1.25.0....0...1c.1.64.img..1.0.0....0
.UdK3nEr_p7U#imgrc=kNcill3Pxx4pkM:
Escola Básica e Secundária de Salvaterra de Magos
20
Menu Windows 10:
https://www.google.pt/search?sa=G&hl=pt-
PT&q=ultima+vers%C3%A3o+do+windows&tbm=isch&tbs=simg:CAQSmAEJBAJa
O_1ACjVgajAELEKjU2AQaBggVCAAIAQwLELCMpwgaYQpfCAMSJ5wM8hOUB
PEThxeGF50M-gs17BfvJpI0_1TbkNpA95yb8Nt82jT2INxowgkS1XNMwH7d-
Er7N7XO7ZFGLselHAKuQJbm1offlqFE-
D5c1hD3XWxip371TmmG_1IAQMCxCOrv4IGgoKCAgBEgQyba87DA&ved=0ahU
KEwj4-
daO7_vbAhWJsxQKHdzSAWUQwg4IJSgA&biw=1366&bih=635#imgrc=BAJaO_AC
jVgiYM:
Logo Microsoft Edge:
https://www.google.pt/search?q=microsoft+edge+logo&hl=pt-
PT&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiXwLPr7_vbAhULDcAKHTo1D
YAQ_AUICigB&biw=1366&bih=635#imgrc=HLNQn0l51-_TuM:
Imagem do ambiente de trabalho do Windows 10:
https://www.google.pt/search?sa=G&hl=pt-
PT&q=windows+10+wallpaper+hd&tbm=isch&tbs=simg:CAQSlQEJe7eO21Q9LqMai
QELEKjU2AQaBAgVCAEMCxCwjKcIGmAKXggDEiYjzAHWATnNAekV6hXIAck
BvAywKIA3njeHJ5UgiCeJJ-
M2rDbkNhowMOOPfvMMr6FKLabvU8YLBoNb7pMSe77ybpu34yVFiCiWu1kRv2n
mvsrIajfW50bRIAQMCxCOrv4IGgoKCAgBEgTJzovvDA&ved=0ahUKEwjumaOs8P
vbAhUKvxQKHYUFC74Qwg4IJSgA&biw=1366&bih=635#imgrc=VL60ffEorpa-fM:
Torre de computador:
https://www.freepik.com/free-vector/case-
tower_516156.htm#term=computer%20case&page=1&position=27
Página do browser Microsoft Edge:
https://www.google.pt/search?sa=G&hl=pt-
PT&q=firefox+quantum+chrome+tab&tbm=isch&tbs=simg:CAQSlwEJUOA4bAyFm_
1EaiwELEKjU2AQaBAgVCAoMCxCwjKcIGmIKYAgDEiizE7ITjQiuE7ETkxO7E7U
TjAqwE7o-2D-
3KI09nj28PtQ_1nz3FP483GjCg4G6jun_1UrvTeSasImFKJS1B0E18t1RxZ7XWld-n4u-
DvxDtM6aBdaF5E0GYPXr0gBAwLEI6u_1ggaCgoICAESBAk4dEgM&ved=0ahUKE
wjYkd2x8_vbAhUQecAKHbDwCvEQwg4IJSgA&biw=1366&bih=635#imgrc=UOA4
bAyFm_H--M:
Musica:
Disponível em: https://www.youtube.com/watch?v=IFRxTuQpJs8
Escola Básica e Secundária de Salvaterra de Magos
21
Anexos
Anexo 1 – Trabalho de pesquisa sobre o Estado da Arte
Escola Básica e Secundária de Salvaterra de Magos
22
Escola Básica e Secundária de Salvaterra de Magos
23
Anexo 2 – Anteprojeto
Escola Básica e Secundária de Salvaterra de Magos
24
Anexo 3 – Cronograma Gantt