Biblioteca Digital do IPG: Relatório de Estágio Curricular – Sentido Comum – Soluções de Tecnologia e Marketing (Guarda)

(1)

TPG

folité enico

1 daiGuarda

Polytechnic of Guarda

RELATÓRIO DE ESTÁGIO

Licenciatura em Comunicação Multimédia

Luís Filipe Valente Morgado novembro

₁

2018

(2)

Gesp.010.03

Escola Superior de Educação, Comunicação e Desporto

Instituto Politécnico da Guarda

R E L A T Ó R I O D E E S T Á G I O

LUÍS FILIPE VALENTE MORGADO

RELATÓRIO PARA A OBTENÇÃO DO GRAU DE LICENCIADO EM COMUNICAÇÃO MULTIMÉDIA

(3)

INSTITUTO POLITÉCNICO DA GUARDA

ESCOLA SUPERIOR DE EDUCAÇÃO, COMUNICAÇÃO E DESPORTO

I

Ficha de Identificação

Aluno: Luís Filipe Valente Morgado Número: 5008821

Instituição de ensino: Instituto Politécnico da Guarda

Unidade orgânica: Escola Superior de Educação, Comunicação e Desporto da Guarda Curso: Comunicação Multimédia

Docente Orientadora: Profª Maria João Marques Alves Da Costa Pereira

Instituição acolhedora do estágio: Sentido Comum – Soluções de Tecnologia e Marketing Morada: Rua Dr. Martins das Neves Lote 2 CV Frente, 6300-372 Guarda

Telefone: 271 083 191

Endereço de correio eletrónico: info@sentidocomum.pt Tutor na instituição: Dr. João Miguel Antunes Fernandes

Grau académico: licenciatura em Comunicação Multimédia no Instituto Politécnico da Guarda

Duração do estágio curricular: 3 meses

(4)

II

Agradecimentos

Durante a realização do estágio curricular a colaboração de todos aqueles que estavam à minha volta foi preciosa.

Começo por agradecer ao Engenheiro Francisco Ribeiro e à Dra Sandrina Clara, pela oportunidade de realizar o estágio na sua empresa, tal como ao meu supervisor João Antunes por todo o apoio prestado e por me terem orientado neste percurso tão importante para a conclusão do curso.

Gostaria também de agradecer à orientadora de estágio, Professora Maria João Costa, pela sua disponibilidade demonstrada e também pelo acompanhamento e dedicação durante a realização do relatório de estágio.

Também não posso deixar de agradecer à minha família e a toda a gente que de alguma forma esteve envolvida na realização deste projecto.

(5)

III

Resumo

O presente relatório pretende descrever as tarefas que foram realizadas durante o estágio. Este decorreu entre o período do dia 2 de julho de 2018 e 2 8 de setembro de 2018 na empresa Sentido Comum – Soluções de Tecnologia e Marketing, sediada na cidade da Guarda e foi orientado por João Miguel Fernandes Antunes. Durante este período foram desenvolvidas diversas atividades das quais se destacam o aprofundamento dos conhecimentos práticos e teóricos adquiridos ao longo dos três anos de curso. Entre as tarefas realizadas são de destacar a instalação e edição de CMS (Content Management System); a aquisição de conhecimentos e utilização de gestor de versões; a atualização de conteúdos nessas mesmas plataformas; a criação de conteúdos multimédia para aplicação em plataformas CMS, inclusive o tratamento e a vectorização de imagens bitmap, bem como a criação de ficheiros .svg estáticos e animados; o desenvolvimento e a aplicação de mecanismos de testes para plataformas CMS; o melhoramento dos conhecimentos em linguagens de programação. Tudo isto, com uma única e principal finalidade, que consiste na preparação para uma vida ativa e para um futuro profissional no mercado de trabalho.

(6)

IV

Índice

Ficha de Identificação ... I Agradecimentos ... II Resumo ... III Índice ... IV Índice de Ilustrações ... VI Índice de Quadros ... VIII Lista de Siglas e Acrónimos ... IX Glossário de Termos Técnicos ... XI

Introdução ... 1

1.1. Estrutura do relatório: ... 2

Capítulo 1 - Designação Social eLocalização da Empresa ... 3

1.1. Identificação da empresa ... 4 1.2. Estrutura Orgânica ... 5 1.3. Identidade Visual ... 6 1.3.1. Nome ... 6 1.3.2. Logotipo ... 7 1.4. Missão ... 8 1.5. Método ... 8 1.6. Análise SWOT ... 9 1.6.1. Pontos fortes ... 11 1.6.2. Pontos fracos ... 11 1.6.3. Oportunidades ... 11 1.6.4. Ameaças ... 12

Capítulo 2 - Estágio Curricular ... 13

2.1. Objetivos de estágio ... 14

(7)

V

2.3. Instalação de Software ... 16

2.4. Vetorização de imagens bitmap ... 17

2.5. Criação de SVG’s animados ... 23

2.6. Criação de postais ... 25

2.7. Testes aos websites ... 26

2.8. Tratamento e edição de imagens bitmap ... 28

2.9. Aprendizagem e aquisição de conhecimentos ... 30

2.10. Processamento de textos para SEO ... 32

2.11. Inserção de vídeos no Youtube ... 34

2.12. Redirecionamento de url ... 36

2.13. Recolha e tratamento de dados ... 40

2.14. Exploração das funcionalidades do Wordpress ... 42

2.15. Criação de maquetes ... 43

2.16. Assistência técnica ... 48

2.17. Criação do website Clinica CG ... 48

2.18. Criação do folheto interativo ... 49

2.19. Edição de vídeos ... 50

2.20. Edição de sites ... 51

2.21. Revisão de sites ... 52

2.22. Conversão de imagens ... 54

2.23. Projeto: A loja dos brinquedos ... 55

Reflexão Final ... 57

Bibliografia ... 58

Webgrafia ... 60 Anexos

(8)

VI

Índice de Ilustrações

Figura 1. Fachada do prédio da sede da empresa ... 4

Figura 2. Localização exata da empresa... 5

Figura 3. Organograma hierárquico da empresa ... 5

Figura 4. Logotipo da empresa Sentido Comum... 7

Figura 5. Análise SWOT da empresa ... 10

Figura 6. Imagem presente no website da Internorte ... 18

Figura 7. Logotipo do grupo Tavfer ... 19

Figura 8. Logotipo da Tavfer Vinhos ... 19

Figura 9. Logotipo da Tavfer Inspeção Auto ... 20

Figura 10. Logotipo da Robinil ... 20

Figura 11. Logotipo da Premaq ... 20

Figura 12. Logotipo da Associação para o Desenvolvimento Social do Ramirão ... 21

Figura 13. Logotipo da empresa Caracol Real ... 21

Figura 14. Logotipo da marca Tekna ... 22

Figura 15. Logotipo da empresa Eurofunghi ... 22

Figura 16. Logotipo da empresa Norinstelnor ... 22

Figura 17. Ícones alojados no website do OPO Hotel Aeroporto ... 23

Figura 18. Ícones alojados no website Seguro de Crédito ... 24

Figura 19. Svg animado ... 25

Figura 20. Primeiro postal criado no Pixlr Editor ... 25

Figura 21. Documento Excel com os erros ... 27

Figura 22. Exemplo de print screens dos erros ... 27

Figura 23. Página do centro de inspeção da Figueira da Foz ... 29

Figura 24. Imagem ilustrativa do centro de inpeções automóvel de Alcobaça ... 29

Figura 25. Fotografia da casa da árvore ... 30

Figura 26. Resultado da pesquisa do centro de inspeção da Cima em Alcanena ... 33

Figura 27. Exemplo do formulário para inserir os textos criados ... 34

Figura 28. Página da conta onde foram inseridos os vídeos ... 35

Figura 29. Site onde se encontravam hospedados os vídeos das outras salas ... 35

Figura 30. Vídeos do evento publicados ... 36

(9)

VII

Figura 32. Documento Excel partilhado ... 38

Figura 33. Formulário para redirecionamento url da Robinil ... 38

Figura 34. Site da Premaq ... 39

Figura 35. Formulário para redirecionamento url da Premaq ... 39

Figura 36. Documento Excel com as marcações da Tavfer Inspeção Auto ... 40

Figura 37. Gráfico de linhas comparando o número de marcações por mês ... 41

Figura 38. Pesquisa do centro de inspeção automóvel no distrito de Aveiro ... 41

Figura 39. Secção Plans & Pricing do tema ... 42

Figura 40. O antes e depois do website Transpostal em versão desktop ... 44

Figura 41. O antes e depois das correções efetuadas no website Transpostal em versão mobile ... 45

Figura 42. Logotipos de cada ramo de atividade da empresa e esboço em papel do website ... 46

Figura 43. Página inicial de um dos ramos de atividade da empresa Open Style ... 47

Figura 44. Barra de navegação horizontal ... 47

Figura 45. Brochura da empresa Transdev e início da sua respetiva edição ... 49

Figura 46. Edição e upload das imagens para criação do folheto ... 50

Figura 47. Edição do vídeo no programa Adobe Premiere ... 51

Figura 48. Website da Serralã ... 52

Figura 49. Interface do Visua Studios Code ... 52

Figura 50. Exemplo de um dos prints screens captados dos erros encontrados ... 53

Figura 51. Website da diocese da Guarda ... 53

Figura 52. Websites das empresas Bolas e Oxibeiras ... 54

(10)

VIII

Índice de Quadros

Quadro 1. Cronograma de julho ... 15 Quadro 2. Cronograma de agosto ... 15 Quadro 3. Cronograma de setembro ... 15

(11)

IX

Lista de Siglas e Acrónimos

AVAC - Aquecimento, Ventilação e Ar Condicionado

CMS - Content Management System

CRM - Customer Relationship Management

DVD - Digital Versatile Disc

EPS - Encapsulated PostScript

HP - Hewlett Packard

HTML - HyperText Markup Language

ISCTE - Instituto Universitário de Lisboa

NET - Network

OCR - Optical Character Reader

PAE - Physical Address Extension

PDF - Portable Document Format

PHP - Hypertext Preprocessor

PRT SC - Print Screen

(12)

X SQL - Structured Query Language

SVG - Scalable Vector Graphics

SWOT - Strengths, Weaknesses, Opportunities and Threats

URL - Uniform Resource Locator

XHTML - EXtensible HyperText Markup Language

(13)

XI

Glossário de Termos Técnicos

Bitmap - representação de uma imagem na memória do computador através de um conjunto de bits (dígitos binários).

Browser - É um navegador de Internet.

Combo box - Significa caixa de combinação e é um elemento de interface gráfica (componente widget).

Download - É um termo que corresponde à ação de transferir dados de um computador remoto para um computador local.

Feedback - é uma mensagem que responde algo, é uma reação a uma mensagem recebida.

Greyscale - Significa escala de cinza.

Hardware - É um conjunto de elementos físicos de um computador, que engloba o dispositivo principal e periféricos.

Interface - É um ambiente de interação entre o utilizador e um sistema operativo.

Layout - É um esboço que mostra a distribuição física, tamanhos e pesos de elementos como texto, gráficos ou figuras num determinado espaço.

Link - É uma ligação entre documentos na Internet.

Logotipo – Forma particular como o nome da marca é representado graficamente.

Loop - repetição automática de uma ocorrência.

(14)

XII Offline - Ausência de conexão a outro computador, podendo ser considerado temporariamente inativo, sem conexão, desconectada da internet ou fora de linha.

Online - Termo utilizado para descrever a condição de estar conectado a uma rede de computadores ou outros dispositivos.

Pixel - É considerado como o menor componente de uma imagem digital.

Player - Refere-se a um programa ou aplicação utilizada para a reprodução de músicas, imagens e vídeos.

Print screen - É uma tecla comum nos teclados dos computadores, no Windows, quando a tecla é pressionada, captura em forma de imagem como se fosse uma foto, tudo o que está presente na tela.

Ranking - Posição que algo ou alguém ocupa numa escala que destaca seu mérito em relação aos demais.

Redesign - É a acção de reformulação do design de algo.

Renderizar - É o processo pelo qual se obtém o produto final de um processamento digital qualquer.

Software - São programas que comandam o funcionamento de um computador.

Versão Desktop – é feita para se adaptar a computadores de mesa ou portáteis.

Versão Mobile - é feita apenas para se adaptar à tela de smartphones.

Widget - É um tipo de atalho para os aplicativos que, além de agilizar o acesso ao app, oferece uma interface gráfica inteligente.

(15)

XIII Upload – Refere-se à ação de enviar dados de um computador local para um computador ou servidor remoto, geralmente através da internet.

(16)

1

Introdução

Este relatório de estágio resulta da frequência da licenciatura em Comunicação Multimédia, na Escola Superior de Educação, Comunicação e Desporto do Instituto Politécnico da Guarda, cujo plano de estudos tem uma duração de seis semestres, dos quais três meses são referentes à formação em contexto de trabalho.

A finalidade do estágio curricular consiste na aplicação e consolidação dos conhecimentos adquiridos, bem como na preparação para uma vida ativa e um futuro profissional no mercado de trabalho. Este é definido de acordo com o projeto pedagógico do curso, cuja realização é requisito para aprovação e obtenção do grau de licenciado.

Entre uma lista de possíveis instituições/empresas, que exercem funções associadas com as diversas áreas abrangentes do curso, apresentada pelo GESP (Gabinete de Estágio e Saídas Profissionais), escolhi como local para realização do meu estágio a empresa Sentido Comum. O que me motivou a esta escolha foi a ambição de querer adquirir mais conhecimentos, nomeadamente na área do Webdesign, uma vez que dados atuais mostram que a taxa de empregabilidade nesta mesma área ainda é bastante considerável.

Para a elaboração deste relatório, foi necessária a pesquisa de conceitos de diferentes autores, que visam sustentar as técnicas e métodos utilizados para o desenvolvimento das várias tarefas que ao longo deste percurso me foram atribuídas. A elaboração deste relatório de Estágio é de extrema relevância por várias razões: primeiro, é um meio complementar de avaliação para a conclusão da licenciatura, e segundo, ajuda à consolidação dos conhecimentos, uma vez que é necessária uma pesquisa intensiva sobre vários métodos, ideias e conceitos. O estágio constitui um tempo de aprendizagem, melhoria e reflexão sobre as práticas letivas, olhando o que aprendemos nas salas de aula com uma visão diferente, partilhando saberes com os colegas de estágio, com o supervisor e restantes elementos da empresa, num caminho desafiante e de construção permanente.

(17)

1.1. Estrutura do relatório:

Este relatório divide-se em dois capítulos. No primeiro capítulo será apresentado o local de estágio, a respetiva missão, localização, estrutura orgânica, identidade visual e análise swot onde se expõem os seus pontos fortes, pontos fracos, oportunidades e forças.

No segundo capítulo, o qual terá como título “Estágio Curricular”, como o nome indica, serão detalhadamente expostas todas as atividades realizadas dentro da empresa. Mas antes, serão apresentados sob forma de cronograma as atividades, que anteriormente foram delineadas no Plano de Estágio (ver Anexo I – Plano de Estágio).

Por último, apresenta-se a Reflexão Final onde será efetuada uma retrospetiva de todos os aspetos positivos e negativos que marcaram esta etapa final da minha formação académica.

(18)

Designação Social

e

Localização da Empresa

(19)

Neste capítulo é apresentada a empresa, desde a sua missão, localização, estrutura orgânica, identidade visual e análise tendo em conta os seus pontos fortes, pontos fracos, oportunidades e forças.

1.1. Identificação da empresa

A empresa tem a seguinte designação social: Sentido Comum – Soluções de Tecnologia e Marketing. É uma empresa portuguesa, que desenvolve soluções de imagem corporativa para empresas e cria websites adaptados aos objetivos pretendidos. Surgiu com o objetivo de criar websites de elevada qualidade: mais apelativos, com melhor usabilidade e mais fáceis de navegar. A figura 1 mostra a fachada do prédio onde se situa a sede da empresa Sentido Comum.

Figura 1. Fachada do prédio da sede da empresa

Fonte: Google Maps

Nasceu em 2007 com a finalidade de preencher uma lacuna existente nesta área, na cidade da Guarda uma vez que é especializada na criação de websites, imagem empresarial e Internet Booking Engine.

Sediada na Guarda, inicialmente no largo São Francisco, onde foi criada em 2007, e mudando-se depois no ano de 2010 para as atuais instalações, na rua Dr. Martins das Neves, Lote 2, CV Frente (figura 2).

(20)

5

1.2. Estrutura Orgânica

Atualmente, a empresa Sentido Comum é constituída por três elementos: a Dra. Sandrina Clara, o Eng. Francisco Ribeiro e o João Antunes. Enquanto a Dra. Sandrina é responsável pelas áreas de Design e Administrativa, o Eng. Francisco é responsável pelas áreas Comercial e Técnica e o Dr. João é também responsável pela área Técnica. A figura 3 apresenta o organograma hierárquico da empresa.

Figura 3. Organograma hierárquico da empresa

Fonte: Fonte própria

Francisco Ribeiro

Departamento Comercial e Técnico

Sandrina Clara

Departamento de Design e Administrativo

João Antunes

Departamento Técnico

Figura 2. Localização exata da empresa

(21)

1.3.

Identidade Visual

A Identidade Visual de uma empresa é composta por itens como: logotipo, símbolo, cores e tipologia. Esta deve transmitir visualmente os seus valores, tornando também simultaneamente visível a sua filosofia e permitindo que esta seja reconhecida pelo público. Uma boa imagem de uma empresa, corretamente construída, deve atender a todos os requisitos recomendados para a criação da mesma. Obrigatoriamente deve torná-la mais notória aos olhos de quem a vê, remetendo o público para conceitos relativos à qualidade, confiança e competência.

“…lo que podria ser una definacion de la Identidad Corporativa Gráfica como la manera en que los princípios de una identidad corporativa son convertidos en elementos gráficos, com un valor simbólico que los vincula.” (Gonzalez, 1999, p. 74) O conceito de identidade pode ser entendido por um conjunto de peças e elementos gráficos que representam visualmente e de forma sistemática uma idéia, produto ou serviço. Em geral a identidade das empresas construidas sob a influência de fatores como a decoração, a cor e simbologia, o profissionalismo e a competência dos seus colaboradores e a qualidade dos seus produtos. No entanto uma identidade não é só constituída pela representação gráfica, embora verifiquemos isso na maioria dos autores que incide maioritariamente na descrição dos suportes físicos de identidade visual (logótipos, cores). Fascioni tem uma ideia diferente do conceito de identidade corporativa, argumentando que os elementos visuais apenas traduzem a sua identidade. “Identidade corporativa é o conjunto de características essenciais que tornam uma empresa única, especial, inigualável (…) A identidade de uma empresa é a sua essência, seus princípios, crenças, manias, defeitos, qualidades, aspirações, sonhos, limitações.” (Fascioni, 2006, p. 13)

Assim, fazem parte da identidade visual de qualquer instituição elementos como: nome, logótipo e slogan. A identidade visual da Sentido Comum, é composta apenas por dois elementos: o nome e o logótipo, uma vez que não possui slogan.

1.3.1. Nome

O nome completo da empresa - Sentido Comum, Soluções de Tecnologia e Marketing - fornece informação suficiente para identificar a atividade desenvolvida.

(22)

7 Este nome foi escolhido para transmitir a ideia de que a Sentido Comum trabalha no mesmo “sentido” que a empresa que procura os seus serviços, para alcançar o objetivo “comum” a todas as empresas, que consiste em expandir a sua marca.

1.3.2. Logotipo

Figura 4. Logotipo da empresa Sentido Comum

Fonte: Sentido Comum

É através desta representação visual (figura 4), constituída pelo nome da empresa, que esta vai conseguir atingir o público mais assertivamente. Dado que este elemento faz uma identificação da empresa bastante clara e objetiva.

O logotipo é o primeiro contato do público com a empresa. O logotipo tem o poder de definir a primeira impressão de um potencial cliente sobre a empresa e, como tal, apresenta um peso determinante na imagem desta. Os logotipos de sucesso têm o poder de criar uma identificação imediata com a marca que representam. É observável tal prova quando se realiza um exercício mental, pois rapidamente nos lembramos de vários logotipos que fazem a associação imediata à marca que representam. A coca-cola é um exemplo, entre muitos outros existentes.1

A combinação das cores e formas escolhidas tem um papel muito importante na elaboração de um logotipo. Num elemento como este, deve ter-se em conta todos os pormenores pois contêm um significado subentendido. Por exemplo, a utilização de linhas retas, transmitem seriedade e rigidez, e a utilização de linhas curvas, passam a ideia de flexibilidade. Em relação às cores utilizadas, existem as cores quentes e as cores frias, e entre elas diversas representações e significados.

Nomeadamente neste caso, o logotipo da empresa Sentido Comum, é uma identificação clara da mesma. Neste logotipo são utilizadas duas cores frias, o verde e o azul, para transmitir a sensação de calma e profissionalismo.

(23)

O verde refere-se a “novos começos” e “crescimento”. Neste logotipo é utilizado com o significado de um novo começo e crescimento que podem ser concedidos a quem recorre aos seus serviços. O azul refere-se a “calma” e “responsabilidade”. Neste logotipo tem o intuito de representar a responsabilidade na realização de todos os trabalhos propostos. Quanto ao tipo de fonte da letra utilizado, particularmente linhas curvas, pretende transmitir a ideia de flexibilidade em adaptar o trabalho realizado ao pretendido pelo cliente.

1.4. Missão

Entende-se como o(s) motivo(s) pelo(s) qual(ais) a empresa foi criada. Leva em conta a visão do cliente, as suas necessidades, a forma que se acredita ser a mais certa para fazer realizer os projetos. “Segundo, as declarações de missão destacam as principais políticas e valores que a empresa deseja honrar.” (Kotler, 1998, p.77)

A missão e os objetivos de uma empresa devem estar bem definidos desde a sua criação, para que seja possível aplicar os seus serviços no segmento de mercado a que se destina.

Assim, a empresa Sentido Comum, tem como missão:

• Ousadia para sugerir, mudar e fazer a diferença;

• Adaptar tecnologia às reais necessidades do cliente;

• Fomentar empatia e objetivos comuns;

• Investigação constante e evolução continua;

• Comportamento eticamente irrepreensível e profissional.

1.5. Método

Para a elaboração de todos os seus projetos, a empresa Sentido Comum, utiliza uma determinada metodologia, que consiste nos pontos a seguir explicados. Estes por sua vez ajudam a encontrar as soluções adaptadas às necessidades de cada cliente.

(24)

9

• Análise - ouvimos e analisamos, damos sugestões e trabalhamos em equipa para encontrar a solução que mais satisfaça as suas necessidades e também as dos seus clientes.

• Proposta - elaboramos uma proposta tendo como base as caraterísticas e objetivos idealizados, debatemos a melhor abordagem em conjunto com o cliente. Elaboramos um cronograma com as diferentes etapas e metas de controlo definindo as responsabilidades dos agentes intervenientes.

• Criação - usamos a tecnologia adequada para a finalidade pretendida, parametrizando soluções existentes ou criando de raiz a solução à sua medida. Desenvolvemos usando as mais diversas tecnologias (.net, php, html, xhtml, xml, mysql ou sql).

• Teste - no final do desenvolvimento serão realizados testes em termos de design, codificação e usabilidade. Após estes pequenos ajustes a solução estará pronta a ser implementada.

• Implementação - a implementação do projeto no prazo definido e com garantia de sucesso é o nosso compromisso. Atuamos como parceiros para que a evolução e amadurecimento da solução, represente vantagem competitiva.

1.6. Análise SWOT

A análise SWOT é utilizada para mostrar de uma forma integrada o resultado do processo de análise estratégica, determinando as oportunidades e ameaças; e avaliando as competências, descobrindo assim os pontos fortes e fracos da empresa:

• S – Strenghts – pontos fortes;

• W – Weaknesses – pontos fracos;

• O – Opportunities – oportunidades;

(25)

A análise SWOT é o relacionamento dos pontos fortes e fracos da empresa com as principais tendências do seu meio envolvente, isto é, fazer uma análise das ameaças e oportunidades conjugada com a análise dos pontos fortes e fracos.

“Através da identificação dos pontos fortes, das fraquezas, das oportunidades e das ameaças, a organização pode construir estratégias em face dos pontos fortes, eliminar as suas fraquezas, e explorar as oportunidades para as usar como contra-ameaças”. (Guiné at al, 2010, p. 102)

Como toda a empresa, a “Sentido Comum”, também partilha este tipo de análise, a qual será apresentada a seguir, na figura 5. A análise elaborada pela própria empresa. A mesma foi dividida em análise interna, que consiste nos pontos fortes e os pontos fracos e análise externa, que consiste nas oportunidades e ameaças. Seguindo esta linha de pensamento, este exercício permite à empresa verificar e avaliar as estratégias utilizadas comparativamente a outras empresas do mesmo ramo, definindo melhor as suas prioridades e corrigindo as suas falhas.

Figura 5. Análise SWOT da empresa

FORÇAS

Qualidade dos serviços prestados Competência profissional Reconhecimento do trabalho

desenvolvido

FRAQUEZAS

Serviço prestado dispendioso Recursos humanos limitados

OPORTUNIDADES

Aposta nas novas tecnologias Localização

AMEAÇAS

Crise económica do país População envelhecida do país, sem

acesso às novas tecnologias

(26)

11

1.6.1.

Pontos fortes

São vantagens internas da empresa em relação às empresas concorrentes. Neste caso referem-se a:

• Qualidade dos serviços prestados – a Sentido Comum possui soluções gráficas e tecnológicas rigorosas, adaptadas às necessidades específicas de cada cliente.

• Competência profissional – A equipa de trabalho possui habilitações adequadas ao trabalho desenvolvido.

• Reconhecimento do trabalho desenvolvido – A elevada qualidade do trabalho desenvolvido permite que este seja reconhecido fora da sua área geográfica.

1.6.2. Pontos fracos

Designado também por fraquezas, este ponto traduz-se nas desvantagens internas da empresa em relação às empresas concorrentes. Neste caso referem-se a:

• Serviço prestado dispendioso – Custo elevado do trabalho desenvolvido, o que pode afastar possíveis clientes.

• Recursos humanos limitados – Apenas três colaboradores.

1.6.3. Oportunidades

São aspetos positivos do meio que envolve a empresa com potencial de lhe trazer vantagem competitiva e melhorar o seu desempenho. Neste caso referem-se à:

• Aposta nas novas tecnologias – A área de atuação da empresa Sentido Comum ainda não está muito desenvolvida, o que oferece uma margem de evolução bastante elevada.

• Localização – Localizada na Guarda, onde a concorrência ainda não é muito acentuada.

(27)

1.6.4. Ameaças

São aspetos negativos do meio que envolve a empresa com potencial para comprometer a vantagem competitiva que ela possui e prejudicar o seu desempenho. Neste caso referem-se à:

• Crise económica do país – pode levar ao menor investimento nesta área.

• População envelhecida da região – sem acesso às novas tecnologias.

Depois de analisados todos estes pontos relativos à análise Swot efetuada pela empresa, constatei que se encontra em falta um ponto fraco, ao meu ver, visto que a empresa não se dá muito a conhecer ao público em geral. Embora tenha vários clientes, sendo alguns deles grupos empresariais, a empresa não divulga muito o seu nome e seus respetivos serviços. Portanto eu acrescentaria como uma fraqueza a falta de divulgação da mesma. Relativamente aos restantes pontos, estou plenamente de acordo com tudo o que foi apontado.

(28)

Estágio Curricular

(29)

14 Neste capítulo, apresentarei o plano de estágio, bem como os cronogramas. Cada atividade desenvolvida será detalhadamente especificada também nesta parte do relatório, bem como os respetivos conceitos relacionados, funcionando assim como textos introdutórios.

2.1. Objetivos de estágio

O estágio é visto como uma aprendizagem que se fundamenta num processo pedagógico de construção de conhecimentos, desenvolvimento de competências e habilidades sob processo de supervisão. Como tal durante o período de estágio foram desenvolvidas várias atividades em que o objetivo prioritário seria o aprofundamento dos conhecimentos práticos e teóricos adquiridos durante o percurso letivo. No entanto cada uma dessas atividades realizadas surgiu do pressuposto dos seguintes objetivos específicos:

• Instalação e edição de CMS (Content Management System);

• Aquisição de conhecimentos e utilização de gestor de versões;

• Atualização de conteúdos nessas mesmas plataformas;

• Criação de conteúdos multimédia para aplicação em plataformas CMS; o Tratamento e vetorização de imagens bitmap;

o Criação de ficheiros svg estáticos e animados;

• Desenvolvimento e aplicação de mecanismos de testes para plataformas CMS;

• Melhoramento dos conhecimentos em linguagens de programação.

2.2. Cronograma

Um cronograma é entendido como um “calendário de atividades”, que tem como função criar uma melhor gestão das técnicas utilizadas para a realização de atividades e do tempo de execução atribuído a cada uma, sendo apresentado de forma mais percetível, por meio de uma tabela.2

(30)

15 Recorrendo a um cronograma (Quadro 1, Quadro 2 e Quadro 3) apresento as tarefas realizadas e a respetiva data em que as mesmas ocorreram, ao longo dos três meses de estágio. Neste capítulo, mais à frente, descreve-las-ei com mais detalhe.

Quadro 1. Cronograma de julho

Quadro 2. Cronograma de agosto

(31)

16

2.3. Instalação de Software

Como novo estagiário da empresa, foi-me pedido, tal como a todo o estágiário que chega a esta instituição, a criação de uma nova conta de email Gmail 3_{, posteriormente usada para}

comunicar com os outros elementos integrantes da empresa.

A maior parte da comunicação, tal como feedbacks ou tarefas a realizar, eram pedidas através deste meio. Consequentemente, também foi preciso instalar programas no meu portátil, que me iriam ajudar na realização das atividades pedidas. Uns eram já conhecidos, outros nem tanto.

Comecei pela Dropbox 4, que me facilitaria a passagem dos ficheiros finais de cada atividade aos meus superiores e colegas estagiários.

Continuei a instalar o Xamp 5 e o Wordpress, que embora não fossem já imediatamente para serem utilizados, serviriam para mais tarde realizar atividades relacionadas com a criação ou edição de sites, tal como o Visual Studios Code, que serviria de suporte para escrever diversas linguagens de programação para a criação ou edição dos websites.

Depois também instalei o GitHub 6, mas de nada me servia, pois tentei compreendê-lo aprendendo as suas funcionalidades, chegando assim à conclusão de que todo o esforço feito, foi em vão, porque durante o período de estágio nunca o cheguei a usar. Isto por uma razão muito simples. Visto que este programa só foi do meu conhecimento quando cheguei à empresa, não sabia usá-lo e como este funcionava através de linha comandos, atingia assim uma das minhas fragilidades, a programação, o que também adicionaria mais dificuldades ao funcionar com ele.

Concluí esta tarefa, instalando um programa chamado Inkscape, que iria auxiliar-me na tarefa pedida nesse mesmo dia, consistindo na vetorização de uma imagem.

3_{https://www.significados.com.br/gmail/, consultado em 19 de setembro de 2018.}

4_{https://www.baixaki.com.pt/download/dropbox.htm, consultado em 3 de setembro de 2018.}

5_{https://tecnofala.com/instalar-o-wordpress-no-seu-computador/, consultado em 3 de setembro de 2018.} 6_{https://pt.wikipedia.org/wiki/GitHub, consultado em 3 de setembro de 2018.}

(32)

17 Entretanto souberam das minhas habilitações anteriores, em particular da minha obtenção do curso de especialização tecnológica em Instalação e Manutenção de Redes e Sistemas Informáticos, equivalente ao nível 5. E propuseram-me instalar num portátil da marca HP, já antigo, o sistema operativo Linux. Numa primeira fase como não tinha este sistema operativo armazenado em nenhum suporte (dvd, pen drive ou outro), forçando-me a ir ao site da Linux e fazer download deste, depois gravá-lo num dvd e testá-lo na máquina. Conclusão, não foi à primeira que funcionou, o que consequentemente me obrigou a voltar ao site anteriormente acedido e fazer download de outra versão do sistema operativo, depois gravá-lo novamente num novo dvd. Ao testar este deu novamente erro. Decidi então pesquisar o erro em fóruns e foi quando me deparei com a solução. Gravei um terceiro dvd com uma versão do Linux 7_{mais antiga e durante o processo de instalação segui as recomendações que}

um utilizador postou numa conversa no fórum, conluindo assim a instalação como bem sucedida. Finalizando a tarefa, efetuei a instalação dos respetivos drivers e atualizações; e criei um documento Word com o tutorial sobre como “Instalar o Lubuntu 14.04 num portátil sem PAE Penthium M” (Anexo II).

2.4. Vetorização de imagens bitmap

Quanto à vetorização de imagens bitmap, esta é definida pela transformação da estrutura composta em pixeis para uma estrutura composta por linhas e curvas, fáceis de manipular como objetos individuais. “O pixel é o ponto que carateriza a formação de uma imagem digital no seu todo. “O desenho vectorial é produzido a partir da conjugação de formas geométricas geradas através de fórmulas matemáticas, constituidas, na sua maioria, por texto, poligonos, curvas e elipses.” (Urbano, 2008)

Dado que no momento em que cheguei, a empresa se encontrava a atualizar os seus sites, surgiu uma oportunidade de demonstrar algum do conhecimento adquirido durante as aulas. Uma vez que muitas das imagens alojadas nos sites se encontravam em formato png ou jpeg, foi-me atribuída a minha primeira tarefa, que consistia em redesenhar algumas dessas imagens e gravá-las no formato svg. O formato svg é um formato gráfico vetorial que em seu estado normal é inteiramente dedicado a bases vetoriais, que permite aos desenvolvedores

(33)

18 web e designers ultrapassarem as limitações do HTML e assim fazerem a criação de conteúdo visível robusto e interativo. O facto deste formato ser responsivo, ou seja, dar a possibilidade de alterar a escala para qualquer resolução de tela e permitir ser editado por via de programação, já que a sua formação é baseada em XML, o que também vem a tornar a acessibilidade de documentos melhor. Ao que parece é bastante vantajoso este tipo de formato.

A primeira imagem (figura 6) que tive de redesenhar primeiramente no programa sugerido, cujo mesmo era o Inkscape 8, pertencia ao website da empresa Internorte, que é uma empresa de transportes rodoviário internacional de passageiros. Para ser mais exato a imagem encontrava-se no rodapé do website.

Posteriormente atribuí a cor exata da imagem com a ajuda de programação.

Figura 6. Imagem presente no website da Internorte

Fonte: https://www.internorte.pt

Também vetorizei logotipos, ou melhor dizendo, redesenhei logotipos de outras empresas, com a mesma finalidade. O método utilizado, logo desde de início consistiu em, num primeiro passo guardar a imagem em formato png ou jpeg no computador, para depois poder passá-la para uma folha em branco num dos seguintes programas: Inkscape, Adobe Illustrator ou Corel Draw. De seguida selecionava a opção rastreio rápido, e verificava se a imagem vetorizada se encontrava igual à inicial. Caso esta não tivesse ficado o mais parecida possível à original, era obrigado a utilizar as ferramentas dos programas e melhorá-la manualmente. Por vezes, essa situação também chegava a acontecer na parte da tipografia. Aí tinha de ser eu a resenhar as letras, porque mesmo procurando o tipo de letra através da ferramenta WhatTheFont disponibilizada online na web, esta não era fidedigna, encontrando somente fontes com algumas parecências ou então as fontes eram pagas.

(34)

19 Numa primeira fase comecei por experimentar o Inkscape e o Adobe Illustrator, passando posteriormente a utilizar o Corel Draw 9_{quando percebi em que consistiam exatamente as tarefas}

deste género. Posto que foi o programa que aprendi a usar durante as aulas e visto conhecer já as funcionalidades deste, para mim, tornava-se mais prático e fácil fazer o uso deste.

Os logotipos apresentados nas imagens que se seguem dizem respeito ao grupo empresarial Tavfer (figura 7), que congrega empresas em variados sectores como o turístico, imobiliário ou metalomecânica, e mais recentemente vinícola (figura 8). É reconhecido no mercado pela TavFer Inspeção Auto (figura 9), empresa esta que presta o serviço de inspeções automóveis.

Figura 7. Logotipo do grupo Tavfer

Fonte: http://tavfer.com/site/

Figura 8. Logotipo da Tavfer Vinhos

(35)

20

Figura 9. Logotipo da Tavfer Inspeção Auto

Fonte: https://www.cima-sa.pt/

O logotipo a seguir representado diz respeito a uma empresa do ramo mobiliário de interiores designada de Robinil (figura 10). Fabricam e restauram sofás, cadeiras, cabeceiras, somiers e outros produtos estofados, em todos os estilos e materiais de revestimento.

Figura 10. Logotipo da Robinil

Fonte: http://www.robinil.com/

O logotipo a seguir representado diz respeito a uma empresa designada por Premaq e trabalha no ramo do comércio de equipamentos industriais.

Figura 11. Logotipo da Premaq

O logotipo a seguir representado (figura 12) pertence à Associação para o Desenvolvimento Social do Ramirão. Localizada na Freguesia de Casal Vasco, situando-se apenas a 5 minutos da vila de Fornos de Algodres.

Esta associação promove a integração social do idoso, mobilizando condições que lhe permitam uma crescente autonomia e independência nas atividades de vida diária, na

(36)

21 capacidade de escolha, valorizando a pessoa mais velha, como veículo de aprendizagem e conhecimento da nossa história, das nossas tradições, da nossa identidade.

Figura 12. Logotipo da Associação para o Desenvolvimento Social do Ramirão

Fonte: http://www.apdsramirao.pt/

O logotipo representado na figura 13 pertence a uma empresa especializada no fabrico de caracóis prontos a comer, que comercializa, com grande sucesso, no País e no estrangeiro. Esta empresa dá-se pelo nome de Caracol Real e situa-se na Cerdeira do Côa. é uma referência no sector, tendo sido pioneira no ramo.

Figura 13. Logotipo da empresa Caracol Real

Fonte: https://www.caracolreal.com/

O logotipo a seguir mostrado na figura 14, representa uma marca líder no mercado de máquinas de processamento de extrusões de alumínio e denomina-se por Tekna. Este

(37)

22 logotipo foi meramente utilizado de forma a fazer referência à marca e não para identificar o website, ao contrário dos restantes logotipos cuja essa era a sua principal função.

Figura 14. Logotipo da marca Tekna

Fonte: http://www.premaq.pt/tekna

O logotipo a seguir mostrado na figura 15 diz respeito a uma empresa do ramo da comercialização e transformação de cogumelos. Designa-se por Eurofunghi e a sua sede em Portugal situa-se no Alto de Pêga.

Figura 15. Logotipo da empresa Eurofunghi

Fonte: http://www.eurofunghi.pt/

Por último, encontra-se representado na figura 16, o logotipo da Norinstelnor. É uma empresa que se dedica ao projeto e instalação de AVAC (Aquecimento, Ventilação e Ar Condicionado), complementando a sua atividade com a execução de Instalações de Águas e Esgotos.

Figura 16. Logotipo da empresa Norinstelnor

(38)

23 Para finalizar o processo, cada um destes logotipos depois de concluídos eram guardados no formato svg e partilhados pela dropbox ou enviado via email.

2.5. Criação de SVG’s animados

Como já foi explicado no ponto anterior, o formato svg traz inúmeras vantagens. Assim sendo, neste ponto, a tarefa que me foi passada consistia na criação ou replicação de ícones no formato antes mencionado. Os passos efetuados foram semelhantes aos da atividade anterior, uma vez que a atividade era idêntica, apenas mudava o facto destas imagens serem ícones e não logotipos. Uma das diferenças nos procedimentos efetuados nesta atividade, deveu-se à procura de imagens vetoriais já criadas e partilhadas no site Flaticon 10. Este mecanismo, facilitou e simplificou praticamente o processo todo porque após o uso deste apoio apenas tinha que ajustar as imagens descarregadas ao tamanho ideal e fixá-las a um plano de fundo já criado antecipadamente no editor em forma de quadrado.

Figura 17. Ícones alojados no website do OPO Hotel Aeroporto

Fonte: https://www.opohotel.com/pt

É de referir que alguns destes ícones não foram precisos qualquer tipo de alterações, como foi o caso do ícone “Proibido a animais de estimação”.

(39)

24 Estes oito ícones representados na figura 17, encontram-se alojados no website do OPO Hotel Aeroporto.

Escusado será dizer que as próximas imagens partilham do mesmo processo de criação que os ícones anteriores. Estes seis ícones representados na figura 18, encontram-se alojados no website de Seguro de Crédito. O programa usado para a edição destas imagens e ícones foi o Adobe Illustrator 11.

Figura 18. Ícones alojados no website Seguro de Crédito

Fonte: https://www.segurodecredito.com.pt/

A imagem que segue (figura 19) foi o meu primeiro svg animado. Tinha-me sido pedido de forma a substituir um outro alojado no website Espaço Visual. Para criá-lo recorri ao site Flaticon e editei-o no Adobe Illustrator. Depois para atribuir a animação utilizei o programa Svgator 12 que é uma ferramenta online e gratuita. Para utilizá-la basta carregar uma imagem em formato SVG e depois criar a animação usando o ambiente gráfico do serviço. Inseri então, recursos como a opacidade e a escala e ativei a opção Loop para que este quando publicado começa-se sozinho sem tê-lo de iniciar manualmente a todo o momento.

11_{http://www.webapostilas.com.br/apostilas/illustrator/973, consultado em 4 de setembro de 2018.}

12_{https://www.fciencias.com/2018/01/10/svg-animation-creator-criador-animacoes-vetoriais/, consultado em}

(40)

25

Figura 19. Svg animado

2.6. Criação de postais

Relacionado com o cliente do website Seguro de Crédito, foi-me pedido que criasse um postal de aniversário com o propósito de este depois de aprovado pelo cliente, ser enviado aos seus próprios clientes. Numa primeira fase comecei a elaborar o postal num editor de imagens online, o Pixlr 13.

Mais tarde, não estando satisfeito o resultado do primeiro postal (figura 20), decidi criar um segundo, com novas ideias, mas desta vez com o apoio do programa Corel Draw. A minha ideia principal centrou-se em criar um postal em forma de um cartão de multibanco. Ainda assim, depois de concluído o segundo, acabei por criar outras duas versões iguais à anterior, mas em outra cor. No Anexo III encontram-se as restantes sugestões criadas.

Figura 20. Primeiro postal criado no Pixlr Editor

(41)

26

2.7. Testes aos websites

Produzir um website é um processo muito amplo e por vezes demorado. Geralmente, para um professional de webdesign esse processo subdivide-se nas seguintes cinco fases: planeamento, análise, desenho, desenvolvimento e manutenção.

“Antes mesmo de se ter uma ideia sobre como será o aspecto do site, é necessário fazer todo o planeamento adequado.” (Figueiredo, 2004, p. 39) O planeamento é a fase em que definimos os objetivos da criação do website, ou seja, definimos o seu propósito, a sua audiência e que informação vamos dispor.

“

O conteúdo é o rei.” (Rodriguez, 2008, p. 39) Na análise averiguamos o conteúdo que temos e o modo como iremos disponibilizá-lo e organizá-lo. A existência desta fase é fundamental para a criação de um bom processamento de palavras-chave ou SEO, assunto que abordarei num outro ponto mais á frente. É ainda nesta etapa que é feita a árvore de navegabilidade do website.

“O design determina forma. E a forma deve seguir a função. A dos objectos à sua função de uma forma esteticamente agradável é a base do design.” (Figueiredo, 2000, p. 47) Na etapa do desenho, como o próprio nome declara, refere-se à ilustração do website. É nesta etapa que é definido o seu layout e a sua estrutura.

“… esta é a etapa activa final de um Web Designer até ao sítio Web ficar totalmente pronto e disponível ao utilizador final.” (Santos, 2009, p. 41) Embora todas as fases sejam importantes para todo um processo de criação de um website, o desenvolvimento é uma fase crucial. É no desenvolvimento que começamos a dar “formas” ao que criámos na fase anterior. O que está no papel passa tudo para o computador por meio de codificação.

Por fim, segue-se a fase da manutenção. Fase esta onde são feitos inúmeros testes ao website depois de concluído, para descobrir possíveis erros e corrigi-los. Também são feitas alterações ou atualizações de novas versões consoante a evolução das novas tecnologias. Esta tarefa obrigou-me a utilizar o meu sentido de observação, atenção e percepção em simultâneo. Enquanto revia e testava ao mesmo tempo botões, hiperligações, entre outras funcionalidades existentes no website da TavFer Inspecção Auto, quer numa versão desktop quer numa versão mobile, à medida que ia encontrando erros ia apontando-os num

(42)

27 documento Excel (figura 21), partilhado pelo Google Drive 14, conjuntamente com print screens do erro (figura 22), para posteriormente serem corrigidos.

Figura 21. Documento Excel com os erros

Figura 22. Exemplo de print screens dos erros

(43)

28

2.8. Tratamento e edição de imagens bitmap

Uma outra tarefa que tive de desempenhar incidiu no tratamento de imagens bitmap. Tratar uma imagem consiste em corrigi-la e retocá-la, removendo imperfeições nela ou então ajustando a sua cor, alterando propriedades como o equilíbrio de brancos, matiz, saturação e brilho, nitidez ou então adicionando filtros. Redimensionar uma imagem significa aumentar ou diminuir o seu tamanho físico alterando o número de pixels que ela contém.

Ocorreram três situações em que tive de recorrer a este método. As duas primeiras com o propósito de serem inseridas no website da TavFer Inspecção Auto. E uma terceira com o propósito de serem inseridas no website Encostas do Côa. Numa dessas situações a minha tarefa a desenvolver consistia em procurar imagens de centros de inspeção automóvel através do Google Maps com objetivo de preencher o espaço em branco, lugar este em que supostamente deveriam ser apresentadas fotografias dos centros. Os centros de inspeção automóvel que conseguisse encontrar e me permitissem obter as imagens destes, efetuava uma captura de ecrã premindo a tecla “Prt Sc”, presente no teclado do portátil e mais tarde editava-as e redimensionava-as para o mesmo tamanho das imagens (695 x 280) que já se encontravam no site a ilustrar os restantes centros de inspeção, tudo isto com a ajuda do programa Adobe Photoshop 15.

Como exemplo de uma dessas imagens apresento a figura 23. Ao todo encontravam-se quatro centros de inspeção automóvel sem imagem, respetivamente o centro correspondente à Alcobaça, Figueira da Foz, Marinha Grande e Tomar.

(44)

29

Figura 23. Página do centro de inspeção da Figueira da Foz

A outra situação aconteceu dado não ter conseguido obter na situação anterior, uma imagem correspondente ao centro de inspeções automóvel de Alcobaça. Assim, tive de retirar uma imagem não repetida de um dos centros da Cima, aleatoriamente, no Google. Editei-a de modo a que não se percebesse que era uma imagem dos outros centros. Transformei-a em pintura e adicionei-lhe o efeito greyscale, convertendo-a no resultado final que pode ser observado na figura 24.

Figura 24. Imagem ilustrativa do centro de inpeções automóvel de Alcobaça

(45)

30 A terceira situação baseia-se unicamente no redimensionamento de fotografias, tal como a que se encontra na figura 25. Essas imagens depois de redimensionadas para o tamanho 1280 x 720, tem como objetivo serem inseridas no website das Encostas do Côa.

As Encostas do Côa 16 são um empreendimento de turismo rural, situado na aldeia de Quinta Nova, concelho de Pinhel. Dispõe de uma casa na árvore, que funciona como alojamento, a seis metros de altura, bungalows e de um parque de campismo/caravanismo.

Figura 25. Fotografia da casa da árvore

Fonte: http://www.encostasdocoa.pt

2.9. Aprendizagem e aquisição de conhecimentos

A aprendizagem traduz-se num processo de aquisição de conhecimentos, habilidades, valores e atitudes, possibilitado através do estudo, do ensino ou da experiência. Este ponto não se considera bem uma tarefa, mas sim algo que este estágio veio adicionar à minha sabedoria, nomeadamente conhecimentos úteis, quem sabe, num futuro profissional próximo. “Ninguém é tão ignorante que não tenha algo a ensinar. Ninguém é tão sábio que não tenha algo a aprender.” (Pascal)

16_{https://www.revistasauda.pt/noticias/Pages/Um-negocio-de-familia.aspx, consultado a 10 de outubro de}

(46)

31 Comecei assim por adquirir conhecimentos relativamente ao Drupal 17. Este sistema é o mais utilizado pela empresa. Enquanto visualizava os passos que o meu tutor da empresa dava ao desenvolver um website, ao mesmo tempo ia relatando em voz alta esses mesmos passos e explicava quais os procedimentos mais corretos a realizar num projeto deste tipo. Para a sua criação, ele guiava-se por uma maquete já desenhada, pela profissional da empresa responsável pela parte do design, a Drª Sandrina e já aprovada pelo cliente.

Já num outro dia, observei e aprendi com o Engenheiro Francisco a realizar procedimentos necessários relativamente a CRM.

“CRM é uma série continua de interacções cujo objectivo é incrementar o valor a longo prazo do cliente para a organização, desenvolvendo e retendo clientes através do incremento da satisfação e lealdade.” (Sindell, 2000) O CRM (Customer Relationship Management) é o conjunto de práticas, estratégias e tecnologias que uma empresa utiliza focada no cliente.18

Pretende gerir, de forma integrada todos os pontos de contato e relações/comunicações de todos os elementos da empresa com os seus atuais ou potenciais clientes para benefício de ambas as partes envolvidas. Vem determinar também que setores, como o de vendas, marketing, atendimento e pesquisa; e outros esforços da empresa estejam voltados para o relacionamento e acompanhamento do cliente.

Para José Duarte Santos na obra intitulada de CRM – Offline & Online 19, o CRM não é a existência do produto ou o serviço do mês, mas sim a procura constante de formas de construir experiências positivas para o cliente. Este relacionamento baseia-se sempre em pessoas, sendo, portanto, necessário que, por detrás de todo um conjunto de tecnologia que permita chegar ao cliente, esteja um ser humano com quem o consumidor possa dialogar. O CRM apresenta-se assim, como um dos pilares do marketing moderno, apoiando-se nas novas tecnologias.

17_{https://pt.wikipedia.org/wiki/Drupal, consultado em 6 de setembro de 2018.} 18_{https://www.pipedrive.com/pt/crm, consultado em 11 de outubro de 2018.} 19_{SANTOS, J. D. (2006). CRM offline & online. (s./e.), Vila Nova de Gaia.}

(47)

32

2.10. Processamento de textos para SEO

Continuando a descrever as atividades realizadas ao longo destes três meses, o processamento de textos para criar um bom SEO foi também uma delas.

SEO significa Search Engine Optimization que traduzido para português significa otimização para mecanismos de busca. Trata-se de um conjunto de técnicas de otimização para sites e páginas na web. Essas otimizações visam alcançar bons rankings orgânicos criando tráfego e autoridade para um site. Quando as empresas investem no marketing digital, um dos seus maiores objetivos incide em alcançarem os primeiros lugares nos mecanismos de busca, obtendo deste modo mais cliques e visitas no seu site. Para tal a empresa deve investir numa estratégia específica de maneira a otimizar os resultados e garantir um bom posicionamento no google ou outros motores de busca.

Para uma melhor e correta otimização de sites, de modo a obter um bom mecanismo de busca, devemos guiar-nos pelas seguintes ideias:

- Definir boas palavras-chave;

- Disponibilizar conteúdo com alta credibilidade, tornando o acesso ao site numa experiência incrível;

- Definir um bom título SEO, devendo conter de 55 a 65 caracteres e se possível a palavra-chave escolhida, compilando a ideia principal do conteúdo do site;

- Diminuir o tempo de carregamento das páginas do site; - Ser responsivo;

- Criar URLs simples, curtas e que contenham a palavra-chave foco; - Respeitar as regras gerais de acessibilidade e usabilidade;

- Definir um texto-âncora de qualidade.2021

Passo a descrever em que consistiu esta minha tarefa. Dispondo do exemplo de uma empresa concorrente, guiei-me assim pela Controlo Auto, para o processamento de textos para SEO, respetivamente a integrar no site na empresa TavFer Inspeções Auto ou também designada

20_{https://blog.hotmart.com/pt-br/o-que-e-seo/, consultado em 12 de outubro de 2018.}

21

(48)

33 por Cima. Durante o desenvolvimento da produção desses textos, tive de ter em consideração a limitação do máximo de 230 carateres e as seguintes palavras-chave: centro de inspeções, centro de inspeção, inspeção automóvel e IPO. Exemplo: “Marque a sua inspeção automóvel no centro de Alcanena (Santarém) e escolha o melhor horário no centro de inspeções mais próximo de si. Garantimos o melhor atendimento, prioritário.”. A figura 26 é uma representação do resultado final do centro de inspeções de Alcanena.

Figura 26. Resultado da pesquisa do centro de inspeção da Cima em Alcanena

Estes textos serviriam à posteriori para localizar no motor de busca cada centro de inspeção da empresa, daí ter de os especificar detalhadamente. Para que esta tarefa fosse concluída com sucesso foi necessária uma pesquisa da localização exata de cada um destes centros, tendo por vezes que referenciar com exatidão algumas das empresas que os rodeavam, procurando não publicitar estas mesmas. Estes textos deviam transmitir uma mensagem clara e objetiva para o cliente. Os mesmos passaram por várias revisões e correções até chegarem à fase de conclusão e serem publicados no site (figura 27). Os textos criados para o processamento de SEO encontram-se no Anexo IV.

(49)

34

Figura 27. Exemplo do formulário para inserir os textos criados

2.11. Inserção de vídeos no Youtube

Entre as atividades já descritas e outras por descrever, refiro mais uma. Esta diz respeito a um evento designado por Drupal Developer Days Lisbon 2018 organizado pela comunidade Drupal que reúne pessoas de todo o mundo que contribuem para o progresso do Drupal. Aconteceu pela sua primeira vez em Lisboa, no ISCTE, de 2 a 6 de julho de 2018.

Primeiramente, uma vez que já se encontravam alguns vídeos na conta relacionada com o evento, apenas tive que ordená-los, inserir uma breve descrição com: nome do(s) orador(es) juntamente com o(s) respectivo(s) link(s) da(s) sua(s) página(s) pessoal(ais), nome da(s) palestra(s); e o título do video (nome e data do evento e numero da parte do vídeo). Estes vídeos eram correspondentes ao Acquia Auditorium (figura 28).

(50)

35

Figura 28. Página da conta onde foram inseridos os vídeos

Depois de publicados os vídeos anteriores, fui também incumbido de fazer download dos restantes vídeos, referentes às sessões das outras salas (figura 29).

Figura 29. Site onde se encontravam hospedados os vídeos das outras salas

(51)

36 Depois de já ter na minha posse os vídeos, fiz o upload dos mesmos na conta do Youtube 22 do evento e segui o mesmo procedimento que efetuei nos vídeos anteriores, com uma pequena diferença em relação ao título dos vídeos seguintes. O título destes era constituído pelo nome e data do evento mais o nome da palestra à qual correspondia cada vídeo.

Verificamos o procedimento explicado anteriormente na figura 30. Em seguida sucede-se a publicação dos vídeos, que se encontrarão disponíveis para o público que não teve oportunidade de assistir presencialmente.

Figura 30. Vídeos do evento publicados

2.12. Redirecionamento de url

Redirecionamento url é entendido como uma forma de encaminhar os utilizadores de um determinado site, bem como os mecanismos de pesquisa para um url diferente do que eles solicitaram originalmente.23

22

https://www.tecmundo.com.br/youtube/118500-historia-youtube-maior-plataforma-videos-do-mundo-video.htm, consultado em 26 de setembro de 2018.