Escola Básica e Secundária de Salvaterra de Magos RELATÓRIO CRÍTICO Prova de Aptidão Profissional Daniel Marques Nº6 Curso Profissional de Técnico de Multimédia 12ºG
Relatório do projeto DM- TORNEIRO MECÂNICO para o cliente Daniel Crespo Marques, desenvolvido como requisito parcial dos módulos curriculares, supervisionado pelos Professores: Alice Pereira, António Andrade, Teresa Fazenda, Carlos Coimbra, Anabela Ferreira e Fátima Ferreira no curso Profissional de Técnico de Multimédia.
Agradecimentos Com a finalização deste percurso profissional não podemos deixar de agradecer a algumas pessoas que, direta ou indiretamente, nos ajudaram nesta caminhada tão importante da nossa vida pessoal e profissional. Em primeiro lugar, agradecemos a orientação que nos foi dada pelos professores das disciplinas técnicas, Alice Pereira, António Andrade, Teresa Fazenda, Carlos Coimbra, Anabela Ferreira e Fátima Ferreira durante a elaboração da Prova de Aptidão Profissional. Obrigado por todo o tempo e disponibilidade que sempre demostraram, assim como opiniões e criticas que reforçaram o nosso projeto. Ao corpo docente e não docente da Escola Secundária de Salvaterra de Magos por ter feito com que nos sentíssemos em casa. E por terem criado todas as condições necessárias para estes três anos de curso. Por fim, mas não menos importante, agradecemos a nossa família e amigos porque sem eles, dificilmente conseguiríamos chegar até aqui, e por estarem sempre lá para nos amparar, criticar e congratular fazendo-nos sentir pessoas melhores.
Índice Agradecimentos... 3 Resumo... 5 Introdução... 6 Desenvolvimento... 7 Enquadramento teórico... 7 Linguagem de Programação... 8 Disciplinas influentes no projeto... 8 Apresentação do projeto... 9 Anteprojeto... 9 Gantt Project... 10 Briefing... 10 Escolha do Nome... 10 Logótipo... 10 Construção... 10 Cor... 12 Manual de Normas Gráficas... 13 Website... 13 Tema e as funcionalidades do Sublime Text... 13 Página Inicial... 14 Quem Somos... 15 Serviço... 16 A Empresa... 16 Contactos... 17 Redes sociais... 18 Dificuldades surgidas durante a elaboração do projeto... 19 Cartão de Visita... 19 Conclusão... 20 Anexo1... 21 Anexo 3... 23
Resumo O presente relatório da Prova de Aptidão Profissional visa descrever o nosso Projeto Final desenvolvido durante o corrente ano letivo e refletir sobre os problemas e dificuldades inerentes ao Projeto. Consiste na demostração dos conhecimentos adquiridos ao longo dos três anos de curso e visa explicar o desenvolvimento sequencial do Projeto.
Introdução No âmbito da Prova de Aptidão Profissional, exploramos um tema que na nossa apreciação sensibiliza grande parte da população. A este tema associamos o nosso conhecimento de aprendizagem adquirido no Curso Profissional de Multimédia. A nossa Prova de Aptidão Profissional tem o nome de DM-Torneiro Mecânico, sendo este o nome de uma empresa em que vamos criar um site e um cartão de visita. O produto surgiu com o intuito de divulgar a empresa na web, para também o nosso cliente ser mais conhecido e ter mais trabalho. Todo este projeto surgiu, quando o nosso cliente falou connosco sobre a empresa em que omitia e que estava a precisar de ser divulgada na web, para que tivesse mais procura. O Projeto baseou-se na construção de uma nova imagem e de um website para uma empresa, passando pelas várias fases de construção como a elaboração de um logótipo, dar a conhecer a empresa na web, e a realização de um cartão de visita. Inicialmente esboçamos todo o processo de construção e organizamos todas as tarefas por partes. Com a utilização do programa Gantt Project, foi possível realizar um plano de trabalho permitindo uma melhor organização/planificação do projeto. Na elaboração da prova de aptidão profissional utilizamos vários softwares ensinados no decorrer do curso e exploramos outros. Utilizamos os seguintes softwares: Sublime Text 3, Adobe Illustrator CC 2015 e o Adobe Photoshop CC 2015.
Desenvolvimento Enquadramento teórico Software utilizado Para a realização da Prova de Aptidão Profissional, recorremos aos softwares lecionados durante os três anos de curso e exploramos novos. Sublime Text 3: serve para editar vários tipos de linguagem de programação organizada. Na nossa Prova de Aptidão Profissional utilizamos o Sublime Text 3 para o código do template do meu site. Adobe Illustrator CC: serve para criar e editar imagens vetoriais da Adobe. Na nossa de Aptidão Profissional utilizamos o Adobe Illustrator para a criação do logótipo final. Adobe Photoshop CC: serve para a edição profissional de imagens digitais e trabalhos de pré-impressão. Desenvolvido pela Adobe Systems. Na nossa Prova de Aptidão Profissional utilizamos o Adobe Photoshop para a edição de imagens de conteúdo do site e para o estudo de logótipos iniciais. Gantt Project: é um programa criado para o agendamento das tarefas de um projeto em diferentes etapas, baseado no Diagrama de Gantt.
mensais. Utilizamos o Gantt Project para planear todo o projeto, organizando as tarefas Linguagem de Programação Html/Css/Jquery HTML organiza o conteúdo em diversos elementos e foi usado para fazer todas as alterações da funcionalidade do website; CSS possibilita a criação de estilos de todos os elementos do HTML, ou seja foi usado para alterar o estilo do website; Jquery seleçiona e manipula os elementos HTML e CSS e foi usado para fazer a animação dos links do website, isto é em termos tecnicos, foi criado um atraso no tempo de resposta para tornar a funcionalidade mais suave e mais user-frendly; Disciplinas influentes no projeto Ao longo dos três anos de curso, houve várias disciplinas que nos permitiram chegar ao final e realizar todo este projeto, que se desenvolveu principalmente durante o último ano letivo, a saber: Técnicas de Multimédia, aprendizagem do funcionamento dos softwares; Design, Comunicação e Audiovisuais, aprendizagem da linguagem gráfica/visual e domínio estético; Sistemas de Informação, aprendizagem de ferramentas de gestão e manutenção da Web; Projeto, aprendizagem da metodologia de projeto, dedicado ao desenvolvimento da Prova.
Apresentação do projeto A ideia nasceu do nosso cliente com o objetivo de poder divulgarmais esta empresa no mundo da web. Nós discutimos, sobre este tema e chegámos a essa mesma conclusão, que o melhor para a empresa era ser divulgada. O nome DM-Torneiro Mecânico significa Daniel Marques Torneiro Mecânico. No que se refere ao contacto com o cliente, Daniel Marques, e dada a sua importância, tentou ser o mais disponível possível. Este ajudou-nos a resolver as nossas inúmeras dificuldades, desde o início do projeto, até à apresentação final. Como por exemplo, em relação a escolha do logótipo, que tinha de ser relacionado com a empresa. Anteprojeto O anteprojeto consistia no pré-plano da prova de aptidão profissional, neste ficheiro apresentamos o tema, uma descrição sumária, os materiais necessários e os objetivos que propusemos alcançar na realização da mesma. Tivemos como principais objetivos, dos muitos que referenciamos, os seguintes: a colocação do projeto nas redes sociais para divulgar mais a empresa e chamar a atenção do público; fazer um website; criar um novo logotipo; criar um cartão de visita; O anteprojeto pode ser consultado nos anexos (Anexo1), onde apresentamos o ficheiro completo com todos os pormenores que implementamos no início de todo este projeto.
Gantt Project O Gantt Project inclui um diagrama de Gantt para realização de projetos de calendarização de tarefas e recursos. Possibilitou-nos planificar o tempo estipulado para a realização de cada trabalho. É possível verificar a planificação do projeto nos anexos (anexo 3). Briefing Em outubro de 2015 nasceu-nos uma ideia que transmitimos ao meu cliente, e que discutimos sobre essa mesma, até chegarmos a um acordo. O nosso projeto é todo relacionado com a divulgação na web, esta seria feita para as redes sociais, tais como, Facebook, Instagram e, eventualmente, Youtube. Mas acabamos por fazer só para a rede Facebook. A criação de um website era obrigatória, com a linguagem de HTML5. Mais tarde, visto que a sua criação levaria muito tempo, e com as dificuldades ao longo da sua realização, foi acordado com o cliente a procura de um template. Escolha do Nome Inicialmente o projeto passou pelo brainstorming do nome da empresa. Tendo sido necessária uma análise bastante detalhada do objetivo do nome. O nome teria de estar relacionado obrigatoriamente com a empresa. Nesse caso, só pudemos escolher um nome: Daniel Marques Torneiro Mecânico; Logótipo Construção Depois da escolha do nome, procedemo-nos ao estudo do logótipo, decidimos realizar uma nova imagem para a empresa, para atrair todo o publico-alvo.
O logótipo, sendo direcionado para uma empresa existente, com o nosso conceito tivemos a necessidade de ser concebido sem ruido visual, poucas cores, para futuramente, facilitar a impressão e ser mais económico. Passámos grande parte do tempo inicial do projeto no estudo do logótipo, por exemplo:
Logótipo Final: Cor Foi escolhido 2 tons de azul, porque foi acordado com o cliente, que este logótipo se enquadraria nos tons que caracterizam a sua empresa, acabando apenas por ser utilizado 1 dos tons de azul, o mais escuro. Referindo ainda que o outro tom de azul o mais claro, também irá ser utilizado, na respetiva assinatura do mesmo. Fizemos o logótipo de maneira a possuir um tom de azul. A palavra Torneiro Mecânicos tem um tom de azul diferente, para marcar a diferença visual/gráfica. No final de todas as propostas de logótipo foi escolhido um pelo nosso cliente, além das propostas tivemos ainda de adicionar uma assinatura ao simbolo logótipo, ao critério do cliente que foi então o logótipo Final.
Manual de Normas Gráficas Com a realização de um logotipo foi necessária a criação de um Manual de Normas Gráficas para proteger o logo de todas as utilizações futuras, não poderá, em circunstância alguma, ser alterado, quer na sua forma, cor ou tipografia. É possível consultar o Manual nos anexos (anexo 2). Website Quanto à construção do website utilizamos um tema, de uma One Page para se tornar mais atual. O website foi desenvolvido com recurso do Sublime text que é um aplicativo de edição de programação. O aplicativo trabalha através de templates, cada template tem um ou mais temas, que ficam ao dispor de quem o adquirir, é também aplicado em vários tipos de plataformas de desenvolvimento devido a sua capacidade de extensão através de plugins e temas. Tema e as funcionalidades do Sublime Text O Sublime Text é um aplicativo que permite editar e manter todo o conteúdo de um site. O Sublime Text, instalado no computador através do site https://www.sublimetext.com/;
Depois da verificação da sua correta instalação, procedeu-se à introdução do código do template no aplicativo. O template utilizado foi o Creative bootstrap, o qual foi editado por nós. O site DM-Torneiro Mecânico, aplicado no tema Creative, apresenta no canto superior esquerdo do cabeçalho, o logótipo da empresa em azul. Depois, existe um menu no canto superior direito, constituído pelas secções: Quem Somos, Serviço, Empresa, Contatos. Página Inicial Na página inicial, apresenta-se um background com uma fotografia tirada e editada por nós identificada com o serviço do nosso cliente, editado no Adobe Photoshop CC. Nesta Imagem de Fundo criámos uma camada de preenchimento a preto e branco de modo a dar foco no torno que se encontra nessa imagem, acrescentamos também o logotipo no torno de modo a enquadrar-se com toda esta secção inicial. Com a navegação na página inicial, conseguimos visualizar, a seguir ao background, a existência de um menu com destino para outras secções, sendo estas Quem Somos, Serviço, A Empresa e Contatos.
Na barra menu criamos uma classe :hover, de modo a tornar-se mais interativa, na mesma classe decidimos retirar alguma opacidade da barra menu e dar uma ligeira transparênçia. Quem Somos Existe uma barra azul (navbar) a separar a próxima secção, o Quem Somos, como o nome indica e ainda existe um pequeno texto centrado em que explica Quem somos e o que fazemos.
Serviço Na Secção serviço, resumimos o serviço da empresa e como funciona, assim como algumas informações. A página apresenta 4 icones cada um com texto descritivo centrado por baixo de cada icone. Adicionamos ainda uma classe :hover, com alguma transparência em cada ícone de modo a tornar esta secção mais criativa. A Empresa
Na secção A Empresa considera-se a mais importante porque dá a conhecer a empresa. Nesta secção tenho uma galeria com 9 imagens da empresa (exterior/interior) editadas no programa Adobe Photoshop CC, com filtros e vibratilidades iguais e ainda um foco nos objectos de cada uma das imagens. Tenho ainda nesta secção uma animação OVER que quando passa-se com o rato aparece com uma ligeira opacidade uma pequena descrição de cada imagem. Nas imagens inserimos ainda um espaço entre elas de 5px de modo a ficar mais apelativo. Nesta secção decidi usar uma cor diferente das outras para se enquadrar graficamente com o meu logótipo. Contactos Na secção contactos é possível ver a localização da empresa DM-Torneiro Mecânico. Os contactos permitem ao cliente recorrer a informações, poderá mandar uma mensagem por e-mail através desta página ou ligar para o número que lá se apresenta. Criámos um link mailito: para enviar mensagens por e-mail de forma a ser mais rápido, simples e funcional.
Redes sociais Na criação de conta nas redes sociais, inicialmente optámos pela criação de uma conta no Facebook, sendo esta a rede social mais utilizada. As redes sociais facilitam a divulgação das empresas, sendo assim uma grande fonte de comunicação social.
Dificuldades surgidas durante a elaboração do projeto Durante a elaboração do projeto, surgiram diversas dificuldades, muitas delas devido à realização do logótipo. Inicialmente, pensávamos que a elaboração do projeto seria fácil, mas ao logo de todo este processo apareceram dificuldades que não foram inteiramente da nossa responsabilidade. Cartão de Visita Antes demais queriamos referir que o cartão de visita não era o que tinhamos planeado e não era o que tinhamos referido no documento ante-projeto, o que tinhamos referido era que iriamos realizar um video promocional, só que como eram muitas tarefas e havia muito trabalho decidimos trocar o video promocional pelo cartão de visita. Com a realização do projeto, surgiram novos obstáculos e um deles é a forma de a divulgar. Com isto realizamos um cartão de visita que é das melhores maneiras das pessoas poderem interiorizar o nosso serviço, e para referir que o cartão de visita é basicamente o bolso do cliente. Pesquisamos templates de cartões de visita, e escolhemos o que se poderia enquadrar gráficamente com toda a imagem gráfica criada para esta empresa, em que iriamos utilizar as cores da mesma. Editamos o cartão de visita no Adobe Photoshop CC, usando as cores do site e do logótipo, fazendo assim um enquadramento gráfico com toda a imagem da empresa. Cartão de visita é, em sentido genérico, um pequeno cartão contendo os dados de contato de pessoas ou corporações.
Conclusão Durante estes três anos de curso desenvolvemos capacidades técnicas e científicas da área de multimédia. Inscrevemo-nos no curso sem a grande perceção da influência que a multimédia têm sobre a vida e o mundo que nos rodeia. Mais que um curso, nós consideramos todos estes três anos como sendo uma vocação. A dedicação, empenho e estudo foi para termos as melhores notas. Mesmo que para muitos o ensino profissionalizante seja visto para aqueles com poucas capacidades, nós pretendemos mostrar que poderíamos ser tão bons ou melhores do que os do ensino regular, no entanto estamos a fazer o que gostamos e a seguir os nossos sonhos. No que se refere ao Projeto de Aptidão Profissional, depois de tanto esforço e de luta contra as enumeras dificuldades que surgiram, conseguimos concluir todo este processo atempadamente. Referências da Internet https://www.sublimetext.com/ http://pt.wikipedia.org/wiki/adobe_illustrator 05/05/2015 http://pt.wikipedia.org/wiki/adobe_photoshop 05/05/2015 http://pt.wikipedia.org/wiki/html 13/05/2015
Anexos Anexo1
AGRUPAMENTO DE ESCOLAS DE SALVATERRA DE MAGOS ESCOLA BÁSICA E SECUNDÁRIA DE SALVATERRA DE MAGOS Identificação do Grupo: Curso Profissional de Multimédia Pré-plano de Prova de Aptidão Profissional Nr Turma Nome 6 12ºG Daniel Nunes Marques Ano: 2015/2016 Tema Construção de um Site e um Vídeo Promocional sobre a Mecânica Objetivos Construir um site e um vídeo promocional para o meu cliente. Divulgação deste tema Mecânico/Torneiro Mecânico que tem pouca informação na web ou quase nenhuma. Fornecer no site os preços de todos os serviços, todos os contatos da empresa, e todas as informações possíveis que possa existir sobre este tema. Criar um logotipo para este site em que envolva o primeiro e ultimo nome do meu cliente. Fazer um vídeo promocional e se possível cartões de visita. Que o meu cliente tenha futuramente muito lucro com este trabalho que vou desenvolver, acho que divulgado este tema na web irá ficar mais opcional para todo o publico alvo (outras empresas, e pessoas que irão precisar deste tipo de serviço). Descrição Sumária O meu produto irá ser um site destinado ao o meu cliente vir a ter muito mais trabalho e ser mais conhecido por outras empresas, e por todo o público alvo. Vai ser implementado na web e vai disponibilizar as seguintes funcionalidades: - Contatos do cliente - Todas as informações sobre o tema
Anexo 2 Anexo 3