TCC Curso de Desenvolvimento de Sistemas Etec.

GRUPO DE ESTUDO DE EDUCAÇÃO A DISTÂNCIA / CETEC
TÉCNICO EM DESENVOLVIMENTO DE SISTEMAS ‐ MODALIDADE EaD
Cesar Augusto Lopes

Erick Alves Ferreira
Erick Matheus Barbosa de Morais
Matheus Alves Carvalho
Mikael Natã da Silva Santos
DESENVOLVIMENTO DE SISTEMA WEB PARA E-COMMERCE DE

COLECIONÁVEIS, MINIATURAS, LIVROS, FUNKOS E HQS
São Paulo
2023
Cesar Augusto Lopes
DESENVOLVIMENTO DE SISTEMA WEB PARA E-COMMERCE DE

COLECIONÁVEIS, MINIATURAS, LIVROS, FUNKOS E HQS
Trabalho de Conclusão de Curso

apresentado ao Curso Técnico em
Desenvolvimento de Sistemas – modalidade
EaD, orientado pelo Prof. Isaura Maria dos
Santos, como requisito parcial para obtenção
do título de Técnico em Desenvolvimento de
Sistemas.
São Paulo
2023
RESUMO
O uso da Tecnologia da Informação (TI) se mostra imprescindível na atualidade e o
desenvolvimento de Sistemas de Informação (SI) reforça, qualifica e otimiza as
funções gerenciais de qualquer negócio, independentemente de seu tamanho ou
natureza. Desta forma, propõe-se o desenvolvimento de uma loja virtual para o e-
commerce de colecionáveis, miniaturas, livros, funkos e HQs, visando gerenciar as
vendas online e o estoque destes produtos em uma empresa fictícia chamada
“Empório Toys” e apresentando uma forma alternativa de comunicação com o
cliente. Nesse contexto, o Wordpress se revelou como uma plataforma amigável e
intuitiva, adequada para pessoas sem muito conhecimento técnico; ele oferece uma
ampla variedade de temas e plugins para personalizar o design e a funcionalidade
de sites, possibilitando a criação de um site único, como o proposto neste projeto.
Palavras-chave: E-commerce. WordPress. Colecionáveis. Minituras. Livros.
Funkos. HQs.
ABSTRACT
The use of Information Technology (IT) is essential nowadays and the development
of Information Systems (IS) reinforces, qualifies and optimizes the managerial func-
tions of any business, regardless of its size or nature. In this way, it is proposed the
development of a virtual store for the e-commerce of collectibles, miniatures, books,
funkos and comics, aiming to manage the online sales and the stock of these prod-
ucts in a fictitious company called “Empório Toys” and presenting a alternative way of
communicating with the customer. In this context, Wordpress has revealed itself as a
friendly and intuitive platform, suitable for people without much technical knowledge;
it offers a wide variety of themes and plugins to customize the design and functional-
ity of websites, making it possible to create a unique website, like the one proposed
in this project.
Keywords: E-commerce. WordPress. Collectibles. Thumbnails. Books. Funkos.
Comics.
LISTA DE ILUSTRAÇÕES
Figura 1 - Funcionamento do scrum..........................................................................11

Figura 2 - Quadro kanban..........................................................................................13
Figura 3 - Grupo do WhatApp para alinhamento sobre o projeto..............................14
Figura 4 - Elaboração do documento utilizando o Microsoft word.............................15
Figura 5 - Interface do Astah UML.............................................................................16
Figura 6 - Gestão do cronograma do projeto por meio do Planner............................17
Figura 7 - Quadro kanban no Planner.......................................................................18
Figura 8 - Gestão do projeto por meio de indicadores gerados no Planner..............19
Figura 9 - Formulário de cadastro e edição da atividade no Planner........................20
Figura 10 - Planner versão para smartphone............................................................20
Figura 11 - Design de página ao vivo de front-end....................................................24
Figura 12 - Tela inicial................................................................................................25
Figura 13 - Lista de produtos.....................................................................................27
Figura 14 - Caminho para instalação do plugin.........................................................28
Figura 15 - Exemplo de ficha de entrega...................................................................29
Figura 16 - Exemplo de código de adição de filtro.....................................................30
Figura 17 - Layout de download do plugin.................................................................31
Figura 18 - Cálculo do preço e prazo.........................................................................32
Figura 19 - Opções de pagamento com o plugin Efí para WooCommerce...............33
Figura 20 - Changelog da documentação..................................................................34
Figura 21 - Exemplo de uso da api de integração.....................................................36
Figura 22 - Diagrama de uso de caso........................................................................37
Figura 23 – DER com as tabelas principais do Wordpress........................................38
Figura 24 - Planos disponíveis da hostinger para hospedagem do site....................39
Figura 25 - Tela de login da Hostinger.......................................................................40
Figura 26 - Escolha do domínio.................................................................................40
Figura 27 - Escolha da localização do servidor.........................................................41
Figura 28 - Finalização da criação do site.................................................................41
Figura 29 - Configurações de hospedagem da Hostinger.........................................42
Figura 30 - Gerenciar Domínio..................................................................................42
Figura 31 - Auto Instalador do Wordpress no Hostinger............................................42
Figura 32 - Instalação do Wordpress.........................................................................43
Figura 33 - Painel de controle do Wordpress com acesso aos plugins pela barra
lateral à esquerda......................................................................................................43
Figura 34 - Tema Kadence utilizado no projeto..........................................................44
Figura 35 - Dados da loja...........................................................................................45
Figura 36 - Dados sobre os produtos........................................................................45
Figura 37 - Parâmetros do controle de estoque........................................................46
Figura 38 - Parametrização de entrega.....................................................................46
Figura 39 - Parametrização de pagamentos..............................................................47
Figura 40 - Parametrização de contas e privacidade.................................................47
Figura 41 - Configurações de e-mails........................................................................48
Figura 42 - Páginas desenvolvidas............................................................................48
Figura 43 - Tabelas referentes ao Woocommerce.....................................................49
Figura 44 - Sistema arrasta e solta de widgets do Elementor...................................50
Figura 45 - Formatação de tags HTML com o Elementor..........................................50
Figura 46 - Estilizando com o Elementor...................................................................51
Figura 47 - Resultado final da página Home.............................................................51
Figura 48 - Cadastro das categorias de produtos......................................................52
Figura 49 - Cadastro de produtos e pré-visualização das informações mostradas no
site............................................................................................................................. 52
Figura 50 - Castro de preços e inserção de imagens dos produtos..........................53
Figura 51 - Parâmetros de estoque...........................................................................53
Figura 52 - Parâmetros para entregas.......................................................................54
Figura 53 - Cadastro de usuários e funções..............................................................56
Figura 54 - Página produtos......................................................................................57
Figura 55 - Cálculo do frete....................................................................................... 57
Figura 56 - Visualização do carrinho.........................................................................58
Figura 57 - Formas de pagamento............................................................................58
Figura 58 - Indicadores..............................................................................................59
Figura 59 - Controle de estoque................................................................................59
LISTA DE QUADROS
Quadro 1 - Requisitos funcionais.................................................................................7

Quadro 2 - Requisitos não funcionais..........................................................................7
Quadro 3 - Equipe de desenvolvimento.......................................................................8
Quadro 4 - Partes interessadas ou stakeholders.........................................................8
Quadro 5 - Prioridade e valor de negócio..................................................................11
SUMÁRIO
1 INTRODUÇÃO......................................................................................................4
1.1 Justificativa................................................................................................... 5
1.2 Objetivos........................................................................................................5
1.2.1 Objetivo Geral.................................................................................................5
1.2.2 Objetivos Específicos......................................................................................5
2 METODOLOGIA...................................................................................................6
2.1 Descrição Geral e definição de Requisitos.................................................6
2.2 Equipe............................................................................................................ 7
2.3 Partes Interessadas......................................................................................8
2.4 Premissas...................................................................................................... 9
2.5 Restrições......................................................................................................9
2.6 Escopo Excluído...........................................................................................9
2.7 Riscos Preliminares....................................................................................10
2.8 Métodos aplicados......................................................................................10
2.8.1 Scrum............................................................................................................10
2.8.2 Kanban..........................................................................................................12
2.9 Ferramentas e recursos informacionais utilizados.................................13
2.9.1 WhatsApp......................................................................................................13
2.9.2 Microsoft Word..............................................................................................14
2.9.3 Astah UML.................................................................................................... 15
2.10 Plataformas de desenvolvimento..............................................................21
2.10.1 Wordpress.....................................................................................................21
3 DESENVOLVIMENTO........................................................................................37
3.1 Diagrama de caso de uso...........................................................................37
3.2 Diagrama Entidade Relacionamento.........................................................38
3.3 Hospedagem do site e instalação do Wordpress....................................39
3.4 Construção do site......................................................................................44
4 CONSIDERAÇÕES FINAIS................................................................................60
4
1 INTRODUÇÃO
Com o passar dos anos, a tecnologia invadiu o mundo dos negócios

revolucionando o processo comercial e mudando a forma como os vendedores
interagem com seus clientes. A tendência atual é que as empresas estejam muito
mais "on-line” do que “off-line”, aproveitando potencialmente os benefícios e os
insights que as inovações tecnológicas trazem, face às práticas emergentes do
“marketing digital” e outras estratégias do mundo conectado.
De acordo com Paullino (2022), dentre as possíveis vantagens de se adotar

como aliada a tecnologia para vendas, estão:
 Maior controle e acompanhamento comercial, em tempo real;

 Emprego da inteligência de mercado, incluindo a coleta de
informações estratégicas;
 Mensuração de desempenho;
 Maior alcance do produto;
 Praticidade para transações;
 Gerenciamento do tempo;
 Possibilidade de melhor atendimento ao cliente, com mais formas de
contato.
Com clientes fiéis e que gastam consideráveis quantias com coleções, o

denominado “universo nerd” ou “geek” é um dos mercados especializados que não
para de crescer. De acordo com a loja física e virtual Mutu, produtos criativos, 2019.
[...] cada vez mais cresce a onda das miniaturas colecionáveis no Brasil,
sejam de filmes, quadrinhos, jogos ou séries de televisão. Por conta da
dificuldade de acesso a estes produtos no nosso país, que muitas vezes são
importados, aqueles que comercializam itens dessa categoria acabam
gerando bastante repercussão nas redes sociais. (MUTU, PRODUTOS
CRIATIVOS, 2019).
Desta forma, motivando os autores para o desenvolvimento de uma loja

virtual para o e-commerce de colecionáveis, miniaturas, livros, funkos1 e HQs2, como
proposta para este projeto, visando gerenciar as vendas online e o estoque destes
produtos em uma empresa fictícia chamada “Empório Toys”, apresentando uma
forma alternativa de comunicação com o cliente.
1
Peças antropomórficas da cultura popular.
2
Histórias em quadrinhos.
5
Partindo da premissa de que o uso da tecnologia da informação (TI) se

mostra imprescindível, o desenvolvimento de sistemas de informação (SI) reforça,
qualifica e otimiza as funções gerenciais de qualquer negócio, independentemente
de seu tamanho ou natureza. De acordo com Goode (2005), na atualidade, as
empresas se apoiam em TI e softwares para executar suas operações visando à
eficiência, ao aumento de produtividade e de competitividade.
1.1 Justificativa
A pandemia de COVID-19 pode ser encarada como grande propulsora do

advento das vendas online na última década, visto que, face ao isolamento social
imposto pelas autoridades de saúde, impactou no avanço de 160 bilhões de reais
em vendas apenas entre 2019 e 2021 Guimarães (2022), mesmo após seu período
mais crítico, muitos proprietários de lojas físicas, observando as vantagens
alcançadas, continuaram a utilizar o e-commerce conjuntamente como forma de
ampliarem suas vendas. Dessa forma, sugere-se que a melhor prática para vendas
é a baseada em um modelo híbrido, combinando atendimento físico e virtual, tendo
como estratégia o omnichannel, que é a integração de todos os canais da loja.
1.2 Objetivos
A seguir, são apresentados os objetivos gerais e específicos deste projeto.
1.2.1 Objetivo Geral
Desenvolver um sistema web para o e-commerce de colecionáveis,

miniaturas, livros, funkos e HQs de uma loja fictícia.
1.2.2 Objetivos Específicos
Dentre os objetivos específicos deste projeto, destacam-se:
 Analisar a documentação de requisitos e identificar as características

essenciais para se desenvolver a estrutura básica do sistema web
proposto;
 Aplicar técnicas e instrumentos para aperfeiçoar o processo de
desenvolvimento;
 Otimizar o gerenciamento das vendas online dos produtos abarcados.
6
2 METODOLOGIA
O desenvolvimento deste projeto coincide com o trabalho de conclusão de

curso (TCC) apresentado pelos discentes ao curso técnico em desenvolvimento de
sistemas em modalidade de ensino à distância, como requisito parcial para obtenção
do título de técnico em desenvolvimento de sistemas, no intuito de avaliar de forma
prática os conhecimentos adquiridos no processo de aprendizagem no decorrer do
curso.
De modo a acompanhar a agenda do curso, este projeto foi desenvolvido

durante dois períodos, discriminados a seguir:
a) De agosto a novembro de 2022, período correspondente ao módulo 2:

definição e planejamento do projeto, incluindo a elaboração da documentação
utilizada como suporte.
b) De fevereiro a maio de 2023, período correspondente ao módulo 3:

desenvolvimento do sistema web o qual este projeto objetiva; desenvolvimento do
relatório técnico; e, apresentação à banca de aprovação do curso.
Entretanto, em circunstâncias profissionais sugere-se para o

desenvolvimento de um sistema similar uma duração aproximada de 60 dias, não
ultrapassando 90 dias.
2.1 Descrição Geral e definição de Requisitos
O sistema a ser desenvolvido visa, prioritariamente, permitir:
 Gerenciar as vendas e o estoque de produtos;

 Oferecer diversas formas de pagamentos;
 Calcular o frete para entrega;
 Gerar relatórios operacionais, estratégicos e gerenciais.
Dando suporte à definição de requisitos funcionais (RF) e requisitos não

funcionais, a declaração de visão de projeto pode ser consultada no ‘apêndice a’
deste relatório técnico.
Entende-se como RF (quadro 1), as funcionalidades e serviços que o cliente

deseja e necessita que o sistema ofereça, coletados por meio de entrevista,
questionário ou pesquisa. Em scrum, a lista desses itens a serem trabalhados no
7
decorrer do projeto é chamada de product backlog3.
Quadro 1 - Requisitos funcionais

Código Descrição dos Requisitos Funcionais
RF1 O site deverá ter uma homepage com link para as categorias de produtos
Os usuários chave devem ter acesso para cadastro de categorias e produtos e

RF2
controle de estoque
RF3 O usuário/consumidor poderá filtrar por departamento
RF4 Deve haver um carrinho de compras
RF5 Deve haver um link para comunicação com o consumidor utilizando o whatsapp
RF6 O comprador deverá ter várias opções para pagamento
RF7 Deverá existir área de login e cadastro do consumidor

Fonte: Dos autores, 2023
Entende-se como requisitos não funcionais (RNF) (quadro 2) as qualidades

globais e as restrições do sistema, como usabilidade, desempenho, sistema
operacional requerido, segurança, espaço em disco, entre outras.
Quadro 2 - Requisitos não funcionais

Código Descrição dos Requisitos Não Funcionais
RNF1 O usuário/consumidor deve ter fácil acesso à página de produtos
RNF2 Todos os gerentes da loja deverão ter acesso ao cadastro de catálogos e produtos
RNF3 É desejável que se possa monitorar o atendimento dos pedidos
É desejável que o controle de vendas e estoque gere relatórios contendo os

RNF4
principais indicadores
RNF5 O sistema deve se comunicar com o SQL Server.
RNF6 O sistema deverá ser desenvolvido na linguagem Java.

2.2 Equipe
A execução do projeto conta com uma equipe composta por 5 (cinco)

discentes do curso técnico em desenvolvimento de sistemas, modalidade de ensino
à distância, do Centro Paula Souza, dividindo funções e atividades de forma
3
Lista de funcionalidades e requisitos que deverão ser entregues ao cliente ao longo das sprints. Ele
é atualizado, reordenado e refinado de acordo com o nível de detalhes que é possível de se ter em
cada momento do projeto (SUTHERLAND; SUTHERLAND, 2019).
8
organizada, conforme citados no quadro 3 adiante.
Quadro 3 - Equipe de desenvolvimento

Nome
Cesar Augusto Lopes

2.3 Partes Interessadas
Partes interessadas do projeto, ou stakeholders, são considerados

indivíduos, grupos ou organizações que podem afetar, ser afetados ou perceber que
serão afetados positivamente ou negativamente por uma decisão, atividade ou
resultado de um projeto (CAMARGO et al., 2014). O quadro 4, a seguir, especifica
potenciais partes interessadas no presente projeto.
Quadro 4 - Partes interessadas ou stakeholders

Função Membro Descrição
atribuído
Internos Representa os interesses de todos os

Erick Alves envolvidos (stakeholders), define as
Product Owner
Ferreira funcionalidades do produto e prioriza os itens de
product backlog.
Facilitador e potencializador do scrum team

responsável por transmitir os ensinamentos e
valores da metodologia ágil scrum. O scrum
Cesar Augusto master deve facilitar a reunião diária (daily
Scrum Master
Lopes scrum) se tornando o responsável pela remoção
de quaisquer obstáculos observados pelo time
durante estas reuniões (SUTHERLAND;
SUTHERLAND, 2019).
Team Erick Matheus Desenvolve de ponta a ponta, a partir das

B. de Morais; prioridades definidas pelo product owner, o
produto que o cliente irá utilizar: o software ou o
website, por exemplo. O time no scrum é
Matheus A. multifuncional, ele contém todas as
Carvalho; especialidades necessárias para entregar o
produto potencialmente utilizável a cada sprint e
é auto organizável com muita autonomia e
Mikael Natã responsabilidade. Gera, em cada sprint, um
da S. Santos Incremento do produto pronto e que significa
valor visível para os clientes do projeto
9
(SUTHERLAND; SUTHERLAND, 2019)
Gerentes de Utilizarão o sistema para gerenciar as vendas e

Loja (Usuários- - cadastrarem as categorias e produtos no site.
chave)
Externos Utilizarão o sistema para consultas e auxiliar os

Vendedores -
clientes.
Navegarão pelo site, podendo enviar sugestões

Cliente/Usuário -
de melhorias.
Fonte: Dos autores 2023
2.4 Premissas
Abaixo são apresentadas as premissas definidas para o sistema a ser

desenvolvido:
 Controlar as vendas e do estoque, possibilitando integração com o

sistema da loja física;
 Permitir várias formas de pagamento, como por boleto, cartão de
crédito e Pix;
 Ofertar um canal de comunicação com o usuário/cliente via
WhatsApp.
2.5 Restrições
Abaixo são apresentadas as restrições para o sistema a ser desenvolvido:
 Em especial, o tempo para desenvolvimento do sistema almejado não

poderá ultrapassar o tempo de 2 (dois) semestres, compatíveis com a
duração dos módulos finais do curso técnico que o solicitou.
Entretanto, em circunstâncias profissionais sugere-se uma duração
aproximada de 60 dias, não ultrapassando 90 dias;
 O banco de dados e a plataforma de desenvolvimento utilizados
deverão ser open source para redução de custos.
2.6 Escopo Excluído
Não serão desenvolvidos neste projeto um enterprise resource planning

(ERP), que é o sistema de gestão dos recursos da empresa, e um warehouse
management system (WMS), que é o sistema de gestão de armazém, integrados.
10
2.7 Riscos Preliminares
Dentre os riscos na execução do projeto estão:
 Possível perda de membros-chaves de qualquer uma das partes

interessadas durante o desenvolvimento e implantação do sistema;
 Indefinições ou falta de maturidade dos processos de vendas e
cadastramentos.
2.8 Métodos aplicados
O desenvolvimento deste projeto é balizado por dois métodos denominados

scrum e kanban, que sugerem o alcance de uma abordagem de desenvolvimento
ágil, com objetivo de atender às demandas de possíveis clientes e do projeto de
forma dinâmica, flexível e com produtividade, solucionando problemas dos modelos
tradicionais. A aplicação dos referidos métodos neste projeto está descrita a seguir
(SUTHERLAND; SUTHERLAND, 2019).
2.8.1 Scrum
Finalidade da aplicação:
 Controlar do processo;
 Ordenar e priorizar as tarefas;
 Controlar o tempo;
 Atribuir as tarefas entre integrantes da equipe.
Segundo Sabbagh (2022), a adoção da metodologia ágil scrum pode reduzir

riscos de insucesso, entregar valor mais rápido e, desde cedo, lidar com as
mudanças inevitáveis de escopo, transformando-as em vantagens competitivas. Seu
funcionamento pode ser visto na figura 1 a seguir.
11
Figura 1 - Funcionamento do scrum
Fonte: Tecnicon (2019)
Seguindo o método scrum, foi conduzida uma sprint planning (reunião de

planejamento) inicial, em que foi definida a prioridade (ou valor de negócio) para
cada iteração do ciclo de desenvolvimento (ou sprint), além de detalhados objetivos,
tempo necessário e o processo correspondente, de forma baseada nos RF e RNF
definidos previamente.
Abaixo, no quadro 5, está apresentado o valor de negócio definitivo

delineado a cada história, além da organização do tempo e a sprint correspondente.
Quadro 5 - Prioridade e valor de negócio

Prioridade (valor Tempo
História Sprint
de negócio) (dias)
Os usuários chave devem ter acesso para cadastro de

1 18
categorias e produtos e controle de estoque
 Criar banco de dados (BD) para cadastrar usuários

1.1 3 1
chave para acesso hierárquico
 Desenvolver BD para categorias e produtos 1.2 3 1
 Criar BD para estoque de produtos 1.3 3 1
 Criar tela de login para usuários chave 1.4 3 2
 Desenvolver interface para cadastro de categorias e

1.5 3 3
produtos
 Desenvolver controle de estoque 1.6 3 4

12
Deverá existir área de login e cadastro do consumidor 2 6
 Desenvolver BD para cadastro e login do consumidor 2.1 3 5
 Desenvolver aplicação para cadastro e login do

2.2 3 6
consumidor
Deve haver um carrinho de compras 3 6
 Criar BD para compras/vendas 3.1 3 7
 Desenvolver aplicação do carrinho de compras 3.2 3 8
O usuário/consumidor poderá filtrar por

4 2 9
departamento
O comprador deverá ter várias opções para

5 4 10
pagamento
O site deverá ter uma homepage com link para as

6 3 11
categorias de produtos
Deve haver um link para comunicação com o

7 4 12
consumidor utilizando o WhatsApp
Na referida sprint planning foram agendadas, ainda, reuniões de 2 (duas)

horas por semana, dividido em encontros diários de 15 (quinze) minutos (daily
scrum), com objetivo de compartilhamento de informações sobre o que foi feito no
dia anterior, identificar impedimentos e priorizar o trabalho a ser realizado no
respectivo dia.
Sendo conduzido da forma descrita, o emprego deste método representou

uma alternativa para a realização deste projeto, permitindo a possibilidade de
adaptação a mudanças com facilidade durante as etapas produtivas.
2.8.2 Kanban
Finalidade da aplicação:
 Administrar e controlar as demandas;

 Utilizar no desenvolvimento de projetos com scrum;
 Aplicar na ferramenta Microsoft Planner, descrita na subseção 2.9,
sobre ferramentas utilizadas.
O kanban é um dos métodos ágeis mais populares e indicados para uma

boa gestão de projetos e fluxo de produção, com uma abordagem simples, eficiente
13
e direta para a administração e mapeamento de demandas. Considerado um

sistema visual de gestão de trabalho que torna o fluxo de um processo mais
transparente com foco no aumento da produtividade e na melhoria contínua,
conforme mostrado na figura 2.
Figura 2 - Quadro kanban
Fonte: Sebrae respostas (2022)
Em geral, esse sistema é representado por um board, conhecido como

quadro kanban, dividido geralmente em três partes: para fazer (to do), fazendo
(doing) e feito (done). Cartões (geralmente post its) são utilizados para apresentar
dados mínimos sobre cada atividade a ser desempenhada em um processo,
mostrando o que é necessário fazer, o prazo para conclusão, o responsável por
promover a atividade. Cada tarefa deve passar pelos diferentes estágios, sendo
movida da esquerda para a direita, até sua conclusão. Foca-se no status da tarefa
em vez de datas de vencimento.
2.9 Ferramentas e recursos informacionais utilizados
Esta subseção apresenta todas as ferramentas e/ou recursos informacionais

e/ou computacionais utilizados durante o desenvolvimento do projeto.
2.9.1 WhatsApp
Finalidade da utilização:
14
 Criar um grupo da equipe de desenvolvimento para comunicação à

distância entre os integrantes, vide figura 3.
Figura 3 - Grupo do WhatApp para alinhamento sobre o projeto
Considerando que a distância entre as localidades dos integrantes da

equipe, foi utilizado o aplicativo whatsapp para o alinhamento e comunicação sobre
o projeto. Todas as reuniões de planejamento geral, de planejamento de sprints ou
reuniões diárias, assim como outros contatos esporádicos, foram conduzidas por
meio deste recurso, via dispositivo móvel.
O whatsapp é um aplicativo de mensagens instantâneas e gratuito que

permite enviar mensagens de texto e compartilhar outros formatos de mídia, como
fotos, áudios, arquivo em extensão pdf, word, URLs e até de se fazer chamadas de
forma gratuita e ilimitada acessando a internet.
15
2.9.2 Microsoft Word
 Elaborar a documentação de planejamento e conclusão do projeto,

conforme figura 5.
Figura 4 - Elaboração do documento utilizando o Microsoft word
O Microsoft Word é um software aplicativo processador de textos que

funciona com os sistemas operacionais windows e mac OS. É um programa usado
para criar e editar documentos, visando facilitar o trabalho do usuário nesta tarefa.
Pode ser utilizado na modalidade sistema como serviço, do inglês system as a
service (SaaS), onde o aplicativo pode ser acessado online, por meio da internet, ou
instalado no computador com uma versão desktop.
Todo o desenvolvimento da documentação pode ser feito de forma

colaborativa, compartilhando os documentos, onde estes são salvos na nuvem para
armazenamento de arquivos da Microsoft chamado onedrive. Estes serviços podem
ser utilizados contratando um plano iniciando com um gratuito, que funciona
somente com a aplicação SaaS, podendo chegar à um plano de oitenta reais ao mês
para empresas, incluindo outros aplicativos e serviços do pacote Microsoft 365
business standard (MICROSOFT, 2023a).
16
2.9.3 Astah UML
 Desenvolver o diagrama de caso de uso do projeto.
A interface da aplicação astah UML é mostrada na figura 5.
Figura 5 - Interface do Astah UML
Fonte: (Change Vision, 2023)
Astah UML é uma ferramenta de modelagem unified modeling language

(UML), em português linguagem de modelagem unificada, que é uma notação
gráfica que permite que os desenvolvedores comuniquem de maneira clara e visual
as diferentes partes de um sistema, incluindo seus componentes, funções e relações
entre eles. O astah UML oferece, dentre outras funcionalidades, o desenvolvimento
de diagramas como:
 Diagramas de classes;
 Diagramas de caso de uso;
 Diagramas de máquina de estado;
 Diagramas de atividades;
 Diagramas de sequência;
 Diagramas de comunicação;
 Diagramas de componentes;
 Diagramas de implantação;
17
 Diagramas de estrutura composta;

 Mapas mentais.
Com integração de código-fonte e uma biblioteca robusta de plug-ins, astah

UML é uma ferrementa intuitiva que facilita o uso por usuários inexperientes na
criação de diagramas UML. Ele está disponível a partir de uma assinatura gratuita
para estudantes, podendo chegar à uma assinatura de $5.900,00 (cinco mil e
novecentos dólares) anuais para cem usuários utilizando o servidor do astah portal,
se a opção for por hospedar no próprio servidor, a anuidade vale $7.750,00 (sete mil
setecentos e cinquenta dólares) (CHANGE VISION, 2023).
2.9.4 Microsoft Planner
 Aplicar o método scrum;

 Aplicar o método kanban;
 Gerenciar do tempo e tarefas;
 Administrar e controlar as demandas.
O Microsoft Planner é um aplicativo de planejamento disponível para

assinantes premium, empresariais e educacionais do Microsoft 365. É voltado para
usuários que trabalham juntos em pequenas equipes, visto que permite que usuários
e equipes criem planos, montem, atribuam e rastreiem tarefas, compartilhem
arquivos, comuniquem-se, colaborem e visualizem atualizações de progresso por
vários meios. Nele há um mecanismo de agendamento de eventos, que podem ser
visualizados na aba superior “agenda”. A partir desta funcionalidade foram dispostas
em um calendário os intervalos para cada iteração (sprint) do ciclo de
desenvolvimento. Parte desta organização pode ser visualizada na figura 6.
Figura 6 - Gestão do cronograma do projeto por meio do Planner

18
Fonte: Dos autores, 2023.
Seguindo os preceitos do método kanban, a configuração de telas do

Microsoft Planner (figura 7) apresenta o caminho que uma sprint percorrerá até ser
concluída. Este fluxo simbólico pode ser considerado um dos principais canais para
que o product owner, o scrum master e o time possam acompanhar o andamento do
projeto dando suporte a tomada de decisão (MICROSOFT, 2023b).
Figura 7 - Quadro kanban no Planner
Para o presente projeto, após a criação do plano de trabalho denominado

19
“sistema web para e-commerce" e a definição de regras de compartilhamento com

os demais integrantes da equipe pelo product owner, observa-se no quadro de
planejamento padrão, no formato de cartões, as 9 (dez) sprints que foram definidas
e adicionadas: 4 (nove) como “tarefas pendentes”, 2 (uma) em andamento, 1 (uma)
em teste e 2 (duas) como concluídas, situação (status) está dada na data em que a
imagem foi gerada. A partir destas informações são gerados os indicadores vistos na
figura 8.
Figura 8 - Gestão do projeto por meio de indicadores gerados no Planner
Conforme pôde ser observado acima na figura 8, por meio do menu superior
do planejador principal, na guia gráficos, é possível o acesso a gráficos específicos
20
(status, bucket, prioridade e membros). Esta tela é útil para atualizações rápidas ou
visualização de relatórios de status simplificados sob diferentes perspectivas. A partir
dela é possível vislumbrar, de maneira fácil, tarefas que não foram iniciadas, que
estão em andamento, que estão atrasadas e que foram concluídas, além de como
as tarefas estão distribuídas aos integrantes da equipe responsável por situação.
Com um clique sobre o campo/cartão correspondente a determinada sprint,

é possível a visualização dos atributos básicos relacionados a ela (figura 9), como
subtarefas, status, integrantes atribuídos para execução e prazo de conclusão.
Também é possível a edição desses atributos, tanto por meio da aplicação na
modalidade SaaS, como na versão para smartphone (figura 10) que permite um
acompanhamento mais individual, podendo inserir um widget na tela principal
(home) do smartphone.
Figura 9 - Formulário de cadastro e edição da atividade no Planner
Figura 10 - Planner versão para smartphone

21
Sendo conduzido da forma descrita, o emprego da ferramenta representou

uma alternativa para a organização de etapas produtivas do projeto, permitindo
adaptação a mudanças com facilidade durante elas.
2.10 Plataformas de desenvolvimento
Esta subseção apresenta as plataformas utilizadas no desenvolvimento do

banco de dados e sistema web.
2.10.1Wordpress
Finalidade do uso:
 Criar o site;
 Gerenciar o conteúdo.
A manutenção de um site é indispensável para qualquer empresa que queira

acompanhar a evolução do mercado. Segundo uma declaração de Bill Gates, o
fundador da Microsoft, "Em alguns anos, vai existir dois tipos de empresas: as que
fazem negócios pela internet e as que estão fora dos negócios” (SILVA, 2022).
De acordo com o site W3Techs, [s.d.], que mede o desempenho de

22
tecnologias presentes na internet, o Wordpress é hoje o CMS (Content Management

System4) mais utilizado no mundo para a criação de sites, blogs e lojas virtuais;
considerando que esta plataforma, que está em sua versão 5.9, segue melhorando a
cada nova versão, ela apresenta vantagens que justificam a sua escolha para o
desenvolvimento do sistema web proposto. Dentre essas vantagens, estão as
seguintes:
 É um software configurado como open source, criado com seu código

livre e aberto, permitindo a visualização de seu código e modificação;
 É low-code5 visto que permite alteração de estruturas sem extrema

necessidade de experiência com programação;
 Disponibiliza a alteração de páginas em um sistema de "montagem"

simples, sendo altamente personalizável;
 Possui design responsivo - adaptável naturalmente a vários

dispositivos sem necessidade de programação;
 Possui fácil inserção de arquivos de mídias inseridas localmente ou

externamente;
 Disponibiliza uma grande diversidade de temas e plugins que

melhoram a experiência do gerenciador.
Os plugins são os principais fatores que aumentam as capacidades desse

CMS. É muito mais fácil baixar e ativar um plugin do que ter que customizar linhas e
linhas de código, com plugins é necessário apenas “plugar” códigos adicionais nos
códigos principais para realizar as mudanças e caso não haja mais a necessidade
de tais alterações, basta desativar o plugin para “desplugar”. Hoje, existem mais de
50.000 (cinquenta mil) plugins disponíveis no Wordpress (WORDPRESS.ORG,
[s.d.]).
O Wordpress é baseado de script open source na linguagem PHP

(Hypertext Preprocessor) com sistema de gerenciamento de Banco de Dados
4
Em português: Sistema de Gerenciamento de Conteúdo, é um software (plataforma) que tem a
finalidade de facilitar a criação, edição, colaboração, publicação e armazenamento do conteúdo de
um site ou portal web, necessitando pouco ou nenhum conhecimento em linguagens de
programação.
5
low-code (pouco código em português) fornece um ambiente de desenvolvimento usado para criar
software de aplicativo por meio de uma interface gráfica de usuário.
23
MySQL executado em um servidor interpretador. Ao acessar a última versão do

Wordpress no Wordpress.org, visualiza-se que a maioria dos seus arquivos
principais incluídos são PHP e qualquer plugin ou tema que seja instalado incluirá
arquivos PHP.
A seção 3, desenvolvimento, deste relatório técnico, aborda com mais

detalhes sobre o emprego dos temas e plugins elegidos e utilizados na criação do
sistema proposto, bem como outros detalhes de sua implementação baseada em
Java, linguagem definida como requisito de implementação.
Os plugins utilizados no desenvolvimento deste projeto foram:
 Elementor;
 Kadence Starter Templates;
 WooCommerce;
 WooCommerce Shipping Calculator in Produc;
 Brazilian Market on WooCommerce;
 Claudio Sanches - Correios for WooCommerce;
 Efí by Gerencianet Oficial;
 Fluent Forms;
 OneClick Chat to Order.
2.10.1.1 Elementor
O Elementor é um construtor de páginas para Wordpress que oferece uma

ampla variedade de recursos para personalizar facilmente o design de suas páginas.
Algumas das suas funções incluem:
 Edição visual em tempo real: com o Elementor, os usuários podem

criar páginas através da edição visual em tempo real. Ou seja, eles
podem ver as alterações que fazem na página à medida que as
fazem;
 Biblioteca de modelos: o Elementor oferece uma ampla variedade de
modelos de página pré-construídos que os usuários podem usar
como ponto de partida para suas próprias criações;
 Widgets personalizados: o Elementor tem uma biblioteca de widgets
personalizados, como botões, formulários, ícones e muito mais, que
24
os usuários podem arrastar e soltar na página para adicionar

funcionalidades;
 Integração com o WooCommerce: como mencionado anteriormente, o
Elementor tem integração com a API do WooCommerce, permitindo
que os usuários personalizem facilmente as páginas de produto e de
carrinho de compras.
O Elementor usa a API do Wordpress para integrar com o Wordpress e

expandir seus recursos. Por exemplo, o Elementor usa a API de consulta do
Wordpress para exibir postagens, páginas e produtos em sua interface. Além disso,
o Elementor usa o banco de dados do Wordpress para armazenar as configurações
e conteúdo da página criada pelo usuário.
Quanto à concentração, o Elementor tem um código limpo e bem controlado

que permite que os usuários personalizem facilmente sua página usando CSS
personalizado ou JavaScript. Por exemplo, se um usuário quiser personalizar um
botão que está usando o widget de botão padrão do Elementor, ele pode adicionar
seu próprio CSS personalizado para mudar a cor do botão ou adicionar efeitos de
hover.
Além disso, o Elementor permite que os usuários criem seus próprios

widgets personalizados usando o PHP. Isso significa que um desenvolvedor pode
criar um widget personalizado para adicionar funcionalidades específicas ao seu
site, como um widget para exibir postagens recentes com miniaturas personalizadas.
Um exemplo de personalização (figura 11) usando o Elementor é o uso de

ganchos do Elementor. Os ganchos permitem que os desenvolvedores personalizem
ainda mais o Elementor adicionando o código PHP em pontos específicos do código
do Elementor. Por exemplo, um desenvolvedor pode usar um gancho para adicionar
uma nova aba à janela de configurações do Elementor ou para alterar a maneira
como o Elementor lida com a saída do código HTML. Isso permite que os
desenvolvedores personalizem o Elementor de maneira mais desenvolvida e
específica (ELEMENTOR.COM, 2023).
Figura 11 - Design de página ao vivo de front-end

25
Fonte: (Elementor, 2023)
2.10.1.2 Kadence Starter Templates
O Kadence Starter Templates é um plugin do Wordpress que oferece uma

ampla variedade de modelos de páginas pré-construídas para o Kadence Theme e
outros temas populares do Wordpress.
Algumas das suas funções incluem:
 Modelos de página pré-construídos: o Kadence Starter Templates tem

mais de 30 modelos de página pré-construídos que os usuários
podem importar diretamente para o seu site e personalizar de acordo
com suas necessidades;
 Personalização fácil: os modelos do Kadence Starter Templates são
facilmente personalizáveis usando o construtor de páginas Kadence
Blocks, permitindo que os usuários personalizem o design, o
conteúdo e a funcionalidade da página;
 Integração com o Kadence Theme: o Kadence Starter Templates foi
projetado para ser usado em conjunto com o Kadence Theme,
permitindo que os usuários personalizem ainda mais seu site.
O Kadence Starter Templates usa como APIs do Wordpress para integrar

com o Wordpress e expandir seus recursos. Por exemplo, o Kadence Starter
Templates usa a API de consulta do Wordpress para exibir postagens, páginas e
produtos em sua interface. Além disso, o Kadence Starter Templates usa o banco de
26
dados do Wordpress para armazenar as configurações e conteúdo do modelo de

página criado pelo usuário.
Figura 12 - Tela inicial
Fonte: (WP Kadence, 2023)
Quanto à codificação, o Kadence Starter Templates é bem controlado e usa

as melhores práticas de codificação para garantir que seja rápido e seguro. Além
disso, o plugin é altamente extensível e permite que os desenvolvedores
personalizem ainda mais os modelos de página adicionando seu próprio CSS
personalizado ou código PHP.
Um exemplo de edição personalizada usando o Kadence Starter Templates

é a adição de blocos personalizados. Os blocos personalizados são blocos
adicionais que podem ser adicionados ao construtor de páginas Kadence Blocks. Os
desenvolvedores podem criar seus próprios blocos personalizados usando o código
PHP e JavaScript. Isso permite que eles adicionem funcionalidades personalizadas
ao construtor de páginas Kadence Blocks.
Outro exemplo é a personalização dos modelos de página pré-construídos

do Kadence Starter Templates. Os desenvolvedores podem criar seus próprios
modelos de página personalizados usando o Kadence Blocks e salvá-los como um
modelo para uso posterior. Isso permite que os desenvolvedores criem seus próprios
modelos de página personalizados e os compartilhem com outros usuários do
Kadence Starter Templates (WP KADENCE, 2023).
27
2.10.1.3 WooCommerce
O WooCommerce é um plugin do Wordpress que permite aos usuários criar

lojas virtuais para vender produtos e serviços online. Algumas das suas funções
incluem:
 Criação de produtos: o WooCommerce permite que os usuários criem

diferentes tipos de produtos, incluindo produtos físicos, digitais e
virtuais;
 Configuração de pagamentos: o WooCommerce permite que os
usuários configurem uma variedade de métodos de pagamento,
incluindo cartão de crédito, PayPal, transferência bancária, entre
outros;
 Gerenciamento de pedidos: o WooCommerce permite que os
usuários gerenciem seus pedidos e acompanhem seu status, gerem
faturas e recebam pagamentos;
 Personalização de loja: o WooCommerce permite que os usuários
personalizem a aparência de sua loja virtual, adicionando temas
personalizados e plugins.
O WooCommerce usa as APIs do Wordpress para integrar com o Wordpress

e expandir seus recursos. Por exemplo, o WooCommerce usa a API de consulta do
Wordpress para exibir produtos e categorias em sua interface. Além disso, o
WooCommerce usa o banco de dados do Wordpress para armazenar as
configurações e conteúdo da loja criada pelo usuário, conforme visto na figura 13.
Figura 13 - Lista de produtos

28
Fonte: (Automattic, 2023)
Quanto à codificação, o WooCommerce é um plugin bem seguro e segue as

melhores práticas de codificação para garantir que seja rápido e seguro. Além disso,
o WooCommerce é altamente extensível e permite que os desenvolvedores
personalizem ainda mais a loja virtual.
Um exemplo de personalização automatizada usando o WooCommerce é a

adição de novos métodos de pagamento. Os desenvolvedores podem criar seus
próprios métodos de pagamento usando uma API de pagamento do WooCommerce.
Isso permite que eles adicionem métodos de pagamento personalizados, como
criptomoedas, transferências bancárias locais, entre outros.
Outro exemplo é a personalização da aparência da loja virtual. Os

desenvolvedores podem criar temas personalizados para o WooCommerce usando
uma API de temas do Wordpress. Isso permite que eles personalizem a aparência
da loja virtual para corresponder à marca e aos requisitos do cliente.
Por fim, outro exemplo é a adição de recursos personalizados à loja virtual.

Os desenvolvedores podem criar plugins personalizados para o WooCommerce
usando uma API de plugins do Wordpress. Isso permite que eles adicionem recursos
personalizados à loja virtual, como cálculo de frete personalizado, descontos
personalizados, entre outros (AUTOMATTIC, 2023).
29
2.10.1.4 WooCommerce Shipping Calculator in Produc
WooCommerce Shipping Calculator in Product é um plugin que oferece uma

funcionalidade muito útil para lojas virtuais que utilizam o WooCommerce como
plataforma de e-commerce. Com essa ferramenta, é possível calcular o frete
diretamente na página do produto, facilitando a vida do cliente e aumentando as
chances de conversão de vendas. A integração do plugin com o Wordpress é muito
simples e rápida de ser feita. Na figura 14 pode ser visualizada a tela de com
instruções para baixar o WooCommerce Shipping Calculator in Product na loja de
plugins do Wordpress.
Figura 14 - Caminho para instalação do plugin
Fonte: (Product page shipping calculator for WooCommerce Plugin, 2023)
Depois de baixado, é preciso acessar a área de administração do

WooCommerce e configurar as opções de envio, como regiões atendidas, tipos de
frete disponíveis e preços para cada opção. Com as opções de envio configuradas,
basta ativar a opção de exibir a calculadora de frete na página do produto. O plugin
se encarrega de fazer os cálculos de acordo com as informações de envio
fornecidas pelo cliente, como CEP de destino e peso do produto.
O WooCommerce Shipping Calculator in Product é uma ferramenta muito útil

para lojas virtuais que desejam oferecer uma experiência de compra mais ágil e
conveniente para seus clientes. Com a integração ao Wordpress, é possível
configurar a ferramenta de forma rápida e fácil, sem a necessidade de
conhecimentos técnicos avançados.
2.10.1.5 Brazilian Market on WooCommerce
O plugin Brazilian Market on WooCommerce é uma ferramenta criada para

30
facilitar a vida de lojistas virtuais que utilizam o WooCommerce como plataforma de

e-commerce e atuam no mercado brasileiro.
Ele é uma solução completa que oferece diversas funcionalidades, como

integração com marketplaces, emissão de notas fiscais, cálculo de impostos e
outras. A integração do plugin Brazilian Market on WooCommerce com o Wordpress
é bastante simples. Depois de instalado e ativado, o plugin adiciona uma série de
novas opções de configuração na área de administração do WooCommerce. A partir
dessas opções, é possível configurar todos os recursos oferecidos pelo plugin, de
forma personalizada para atender às necessidades da loja virtual. Algumas das
funcionalidades oferecidas pelo Brazilian Market on WooCommerce incluem a
integração com os principais marketplaces do Brasil, como Mercado Livre, B2W e
Amazon, o que permite que o lojista aumente sua visibilidade e alcance mais
clientes.
O plugin também oferece recursos para emissão de notas fiscais, como a

geração automática de documentos fiscais, e cálculo de impostos de acordo com a
legislação brasileira. Outra funcionalidade interessante é o cálculo de frete
personalizado, que permite que o lojista calcule o valor do frete de acordo com a
região de destino do produto e as dimensões do pacote. A figura 16 traz um exemplo
de ficha ou formulário de entrega.
Figura 15 - Exemplo de ficha de entrega
Fonte: (Brazilian Market on WooCommerce – Plugin Wordpress, 2023)

31
A ficha de entrega é um recurso adicional do plugin Brazilian Market on

WooCommerce que permite coletar informações adicionais do cliente durante o
checkout, como por exemplo, informações de entrega.
A seguir, a figura 17 apresenta um exemplo de código para adicionar

campos personalizados na ficha de entrega.
Figura 16 - Exemplo de código de adição de filtro
Fonte: (Brazilian Market on WooCommerce, 2023)
Neste exemplo, adicionamos dois novos campos personalizados na ficha de

entrega, o "Bairro" e o "Número". Os campos são obrigatórios e são do tipo texto.
Além disso, é possível também utilizar os filtros disponíveis no plugin para alterar ou
remover campos existentes na ficha de entrega. Por exemplo, o filtro
"brazilianmarket_checkout_shipping_fields" pode ser utilizado para adicionar, alterar
ou remover campos da ficha de entrega.
Com isso, é possível oferecer aos clientes um valor de frete mais justo e
aumentar a conversão de vendas. Em resumo, a interação do plugin Brazilian
Market on WooCommerce com o Wordpress é bastante simples e intuitiva. O plugin
oferece diversas funcionalidades para atender às necessidades dos lojistas que
atuam no mercado brasileiro, facilitando a gestão da loja virtual e aumentando suas
32
chances de sucesso (SANCHES, 2023).
2.10.1.6 Claudio Sanches - Correios for WooCommerce
O plugin Claudio Sanches - Correios for WooCommerce é uma ferramenta

muito útil para lojas virtuais que desejam oferecer serviços de envio por meio dos
Correios. Com essa extensão do WooCommerce, é possível calcular o frete de
acordo com as opções oferecidas pelos Correios, como Sedex, PAC e outros.
A tela para instalação do plugin Claudio Sanches - Correios for

WooCommerce é mostrada a seguir na figura 18.
Figura 17 - Layout de download do plugin
Fonte: (SANCHES, 2020)

Disponível em: https://Wordpress.com/pt-br/plugins/woocommerce-correios. Acesso em: 07 mai 2023.
A integração do plugin Claudio Sanches - Correios for WooCommerce com o

Wordpress é bastante simples. Depois de instalado e ativado, o plugin adiciona uma
série de novas opções de configuração na área de administração do
WooCommerce. A partir dessas opções, é possível configurar as opções de envio
oferecidas pelos Correios, como prazos de entrega, valores de frete e opções de
rastreamento.
Ele utiliza a API dos Correios para calcular o preço e prazo de entrega de um
pedido. A seguir, a figura 19 mostra um código exemplo de como interagir com a API
dos Correios utilizando o plugin.
33
Figura 18 - Cálculo do preço e prazo
Fonte: (SANCHES, 2020)
Para utilizar a API dos Correios é necessário obter uma chave de acesso
junto à empresa e configurá-la corretamente no plugin. Além disso, é importante
ressaltar que algumas funcionalidades da API dos Correios podem estar sujeitas a
limitações e restrições.
Uma das vantagens do Claudio Sanches - Correios for WooCommerce é a

possibilidade de configurar regras de envio personalizadas, de acordo com as
necessidades da loja virtual. É possível, por exemplo, definir valores de frete
diferenciados para cada região do país ou para cada tipo de produto vendido. Outra
funcionalidade interessante do plugin é a possibilidade de integrá-lo com outros
serviços de envio, como transportadoras ou empresas de logística. Com isso, é
possível oferecer aos clientes uma ampla variedade de opções de envio,
aumentando a satisfação e as chances de conversão de vendas.
Em resumo, a integração do plugin Claudio Sanches - Correios for

WooCommerce com o Wordpress é bastante simples e intuitiva. A ferramenta
oferece diversas funcionalidades para facilitar o cálculo de frete e a gestão do envio
de produtos pelas lojas virtuais, aumentando a satisfação dos clientes e melhorando
os resultados da empresa (SANCHES, 2020).
34
2.10.1.7 Efí by Gerencianet Oficial
Para a otimização do processo de pagamento do e-commerce o plugin Efí

de transações se mostra uma escolha eficiente, o módulo oficial de integração é
disponibilizado com suporte atualizado e as transações são realizadas por meio do
checkout transparente, evitando a necessidade de sair do site para concluir a
compra, mantendo todo o processo dentro do site e melhorando a experiência do
usuário durante a utilização do sistema.
Sua compatibilidade com o sistema e requisitos permitem que tenha

integração com os demais módulos, podendo ser utilizado em Wordpress e
Woocommerce com versão igual ou superior a 5.x assim como em PHP 7.x ou 8.x.
A figura 20 a seguir, mostra as opções de pagamento do Efí by Gerencianet

Oficial.
Figura 19 - Opções de pagamento com o plugin Efí para WooCommerce
Fonte: (Gerencianet, 2023)
O plugin conta com as opções integradas de pagamentos via PIX e cartões,

bem como o parcelamento ou a possibilidade de gerar boletos, concluindo a
transação apenas após e somente se os dados forem validados e confirmados.
Um último ponto a mencionar é o fato de estar disponibilizado o acesso ao

changelog da documentação para verificação de novidades e atualizações,
permitindo acompanhar as mudanças e melhorias no módulo de maneira contínua e
35
transparente (GERENCIANET, 2023), conforme visto na figura 21.
Figura 20 - Changelog da documentação
Fonte: (Gerencianet, 2023)
2.10.1.8 Fluent Forms
O plugin Fluent Forms é uma ótima opção para quem deseja criar
formulários personalizados no Wordpress, com muita personalização e facilidade de
uso. Com alta utilidade e grande competição nesse segmento de plugins, decidimos
fazer análise de alguns pontos para seguir com essa escolha. Alguns dos pontos
fortes do plugin incluem:
 Interface intuitiva: a interface do Fluent Forms é bem organizada e

intuitiva, o que torna a criação de formulários muito mais fácil e
rápida;
 Alta personalização: o plugin oferece diversas opções de
personalização para cada elemento do formulário, como cores, fontes
e campos. É possível criar formulários completamente personalizados
de acordo com a necessidade da empresa;
 Integração com serviços de terceiros: o Fluent Forms permite a
integração com diversos serviços de terceiros, como ferramentas de
36
e-mail marketing e CRM (Custumer Relationship Manager, em

português Gestão de Relacionamento com o Cliente), para facilitar a
gestão de leads e automação de marketing;
 Diversos tipos de campos: o plugin oferece uma ampla variedade de
tipos de campos para incluir no formulário, como caixas de seleção,
botões de rádio, campos de texto, entre outros.
No entanto, o Fluent Forms também apresenta alguns pontos fracos, como:
 Instabilidade: o plugin ainda pode apresentar instabilidade em alguns

servidores, o que pode afetar a experiência do usuário e a
estabilidade do site;
 Preço elevado: a versão premium do plugin pode ser considerada
cara em comparação com outras opções do mercado.
Além disso, o plugin também permite que você armazene os dados dos
formulários enviados em um banco de dados personalizado para acesso e análise
posterior. A seguir, apresento detalhes de como interagir com banco de dados no
Fluent Forms:
 Armazenar dados de formulários no banco de dados: O plugin Fluent

Forms permite que você armazene os dados dos formulários enviados
em um banco de dados personalizado, para isso é necessário seguir
os seguintes passos: No painel de administração do Wordpress,
acesse Fluent Forms > Formulários e selecione o formulário que
deseja configurar para armazenamento de dados;
 Clique na aba Configurações avançadas > Banco de dados e habilite
a opção "Armazenar entradas no banco de dados";
 Escolha as tabelas do banco de dados em que deseja armazenar os
dados, e configure os campos que serão armazenados.
A API Integration Feed do Fluent Forms (figura 22) é uma funcionalidade que
permite integrar os formulários do Wordpress com outros aplicativos e serviços
externos, usando APIs (interfaces de programação de aplicativos). Isso significa que
é possível utilizar a API Integration Feed para enviar dados dos seus formulários do
Wordpress para outros sistemas automaticamente, sem precisar copiar e colar
manualmente. Com a API Integration Feed, pode-se enviar dados dos seus
37
formulários do Fluent Forms para diversos serviços, como plataformas de e-mail

marketing, CRMs, softwares de gerenciamento de projetos, entre outros.
Figura 21 - Exemplo de uso da api de integração
Fonte: (Fluent Forms, 2023)
Em resumo, o Fluent Forms é uma ótima opção para personalização e

facilidade de uso na criação de formulários no Wordpress, com diversas opções de
integração com serviços de terceiros. No entanto, o plugin ainda apresenta alguns
pontos a serem melhorados, como a instabilidade em alguns servidores e o preço
elevado da versão premium (FLUENT FORMS, 2023).
2.10.1.9 OneClick Chat to Order
Visando a melhoria do processo de utilização do sistema e da experiencia do

usuário, o Plugin OneClick Chat permite uma interação mais dinâmica entre os
canais da loja com o cliente, direcionando as compras da loja para o WhatsApp de
forma prática e fácil com uma única ação (PINEM, 2023). Entre as facilidades
proporcionadas pelo módulo podemos citar algumas como:
 Customização: O módulo permite alterar os componentes visualmente

melhorando a aparência e design do site;
 Automação: Possibilidade de manter um número para um produto
específico e assim gerenciar as vendas de maneira ordenada,
incluindo número de ordem no pedido e ocultando ou exibindo a data;
 Mensagens personalizadas: Alterar textos e descrições de produtos e
pedidos durante o processo de transição entre site e WhatsApp;
 Economia: As funcionalidades principais são gratuitas e ilimitadas,
existindo a opção de funcionalidades premiuns caso seja necessário.
38
39
3 DESENVOLVIMENTO
3.1 Diagrama de caso de uso
Um Diagrama de Caso de Uso visa auxiliar a equipe a visualizar processos

que deverão ser desenvolvidos, com clara delimitação de escopo; em suma,
representa o conjunto de comportamentos que o sistema deve executar para um
determinado Ator, que pode ser um usuário ou outro sistema.
Para esta finalidade de representação, foi utilizada a ferramenta Case

denominada Astah. A seguir, a figura 23 apresenta o diagrama de caso de uso deste
projeto desenvolvido com a referida ferramenta.
Figura 22 - Diagrama de uso de caso
Como observa-se, os potenciais atores utilizadores do sistema são:
 Gerentes de loja;
 Vendedores;
 Clientes.
Ficando assim definidos os processos, histórias e personas para o Minimum

Viable Product (MVP), em português Produto Minimamente Viável, conforme explica
Caroli, (2020):
Diferentemente de produtos criados da forma tradicional, normalmente com

um período longo de criação de protótipo, análise e elaboração, o objetivo
do MVP é somente a validação do primeiro passo, do produto mínimo, bem
menos elaborado do que a versão final. O MVP foca o mínimo – porém
viável – para verificar se o direcionamento está correto. Esse é o conjunto
inicial de funcionalidades necessárias para o processo de validação de
hipóteses e aprendizagem sobre o negócio (CAROLI, 2020, p22).
40
1. Para o ator “gerentes de loja”, por meio de um login, o sistema a ser

desenvolvido deve ser capaz, dentre outras atividades, de cadastrar
produtos e gerar relatórios de vendas;
2. Para o ator “cliente”, por meio de um login, o sistema deve ser capaz
de permitir a navegação para compras e efetuar o procedimento de
pagamento;
3. Por fim, para o ator “vendedores”, o sistema deve possuir
mecanismos para auxílio dos clientes.
3.2 Diagrama Entidade Relacionamento
O diagrama entidade-relacionamento (DER) a seguir, visto na figura 24,

fornece uma visão geral do banco de dados do Wordpress e as relações entre as
tabelas criadas durante a instalação padrão do Wordpress.
Figura 23 – DER com as tabelas principais do Wordpress

41
Fonte: (WORDPRESS.ORG, 2023)
Observa-se que, na instalação padrão do Wordpress, nenhuma integridade

entre as tabelas é aplicada, por exemplo entre postagens e comentários. Se estiver
criando um plugin ou extensão que manipula o banco de dados Wordpress, o código
deve fazer a limpeza para que nenhum registro órfão permaneça nas tabelas, por
exemplo removendo registros em outras tabelas com um conjunto de comandos
SQL quando as chaves estrangeiras são excluídas (WORDPRESS.ORG, 2023).
3.3 Hospedagem do site e instalação do Wordpress
Para o desenvolvimento do site da loja virtual foi contratado (figura 25) o

serviço da Hostinger, uma empresa que provê hospedagem web e registrador de
domínio na Internet. Este tipo de serviço foi eleito pela equipe desenvolvedora por
facilitar o trabalho de forma remota e colaborativa.
Figura 24 - Planos disponíveis da hostinger para hospedagem do site
Fonte: (HOSTINGER, 2023)

42
Além de hospedar o site, serviços de hospedagem como o da Hostinger

disponibilizam um domínio com certificado SSL Secure Sockets Layer (camada de
soquete seguro), protegendo informações importantes dos usuários que navegam
em sites em que ele está instalado. Para fazer isso, o recurso criptografa as
informações dos visitantes, impossibilitando que elas sejam capturadas,
interceptadas ou visualizadas durante a transferência até o servidor que hospeda o
site. Após a escolha do plano e confirmação de pagamento, é aberto um formulário
de login e iniciar as configurações iniciais do site, como é visto na figura 26
(HOSTINGER, 2023).
Figura 25 - Tela de login da Hostinger
Logo, deve-se pesquisar a existência do domínio de preferência na tela

mostrada na figura 27, se não existir um nome igual, deve-se confirmar e seguir em
frente para a tela de escolha da localização do servidor que hospedará o site,
conforme figura 28.
Figura 26 - Escolha do domínio

43
Figura 27 - Escolha da localização do servidor
Após clicar em finalizar configuração clique em gerenciar site (figura 29) e

iniciar a instalação do Wordpress.
Figura 28 - Finalização da criação do site

44
Para instalar o Wordpress do jeito mais rápido possível, procure um

provedor de hospedagem que possa executar a instalação. Alguns provedores,
incluindo a Hostinger, oferecem um método fácil de instalação usando um Instalador
Automático.
Os planos de hospedagem Wordpress, por exemplo, são especificamente

otimizados para o Wordpress, e permitem a instalação em apenas alguns cliques.
A figura 29 mostra como usar o Instalador Automático da Hostinger:
É necessário fazer login na conta de hospedagem e clicar em Hospedagem

no menu principal.
Figura 29 - Configurações de hospedagem da Hostinger
Logo após, deve-se escolher o domínio onde se quer instalar o Wordpress e

clicar no botão Gerenciar para acessar o seu hPanel (figura 30).
Figura 30 - Gerenciar Domínio

45
No Painel de Controle do seu hPanel, localize o botão do Auto Instalador,

que fica na seção site (figura 31).
Figura 31 - Auto Instalador do Wordpress no Hostinger
Dentro do Auto Instalador, encontre o Wordpress e clique no botão

Selecionar (figura 32).
Figura 32 - Instalação do Wordpress
O nome do usuário administrador, a senha e o e-mail servem para o login no

Wordpress. Essas informações não precisam ser iguais às cadastradas na conta de
hospedagem.
46
No painel de controle do Hostinger, deve-se clicar no botão editar site para ir

ao painel de administrador do próprio Wordpress ou digitar na barra de endereço do
navegador o endereço do site barra WP-Admin, no caso deste projeto,
emporiotoys.com/wp-admin e apertar Enter para abrir a tela de login.
A figura 33 mostra a interface do painel de controle do Wordpress com todos

os plugins utilizados no projeto já instalados.
Figura 33 - Painel de controle do Wordpress com acesso aos plugins pela barra lateral à esquerda
3.4 Construção do site
Após todos os plugins instalados, conforme visto nos subcapítulos do

2.10.1.1 ao 2.10.1.9, foi utilizado o template Kadence, acessando a partir do menu
aparência, conforme mostra a figura 34, tornando mais célere a criação do site com
temas pré-definidos.
Figura 34 - Tema Kadence utilizado no projeto

47
Em seguida, com o plugin Woocommerce já instalado, por meio de seu

submenu configurações, foram configurados os pré-requisitos da loja virtual como os
dados sobre:
 Loja (figura 35);

 Produtos e controle de estoque (figura 36 e 37);
 Entrega (figura 38);
 Pagamentos (figura 39);
 Contas e privacidade (figura 40);
 E-mails (figura 41).
Figura 35 - Dados da loja

48
Figura 36 - Dados sobre os produtos

49
Figura 37 - Parâmetros do controle de estoque
Figura 38 - Parametrização de entrega

50
Figura 39 - Parametrização de pagamentos
Figura 40 - Parametrização de contas e privacidade
Figura 41 - Configurações de e-mails

51
Instalando o Woocommerce, algumas páginas são criadas

automaticamente, porém, para o projeto, algumas foram personalizadas e outras
novas foram criadas. Estas páginas são acessadas por meio do menu páginas,
como pode ser visto na figura 42.
Figura 42 - Páginas desenvolvidas
Nesta etapa o Woocommerce também cria algumas tabelas, vistas na figura

52
43, que são integradas ao banco de dados do Wordepress.
Figura 43 - Tabelas referentes ao Woocommerce

53
As páginas foram criadas e personalizadas utilizando o Elementor por meio

do sistema “arrasta e solta” e ferramentas de edição (figura 44), modificando e
criando a estrutura HTML (figura 45) e estilo CSS (figura 46) das páginas com muita
facilidade e de forma intuitiva.
Figura 44 - Sistema arrasta e solta de widgets do Elementor
Figura 45 - Formatação de tags HTML com o Elementor
Figura 46 - Estilizando com o Elementor

54
A página home, inicial, finalizada ficou conforme é mostrado na figura 47.
Figura 47 - Resultado final da página Home
Em seguida, no submenu categorias do menu produtos, foram cadastradas

as categorias dos produtos, conforme mostra a figura 48. O Woocommerce já traz
uma categoria padrão onde são vinculados os produtos não categorizados.
55
Figura 48 - Cadastro das categorias de produtos
Após criar as categorias, foram cadastrados os produtos acessando o

submenu adicionar novo, conforme mostram as figuras 49, 50, as informações foram
inseridas, formatadas e pré-visualizadas.
Figura 49 - Cadastro de produtos e pré-visualização das informações mostradas no site

56
Figura 50 - Castro de preços e inserção de imagens dos produtos
Nesta interface, foram cadastrados parâmetros importantes de estoque

(figura 51), para a entrega (figura 52).
Figura 51 - Parâmetros de estoque
Figura 52 - Parâmetros para entregas

57
O Wordpress possui várias funções de usuário que determinam o nível de

acesso e as permissões de cada usuário no site. As principais funções de usuário no
Wordpress são:
 Administrador: O administrador é a função de usuário mais alta no

Wordpress. Os administradores têm acesso total e controle sobre
todas as funcionalidades do site, incluindo a capacidade de criar,
editar e excluir conteúdo, instalar e gerenciar plugins e temas,
gerenciar usuários, alterar configurações do site, entre outras tarefas
administrativas;
 Editor: Os editores têm permissões amplas no que diz respeito à
criação e edição de conteúdo. Eles podem criar, editar e publicar
posts e páginas, gerenciar comentários, gerenciar categorias e tags,
mas não têm acesso às configurações e funções de administrador;
 Autor: Os autores são responsáveis por criar e publicar seus próprios
posts. Eles têm a capacidade de criar, editar e publicar posts, mas
não podem editar ou publicar o conteúdo de outros usuários. Eles
também não têm acesso às configurações do site;
 Colaborador: Os colaboradores podem escrever e editar posts, mas
não podem publicá-los diretamente. Em vez disso, seus posts
58
precisam ser revisados e publicados por um usuário com permissões

mais altas, como um editor ou administrador;
 Assinante: A função de assinante é a mais básica no WordPress. Os
assinantes têm permissões limitadas e podem apenas visualizar o
conteúdo do site e gerenciar seu próprio perfil de usuário. Eles não
podem criar, editar ou publicar conteúdo.
Além dessas funções principais, o WordPress também permite criar funções

de usuário personalizadas usando plugins ou código personalizado. Essas funções
personalizadas podem ter permissões específicas definidas de acordo com as
necessidades do site.
É importante atribuir as funções de usuário corretas para garantir que cada

pessoa tenha as permissões apropriadas de acordo com suas responsabilidades no
site, evitando acesso não autorizado e mantendo a segurança e a integridade do
conteúdo (WORDPRESS.ORG, [s.d.]).
O Woocommerce, sendo um plugin para o Wordpress voltado para comércio

eletrônico, possui funções de usuário adicionais relacionadas às tarefas específicas
do comércio online. Além das funções de usuário do Wordpress listadas
anteriormente, o Woocommerce inclui as seguintes funções de usuário:
 Gerente de Loja (Shop Manager): O Gerente de Loja tem acesso e

controle total sobre todas as configurações e funcionalidades do
WooCommerce. Eles podem gerenciar pedidos, produtos, estoque,
cupons, envio, relatórios e todas as outras tarefas relacionadas à
operação da loja online. Essa função é geralmente adequada para
proprietários de lojas ou gerentes responsáveis por todas as
operações da loja;
 Atendente de Pedidos (Order Clerk): O Atendente de Pedidos é uma
função mais restrita que permite a gestão dos pedidos, incluindo
visualizar, atualizar o status, editar detalhes e fornecer suporte ao
cliente. Essa função é adequada para membros da equipe
encarregados de lidar especificamente com os pedidos dos clientes;
 Cliente (Customer): O WooCommerce também atribui a função de
Cliente aos usuários registrados que fazem compras na loja. Esses
59
usuários têm acesso às suas informações de conta, histórico de

pedidos e podem fazer novas compras no site.
As funções do Woocommerce podem variar com base nos plugins e

extensões utilizados. É possível personalizar as permissões das funções de usuário
usando plugins de controle de acesso ou desenvolvimento personalizado. Atribuir as
funções de usuário corretas no Woocommerce é essencial para garantir permissões
adequadas e proteger a segurança e integridade da loja online.
Os integrantes do projeto foram cadastrados acessando o menu usuários

conforme mostra a figura
Figura 53 - Cadastro de usuários e funções
O resultado obtido foi a criação de um site para loja virtual que permite a
navegação por categorias e produtos (figura 54), cálculo de fretes (figura 55),
visualização do carrinho (figura 56) e compras por meio de débito, crédito PayPal,
transferência bancária, Pix, pagamento pelo WhatsApp ou no local de entrega (figura
57).
60
Figura 54 - Página produtos
Figura 55 - Cálculo do frete

61
Figura 56 - Visualização do carrinho
Figura 57 - Formas de pagamento

62
A partir do menu análises é possível gerar relatórios e dashboards (figuras

58), assim como o controle de estoque (figura 59).
Figura 58 - Indicadores
Figura 59 - Controle de estoque

63
4 CONSIDERAÇÕES FINAIS
Os integrantes do projeto ao utilizar o Wordpress para criação de sites,

perceberam diversas vantagens e desvantagens. Como vantagem, o Wordpress é
uma plataforma amigável e intuitiva, adequada para pessoas sem conhecimento
técnico. Ele oferece uma ampla variedade de temas e plugins para personalizar o
design e a funcionalidade do site, possibilitando a criação de um site único. Com
uma comunidade ativa, é fácil encontrar suporte, tutoriais e recursos úteis. O
Wordpress também possui recursos e plugins para otimização nos motores de
busca, melhorando a visibilidade nos resultados de pesquisa. Além disso, é
escalável e capaz de lidar com sites de todos os tamanhos, desde blogs pessoais
até sites corporativos complexos, permitindo a adição de funcionalidades adicionais
conforme o site cresce.
Entretanto, deixou algumas impressões de desvantagens, por exemplo, por

ser popular e, por isso, também ser alvo de hackers. Portanto, medidas de
segurança e atualizações regulares são necessárias para evitar vulnerabilidades. A
personalização excessiva pode causar problemas de desempenho e
compatibilidade. O uso excessivo de plugins pode tornar o site lento e causar
conflitos. Além disso, alguns plugins podem não ser atualizados regularmente. As
atualizações do Wordpress podem ser incompatíveis com temas e plugins
existentes, exigindo ajustes. Embora seja fácil de usar para tarefas básicas, pode
exigir tempo para aprender todas as funcionalidades do Wordpress, especialmente
para usuários iniciantes.
Em geral, o Wordpress é uma escolha popular e versátil para a criação de

sites, mas é importante avaliar essas vantagens e desvantagens para decidir se ele
atende às suas necessidades específicas.
Fica o interesse dos integrantes do projeto, o estudo das possíveis

integrações com sistemas de informação diversos com o Wordpress e o
desenvolvimento de plugins para esta plataforma CMS, tendo em vista a sua
popularidade e importância no mercado.
64
REFERÊNCIAS
AUTOMATTIC. WooCommerce. 2023. Disponível em:

https://br.wordpress.org/plugins/woocommerce/. Acesso em: 8 maio. 2023.
CAMARGO, Álvaro Antônio Bueno De; MOTA, Edmarson Bacelar; VALLE, José
Angelo Santos Do; ZYGIELSZYPER, Paula Misan Klajnberg. Gerenciamento de
Stakeholders em Projetos. 1a ed. Rio de Janeiro: Editora FGV, 2014.
CAROLI, Paulo. Lean Inception: como alinhar pessoas e construir o produto

certo. [s.l.] : Editora Caroli, 2020.
CHANGE VISION. Powerful and Fast UML Diagramming Software. 2023.

Disponível em: https://astah.net/products/astah-uml/. Acesso em: 1 maio. 2023.
ELEMENTOR.COM. Elementor Website Builder. 2023. Disponível em:

https://br.wordpress.org/plugins/elementor/. Acesso em: 7 maio. 2023.
FLUENT FORMS. Integration Feed - Fields API - Fluent Forms. , 2023. Disponível
em: https://fluentforms.com/docs/integration-feed-fields-api/. Acesso em: 8 maio.
2023.
GERENCIANET. WordPress (WooCommerce). [s.d.]. Disponível em:

https://dev.gerencianet.com.br/docs/wordpress-woocommerce. Acesso em: 8 maio.
2023.
GOODE, Sigi. Something for nothing: management rejection of open source software
in Australia’s top firms. Information & Management, [S. l.], v. 42, n. 5, p. 669–681,
2005. DOI: 10.1016/j.im.2004.01.011.
GUIMARÃES, Fernanda. Com pandemia, venda online supera a dos shopping

centers. 2022. Disponível em: https://www.terra.com.br/economia/com-pandemia-
venda-online-supera-a-dos-shopping-
centers,8de6d4196e8c50e5681f80bc1f7050bc8ocapotd.html. Acesso em: 29 abr.
2023.
HOSTINGER. A Plataforma de Host Feita Para Você. Serviço. 2023. Disponível

em: https://www.hostinger.com.br/. Acesso em: 8 maio. 2023.
MICROSOFT. Baixar Word Grátis e Criador e Editor de Texto Microsoft Word.

2023a. Disponível em:
https://www.microsoft.com/pt-br/microsoft-365/p/word/cfq7ttc0hlkm. Acesso em: 1
maio. 2023.
MICROSOFT. Microsoft Planner - Gerenciamento de tarefas para equipes.

2023b. Disponível em: https://www.microsoft.com/pt-br/microsoft-365/business/task-
management-software. Acesso em: 22 abr. 2023.
MUTU, PRODUTOS CRIATIVOS. Conheça estratégias para aumentar as vendas

de colecionáveis | Mutu, Produtos Criativos. 2019. Disponível em:
https://www.mutu.com.br/blog/61b78131e8726206e00f845b/conheca-estrategias-
para-aumentar-as-vendas-de-colecionaveis&text=Conheça estratégias para
65
aumentar as vendas de colecionáveis. Acesso em: 27 abr. 2023.
PAULLINO, Gustavo. Tecnologia para vendas: razões para utilizá-la ao seu

favor. 2022. Disponível em: https://www.agendor.com.br/blog/tecnologia-em-vendas-
nas-empresas/. Acesso em: 27 abr. 2023.
PINEM, Walter. OneClick Chat to Order. 2023. Disponível em:

https://wordpress.org/plugins/oneclick-whatsapp-order/. Acesso em: 8 maio. 2023.
SABBAGH, Refael. Scrum - Gestão ágil para produtos de sucesso. São Paulo:
Casa do código, 2022.
SANCHES, Claudio. Plugin Claudio Sanches – Correios for WooCommerce.

2020. Disponível em: https://wordpress.com/pt-br/plugins/woocommerce-correios.
Acesso em: 8 maio. 2023.
SANCHES, Claudio. Brazilian Market on WooCommerce. 2023. Disponível em:

https://br.wordpress.org/plugins/woocommerce-extra-checkout-fields-for-brazil/.
Acesso em: 8 maio. 2023.
SILVA, José Paulo Pereira. Marketing de Performance: Aprenda as estratégias

digitais que tornam qualquer negócio lucrativo na internet. 1a ed. São Paulo:
Ideal Books, 2022.
SUTHERLAND, Jeff; SUTHERLAND, J. J. Scrum A arte de fazer o dobro do

trabalho na metade do tempo. 1a ed. Rio de Janeiro: Sextante, 2019.
W3TECHS. Usage Statistics and Market Share of WordPress, May 2023. [s.d.].
Disponível em: https://w3techs.com/technologies/details/cm-wordpress. Acesso em:
3 maio. 2023.
WORDPRESS.ORG. About WordPress. WordPress.org, [s.d.]. Disponível em:

https://wordpress.org/about/. Acesso em: 2 maio. 2023a.
WORDPRESS.ORG. Database Description/2.8 « WordPress Codex. Codex,

[s.d.]. Disponível em: https://codex.wordpress.org/Database_Description/2.8. Acesso
em: 26 abr. 2023b.
WP KADENCE. Starter Templates by Kadence WP. 2023. Disponível em:

https://wordpress.org/plugins/kadence-starter-templates/. Acesso em: 7 maio. 2023.
66
APÊNDICE A – DECLARAÇÃO DE VISÃO DO PROJETO
1 TÍTULO
Sistema Web para E-commerce: Colecionáveis, miniaturas, livros, funkos e HQs.
1 OBJETIVO
Criar uma loja virtual para o e-commerce de colecionáveis, miniaturas, livros, funkos e
HQs. O sistema deverá gerenciar as vendas on-line, assim como o estoque de produtos,
possibilitando a comunicação com o usuário/cliente.
Para o desenvolvimento desse sistema sugere-se uma duração aproximada de 60 dias.
2 JUSTIFICATIVA
Com a pandemia de COVID-19, originada no final do ano de 2019, face ao isolamento

social imposto pelas autoridades de saúde, muitos proprietários de lojas físicas adotaram
também o e-commerce como forma de manterem e ampliarem suas vendas. Entretanto, mesmo
após o período mais crítico da referida pandemia, estudos mostraram que a melhor prática para
vendas, em que empresas conseguem um contato mais efetivo com o consumidor, seria de
forma híbrida. Isto é, com a combinação entre atendimento físico e on-line - conceito denominado
Omnichannel.
3 DESCRIÇÃO GERAL
O sistema que será desenvolvido durante esse projeto irá permitir:
• Gerenciar as vendas e o estoque de produtos;
• Oferecer diversas formas de pagamentos;
• Calcular o frete para entrega;
• Gerar relatórios operacionais, estratégicos e gerenciais.
4 EQUIPE
Nome Função
Cesar Augusto Lopes Scrum Master
Erick Alves Ferreira Product Owner
Erick Matheus Barbosa de Morais Team
Matheus Alves Carvalho Team
Mikael Natã da Silva Santos. Team

67
5 PARTES INTERESSADAS
Nome Descrição
Representante do stakeholder, escolhido para

ser responsável pela gerência do consultório
Product owner: Erick Alves Ferreira
e definirá a prioridade das atividades
desenvolvidas com os desenvolvedores.
Utilizarão o sistema para gerenciar as vendas

Gerentes de loja (usuários-chave) e cadastrarem as categorias e produtos no
site.
Utilizarão o sistema para consultas e auxiliar

Vendedores
os clientes.
Navegarão pelo site, podendo enviar

Cliente/usuário
sugestões de melhorias.
Representante da empresa responsável pelo

Scrum master: Cesar Augusto Lopes desenvolvimento do sistema, agindo como um
facilitador para os desenvolvedores
Team: Erick Matheus Barbosa de Morais; Irá definir a melhor estratégia para a execução
Matheus Alves Carvalho; Mikael Natã da Silva das etapas do projeto.
Santos.
6 PREMISSAS
• O sistema permitirá fazer o controle das vendas e do estoque, possibilitando

integração com o sistema da loja física;
• Várias formas de pagamento, boleto, cartão de crédito e Pix;
• Canal de comunicação com o usuário/cliente via WhatsApp.
7 RESTRIÇÕES
• Sugere-se que o tempo para o desenvolvimento do sistema não seja superior a 90

dias;
• O banco de dados e a plataforma de desenvolvimento utilizados deverão ser Open

Source para redução de custos.
68
8 ESCOPO EXCLUÍDO
Desenvolvimento de um ERP e WMS integrados.
9 RISCOS PRELIMINARES
• Perda de membros chaves de qualquer uma das partes interessadas durante o

desenvolvimento e implantação do sistema;
• Indefinições ou falta de maturidade dos processos de vendas e cadastramentos.
APÊNDICE B –
PROJETO: Sistema Web para E-commerce

DAILY SCRUM - 28/11/2022
Sprint 1 Criar BD para cadastrar usuários chave para 1.1

acesso hierárquico
Responsável: Erick
Impedimento: Disponibilidade de licença ou plano para hospedagem e uso de

um banco de dados
Plano de Estudo para aquisição de um plano de provedor Web

Ação:
Sprint 1 Desenvolver BD para categorias e produtos 1.2
Responsável: Mikael
Impedimento: Não existe estrutura de banco de dados para ser utilizada no

projeto
Plano de Conclusão da estrutura de banco de dados

Ação:
Sprint 1 Criar BD para estoque de produtos 1.3
Responsável: Matheus

projeto

Ação:
69
Sprint 2 Criar tela de login para usuários chave 1.4
Responsável: Erick

projeto

Ação:
Sprint 3 Desenvolver interface para cadastro de 1.5

categorias e produtos

projeto

Ação:
Sprint 4 Desenvolver controle de estoque 1.6

projeto

Ação:
Sprint 5 Desenvolver BD para cadastro e login do 2.1

consumidor
Responsável: Erick

projeto

Ação:
Sprint 6 Desenvolver aplicação para cadastro e login de 2.2

cliente consumidor

projeto

70
Ação:
Sprint 7 Criar BD para compras/vendas 3.1

projeto

Ação:
Sprint 8 Desenvolver aplicação do carrinho de compras 3.2
Responsável: Erick

projeto

Ação:
Sprint 9 O usuário/consumidor poderá filtrar por 4

departamento

projeto

Ação:
Sprint 10 O comprador deverá ter várias opções para 5

pagamento

projeto

Ação:
Sprint 11 O site deverá ter uma Homepage com link para 6

as categorias de produtos
Responsável: Erick
Impedimento: Disponibilidade de licença ou plano para hospedagem

71
Plano de Aquisição do plano para hospedagem

Ação:
Sprint 12 Deve haver um link para comunicação com o 7

consumidor utilizando o WhatsApp
Impedimento: Disponibilidade de licença ou plano para hospedagem e uso de

um banco de dado

Ação:

TCC Curso de Desenvolvimento de Sistemas Etec.

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

TCC Curso de Desenvolvimento de Sistemas Etec.

Enviado por

Direitos autorais:

Formatos disponíveis

GRUPO DE ESTUDO DE EDUCAÇÃO A DISTÂNCIA / CETEC

TÉCNICO EM DESENVOLVIMENTO DE SISTEMAS ‐ MODALIDADE EaD

Cesar Augusto Lopes

DESENVOLVIMENTO DE SISTEMA WEB PARA E-COMMERCE DE

DESENVOLVIMENTO DE SISTEMA WEB PARA E-COMMERCE DE

Trabalho de Conclusão de Curso

Figura 1 - Funcionamento do scrum..........................................................................11

Quadro 1 - Requisitos funcionais.................................................................................7

Com o passar dos anos, a tecnologia invadiu o mundo dos negócios

De acordo com Paullino (2022), dentre as possíveis vantagens de se adotar

 Maior controle e acompanhamento comercial, em tempo real;

Com clientes fiéis e que gastam consideráveis quantias com coleções, o

Desta forma, motivando os autores para o desenvolvimento de uma loja

Partindo da premissa de que o uso da tecnologia da informação (TI) se

A pandemia de COVID-19 pode ser encarada como grande propulsora do

A seguir, são apresentados os objetivos gerais e específicos deste projeto.

1.2.1 Objetivo Geral

Desenvolver um sistema web para o e-commerce de colecionáveis,

1.2.2 Objetivos Específicos

Dentre os objetivos específicos deste projeto, destacam-se:

 Analisar a documentação de requisitos e identificar as características

O desenvolvimento deste projeto coincide com o trabalho de conclusão de

De modo a acompanhar a agenda do curso, este projeto foi desenvolvido

a) De agosto a novembro de 2022, período correspondente ao módulo 2:

b) De fevereiro a maio de 2023, período correspondente ao módulo 3:

Entretanto, em circunstâncias profissionais sugere-se para o

2.1 Descrição Geral e definição de Requisitos

O sistema a ser desenvolvido visa, prioritariamente, permitir:

 Gerenciar as vendas e o estoque de produtos;

Dando suporte à definição de requisitos funcionais (RF) e requisitos não

Entende-se como RF (quadro 1), as funcionalidades e serviços que o cliente

decorrer do projeto é chamada de product backlog3.

Quadro 1 - Requisitos funcionais

Os usuários chave devem ter acesso para cadastro de categorias e produtos e

RF3 O usuário/consumidor poderá filtrar por departamento

RF4 Deve haver um carrinho de compras

RF6 O comprador deverá ter várias opções para pagamento

RF7 Deverá existir área de login e cadastro do consumidor

Entende-se como requisitos não funcionais (RNF) (quadro 2) as qualidades

Quadro 2 - Requisitos não funcionais

RNF1 O usuário/consumidor deve ter fácil acesso à página de produtos

RNF3 É desejável que se possa monitorar o atendimento dos pedidos

É desejável que o controle de vendas e estoque gere relatórios contendo os

RNF5 O sistema deve se comunicar com o SQL Server.

RNF6 O sistema deverá ser desenvolvido na linguagem Java.

A execução do projeto conta com uma equipe composta por 5 (cinco)

organizada, conforme citados no quadro 3 adiante.

Quadro 3 - Equipe de desenvolvimento

Cesar Augusto Lopes

Erick Alves Ferreira

Erick Matheus Barbosa de Morais

Matheus Alves Carvalho

Mikael Natã da Silva Santos

2.3 Partes Interessadas

Partes interessadas do projeto, ou stakeholders, são considerados

Quadro 4 - Partes interessadas ou stakeholders

Internos Representa os interesses de todos os

Facilitador e potencializador do scrum team

Team Erick Matheus Desenvolve de ponta a ponta, a partir das

(SUTHERLAND; SUTHERLAND, 2019)

Gerentes de Utilizarão o sistema para gerenciar as vendas e

Externos Utilizarão o sistema para consultas e auxiliar os

Navegarão pelo site, podendo enviar sugestões