UNIVERDADE LICUNGO

FACULDADE DE CIÊNCIAS E TECNOLOGIA

CURSO DE INFORMÁTICA

CLÉLIO JOÃO EMÍLIO SAMO

IMPLEMENTAÇÃO DE SISTEMA DE VENDA ONLINE

WEB (PIZZARIA-SAMO)

Quelimane

2022
 CLÉLIO JOÃO EMÍLIO SAMO

IMPLEMENTAÇÃO DE SISTEMA DE VENDA ONLINE

WEB (PIZZARIA-SAMO)

Trabalho de carácter avaliativo a ser apresentado na

disciplina de Práticas de Base de Dados na Faculdade
de Ciências e Tecnologias.

Orientador: Dr. Wilson Mateus Sada

Quelimane

2022
Índice
1.Introdução......................................................................................................................................4

1.1.Objectivos Geral.........................................................................................................................5

1.2.Específicos..................................................................................................................................5

1.3.Metodologia................................................................................................................................5

2.Planificação do Projecto................................................................................................................6

2.1.Descrição da Empresa................................................................................................................6

2.2.Funcionamento...........................................................................................................................6

2.3.Sistema Web...............................................................................................................................6

2.4.Linguagem de Programação PHP...............................................................................................7

2.5.Framework..................................................................................................................................7

2.6.Bootstrap.....................................................................................................................................7

2.7.XAMPP......................................................................................................................................8

4.1.Entrevista....................................................................................................................................9

5.2.Sistema de Gerenciamento de Banco de Dados (MYSQL)......................................................11

5.4.Diagrama de Caso de Uso........................................................................................................11

5.5.Diagrama de Actividade...........................................................................................................12

5.6.Diagrama de Classe..................................................................................................................12

5.7.Diagrama de Entidade Relacionamento...................................................................................13

5.8.Modelo Lógico.........................................................................................................................13

6.Prototipagem................................................................................................................................14

7.Conclusão....................................................................................................................................18

8.Referencias Bibliografias............................................................................................................19
 4

1. Introdução
O conhecimento que se pretende brindar neste trabalho de Praticas de Base de Dados, tem como
tema desenvolvimento de base de dados para uma instituição. No desenvolvimento do presente
trabalho abordarei de forma sólida a Implementação de un Sistema Web para uma determinada
Pizzaria. Portanto detalhadamente o sistema vai ser projectado para fazer a gestão e fluxo de toda
mercadoria, o que saí e o que entra e também fara entrega domiciliar dos produtos as casas dos
clientes que forem a efectivar este actividade usando o sistema Web.
 5

1.1. Objectivos Geral

 Trazer conhecimentos teóricos e práticos relativos ao tema em causa.

1.2. Específicos
 Projecção da Base de Dados;
 Conhecer como é implementado a Sistema de Gestão de Base de Dados;
 Construção dos diagramas e Modelo lógico e conceptual.

1.3. Metodologia
Para que fosse possível a realização do presente trabalho, tive como metodologia de trabalho a
consulta bibliográfica.
 6

2. Planificação do Projecto
2.1. Descrição da Empresa
Criação de uma página Web para uma empresa de venda de alimentos. O restaurante (Empresa)
Pizaria da Estacão que tem a sua sede na cidade de quelimane na V. Eduardo Mondlane em
quelimane que foi criada em 2010 tem como principal objectiva a de alimentos.

2.2. Funcionamento
Antigamente a empresa funcionava da seguinte maneira os clientes que deseja compra um
produto ou alimento tinha que ir ao balcão e este era entregue um MENU com os produtos que a
empresa vende aos seus clientes, O cliente fazia o pedido, o funcionário envia o pedido a cozinha
e em alguns minutos o alimento era preparado e estregue a cliente pelo garçom.

O cliente podia comer o alimento no local ou levar para casa, depois de ingerir o alimento o
cliente efectuava o pagamento no balcão com dinheiro físico ou cartão de crédito, o funcionário
do caixa fazia o cálculo e entregava o troco, registava a venda e guardava o dinheiro em uma
caixa, no final do dia era feito o cálculo total, e era registado em um caderno de nota.

A empresa estava ter dificuldade em encontrar clientes para a venda de seus produtos, produtos
estes como (pizza, Take Way, batatas fritas, etc.)

Mas devido ao isolamento provocado pela pandemia de COVID 19 a empresa deve permanecer
fecha durante um tempo indeterminado para evitar a aglomeração de pessoa no local, O dono da
empresa não pretende ficar de braços cruzados a espera do isolamento terminar visto que a
empresa e uma fonte de sobrevivência para ele e para o seu cliente.

2.3. Sistema Web

Sistemas web são sistemas projectados para serem acessados através do navegador, como Google
Chrome, Firefox, entre outros, Para acessá-los basta estar conectado a uma rede de internet.
Como o armazenamento é nos servidores, qualquer pessoa conectada consegue acessar um
sistema web.

Nos sistemas Desktop, os quais são instalados no computador pessoal, o acesso é limitado, onde
fica restrito somente a determinado local. Segundo Boas (2017) o custo para se desenvolver um
sistema dessa proporção é menor, pois não gasta com infra-estrutura, e o valor que é pago mensal
 7

em sistemas de terceiros, corresponde a um valor menos de uma hospedagem. As vantagens de

um sistema web são que o usuário pode acessar tanto pelo computador, quando pelo celular, com
fácil instalação e manutenção, pois alguns sistemas estão armazenados nas nuvens. O sistema
web pode haver a integração com as redes sociais do empreendimento, como fazer o
gerenciamento das mesmas e pode juntar com a planilhas para facilitar a vida dos colaboradores
onde irão encontrar todas as opções necessárias em um único sistema. (BÔAS, 2017).

2.4. Linguagem de Programação PHP

A linguagem PHP foi escolhida em razão de sua versatilidade, sendo escolhido o Sublime Text,
como programa editor de código, o qual possui uma interface de fácil interacção, atendendo as
expectativas dos autores. Além destas facilidades, o PHP tem diversas fontes de frameworks para
serem usados como base, uma série de scripts que facilitam a vida do programador, deixando a
criatividade para problemas mais complexos.

2.5. Framework
Framework são ferramentas que auxiliam o desenvolvimento de sistemas, onde se encontra
recursos para a elaboração dos projectos que são designados para a equipe, facilitando a execução
dos mesmos. Framework é um conjunto de códigos genéricos e básicos usados como um pacote
por desenvolvedores que estão criando um site. Dessa forma, quando um projecto é iniciado pelo
profissional, esse pacote de códigos prontos é um suporte que facilita o trabalho, evitando a
necessidade de iniciar o site do zero, partindo já de uma base comum a qualquer
desenvolvimento.

2.6. Bootstrap
O Bootstrap foi desenvolvido por Jacob Thorton e Mark Otto, que eram engenheiros do twitter
com o intuito de ajudar a sua equipe a trabalhar de forma mais clara e objectiva, já que os
desenvolvedores tinham dificuldades na execução dos projectos. O intuito era optimizar o
desenvolvimento de sua plataforma através da adopção de uma estrutura única. Isto reduziria
inconsistências entre as diversas formas de se codificar, que variam de profissional para
profissional. (CAMPOS, 2017).
 8

Trata-se de uma ferramenta que proporciona interactividade na página, pois oferece uma série de
componentes que facilitam a comunicação com o usuário, como menus de navegação, controles
de paginação, barras de progresso e muito mais. (SOUZA, 2019b).

A vantagem de se usar o bootstrap é que ele funciona em qualquer linguagem de programação, se

adaptando a sistemas web que podem ser acessado pelo celular, onde o desenvolvedor faz o
ajuste nas configurações para a página se adequar ao tamanho da tela do smartphone. Outra
característica é a emissão de alertas com cores e formatos diferentes para chamar a atenção do
usuário, fazendo com que a página ganhe mais interacção.

2.7. XAMPP
O XAMPP é um pacote com os principais servidores de códigos abertos do mercado, onde inclui
banco de dados, MySQL e suporta as linguagens de programação PHP e Perl. É possível rodar
wordPress, que facilita e agiliza o desenvolvimento, os conteúdos estarão armazenados em uma
rede e podem ser acessados de forma simultânea. Para acessar os arquivos a porta 80 do roteador
e do firewall tem que está desactivada. (HIGA,2012). “Para executar o XAMPP, basta ter um
arquivo RAR, ou um executável com a pasta salva na unidade C: do computador, onde basta
extrair para poder funcionar. Está disponível nas versões que são compatíveis com o Windows,
Linux, Mac OS X e Solaris.

3. Definição de Sistema
3.1. Pizzaria Samo

Segundo a entrevista viu-se a necessidade de ciar um sistema de venda online para que a empresa
volte a funcionar. Um sistema de venda online resolveria o problema da empresa
instantaneamente, O sistema ira facilitar a vida dos clientes e da empresa assim os clientes podem
voltar a trabalhar e os clientes podem voltar a fazer os seu pedidos onde quer que eles estejam.

No entanto, para que os serviços da Pizzaria Samo, se concretizem é necessário um

investimento significativo, onde a satisfação do cliente deve ser prioridade, principalmente
porque uma entrega rápida e uma refeição de boa qualidade são aspectos essenciais para a
fidelização dos clientes.
 9

Diante da situação em que estamos vivendo, com as pessoas passando mais tempo em casa, os
serviços de Pizzaria Samo apresentaram um aumento significativo, com os mais variados tipos de
pedido, que vão desde itens básicos para refeições elaboradas. Com a pandemia, as empresas
tiveram que adoptar medidas de segurança, para garantir a limpeza e higienização, desde o
momento da entrega até o contacto com o cliente.

4. Análise de Requisitos

4.1. Entrevista
Qual é a principal dificuldade da empresa?

Segundo os funcionários a principal dificuldade é de encerramento da empresa, porque assim eles

não podem trabalhar para sustentar a família.

Como e onde os dados da empresa são salvos?

Segundo o funcionário do caixa os dados das vendas são registados em um caderno.

Porquê é que a empresa precisa de uma Sistema de venda electrónico?

A empresa precisa de um sistema de venda electrónico para que ela volte a funcionar sem que os
clientes precisem sair de suas casas e fazer o controle do fluxo de mercadoria do estabelecimento.

Devido a alta da demanda, ocasionada pela pandemia do Coronavírus (COVID-19), o

proprietário solicitou o desenvolvimento de um sistema web, voltado principalmente para a
automação dos pedidos delivery da PIZZARIA-SAMO, o qual deverá oferecer uma maior
agilidade aos processos, tendo em vista que este sistema deve ser capaz de gerenciar e controlar
os pedidos por ordem que forem solicitados, para dar agilidade e segurança nas entregas.

O proprietário necessita que o sistema faça a colecta do nome do cliente, o endereço que será
realizado a entrega do pedido, a forma de pagamento e ainda apresente os produtos que são
vendidos no estabelecimento. O Sistema, para satisfazer o proprietário da PIZZARIA-SAMO,
deve apresentar também as seguintes características: cadastrar clientes, armazenando nome,
endereço, telefone e senha; apresentar ao cliente cadastrado, o menu da Pizzaria; o cliente, após
realizar seu pedido, o acompanha até a entrega em sua residência.
 10

O Sistema terá que atender as seguintes funcionalidades: 1ª O usuário poderá se cadastrar através
dos seus dados pessoais como nome, senha; 2ª Após o cadastro pessoal, o usuário terá acesso ao
menu da Pizzaria; 3ª O usuário cadastrara seu endereço; 4ª O usuário realiza seu pedido e
acompanha até a entrega na sua residência

5. Requisitos Funcionais

São as necessidades e características esperadas em um processo de execução do software. Os

requisitos funcionais são o que o sistema é capaz de executar. Ele define o comportamento do
software.

 RF01. Cadastrar Produtos;

 RF02. Cadastrar Usuários;

 RF03. Cadastrar Clientes;

 RF04. Fazer Pedido;

 RF05. Alterar pedido.

5.1. Requisitos Não Funcionais

Os requisitos não funcionais são o que descreve como o sistema vai funcionar, de qual maneira
vai ser executada determinada tarefa.

 RNF01. Acesso a internet para entrar no sistema;

 RNF02. O sistema atende um cliente por vez;

 RNF03. Compatibilidade em vários navegadores;

 RNF04. O sistema deve funcionar 24 h por dia;

 RNF05. O sistema deve ter o logótipo da empresa;

 RNF06. O sistema deve ter a forma de pagamento online;

 RNF07. Se o cliente não receber o produto o cliente deve dar o relatório e receber o
reembolso.
 11

5.2. Sistema de Gerenciamento de Banco de Dados (MYSQL)

O MySQL foi definido como o banco de dados, tendo em vista a sua capacidade de suportar
aplicações web e sistemas online. Para podermos testar o sistema, utilizamos a ferramenta
XAMPP, que nos permite acessar o site de maneira offline, ou seja, sem necessidade de estar
conectado à internet, com vistas a optimizar o tempo de ajuste. Para definição da aparência do
aplicativo, usamos a ferramenta bootstrap para aplicar o estilo da página, assim como cores,
textos e fundo da tela.

Em suma este trabalho, será usado o SGBD MySQL, tendo em vista que é um dos SGBDs
mais utilizados no mercado, possuindo versões gratuitas e pagas, as quais atendem os requisitos
dos projectos mais simples aos mais complexos. (MySQL).

5.3. Desenho da Aplicação

5.4. Diagrama de Caso de Uso

Os diagramas de caso de uso resume os detalhes dos usuários do sistema, que no caso é
conhecido como os atores, são oferecidos detalhes, pois ele dá uma visão geral entre o sistema e
os autores. O caso de uso é representado de formas ovais e modulada. A imagem a seguir mostra
as funcionalidades do sistema a partir da perspectiva de cada usuário, visto que cada dado está
relacionado para usuários diferentes, bem como as suas respectivas acções.
 12

5.5. Diagrama de Actividade

De acordo com Ventura (2016), o Diagrama de Actividades é um diagrama comportamental (que
especifica o comportamento do software), e através dele podemos modelar partes do
comportamento de um software.

5.6. Diagrama de Classe

Diagrama de classe é um dos mais importantes, pois ele se baseia em todas as aplicações do
sistema. O diagrama de classes ilustra graficamente como será a estrutura do software e como
cada um dos componentes da sua estrutura estarão interligados. Na imagem é possível verificar
os atributos, as entidades do sistema.
 13

5.7. Diagrama de Entidade Relacionamento

É um fluxograma que mostra as entidades do sistema, o que vai ser chave primária no banco de
dados e chave estrangeira.

5.8. Modelo Lógico

Os modelos lógicos basicamente determinam se todos os requisitos do negócio foram reunidos.
Ele é revisado pelos desenvolvedores, pelo gerenciamento e, por fim, pelos usuários finais para
ver se é necessário colectar mais informações antes do início da modelagem física.
 14

6. Prototipagem
A Prototipação é o esboço do projecto, são as etapas que são desenvolvidas até chegar no
resultado desejado. O uso de protótipos é de suma importância para a elaboração de projectos
pois ele faz com o usuário tenha noção do que vai ser desenvolvido. O objectivo de um protótipo
é criar uma representação semi realística de algo para que seja possível interagir e testar com
usuários reais.

Para o Design ou seja a prototipagem da página web foi utilizado o framwork Figma, que é
absolutamente online na criação e desenho de aplicação.

6.1. Apresentação das Telas do Sistema

Nesta subsessão estão apresentadas as telas do sistema e suas respectivas funções, desde a
escolha do pedido até a conclusão. É um sistema simples e de fácil interacção com o usuário,
voltado ao uso de pessoas com o sem conhecimento na área de informática.

Tela Login

Menu

É mostrada a tela inicial para o cliente, onde todos os serviços oferecidos pelo estabelecimento
estão disponíveis, ele escolhe os seus pedidos e os itens serão adicionados ao carrinho, para que o
mesmo conclua a sua compra.
 15

Expansão do Botão de Menu do dia

Pedido

Retrata o resumo do pedido, mostrando a quantidade, o preço e o produto que o cliente pediu. É
mostrado o endereço do cliente que realizou o pedido para que a entrega seja realizada de forma
correta, para que não haja um contratempo com cliente final.
 16

Pagamento

Reembolso
17
 18

7. Conclusão
Por meio das pesquisas realizadas durante o desenvolvimento do trabalho, foi possível observar a
grande aplicabilidade dos sistemas delivery, principalmente pela agilidade de que basta utilizar os
equipamentos necessários para realizar nossos pedidos de refeição, sendo estes entregues nas
residências ou local de trabalho dos clientes, com comodidade.

Foi perceptível ainda observar as facilidades possibilitadas pelas ferramentas escolhidas

para o desenvolvimento da Pizaria-Samo, com destaque para as ferramentas de configuração da
interface com usuário, framework Figma, que, além de serem fáceis de serem utilizadas,
demonstraram ser capazes de produzir telas de aparência agradável e de fácil interacção, com
cores e gráficos de alta qualidade.
 19

8. Referencias Bibliografias
ALFF, Chico. O que são requisitos funcionais e não funcionais. 2018. Disponível em: Acesso
em 25 de novembro de 2020.

SALOMO, Ma. Rowena C. Engenharia de Software-Projeto JEDI. Editora, 2007.

SILVA, Débora. Banco de Dados. 2015.

SOUZA, Ivan de. Bootstrap: saiba neste guia para iniciantes o que é, porque e como usá-lo.
2019b.

VENTURA, Plinio. Entendendo o Diagrama de Actividades da UML. 2016.