Prova de Aptidão Profissional

Website para uma carpintaria

Curso Profissional Técnico de Gestão e

Programação de Sistemas Informáticos

Junho 2014

Aluno: Carlos Filipe Rebeca Prates

Orientador PAP: Bernardino Melgão
 Prova de Aptidão Profissional 2014

Agradecimentos

Antes de entrar no curso, já mostrava algum interesse na área da

programação e sempre procurei informação na internet e com amigos
interessados como eu.

Quando me inscrevi, sabia que a programação não era fácil mas estava
pronto para aprender junto dos meus colegas e professores.

Por isso agradeço a todas as pessoas que de forma direta ou indireta,

contribuíram para a concretização deste curso e do meu projeto PAP. E os
meus sinceros agradecimentos vão para:

 A minha família por me ajudarem a avançar com este projeto e em

especial ao meu pai pois ele é um dos donos da carpintaria de que se
trata o projeto e à minha mãe por me ajudar em todos os passos do
projeto.

 Professor Bernardino Melgão, professora Maria João Leitão e o

professor Manuel Raposo, pela atenção prestada, pela preciosa
transmissão de conhecimentos, disponibilidade, simpatia e apoio sempre
que foi necessário e pela valiosa orientação essencial à concretização
da PAP e do presente relatório de PAP.

 A todos as pessoas com que trabalhei na FCT por me ajudarem a tornar

uma pessoa melhor, a eles agradeço todo o conhecimento que me
transmitiram.

A todos eles, agradeço.

Carlos Prates
Ciclo de formação 2011/2014 Página 1
 Prova de Aptidão Profissional 2014

Índice

Agradecimentos ............................................................................................... 1

Introdução ......................................................................................................... 3

Capitulo I – Projeto ........................................................................................... 4

Descrição do projeto............................................................................................... 4

Interação entre o utilizador/máquina ..................................................................... 5

Capitulo II – Ferramentas/Software utilizado no Projeto .............................. 6

Capitulo III – Planeamento do Projeto ............................................................ 8

Capitulo IV – Reuniões de acompanhamento ................................................ 9

Capitulo V – Contributos deste trabalho ........................................................ 9

Capitulo VI – Desenvolvimento do Projeto .................................................. 10

Capitulo VII – Obstáculos na PAP ................................................................. 28

Capitulo VIII – Conclusões ............................................................................ 29

Trabalho futuro ...................................................................................................... 31

Anexos ................................................................................................................... 32

Carlos Prates
Ciclo de formação 2011/2014 Página 2
 Prova de Aptidão Profissional 2014

Introdução

A PAP (Projeto de Aptidão Profissional) é um projeto pessoal, cujo objetivo foi a

realização de uma aplicação para uma carpintaria para mostrar imagens
inseridas pelos administradores de modo a dar ideias aos clientes e ajudar a
decidir as suas obras. Escolhi a carpintaria do meu pai pois reparai embora
tivessem muito trabalho, não tinham nenhum tipo de exposição na internet por
isso pensei em fazer o seu próprio site para ajudar na sua divulgação. Com a
conclusão deste projeto, este será adotado pela carpintaria e terá o seu próprio
domínio apresentando o site nos cartões da empresa e em qualquer tipo de
publicidade.

O meu projeto tem como principal objetivo facilitar o trabalho, de divulgação e

conversas com os clientes pois terão um sítio fixo para visualizar alguns dos
trabalhos feitos pela carpintaria. Este projeto torna possível uma gestão mais
organizada de toda a informação e recursos disponibilizados centrando-se nos
seus trabalhos e experiencias em obras já existentes. Com um design apelativo
e uma interpretação lógica, esta aplicação possibilita que o utilizador não tenha
dificuldades em utilizá-lo para satisfazer as suas atividades diárias.

Este projeto tem várias funcionalidades como registos de utilizadores,

visualização de catálogos, partilhas de fotos entre os utilizadores e envio de
mensagens automáticas para o correio eletrónico. Na zona administrativa do
nosso site poderá ser possível a visualização das atividades dos nos clientes
como registo de entrada e saída. Entrada de partilhas e mais, também será
possível remover, introduzir e alterar catálogo, adicionar ou remover imagens
ao slide show e destaque, registo de novos administradores e por fim
visualização de mensagens enviadas para o correio eletrónico.

Carlos Prates
Ciclo de formação 2011/2014 Página 3
 Prova de Aptidão Profissional 2014

Capitulo I – Projeto

Descrição do projeto
O projeto realizado consiste no desenvolvimento de um Website para uma
carpintaria destinada a visualização de catálogos e gestão de clientes. Esta
aplicação é desenvolvida em várias linguagens de programação web como
HTML, PHP, CSS e javascript (Com ajuda JQuery)

HTML - (abreviação para a expressão inglesa HyperText Markup Language,

que significa Linguagem de Marcação de Hipertexto). Utilizada para criar a
estrutura do site.

PHP - (um acrônimo recursivo para "PHP: Hypertext Preprocessor",

originalmente Personal Home Page). Utilizada nas ligações á base de dados e
envio de emails.

CSS - Cascading Style Sheets é uma linguagem de folhas de estilo utilizada

para definir a apresentação de documentos escritos em linguagem de
marcação, como HTML ou XML. Utilizada para definir cores, estilos, margens e
muito mais.

Javascript - É uma linguagem de programação interpretada. Foi originalmente

implementada como parte dos navegadores web para que scripts pudesse ser
executado do lado do cliente e interagisse com o usuário sem a necessidade
deste script passar pelo servidor, controlando o navegador, realizar a
comunicação assíncrona e alterando o conteúdo do documento exibido.

Carlos Prates
Ciclo de formação 2011/2014 Página 4
 Prova de Aptidão Profissional 2014

Interação entre o utilizador/máquina

O website poderá ser acedido por todas as pessoas que desejem e que
procurem os nossos recursos e serviços disponibilizados pela carpintaria.
Primeiro os utilizadores podem escolher se querem registar-se no nosso site,
pois isso não impede que não possam ver as imagens. Depois basta seguir
pelos vários menus disponíveis pelo site para procurar o que lhes interessa.

O administrador do site, têm vários poderes a nível de base de dados,

entre adicionar, alterar e remover catálogos, slide show e destaques verificar as
partilhas e visualizar as mensagens enviadas para o correio eletrónico.

Alterações de password ou email terão que ser revistas primeiro no

email do cliente por razões de segurança.

Carlos Prates
Ciclo de formação 2011/2014 Página 5
 Prova de Aptidão Profissional 2014

Capitulo II – Ferramentas/Software utilizado

no Projeto

Na fase inicial do projeto foi utilizada a internet para fazer pesquisas, numa
tentativa de perceber o grau de dificuldade e complexidade do projeto,
equacionando possíveis falhas ou dificuldades, quando iria ser realizado o
projeto. Em termos de recursos de desenvolvimentos foram utilizados
principalmente os softwares WAMP e XAMP.

Software utilizado

Microsoft Windows 7

O Windows 7 é uma versão Microsoft Windows, uma série de sistemas

operativos produzidos pela Microsoft para uso em computadores pessoais,
incluindo computadores domésticos e empresariais, portáteis tablets e PCs.

Microsoft Word 2010

O Word é um processador de texto da Microsoft, que permite criar diversos

documentos de texto, modelos de várias maneiras e possibilidades de formatar
um documento com diferentes tipos e estilos de carateres. O recurso ao MS
Word permitiu a criação e edição de texto. A elaboração do relatório e
execução do presente projeto – PAP.

Internet browsers (Internet Explorer, Google Chrome, Mozilla firefox,

Safari, Opera todos nas suas ultimas versões).

Em todas as versões do meu site iria sempre verificar a compatibilidade com

estes web browsers.

Carlos Prates
Ciclo de formação 2011/2014 Página 6
 Prova de Aptidão Profissional 2014

Wamp e Xamp

WAMP é um servidor web independente de plataforma. É um software livre,

que consiste no servidor web Apache, no SGBD MySQL, e os interpretadores
para linguagens de script: PHP, Perl e Python.

Sublime texto 2

É um editor de texto e código-fonte multiplataforma bastante sofisticado.

PhotoFiltre

É um completo editor de imagens com um pacote de efeitos bastante completo

e acima da média, totalmente gratuito para uso pessoal.

Carlos Prates
Ciclo de formação 2011/2014 Página 7
 Prova de Aptidão Profissional 2014

Capitulo III – Planeamento do Projeto

Foi feita uma previsão antecipada do tempo necessário/destinado para a

execução das atividades previstas e as datas possíveis para a concretização
do projeto.

Atividades Set. Out. Nov. Dez. Jan. Fev. Mar. Abr. Mai. Jun. Jul.
Planeamento
X X X
PAP
Previsão
antecipada na
X X
execução do
projeto
Recolha da
informação a
X X X
colocar no
Website
Desenvolvimento
X X X X X
do projeto
Elaboração do
resto do Website X X
e melhorá-lo
Elaboração do
relatório e do X
manual final
Entrego do
projeto X
Apresentação da
X
PAP.

Diagrama de Gantt – Representação do Projeto, em termos de fases e sua

duração entre 2013/2014.

Carlos Prates
Ciclo de formação 2011/2014 Página 8
 Prova de Aptidão Profissional 2014

Capitulo IV – Reuniões de acompanhamento

Reuniões foram realizadas na escola durante o período de estágio, localizadas

no Bloco A4 na escola Secundaria Gabriel Pereira, e repetiram-se consoante o
desenvolvimento do trabalho e as necessidades ou dúvidas que foram
surgindo.

Capitulo V – Contributos deste trabalho

Nos tempos de hoje qualquer empresa ou pequeno oficio tem um site ou uma
página de Facebook e eu reparei que a carpintaria da minha família não tinha
nenhum tipo de exposição na internet. Através de um website é possível
mostrar todos os recursos e serviços disponibilizados pela empresa ajudando o
aumento de vendas e a satisfação dos clientes. E ainda com um sistema de
registo de utilizadores será possível manter os utilizadores no nosso site.

A colocação online do website ira expor os trabalhos desta carpintaria

deixando possíveis clientes interessados aumentando assim as vendas.

Em termos pessoais o desenvolvimento deste projeto trouxe-me vários

conhecimentos sobre a necessidade de organização de uma empresa. Como
as perspetivas sobre o mundo do trabalho pois, estou a seguir ordens de uma
empresa real neste projeto.

Carlos Prates
Ciclo de formação 2011/2014 Página 9
 Prova de Aptidão Profissional 2014

Capitulo VI – Desenvolvimento do Projeto

Para que o projeto começasse a ter forma, foram realizadas pesquisas e

consultas a outros Websites do género e da mesma área de negócio. O
objetivo era observar e compreender os diferentes aspetos ou componentes de
um Website do ramo e ainda, quais as possibilidades para o desenvolver.

Carlos Prates
Ciclo de formação 2011/2014 Página 10
 Prova de Aptidão Profissional 2014

Comecei por realizar esboços em caderno, de como o modelo principal do site

iria ficar. Falando com os donos da empresa reuni todas as principais
funcionalidades que o site obrigatoriamente teria que ter, para melhorar o
quanto eu quisesse.

Com a instalação do servidor wamp onde se cria um servidor local de testes

para visualizar o desenvolvimento do site, também foi criada uma base de
dados no phpmyadmin, de nome “bdmpf” (base de dados Manuel Prates e
filhos).

Estando tudo pronto para começar a criação do Website decidi que o mesmo
deveria ser composto por 4 partes Cabeçalho, principal, Menu de utilizador, e
rodapé constando os seguintes artigos e componentes:

 Cabeçalho
o Logótipo;
o Slideshow;
o Menu;
o Visualização do utilizador;
 Principal
o Conteúdo;
o Visualização de imagens;
o Contactos e localização da empresa;
o Mapa do site;
o Destaque;
o Perfil;
 Menu de utilizador
o Perfil
o Alterar password;
o Alterar email;
 Rodapé
o Menu
o Autor
o Copyright

Carlos Prates
Ciclo de formação 2011/2014 Página 11
 Prova de Aptidão Profissional 2014

Com a definição dos menus e conteúdos começou-se, a programar as

maneiras mais simples de criar o código.

Após termos decidido a estrutura mais “User Friendly” para um site deste tipo,
definimos os nomes dos menus um por um, as cores bases, imagens e scripts.
Criando a base do site do zero, tive ajuda de outros websites e algumas
pesquisas no Google. Para atingir os objetivos estabelecidos foi necessário
desenvolver aprendizagem em linguagens como, PHP, CSS, um pouco de
HTML pois nunca se sabe tudo e Javascript. Na minha perspetiva a base final
do meu website ficou com uma estrutura desejável tendo aspetos dinâmicos
como o slideshow e destaque (na página principal) mas também atrativo
permitindo todas a funcionalidades necessárias para um website deste ramo.

Carlos Prates
Ciclo de formação 2011/2014 Página 12
 Prova de Aptidão Profissional 2014

Importância de cada linguagem utilizada no website:

PHP: Sendo responsável por mais de 80% do sites com conexão á base de
dados esta linguagem, php (Hypertext Preprocessor) foi indispensável para a
criação deste website, pois tendo em conta que os catálogos têm que ser
inseridas com ajuda de base de dados esta linguagem tinha que
obrigatoriamente estar incluída.

CSS: Desempenhando um grande papel na camada da apresentação deste

website teve que ser uma linguagem também muito pesquisada pois não tinha
nenhum tipo de conhecimento sobre o que ela poderia vir a fazer por mim, pelo
facto de que todas as cores, margens, comprimentos, alturas e muito mais
aspetos foram programados por esta língua.

Javascript (jquery): A linguagem responsável pelas animações e validações de

campo é muito rápida e eficiente pois todo o código é executado pelo lado do
utilizador ao contrário do php onde é executado no lado do servidor. Sendo o
Jquery uma biblioteca do Javascript muito utilizada e conhecida por toda a
comunidade de web masters desenvolvida para simplificar os scripts client
side.

Principais funcionalidades do jQuery:

 Resolução da incompatibilidade entre os navegadores.

 Redução de código.
 Utilização de uma vasta quantidade de plugins criados por outros
desenvolvedores.
 Implementação segura de recursos do CSS1, CSS2 e CSS3

Carlos Prates
Ciclo de formação 2011/2014 Página 13
 Prova de Aptidão Profissional 2014

MySQL: Base de dados simples, rápido e eficiente para se trabalhar com

sistemas Web. Além disso ele é fácil e intuitiva tornada mais simples com o uso
do phpMyAdmin uma aplicação web desenvolvida pelo PHP para administrar
o MySQL, a partir deste sistema é possível criar e remover bases de dados,
criar, remover e alterar tabelas inserir, remover e editar campos, executar
códigos SQL e manipular campos chaves.

Carlos Prates
Ciclo de formação 2011/2014 Página 14
 Prova de Aptidão Profissional 2014

Depois da informação e design estruturado, começou-se a programação dos

componentes do site:

Componentes existentes no cabeçalho:

Imagem do logótipo

Utilização de um slideshow com imagens das instalações da empresa: comecei

por procurar scripts na internet sobre slideshows, mais tarde e depois de
algumas tentativas falhadas de encontrar um slideshow próprio para o que eu
queria fazer encontrei um muito simples e fácil de usar, com um pouco de
magia do php consegui exibir imagens aleatoriamente na base de dados onde
o administrador do site poderá inserir dinamicamente na zona administrativa do
site.

A utilização do menu assegura uma simples e fácil navegação sobre o nosso

site e foi isso mesmo onde queria chegar com a construção de um menu
inteligente e bonito.

O conteúdo do menu contendo 6 abas:

 1º Aba “MP&F”
o Contem uma breve explicação de “quem somos”, de onde
viemos, a quanto tempo fazemos este trabalho etc.
 2º Aba “Escritórios”
o Dentro tem outro menu com exemplos de escritórios, estantes e
secretárias.
 3º Aba “Interiores”
o Em interiores existe várias categorias de interiores como cozinhas
casas de banho quartos etc.
 4º Aba “Exterior”
o Na aba exterior existe vários tipos de trabalhos para exterior,
disponibilizados pela carpintaria.

Carlos Prates
Ciclo de formação 2011/2014 Página 15
 Prova de Aptidão Profissional 2014

 5º Aba “Diversos”
o Em Diversos temos várias categorias que realmente não
pertencem a nenhuma das abas acima só e por isso criei esta
aba propositalmente para este tipo que contem por exemplos
escadas, chão flutuante, janelas em madeira, tetos em madeira e
portas.
 6º Aba “Partilhas”
o A aba das partilhas é uma área muito interessante pois os
utilizadores registados podem partilhar fotos e receber
comentários dos nossos administradores e utilizadores.
Utilizadores não registados somente podem comentar.

No topo de algumas páginas se o utilizador estiver ligado vai ser possível ver a
sua imagem em pequeno e uma hiperligação para o seu perfil, favoritos e
logout se não aparecerá uma ligação para fazer login.

Carlos Prates
Ciclo de formação 2011/2014 Página 16
 Prova de Aptidão Profissional 2014

Componentes existentes na parte principal:

Com a necessidade de mostrar várias imagens e estender o comprimento

máximo deste site, tive que criar dois modelos desta parte uma onde não
haverá qualquer tipo de imagens a serem mostradas pois este modelo vai ser
utilizado para mostrar informação e conteúdos pequenos. Também aparecera a
informação do cliente se este estiver ligado, como nome e ligação para ir ao
perfil se o cliente não estiver registado aparecerá uma zona de login com uma
hiperligação para o registo. O outro modelo é o mais comprido por isso foi
desenhado para alargar o comprimento total do website em questão por isso
neste modelo vai ser utilizado para mostrar imagens dos catálogos, por cada
imagem inserida no site haverá um título uma descrição e um botão para
adicionar aos favoritos se o utilizador estiver registado no site. Já na aba das
partilhas este modelo terá um componente programado em Javascript que será
um slide de um “div” que será utilizado para um formulário de inserção de
partilhas no site.

Também nesta parte haverá uma seta para voltar ao topo da página para
utilizadores que não precisarem de fazer “scroll up” sempre que quiserem ir
para outro menu.

Carlos Prates
Ciclo de formação 2011/2014 Página 17
 Prova de Aptidão Profissional 2014

Componentes existentes na parte do menu de utilizador:

Esta parte do site é só para utilizadores registados.

Consiste em mostrar informações de registo tanto como pedidos para mudar de

password e email.

Nesta parte também existe varias hiperligações para o uso dos utilizadores
registados:

 Verificar partilhas
o Nesta página o utilizador será capaz de visualizar todas as fotos
que já partilhou no nosso site e também verificar se o
administrador a rejeitou ou aceitou.

 Favoritos
o Aqui o utilizador poderá verificar todos os seus favoritos.

 Escrever mensagem
o Esta área não somente reservada a utilizadores registados
permitira escrever mensagens diretamente para os
administradores verem e também receberão uma copia para o
email com a mensagem digitada.

Carlos Prates
Ciclo de formação 2011/2014 Página 18
 Prova de Aptidão Profissional 2014

Componentes existentes no rodapé:

No rodapé do site existe um menu vertical contendo vários tópicos:

 Novos catálogos
o Nesta página estão representados todas as imagens inseridas no
website das mais recentes para as mais antigas podendo
utilizadores registados adicionar aos favoritos e escolher o
número de registos por página.
 Mapa do site
 Contactos e localização
o Contem o nome da rua, código postal, email da empresa, numero
de telefone, fax e a utilização do Google maps para mostrar a
localização da empresa.
 O desenvolvedor do website
 Copyright

Carlos Prates
Ciclo de formação 2011/2014 Página 19
 Prova de Aptidão Profissional 2014

Diferença entre os utilizadores registados e não registados

A grande diferença entre os utilizadores registados é o facto de eles poderem

dar favorito numa imagem do seu interesse e mais tarde poder verificar essa
mesma imagem nos seus favoritos. Utilizadores registados também poderão
enviar fotos pelo formulário de partilhas onde os utilizadores não registados
não poderão enviar fotos e também não poderão dar favorito em nenhuma das
imagens do website.

Os utilizadores não registados poderão enviar mensagens já que no formulário

da mensagem pede o nome do autor e ainda ver todas as imagens disponíveis
pelo website. Nenhum conteúdo disponibilizado pela empresa será bloqueado
para utilizadores não registados.

Os administradores do site não terão qualquer tipo de poder no website em si

mas terão uma zona diferente onde poderão fazer a gestão de todos os
componentes do website como por exemplo gerir utilizadores, gerir catálogos,
gerir partilhas e muito mais.

Carlos Prates
Ciclo de formação 2011/2014 Página 20
 Prova de Aptidão Profissional 2014

Explicação de algumas funções do site:

O sistema para mostrar imagens de largura média e grande:

Este sistema é muito utilizado pelo nosso website pois sempre que aparecem
imagens este sistema é aplicado.

Porem seja muito utilizado em grande parte do website é um sistema dinâmico

e bem fácil de se reproduzir.

Começando pela ligação á base de dados, recebemos o registo completo da

imagem em questão, utilizando a função getimagesize do php conseguimos
descobrir as suas dimensões utilizando isso a nosso favor programei um
código para dois tipos de casos possíveis.

Começando por definir a largura e altura máxima das imagens dos catálogos
poderia começar a criar o código para as mostrar.

 Largura 980 pixels

 Altura 900 pixels
 Tamanho 500kb

Se a imagem em questão tiver uma largura menor ou igual 621 pixels ira fazer
o código onde as imagens de largura mais pequena ficarão melhores.

Se a imagem em questão tiver uma largura maior a 621 pixels ira fazer outro
código onde as imagens de largura grande ficarão melhor.

Carlos Prates
Ciclo de formação 2011/2014 Página 21
 Prova de Aptidão Profissional 2014

Sistema de partilhas:

Pensei no sistema de partilhas na partida em que o utilizador, poderá ser

mantido com o incentivo de vir verificar a sua partilha por comentários de
utilizadores ou administradores.

Ao entrar na página das partilhas imediatamente conseguimos ver um botão

que desliza para revelar um formulário para utilizadores já registados para
poderem inserir a sua partilha no nosso site se tudo correr bem receberão uma
mensagem dentro do browser a dizer que o formulário foi recebido com
sucesso e os administradores vão revela para ver se está em condições de ser
colocada ou não para outros utilizadores poderem ver e comentar.

Utilizando o sistema de mostrar imagens só irão aparecer as enviadas pelos

utilizadores e aceitadas pelos administradores. Porém agora existe um filtro
que dará ao utilizador ver as partilhas de uma só categoria como por exemplos
se o utilizador quer ver as partilhas da categoria quartos escolherá de acordo e
só irão aparecer partilhas sobre quartos vindo também a escolher o número de
registos por página.

Clicando no título de uma partilha abrira uma página singular a essa partilha
onde os utilizadores encontraram os comentários do facebook para poderem
comentar o que estão a ver.

Carlos Prates
Ciclo de formação 2011/2014 Página 22
 Prova de Aptidão Profissional 2014

Sistema de mensagens:

Com o objetivo de haver uma melhor comunicação entre o cliente e a empresa

criei este pequeno sistema de envio de mensagens.

Os componentes da mensagem são:

 Nome
 Email
 Telefone
 Assunto
 Localidade da obra
 Mensagem
 Captcha
o É uma função utilizada por toda a internet que previne o abuso de
spam de mensagens.

Sendo um formulário previamente criado para os utilizadores preencherem, as

mensagens serão enviadas para o email escrito no formulário e para o email da
empresa escrito no código ainda será gravada na base de dados onde o
administrador poderá revelar e ter mais fácil acesso as mensagens do que se
for por email.

Carlos Prates
Ciclo de formação 2011/2014 Página 23
 Prova de Aptidão Profissional 2014

O sistema de envio de emails para poderem mudar a password:

Na criação deste código foi a primeira vez que consegui enviar um email por
isso com alguma criatividade consegui arranjar um sistema criado por mim para
poderem mudar a password em segurança.

Tudo começa com o utilizador a pedir que lhe enviem um email para poder
trocar de password, o email é respetivamente enviado para o email atual da
conta contendo um link com um token que é a junção de quatro números
aleatórios que mais tarde são encriptados com a codificação md5, isto tudo é
gravado na base de dados para mais tarde ser verificado quando o link for
clicado e se o token do link for igual ao token registado na base de dados o
utilizador vai poder mudar de password.

Exemplo:
http://localhost/php/mudarpass.php?token=926cf03582f4e8dabdada2c96157ae
ae&idt=1

Carlos Prates
Ciclo de formação 2011/2014 Página 24
 Prova de Aptidão Profissional 2014

Sistema de slideshow e destaque:

Tanto o slideshow como as imagens em destaque na página principal são

ambos sistemas dinâmicos no código podendo ser inserido e removidos a
qualquer altura pelo administrador na zona administrativa do website.

Tendo em conta que o slideshow e o destaque funcionam de maneira diferente

pois o slideshow corre a partir de novas imagens inseridas pelo administrador e
o destaque corre com imagens de catálogos já existentes e o administrador
basta escolher que catálogos quer apresentar no destaque.

O slideshow tendo uma altura e largura específicas, diferentes desses números

específicos iriam estragar o design do site o que não seria muito bonito de se
ver.

Carlos Prates
Ciclo de formação 2011/2014 Página 25
 Prova de Aptidão Profissional 2014

Zona administrativa do website

Menus:

 Gerir utilizadores
 Gerir Catálogos
 Gerir Partilhas
 Gerir slideshow
 Gerir destaque
 Mensagens

Gerir utilizadores

Existem duas subcategorias, registo de atividades e contas criadas.

Nos registo de atividades estão todas as atividades geradas pelo utilizadores

do site como entrar, sair, mudar a foto de perfil, partilhar entre outras, podendo
pesquisar as atividades por nome.

Em contas criadas uma tabela com todos os utilizadores registados no site.

Gerir catálogos

Com duas subcategorias “adicionar catálogos” e “todos os catálogos”.

Em adicionar catálogos apresenta um formulário para inserir catálogos novos e

o ultimo registo inserido para confirmar que o registo foi inserido com sucesso.

Na subcategoria todos os catálogos mostraram os catálogos podendo filtrar por

categoria tendo sempre a opção de modificar ou apagar catálogos.

Gerir Partilhas

Todas partilhas ainda não revistas pelo administrador estarão neste menu á
espera da confirmação do administrador podendo também filtrar por categorias.

Carlos Prates
Ciclo de formação 2011/2014 Página 26
 Prova de Aptidão Profissional 2014

Gerir slideshow

Com duas categorias para adicionar e remover slideshows.

Ao adicionar um slideshow tendo sempre as dimensões de imagem a vista e o

último registo adicionado para confirmar que o registo foi adicionado com
sucesso.

Gerir destaque

Tendo a opção para adicionar ou remover catálogos aparecem todos os

catálogos numa forma de tabela coma imagens como uma hiperligação para se
verem melhor.

Mensagens

O administrador poderá ver todas as mensagens enviadas por os utilizadores

onde os emails terão uma hiperligação para o Outlook para ser mais rápido o
tempo de resposta.

Carlos Prates
Ciclo de formação 2011/2014 Página 27
 Prova de Aptidão Profissional 2014

Capitulo VII – Obstáculos na PAP

A realização de um projeto é sempre uma tarefa difícil quando mais se for

sozinho, aprender a ser autónomo é dos primeiros passos pois ninguém vai
fazer o trabalho por nós e se continuamos a adiar chega-se ao fim do dia sem
nada feito.

Sabe-se que nem tudo corre como desejado e o risco de falhas ao longo de
todo percurso é inevitável, mesmo com planeamento do projeto e tudo bem
definido nunca estamos preparados para o que a realidade nos atira para as
mãos, em primeiro lugar fazem-se algumas pesquisas para implementar as
principais etapas de um projeto, tentando perceber melhor as dificuldades que
poderão surgir e equacionar as possibilidades para a sua resolução.

Ao partir do início da realização deste projeto deparei-me com algumas

dificuldades, em termos de compatibilidade às quais foram respondidas com
pesquisas e tentativas de resolução.

Contudo, com a resolução de novos erros já se consegue evitar sempre futuros

problemas pois podemos ajustar o código a diferentes situações melhorando
assim a efetividades e evitando erros que se verificaram posteriormente.

Carlos Prates
Ciclo de formação 2011/2014 Página 28
 Prova de Aptidão Profissional 2014

Capitulo VIII – Conclusões

Em conclusão deste projeto consigo-me sentir orgulhoso de min mesmo pois

cheguei a ultrapassar obstáculos que pensava impossíveis para uma pessoa
da minha capacidade, contou a minha persistência e dedicação para este
projeto por nunca ter desistido até mesmo quando as coisas não estavam a ir
para onde eu pensava e ter mantido sempre a cabeça fria e olhar para frente.

Com ajuda de alguns familiares e amigos como a minha mãe, apesar de não
saber os conteúdos do projeto sempre se mostro disponível para me ajudar
com alguma dúvida, realizar pesquisas e a falar por mim quando eu não podia.

A Prova de Aptidão Profissional é o projeto mais marcante desta formação,

pois permite mostrar as capacidade e conhecimentos adquiridos ao longo de
toda a formação neste curso, isto sim é uma reflexão de todas as
aprendizagens ao longo do curso num único projeto.

O meu trabalho desde do início da realização do primeiro esboço do trabalho

final a sua elaboração e conclusão implicou sempre grande capacidade de
autonomia e persistência, aspetos que se foram desenvolvendo ao longo deste
percurso.

Nos dias de hoje estar familiarizado com as novas tecnologias, é sempre uma
mais-valia para o futuro, mas com continuação constante de querer aprender
novos conhecimentos, de forma a conseguir uma maior e mais segura
integração na sociedade atual.

Carlos Prates
Ciclo de formação 2011/2014 Página 29
 Prova de Aptidão Profissional 2014

Com a conclusão deste projeto certamente ira me beneficiar, quer a nível

profissional, quer a nível social se à de revelar muito proveitoso e com uma boa
aplicação em trabalhos futuros. Com todos o esforço e dedicação, para além
das novas competências e capacidades adquiridas sem sobra de duvida no
futuro conseguirei realizar um projeto igual se não melhor que este e mostrar o
meu valor perante o mundo do trabalho.

É com grande satisfação e alívio que chego a conclusão deste projeto, certo
que um projeto destes nunca ficara terminado e continuarei a melhora-lo ao
longo do tempo pois chegara as casas de todas as pessoas com o seu
alojamento nos servidores da empresa, contudo fico feliz de um modo geral
com a sua concretização em direção ao mundo real.

Não posso deixar de dizer que a conclusão deste projeto foi algo muito positivo
para mim. Igualmente foram os conhecimentos e metodologias adquiridas ao
longo do curso de Técnico de Gestão e Programação de Sistemas
Informáticos, destacando também as realizações pessoais do autor
relativamente à ambição e as capacidades e competências aplicadas.

Finalmente com a aprovação deste projeto foi um marco muito importante na

minha vida, não só pelo avaliação mas, sobretudo, pela experiencia e
realização pessoal tornando-me uma pessoa mais confiante, segura e
motivada para trabalhos futuros, pois agora sei posso fazer mais e melhor na
próxima vez que me mandarem fazer um projeto deste tipo.

Carlos Prates
Ciclo de formação 2011/2014 Página 30
 Prova de Aptidão Profissional 2014

Trabalho futuro

Está tudo pronto falta falar com empresa fazer as algumas burocracias e alojar
o site nos servidores da carpintaria.

Depois de mais algumas conversas descobri e eles ainda estão a necessitar de

alguns softwares fáceis que com algum trabalho e dedicação em aprender
novas línguas serão possíveis para eu me comprometer a criar e
possivelmente a ser reembolsado monetariamente.

Não sei o que o futuro me reserva, mas estou confiante.

O Autor,

Carlos Prates
Ciclo de formação 2011/2014 Página 31
 Prova de Aptidão Profissional 2014

Anexos

Carlos Prates
Ciclo de formação 2011/2014 Página 32
 Prova de Aptidão Profissional 2014

Figura 1: Página de entrada no Website.

Carlos Prates
Ciclo de formação 2011/2014 Página 33
 Prova de Aptidão Profissional 2014

Figura 2: Página de Contactos e localização

Figura 3: Mapa do site

Carlos Prates
Ciclo de formação 2011/2014 Página 34
 Prova de Aptidão Profissional 2014

Figura 4: Página de mensagens

Figura 5: Sobre nós

Carlos Prates
Ciclo de formação 2011/2014 Página 35
 Prova de Aptidão Profissional 2014

Figura 6: Registe-se

Carlos Prates
Ciclo de formação 2011/2014 Página 36
 Prova de Aptidão Profissional 2014

Figura 7: Menu Interiores

Carlos Prates
Ciclo de formação 2011/2014 Página 37
 Prova de Aptidão Profissional 2014

Figura 8: Menu Diversos

Carlos Prates
Ciclo de formação 2011/2014 Página 38
 Prova de Aptidão Profissional 2014

Figura 9: Menu Partilhas

Figura 10: Ver partilha

Carlos Prates
Ciclo de formação 2011/2014 Página 39
 Prova de Aptidão Profissional 2014

Figura 11: Quarto

Carlos Prates
Ciclo de formação 2011/2014 Página 40
 Prova de Aptidão Profissional 2014

Figura 12: Visualização de imagens pequenas

Figura 13: Visualização de imagens grandes

Carlos Prates
Ciclo de formação 2011/2014 Página 41
 Prova de Aptidão Profissional 2014

Figura 14: Perfil

Figura 15: Mudar password

Carlos Prates
Ciclo de formação 2011/2014 Página 42
 Prova de Aptidão Profissional 2014

Figura 16: Favoritos

Figura 17: Página principal da administração

Carlos Prates
Ciclo de formação 2011/2014 Página 43
 Prova de Aptidão Profissional 2014

Figura 18: Atividades dos utilizadores

Figura 19: Inserir catálogos

Carlos Prates
Ciclo de formação 2011/2014 Página 44
 Prova de Aptidão Profissional 2014

Figura 20: Aprovação de partilhas

Figura 21: Adicionar destaques

Carlos Prates
Ciclo de formação 2011/2014 Página 45
 Prova de Aptidão Profissional 2014

Figura 22: Gerir mensagens

Carlos Prates
Ciclo de formação 2011/2014 Página 46