REPÚBLICA DE ANGOLA

INSTITUTO MÉDIO POLITÉCNICO DA GANDA BG Nº5188

CURSO DE GESTÃO DE SISTEMAS INFORMÁTICOS

TRABALHO DE FIM DE CURSO PARA OBTENÇÃO DO GRAU DE TÉCNICO

MÉDIO
13ª CLASSE

TEMA: DESENVOLVIMENTO WEB DE UM MERCADO VIRTUAL PARA A

LOJA TUDO PASSA SITUADO NO MUNICÍPIO DA GANDA

Adelina Cassinda Luís

Albina Mbolela Jacinto

Alexandre Adelino Viassi

Antonio da Silva Tiago

Belchior José Serrote

Celestino António Lino

Trabalho orientado por: Elson Manuel

GANDA, 2024/ 2025

 INSTITUTO MÉDIO POLITÉCNICO DA GANDA BG Nº5188
CURSO DE GESTÃO DE SISTEMAS INFORMÁTICOS

TRABALHO DE FIM DE CURSO PARA OBTENÇÃO DO GRAU DE TÉCNICO

MÉDIO
13ª CLASSE

TEMA: DESENVOLVIMENTO WEB DE UM MERCADO VIRTUAL PARA A

LOJA TUDO PASSA SITUADO NO MUNICÍPIO DA GANDA

Adelina Cassinda Luís...............................Nº 780

Albina Mbolela Jacinto......................................Nº 781

Alexandre Adelino Viassi...................................Nº 782

Antonio da Silva Tiago........................................Nº 783

Belchior José Serrote.....................................Nº 784

Celestino António Lino.....................................Nº 785

CLASSE:13ª

PERIODO: MANHÃ

CURSO: GESTÃO DE SISTEMAS INFORMÁTICOS

ORIENTADO POR: Elson Manuel

GANDA, 2024/2025
 FOLHA DE APROVAÇÃO
REPÚBLICA DE ANGOLA
INSTITUTO POLITÉCNICO DA GANDA Nº 5188

TRABALHO DE FIM DE CURSO PARA OBTENÇÃO DO GRAU DE TÉCNICO

MÉDIO

DESENVOLVIMENTO WEB DE UM MERCADO VIRTUAL PARA A LOJA TUDO

PASSA SITUADO NO MUNICÍPIO DA GANDA

Autores: Adelino Catumbela Pequeno, Benvida Julita Kapelo, Eduardo Cadete Segunda,
Elisa Chilombo Yambi

Orientador(a): Elson Manuel

Benguela, de 2024/2025

Nome do membro do Júri __________________________________________

Nomeado membro do Júri _________________________________________

Nome do membro do Júri _________________________________________

VI
PENSAMENTO

VII
DEDICATÓRIA

VIII
AGRADECIMENTOS

Primeiramente agradecemos a Deus pelo Don da vida, aos nossos pais, aos professores
colegas que nos ajudaram na nossa carreira escolar.

IX
INDICE DE FIGURAS

Figura 1- Página Inicial........................................................................................................29

Figura 2- Página de contacto................................................................................................29
Figura 3- Página de produtos...............................................................................................30
Figura 4- Página de carrinho................................................................................................30

X
LISTA DE SIGLAS E ABREVIATURAS

HTML - Linguagem de Marcação de Hipertexto;

CSS - Folhas de estilo em cascata

PHP - Hypertext Preprocessor

JavaScript - é uma linguagem de programação usada por desenvolvedores para fazer

páginas interativas da Internet.

Web - A World Wide Web designa um sistema de documentos em hipermídia que são
interligados e executados na Internet.

Java - é uma linguagem de programação orientada a objetos

C++ - é uma linguagem de programação compilada multi-paradigma e de uso geral.

APIs - As APIs são um conjunto de padrões que fazem parte de uma interface.

ASP.NET WebForms - é um framework de aplicação web e um dos vários modelos de

programação suportados pela tecnologia Microsoft ASP.NET.

EF Code First - É comumente usado quando se quer ter um controle maior há nível de
código-fonte do modelo de dados gerado, pois as classes são escritas usando a metodologia
POCO

XI
RESUMO

O avanço das tecnologias da informação e comunicação tem impulsionado o crescimento

do comércio eletrónico em diversas regiões, inclusive em localidades do interior. Este
trabalho apresenta o desenvolvimento de uma aplicação web para a loja Tudo Passa,
situada no município da Ganda, com o objetivo de criar um mercado virtual que atenda às
necessidades comerciais locais, promovendo a modernização dos processos de venda e
divulgação de produtos.

A aplicação desenvolvida possui funcionalidades essenciais, como a página inicial com

produtos em destaque, catálogo completo de produtos, página de carrinho para
gerenciamento de compras, página de contactos e área administrativa para cadastro de
novos produtos. O sistema foi implementado com foco na simplicidade, navegabilidade e
responsividade, garantindo uma boa experiência para o usuário em diferentes dispositivos.

O projeto visa ainda contribuir para a inclusão digital no comércio local, oferecendo uma
alternativa moderna e eficiente para a venda de produtos, mesmo em contextos com
recursos limitados. A estrutura desenvolvida permite futuras expansões, como integração
com métodos de pagamento online e criação de contas de clientes.

Conclui-se que o mercado virtual para a loja Tudo Passa representa uma iniciativa viável e
necessária para o fortalecimento da economia local e adaptação às novas exigências do
mercado digital.

Palavras-chave: Comércio eletrónico, mercado virtual, desenvolvimento web, inclusão

digital.

XII
ABSTRACT

The advancement of information and communication technologies has driven the

growth of e-commerce in various regions, including rural areas. This work presents the
development of a web application for the Tudo Passa store, located in the municipality
of Ganda, with the objective of creating a virtual market that meets local commercial
needs and promotes the modernization of sales and product promotion processes.

The developed application includes essential features such as a homepage with featured
products, a complete product catalog, a shopping cart page for purchase management, a
contact page, and an administrative area for product registration. The system was
implemented with a focus on simplicity, usability, and responsiveness, ensuring a good
user experience across different devices.

The project also aims to contribute to digital inclusion in local commerce by offering a
modern and efficient alternative for product sales, even in resource-limited contexts.
The developed structure allows for future expansions, such as the integration of online
payment methods and the creation of customer accounts.

It is concluded that the virtual market for the Tudo Passa store represents a viable and
necessary initiative to strengthen the local economy and adapt to the new demands of
the digital market.

Keywords: E-commerce, virtual market, web development, digital inclusion.

XIII
INTRODUÇÃO

O avanço das Tecnologias da Informação e Comunicação (TICs) tem promovido

mudanças significativas na forma como as pessoas consomem produtos e serviços em
todo o mundo. A digitalização dos processos comerciais deixou de ser uma tendência
para se tornar uma necessidade, especialmente em regiões onde o acesso ao comércio
tradicional enfrenta obstáculos logísticos, geográficos e socioeconômicos. No contexto
angolano, e mais especificamente no município da Ganda, a modernização do comércio
local por meio de soluções digitais surge como uma oportunidade estratégica para
fomentar o desenvolvimento econômico e social da região (UNCTAD, 2020).

A loja Tudo Passa, estabelecida na Ganda, é um exemplo de empreendimento que pode

se beneficiar do uso das tecnologias digitais para ampliar sua presença no mercado,
atrair novos clientes e oferecer uma melhor experiência de compra à população.
Entretanto, a ausência de plataformas digitais adaptadas à realidade local limita a
capacidade de expansão e inovação dos pequenos negócios, restringindo-os a práticas
comerciais convencionais e pouco eficientes (Silva & Costa, 2019).

Diante desse cenário, este projeto propõe o desenvolvimento de um mercado virtual

para a loja Tudo Passa, com o objetivo de facilitar a divulgação de produtos, otimizar o
processo de compra e venda, e promover a inclusão digital dos comerciantes e
consumidores locais. A plataforma será desenvolvida com foco na simplicidade,
responsividade e segurança, buscando atender às necessidades específicas do público-
alvo e respeitar as limitações tecnológicas da região (Turban et al., 2021).

Além de beneficiar diretamente os comerciantes, a iniciativa visa contribuir para a

transformação digital do município, oferecendo uma solução sustentável e escalável.
Com isso, espera-se criar um ambiente propício ao fortalecimento do comércio local,
estimular o empreendedorismo e melhorar a qualidade de vida da população, ao mesmo
tempo em que se promove o acesso equitativo às oportunidades proporcionadas pela
economia digital (Castells, 2010).

14
JUSTIFICATIVA

A escolha deste tema justifica-se pela necessidade de superar as limitações logísticas,

estruturais e econômicas do município da Ganda. Atualmente, muitos pequenos
comerciantes não possuem acesso às ferramentas digitais necessárias para expandirem
seus negócios.

O mercado virtual proposta busca resolver esses problemas por meio da criação de uma
plataforma que conecta vendedores e compradores, promovendo a inclusão digital e
aumentando a competitividade econômica local. Essa iniciativa também se alinha às
estratégias de desenvolvimento sustentável, ao criar novas oportunidades de geração de
renda para a comunidade.

PROBLEMA DE INVESTIGAÇÃO

Como o desenvolvimento de uma plataforma web de mercado virtual pode contribuir

para melhorar a visibilidade, acessibilidade e desempenho comercial da loja Tudo Passa
no município da Ganda, promovendo ao mesmo tempo a inclusão digital da comunidade
local?

OBJECTIVOS DE INVESTIGAÇÃO

A realização de qualquer trabalho pressupõe, em primeira instância, um objetivo a

alcançar, que atua como instrumento orientador. Após a formulação do problema de
investigação, torna-se necessário definir claramente os objetivos gerais e específicos do
projeto:

Objetivo Geral: Desenvolver e implementar uma plataforma digital de mercado virtual

para o município da Ganda, promovendo o comércio local, facilitando a interação entre
pequenos comerciantes e consumidores, e ampliando o acesso a bens essenciais.

Objetivos Específicos:

1. Revisar bibliografias e estudos sobre plataformas de mercado virtual, com foco

em soluções aplicáveis ao contexto local.

2. Realizar um estudo das necessidades e desafios enfrentados pelos pequenos

comerciantes e consumidores do município da Ganda.

15
 3. Desenhar uma base de dados eficiente para o armazenamento e controle das
informações dos vendedores e produtos.

4. Desenvolver a aplicação web com funcionalidades que atendam às demandas

identificadas.

5. Testar a plataforma em ambiente real, garantindo sua usabilidade e eficácia.

HIPÓTESES

H₁: O desenvolvimento de uma plataforma web de mercado virtual contribuirá

significativamente para aumentar a visibilidade dos produtos da loja Tudo Passa,
melhorar o desempenho comercial e promover a inclusão digital no município da
Ganda.

H₁.₁: A plataforma digital proporcionará maior comodidade e segurança aos

consumidores durante o processo de compra.

H₁.₂: O mercado virtual incentivará pequenos comerciantes da Ganda a aderirem ao

comércio digital.

H₁.₃: A implementação da solução promoverá a familiarização da população local com

o uso de ferramentas tecnológicas, contribuindo para a inclusão digital.

METODOLOGIA

A metodologia é entendida como a ciência que estuda os métodos empregados pela

própria ciência para alcançar objetivos específicos (Goldman, 1994). No contexto do
trabalho, o objetivo é a implementação de uma plataforma digital de mercado virtual
voltada para promover o comércio local no município da Ganda e fomentar a inclusão
digital dos pequenos comerciantes.

A delimitação do tema a um fenômeno específico confere ao estudo as características de

um estudo de caso, com abordagem descritiva. Este estudo tem como foco identificar e
correlacionar os fatores que influenciam a criação e a operacionalização de uma
plataforma digital no contexto local.

16
MÉTODO DE PESQUISA

Para atingir os objetivos do projeto, foi adotado um conjunto de métodos teóricos e

empíricos:

NÍVEL TEÓRICO

 Indutivo-Dedutivo: A indução permite estabelecer conexões ascendentes,

partindo de observações específicas (caso do comércio no município da Ganda)
para teorias gerais sobre o impacto de plataformas digitais no comércio local. Já
a dedução, por sua vez, parte de conceitos e teorias gerais sobre inclusão digital
e plataformas de mercado para compreender a realidade particular do município
da Ganda (Goldman, 1994).

 Método Histórico: Este método analisa a evolução das plataformas digitais de

mercado, destacando sua origem, desenvolvimento e impactos em contextos
locais e regionais. A abordagem histórica permitirá entender como a adoção
dessas tecnologias pode ser adaptada às necessidades e especificidades da Ganda
(Menezes, 2005).

NÍVEL EMPÍRICO

 Pesquisa Bibliográfica: Baseia-se na análise de obras de autores e estudos

relacionados ao desenvolvimento de plataformas digitais, inclusão digital e
comércio eletrônico. Este método ajudará a fundamentar teoricamente as etapas
de desenvolvimento do Projeto A (Menezes, 2005).

 Histórico-Lógico: Permite estudar a evolução dos fenômenos no tempo e

identificar sua lógica de desenvolvimento. No caso do projeto, será utilizado
para analisar a trajetória das plataformas digitais e sua aplicação em
comunidades locais, como a Ganda (Menezes, 2005).

TIPO DE PESQUISA

O tipo de pesquisa adotada no trabalho em questão é a qualitativa, conforme definido

por Lakatos (2010). Este tipo de pesquisa permite analisar e interpretar aspectos mais
profundos, como as necessidades e expectativas dos comerciantes locais, a percepção da
17
comunidade sobre a digitalização e os impactos sociais e econômicos da plataforma. O
objetivo é compreender os fenômenos no contexto em que ocorrem, atribuindo
significados às experiências e observações.

TÉCNICAS DE RECOLHA DE DADOS

 Entrevistas: Realizaram-se entrevistas com pequenos comerciantes,

consumidores e representantes locais. As questões foram previamente
formuladas e adaptadas ao contexto do município da Ganda.

 Observação: A observação permitiu identificar desafios enfrentados pelos

comerciantes locais, como barreiras de acesso ao mercado, limitações
tecnológicas e falta de visibilidade para seus produtos e serviços (Lakatos,
2010).

TÉCNICAS DE ANÁLISE DE DADOS

 Preditiva: Utilizada para estimar os impactos futuros da plataforma digital no

comércio local, com base em dados coletados e exemplos de casos semelhantes
(Hekima, 2011).

 Descritiva: Aplicada para compreender a situação atual do comércio no

município da Ganda, analisando as informações obtidas durante as entrevistas e
observações (Hekima, 2011).

 Diagnóstica: Permitiu obter uma visão geral sobre os desafios e oportunidades

para a implementação do projeto (Hekima, 2011).

POPULAÇÃO E AMOSTRA

A amostra foi selecionada de forma intencional e incluiu:

 10 comerciantes locais, representando diferentes segmentos do comércio no

município.

 5 consumidores locais, selecionados com base em sua diversidade demográfica

e econômica.
18
  2 representantes da administração municipal, envolvidos na promoção do
comércio e desenvolvimento econômico.

ESTRUTURA DO TRABALHO

O presente trabalho está estruturado por três (2) capítulos, onde no Capítulo I -
abordaremos sobre a Enquadramento teórico e ferramentas utilizadas, e no Capítulo II-
Enquadramento Prático do Trabalho.

CONSIDERAÇÕES FINAIS

O desenvolvimento do mercado virtual para o município da Ganda representa um passo

importante na modernização do comércio local e na promoção da inclusão digital. Este
projeto contribuirá para o desenvolvimento econômico, criando oportunidades de
geração de renda e melhorando a qualidade de vida da população. Além disso, a solução
proposta poderá ser replicada em outras regiões com características semelhantes,
ampliando seu impacto.

19
CAPÍTULO I: ENQUADRAMENTO TEÓRICO

Neste capítulo, serão apresentados os fundamentos teóricos relacionados à

implementação de plataformas digitais de mercado virtual. Exploraremos conceitos
básicos, a evolução histórica de plataformas semelhantes e a relevância dessas soluções
no contexto atual. Esses conceitos servirão como base para compreender a
aplicabilidade e os benefícios esperados do projeto no município da Ganda.

1.1. CONCEITOS SOBRE A IMPLEMENTAÇÃO DE UMA PLATAFORMA

DIGITAL DE MERCADO VIRTUAL

1.1.1. Evolução Histórica das Plataformas Digitais de Comércio

Com o avanço das Tecnologias de Informação e Comunicação (TICs), as plataformas

digitais tornaram-se ferramentas indispensáveis para o comércio moderno, conectando
vendedores e consumidores de maneira rápida, acessível e eficiente. Desde o
surgimento da internet comercial, novas formas de realizar transações comerciais
passaram a ser exploradas, modificando o comportamento do consumidor e as
estratégias de venda.

As primeiras plataformas de comércio eletrônico surgiram na década de 1990, com

destaque para empresas pioneiras como a Amazon e o eBay, ambas fundadas em 1995.
Essas iniciativas abriram caminho para um novo modelo de negócio baseado na
internet, permitindo a comercialização de produtos sem a necessidade de uma loja
física, com alcance global e operação 24 horas por dia (Silva & Oliveira, 2020). O
sucesso dessas empresas inspirou o surgimento de outras plataformas e consolidou o
comércio eletrônico como uma alternativa viável ao comércio tradicional.

Nos anos 2000, com a maior popularização da internet banda larga e o surgimento de
soluções de pagamento seguras, o e-commerce passou a se expandir em diversos países,
inclusive em regiões em desenvolvimento. A década de 2010 marcou uma nova fase,
impulsionada pela massificação dos dispositivos móveis, como smartphones e tablets,
que facilitaram o acesso das populações a serviços digitais e plataformas de compras
online. Além disso, o uso de redes sociais e aplicativos de mensagens passou a
influenciar o consumo digital, integrando o marketing e a experiência de compra
(Ferreira & Mendes, 2019).

20
Atualmente, as plataformas digitais evoluíram de simples catálogos virtuais para
sistemas integrados e inteligentes, que utilizam recursos como inteligência artificial,
machine learning e análise de dados para oferecer experiências personalizadas,
recomendação de produtos e automação de processos logísticos. Esse avanço permitiu
que não apenas grandes empresas, mas também pequenos empreendedores e
comerciantes locais, pudessem usufruir das vantagens do comércio eletrônico.

No contexto angolano e, particularmente, em comunidades interioranas como o

município da Ganda, o acesso a plataformas digitais representa uma oportunidade
estratégica de inclusão econômica e digital. Iniciativas locais de comércio virtual vêm
ganhando espaço e permitindo que comerciantes que antes dependiam exclusivamente
do movimento físico de clientes possam agora alcançar um público mais amplo,
inclusive em outras regiões, superando barreiras geográficas (Santos & Almeida, 2018).

Portanto, compreender a evolução histórica das plataformas digitais de comércio

permite identificar boas práticas, tecnologias aplicáveis e desafios enfrentados ao longo
do tempo, servindo como base para a implementação eficaz de um mercado virtual
local, como a proposta da loja Tudo Passa. Essa transformação não é apenas
tecnológica, mas também social e econômica, pois promove o desenvolvimento regional
e amplia o acesso a bens, serviços e oportunidades de negócio.

1.1.1.1. DEFINIÇÃO DAS PALAVRAS-CHAVE

 Implementação: Substantivo feminino que significa pôr em prática, executar ou

assegurar a realização de algo. No contexto do projeto, refere-se à instalação e
operacionalização de uma plataforma digital que conecte vendedores e
compradores de forma eficiente (Dzendzik, 2005).

 Plataforma digital: Um ambiente online projetado para oferecer serviços ou

soluções específicas, como o comércio de bens e serviços. As plataformas
digitais podem integrar diversos recursos, como catálogos de produtos, sistemas
de pagamento e funcionalidades interativas (Oliver, 2011).

 Mercado virtual: Um espaço digital onde transações comerciais ocorrem,

permitindo que vendedores e compradores realizem negociações sem a

21
 necessidade de uma interação presencial. É caracterizado pela facilidade de
acesso e pela possibilidade de expansão do alcance comercial (Carvalho, 2020).

 Inclusão digital: Processo de garantir que indivíduos e comunidades tenham

acesso às tecnologias digitais e sejam capazes de usá-las para melhorar sua
qualidade de vida, especialmente em áreas como educação, comércio e
comunicação (Oliveira & Costa, 2017).

1.1.2. IMPORTÂNCIA DA IMPLEMENTAÇÃO DE UMA PLATAFORMA

DIGITAL DE MERCADO VIRTUAL

A implementação de uma plataforma digital de mercado virtual no município da Ganda

tem o potencial de revolucionar a economia local. Entre os principais benefícios,
destacam-se:

1. Conexão entre comerciantes e consumidores: Reduzindo as barreiras físicas e

logísticas que dificultam o acesso a produtos e serviços na região.

2. Promoção da inclusão digital: Capacitando pequenos comerciantes a utilizarem

tecnologias digitais para expandir seus negócios, tornando-os mais competitivos
no mercado.

3. Facilidade de acesso a informações e produtos: Criando um espaço

centralizado onde consumidores podem encontrar uma variedade de produtos de
forma rápida e prática.

4. Impacto econômico local: Ao dinamizar o comércio e fomentar a economia da

região, a plataforma pode contribuir para o aumento da renda dos comerciantes e
a geração de novas oportunidades de negócio (Santos & Almeida, 2018).

Adicionalmente, a qualidade da plataforma digital depende de um processo rigoroso de

desenvolvimento e testes. Erros podem surgir em qualquer etapa do ciclo de vida do
software; portanto, práticas de teste e garantia de qualidade são indispensáveis. Essas
práticas não apenas asseguram o funcionamento da solução, mas também aumentam a
confiança dos usuários na utilização da plataforma (Sérgio, 2016).

22
1.2. FERRAMENTAS UTILIZADAS

1.2.1. Servidor web

Servidor Web - é um computador que armazena arquivos que compõem os sites (por
exemplo, documentos HTML, imagens, folhas de estilo, e arquivos JavaScript) e os
entrega para o dispositivo do utilizador final. Está conectado a internet e pode ser
acedido através do seu nome de domínio (DNS).

O servidor web que foi usado nesse projecto é o Apache pertencente ao pacote do
Xampp.

O XAMPP é um pacote de softwares livre que oferece uma solução completa para o
desenvolvimento de aplicações web em ambiente local. Ele reúne diversos componentes
essenciais, como o servidor web Apache, o sistema de gerenciamento de banco de dados
MySQL ou MariaDB, e as linguagens de programação PHP e Perl, todos integrados
para facilitar a instalação e a utilização por desenvolvedores. O principal objetivo do
XAMPP é simplificar a criação de ambientes de testes e desenvolvimento sem a
necessidade de configurações complexas (Apache Friends, 2023).

Devido à sua natureza multiplataforma, o XAMPP pode ser executado em sistemas

operacionais como Windows, Linux e macOS, oferecendo uma interface gráfica
amigável para o gerenciamento dos serviços. Essa característica faz do XAMPP uma
ferramenta amplamente adotada tanto por estudantes quanto por profissionais na criação
e teste de aplicações web de forma local (Silva & Moura, 2020).

O Apache HTTP Server, ou simplesmente Apache, é um dos servidores web mais

utilizados no mundo. Desenvolvido pela Apache Software Foundation, ele é um
software livre e de código aberto que permite a entrega de conteúdo web por meio do
protocolo HTTP. Sua principal função é processar requisições de páginas web feitas
pelos navegadores dos usuários e responder com os arquivos correspondentes, como
páginas HTML, scripts PHP e outros recursos (Laurie & Laurie, 2021).

O Apache é conhecido por sua estabilidade, segurança, modularidade e grande

capacidade de configuração, sendo amplamente utilizado em ambientes de produção e
desenvolvimento. Além disso, é compatível com diversas linguagens e bancos de dados,
o que o torna uma escolha robusta para servidores web (Welling & Thomson, 2017).

23
O Recurso MySQL serviu como o SGBD (Sistema de Gestão de Base de Dados), na
qual foi criado a base de dado da biblioteca com as suas tabelas e respectivos atributos.
O MySQL pode ser usado pelos ficheiros PHP para guardar, gerir, actualizar e recolher
os dados.

1.2.2. SISTEMAS DE GESTÃO DE BASES DE DADOS

Os sistemas de gestão de base de dados são programas que permitem criar e manipular
as bases de dados, em que os dados estão estruturados e permitem o acesso a programas
para sua gestão. (Fraga & Sallum, 2012) Um Sistema de Gerenciamento de Bancos de
Dados tem como principais propriedades:

Controle de redundância: em um sistema tradicional de controle de arquivos cada

usuário normalmente apresenta seus próprios arquivos armazenando o conjunto de
dados que é de seu interesse, e nestes casos é comum ocorrer redundância de dados.
Esta redundância consiste no armazenamento de uma mesma informação em locais
diferentes, o que pode provocar sérios problemas. Alguns destes problemas consistem
inicialmente no aumento de esforço computacional para realizar a atualização destes
dados; aumento do espaço necessário para o armazenamento dos dados. O problema
mais sério é que a representação dos dados desta forma pode tornar-se inconsistente,
pois duas informações podem aparecer em locais distintos, mas apresentando valores
diferentes. Em um sistema de BD as informações só se encontram armazenadas em um
único local ou estão existindo duplicação controlada dos dados. (Franco, 2013)

Compartilhamento dos dados: um SGBD deve incluir um software para o controle de

concorrência ao acesso dos dados em um ambiente multiusuário, de forma que
possibilite o compartilhamento dos dados, garantindo ção que se vários usuários tentem
realizar operações de atualiza- sobre um mesmo conjunto de dados, o resultado destas
operações possa ser correto e consistente. (Franco, 2013)

Controle de acesso: quando vários usuários compartilham os dados, é comum que

alguns não apresentem autorização para acesso a todo o BD. Por exemplo, os dados do
faturamento de uma empresa podem ser considerados confidenciais e, desse modo,
somente pessoas autorizadas devem ter acesso. Além disso, pode ser permitido, a alguns
usuários, apenas a recuperação dos dados. Já, para outros, são permitidas a recuperação
e a 22 modificação. Assim, o tipo de operação de acesso - recuperação ou modificação –
pode também ser controlado. (Franco, 2013)

24
Garantir backup e restauração de dados: um SGBD deve prover recursos para
realização de de segurança e restauração caso ocorra falhas de hardware ou software. O
subsistema de backup e restauração do SGBD é o responsável pela restauração. Por
exemplo, se o sistema de computador falhar no meio da execução de um programa que
esteja realizando uma alteração complexa na base de dados, o subsistema de restauração
é responsável em assegurar que a base de dados seja restaurada no estado anterior ao
início da execução do programa. Alternativamente, o subsistema de restauração poderia
assegurar que o programa seja reexecutado a partir do ponto em que havia sido
interrompido. (Franco, 2013)

MySQL - é talvez o banco que mais evoluiu nos últimos tempos, passando de um banco
frágil e pouco seguro a um banco no mínimo respeitável. Não que ela tenha mudado,
mas o MySQL conseguiu provar que é um banco seguro e bastante indicado para
aplicações web. O MySQL é um sistema robusto de bancos de dados SQL (Structured
Query Language – Linguagem Estruturada para Pesquisas) muito rápido, multi-tarefa e
multi-usuário.

O Servidor MySQL pode ser usado em sistemas de produção com alta carga e missão
crítica bem como pode ser embutido em programa de uso em massa. MySQL é uma
marca registrada da MySQL AB. 1.11. Linguagem de Programação Linguagens de
Programação são padrões de codificação binária, com sintaxe e semânticas específicas
usadas para definir programas de computadores. Desta forma, capazes de criar
instruções para máquinas. Graças a esses conjuntos de códigos e recursos, é possível
criar programas e sistemas para resolver os mais diversos problemas do quotidiano.
(Garibotti & Rafael, 2018)

1.2.4. LINGUAGEM DO LADO CLIENTE

As linguagens do lado do cliente, são linguagens onde as aplicações rodam no

computador do utilizador sem necessidade de processamento de seu servidor (ou host)
para efetuar determinada tarefa. (Garibotti & Rafael, 2018)

As linguagens do lado do cliente são:

HTML (HyperText Markup Language) – ou linguagem de marcação de hipertexto é

normalmente usada para desenvolver sites, páginas da web e aplicativos parágrafos,
inicial em da web. É utilizada para estruturar os elementos da página, como links, 1993,

25
títulos, ele tabelas, foi imagens e até vídeos. Após seu lançamento atualizado
constantemente recursos e facilitar o seu uso para adicionar novos recursos e facilitar o
seu uso. (Garibotti & Rafael, 2018).

HTML é uma sigla, HyperText Markup Language que, em Português, significa

Linguagem de Marcação de Hipertexto. Hipertextos são os textos da web, ou seja, todo
conteúdo textual das páginas de um site é chamado de hipertexto. Já as imagens, vídeos,
gráficos, sons e conteúdos não textuais, em geral são chamados de hipermédia.
(Carvalho, 2018)

Uma gama de tecnologias (como CSS, JavaScript, AJAX, JSON) pode ser usada para
definir os elementos de uma página web. Contudo, na base da estrutura de uma página
web está a HTML. Sem HTML não haveria página web alguma. HTML é o que o
navegador "lê" (renderiza) para apresentar a página ao usuário em frente ao computador.
As especificações e padrões da HTML são geridas pelo World Wide Web Consortium -
W3C. A versão mais atual do padrão HTML é a HTML5. (Carvalho, 2018)

HTML é um recurso muito simples e acessível para a produção de documentos. Nesta

apostila, será possível aprender uma introdução aos seus elementos. Nesta versão da
HTML5 há grandes novidades como web semântica e acessibilidade, recursos esses que
eram possíveis somente através de tecnologias alternativas. (Carvalho, 2018)

HTML tem um propósito específico: estruturar e demarcar o conteúdo de uma página

web. As recomendações dos Padrões Web (Web Standards) foram importantes na
reeducação dos desenvolvedores de sites e de navegadores, pois antes da versão 5, a
HTML era usada também para definir aspetos visuais e de interação de um site.
(Carvalho, 2018)

CSS (Cascading Style Sheet) – mais conhecido como CSS, é uma linguagem de estilos
que, assim como o HTML, também não é considerada uma linguagem de programação.
Ela é responsável por separar a parte estrutural da aplicação e uma das melhores
linguagens do lado do cliente é basicamente uma ferramenta de design da web, usada
para controlar o layout de uma página da web. CSS é um estilo em cascata, separado,
que funciona no lado do cliente. É uma linguagem de estilos utilizada para definir cores,
fontes, tamanho posicionamento e qualquer outro valor estético para os elementos da
página. (Garibotti & Rafael, 2018)

26
CSS é a sigla em inglês para Cascading Style Sheets, que traduzindo significa Folhas de
Estilo em Cascata. Consiste num conjunto de regras responsáveis pela formatação de
um documento web, como organizar a página, posicionar e expor o texto e, dependendo
de onde é aplicado, como organizar uma coleção de documentos. Visa remover a
formatação dos documentos HTML, separando o conteúdo da formatação. CSS formata
a informação entregue pelo HTML. Essa informação pode ser qualquer coisa: imagem,
texto, vídeo, áudio ou qualquer outro elemento criado. (Carvalho, 2018)

O CSS3 que trouxe mudanças drásticas para a manipulação visual dos elementos do
HTML, o CSS é uma linguagem de estilo utilizada para definir a apresentação de
documentos na web. (Carvalho, 2018)

JavaScript – É uma linguagem de programação que permite criar conteúdos que se

atualizam de forma dinâmica e animada. É utilizada para deixar a página com mais
movimento, podendo actualizar elementos e lidar melhor com dados enviados e
recebidos na página, dando vida às aplicações que antes eram apenas estruturadas com
html de forma estática. (Garibotti & Rafael, 2018)

A linguagem de programação JavaScript, desenvolvida pela Netscape Inc., não faz parte
da plataforma Java. JavaScript não cria applets ou aplicações independentes. Na sua
forma mais comum, JavaScript fica embutido nos documentos HTML e pode fornecer
níveis de interatividade para páginas web que não são acessíveis com um HTML
simples. (Carvalho, 2018)

Algumas diferenças-chave entre Java e JavaScript: Java cria aplicações executadas em

uma máquina virtual ou em um browser, ao passo que o código JavaScript é executado
apenas em um browser. O código Java precisa ser compilado, ao passo que os códigos
JavaScript estão totalmente em texto.

JavaScript (frequentemente abreviado 25 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
WideWeb. 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.

27
É 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.
(Carvalho, 2018)

1.2.5. LINGUAGEM DO LADO DO SERVIDOR

É uma série de módulos que mostram como criar sites dinâmicos, sites que fornecem
informações personalizadas em resposta a solicitações http. Os módulos fornecem uma
introdução genérica à programação do lado do servidor, juntamente com guias
específicas de nível iniciante sobre como usar os frameworks web Django (PHYTON) e
Express (Node.js / JavaScript) para criar aplicativos básicos. (Garibotti & Rafael, 2018)

PHP: (Hypertext PreProcessor, linguagem originalmente, Page Home Personal) - É

uma de programação (script) para conteúdos dinâmicos. O objetivo da linguagem é
permitir que os desenvolvedores webs escrevam páginas geradas dinamicamente de
forma rápida. (Garibotti & Rafael, 2018)

PHP é uma linguagem que permite criar sites WEB dinâmicos, possibilitando uma
interação com o usuário através de formulários, parâmetros da URL e links. A diferença
de PHP com relação a linguagens semelhantes a Javascript é que o código PHP é
executado no servidor, sendo enviado para o cliente apenas html puro. (Garibotti &
Rafael, 2018)

Desta maneira é possível interagir com bancos de dados e aplicações existentes no

servidor, com a vantagem de não expor o código fonte para o cliente. Isso pode ser útil
quando o programa está lidando com senhas ou qualquer tipo de informação
confidencial. O que diferencia PHP de um script CGI escrito em C ou Perl é que o
código PHP fica embutido no próprio HTML, enquanto no outro caso é necessário que o
script CGI gere todo o código HTML, ou leia de um outro arquivo. (Garibotti & Rafael,
2018)

Frameworks

Inicialmente, os programas executavam tarefas simples e possuíam poucas linhas de

código se comparados aos atuais. Isto ocorria devido as várias limitações da época:
processadores lentos, pouca memória de persistência de dados, pouca memória
temporária, linguagens de programação simples, entre outras. Conforme os softwares

28
eram desenvolvidos, as mais variadas áreas começaram e ver a possibilidade de
utilização da computação para melhorar ou facilitar seus processos. (Cruz, 2018)

Com isso, novas aplicações precisaram ser implementadas e estas tornavam-se cada vez
mais complexas. Para atender à crescente demanda, os programadores começaram a
perceber que não era sustentável, ou prático, escrever novamente códigos de
funcionalidades já desenvolvidas. Juntamente com a percepção de que, via abstração do
código, era possível reutilizá-lo em várias aplicações, as primeiras bibliotecas
começaram a aparecer. Inicialmente, consistiam de apenas alguns artefactos de
software, em sua maioria funções e estruturas de dados, e possuíam um carácter muito
pessoal, pois eram criadas e mantidas de forma individual pelos programadores. (Cruz,
2018)

Estas bibliotecas pessoais foram o início do que hoje são conhecidos como frameworks.
Estes, são grupos de classes, estruturas de dados, implementações prontas para serem
utilizadas e abstrações, que operam em conjunto para prover algum tipo de
funcionalidade de altíssimo nível. Segundo (Roock, Wolf e Züllighoven, 1998)
frameworks são definidos como um conjunto de conceitos que colaboram entre si, feitos
para reutilização. O principal benefício da utilização de framework se manifesta na
economia, tanto de tempo, quanto de dinheiro. Como consequência da economia de
tempo causada pelos frameworks, a velocidade de desenvolvimento do software
aumenta. (Cruz, 2018)

1.2.6. EDITORES DE TEXTOS

Editor de texto é um software feito para uso de programadores para escreverem suas
linhas de código. Alguns deles são específicos para uma linguagem de programação,
enquanto outros servem para linguagens diversas. Nos editores de texto podem ser
incluídas classes pertencentes aos frameworks do lado cliente, que trazem de forma
embutida classes, para estilização da página, como o Bootstrap.

Visual Studio Code Visual Studio Code (VS Code) – é um editor leve, com código-
fonte desenvolvido pela Microsoft para Windows, Linus, macOS. Ele inclui suporte
para depuração, controlo de versões, Git incorporado, realce de sintaxe complementação
inteligente de código, refaturação de códigos, é 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, mas poderoso e com uma interface bem pensada que

29
funciona no seu desktop. Ele tem suporte a JavaScript, TypeScript e Node.js e possui
um rico ecossistema de extensões para outras linguagens (como C++, C#, Payton, PHP)
e runtimes.

CONCLUSÃO

Neste capítulo, foram apresentados os métodos e técnicas adotados no trabalho,

destacando a escolha pela investigação qualitativa, que permitiu reunir informações
detalhadas e relevantes para a implementação da plataforma digital de mercado virtual.
A abordagem teórica e empírica forneceu uma base sólida para a análise dos dados
coletados, contribuindo para alcançar os objetivos do projeto.

30
CAPTULO II- ENQUADRAMENTO PRÁTICO

Historial da Loja de Acessórios e Calçados Tudo Passa

A Tudo Passa é uma loja de comércio local situada no município da Ganda, província de
Benguela, Angola. Fundada em [ano da fundação – insira se souber], a loja nasceu da
iniciativa empreendedora de [nome do fundador ou grupo – opcional], com o propósito
de oferecer produtos de qualidade na área de acessórios e calçados a preços acessíveis
para a população local.

Desde os seus primeiros anos de funcionamento, a Tudo Passa destacou-se pelo

atendimento personalizado, pela variedade de artigos disponíveis e pelo compromisso
com a satisfação do cliente. Seu catálogo abrange desde calçados masculinos, femininos
e infantis até bolsas, mochilas, cintos e outros acessórios de uso diário e ocasional.

Com o passar do tempo, a loja consolidou sua presença no comércio local, tornando-se
uma referência para os moradores da Ganda e arredores. Mesmo enfrentando os
desafios típicos de pequenos negócios em regiões do interior, a Tudo Passa conseguiu
adaptar-se às exigências do mercado e manteve-se ativa graças à fidelidade dos seus
clientes e ao esforço contínuo em renovar seus produtos e serviços.

31
Requisitos Funcionais

1. Página Inicial

o Exibir banner ou imagem principal da loja.

o Mostrar produtos em destaque e/ou promoções.

o Permitir navegação para outras seções do site.

2. Página de Produtos

o Listar todos os produtos disponíveis com nome, imagem, preço e botão

de “Adicionar ao Carrinho”.

o Permitir filtragem por categorias (se aplicável).

o Permitir visualização de detalhes do produto.

3. Página de Carrinho

o Mostrar os produtos adicionados com quantidade, preço unitário e total.

o Permitir atualizar ou remover itens do carrinho.

o Calcular o valor total da compra.

o Botão para finalizar pedido (checkout).

4. Página de Cadastro de Produtos (área administrativa)

o Formulário para inserir novo produto (nome, descrição, preço, imagem,

categoria, etc.).

o Permitir editar ou excluir produtos cadastrados.

o Proteção por autenticação (acesso restrito a administradores).

5. Página de Contactos

o Exibir informações de contato (telefone, e-mail, localização na Ganda).

o Formulário para o usuário enviar mensagens ou dúvidas.

32
Requisitos Não Funcionais

1. Usabilidade

o Interface intuitiva e fácil de navegar, mesmo para usuários com pouca

experiência digital.

o Design responsivo (compatível com computadores, tablets e

smartphones).

2. Desempenho

o Tempo de carregamento das páginas inferior a 3 segundos.

o Sistema otimizado para suportar múltiplos acessos simultâneos.

3. Segurança

o Proteção contra acesso não autorizado na área de cadastro/edição de

produtos.

o Validação de dados nos formulários.

o Uso de HTTPS (em produção) para segurança na troca de informações.

4. Manutenibilidade

o Código organizado com separação de camadas (ex.: MVC).

o Comentários e documentação para facilitar futuras manutenções.

5. Compatibilidade

o Suporte aos principais navegadores (Chrome, Firefox, Edge).

6. Escalabilidade

o Estrutura preparada para futura expansão, como integração com

pagamentos online ou criação de contas de usuário.

33
A imagem principal do site mostra a fachada virtual da loja "Tudo Passa", destacando
um ambiente moderno e acolhedor. No centro, há uma vitrine digital com produtos em
destaque, como roupas, calçados, acessórios e eletrodomésticos. Um banner
promocional com cores vibrantes exibe ofertas especiais, enquanto botões chamativos
como "Ver Produtos", "Promoções" e "Fazer Pedido" facilitam a navegação. O logotipo
da loja está no topo, junto com o menu principal, que inclui categorias de produtos,
carrinho de compras e acesso à conta do usuário.

Figura 1- Página Inicial

A página de contacto da loja "Ganca" oferece aos visitantes um canal direto de

comunicação com a equipe da loja. No topo, há um título claro como “Fale Conosco”
ou “Entre em Contacto”, seguido por um breve texto explicativo convidando os usuários
a enviar dúvidas, sugestões ou pedidos de informação.

Figura 2- Página de contacto

34
A página de produtos da loja "Tudo Passa" apresenta de forma organizada e atrativa
todos os itens disponíveis para venda. No topo, há um título como “Nossos Produtos”
ou “Catálogo”, seguido por uma barra de filtros ou categorias (opcional), permitindo ao
usuário visualizar produtos por tipo (ex: roupas, calçados, eletrodomésticos, etc.).

Figura 3- Página de produtos

A página de carrinho da loja "Tudo Passa" permite ao cliente visualizar, revisar e

gerenciar os produtos que selecionou antes de finalizar a compra. Ela apresenta um
layout limpo e funcional, com uma lista dos itens adicionados.

Figura 4- Página de carrinho

35
CONCLUSÃO

O desenvolvimento do mercado virtual para a loja Tudo Passa, localizada no município

da Ganda, representa um passo significativo na modernização e digitalização do
comércio local. Através da criação de uma aplicação web funcional, intuitiva e
responsiva, foi possível oferecer uma plataforma que aproxima a loja dos seus clientes,
facilitando o acesso aos produtos e promovendo a praticidade nas compras.

A aplicação contempla as funcionalidades essenciais para o funcionamento de um

comércio eletrônico simples, incluindo a página inicial, catálogo de produtos, carrinho
de compras, área de cadastro de produtos e página de contactos. Cada componente foi
pensado para proporcionar uma experiência agradável ao usuário, com foco na
usabilidade e no desempenho.

Além disso, o projeto contribui para a inclusão digital e pode servir como modelo para
outras iniciativas de comércio online em regiões com pouca presença tecnológica. A
iniciativa também abre espaço para futuras melhorias, como integração de métodos de
pagamento online, login de usuários e sistema de entregas.

Em suma, o trabalho demonstrou que é possível aliar tecnologia e comércio tradicional,

promovendo o desenvolvimento económico local por meio de soluções digitais
acessíveis e eficazes.

36
RECOMENDAÇÕS

Recomenda-se que a loja tudo Passa invista na manutenção e atualização continua da

plataforma desenvolvida para acompanhar as tendências do comercio eletrónico e expandir
suas vendas alem do município da ganda

É importante fornecer treinamentos básicos em tecnologia para os gestores básicos da loja, a

fim de garantir o uso eficiente da plataforma, como cadastro de produtos, gestão de pedidos e
atendimento ao cliente.

Sugere-se também a criação de parcerias com moto taxistas ou pequenas transportadoras

locais para viralizar o sistema de entrega no município e arredores, garantindo agilidade e
confiança.

37
REFERÊNCIAS BIBLIOGRÁFICAS

Goldman, J. (1994). Metodologia Científica: Conceitos e Práticas. São Paulo: Editora

Atlas.

Menezes, F. (2005). Métodos de Pesquisa Científica: Histórico e Lógico. Rio de

Janeiro: Editora Vozes.

Lakatos, E. M. (2010). Fundamentos de Metodologia Científica. 6ª edição. São Paulo:

Atlas.

Hekima, P. (2011). Técnicas de Análise de Dados: Preditiva, Descritiva e Diagnóstica.

Lisboa: Editora Tecnológica.

Divulgação Dinâmica. (2019). História dos portais de notícias.

Oliver, J. (2011). Conceitos sobre portais e notícias digitais.

Silva, R., & Oliveira, T. (2020). Tendências globais de digitalização do comércio.

Sérgio, M. (2016). A importância da implementação de softwares no comércio local.

38
ANEXOS

39
APÊNDICE

40