irei folitécnico polytechnic -...

IREIfolitécnicodaGuarda

Polytechnicof Guarda

RELATÓRIO DE PROJETO

Licenciatura em Engenharia Informática

Felisberto Tertuliano da Costa

julho 1 2015

ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO

INSTITUTO POLITÉCNICO DE GUARDA

Plataforma de Venda Online

Projeto Aplicado no curso de Engenharia Informática

Orientadora: Professora Beatriz Rebelo

Felisberto Tertuliano da Costa

Nº1010196

Julho 2015

Gestão de Stocks Felisberto Costa

i

Ficha de Identificação

Aluno

Nome: Felisberto Tertuliano da Costa

Número: 1010196

Obtenção de Grau de Licenciatura: Engenharia Informática

Instituição

Estabelecimento de Ensino: Instituto Politécnico da Guarda – Escola Superior de

Tecnologia e Gestão

Morada: AV. Dr. Francisco Sá Carneiro nº 50, 6300-559 Guarda

Telefone: +351271220100

Fax: +351271222690

E-mail: [email protected]

Projeto

Orientadora: Professora Beatriz Rebelo

Linhas de investigação: Área Científica de Engenharia de Software e Sistemas de

Informação

Período de Projeto: 18/05/2015 a 04/12/2015

mailto:[email protected]


ii

Agradecimentos

Gostaria de aproveitar este momento para fazer alguns agradecimentos as pessoas que

contribuíram para que hoje eu chegasse até aqui, e pela qual não gostaria de esquecer.

Em primeiro agradeço a Deus e aos meus familiares, família de acolhimento na Guarda e aos

colegas que durante estes anos, acompanharam e apoiaram-me nesta jornada.

Agradecer as Professoras Beatriz Rebelo e a Maria Clara Silveira pelo apoio prestado em todas

as fases do projeto, mas acima de tudo, pelo desenho do modelo de Base de Dados, e não só,

pela disponibilidade, entrega e a paciência que tiveram comigo neste projeto.

Um agradecimento aos professores da Unidade Curricular de Projeto de Informática, Professor

Carlos Brigas e o José Carlos Martins Coelho Fonseca, pelas sugestões e críticas construtivas

ao longo do desenvolvimento e a apresentação do projeto.

À Diretora da Escola Superior de Tecnologia e Gestão do Instituto Politécnico da Guarda pela

sua disponibilidade, dedicação e preocupação.

De uma forma ou dá outra, a todos os professores que ao longo do curso, deram o seu melhor

para transmitir-me o conhecimento que hoje estou a colocar em prática no mundo de trabalho.

Agradeço ainda, a toda a direção do IPG e em particular a pessoa do Vice-Presidente

Professor Pedro Cardão e as colaboradoras de limpeza em especial a Dona Paula Roubalo e a

Dona Licínia Gonçalo, Francisco (secretária), Isabel Rabaça e a sua equipa da Cáritas

Diocesana de Guarda por terem ajudando-me nos momentos mais difíceis, de desânimo e

revolta interior e espiritual.

Aos colegas António Fernandes, João Antunes, Sandrine Machado, Belmiro Bernaldo pelo

apoio e sugestões dadas durante o curso.

Por último, aos professores Noel de Jesus, António Martins, José Alberto Quitério Figueiredo,

Luís Figueiredo e Paulo Nunes, pela força, paciência, diálogo e amizades construída durante

esta jornada.

A todos sem exceção, um muito obrigado!


iii

Resumo

Hoje em dia é cada vez mais importante o acesso e a partilha de informação a qualquer hora e

em qualquer lugar, esteja-se onde se estiver. Em particular, no caso de Clientes que pretendam

fazer as suas pesquisas e as suas compras sem terem que sair de casa. Como também para

os empresários que pretendem divulgar os seus produtos de uma forma mais abrangente ao

seu público habitual e ter uma capacidade de resposta de acordo com a solicitação.

A partir da proposta efetuada pela professora Beatriz Rebelo foi desenvolvida uma aplicação

(Plataforma Online de Gestão de Stocks) com o intuito de simplificar, divulgar e controlar toda a

informação produzida numa loja virtual de venda direta, bem como, facilitar o acesso a essa

mesma informação. As suas principais características são a gestão de clientes, gestão de

Stocks, controlo de pagamentos, envio de encomendas.

Palavras-chaves: WEB, Software, Bases de Dados, CMS.


iv

Abstract

Nowaday, it is increasingly important access to and sharing of information anytime, anywhere,

wherever we are. In particular, in the case of customers wishing to make their research and

their shopping without having to leave home. But also for entrepreneurs who want to advertise

their products in a more comprehensive way to his usual audience and have a response

capability according to request.

From the proposal made by Professor Beatriz Rebelo an application has been developed

(Online Platform Inventory Management) in order to simplify, disseminate and control all

information produced from a virtual store direct selling, as well as facilitate access to the same

information. Its main features are customer management, inventory management, payments

control, shipping orders.

Keywords: Web, Software, Databases, CMS.


v

Índice

Agradecimentos ..........................................................................................................................................ii

Resumo ....................................................................................................................................................... iii

Abstract ....................................................................................................................................................... iv

Índice ............................................................................................................................................................ v

Índice de Tabelas........................................................................................................................................ x

Índice de Figuras ....................................................................................................................................... xi

Abreviaturas .............................................................................................................................................. xiv

Capítulo I ................................................................................................................................................... 15

Introdução ................................................................................................................................................. 15

1 Estrutura do Documento ................................................................................................................. 16

1.1. Descrições do Problema ......................................................................................................... 17

1.2 Ferramentas e Equipamentos ................................................................................................ 17

1.3 Objetivos Previstos .................................................................................................................. 17

1.4 Solução ...................................................................................................................................... 17

Capítulo II .................................................................................................................................................. 18

2 Estado da Arte .................................................................................................................................. 18

2.1 CMS Genérico (Joomla, Drupal, WordPress) ..................................................................... 18

2.1.1 Joomla ............................................................................................................................... 18

2.1.2 Drupal ................................................................................................................................ 18

2.1.3 WordPress ........................................................................................................................ 18

2.2 CMS Específico ........................................................................................................................ 20

2.2.1 Prestashop ........................................................................................................................ 20

2.2.2 Opencart ............................................................................................................................ 22

2.2.3 Magento ............................................................................................................................. 24

2.3 Comparando as Ferramentas ................................................................................................ 26


vi

2.4 As aplicações existentes ........................................................................................................ 26

2.4.1 SoftMagement Gestão de Stock .................................................................................... 26

2.4.2 TradeGecko ...................................................................................................................... 27

2.4.3 Skyware Inventory ........................................................................................................... 27

Capítulo III ................................................................................................................................................. 28

3 Metodologia e Resultados Esperado ............................................................................................ 28

3.1 Metodologia .............................................................................................................................. 28

3.2 Descrição das Tarefas ............................................................................................................ 28

3.3 Resultados Esperados ............................................................................................................ 30

4 Tecnologia e Softwares Utilizados ................................................................................................ 31

4.1 Tecnologias Web ..................................................................................................................... 32

4.1.1 HTML ................................................................................................................................. 32

4.1.2 CSS .................................................................................................................................... 32

4.1.3 PHP .................................................................................................................................... 32

4.2 Software Utilizado .................................................................................................................... 33

4.2.1 PhpMyAdmin .................................................................................................................... 33

4.2.2 Microsoft Word ................................................................................................................. 33

4.2.3 Astah Community ............................................................................................................. 33

4.2.4 Visio ................................................................................................................................... 33

Capítulo IV ................................................................................................................................................ 34

5 Análise dos Requisitos e Conceção da Aplicação ..................................................................... 34

5.1 Caso de Uso ............................................................................................................................. 34

5.2 Descrição dos casos de Uso.................................................................................................. 35

5.2.1 Efetuar Encomenda ......................................................................................................... 35

5.2.2 Gerir Encomendas ........................................................................................................... 36

5.2.3 Tratar Encomendas ......................................................................................................... 38

5.2.4 Efetuar Pagamento .......................................................................................................... 39


vii

5.2.5 Editar Dados ..................................................................................................................... 40

5.3 Diagrama de Casos de Uso ................................................................................................... 41

5.4 Diagrama de Estados .............................................................................................................. 42

5.4.1 Autenticar Utilizador ........................................................................................................ 42

5.5 Diagrama de Sequência ......................................................................................................... 43

5.5.1 Efetuar Registo no Sistema ............................................................................................ 43

5.5.2 Efetuar Encomenda ......................................................................................................... 44

5.5.3 Gerir Encomenda ............................................................................................................. 45

5.5.4 Tratar Encomenda ........................................................................................................... 46

5.5.5 Atribuir Pagamentos ........................................................................................................ 47

5.6 Diagrama de Classe ................................................................................................................ 48

5.6.1 Diagrama de Classe do Sistema Continuação ........................................................... 49

5.7 Dicionário de Dados ................................................................................................................ 51

5.7.1 Estrutura da Tabela ps_country .................................................................................... 51

5.7.2 Estrutura da Tabela ps_address ................................................................................... 52

5.7.3 Estrutura da Tabela ps_customer ................................................................................. 53

5.7.4 Estrutura da Tabela ps_product_supplier .................................................................... 54

5.7.5 Estrutura da Tabela ps_orders ...................................................................................... 55

5.7.6 Estrutura de Tabela ps_supplier .................................................................................... 56

5.7.7 Estrutura da Tabela ps_category .................................................................................. 57

5.7.8 Estrutura da Tabela ps_order_payment ....................................................................... 57

5.7.9 Estrutura da Tabela ps_product .................................................................................... 58

5.7.10 Estrutura da Tabela ps_order_detail............................................................................. 59

5.8 Diagrama de Atividades .......................................................................................................... 61

5.8.1 Distribuir Encomendas .................................................................................................... 62

5.9 Diagrama de Instalação .......................................................................................................... 63

Capítulo V ................................................................................................................................................. 64


viii

6 Implementação da Solução ............................................................................................................ 64

6.1 Descrição .................................................................................................................................. 64

6.2 Implementar Responsive Web Design ................................................................................. 65

6.3 Construção do Templates ...................................................................................................... 66

6.4 Base de Dados ......................................................................................................................... 70

6.5 Modelo Entidade - Relacionamento ...................................................................................... 71

7 Aplicação e Testes .......................................................................................................................... 72

7.1 Painel de Controlo ................................................................................................................... 72

7.2 Catálogo .................................................................................................................................... 73

7.3 Encomendas ............................................................................................................................. 74

7.4 Clientes ...................................................................................................................................... 76

7.5 Regras do Carrinho ................................................................................................................. 77

7.6 Módulos ..................................................................................................................................... 77

7.7 Transportadoras ....................................................................................................................... 80

7.8 Localização ............................................................................................................................... 81

7.9 Preferências .............................................................................................................................. 82

7.10 Informação da Configuração .................................................................................................. 83

7.11 Administração ........................................................................................................................... 84

7.12 Estatísticas ................................................................................................................................ 85

7.13 Fazer uma encomenda ........................................................................................................... 86

Capítulo VI ................................................................................................................................................ 90

8 Conclusões e Trabalho Futuro ...................................................................................................... 90

8.1 Conclusão ................................................................................................................................. 90

8.2 Trabalho Futuro ........................................................................................................................ 91

Capíulo VII ................................................................................................................................................ 92

9 Bibliografia ........................................................................................................................................ 92

10 Anexo ............................................................................................................................................. 95


ix

10.1 Instalação do Servidor Local Usbwebserver ....................................................................... 95

10.2 Instalação do Prestashop ....................................................................................................... 96

10.3 Painel de Controlo Continuação ............................................................................................ 97

10.4 Pagamentos .............................................................................................................................. 99

10.4.1 Configuração de Métodos de Pagamento ................................................................... 99

10.5 Templates Continuação .......................................................................................................... 99

10.5.1 Imagens ............................................................................................................................. 99

10.5.2 Banner ............................................................................................................................. 100

10.5.3 Cor .................................................................................................................................... 100

10.6 Módulos Instalados e Configurados no Trabalho ............................................................. 101

10.7 Localização ............................................................................................................................. 102

10.7.1 Idiomas ............................................................................................................................ 102

10.7.2 Distritos/Estados, Países e Região ............................................................................. 102

10.7.3 Moedas, Taxas e Regras de Impostos ....................................................................... 102

10.8 Preferências ............................................................................................................................ 103

10.8.1 Contactos da Loja .......................................................................................................... 103

10.8.2 URL’s Amigáveis ............................................................................................................ 104

10.8.3 Geolocalização ............................................................................................................... 104

10.9 Encomendas Continuação ................................................................................................... 104

10.9.1 Estado de Encomendas ................................................................................................ 104


x

Índice de Tabelas

Tabela 1 Caso de Uso: Efetuar Encomenda ....................................................................................... 35

Tabela 2 Caso de Uso: Gerir Encomendas ......................................................................................... 37

Tabela 3 Caso de Uso: Tratar Encomendas ....................................................................................... 38

Tabela 4 Caso de Uso: Efetuar Pagamento ........................................................................................ 39

Tabela 5 Caso de Uso - Editar dados .................................................................................................. 40

Tabela 6 Dicionário de Dados: ps_country .......................................................................................... 51

Tabela 7 Dicionário de Dados: ps_address ......................................................................................... 53

Tabela 8 Dicionário de Dados: ps_customer ...................................................................................... 54

Tabela 9 Dicionário de Dados: ps_product_supplier ......................................................................... 55

Tabela 10 Dicionário de Dados: ps_orders ......................................................................................... 56

Tabela 11 Dicionário de Dados: ps_supplie ........................................................................................ 56

Tabela 12 Dicionário de Dados: ps_category ..................................................................................... 57

Tabela 13 Dicionário de Dados: ps_order_payment .......................................................................... 57

Tabela 14 Dicionário de Dados: ps_product ....................................................................................... 59

Tabela 15 Dicionário de Dados: ps_order_detail ................................................................................ 60


xi

Índice de Figuras

Figura 2 Painel Wordpress. Fonte: [4] .................................................................................................. 20

Figura 1 Prestashop ................................................................................................................................ 21

Figura 3 Opencart. Fonte: [7] ................................................................................................................. 23

Figura 4 Magento. Fonte: [10] ............................................................................................................... 25

Figura 5 Lista de Tarefas ........................................................................................................................ 29

Figura 7 Diagrama Casos de Uso - Encomendas Efetuadas ........................................................... 41

Figura 8 Diagrama Estado - Autenticar Utilizador .............................................................................. 42

Figura 9 Diagrama de Sequência - Efetuar Registo........................................................................... 43

Figura 10 Diagrama de Sequência - Efetuar Encomenda................................................................. 44

Figura 11 Diagrama de Sequência - Gerir Encomenda..................................................................... 46

Figura 12 Diagrama de Sequência – Tratar Encomenda .................................................................. 46

Figura 13 Diagrama de Sequência - Atribuir Pagamento .................................................................. 47

Figura 14 Diagrama de Classe do Sistema ......................................................................................... 48

Figura 15 Diagrama de Classe Continuação. Fonte: [20] ................................................................. 49

Figura 16 Diagrama de Classe Explícito. Fonte: [21]......................................................................... 50

Figura 17 Diagrama Atividade - Geral .................................................................................................. 61

Figura 18 Diagrama de Atividades - Distribuir Encomendas ............................................................ 62

Figura 19 Diagrama de Instalação ........................................................................................................ 63

Figura 20 Responsivo Web Design. Fonte: [23] ................................................................................. 65

Figura 21 Templates Original ................................................................................................................. 66

Figura 22 Templates - Página Principal ............................................................................................... 67

Figura 23 Templates - Página Principal 2 ............................................................................................ 67

Figura 24 Templates - Página Início ..................................................................................................... 68

Figura 25 Página Categoria Cozinhar .................................................................................................. 68

Figura 26 Página Categoria Cozinhar2 ................................................................................................ 69


xii

Figura 27 Base de Dados da Aplicação ............................................................................................... 70

Figura 28 Painel de Controlo ................................................................................................................. 72

Figura 29 Catálogo .................................................................................................................................. 73

Figura 30 Encomendas 1 ....................................................................................................................... 74



Figura 33 Gerir Clientes 1 ...................................................................................................................... 76

Figura 34 Gerir Clientes 2 ...................................................................................................................... 76

Figura 35 Regras do Carrinho ............................................................................................................... 77

Figura 36 Módulos ................................................................................................................................... 78

Figura 37 Módulos 2 ................................................................................................................................ 78

Figura 38 Catálogo de Módulos e Temas ............................................................................................ 79

Figura 39 Transportadoras ..................................................................................................................... 80

Figura 40 Localização ............................................................................................................................. 81

Figura 41 Preferências 1 ........................................................................................................................ 82

Figura 42 Preferências ............................................................................................................................ 82

Figura 43 Informação da Configuração ................................................................................................ 83

Figura 44 Administração ......................................................................................................................... 84

Figura 45 Estatísticas 1 .......................................................................................................................... 85

Figura 46 Estatísticas 2 .......................................................................................................................... 85

Figura 47 Fazer Encomenda ................................................................................................................. 86

Figura 48 Endereços ............................................................................................................................... 87

Figura 49 Envio de Encomenda ............................................................................................................ 87

Figura 50 Método de Pagamento .......................................................................................................... 88

Figura 51 Pagamento Transferência Bancária ................................................................................... 88

Figura 52 Confirmação de Encomenda................................................................................................ 89

Figura 53 Servidor Usbwebserver ......................................................................................................... 95


xiii

Figura 54 Instalação Prestashop. Fonte: [24] ..................................................................................... 97

Figura 55 Painel de BackOffice ............................................................................................................. 98

Figura 56 Painel de Controlo ................................................................................................................. 98

Figura 57 Taxas ..................................................................................................................................... 103


xiv

Abreviaturas

APP- Aplicação Móvel

CE - Community Edition

CMS - Sistemas de Gestão de Conteúdo

CSS - Linguagem de Folha de Estilos ou Cascading Style Sheets

CTT - Correios, Telégrafos e Telefones

EE - Enterprise Edition

E-R - Modelo Entidade Relacionamento

ERP - Gestão de Recurso Corporativo ou Enterprise Resource Planning

GNU - Licença Publica Geral ou General Public License

HTML - Linguagem de Marcação de Hipertexto ou Hypertext Markup Language

IIS - Internet Information Services/Server

ISO - Organização Internacional para Padronização ou International Organization for

Standardization

MYSQL - Sistema de Gestão de Bases de Dados

PDO - PHP Data Object

PE - Profissional Edition

PHP - PHP: Hypertext Preprocessor ou Personal Home Page

SEO - Otimização para Motores de Busca ou Search Engine Optimization

SQL - Linguagem de Consulta Estruturada ou Structured Query Language

UML - Linguagem de Modelagem Unificada ou Unifield Modeling Language

URL - Localizador Padrão de Recursos ou Uniform Resource Locator

XML - Linguagem Extensível de Marcação Genérica ou Extensible Markup Language


15

Capítulo I

Introdução

O documento em causa descreve o projeto realizado pelo Felisberto Tertuliano da

Costa, para uma Empresa de Vendas diretas de artigos para casa, no âmbito da

Unidade Curricular Projeto de Informática, que está englobada na Licenciatura em

Engenharia Informática, da Escola Superior de Tecnologia e Gestão do Instituto

Politécnico de Guarda.

Pretende-se com isso, desenvolver uma Plataforma de Venda Online de modo a ter

funcionalidades com os registos de utilizadores (Clientes, Empregados/Funcionários,

Gestores/Administradores) com confirmação através de um login e palavra-chave ou

por correio eletrónico e um controlo total de encomendas (listagem/controlo de

encomendas efetuadas, de pedidos, envios, pagamentos e outros).

Na atualidade, existem varias aplicações para fazerem gestão de Stock de bens ou

serviços, da qual, os clientes poderão encontrar disponíveis nas páginas de internet

sobretudo, para alojar documentos como sites empresariais, pessoais, blogs,

fotografias, vídeos entre outros. Tudo para fazer-nos perceber que hoje em dia, por

apenas um clique, estamos perto de tudo sem termos que sair de casa.


16

1 Estrutura do Documento

O presente documento está dividido em sete capítulos, apresentados do

seguinte modo:

No primeiro capítulo é apresentada a introdução, a estrutura do documento, a

descrição do problema, as ferramentas e equipamentos, os objetivos previstos, e a

solução.

O segundo capítulo apresenta a descrição do estado da arte, os sistemas de

gestão de conteúdos genéricos e específicos, a comparação das ferramentas e os

exemplos de aplicações existentes.

No terceiro capítulo são descritas detalhadamente a metodologia e os

resultados esperados, a tecnologia e o Software utilizado, bem como a descrição da

tarefa.

O quarto capítulo é composto pela análise dos requisitos e conceção da

aplicação, descrição de casos de uso, diagrama de casos de uso, diagrama de

estados, diagrama de sequência, diagrama de classes, dicionário de dados, diagrama

de atividades, diagrama de istalação.

No quinto capítulo, é exibida a implementação da solução e testes.

O sexto capítulo contém as conclusões finais do projeto realizado e do trabalho

a realizar no futuro.

Por fim o capítulo sétimo é constituído pela bibliografia e o anexo.


17

1.1. Descrições do Problema

O projeto concerne em desenvolver uma plataforma Online de gestão de

Stocks para uma empresa na área de comércio eletrónico, que estará preparada para

dispositivos móveis ou qualquer plataforma. Com esta plataforma é possível gerir

(consultar, editar, inserir, apagar, encomendar, listar) informações relacionadas aos

produtos disponíveis na loja e as encomendas efetuadas.

1.2 Ferramentas e Equipamentos

As ferramentas utilizadas no desenvolvimento desta aplicação são:

Prestashop, Usbwebserver, Phpmyadmin (Base de dados MYSQL), Photoshop, Astra

Community, Visio, Paint.

1.3 Objetivos Previstos

Os objetivos que pretendemos atingir neste projeto são:

Manutenção e Controlo dos dados (produtos, clientes, empregados,

encomendas);

Criar, editar, consultar, pesquisar, eliminar dados ou informações;

Registar clientes com confirmação/autenticação através de utilizador e palavra-

chave;

Produzir listagens de produtos, de encomendas efetuadas, de pagamentos e

de faturas.

1.4 Solução

Com o objetivo de informatizar e simplificar a gestão de Stocks, a solução passa

por:

Registar utilizadores;

Gerir todas as informações necessárias às encomendas.

No entanto, para os utilizadores não registados a aplicação apenas deverá

permitir a visualização da página inicial, os produtos disponíveis, a página dos

contactos e a página com a informação sobre nós.


18

Capítulo II

2 Estado da Arte

2.1 CMS Genérico (Joomla, Drupal, WordPress)

2.1.1 Joomla

É um CMS (Content Management System) Open Source desenvolvido em PHP e

pode ser executado no servidor Web Apache ou IIS e banco de dados MYSQL.

Existem milhares de Templates a baixo preço e muito fácil para criar as lojas virtuais,

os blogs, as revistas online, os jornais, os catálogos de produtos/serviços e diversos

outros formatos de conteúdo [1]

2.1.2 Drupal

É um sistema Open Source, criado para Web e está incorporada CMS (Content

Management System) ou como muitos lhe chamam CMF (Content Management

Framework) de gestão de conteúdos. Tem muitas funcionalidades como também API’s

que facilitam o desenvolvimento de módulos muito extensos.

Portanto, tem uma boa estrutura e muito usado para gestão de utilizadores,

permissões, blogs, fóruns, comentários e outros [2].

2.1.3 WordPress

É uma grande plataforma (CMS) desenvolvida em PHP e MYSQL para criação de

sites e blogs e outros de forma gratuíta. Sua flexibilidade permite administrar o seu

conteúdo mesmo sem nenhum conhecimento de HTML ou PHP. Com a plataforma

podemos criar, revistas, jornais e outros. Nela também se encontra um conjunto de

plugins, que é um conjunto de programas adicionais ao projeto como para pagamento,

estatísticas, e outros.

É uma ferramenta com uma licença aberta e distribuída sob a GNU (General

Public License) sendo por isso gratuita [3].

Os requisitos de Instalação são:

Servidor Web (preferencialmente Apache);


19

PHP 5.3 (ou superior);

Base de Dados (preferencialmente MYSQL 5.0).

Porquê utilizar?

Porque possuem aplicações para Android, iPhone/iPod Touch, Pad, Windows

Phone 7 e BlackBerry, tem painel de controlo muito simples e atraente, tem vários

pulgins que permitem instalar de acordo as aplicações.

2.1.3.1 Vantagens

É totalmente livre;

Criação de conteúdo otimizado para os motores de busca como o Google;

Forte segurança dos dados;

Fácil Integração com as redes sociais;

Baixo custo;

Multi-idiomas;

Documentação completa e disponibilizada;

Frequentes atualizações e bugs;

Painel de Controlo intuitivo e bem arquitetado;

Plugins fácies de instalar e configurar;

Facilidade na instalação e configuração;

2.1.3.2 Desvantagens

Difícil manipular a hierarquia das páginas;

Falta de organização para quem desenvolver Templates;

Não existe, organização no desenvolvimento de plugins, nem tão pouco, regras

pela comunidade;

Não segue um padrão próprio.

A imagem da Figura 1 mostra um exemplo de painel Wordpress.


20

Figura 1 Painel Wordpress. Fonte: [4]

2.2 CMS Específico

Os CMS’s específicos que iremos abordar são: Prestashop, Opencart e Magento.

De Todos eles será efetuada uma breve descrição.

O CMS é uma ferramenta que permite a um editor criar, classificar e publicar

qualquer tipo de informação numa página Web.

2.2.1 Prestashop

É um sistema de e-commerce Open Source (código aberto), desenvolvido em

PHP: Hypertext Preprocessor [PHP] e MYSQL para criação de sites e derivados.


Servidor Web (preferencialmente Apache 1.3, 2.x, Nginx ou Microsoft IIS).

PHP 5.0 (ou superior).

Base de Dados (preferencialmente MYSQL 5.0 ou superior)

Porquê utilizar?

Porque hoje, é um CMS de código aberto e usado por milhares de lojas em todo o

mundo, e com tendência a crescer e fácil de usar.


21

2.2.1.1 Vantagens

Grande quantidade Add-ons e extensões;

Possui integração nativa com intermediários de pagamento como Pagseguro e

Paypal;

Painel de controlo com ótimo visual, fácil manuseio e configuração para o

utilizador;

Possibilidade fácil de migrar a Loja no outro sistema open source como o

Magento, Opencart, Zencart, (disponibilizam um profissional para ajudar a

empresa a efetuar a mudanças).


Quantidade de bugs em atualizações (conflitos módulos e Add-ons após

atualização da versão) [5].

A imagem da Figura 2 mostra um exemplo de ambiente Prestashop do projeto.

Figura 2 Prestashop


22

2.2.2 Opencart

É um CMS de comércio eletrónico desenvolvido em PHP e MYSQL, leve, simples

e rápido. Tem um conjunto de temas que permite escolher Templates de diversas

opções consoante o tema. Devido à sua simplicidade e flexibilidade teve boa aceitação

no mercado e conquistou uma boa comunidade.


Servidor Web (preferencialmente Apache);

PHP 5 (ou superior);

Biblioteca Curl do PHP habilitada (serve para comunicação entre dois sites);

MYSQL.

Porquê Utilizar?

Porque tem um sistema de Templates que permite escolher entre diversas opções

de temas visuais. Por outro lado, existe a possibilidade numa só interface de

administração gerir várias lojas. Ainda pode:

Definir produtos que apareçam nas lojas específicas;

Cada loja ter temas diferentes.

2.2.2.1 Vantagens

Fácil instalação e configuração inicial;

Extensões, plugins e Templates são os mais baratos entre as três (Prestashop,

Wordpress e Magento) soluções;

A comunidade tem crescido bastante;

Possui menores custos com manutenção;

Painel de controlo de fácil utilização;


23


Possui menos recursos e funcionalidades entre os três (Prestashop, Wordpress

e Magento);

Menor número de integrações com terceiros [6].

Nota: Por outro lado, suportam várias formas de envios e pagamentos (frete).

A imagem da Figura 3 mostra um exemplo de ambiente Opencart.

Figura 3 Opencart. Fonte: [7]


24

2.2.3 Magento

É uma plataforma de e-commerce Open Source, desenvolvida em PHP e MYSQL.

Sendo completa e com grande quantidade de recursos (Marketing, Catálogo,

Pagamentos e outros) para administração da loja. Iguais às outras referidas atrás, mas

com algumas particularidades:

Possui uma versão gratuita, a Community Edition (CE) e duas pagas

(Enterprise Edition (EE) e Professional Edition (PE) ) [8].

Pelo que acreditamos que por ter duas versões pagas, indicam que é o mais

completo.

Os requisitos de instalação são:

PHP 5.2 (ou superior);

Servidor Web (Apache);

MYSQL 1.20 (ou superior4);

PDO MYSQL;

Simplexml;

Curl;

Servidor (XAMPP, Usbwebserver, FileZilla entre outros)

PDO MYSQL (driver que implementa a interface de PHP Data Objects) para

permitir o acesso a partir de PHP para MYSQL e Base de Dados.

Simplexml (fornece um conjunto de ferramentas muito simples e fáceis de usar

para converter XML para um objeto) [9].

Porquê Utilizar

Porque é uma ferramenta poderosa, possui milhares de módulos desenvolvidos e

facilmente integrados, o que a torna, possivelmente, a ferramenta mais flexível no

mercado. Sem dúvida umas das razões do sucesso da plataforma é a possibilidade

interminável de customizações a um ERP.


25

O ERP- (Enterprise Resource Planning) é uma plataforma de Software,

desenvolvida para integrar os diversos departamentos de uma empresa, possibilitando

a automação e armazenamento de todas as informações dos negócios.

2.2.3.1 Vantagens

Muitas funcionalidades e recursos nativos;

Vários recursos para as outras plataformas open source;

Tem uma comunidade crescente;

Grande quantidade de extensões, plugins e complementos;

Mecanismos de busca (SEO) bem otimizado.


Muito complexo;

Layout e Design complexos;

Custo de manutenção elevado.

A imagem da Figura 4 mostra um exemplo de ambiente Magento.

Figura 4 Magento. Fonte: [10]


26

2.3 Comparando as Ferramentas

De seguida será efetuada uma breve comparação das quatro plataformas de

comércio eletrónico mais conhecidas no mercado.

Todas estas ferramentas disponibilizam versões gratuitas que podem ser limitadas,

excepto o Magento que utiliza uma versão gratuita a (Community Edition) e duas

pagas (Enterprise Edition e Profissional Edition) e ainda, tem a possibilidade de gerir e

manter vários sites, lojas e idiomas numa única instalação:

Algumas caraterísticas comuns são:

E-Commerce open source;

Códigos abertos;

Fácil de instalar.

Em nível de atualização para a versão paga, por norma, fornece mais recursos, a

análises e estatísticas mais avançadas e um conjunto de opções de personalização.

2.4 As aplicações existentes

2.4.1 SoftMagement Gestão de Stock

SoftMagement (SM) são aplicações ligadas à gestão de controlo de Stocks, e ela

fornece um conjunto de soluções como controlo de informações ligadas aos produtos

e Stocks, inventários entre outros. Por outro lado, oferecem algumas soluções no

processo de gestão da organização, reduzindo custos, tempo a eles e aos seus

clientes.

Aplicação apresente as seguintes funcionalidades:

Exportação do ficheiro para comunicação de inventários;

Documento de regularização de Stocks;

Possibilidade de gerir os Stocks com diferentes definições e caraterísticas

(número de série, lotes, cores, tamanhos entres outros) associadas às tabelas;


27

Permite consultar facilmente os movimentos de Stocks efetuados a cada

produto;

Editar, remover, listar movimentos de Stocks anteriormente efetuados, listar o

Stock de um determinado momento [11].

2.4.2 TradeGecko

A TradeGecko é uma plataforma desenvolvida para responder algumas

necessidades dos seus clientes no que diz respeito a um conjunto de serviços como

controlo de inventário, canais de vendas, encomendas, contabilidade. Por outro lado,

ainda oferecem aos seus clientes muitos recursos de controlo de Stock

automaticamente, interface de utilizador intuitiva, uma equipa disponível para dar

apoios aos seus clientes entre outros [12].

2.4.3 Skyware Inventory

O Skyware Inventory é um Software perfeito para pequenas e médias empresas à

procura de uma alternativa livre, fácil de usar Web muito caro, complexo, pesado, e

aplicações de rastreamento e gestão de inventário.

Está disponivel um conjunto de APP’s para Android, iPhone, iPad, Tablet, serviços

Web e outros [13].


28

Capítulo III

3 Metodologia e Resultados Esperado

3.1 Metodologia

A metodologia utilizado no desenvolvimento deste projeto é do método ágil,

consiste em ter ocasionalmente, uma nova versão do projeto para apresentar à

professora orientadora Beatriz Rebelo e ao professor do Projeto Carlos Brigas e no

final documentar todo o trabalho em Word ou seja, analisa por etapas e cada vez que

implementa testa e assim sucessivamente. As principais tarefas foram:

1. Identificar as funcionalidades que a aplicação deverá ter;

2. Identificar tipos de utilizadores e os privilégios de acesso;

3. Identificar requisitos funcionais e não funcionais da aplicação;

4. Implementar a solução da aplicação;

5. Realizar os testes de eficiência e fiabilidade;

6. Documentação final do projeto.

3.2 Descrição das Tarefas

As principais tarefas desempenhadas ao longo do projeto foram:

Tarefa 1: Análise dos Requisitos da Aplicação Web;

Tarefa 2: Estudo da Arte;

Tarefa 3: Estudo das Tecnologias a Utilizar;

Tarefa 4: Criação de Base de Dados;

Tarefa 5: Definir os Estilos (Prestashop) para as páginas;

Tarefa 6: Teste de Aplicação;

Tarefa 7: Realização do Relatório.


29

Como mostram nas Figura 5 e ¡Error! No se encuentra el origen de la

referencia. o mapa de Gantt, relativo à lista de cada tarefa apresentada.

Figura 5 Lista de Tarefas


30

3.3 Resultados Esperados

No final do projeto espera-se que na aplicação, os clientes, sejam capazes de:

Gerir os dados pessoais;

Verificar as encomendas;

Recuperar e definir a palavra-chave;

Consultar produtos.

O Gestor/Administrador poderá:

Gerir/Efetuar dados e consultas dos clientes, empregados, encomendas,

produtos;

Verificar encomendas;

Recuperar e definir a palavra-chave;

Efetuar consultas de clientes, empregados e encomendas;

Consultar e definir listagens dos produtos e encomendas, clientes,

empregados;

No entanto, o administrador como tal poderá gerir os seus dados pessoais; gerir

todas as tabelas e introduzir preços de cada produto.

Os Empregados podem:

Fazer registos no sistema;

Introduzir produtos e efetuar consulta das encomendas e produtos;

Listar encomendas efetuadas.


31

4 Tecnologia e Softwares Utilizados

Assim sendo, as principais tecnologias e Softwares utilizados para desenvolver,

implementar /programar e testar a aplicação, são:

Análise de Requisitos do projeto para identificar as necessidades do cliente;

CSS para as folhas de estilo a usar;

Prestashop para criação de páginas, derivados e a realização do projeto em

si;

Photoshop para tratamento de imagens;

Usbwebserver v8.6 como servidor local, para aceder ao site e base de dados

(localhost:8080);

Phpmyadmin para criar e aceder a Base de Dados;

Word para produzir um relatório para documentar o projeto;

Astah Community para desenhos de diagramas;

Visio para desenhos de diagramas.


32

4.1 Tecnologias Web

4.1.1 HTML

O HTML (em inglês Hypertext Markup Language) e em português (Linguagem de

Marcação de Hipertexto) é uma das linguagens utiliza para desenvolver sites, esta é

considerada a linguagem base da internet. Não é uma linguagem de programação,

mas sim uma linguagem de marcação [14].

4.1.2 CSS

O CSS (Cascading Style Sheets) é uma linguagem de folhas de estilo utilizada

para definir a apresentação de documentos escritos numa linguagem de marcação,

como HTML ou XML. O seu principal benefício é regular a separação entre o formato e

o conteúdo de um documento [15].

4.1.3 PHP

Com a designação Personal Home Pages, mas tarde chamado de PHP: Hypertext

Preprocessor.

Considerada uma tecnologia de código aberto. Não é uma linguagem de

programação no sentido estrito da palavra, mas sim uma tecnologia que permite a

inserção de scripts nos seus documentos. É um ficheiro com a extensão.php e com

tags HTML e scripts executados num servidor Web [16].


33

4.2 Software Utilizado

4.2.1 PhpMyAdmin

É aplicação Web que permite gerir as bases de dados MYSQL. A partir da mesma

é possível criar, inserir, remover, alterar e editar bases de dados, tabelas, campos,

executar códigos SQL e manipular campos chaves e outros [17].

4.2.2 Microsoft Word

É um processador de texto produzido pela Microsoft. Onde podemos desenvolver

um conjunto de atividades como escrever, desenhar, pintar e outros.

4.2.3 Astah Community

Um Software dinâmico utilizado para construir diversos tipos de diagramas

(sequências, organigramas, fluxogramas, e outros), voltado para modelagem de

sistemas utilizando a UML [18].

4.2.4 Visio

É um Software para criação de diversos tipos de diagramas (sequencias,

cartazes, plantas básicas e outros) em ambiente Windows.


34

Capítulo IV

5 Análise dos Requisitos e Conceção da Aplicação

5.1 Caso de Uso

Um caso de uso representa uma unidade discreta da interação entre um

utilizador (humano ou máquina) e o sistema. Cada caso de uso tem uma descrição ao

qual descreve a funcionalidade que irá ser construída no sistema proposto. Os casos

de uso são tipicamente relacionados a "atores". Um ator é um humano ou entidade

máquina que interage com o sistema para executar uma dada tarefa. É importante

notar que não descreve como o Software deverá ser construído, mas sim o seu

comportamento [19].

Atores

Um ator representa uma entidade externa que interage com o sistema, apesar da

representação humanizada, os atores podem não ser só pessoas, mas também outros

sistemas físicos ou lógicos. Os atores devem ser caraterizados através de uma

pequena descrição, de forma a assegurar uma correta compreensão do significado do

ator por todos os elementos envolvidos na análise do projeto, que neste caso são:

Cliente: é o utilizador que tem como função efetuar encomendas e

pagamentos através da aplicação;

Empregado: é a entidade responsável por efetuar o tratamento das

encomendas efetuadas pelos clientes e confirmar os pagamentos dos mesmos;

Administrador/Gestor: é o ator responsável pela gestão de site, gerir

encomenda (s) e respetivos preços dos produtos, verificar os pagamentos,

bloquear cliente e outros.

Fornecedor: Disponibilizar produtos da loja, sempre que for solicitado.

Retirado no apontamento das disciplinas de Engenharia de Software I e II.


35

5.2 Descrição dos casos de Uso

5.2.1 Efetuar Encomenda

A seguinte Tabela 1 é correspondente ao caso de uso efetuar encomenda onde o

ator responsável é o cliente. A função é mostrar como o cliente efetua uma

encomenda e fica registado no sistema.

ATOR PRIMÁRIO CLIENTE

Nome Efetuar Encomenda.

Descrição O ator acede ao sistema para efetuar a encomenda.

Pré-Condições O utilizador precisa estar autenticado como cliente.

Caminho Principal

1. O caso de uso começa quando o cliente seleciona a opção efetuar

encomenda.

2. O sistema devolve os vários produtos disponíveis para o cliente

escolher.

3. O cliente adiciona os produtos que pretendem e respetivas quantidades

no carrinho.

4. O sistema pede confirmação e pergunta ao cliente se deseja efetuar o

pagamento online.

5. O cliente confirma e responde à questão.

6. O sistema regista a encomenda e atribui-lhe um código alfanumérico.

Caminhos Alternativos 3.1. Apresenta a mensagem de erro, porque o cliente não pode introduzir

quantidades negativas e/ou carateres não numéricos.

5.1. O cliente cancelou a encomenda.

Pós Condições Depois de efetuada a operação o cliente recebe uma mensagem em como

a encomenda foi registada com sucesso.

Tabela 1 Caso de Uso: Efetuar Encomenda


36

5.2.2 Gerir Encomendas

A seguinte Tabela 2 corresponde ao caso de uso gerir encomendas que é restrito

ao administrador/gestor da aplicação. A função consiste em inserir, atualizar estados e

apagar encomendas respeitando as especificações dadas pelo sistema.

ATOR PRIMÁRIO GESTOR/ADMINISTRADOR

Nome Gerir Encomendas.


Pré-Condições O utilizador precisa estar autenticado como administrador.

Caminho Principal

1. O caso de uso começa quando o gestor seleciona a opção gerir

encomendas.

2. O sistema devolve os vários tipos de encomendas disponíveis para efetuar

operações.

3. O gestor escolhe um tipo de encomenda.

4. O sistema devolve todas as encomendas disponíveis correspondentes ao

tipo escolhido, bem como as várias opções que o gestor pode efetuar.

5. O gestor escolhe uma operação para efetuar.

5.1. Se o gestor escolher a operação inserir então.

5.1.1. O sistema devolve um formulário com todas as especificações para

preencher.

5.1.2. O gestor preenche e submete o formulário.

5.1.3. O sistema pede para confirmar operação.

5.1.4. O gestor confirma operação.

5.1.5. O sistema regista a encomenda e atribui-lhe um código.

5.2. Se o gestor escolher a operação eliminar então.

5.2.1. O sistema pede para selecionar uma encomenda para eliminar.

5.2.2. O gestor escolhe encomenda para eliminar.

5.2.3. O sistema pede para confirmar.

5.2.4. O gestor confirma operação da eliminação.

5.2.5. O sistema elimina a encomenda.

5.3. Se o gestor escolher a operação atualizar então.

5.3.1. O sistema pede para selecionar uma encomenda para atualizar.

5.3.2. O gestor escolhe encomenda para atualizar.

5.3.3. O sistema devolve um formulário correspondente à encomenda

selecionada.

5.3.4. O gestor preenche e submete o formulário.

5.3.5. O sistema pede para confirmar.

5.3.6. O gestor confirma operação.


37

5.3.7. O sistema atualiza a encomenda.

Caminhos Alternativos

5.1.2.1 e 5.3.4.1 Mensagem de erro porque o gestor não pode inserir

carateres diferentes a encomenda em cada parâmetro do formulário.

Em qualquer etapa da responsabilidade do gestor, este pode cancelar a

operação a qualquer momento.

Pós Condições

Depois de efetuadas as operações dos pontos 5.1, 5.2 e 5.3 o gestor recebe

uma mensagem em como a operação foi efetuada com sucesso e volta ao

ponto 4.

Tabela 2 Caso de Uso: Gerir Encomendas


38

5.2.3 Tratar Encomendas

A seguinte Tabela 3 refere-se ao caso de uso tratar encomendas onde o ator

responsável é o empregado/funcionário. Este caso de uso tem como função mostrar

como se tratam todas as encomendas efetuadas pelos clientes.

ATOR PRIMÁRIO EMPREGADO

Nome Tratar Encomendas.

Descrição O ator acede ao sistema para tratar a encomenda.

Pré-Condições O utilizador precisa estar autenticado como empregado.

Caminho Principal

1. O caso de uso começa quando o empregado seleciona a opção tratar

encomendas.

2. O sistema devolve as várias encomendas existentes na base de dados

ordenados por forma de entrada com maior relevância para as encomendas

ainda pendentes.

3. O empregado seleciona a encomenda que pretende atualizar.

4. O sistema pede para indicar o novo estado e observações da encomenda.

5. O empregado indica o novo estado e insere as observações necessárias.

6. O sistema pede para confirmar operação.

7. O empregado confirma.

8. O sistema atualiza dados da encomenda.


3.1., 5.1. e 7.1. O empregado pode cancelar a operação a qualquer

momento.

5.1.1. Mensagem de erro porque o empregado inseriu mal as observações.

Pós Condições Depois de efetuada a operação, o empregado recebe uma mensagem em

como a encomenda foi atualizada com sucesso.

Tabela 3 Caso de Uso: Tratar Encomendas


39

5.2.4 Efetuar Pagamento

A seguinte Tabela 4 corresponde ao caso de uso atribuir pagamento onde o ator

responsável é o cliente. Este caso de uso só é requerido caso o cliente tenha

escolhido a opção pré-pagamento via aplicação, o pagamento será feito por

transferência bancária ou pelos métodos existes na aplicação.

ATOR PRIMÁRIO CLIENTE

Nome Atribuir Pagamento.


Pré-Condições O utilizador precisa estar autenticado como cliente.

Caminho Principal

1. O caso de uso começa quando o cliente seleciona a opção efetuar

pagamento.

2. O sistema calcula o preço final e devolve as várias opções de pagamento

juntamente com o preço.

3. O cliente seleciona a forma de pagamento que deseja.

4. O sistema devolve formulário correspondente à forma de pagamento.

5. O cliente preenche e submete o formulário.

6. O sistema pede para confirmar operação.

7. O cliente confirma.

8. O sistema regista o pagamento e atribui-lhe um comprovativo.


5.1. Mensagem de erro porque o cliente preencheu o formulário de forma

incorreta.

6.1. O cliente pode cancelar a operação a qualquer momento.

Pós Condições Depois de efetuada a operação o cliente recebe uma mensagem em como o

pagamento foi efetuado com sucesso.

Tabela 4 Caso de Uso: Efetuar Pagamento


40

5.2.5 Editar Dados

A seguinte Tabela 5 corresponde ao caso de uso editar dados referentes aos utilizadores. A

função consiste em inserir, alterar, atualizar dados respeitando as especificações dadas pelo

sistema.

ATOR PRIMÁRIO GESTOR

Nome Editar os dados pessoais

Descrição O ator edita os seus dados pessoais

Atores Envolvidos Clientes, Gestor/Administrador, Funcionários/Empregados

Pré-Condições

Prioridade Baixa

Caminho Principal

1. O caso de uso começa quando o ator seleciona a opção de editar os

seus dados pessoais;

2. O ator insere os dados a alterar;

3. O sistema pede para confirmar a alteração;

4. O ator confirma;

5. O sistema confirma o sucesso;

Caminhos

Alternativos

2. A) O ator não respeita as validações do formulário de dados;

3. A) O sistema rejeita as alterações;

3. B) O sistema pergunta se deseja continuar ou cancelar;

4. A) O ator não confirma;

5. A) O sistema não confirma o sucesso;

5. B) O sistema mantem a versão inalterada dos dados;

Suplementos ou Adornos Testar se o sistema deixa introduzir os campos nulos ou inválidos

Pós Condições Proceder às alterações na base de dados.

Tabela 5 Caso de Uso - Editar dados


41

5.3 Diagrama de Casos de Uso

Um diagrama de Caso de Uso descreve um cenário que mostra as funcionalidades

do sistema do ponto de vista do utilizador.

Nos diagramas de casos de uso a linguagem utilizada foi a UML – Unifield

Modeling Language é uma linguagem de modelagem que permite representar um

sistema de uma forma padronizada, como mostra na Figura 6.

Figura 6 Diagrama Casos de Uso - Encomendas Efetuadas


42

5.4 Diagrama de Estados

O estado de um objeto depende da atividade na qual ele está a ser processado.

Um diagrama de estado mostra os possíveis estados de um objeto e as transações

responsáveis pelas suas mudanças de estado, como mostra na Figura 7.

5.4.1 Autenticar Utilizador

Início Inativo

Ativo

Ligado

Desligado

Fim

Utilizador Ligado ao Sistema

Sistema Desligado

Resposta do Sistema

Utilizador Termina Sessão

Figura 7 Diagrama Estado - Autenticar Utilizador


43

5.5 Diagrama de Sequência

5.5.1 Efetuar Registo no Sistema

O diagrama de sequência representado Figura 8 descreve as ações, do sistema,

quando o utilizador efetua o registo no sistema.

Figura 8 Diagrama de Sequência - Efetuar Registo


44

5.5.2 Efetuar Encomenda

O diagrama de sequência representado na Figura 9 descreve as ações, do

sistema, quando o cliente efetua a encomenda no sistema.

Figura 9 Diagrama de Sequência - Efetuar Encomenda


45

5.5.3 Gerir Encomenda


sistema, quando o gestor/administrador gere a encomenda no sistema.


46

Figura 10 Diagrama de Sequência - Gerir Encomenda

5.5.4 Tratar Encomenda

O diagrama de sequência representado na Figura 11 descrevem as ações, do

sistema, quando o gestor/administrador faz o tratamento de encomenda no sistema.

Figura 11 Diagrama de Sequência – Tratar Encomenda


47

5.5.5 Atribuir Pagamentos


sistema, quando o cliente efetua atribuição do pagamento da encomenda no sistema.

Figura 12 Diagrama de Sequência - Atribuir Pagamento


48

5.6 Diagrama de Classe

O diagrama de classes é um dos diagramas mais importantes da linguagem UML,

pois representa o modelo geral de informação do sistema. É visto como o desenho

arquitetónico da base de dados e contém todas as classes, hierarquia, relações e

associações, descrevendo as operações e atributos das classes de uma forma

estrutural, como mostra na Figura 13.

Figura 13 Diagrama de Classe do Sistema


49

5.6.1 Diagrama de Classe do Sistema Continuação

Este diagrama de classe mostra-nos todo trabalho desenvolvido pelo prestashop e

nos dá a entender que é um trabalho já desenvolvido a pensar nas nossas

necessidades, ou seja, basta adaptar aos nossos trabalhos, como mostra na Figura

14.

Figura 14 Diagrama de Classe Continuação. Fonte: [20]


50

Figura 15 Diagrama de Classe Explícito. Fonte: [21]


51

5.7 Dicionário de Dados

O dicionário de dados consiste numa lista organizada de todos os elementos

de dados que são pertinentes para o sistema, permitindo fazer a verificação de

consistência entre os vários modelos. É uma ponte de referência de todos os

elementos envolvidos na medida em que permite associar um significado a cada termo

utilizado.

Nome;

Tipo;

Descrição;

Pseudónimos (outros nomes possíveis);

Especificação [22].

5.7.1 Estrutura da Tabela ps_country

Campo Tipo Tamanho Obrigatório Descrição

id_country (PK) Inteiro 10 Sim/automático Número sequencial que identifica univocamente de cada país

id_zone (FK) Inteiro 10 Sim Número que identifica a zona

id_currency (FK) Inteiro 10 Sim Número que identifica a moeda

iso_code Varchar 3 Sim Descrição de código ISO do país

call_prefix Inteiro 10 Sim Os prefixos de chamadas

Active Tinyint 1 Não Se está ou não ativo

contains_states Tinyint 1 Sim Se tem ou não Estado

need_identification_number Tinyint 1 Sim Número de identificação do país

need_zip_code Tinyint 1 Sim Código Zip do país

zip_code_format Varchar 12 Não Formato do código Zip

display_tax_label Tinyint 1 Não Descrição da axa de imposto

Tabela 6 Dicionário de Dados: ps_country


52

5.7.2 Estrutura da Tabela ps_address


id_address (PK) Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada endereço


id_state (FK) Inteiro 10 Sim Número que identifica o estado

id_customer (FK) Varchar 10 Sim Número que identifica o cliente

id_manufacturer (FK) Inteiro 10 Sim Número que identifica o fabricante

id_supplier (FK) Inteiro 10 Sim Número que identifica o fornecedor

id_warehouse (FK) Inteiro 10 Sim Número que identifica armazém

alias Tinyint 1 Não Se tem ou não pseudônimo

company Varchar 32 Não Descrição da companhia

lastname Varchar 32 Sim Descrição do último nome

firstname Varchar 32 Sim Descrição do primeiro nome

address1 Varchar 128 Sim Descrição do primeiro endereço

address2 Varchar 128 Não Descrição do segundo endereço

postcode Varchar 12 Sim Descrição de código postal

City Varchar 64 Sim Descrição da cidade

other Texto max Não Outras descrições

phone1 Varchar 16 Não Descrição do telefone

phone_mobile Varchar 16 Não Descrição do telemóvel

vat_number Varchar 32 Sim Descrição de numero de cuba

Dni Varchar 16 Não

date_add Datatime Sim Data de inscrição


53

date_upd DataTime Não Data da actualização

active Tinyint 1 Não Existe/existente

deleted Tinyint 1 Não Não existe/inexistente

Tabela 7 Dicionário de Dados: ps_address

5.7.3 Estrutura da Tabela ps_customer


id_customer (PK) Inteiro 10 Sim/automático Número sequencial identifica univocamente o cliente

id_shop_group (FK) Inteiro 10 Sim Número que identifica o group da loja

id_shop (FK) Inteiro 11 Sim Número que identifica a loja

id_gender (FK) Inteiro 10 Sim Número que identifica o cliente

id_default_group (FK) Inteiro 10 Sim Número que identifica o grupo padrão

id_risk (FK) Inteiro 10 Sim Número que identifica o risco

company Varchar 64 Sim Descrição da companhia

Siret Varchar 14 Sim

Ape Varchar 5 Sim

firstname Varchar 32 Sim Descrição do primeiro do cliente

lastname Varchar 32 Sim Descrição do segundo do cliente

email Varchar 128 Sim Descrição do email do cliente

passwd Varchar 32 Sim Descrição de Password do cliente

last_passwd_gen Varchar 12 Sim Descrição de Password anterior

brithday Date Sim Descrição da data nascimento

newsletter Tinyint 1 Não Descrição se boletim de


54

informação

ip_registration_newsletter Varchar 15 Não Registo de boletim de informação

newsletter_date_add Datetime

Não Receber boletim de informação por data

option Tinyint 1 Não Campo opcional

website Varchar 128 Não Descrição de Website

outstading_allow_amount Decimal 10,6 Sim Quantidade permitida

show_public_prices Tinyint 1 Sim Mostra preço ao publico

max_payment_day Inteiro 10 Sim Máximo pagamento por dia

secure_key Varchar 32 Sim Chave de segurança

Note Text Max Não Descrição de uma nota

active Tinyint 1 Não Se é ou não ativo

is_guest Tinyint 1 Não Descrição se é convidado

deleted Tinyint 1 Não Apagar

date_add Datetime

18 Sim Descrição da data de admissão

date_upd Datetime

18 Sim Descrição da data de atualização

Tabela 8 Dicionário de Dados: ps_customer

5.7.4 Estrutura da Tabela ps_product_supplier


id_product_supplier (PK) Inteiro 11 Sim/automático Número sequencial que identifica univocamente produto fornecedor

id_product (FK) Inteiro 11 Sim Número que identifica o produto

id_product_attribute (FK) Inteiro 11 Sim Número que identifica o atributo de produto

id_supllier (FK) Inteiro 11 Sim Número que identifica fornecedor do produto

product_supplier_reference

Varchar

100 Sim Descrição da referencia do fornecedor do profuto

product_supllier_price_te

Decimal

20,6 Sim Preço do produto pelo fornecedor


55


Tabela 9 Dicionário de Dados: ps_product_supplier

5.7.5 Estrutura da Tabela ps_orders


id_order (PK) Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada encomenda

reference Varchar 9 Sim Descrição da referência da encomenda

id_shop_group (FK) Inteiro 11 Sim Número que identifica o grupo de loja

id_shop (FK) Inteiro 11 Sim Número que identifica a loja

id_carrier (FK) Inteiro 10 Sim Número que identifica o portador

id_lang (FK) Inteiro 10 Sim Número que identifica

id_customer (FK) Inteiro 10 Sim Número que identifica o cliente

id_cart (FK) Inteiro 10 Sim Número que identifica o carrinho


id_address_delivery (FK)

Inteiro 10 Sim Número que identifica o endereço de entrega

id_address_invoice (FK)

Inteiro 10 Sim Número que identifica o endereço da fatura

current_state Inteiro 10 Sim Número que identifica o estado atual da encomenda

secure_key Varchar 32 Sim Descrição da chave segura

payment Varchar 255 Sim Descrição do pagamento

conversion_rate Decimal 13,6 Sim Descrição da taxa de conversão

module Varchar 255 Descrição dos módulos

recyclable Tinyint 1 Sim Se é ou não recicláveis

Gift Tinyint 1 Não Descrição dos presentes

gift_message Texto max Sim Descrição da mensagem


56

shipping_number Varchar 32 Sim Descrição de número de chip

total_discounts Decimal 17,2 Sim Descrição dos descontos

total_discounts_tax_incl

Decimal 17,2 Sim Descrição com taxa de descontos incluídos

total_discounts_tax_excl

Decimal 17,2 Sim Descrição sem taxa de descontos

total_paid Decimal 17,2 Sim Descrição do preço total pago

total_paid_tax_incl Decimal 17,2 Sim Descrição do preço total pago com taxa incluída

total_paid_tax_excl Decimal 17,2 Sim Descrição do preço total pago sem taxa incluída

total_paid_real Decimal 17,2 Sim Descrição do preço total pago na hora

total_products Decimal 17,2 Sim Descrição do preço total do preço de produtos

total_products_wt Decimal 17,2 Sim Descrição do preço total do preço de produtos por peso

total_shipping Decima 17,2 Sim Descrição do preço total por remessas

Tabela 10 Dicionário de Dados: ps_orders

5.7.6 Estrutura de Tabela ps_supplier


id_ supplier (PK) Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada fornecedor

name Varchar 64 Sim Descrição do nome do fornecedor

date_add Datetime 18 Sim Descrição da data adesão

date_upd Datetime 18 Sim Descrição da data de atualização dos dados

active Tinyint 1 Não Se está ativo ou não

Tabela 11 Dicionário de Dados: ps_supplie


57

5.7.7 Estrutura da Tabela ps_category


id_ category (PK)

Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada categoria

id_product (FK) Inteiro 10 Sim Número que identifica o produto

position Inteiro 10 Sim Número que identifica a posição

Tabela 12 Dicionário de Dados: ps_category

5.7.8 Estrutura da Tabela ps_order_payment


id_order_payment (PK)

Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada pagamento encomenda

order_reference Varchar 9 Sim Descrição da referência da encomenda


amount Decimal 10,2 Sim Quantidade em valor

payment_methodo Varchar 255 Sim Descrição do método de pagamento

conversion_rate Decimal 13,6 Sim Descrição da taxa de conversão

transaction_id Varchar 254 Sim Descrição da transação

card_number Varchar 254 Sim Descrição de número de cartão

card_brand Varchar 254 Sim Descrição da banda do cartão

card_expiration Char 7 Sim Descrição da expiração do cartão

card_holder Varchar 254 Sim Descrição do titular de cartão

date_add Datetime Sim Descrição da data de adesão

Tabela 13 Dicionário de Dados: ps_order_payment


58

5.7.9 Estrutura da Tabela ps_product


id_product (PK) Inteiro 10 Sim/automático Número sequencial que identifica univocamente cada produto

id_supplier (FK) Inteiro 10 Sim Número que identifica o fornecedor

id_manufacturer (FK) Inteiro 10 Sim Número que identifica o fabricante de produto

id_category_default (FK)

Inteiro 10 Sim Número que identifica padrão de categoria

id_tax_rules_group (FK)

Inteiro 11 Sim Número que identifica regra da taxa do grupo

on_sales Tinyint 1 Sim Se está disponível para venda

online_only Tinyint 1 Sim Se apenas está disponível online

ean13 Varchar 13 Sim Descrição de código de barra de referência europeia

Upc Varchar 12 Sim Descrição de código de barra de referência Americana

ecotax Decimal 17,6 Sim Taxa ecológica

quantity Inteiro 10 Sim Descrição da quantidade do produto

minimal_quantity Inteiro 10 Sim Quantidade mínima do produto

price Decimal 20,6 Sim Descrição do preço

wholesale_price Decimal 20,6 Sim Descrição do preço de venda

unity Varchar 255 Sim Descrição da unidade

unit_price_ratio Decimal 20,6 Sim Descrição do preço unitário

additional_shipping_cost

Decimal 20,2 Sim Descrição do custo adicional

reference Varchar 32 Sim Descrição da referência do produto

supplier_reference Varchar 32 Sim Descrição da referência do fornecedor

location Varchar 64 Sim Descrição da localização

width Float Sim Descrição da largura

height Float Sim Descrição da altura


59

depth Float Sim Descrição da profundidade

weight Float Sim Descrição do peso

out_of_Stock Inteiro 10 Sim Descrição do produto fora do Stock

quantity_descount Tinyint 1 Sim Descrição do desconto da quantidade

customizable Tinyint 2 Não

uploadable_files Tinyint 4 Não Descrição de ficheiro a carregar

text_fields Tinyint 4 Não

active Tinyint 1 Não

Tabela 14 Dicionário de Dados: ps_product

5.7.10 Estrutura da Tabela ps_order_detail


id_order_detail (PK)

Inteiro

10

Sim/automático

Número sequencial que identifica univocamente cada detalhe de encomenda

id_order (FK) Inteiro 10 Sim Número que identifica a encomenda

id_order_invoice (FK) Inteiro 10 Sim Número que identifica faturas da encomenda

id_warehouse (FK) Inteiro 10 Sim Número que identifica o armazém

product_id (FK) Inteiro 10 Sim Número que identifica o produto

product_attribute_id (FK) Inteiro 10 Sim Número que identifica atributo de produto

product_name Varchar 255 Sim Descrição do nome de produto

product_quantity_in_Stock Inteiro 10 Sim Descrição da quantidade em Stock

product_quantity Inteiro 10 Sim Descrição da quantidade

product_quantity_refunded

Inteiro 10 Sim Quantidade do produto devolvido

product_quantity_return Inteiro 10 Sim Quantidade de produto retornado


60

product_quantity_reinjected

Inteiro 10 Sim Quantidade de produto introduzido

product_price Decimal 20,6 Sim Descrição do preço de produto

redution_amount_tax_incl Decimal 20,6 Sim

redution_amount_tax_excl Decimal 20,6 Sim

group_reduction Decimal 10,6 Sim

product_quantity_discount Decimal 20,6 Sim Quantidade de produto com desconto

product_ean13 Varchar 13 Sim Descrição da referência código de barra Europeia

product_upc Varchar 12 Sim Descrição de referência de código de barra Americana

product_reference Varchar 32 Sim Descrição da referência de produto

product_supplier_reference

Varchar 32 Sim Descrição da referência de produto por fornecedor

product_weight Float Sim Descrição do peso do produto

tax_computation_method Tinyint 1 Sim

tax_name Varchar 16 Sim Descrição da taxa

tax_rate Decimal 10,3 Sim Taxa imposto

ecotax Decimal 21,6 Sim Taxa Ecológica

ecotax_tax_rate Decimal 5,3 Sim Imposto da Taxa Ecológica

discount_quantity_applied Tinyint 1 Sim Desconto na quantidade aplicada

Tabela 15 Dicionário de Dados: ps_order_detail


61

5.8 Diagrama de Atividades

O diagrama de atividades constitui um elemento de modelação simples, mas

eficaz, para descrever fluxos de trabalho numa organização ou para detalhar

operações de uma classe, incluindo comportamentos que possuam processamento

paralelo, como mostra na Figura 16.

Figura 16 Diagrama Atividade - Geral


62

5.8.1 Distribuir Encomendas

Figura 17 Diagrama de Atividades - Distribuir Encomendas


63

5.9 Diagrama de Instalação

O Diagrama de instalação é definido pela Linguagem de Modelagem Unificada

(UML), descreve os componentes de Hardware e Software e a sua interação com

outros elementos de suporte ao processamento.

Portanto, são representados também os Softwares que são executados em partes

do Hardware, como mostra na Figura 18.

Figura 18 Diagrama de Instalação


64

Capítulo V

6 Implementação da Solução

O Prestashop disponibiliza na sua página oficial um conjunto de Add-ons,

módulos, temas de modo a ter eficiência e o funcionamento da aplicação, manual de

configuração e instruções para quem pretende trabalhar com esta ferramenta Open

Source.

Portanto existem alguns módulos que são pagos, que provavelmente oferecem

ainda melhor a qualidade de otimização. Por isso, será explícito em Anexo, uma parte

de trabalho que foi desenvolvido pelo aluno.

6.1 Descrição

Uma vez que, não foi exigida uma linguagem específica para desenvolver site, e

escolhemos o Prestasho, isto porque, é fácil, prático e viável, totalmente grátis. Por

outro lado, tem recursos as várias tecnologias tanto para design da aplicação, da

interação, no caso de ligações a base de dados (MYSQL) como restrições através do

servidor (Usbwebserver v8.6.). Todos estes tópicos serão aqui descritos e

exemplificados de acordo com a aplicação


65

6.2 Implementar Responsive Web Design

Hoje em dia, seria muito cansativo e perca de tempo desenhar múltiplas versões

para um só site, por exemplo, desenhar para serem visualizados nos telemóveis

smartphone computador isto porque já existem ferramentas com essas características.

O Responsive Web Design é uma das soluções técnicas, permite programar um

site de forma automaticamente à largura de tela do dispositivo no qual ele está sendo

visualizado. Um Responsive Web Desin permite:

Adaptar o layout da página de acordo com a resolução visualizada;

Redimensionar as imagens automaticamente para que caibam na tela;

Simplificar elementos da tela para dispositivos móveis, isto porque o utilizador

tem menos tempo e menos atenção durante a navegação;

Adaptar tamanho de botões e links para interfaces touch e substituí o ponteiro

do rato pelo dedo do utilizador;

Utiliza Geolocalização e mudança na orientação do aparelho (horizontal ou

vertical) de forma inteligente.

Figura 19 Responsivo Web Design. Fonte: [23]

Para implementar isso no site, deve fazer download de resposive Template na

google e guarda-se numa pasta (pasta.zip) no seu computador ou numa pen. Depois

entra no Painel de Controlo do prestashop Preferências Temas Adicionar

novo.

Apartir do novo, carrega-se o ficheiro zip e faz guardar. Automáticamente, o

prestashop ajustará o tema.


66

6.3 Construção do Templates

A parte da implementação será a construção de Templates para as páginas Web.

Inicialmente o prestashop disponibiliza um Templates, como mostra na Figura 20.

Figura 20 Templates Original


67

Como podem observar nas Figura 21 e Figura 22 são totalmente diferentes em

comparação com o Templates original.

Para fazer a tal alteração, é necessário entrar no modo Painel de Controlo e

escolher o formato desejável. Sobretudo, no Item catálogo onde encontrará um

conjunto de páginas como Produtos, Categorias e outras relacionadas aos Produtos.

Poderá entrar e alterar consoante a loja ( Templates Continuação).

Figura 21 Templates - Página Principal

Figura 22 Templates - Página Principal 2


68

Esta página refere-se à página início, onde estão categorias de produtos,

sobretudo a categoria cozinha, como mostram nas Figura 23, Figura 24 e Figura 25.

Figura 23 Templates - Página Início

Figura 24 Página Categoria Cozinhar


69

Figura 25 Página Categoria Cozinhar2


70

6.4 Base de Dados

Diagrama de classe do Sistema visualizado na Figura 14 era muito complexa,

deste modo tentamos simplifica-la e obtivemos a base de dados, que se observa na

Figura 26, de modo a ter uma perceção daquilo que estaria a ser mais utilizado para o

trabalho em si. Não significa que outras trabelas não são importantes, antes pelo

contrário.

Figura 26 Base de Dados da Aplicação


71

6.5 Modelo Entidade - Relacionamento

Segundo a descrição, o Prestashop recorre a uma base de dados mysql para

guardar as informações como contas dos utilizadores, os privilégios, as tabelas entre

outros. Esta base de dados tem um modelo ER (Entidade-Relacionamento) já

incorporado, dividido em vários setores como, por exemplo: Product (onde será

explicito o E-R deste projeto em si), Card (onde terá toda a informação relacionada a

pagamentos), Customer e Statistic (contendo a informações dos clientes e tudo

sobre as estatísticas) entre outros. Não obstante, e uma vez que já são incorporadas

na Base de Dados às tabelas chaves do projeto, foram reaproveitadas por serem mais

completa e necessária para desenvolvimento do site do comércio eletrónico.

Problemas nesta fase:

Possuir a Base de Dados estruturada e incorporada acabou por ser o ponto mais

forte de todo este projeto, como mostra na Figura 14.

Claro que construir ou desenhar uma nova seria mais fácil e simples de entender,

mas não foi o caso. Este ponto exigiu uma maior investigação/estudo e um grande

entendimento, pois a aplicação disponibilizou todas as informações necessárias para a

ligação à Base de Dados. Logo, pelo tamanho do E-R, foram sentidas algumas

dificuldades na compreensão da estrutura da base de dados. Cada vez que o relatório

avançava, essas dúvidas iam sendo esclarecidas. No entanto, foram aproveitados

também os recursos disponibilizados pela própria plataforma.


72

7 Aplicação e Testes

7.1 Painel de Controlo

No painel de controlo define-se toda a estrutura do site em Prestashop. Desde a

configuração do catálogo até às estatísticas da (s) loja (s). Também é neste painel que

se vê toda a atividade da loja, incluindo por datas, visitante (todas as informações em

geral). Para consultar deve clicar em Painel de Controlo, como mostra na Figura 27.

Figura 27 Painel de Controlo

Para mais informação clicar em Painel de Controlo Continuação.


73

7.2 Catálogo

Este item tem um conjunto de opções, praticamente é onde se configura os

produtos, preços, descontos, quantidade, imagens, categorias, características,

fabricantes, etiquetas e anexos.

As imagens colocadas foram retiradas da página oficial dos artigos, guardada

numa pasta e depois foi introduzida, uma a uma consoante a sua informação

(descrição, preço, referência, e outros), mas poderá ser introduzida mais que uma

imagem para cada produto. Poderá ainda associar a (s) categoria (s) que pertence,

definindo quantidade disponível, fabricante e outros.

Para adicionar/editar deve clicar em Painel de Controlo Catálogo Produto,

como mostra na Figura 28.

Figura 28 Catálogo


74

7.3 Encomendas

O item Encomendas terá tudo relacionado com as encomendas. Desde

encomenda efetuada, seu estado (cancelado, aguardar pagamento, enviado e outros),

tudo já disponível pela plataforma e ainda poderá receber uma mensagem por correio

eletrónico com os dados da encomenda efetuada. Este item está mais relacionado ao

administrador, tendo em conta as informações prestigiadas contidas nela. Para

visualização como cliente, as informações estarão mais simplificadas.

Encontramos também a informação relacionada à Fatura, onde define prefixos

para mesma, número, ativar fatura de modo aos clientes poderem receber faturas de

produtos adquiridos, texto de rodapé, modelo.

Podemos encontrar ainda informações como devolução da mercadoria, recibos de

envio, notas de crédito, mensagens de encomendas e outros.

Não foram alteradas aqui, muitas coisas, porque maioria parte delas foram

aproveitadas no projeto implementado.

Para configurar Encomendas, deve clicar em Painel de Controlo

Encomendas, como mostram nas Figura 29, Figura 30 e Figura 31.

Figura 29 Encomendas 1


75


Na encomenda poderá verificar os vários estados existentes. Tudo já definido em

prestashop, mas existem as possibilidades de alterar ou editar esses estados.



76

7.4 Clientes

Este item terá um conjunto de informações relacionadas com o cliente, incluindo a

sua última visita à página, editar dados pessoais, estado entre outros. Para editar/criar

deve clicar em Painel de Controlo Clientes, como mostram nas Figura 32 e Figura

33.

Figura 32 Gerir Clientes 1

Figura 33 Gerir Clientes 2


77

7.5 Regras do Carrinho

Aqui será colocado tudo o que estiver relacionado com as publicidades/marketing

de produtos e preços promocionais.

Nesta regra, não alterei nada por questão de segurança e cabe ao

gestor/administrador criarem as políticas de marketing. Os campos são editáveis, por

isso se for necessário, cria-se. Para fazer deve clicar em Painel de Controlo

Regras de Preços Regras do Carrinho, como mostra na Figura 34.

Figura 34 Regras do Carrinho

7.6 Módulos

Este Painel terá um conjunto enorme de opções e sugestões para configurar

todas as aplicações existentes no site. Será aqui que se instalam e configuram todos

os Add-ons existentes e disponíveis pelo prestashop. Add-nos como, bloco de

pesquisa, produtos em destaque, formas de pagamento entre outros. Será o sítio

responsável pelo funcionamento de site em si.

É de salientar que existem módulos compatíveis para este CMS (zopim) no diz

respeito a chat, mas apesar de tudo, pretendi desenvolver e implementar um módulo

chat de modo, aos clientes poderem entre si, trocarem diálogos, experiências,

informações e comentarem os produtos disponíveis. Mas para isso como é lógico, os

clientes teriam que logar ao site. O chat foi desenvolvido em PHP, para poder conectar

a base de dados existente na aplicação.

Aparentemente tudo está certo a nível de código, mas infelizmente não consegui

coloca-lo a funcionar no CMS. Por ter conhecimento muito básico na linguagem

referida ao carregar para prestashop a pasta zipada é visualizada uma mensagem


78

“módulo instalado com sucesso”, procurando nos módulos instalados, não aparece o

mesmo. Também é o local onde escolhe-se os Templates e um vasto conjunto de

módulos para adicionar na página.

Para fazer deve clicar em Painel de Controlo Módulos Módulos e

Serviços, como mostram nas Figura 35, Figura 36 e Figura 37.

Figura 35 Módulos

Figura 36 Módulos 2


79

Figura 37 Catálogo de Módulos e Temas

Para mais informação sobre módulos basta consultar o


80

Anexo.

Add-ons são programas que adicionam recursos extras a um Software existente.

7.7 Transportadoras

Neste item, configura-se a transportadora, incluindo portes de envio e cálculo

através de peso do produto ou preço da encomenda, estado da transportadora, a rota

da mesma e dias de entrega, tamanho e outros. A Figura 38 mostra as que estão

disponíveis atualmente. Neste caso, a transportadora “As Guerreiras” é grátis e faz

entrega ao domicílio. Os CTT Correios são pagos consoante o peso da encomenda e

está disponível para Europa (Portugal).

Para visualizar todas as alterações feitas, e informações descritas anteriormente,

deve clicar em Painel de Controlo Envio Transportadora.

Figura 38 Transportadoras


81

7.8 Localização

Aqui realiza-se a configuração das moedas, idiomas, regiões e países onde se

fazem as rotas, taxas, regras de impostos relacionados com os países em questão.

Neste momento, temos o site disponível para uma moeda o “euros”, e a língua

portuguesa por opção das Guerreiras. Aqui também definimos a unidade de peso,

distância, volume e comprimento para cada local, neste caso estamos a referir para

Portugal, uma vez que nossos serviços serão internamente. Para configurar deve

clicar em Painel de Controlo Localização, como mostra na Figura 39.

Figura 39 Localização


82

7.9 Preferências

Este item tem a ver com tudo já visto anteriormente, mas com uma

particularidade, inclui para além de produtos e encomendas, algumas páginas que

fazem parte da estrutura básica do site, como: Início (Home), Termos e Condições de

uso, Sobre Nós, Entregas, Fotos, etc. Está a falar concretamente de lugar muito

importante, porque neste local definimos a forma como queremos nosso site ou que

ele apareça para os nossos utilizadores. Com um vasto conjunto de opções para

Encomendas, Produtos, Clientes, Temas, SEO e URL’s, CMS, Imagens, Contacto da

Loja, Pesquisar, Manutenção, Geolocalização. As condições de uso da página, definir

obrigações por parte de cliente, recebimento de newsletter entre outros. Para fazer

essas mudanças ou alterações deve clicar em Painel de Controlo Preferências

escolher cada opção, como mostram nas Figura 40 e Figura 41.

Figura 40 Preferências 1

Figura 41 Preferências


83

7.10 Informação da Configuração

Neste item dá a informação completa de tudo que temos, referente a versão de

Software, a loja, servidor, URL e ademais. Para visualizar deve clicar em Preferências

Avançadas Informações da Configuração, como mostra na Figura 42.

Figura 42 Informação da Configuração


84

7.11 Administração

Neste painel, terá toda a informação relacionada à administração do site. Dando

permissões aos clientes, os empregados (colaboradores) aceitarem ou não os

mesmos (definir perfil), tratar das encomendas efetuadas e listar as informações

relacionadas, colocar os produtos e definir as suas promoções, descontos, políticas,

taxas, preços, prazo (duração) como que o produto apareça na loja, listar informações

adequadas e necessárias e outros. Para alterar ou permitir deve clicar em Painel de

Controlo Administração, como mostra na Figura 43.

Figura 43 Administração


85

7.12 Estatísticas

Este painel dará todas as informações relativas à estatística do site. Fornecerá

dados estatísticos sobre: os detalhes de produto, vendas, encomendas, gráficos de

vendas de produtos, clientes que visitaram as lojas e por datas, produtos mais

vendidos e outros. Para consultar deve clicar em Painel de Controlo Estatísticas,

como se pode observar nas Figura 44 e Figura 45.

Figura 44 Estatísticas 1

Figura 45 Estatísticas 2


86

7.13 Fazer uma encomenda

O cliente consulta a pagina e vê os produtos disponíveis na loja. Ao selecionar os

produtos, vê a informação sobre o (s) mesmo (s), adiciona o produto pretendido ao

carrinho de compra. Após ter a certeza escolhe opção fazer encomenda. Caso não

tenha adicionado nada e clicar em fazer encomenda, aparecerá o seu carrinho de

compras está vazio, como mostra na Figura 46.

Figura 46 Fazer Encomenda

É necessário ter produtos no carrinho para avançar. É verificado, também, se o

cliente fez o login, caso contrário será necessário efetuá-lo. Em seguida, será pedido

para confirmar o endereço do cliente para entrega dos produtos e o endereço da

faturação da encomenda, como mostra na Figura 47.


87

Figura 47 Endereços

Estando tudo em conformidade, o programa pede para escolher a transportadora

que pretende que lhe transporte a encomenda até à sua morada. Neste caso, temos

duas, como mostra na Figura 48.

Figura 48 Envio de Encomenda

O cliente escolherá o método de pagamento que lhe convém e disponível no

site. Aparecerá ainda uma grelha de resumo com artigos e preços totais associados à

encomenda, incluindo os portes de envio, como mostra na Figura 49.


88

Figura 49 Método de Pagamento

Ao escolher transferência bancária, encontrará umas linhas de informações onde no

final terá um botão a dizer “Confirmar a minha encomenda”. Por fim, aparecerá uma

informação com históricos da encomenda. Surgirá também uma mensagem a dizer “a

sua encomenda em A Cozinha das Guerreiras está finalizada”, como mostram nas

Figura 50 e Figura 51.

Figura 50 Pagamento Transferência Bancária


89

Figura 51 Confirmação de Encomenda


90

Capítulo VI

8 Conclusões e Trabalho Futuro

8.1 Conclusão

Durante o desenvolvimento desse projeto, foram sentidas algumas dificuldades,

sobretudo por desconhecer a ferramenta. Depois de assistir workshop da Jornada de

Engenharia Informática, acabei por interessar por completo por Prestashop, fazendo

que houvesse da minha parte uma pesquisa profunda e constante para conseguir com

ela atingir o objetivo proposto.

É de salientar, que Prestashop é muito importante hoje em dia, para construção

de sites nas diversas categorias, na qual se poupa muito tempo, sabendo que o

mesmo é dinheiro. No nível da investigação efetuada, eu tive que assistir muitos

vídeos no youtube (https://www.youtube.com/watch?v=NtqoymJcjGY) e como ainda

havia algumas dúvidas de entendimento tinha recorrer à outra pessoa como Professor

de Projeto de Informática) para esclarecer algumas dúvidas existentes no momento.

Sendo o Prestashop considerado um Framework, torna mais fácil a tarefa dos

desenvolvedores/programadores na área de criação de sites, mas, também tem os

seus contras, como a perca de interesse para programar, uma vez que as coisas já

vêm programadas. Apenas terá que fazer algumas configurações.

Por desconhecer na totalidade o Prestashop, foram necessárias muitas

investigações para poder entende-lo. Como qualquer projeto, inicialmente é muito

trabalhoso, mas no final ao ver aplicação funcionando ganhamos mais entusiasmo

para terminar o projeto. É verdade que esse CMS é muito complexo ou amplo no

sentido da palavra, pelo que ainda reconheço a continuação do projeto futuramente.

Tendo em conta por ser um trabalho escolar com prazos de entrega, logo algo indica

que ainda ficará em aberto certas funcionalidades. As básicas e as essenciais foram

asseguradas para um bom funcionamento da loja.

Apesar de o trabalho cumprir os objetivos previstos, reconheço que ainda falta

muitas outras coisas, como o tal módulo (Chat) que gostaria de implementar de modo

aos utilizadores poderem trocar as experiencias e/ou diálogo uns com os outros,

fazerem amizades e outros. Como não consegui, acabei por colocar o “Zopim“ chat

que será explícito no

https://www.youtube.com/watch?v=NtqoymJcjGY


91

Anexo.

8.2 Trabalho Futuro

Por norma nenhum trabalho está totalmente acabado, isto porque aparecerá por

parte dos clientes ideias novas ou complementares caso se justifique na aplicação.

Não obstante, o trabalho terá a sua continuação no futuro. Tudo ficará em aberto neste

projeto, tanto para mim como para “As Guerreiras”.

Por ser técnico de suporte na empresa Vodafone Espanha, impossibilitará a

continuação, visto que agora estou a receber formações interna, nas áreas de

telecomunicação, desenvolvimento e apoio ao programador da empresa na criação de

páginas na linguagem PHP sem Framework, consulta SQL no PhpmyAdmin, MYSQL,

JavaScript e outros.


92

Capíulo VII

9 Bibliografia

[1] Joomla, “slideshare,” [Online]. Available:

http://pt.slideshare.net/bullmkt/joomla-o-que-par-serve.

[2] oqueedrupal, “A,” [Online]. Available: http//:oqueedrupal.com.br/.

[Acedido em 14 10 2015].

[3] NeoGest, “Agência Digital,” [Online]. Available:

https://neogest.com.br/prestashop/wiki/. [Acedido em 14 07 2015].

[4] Q. Tecnologia, “Qualinfo Tecnologia,” [Online]. Available:

http://qualinfo.qualinfonet.com.br/conteudo/not-

conteudo.php?cont=noticias&cod=51. [Acedido em 25 05 2015].

[5] V. Paes, “VINICIUS PAIS,” [Online]. Available:

www.viniciuspaes.com/mac-osx/tuturial-instalar-wordpress-localhost-

mac-osx/. [Acedido em 10 08 2015].

[6] B. Neemias, “ecommercepordentro,” [Online]. Available:

http://ecommercepordentro.com. [Acedido em 25 05 2015].

[7] T. a. Mods. [Online]. Available:

http://www.themesandmods.com/opencart/oc03c20036/. [Acedido em 20

06 2015].

[8] querycommerce, “querycommerce,” 2013. [Online]. Available:

http://blog.querycommerce.com/por-que-utilizar-magento.

[9] P. WEB, “Document PHP,” [Online]. Available:

www.php.net/manual/en/intro.simplexml.php. [Acedido em 08 06 2015].

[10] aemka. [Online]. Available:

http://www.aemka.de/en/services/magento.html. [Acedido em 20 06

2015].

[11] SMstock, “softmanagement,” [Online]. Available:

http://www.softmanagement.pt/Modulos/SMgestaostocks. [Acedido em

08 06 2015].

[12] TradeGecko, “App Store,” [Online]. Available:


93

https://apps.shopify.com/tradegecko. [Acedido em 09 06 2015].

[13] skywareinventory, “alternativeTo,” [Online]. Available:

http://alternativeto.net/software/skyware-inventory/?license=free.

[Acedido em 09 06 2015].

[14] Internet, “Sites Internet,” [Online]. Available:

https://sites.google.com/site/sitesrecord/o-que-e-html. [Acedido em 01 07

2015].

[15] MDN10YEARS, “Plataforma Web,” 01 07 2014. [Online]. Available:

https://developer.mozilla.org/pt-

PT/docs/Web/CSS/Como_come%C3%A7ar/O_que_%C3%A9_CSS.

[Acedido em 24 10 2015].

[16] HTML.net, “Lição1,” 16 01 2015. [Online]. Available: http://pt-

br.html.net/tutorials/php/lesson1.php. [Acedido em 10 07 2015].

[17] phpmyadmin, “Bringing MYSQL to the web,” [Online]. Available:

https://www.phpmyadmin.net/. [Acedido em 10 08 2015].

[18] Wikipedia, “Wikipedia.org,” 02 09 2015. [Online]. Available: :

https://pt_wikipedia.org/wiki/Astah. [Acedido em 10 11 2015].

[19] U. Grande, “dsc.ufcg.edu,” [Online]. Available:

http://www.dsc.ufcg.edu.br/~sampaio/cursos/2007.1/Graduacao/SI-

II/Uml/diagramas/usecases/usecases.htm. [Acedido em 12 09 2015].

[20] Prestashop. [Online]. Available:

http://doc.Prestashop.com/download/attachments/9961497/pdm-

1.5.png?api=v2. [Acedido em 11 10 2015].

[21] I. BaseDadosSGeral, “Imagem BaseDadosSGeral,” [Online]. Available:

www.aaaa.

[22] ESTGViseu, “Analise Estruturada,” [Online]. Available:

http://www.estgv.ipv.pt/paginaspessoais/ajas/AS/Apontamentos%20Te%

C3%B3ricos/as_3_4.pdf. [Acedido em 04 09 2015].

[23] Vinaora, “Responsive Design,” [Online]. Available:

http://vinaora.com/2014/08/do-modern-responsive-websites-benefits-

google-ranking/. [Acedido em 11 10 2015].

[24] Monoplia, “Escola Criatividade,” [Online]. Available:

https://www.google.es/search?q=instala%C3%A7%C3%A3o+prestashop

+passo+passo&espv=2&biw=1280&bih=923&source=lnms&tbm=isch&sa


94

=X&ved=0ahUKEwjss6GXoK7JAhUHWxQKHZqrAKwQ_AUIBygC#imgrc

=Fx6TXGVmpa1FiM%3A. [Acedido em 20 10 2015].


95

10 Anexo

10.1 Instalação do Servidor Local Usbwebserver

No nosso caso foi instalado o servidor local para podermos desenvolver trabalho

localmente, e neste servidor já se encontra incorporado o Apache e MYSQL, requisito

fundamental para trabalhar com PHP. Neste servidor ainda poderá escolher/alterar as

portas, língua.

Após tudo estar instalado, terá todas as informações necessárias acerca do

servidor, como mostra na Figura 52.

Figura 52 Servidor Usbwebserver


96

10.2 Instalação do Prestashop

Antes de instalar o prestashop, temos que primeiramente:

1) Instalar o (s) servidor (s), como Xampp, Wampp, Usbwebserver entre outros.

2) Baixar prestashop e começar a fazer a sua instalação:

2.1) Escolher Idioma

2.2) Aceitar as Licenças

2.3) Verificar a compatibilidade do sistema

2.4) Configuração do sistema:

Aqui, fazemos tudo como mostra na Figura 53.

Descrição do servidor de base de dados: o localhost, colocamos a porta que temos

no nosso servidor Usbwebserver.

Nome: criamos “A Cozinha das Guerreiras”.

Usuário: root, diretório onde vamos colocar a instalação da loja, ou seja, a pasta toda

que vamos extrairmos do zip da pasta prestashop original.

Password: usbw

Motor de busca: InnDB

Prefixo das tabelas: ps_

Poderá alterar os dados acima referidos, de acordo a preferência, mas neste caso,

preferiu-se trocar nome da base de dados e outras alterações básicas.

1) Informação da Loja

2) Instalação da Loja

Após instalar pasta, deve eliminar a pasta “install” que se encontra na raiz do site,

por questão de segurança e depois poderá aceder a loja online. E também pode

alterar o nome da pasta “Admin” para o que quiser. Exemplo: “gestaoloja”. Para

aceder basta escrever http://8080/tapper/prestashop/gestaoloja/.

http://0.0.31.144/tapper/prestashop/gestaoloja/


97

Figura 53 Instalação Prestashop. Fonte: [24]

Nota: Ao instalar prestashop será indiferente escolher as opções “tipo de loja” e

escolher arte e cultura, desporto, comida e bebida entre outros, basta instalar e

escolher qualquer, mais tarde poderá ser alterada.

10.3 Painel de Controlo Continuação

O BackOffice é o nome utilizado para descrever o painel de administração de uma

loja virtual em prestashop. É por aqui que passamos maior parte do tempo a

configurarmos diretamente tudo que os utilizadores/clientes/visitantes vêm do outro

lado. Como por exemplo, adicionar/editar/remover produtos, definir as transportadoras,

criar vales de descontos/promoções, informação de contato com os clientes e outros.

No processo de instalação, o instalador prestashop pede para mudar o nome da

pasta de administração, que por padrão é: /admin, para algo único para sua loja (por

exemplo, /admin789), por razões de segurança.

No nosso caso, a pasta para aceder o BackOffice será

http://8080/tapper/prestashop/adminasguerreirast/index.php?controller=AdminLogin,

como mostra na Figura 54.

http://0.0.31.144/tapper/prestashop/adminasguerreirast/index.php?controller=AdminLogin


98

Figura 54 Painel de BackOffice

Terá que escrever o correio eletrónico e palavra-chave que registou quando

estava a instalar prestashop.

Para questão de segurança é necessário escrever palavra-chave forte incluindo

(números, letras maiúsculas e minúsculas).

Depois de clicar em “Iniciar Sessão”, encontrará o painel BackOffice, como uma

espécie de página de boas – vindas, como se observa na Figura 55.

Figura 55 Painel de Controlo

Depois desses passos referidos anteriormente, estará apto para começar a

configurar sua loja, e vender produtos aos seus clientes.


99

10.4 Pagamentos

10.4.1 Configuração de Métodos de Pagamento

Outra configuração importante que terá que fazer na loja, será a dos métodos de

pagamento. O prestashop já vem com vários módulos instalados e que suportam

várias formas de pagamento. A mais popular é a do PagSeguro, serviço no qual,

deverá ter uma conta devidamente configurada e ativada. Se ainda não tem uma conta

no PagSeguro, basta procurar algo relacionado e algumas tutorias online com os

passos que ensinam fazer isso. Mas antes terá que criar a conta.

Caso tenha a conta criada no PagSeguro, clique sobre o item "Módulos" do Painel

de Controlo do Prestashop. Na lista de módulos, procure pela área "Paymant" que

significa pagamento. Veja que o PrestaShop já terá disponível alguns módulos para

aceitar depósitos bancários, Google Checkout, HiPay, Moneybookers PagSeguro,

PayPal, Transferência Bancária, Pagamento por cheques.

10.5 Templates Continuação

10.5.1 Imagens

Imagens colocadas, os preços (com IVA), as entregas e entre outros. As imagens

foram carregadas de uma pasta com imagens retiradas da página oficial dos artigos

em questão, juntamente com as informações associadas a cada produto, como preço,

descrição e outros. Para ter Templates desse género foram necessários fazer um

conjunto de procedimentos por parte de administrador. Para inserir deve clicar em

Painel de Controlo Catálogo Produtos Adicionar novo produto/Editar.

Pode-se escolher opção de mostrar ou não o IVA no produto, quando forem

selecionados certos produtos, opção no prazo de entrega e outros.

No módulo prestashop têm muitas ferramentas/módulos disponíveis, praticamente

é um CMS muito rico, com poucas margens de alteração por parte de quem está a

desenvolver a loja. Ou seja, já tem consigo um conjunto de Add-ons para configuração

da loja de acordo as necessidades. Têm Add-ons relacionados ao pagamento,

promoções de produtos, estatísticas das vendas, que controlam números de pessoas

que visitam a loja e por datas. Todos esses módulos atrás referidos foram instalados

na aplicação, como mostra na Figura 35.


100

Depois de adicionar os preços, imagens e outros, foram mudadas totalmente a

configuração e estilo de loja, ativar ou desativar alguns serviços como múltiplas lojas,

imagens dinâmicas na página principal entre outros. Tudo isso foi feito devido o rico

painel de controlo. Portanto, levará muitas pesquisas e trabalho, alterar isso tudo até

ficar como mostram acima nas Figura 21 e Figura 22.

10.5.2 Banner

O Banner é opcional neste CMS, portanto foi escolhida a opção “Ativar Banner”.

Para alterar deve clicar em Painel de Controlo Preferências Temas

Configurador de Tema gráfico.

Ao selecionar “Módulos e Temas”, será remetido para diversas escolhas e

configurações, da qual encontrará opções carregar imagem do banner, os blocos de

CMS personalizados, a informação de contatos, as redes sociais entre outros.

Também poderá encontrar e configurar as páginas, Inicio, História, Sobre Nós,

Entrega, Aparty!, Promoções mensais, Fotos e outras.

Para alterar, deve clicar em Painel de Controlo Preferências CMS

10.5.3 Cor

Na pasta zipada dentro do root no servidor, “themes default-bootstrap css

global.css” neste último que foram feitas algumas alterações como cor da página,

fundo, banner, cor de letras das Categorias (category.css) e outros, como mostram

nas Figura 21 e Figura 22.

Para colocar “A Cozinha das Guerreiras. Todos os direitos reservados”, deve clicar na

pasta module (dentro do prestashop instalado) blackcms no notepad++ ou

outro, abrir o ficheiro blockcms.tpl e substituir o titulo e a tag href, com o título e a

URL do site e Guardar. Poderá não notar a mundança no momento, mas depois de

umas horas ficará do jeito que colocamos.


101

10.6 Módulos Instalados e Configurados no Trabalho

Apenas será aqui falado de alguns módulos existentes no trabalho, uma vez que

são muitos.

Google AdWords V1.3.6 Fornecido oficialmente por prestashop.

Para a loja estar mais visíveis e atrair novos clientes, Google disponibiliza este

serviço a um preço baixo.

Shopgate v2.9.54 Fornecido oficialmente por prestashop

Serve para vender produtos com uma aplicação própria e uma página web

otimizada e disponível para dispositivos móveis.

Fidelização do Cliente e Recompensas v1.2.8 Fornecido oficialmente por

prestashop

Sistemas de fidelização dos clientes através de pontos e converter em vales de

descontos.

Programa de referência de cliente v1.7.1 fornecido por prestashop

Integra um programa de referência na loja para os clientes sugerirem as outras

pessoas a aderir/ visitar sua loja e esses clientes serão recompensados.

Zopim-Atendimento Online grátis e em Português

Um programa de atendimento (chat) online grátis e disponibiliza alguns serviços

pagos. A versão grátis não expira e traz esses recursos (Interface fácil de usar,

tradução, conversas gravadas, adição de novos clientes, informação e localização dos

clientes, personalizar o texto). Ao usar plano grátis, será disponibilizado apenas 1

agente, 1 atendimento e histórico da conversa durará 14 dias.

DeleteOrdersfree

Foi instalado com objetivo de apagar/eliminar as encomendas efeuadas numa loja

prestashop.

ContentBox

Serve para configurar o código HTML no prestashop.


102

10.7 Localização

Para alterar a localização da loja pode clicar em Localização, muda o fuso horário

de acordo ao país, e será muito importante para efetuar cálculos de prazos de entrega,

horários de compras e outros. Altera a configuração, caso quiser outros países

selecione os mesmos em Importar Pacote de Localização e escolherá os campos

desejados (taxas, moedas, unidade de peso, medida, distância e outros) por fim fazer

Importar.

10.7.1 Idiomas

Os idiomas já foram instalados e disponíveis no prestashop, caso quiser trocar

idiomas poderá fazê-lo sem problema consoante a região do país selecionado.

10.7.2 Distritos/Estados, Países e Região

Os distritos/estados, as regiões, os países (através do seu código ISO e outros)

podem introduzir, mas certifica se não terão esses países já por definição.

10.7.3 Moedas, Taxas e Regras de Impostos

Essas opções existem para fazer acerto relacionado ao dinheiro. Moeda terá a

moeda principal da loja (vem associado à instalação), caso pretenda fazer venda fora

de Portugal é importante a taxa de câmbio, onde já fará a atualização. Para adicionar

a moeda deve clicar em Localização Moedas Adicionar Nova.

Basta preencher o formulário e clicar em Guardar.

Quanto às taxas, existem algumas configuradas por CMS, como mostra na Figura 56.


103

Figura 56 Taxas

Para adicionar uma nova basta fazer: Opções da Taxa e preencher o formulário,

adicionar novos atributos e Guardar.

As regras de impostos são semelhantes às taxas com pequena diferença. As

taxas abrangem todo o país (região, cidade), essa regra é apenas para um

determinado país ou região. Aplicando diferentes taxas como IVA e outras.

10.8 Preferências

10.8.1 Contactos da Loja

Poderá definir ou criar as informações próprias que gostaria que aparecesse

quando a loja fosse contatada. Para criar deve clicar em Painel de Controlo

Preferências Contato da Loja.

Aqui será, encontrado na aplicação desenvolvida, os serviços de Google Maps,

por ser um site de comércio eletrónico, aparecerá tanto endereços físico da loja como

mapa onde está a loja fisicamente localizada.


104

10.8.2 URL’s Amigáveis

Por definição isto vem disponível na instalação do CMS, redirecionando-nos para

URL de prestashop. Para alterar e colocar de maneira que a loja fique bem

posicionada a nível de sites de buscas deve clicar em Painel de Controlo

Preferências SEO e URL’s e configurar as opções na Instalação URLs.

10.8.3 Geolocalização

Por definição já vem no prestashop a sua instalação. Para evitar que pessoas fora

do espaço definido (países) possam fazer compras na tua loja, poderá restringir os

países de modo que o site não possa ser visualizado. Para isto, deve clicar em Painel

de Controlo Preferências Geolocalização.

Esta geolocalização, também poderá ser feita por IP. Aqui poderá definir acesso

blocos de países que não terão acesso completo ao site. Basta clicar em Opção

selecionar ação que será permitida pelos utilizadores desses países, sendo mais

específicos em Lista de endereços IP permitidos e fazer a tal autorização. Será para

isso necessário baixar o GeoLiteCity.dat para poder fazer a configuração.

Não foi instalado GeoLiteCity.dat no projeto.

10.9 Encomendas Continuação

10.9.1 Estado de Encomendas

Como sempre, será normal os clientes quererem saber das suas encomendas

(estado) efetuadas. Para não enviar um correio eletrónico a perguntar sobre o caso,

poderá envia-lo um correio eletrónico informando o estado da sua encomenda. Para

ver/ verificar deve clicar em Encomendas Estado.

Aqui sim, terá uma visão ampla de estado da encomenda e seu o historial.

Podendo assim informar o cliente por correio eletrónico o estado da sua encomenda.

Como lógico, a encomenda poderá mudar de estados por motivos maiores. Para

mudar deve clicar em Encomendas Estados Editar.

irei folitécnico polytechnic -...

Documents