INSTITUTO MÉDIO POLITÉCNICO PRIVADO KWATELELA

COORDENAÇÃO DE INFORMÁTICA
CURSO DE INFORMÁTICA DE GESTÃO

TEMA: PROPOSTA DE APLICAÇÃO WEB PARA

AUTOMATIZAÇÃO DOS PROCESSOS DE VENDA NO
RESTAURANTE DO KWATELELA

Trabalho nº 4

AUTORES:
Albano De Jesus Chicangaluco
Aires Pio Jambas Dinis
Cleusio Jongolo Nunda
David Afonso Catito
Josias Fernando Luacuti
Manuel Canguende Nangueve Jamba

Huambo/2023
TEMA: PROPOSTA DE APLICAÇÃO WEB PARA AUTOMATIZAÇÃO
DOS PROCESSOS DE VENDA NO RESTAURANTE DO KWATELELA

Trabalho do fim do curso apresentado a

______ de ______ de _________, à
coordenação de Informática do Instituto Médio
Privado Kwatelela como requisito a obtenção
do Título de Técnico(a) Médio em Informática
de Gestão.
Tutor: Bernardo Quintas Lino, Licenciado em
Engenharia Informática e Computadores.

Huambo/2023
TEMA: PROPOSTA DE APLICAÇÃO WEB PARA AUTOMATIZAÇÃO
DOS PROCESSOS DE VENDA NO RESTAURANTE DO KWATELELA

Trabalho do fim do curso apresentado a

______ de ______ de _________, à
coordenação de Informática do Instituto
Médio Privado Kwatelela como requisito a
obtenção do Título de Técnico(a) Médio em
Informática de Gestão.
Tutor: Bernardo Quintas Lino, Licenciado em
Engenharia Informática e Computadores.

Aprovado em _______de ________de__________

CORPO DE JÚRI

Presidente
________________________________
1º Vogal
________________________________
2º vogal
________________________________

Huambo/2023
 Dedicamos este projecto a todos os estudantes do Instituto Médio Politécnico
Privado Kwatelela, pelo esforço enorme que fizeram com que a gente termina-se
com nosso trabalho do fim do curso.
 AGRADECIMENTOS
Os nossos agradecimentos vão primeramente para Deus o todo poderoso, o
nosso tutor Enginheiro Bernardo Qintas Lino, Aos nossos pais, amigos que
incasalvelmente fizeram de tudo para a gente terminar com o nosso trabalho de fim
de curso
 RESUMO

A Internet é uma rede que oferece diversos tipos de serviços para seus
usuários. Buscas, comércio eletrônico, Internet Banking, entre outros, são
exemplos de alguns desses serviços. Os serviços de comércio eletrônico têm
se destacado no âmbito empresarial, seja nacional ou internacional, por
permitir que os usuários tenham acesso facilitado a compra e venda dos mais
variados produtos e serviços. Aplicação web para automatização dos
processos de venda no restaurante do kwatelela é um e-commerce que
realiza as atividades que podem auxiliar no processo de venda. Isso porque
os dados são registrados em banco de dados, permitindo, assim, que o
empreendedor gerencie e controlo a entrega dos pedidos e que consumidor
realize consultas, visualize os produtos e faça seus pedidos de forma on-line.
Para a criação do aplicativo, as principais tecnologias utilizadas foram
JavaScript, jQuery,Html5, Css, Bootstrap e BrModelo. Utilizando essas
tecnologias foi possivel criar o aplicativo web proposto que possibilita a
realização de venda, pedidos e encomendas. Além da realização de pedidos
e de controlo gerencial o aplicativo possibilita a divulgação dos produtos, uma
vez que são utilizadas imagens ilustrativas do que o restaurante produz.
Palavras-chave: Internet, E-commerce, Restaurante Kwatelela,
Aplicativo web.
 ABSTRACT
The Internet is a network that offers various types of services to its users. Search, e-
commerce, Internet Banking, among others, are examples of some of these services.
E-commerce services have stood out in the business sphere, whether national or
international, for allowing users to have easy access to the purchase and sale of the
most varied products and services. Web application for automation of sales
processes in the restaurant of kwatelela is an e-commerce that performs the
activities that can assist in the sales process. This is because the data is recorded in
a database, thus allowing the entrepreneur to manage and control the delivery of
orders and the consumer to make inquiries, view the products and place their orders
online. For the development of the work, the main technologies used were
JavaScript, jQuery, Html5, Css and Bootstrap. Using these technologies it was
possible to create the proposed web application that enables the realization of sales,
orders and orders. In addition to placing orders and managing control, the application
enables the dissemination of products, since illustrative images of what the
restaurant produces are used.

Keywords: Internet, E-commerce, Kwatelela Restaurant, Web application.

 LISTA DE FIGURAS
Figura 1 Tela de autenticação do usuário__________________________________17
Figura 2 Tela de cadastramento do produto________________________________19
Figura 3 Tela de actualização do produto_________________________________20
Figura 4 pagina incial_________________________________________________21
Figura 5 excelência sobre nós__________________________________________22
Figura 6 pagina faça já sua reserva de mesa_______________________________23
Figura 7 entrar em contacto____________________________________________24
 LISTA DE ABREVIATURAS E SIGLAS

IMPPK Instituto Médio Politécnico Privado Kwatelela

SQL Structured Query Language.
PHP Hypertext Preprocessor.
XAMPP X (Multiplataforma), Apache, MariaDB ou MySql, PHP, Pearl
HTML Hypertext Markup Language
JS JavaScript
Css Folhas de Estilo em Cascata
B2B Business to Business
B2C Business to Consumer
C2B Consumer to Business
C2C Consumer to Consumer
CDC Código de Defesa do Consumidor
CEP Código de Endereçamento Postal
CPF Cadastro de Pessoa Física
E2E Exchange to Exchange
G2C Governement to Citizen
IDE Integrated Development Environmen
ÍNDICE

RESUMO.........................................................................................................................................
ABSTRACT.....................................................................................................................................
LISTA DE FIGURAS........................................................................................................................
LISTA DE ABREVIATURAS E SIGLAS...........................................................................................
INTRODUÇÃO................................................................................................................................
CAPITULO I FUNDAMENTAÇÃO TEÓRICO QUE SUSTENTA O APLICATIVO WEB
PARA AUTOMATIZAÇÃO DOS PROCESSOS DE VENDA NO RESTAURANTE DO
INSTITUTO POLITÉCNICO PRIVADO KWATELELA.....................................................................

1.1. APLICATIVO WEB................................................................................3

1.2. INTERNET............................................................................................3

1.2.1. E-Commerce.................................................................................... 4
1.2.2. Serviços oferecidos por um e-commerce.........................................5
1.2.3. Comercialização de produtos ou serviços por meio de um e-
commerce..............................................................................................................6

CAPITULO II DEMONSTRAÇÃO DO APLICATIVO WEB PARA AUTOMATIZAÇÃO

DOS PROCESSOS DE VENDA NO RESTAURANTE DO INSTITUTO
POLITÉCNICO PRIVADO KWATELELA.........................................................................................

2.1 TECNOLOGIAS E FERRAMENTAS PARA DESENVOLVIMENTO DO

PROJETO.................................................................................................................7

2.1.1 JavaScript..........................................................................................7
2.1.2. HTML5................................................................................................8
2.1.3. Css....................................................................................................10

2.1.3.1. Módulos CSS....................................................................................10

2.1.3.2. Especificações CSS.......................................................................11

2.1.4. PHP.................................................................................................. 12
2.1.5. BOOTSTRAP....................................................................................12
2.1.6. Línguam SQL....................................................................................13
2.1.7. Visual Studio Code...........................................................................13
2.1.8. MySQL..............................................................................................15
2.1.9. BrModelo.......................................................................................... 15
 2.2.1. Tela de autenticação do usuário..........................................................17
2.2.2. Tela de cadastramento do produto......................................................19
2.2.3. Tela de actualização do produto..........................................................20
2.2.4. Pagina principal....................................................................................21
2.2.5. Pagina excelência sobre nós...............................................................22
2.2.6. Pagina faça já sua reserva de mesa....................................................23
2.2.7. Pagina entrar em contacto...................................................................24

CONCLUSÃO..................................................................................................................................
RECOMENDAÇÃO.........................................................................................................................
BIBLIOGRÁFIA................................................................................................................................
APÊNDICE......................................................................................................................................
 INTRODUÇÃO
Utilizando o aplicativo web de automatização do processo de venda é possível
proporcionar a uma gerencia de empresa, um melhor controlo dos alimentos e sobre
as vendas realizadas, esse aplicativo quando bem feito pode gerar redução de
custos e ainda possibilita uma boa análise do negócio sempre em busca de
melhorias para a empresa. Uma das formas de avaliar a competitividade das
empresas é sua agilidade quanto ao suprir as necessidades do cliente (abordagem,
atendimento, o preço e entrega) isso é fundamental para gerar confiabilidade e
prestígio. Em todo o ramo de atividade os estoques existem porque trata-se de um
amortecedor entre a demanda e a oferta, visto que o consumo (demanda) é sazonal
e irregular, da mesma forma o fornecimento também pode ser. [1]
No comércio os processos são os de comercialização e na indústria são os
processos de compra, transformação e venda. A função do estoque é de compensar
as diferenças de ritimo fornecimento e demanda. Na maioria dos mercados globais,
poucos factores diferenciam os produtores, uma vez que todos buscam uma
padronização de seus produtos e desejam alcançar ganhos de escala. Os
consumidores anseiam por produtos e serviços com maior qualidade.
Com a utilização de sistemas de informação, há possibilidade de que todos os
processos empresariais possam ser automatizados, diminuindo todo trabalho feito
manualmente por profissionais de uma empresa. [2]
Problema
Como contribuir a melhorar as dificuldades que existem no processo de venda
e emissão de relatório do restaurante do Instituto Médio Politécnico Privado
Kwatelela?
Justificativa
O estudo se justifica devido a falta de um aplicativo web para o processo de
venda no restaurante do Instituto Médio Politécnico Privado Kwatelela como:
reservas de mesa, encomenda, cadastro de produto e emissão de relatório. Desta
forma o aplicativo web para o processo de venda trabalhará com ampla divulgação e
um esquema de marketing eletrônico para que não haja riscos de desmotivação
advinda do insucesso. Faz-se necessário convencer o gestor do restaurante
Kwatelela da urgência de sua inclusão no mundo digital e da implementação do
aplicativo de venda.
1
 Objectivo Geral
 Criar um aplicativo web para automatização dos processos de venda no
restaurante do Instituto Médio Politécnico Privado Kwatelela
Objectivos especificos
 Fundamentar teoricamente o aplicativo web para automatização dos
processos de venda no restaurante do Instituto Médio Politécnico Privado
Kwatelela
 Descrever as ferramentas e as tecnologia usada no aplicativo web para
automatização dos processos de venda no restaurante do Instituto Médio
Politécnico Privado Kwatelela
 Demonstrar o aplicativo web para automatização dos processos de venda
no restaurante do Instituto Médio Politécnico Privado Kwatelela.
Hipótese
 Implementação do aplicativo web para automatização dos processos de
venda no restaurante do Instituto Médio Politécnico Privado Kwatelela.

2
 CAPITULO I FUNDAMENTAÇÃO TEÓRICO QUE SUSTENTA O
APLICATIVO WEB PARA AUTOMATIZAÇÃO DOS PROCESSOS DE VENDA NO
RESTAURANTE DO INSTITUTO POLITÉCNICO PRIVADO KWATELELA
1.1. APLICATIVO WEB
Aplicação web designa, de forma geral, sistemas de informática projectados
para utilização através de um navegador, através da internet ou aplicativos
desenvolvidos utilizando tecnologias web HTML, JavaScript e CSS. Pode ser
executado a partir de um servidor HTTP (Web Host) ou localmente, no dispositivo do
usuário.
Uma aplicação web também é definida em tudo que se é processado em algum
servidor, exemplo: quando você entra em um e-commerce a página que você
acessa antes de vir até seu navegador é processada em um computador ligado a
internet que retorna o processamento das regras de negócio nele contido. Por isso
se chama aplicação e não simplesmente site web ou um browser para
permitir cookies de terceiros.
A função do servidor web é receber uma solicitação (requisição) e devolver
(resposta) algo para o cliente. O browser permite ao usuário solicitar um recurso e
quando o servidor responde a uma solicitação são encontrados recursos como:
páginas HTML, figuras e documento PDF que são exibidas depois para o usuário.
Geralmente os servidores enviam instruções para o browser escritas em HTML. O
HTML diz ao browser como apresentar conteúdo ao usuário web.
O servidor em si tem alguns recursos, mas por algumas deficiências não
consegue processar tudo sozinho como: criações de páginas dinâmicas e o
armazenamento de dados em um banco de dados.
As falhas de segurança podem surgir em diferentes etapas, tais como: análise
de requisito; especificação; Implementação. Os riscos de aplicação na
vulnerabilidade de uma empresa podem causar impactos.
O HTTP usa um modelo de solicitações e respostas. Uma solicitação ocorre
quando o usuário faz uma solicitação HTTP e o servidor web devolve uma resposta
HTTP, sendo que o browser verifica como tratar esse conteúdo. Se a resposta que
vem do servidor for uma página HTML, então é inserido na resposta HTTP.

3
 As diferenças entre as solicitações GET e POST são que enquanto o GET
anexa dados do formulário no final da URL o POST inclui dados do formulário no
corpo da solicitação.
Em qualquer momento, lugar e usando qualquer dispositivo podemos acessar
este serviço, precisamos apenas de uma conexão com a internet e nossas
informações de acesso, que geralmente são nome de usuário e senha.
Estes grandes servidores da internet que prestam o serviço de armazenamento
estão localizados ao redor do mundo, fazendo com que o serviço prestado não seja
tão caro e na maioria dos casos gratuitos e extremamente seguros.[3]
1.2. INTERNET
A Internet é uma rede que oferece diversos tipos de serviços para seus usuários.
Buscas, comércio eletrônico, Internet Banking, entre outros, são exemplos de alguns
desses serviços. Os serviços de comércio eletrônico têm se destacado no âmbito
empresarial, seja nacional ou internacional, por permitir que os usuários tenham
acesso facilitado a compra e venda dos mais variados produtos e serviços. Isso
porque uma loja virtual pode oferecer recursos variados, como, por exemplo: realizar
compras, pesquisar preços e as características de produtos, realizar pagamentos e
fazer troca ou devolução. Essas operações podem ser realizadas sem necessitar da
presença física do consumidor na loja. Além de comercializar seus produtos, uma
empresa pode adotar um aplicativo web para realizar marketing digital, não apenas
no sentido de fazer propaganda e vender os produtos. O marketing envolve um
conjunto de atividades que visam atender aos anseios e necessidades dos
consumidores por meio de processos de trocas, utilizando a propaganda, a
promoção de vendas, a concepção de produtos, a distribuição e a logística. Com o
uso de tecnologias de informação e comunicação e da Internet várias dessas
atividades podem ser realizadas automaticamente por sistemas de informação ou
esses sistemas serem utilizados para auxiliar as pessoas na realização dessas
atividades. Considerando esse contexto, este trabalho visa desenvolver um sistema
de comércio eletrônico para uma empresa de confeitaria que oferece para seus
clientes produtos do segmento de alimentício, como: bolos, tortas, doces e salgados.
Desta forma, o 9 desenvolvimento deste sistema visa oferecer aos consumidores
uma opção para consultar e realizar pedido dos produtos da confeitaria, além de

4
oferecer um sistema que agregue valor e agilidade ao empreendimento dos
profissionais do ramo. [4]
1.2.1. E-Commerce
E-commerce é um mecanismo que permite a realização de compra e venda por
meio da Internet. Uma infraestrutura de informação e comunicação de livre acesso e
baixo custo, é possível realizar toda a cadeia de valores dos processos de negócio.
Para esse autor, ainda, a realização desse processo inclui serviços que vão desde a
distribuição de informações de produtos até a realização de transações entre as
partes envolvidas no negócio. um sistema de e-commerce auxilia as empresas na
condução de seus negócios por meio da Internet. Complementa essa afirmação,
alegando que a realização de negócios de forma eletrônica é realizada com maior
eficiência, rapidez e redução de custos. Nesse sentido, pode-se afirmar que o e-
commerce impactou todos os tipos de organizações em atividades como: compra,
venda, parcerias comerciais, atendimento, prestação de serviços e na logística da
empresa. O e-commerce revolucionou a forma como serviços e produtos são
entregues. A principal diferença na logística de um e-commerce para a tradicional
está no fluxo dos produtos. Isso porque o fluxo em um e-commerce é processado
em unidade de estocagem e não em caixas como ocorre na logística tradicional, o
que demanda cuidados adicionais. Ao constatarem que os maiores desafios
encontrados em um e-commerce estão relacionados ao estoque, preparação e envio
de pedidos e devoluções. Por exemplo, estoque, prazo de entrega, preço, frete,
entrega, segurança e forma de pagamento. A logística tem como preocupação
principal o transporte, a manutenção de estoque e o processamento de pedidos.
Assim, um sistema de e-commerce deve proporcionar ao consumidor final todas as
possibilidades para que o negócio seja concretizado com sucesso. Isso inclui
atividades que vão desde a seleção dos produtos até o pagamento. Para tanto, é
importante compreender a 13 finalidade do e-commerce para que seja
implementado adequadamente de acordo com o tipo do negócio oferecido. [5]
1.2.2. Serviços oferecidos por um e-commerce
Um e-commerce representa a forma de relacionamento entre as partes
envolvidas no negócio. O consumidores, lojistas e produtores representam os
actores envolvidos em uma relação comercial tradicional e de e-commerce e a
diferença entre essas relações está na forma de interação que em um e-commerce

5
ocorre por meio de equipamentos eletrônicos conectados à Internet. Assim, um e-
commerce é classificado de acordo com a função que ele oferece ou ainda, com a
natureza de sua transação que pode ser:
a) B2B (Business to Business): transações que ocorrem entre empresas.
b) B2C (Business to Consumer): transações que ocorrem entre uma pessoa
jurídica e uma pessoa física.
c) C2C (Consumer to Consumer): transações que ocorrem entre pessoas
físicas.
d) C2B (Consumer to Business): transações que ocorrem entre uma pessoa
física e uma pessoa jurídica.
As relações que ocorrem entre consumidores, lojistas e produtores podem ser
classificadas em três grandes partes: Governo, Negócio e Consumidor. Com as
relações entre Governo e cidadão (G2C – Governement to Citizen), de trocas entre
um espaço eletrônico e diferentes compradores e vendedores (E2E – Exchange to
Exchange), realizadas em ambientes sem fio (M-Commerce), on-line entre
indivíduos e grupos (C-Commerce).
Um e-commerce possibilita que sejam implementados modelos de negócios,
como por exemplo, marketing, e-marketplace, leilões, corretora de informações,
customização de produtos ou serviços, provedores de serviços on-line e compras
em grupo. Esses modelos são criados e adaptados de acordo com as necessidades
operacionais das empresas. Quando uma empresa deseja iniciar um negócio on-line
por meio de um sistema de e-commerce, é necessário que ela tenha informações,
infraestrutura e serviços de apoio para a execução adequada do negócio virtual.
Além disso, um sistema de e-commerce pode ser mostrado como uma nova
alternativa de comunicação, mais rápida e direta, e a publicidade disponibilizada no
site web reduzirá custos da empresa e atrairá os revendedores. Um e-commerce
B2C, que é o enfoque deste trabalho, apresentam vantagens relacionadas à
organização, consumidores e sociedade. Para esses autores, esse tipo de e-
commerce faz com que as organizações alcancem uma maior gama de clientes, a
um custo menor, além de trazer melhores parceiros e fornecedores e reduzir custos
administrativos com operações que exigiam tempo e materiais. Além disso,
melhoram a organização dos processos permitindo criar novos modelos de negócio,
maior credibilidade da imagem corporativa e melhor relacionamento com o cliente.

6
Com relação aos consumidores, o B2C melhora a relação com a convivência, a
velocidade e o custo com mais diversidade de produtos e informações detalhadas.
Ainda, o B2C melhora o padrão de vida dos consumidores por não necessitar que
eles estejam fisicamente na loja e, consequentemente, não precisarem de
locomoção. [6]
1.2.3. Comercialização de produtos ou serviços por meio de um e-
commerce
Para um produto ser comercializado por meio de um sistema de e-commerce é
necessário que sejam atendidos alguns requisitos importantes, como, a preparação,
o processamento atendimento e a entrega do pedido. É importante que o
consumidor localize e identifique a mercadoria facilmente pelo sistema de e-
commerce. Além disso, é fundamental que o consumidor localize as informações
necessárias do produto ou serviço desejados para que possa tomar a decisão da
compra e realizar o pagamento. Após a realização do pedido é de responsabilidade
do sistema de e-commerce realizar o processamento do pedido por meio da
transmissão dos dados para as partes envolvidas no processo, como, bancos e
transportadoras. O atendimento do pedido implica na confirmação da transação
financeira, separação da mercadoria, embalagem e emissão da nota fiscal para
posteriormente a mercadoria ser enviada ao consumidor final que pode rastrear a
mercadoria para acompanhar o fluxo do transporte. O comércio de alimentos é um
dos segmentos com maior representatividade no mercado, contudo, precisa evoluir
no meio virtual. Uns dos maiores problemas de e-commerce envolvendo produtos
alimentícios é referente à entrega, pois os produtos requerem cuidados especiais
para serem transportados e manipulados. [7]

7
 CAPITULO II DEMONSTRAÇÃO DO APLICATIVO WEB PARA
AUTOMATIZAÇÃO DOS PROCESSOS DE VENDA NO RESTAURANTE DO
INSTITUTO POLITÉCNICO PRIVADO KWATELELA.
Neste capítulo iremos descrever as ferramentas e as tecnologias utilizadas no
nosso projecto e também as funcionalidades do aplicativo web.
2.1 TECNOLOGIAS E FERRAMENTAS PARA DESENVOLVIMENTO DO
PROJETO
Para complementar o projeto e o sistema foi utilizado um referencial teórico e as
seguintes tecnologias: html, css, javaScript, PHP, Bootstrap, Vscode e MySQL e
Xampp Server, JQuery.
2.1.1 JavaScript
JavaScript (frequentemente abreviado como JS) é uma linguagem de
programação interpretada estruturada, de script em alto nível
com tipagem dinâmica fraca e multiparadigma (protótipos, orientado a objeto,
imperativo e funcional). Juntamente com HTML e CSS, o JavaScript é uma das três
principais tecnologias da World Wide Web ela permite páginas da Web interativas e,
portanto, é uma parte essencial dos aplicativos da web. A grande maioria dos sites
usa, e todos os principais navegadores têm um mecanismo JavaScript dedicado
para executá-lo.
É atualmente a principal linguagem para programação client-side em
navegadores web. É também bastante utilizada do lado do servidor através de
ambientes como o node.js.
Como uma linguagem multiparadigma, o JavaScript suporta estilos de
programação orientados a eventos, funcionais e imperativos (incluindo orientado a
objetos e prototype-based), apresentando recursos como fechamentos (closures) e
funções de alta ordem comumente indisponíveis em linguagens populares
como Java e C++. Possui APIs para trabalhar com texto, matrizes, datas,
expressões regulares e o DOM, mas a linguagem em si não inclui nenhuma E/S,
como instalações de rede, armazenamento ou gráficos, contando com isso no
ambiente host em que está embutido. [8]
2.1.1.1. A sua implementação
Foi originalmente implementada como parte dos navegadores web para que
scripts pudessem ser executados do lado do cliente e interagissem com o usuário
8
sem a necessidade deste script passar pelo servidor, controlando o navegador,
realizando comunicação assíncrona e alterando o conteúdo do documento exibido.
Porém os mecanismos JavaScript agora estão incorporados em muitos outros tipos
de software host, incluindo em servidores e bancos de dados da Web e em
programas que não são da Web, como processadores de texto e PDF e em tempo
de execução ambientes que disponibilizam JavaScript para escrever aplicativos
móveis e de desktop, incluindo widgets de área de trabalho. [8]
Embora existam semelhanças entre JavaScript e Java, incluindo o nome da
linguagem, a sintaxe e as respectivas bibliotecas padrão, as duas linguagens são
distintas e diferem muito no design; JavaScript foi influenciado por linguagens de
programação como Self e Scheme. [8]
2.1.2. Framework JQuery
JQuery é um framework de código aberto e distribuído sob a licença MIT,
formado por uma biblioteca de funções Javascript e desenvolvido para deixar mais
simples as funções que serão executadas em client-side.
Tem como principal objetivo tornar mais simples a navegação entre
componentes constituintes do HTML ou mesmo entre os elementos constituintes do
Modelo de Objeto de Documento (DOM). Com ele é possível realizar diversas
tarefas que vão desde manipular eventos ou criar animações de forma bastante
simples até criar camadas de abstração para interações de baixo nível, além de
manter um código bem mais enxuto com sua sintaxe simples o que reduz também o
tamanho do código em geral. [9]
2.1.3. HTML5
HTML5 (Hypertext Markup Language, versão 5) é uma linguagem de
marcação para a World Wide Web e é uma tecnologia chave da Internet,
originalmente proposto por Opera Software. É a quinta versão da linguagem HTML.
Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no
mundo da Web, através de novas funcionalidades como semântica e acessibilidade.
Possibilita o uso de novos recursos antes possíveis apenas com a aplicação de
outras tecnologias. Sua essência tem sido melhorar a linguagem com o suporte para
as mais recentes multimídias, enquanto a mantém facilmente legível por seres
humanos e consistentemente compreendida por computadores e outros dispositivos
(navegadores, parsers etc). O HTML5 será o novo padrão para HTML, XHTML, e

9
HTML DOM. Atualmente está em fase de esboço, porém diversos navegadores já
implementam algumas de suas funcionalidades. [10]
Após seus predecessores imediatos HTML 4.01 e XHTML 1.1, HTML5 é uma
resposta à observação de que o HTML e o XHTML, de uso comum na World Wide
Web, é uma mistura de características introduzidas por várias especificações,
juntamente com aquelas introduzidas por software, tais como os navegadores,
aqueles estabelecidos pela prática comum, e os muitos erros de sintaxe em
documentos existentes na web. É também uma tentativa de definir uma única
linguagem simples de marcação que possa ser escrita em HTML ou em sintaxe
XHTML. Isso inclui modelos de processamento detalhados para incentivar
implementações mais interoperáveis; isso estende, melhora e racionaliza a
marcação disponível para documentos, e introduz marcações e interfaces de
programação de aplicações (APIs) para aplicações web complexas. Pelas mesmas
razões, HTML5 também é um candidato em potencial aplicações multi-
plataforma móveis. Muitos recursos do HTML5 têm sido construídos com a
consideração de ser capaz de executar em dispositivos de baixa potência
como smartphones e tablets. [10]
Em particular, HTML5 adiciona várias novas funções sintáticas. Elas incluem as

tags de <video> , <audio> , <header> e elementos <canvas> , assim como a

integração de conteúdos SVG que substituem o uso de tags <object> genéricas.

Estas funções são projetadas para tornar mais fácil a inclusão e a manipulação de
conteúdo gráfico e multimídia na web sem ter de recorrer a plugins proprietários e

APIs. Outros novos elementos, como <section> , <article> , <header> e <nav> , são
projetados para enriquecer o conteúdo semântico dos documentos. Novos atributos
têm sido introduzidos com o mesmo propósito, enquanto alguns elementos e

atributos têm sido removidos. Alguns elementos, como <a> , <cite> e <menu> têm
sido mudados, redefinidos ou padronizados. As APIs e os modelos de objetos de
documentos (DOM) não são mais pensamentos retrógrados, mas são partes
fundamentais da especificação do HTML5. Também define com algum detalhe o
processamento necessário para que erros de sintaxe de documentos inválidos
sejam tratados uniformemente por todos os browsers e outros agentes de usuários
em conformidade com o HTML5. [10]

10
 2.1.3.1. História
O Web Hypertext Application Technology Working Group (WHATWG) iniciou o
trabalho do novo padrão HTML em 2004, quando o World Wide Web
Consortium (W3C) estava se concentrando no futuro desenvolvimento do XHTML
2.0, e o HTML 4.01 não tinha sido atualizado desde 2001. Em 2009, o W3C decidiu
que o Grupo de Trabalho do XHTML 2.0 deveria parar seus trabalhos, e assim,
descontinuar o padrão. Desta forma o W3C e o WHATWG passaram a trabalhar
juntas no desenvolvimento do HTML5.
O projeto do HTML5 foi bem recebido pelos desenvolvedores Web até então, e
tornou-se tema na mídia em abril de 2010 depois que o CEO da Apple Inc., Steve
Jobs emitiu uma carta pública intitulada "Reflexões sobre o Adobe Flash", onde ele
conclui que o desenvolvimento do HTML5 tornaria o Adobe Flash desnecessário,
tanto para assistir vídeo ou mesmo exibir qualquer conteúdo web. Isso provocou um
debate entre os desenvolvedores Web, onde muitos sugeriram que, enquanto o
HTML5 proporcionasse uma melhor funcionalidade, a variedade de browsers
existentes exibiria páginas diferentes, tendo um resultado diferente em cada
navegador e não se conseguiria de fato chegar a um padrão. No início de novembro
de 2011 a Adobe anunciou que iria interromper o desenvolvimento de Flash para
dispositivos móveis e redirecionar seus esforços para o desenvolvimento de
ferramentas utilizando HTML5.[11]
2.1.4. Css
CSS (Folhas de Estilo em Cascata) permite a você criar páginas web
agradáveis, mas como isso funciona por baixo dos panos? Este artigo explica o que
é CSS, com um exemplo de sintaxe simples, e, também, trata alguns conceitos-
chaves sobre a linguagem.
CSS é uma linguagem baseada em regras. — Você define regras
especificando grupos de estilo que devem ser aplicados para elementos particulares
ou grupos de elementos na sua página web. Por exemplo, "Quero que o título
principal, na minha página, seja mostrado como um texto grande e de cor vermelha.
[12]
2.1.4.1. Módulos CSS
Como existem tantas coisas que você pode estilizar com CSS, a linguagem é
dividida em módulos. Verá referência a esses módulos a medida que explora o MDN

11
e muita das páginas da documentação são organizadas em torno de um módulo em
particular. Por exemplo, poderia dar uma olhada na referência MDN para os
módulos Backgrounds and Borders para descobrir qual é o seu objetivo, e quais
diferentes propriedades e outras características ele contém. Você também
encontrará links para a especificação CSS que define a tecnologia. [12]
Nesse ponto você não precisa se preocupar muito sobre como o CSS é
estruturado. No entanto, isso pode tornar fácil achar informação se, por exemplo,
você estiver ciente de que uma determinada propriedade provavelmente será
encontrada entre outras coisas semelhantes e estiver, portanto, provavelmente na
mesma especificação. [12]
2.1.4.2. Especificações CSS
Todas as tecnologias de padrões web (HTML, CSS, JavaScript, etc.) são
definidos em documentos gigantes chamados especificações (ou simplesmente
"specs"), que são publicados por organizações de padrões (tais
como W3C, WHATWG, ECMA, ou Khronos (en-US)) e definem precisamente como
essas tecnologias devem se comportar. [12]
Com CSS não é diferente — ele é desenvolvido por um grupo dentro do W3C
chamado CSS Working Group. Esse grupo é formado por representantes de
fornecedores de navegadores web e outras companhias que tem interesse em CSS.
Também existe outras pessoas, conhecidas como peritos convidados (invited
experts), que agem como vozes independentes; eles não são associados como um
membro de alguma organização. [12]
Novas características CSS são desenvolvidas, ou especificadas, pelo CSS
Working Group. As vezes, porque um navegador em particular está interessado em
alguma capacidade, outras vezes, porque designers web e desenvolvedores estão
perguntando por uma característica, e, algumas vezes, porque o Working Group em
si tem identificado uma necessidade. O CSS está em constante desenvolvimento,
com novas peculiaridades ficando disponíveis. Contudo, uma ideia chave sobre CSS
é que todos trabalham pesado para nunca alterar as coisas de uma maneira que não
quebrem os sites antigos. Um site construído no ano 2000, usando um CSS limitado
da época, deverá ainda ser utilizável em um navegador moderno!
Como iniciante no CSS, é provável que você ache as especificações CSS
impressionantes — eles são direcionados a engenheiros para implementar suporte

12
aos recursos nos agentes de usuário (navegadores), não para desenvolvedores
lerem com o intuito de entender CSS. Muitos desenvolvedores experientes preferem
consultar a documentação do MDN ou outros tutoriais. [12]
2.1.5. PHP
O PHP (Hypertext Preprocessor) é uma linguagem de programação muito
usada atualmente para gerar conteúdo para a WEB. O PHP foi criado em 1995, por
Rasmus Lerdorf, sendo inicialmente um pacote CGI (Common Gateway Interface)
que é um “acordo” entre os servidores HTTP e as aplicações Web, ou seja, o
servidor web faz a passagem de uma série de parâmetros para o programa que
deve entregar uma resposta “bem formada” para o servidor web. O PHP permitia,
inicialmente, os programadores criarem aplicativos simples para a web
(PACIEVITCH, 2010). A licença de uso e edição é Open Source, ou seja, ninguém
pode comercializar qualquer versão modificada do PHP, e qualquer modificação
deve continuar com o código fonte aberto para os usuários possam explorar e
modificar. O PHP é compatível com qualquer sistema operacional e por ser uma
linguagem 19 web a compatibilidade é apenas de navegadores, também é muito
usando com o MySQL (PACIEVITCH, 2010). [13]
2.1.6. BOOTSTRAP
No desenvolvimento de projetos web, é de suma importância pensar em
navegação, no desenvolvimento de padrões e sempre estar preparado para novas
mudanças. Uma das soluções é criar um "tema" para interface, ou seja, criar todos
os elementos (botões, formulários) e chamá-los quando necessário. Isso permite
que novas telas sejam criadas com facilidade e também torna seu trabalho mais
produtivo. A Bootstrap nasceu de uma visão da equipe do Twitter assim como
JQuery, a ideia foi de que os sites devem estar fundamentados na experiência do
usuário, tornando a interface com o usuário algo mais transparente, quase
imperceptível. Outra vantagem de se trabalhar com frameworks é que o código
padronizado permite que equipes trabalhem de forma pratica, permitindo que o
trabalho desenvolvido por pessoas diferentes se integre mais facilmente.
Frameworks também estabelecem um padrão de qualidade e permitem que
qualquer indivíduo de uma equipe seja capaz de fazer a manutenção da aplicação. A
Bootstrap fornece um alicerce sólido para a construção de sites e aplicações web
ricas, além de agregar modernos recursos dinâmicos e visuais. [14]

13
 2.1.7. Línguam SQL
SQL significa “Structured Query Language”, ou “Linguagem de Consulta
Estruturada”, em português. É uma linguagem de programação criada para lidar com
banco de dados relacional (baseado em tabelas) ou ainda é uma linguagem
computacional destinada a aplicações de banco de dados. Foi criado para que
vários desenvolvedores pudessem acessar e modificar dados de uma empresa
simultaneamente, de maneira descomplicada e unificada. Ela foi padronizada pela
ANSI (American National Standards Institute - Instituto Nacional de Padronização
Americano) para a operação em bancos de dados relacionais.
2.1.7.1. Breve história
A linguagem SQL surgiu em meados da década de 70, sendo resultado de um
estudo de E. F. Codd, membro do laboratório de pesquisa da IBM em San José,
Califórnia. Este estudo tinha foco em desenvolver uma linguagem que adapta-se ao
modelo relacional. O primeiro sistema de BD baseado em SQL tornou-se comercial
no final dos anos 70 juntamente com outros sistemas de BD’s relacionais. O sucesso
da linguagem SQL foi tão grande que obrigou o ANSI (American National Standarts
Institute), a padronizar as implementações da linguagem, assim, nos dias de hoje, a
maior parte de BD’s seguem criteriosamente esta padronização, podendo ter
algumas variações, mais mesmo assim não afetando na padronização global da
linguagem tornando assim a portabilidade mais fácil, se seguida de forma adequada
pelo DBA.
Em 1982, foi lançada a primeira versão padronizada da linguagem SQL, que
vieram ganhando melhorias de acordo com sua evolução e tornando-se assim, a
mais poderosa ferramenta para definição e manipulação de BD e hoje utilizada em
grande parte dos SGBD existente, tais como MySQL, SQLServer, Firebird dentre
outros. [15]
2.1.7.2. Os principais comandos da Linguagem SQL
Os principais comandos da Linguagem SQL São: Create, alter, drop, insert into,
update, delete e select. Os três primeiros fazem parte da chamada DDL (usado para
definir as estruturas dos objetos de dados) e os demais fazem parte do DML (usado
para manipular os dados nos objetos do banco). [15]

14
 2.1.8. Visual Studio Code
O Visual Studio Code é um editor de código-fonte desenvolvido
pela Microsoft para Windows, Linux e macOS. Ele inclui suporte para depuração,
controle de versionamento Git incorporado, realce de sintaxe, complementação
inteligente de código, snippets e refatoração de código. Ele é customizável,
permitindo que os usuários possam mudar o tema do editor, teclas de atalho e
preferências. Ele é um software livre e de código aberto, apesar do download oficial
estar sob uma licença proprietária. [16]
O Visual Studio Code é baseado no Electron, um framework que é usado para
desenvolver aplicativos Node.js para o desktop rodando no motor de layout Blink.
Apesar de usar o Electron como framework, o software não usa o Atom e em seu
lugar emprega o mesmo componente editor (apelidado "Monaco") usado no Visual
Studio Team Services (anteriormente chamado de Visual Studio Online). [16]
2.1.8.1. Recursos
O Visual Studio Code suporta um número de linguagens de programação e um
conjunto de recursos que podem ou não estar disponíveis para a dada linguagem,
como mostrado na tabela a seguir. Muitos dos recursos do Visual Studio Code
features não são expostos através de menus ou da interface de usuário. Ao invés
disso, elas estão acessíveis através da paleta de comandos ou por meio de um
arquivo JSON (como as preferências do usuário). A paleta de comandos é uma
interface de linha de comandos. No entanto, ele desaparece se o usuário clicar em
qualquer lugar fora dele ou pressiona uma combinação de teclas no teclado para
interagir com algo fora dela. Isso também é válido para comandos de time-taking.
Quando isso acontece, o comando em andamento é cancelado. [16]
No papel de um editor de código fonte, o Visual Studio Code permite alterar a
página de código na qual o documento atual é salvo, o caractere que identifica
quebra de linha (uma escolha entre CR e CRLF), e a linguagem de programação do
documento ativo. [16]
O Visual Studio Code pode ser estendido através de plugins, disponíveis
através de um repositório central. Isso inclui adições ao editor e suporte para
linguagens de programação. Uma característica notável é a capacidade de criar
extensões que analisam código, como linters e ferramentas para análise estática,
usando o Language Server Protocol. [16]

15
 2.1.8.2. Coleta de dados
O Visual Studio Code coleta dados de uso e os envia para a Microsoft, apesar
deste recurso pode ser desabilitado pelo usuário. Os dados são compartilhados
entre afiliadas e subsidiárias controladas pela Microsoft e com a aplicação da lei por
declaração de privacidade. [16]
2.1.9. MySQL
Este SGBD inicialmente foi desenvolvido para trabalhar com projetos de
pequeno e médio porte, com a capacidade de suportar por volta de cem milhões de
registros em cada tabela, podendo chegar ao tamanho médio de aproximadamente
cem megabytes por tabela, esses eram os tamanhos recomendados nas primeiras
versões, atualmente o MySQL ultrapassou esses limites e capacidades das versões
anteriores. [17]
MySQL é conhecido por ser de fácil utilização, e usado por empresas que
trabalharam com grandes volumes de dados, tais como Bradesco, HP, Sony entre
outras grandes empresas de renome. Possui uma interface extremamente simples e
é compatível com grande parte dos sistemas operacionais. Podemos dizer que
essas são duas das grandes características que fazem o MySQL ser tão utilizado
atualmente e estar em constante crescimento. Mesmo sendo um dos bancos de
dados mais utilizados em todo mundo, MySQL continua em constante
desenvolvimento, com atualizações frequentes. [17]
O MySQL é um softwar de gerenciamento de bancos de dados (SGBDs) que
utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglês Structured
Query Language) como interface. É actualmente um dos sistemas de gerenciamento
de bancos de dados mais populares da Oracle Corporation. [17]
2.1.10. BrModelo
Em 2005 foi desenvolvida uma ferramenta de código aberto e totalmente
gratuita voltada para ensino de modelagem de banco de dados relacionais com base
na metodologia defendida por Carlos A. Heuser no livro “Projeto de Banco de
Dados”. A ferramenta foi concebida pelo autor como trabalho de conclusão do curso
de especialização em banco de dados pelas universidades UFSC (SC) e UNIVAG
(MT), orientado pelo Professor Dr. Ronaldo dos Santos Mello, após se constatar a
inexistência de uma ferramenta nacional que pudesse ser utilizada para essa
finalidade. [18]

16
 Em junho de 2006 foi realizado o lançamento da versão 2.0 da ferramenta.
Naquela época acreditava-se que a modelagem de bancos de dados relacionais
poderia ser substituída nos próximos dez anos por ferramentas de desenvolvimento
de software orientadas a objeto, que propunham a persistência do modelo de
classes diretamente em um sistema de gerência de banco de dados (SGBD), sem,
portanto, a necessidade de uma análise do modelo voltada exclusivamente para os
dados. [18]
Em 2015, passados dez anos de disponibilização da primeira versão da
ferramenta, verifica-se ainda a existência de grande demanda por conhecimentos na
área de modelagem de dados relacionais e, inclusive, a produção de novos artefatos
para abstração dos diagramas de dados, em especial, os conceitos relacionados à
modelagem conceitual e lógica. O mercado não substituiu os SGBDs relacionais e
novas funcionalidades têm sido implementadas. Também por isso, a ferramenta
brModelo continua a ser utilizada em várias universidades e centros de ensinos
técnicos no pais e até mesmo no exterior. [18]
Tudo isso motivou-nos a continuar os trabalhos de desenvolvimento e a
publicar uma nova versão do brModelo, também baseada em código aberto, porém
em linguagem de programação mais atual e com possibilidade de trabalhos
colaborativos, cujo beta 0.1 foi lançado no site da ferramenta na data do evento
Escola Regional de Banco de Dados 2017 - Passo Fundo, oportunidade onde foram
colhidas sugestões de melhoria pelo público para análise e possíveis
aprimoramentos. [18]
2.2. ESCOPO DO APLICATIVO
O aplicativo web para automatização dos processo de venda no restaurante
do Kwatelela é um e-commerce que visa possibilitar que os profissionais do ramo
possam controlar os pedidos realizados por seus clientes por meio de informações
registradas em banco de dados, além de oferecer um mecanismo para divulgação
de seus produtos via Internet. O sistema visa também oferecer aos clientes do
restaurante outra opção para a realização de seus pedidos, além de realizar
consultas dos produtos oferecidos por categoria. O sistema possui funcionalidades
básicas de um e-commerce, como, por exemplo, cadastros, carrinho de compras
(pedidos dos clientes), relatórios. Os cadastros se referem aos clientes, categorias,
produtos, entre outros. O cliente é responsável por realizar seu cadastro no sistema

17
para poder fazer um pedido. O administrador poderá cadastrar outros tipos de
usuários (que não são clientes), produtos, categorias, promoções e emitir os
relatórios, como, por exemplo, pedidos, produtos mais vendidos, clientes que mais
compram. O acesso ao aplicativo ocorre por meio de autenticação do usuário.
Assim, ele poderá compor seu pedido por meio da seleção dos produtos. Para
finalizar o pedido, o cliente deverá informar o endereço para entrega. Essa inclusão
deverá ser feita somente nos casos em que o endereço de entrega é diferente do
endereço cadastrado anteriormente. Após a confirmação do pedido o aplicativo
envia um e-mail com uma mensagem informando o número do pedido e o status do
seu pedido por meio do aplicativo, todas as mudanças de status do pedido serão
encaminhadas no e-mail do usuário. O colaborador, além de fazer os cadastros
referentes aos produtos, poderá consultar o status actual do pedido para saber se o
produto se encontra pedido efetuado, aguardando pagamento, com pagamento
aprovado, com pagamento não realizado, pedido em produção, pedido enviado ou
se foi entregue ao consumidor final.
2.2.1. Tela de autenticação do usuário
Figura 1 é apresentada a tela de autenticacação do usuários, constando os
campos de nome do usuário e senha. Após o preenchimento desses campos, ao
clicar no botão entrar o usuário já estará na base de dados e terá acesso à
plataforma.

Figura 1 Tela de autenticação do usuário

Fonte: Elaborado (a) pelo autor (a).
18
2.2.2. Tela de cadastramento do produto
Figura 2 é apresentada a tela de cadastramento do produto, constando os
campos de nome do produto, preço do produto e escolher arquivo. Após o
preenchimento desses campos, ao clicar no botão adicionar produto, o produto
estara cadastrado. Vai aparecer a imagem, nome, preço e acção do produto que foi
cadastrado.

Figura 2 Tela de cadastramento do produto

Fonte: Elaborado (a) pelo autor (a).

19
2.2.3. Tela de actualização do produto
Figura 3 é apresentada a tela de actualização do produto, constando os
campos de nome do produto, preço do produto e escolher arquivo. Após o
preenchimento desses campos, ao clicar no botão actualizar produto, o produto
estara actualizado. Depois da actualização do produto o usuario podera voltar na
tela de cadastramento do produto clicando no botão voltar.

Figura 3 Tela de actualização do produto

Fonte: Elaborado (a) pelo autor (a).

20
2.2.4. Pagina principal
Figura 4 é apresentada a pagina principal do aplicativo, constando os menus
Home, Categoria, Login, Cadastro. Com uma publicidade para encantar o cliente. Ao
clicar no botão encomendar vai aparecer o menu de encomenda.

Figura 4 pagina incial

Fonte: Elaborado (a) pelo autor (a).

21
2.2.5. Pagina menu encomenda
Figura 5 é apresentada a pagina menu, constando os algumas informações
sobre os produtos que serão encomendado. Nesta pagina o cliente faz a sua
encomenda e depois faz o checkout do produto encomendado.

Figura 5 pagina incial

Fonte: Elaborado (a) pelo autor (a).

22
Figura 6 excelência sobre nós

Fonte: Elaborado (a) pelo autor (a).

23
2.2.6. Pagina de cadastro do usuário
Figura 6 é apresentada a pagina de cadastro do usuário. Após o
preenchimento desses campos, ao clicar no botão marca sua reserva, o cliente
podera fazer uma reserva se já esta cadastrado no aplicativo caso não o sistema vai
mandar uma mesagem para que ele se cadastra.

Figura 7 pagina de cadastro do usuário

Fonte: Elaborado (a) pelo autor (a).

24
2.2.7. Pagina entrar em contacto
Figura 7 é apresentada a pagina entrar em contacto. Após o preenchimento
desses campos, ao clicar no botão enviar, o administrador do aplicativo vai receber
uma mensagem com a informação enviada.

Figura 8 entrar em contacto

Fonte: Elaborado (a) pelo autor (a).

25
 CONCLUSÕES GERAIS
Um bom aplicativo para o processos de venda de uma empresa são
fundamentais, pois obtém melhores resultados de qualidade e de organização. Não
menos importante também pode contribuir para redução de custos extras ou mesmo
desnecessários. E com o avanço das tecnologias a informatização e acessibilidade
dos processos vêm crescendo, pois os deixa mais ágeis e práticos. O Aplicativo
criado nesse projecto atende os requisitos propostos, visto que o mesmo engloba os
setores de vendas e estoque que atualmente em algumas empresas foram
unificados e denominam-se como sector de suprimentos, e possui tecnologias
recentes e disponíveis no mercado que permite tal desempenho como o acesso
web, tornando o Aplicativo funcional e prático para gerar informações necessárias
para tomadas de decisões. Ao desenvolver este trabalho, permitiu uma grande
contribuição para o crescimento pessoal e profissional, uma vez que ampliou as
fronteiras de novas oportunidades e proporcionou conhecimentos específicos tanto
para área de tecnologia quanto para questão administrativa.

26
 RECOMENDAÇÃO
O estudo e desenvolvimento não se encerram, mas deixam para projectos
futuros um caminho aberto, uma proposta lançada para novas implementações e
análises, é a transformação do sistema integrando novas tecnologias.

27
 BIBLIOGRÁFIA

[ Chiavenato, Aplicativo Web, São Paulo: São Paulo, 1991, p. pg.68.

1]
[ R. SMITH, M. SPEAKER e M. THOMPSON, O Mais Completo Guia Sobre,
2] 1ª ed., São Paulo:Futura: São Paulo, 2000.
[ edu.gcfglobal , aplicativo web, são Paulo: são Paulo, 2022 .
3]
[ GOMES, Carlos, Francisco S.; RIBEIRO Priscila Cristina, Cabral., Gestão
4] da Cadeia de Suprimentos Integrada à Tecnologia da Informação., São Paulo:
Pioneira Thomson Learning, 2004., p. 359 p..
[ ANDRADE, Rogério de., Guia Prático de E-commerce., 1ª ed., São Paulo:
5] Angra, 2001..
[ SOUZA, Alessandro Nunes de., O relacionamento de Comércio Eletrônico
6] entre empresa e revendedor: Um estudo de Caso., Porto Alegre: Porto, 2002..
[ TURBAN, Efraim; King, David; Lee, Jae Kiu; Liang, Ting-Peng; Turban,
7] Deborrah C. , Electronic Commerce:, A Manegerial Perspective. : New Jersey:
PrenticeHall Inc., , 1999.
[ Flanagan, David; Ferguson, Paula (2002)., JavaScript:, 4th ed., O'Reilly &
8] Associates..
[ J. Duckett, JQuery Desenvolvimento, Alta Books., (2019)..
9]
[ Anne van Kesteren; Simon Pieters (25 de maio de 2010)., HTML5 (em
10] inglês). W3C..
[ Eaton, Kit (29 de abril de 2010)., «Steve Jobs: Adobe's Flash Is Old PC
11] History, Open Web Is the Future». Fast Company (em inglês)..
[ Mozilla Corporation’s, O complemento Web Developer W3C CSS.
12]
[ PACIEVITCH, Yuri, PHP, 2010.
13]

28
 [ PLATAS, Eric Galdino., Introdução a Bootstrap Framework., 2013.
14]
[ ORACLE CORPORATION, “MYSQL,” 3 Março 2022. [Online]. Available:
15] (https://www.mysql.com) / conceito e breve história sobre MySql.
[ STELLMAN, Andrew; GREENE, Jennifer, Sql, 1ª ed., Rio de Janeiro: Alta
16] Books, 2008.
[ TEIXEIRA, José Ricardo., Introdução ao MySQL., 2013.
17]
[ Cândido, BR Modelo, Rio de Janeiro: Rio, 2020.
18]
[ R. lossio, “Oraculoti,” 1 julho 2019. [Online]. Available: www.oraculoti.com /
19] conceito sobre o Xampp.
[ vs.net.microsoft, “visualstudio,” 23 janeiro 2022. [Online]. Available:
20] visualstudio.microsoft.com.
[ Y. PACIEVITCH, “INFOESCOLA,” 3 JANEIRO 2022. [Online]. Available:
21] WWW.INFOESCOLA.COM/ C#.
[ devmedia, “devmedia,” 26 04 2021. [Online]. Available:
22] https://www.devmedia.com.br/entedendo-a-linguagem-sql.
[ Elaborados pelo autores, Sistema de gestão financeira Z, Huambo: IPPE,
23] 2022.
[ Daniela Rocha Silva, Daniela (2017)., A linguagem JavaScript. Um Estudo
24] em Larga Escala sobre a Estrutura do Código-fonte de Pacotes JavaScript
(PDF) (Tese de Bacharel). Universidade Federal do Estado do Rio de Janeiro
(UNIRIO)., Rio de Janeiro: Rio.

29
 APÊNDICE
1- Os que não são aluno do Instituto Médio Politécnico Privado Kwatelela
também podem comprar?
R: Sim X Não
2- O restaurante já teve um aplicativo web?
R: Sim Não X
3- O restaurante do Instituto Médio Politécnico Privado Kwatelela é 24/24?
R: Sim Não X
4- Quais são as hora que o restaurante do Instituto Médio Politécnico Privado
Kwatelela abre e feicha?
R: 8h00 à 17h30
5- O restaurante também faz entrega ao domicilio?
R: Sim X Não
6- É possivel o aluno fazer um crêdito e pagar no final do mês?
R: Sim X Não

30