INSTITUIÇÃO: ETEC PAULA SOUZA

UNIDADE: APRÍGIO GONZAGA

Desenvolvimento de Sistema

Alexandre Rodrigues Junior

Rafael Massari

Estacione Simples

São Paulo
 2022

Alexandre Rodrigues Junior

Rafael Massari

Estacione Simples

Trabalho de conclusão de curso apresentado

ao curso técnico em Desenvolvimento de
sistemas da Etec Aprígio Gonzaga,
orientado pelo Professor(a), Kátia, como
requisito parcial para obtenção do título de
técnico em Desenvolvimento de sistemas.

São Paulo

2022
 Sumário

RESUMO.......................................................................................................................4
INTRODUÇÃO..............................................................................................................4
2 PROBLEMAS DE PESQUISA...................................................................................5
3 OBJETIVOS...............................................................................................................6
3.1 OBJETIVOS GERAL............................................................................................6
3.2 OBJETIVOS ESPECÍFICOS................................................................................6
4 A IMPORTÂNCIA DOS SISTEMAS DE GERENCIAMENTO....................................6
5.TECNOLOGIAS USADAS NO DESENVOLVIMENTO DO SITE..............................7
5.1 VS CODE.............................................................................................................7
5.2 Codelgniter...........................................................................................................8
5.3 Bootstrap..............................................................................................................8
5.4 Banco de Dados..................................................................................................8
6 LINGUAGENS............................................................................................................8
JAVASCRIPT.............................................................................................................9
PHP............................................................................................................................9
SQL............................................................................................................................9
7 METODOLOGIA.......................................................................................................10
8 SITE..........................................................................................................................11
CONSIDERAÇÕES FINAIS........................................................................................21
REFERÊNCIAS...........................................................................................................21
RESUMO

Com as automações de processos e atividades do nosso cotidiano estando

cada vez mais relevantes no mundo, os sistemas de gerenciamento estão inovando
o mercado de estacionamento, pois com eles não são mais necessários o uso de
processos arcaicos, como o uso de papel, por exemplo. O objetivo do
Gerenciamento é facilitar e automatizar tanto tarefas operacionais e repetitivas,
quanto registrar informações mais complexas, como: Mensalistas, Clientes Avulsos
ou mesmo o controle geral do site.
Palavras-chave: Site de Gerenciamento. Automatização de processos. Site de
Estacionamento.

ABSTRACT
With the automation of processes and activities of our daily life becoming more
and more relevant in the world, management systems are innovating the parking
market, because with them it is no longer necessary to use archaic processes, such
as the use of paper, for example. . The objective of Management is to facilitate and
automate both operational and repetitive tasks, as well as registering more complex
information, such as: Monthly Members, Individual Customers or even the general
control of the site.
Keywords: Management Site. Process automation. Parking Website.

INTRODUÇÃO

O sistema do grupo Massari será um gerenciador de estacionamento, cujo

propósito é ajudar nas tarefas básicas no estacionamento, fazer também o controle
de entrada e saída de veículos, contar quantas horas o veículo ficou no
estacionamento, fazer a conta com o valor do estacionamento e ao mesmo tempo
fazer controle de caixa, cadastro do cliente, funcionário e veículo.

Os sistemas de gerenciamento vêm se tornando cada vez mais importantes e

necessários nas pequenas, medias e grandes empresas, como aliado na
automatização de tarefas diárias e processos, facilitando muito a vida de quem usa.
 Nosso objetivo é automatizar as principais tarefas na área de administração e
recursos diários de um estacionamento, pôde-se perceber que muitos desses locais
não têm um sistema para facilita a execução das tarefas básicas, ainda utilizando
processos arcaicos como forma de registro, como o uso de papel e que muitas
vezes podem gerando atrasos e prejuízos financeiros.

Pensamos nesse problema, nosso grupo criou um site para ajuda as pessoas que
trabalhão com esse tipo de negócio.

2 PROBLEMAS DE PESQUISA

Os problemas de pesquisa que encontramos foram as fragilidades

dos sistemas de controle existentes no mercado. A falta de ferramentas
simples nos motivou a construir um sistema de gerenciamento próprio, o
mais completo possível. Visando os microempresários, buscamos torna-
lo mais intuitivo e eficaz, já que além dos que existem por aí não
comportarem as necessidades mais básicas de um estacionamento,
muitos possuem um valor inacessível, fazendo com que os micros
empreendedores do ramo, optem por métodos menos eficazes, como
planilhas e papéis.
3 OBJETIVOS
O site “Estacione simples” tem como sua principal função, otimizar os
processos diários que existe dentro do estacionamento e também auxiliar na
administração do local.

3.1 OBJETIVOS GERAL

O objetivo geral é programar um sistema que controle um estacionamento. O
sistema devera auxiliar e facilitar as tarefas do cotidiano do empresário e otimizar o
tempo empregado nas tarefas.

3.2 OBJETIVOS ESPECÍFICOS

Os objetivos específicos para o desenvolvimento do projeto são:

 Construir o Fluxograma
 Fazer Modelagem de dados
 Criar o Banco de dados em Mysql
 Programar o BackEnd através de PHP
 Estilizar o FrontEnd através de Html, Css e Javascript

4 A IMPORTÂNCIA DOS SISTEMAS DE GERENCIAMENTO

Muitas pessoas quando abrem um negócio, tem muita dificuldade na parte de

gestão e administração no começo, o que acaba fazendo eles terem prejuízo e
muitas vezes desistirem do seu empreendimento. Isso acontece principalmente pois,
eles não possuem conhecimento do que os sistemas de gerenciamento são capazes
de fazer, e por falta desse conhecimento muitos acabam optando por conciliar
diversos softwares para realizar o serviço e acabam se perdendo entre planilhas,
documentos e outros formatos de arquivos. Já outros acabam adquirindo os planos
de sistemas de gerenciamento empresarial. Esses empresários sim estão no
caminho certo, porem para os empresários de menor porte o custo muitas vezes não
cabe no orçamento e quando cabe, muitas vezes a aplicação não conta com
funções mais básicas de uma empresa menor.
Os empreendedores também precisam lidar com muitos desafios importantes, como:
 Rentabilidade
 Competitividade
 Globalização
 Velocidade da mudança
 Adaptabilidade
 Crescimento
 Tecnologia
Com toda essa informação, podemos ver a importância dos sistemas de
gerenciamento e o papel que eles têm na empresa.
A IMPORTÂNCIA DOS SISTEMAS DE GERENCIAMENTO, Segundo Batista (2013,
p.18)

“No mundo dos negócios é notável a constante evolução que ocorre

desde a pequena até a grande empresa, e ambas necessitam de uma
boa gestão para sua expansão, a fim de que essa gestão possa ser
feita de uma forma mais eficiente se é necessário a adequar às novas
realidades e as necessidades. E a tecnologia tem muito a agregar em
suprir tais necessidades. ” (BATISTA, 2013, p.20)

Batista (2013, p.20)

“A tecnologia proporciona mudanças drásticas e quebras de paradigma

em, basicamente, todas as áreas. Atualmente, para uma empresa em
crescimento, ou pelo menos em condições para tanto, é evidente que a
aplicação das inovações tecnológicas propicia melhor controle interno
com informações no tempo ideal e com a confiabilidade necessária
para sua permanência no mercado”. (BATISTA, 2013, p.20) ”

5.TECNOLOGIAS USADAS NO DESENVOLVIMENTO DO SITE

5.1 VS CODE
O nosso grupo usou o vs code para editar e criar os códigos do site, já que
com esse editor de foi possível de uma forma simples de fácil e rapido.
 “Um editor de código-fonte autônomo que é executado no Windows, macOS e
Linux. A melhor escolha para desenvolvedores JavaScript e Web, com toneladas de
extensões dar suporte a praticamente qualquer linguagem de programação”.(
https://code.visualstudio.com)

5.2 Codelgniter
Ele é um framework PHP que foi usado como base para a criação do site e foi
muito importante nos processos de criação.

“O CodeIgniter é um poderoso framework PHP com uma pegada muito pequena,

construído para desenvolvedores que precisam de um kit de ferramentas simples e
elegante para criar aplicativos web completos”.

Ele foi usado como Kit de ferramentas de BackEnd, usado lug-instete no

processo de edição.

5.3 Bootstrap
Ele foi outro framework usado na criação do site e foi bastente lug-ins na
parte de back-end

“O Bootstrap é uma ferramenta gratuita para desenvolvimento HTML, CSS e

JS. Crie protótipos lug-inste ou aplicações completas com nossas variáveis e mixins
Sass, sistemas de grid responsivo, componentes pré-construídos e poderosos lug-
ins com jQuery.”( https://getbootstrap.com)

5.4 Banco de Dados

À medida que o volume de informações cresce, é necessário um meio de
armazenamento das mesmas, pensando nisso o banco de dados do sistema foi
criado para armazenar todos os dados importantes, de forma que essas informações
sejam armazenadas de maneira segura, organizada e padronizada.

6 LINGUAGENS
JAVASCRIPT
O JavaScript foi umas das principais linguagens usadas durante a criação do
site, ele foi usado bastaste na parte de criação dos controles. “JavaScript é uma
linguagem de script orientada a objetos, multiplataforma. É uma linguagem pequena
e leve. Dentro de um ambiente de host (por exemplo, um navegador web) o
JavaScript pode ser ligado aos objetos deste ambiente para prover um controle
programático sobre eles”.( https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)

PHP
O PHP foi a linguagem mais usada na parte de back-end, e também foi a
base para a criação do site.

“Numa explicação de poucas palavras, PHP é uma linguagem de

programação utilizada por programadores e desenvolvedores para construir
sites dinâmicos, extensões de integração de aplicações e agilizar no
desenvolvimento de um sistema.

Essa linguagem é mundialmente conhecida e uma das mais utilizadas

pela facilidade em aprendê-la, manuseá-la, além de ser compatível com
quase todos os sistemas operacionais que existem – o que torna seu custo
menor. Neste artigo nós vamos mostrar a importância dessa sigla, além da
estrutura e vantagens dessa linguagem”. (https://www.php.net)

SQL
O SQL foi usado para criar o banco de dados do site, onde ele já está
conectado.

“SQL é uma linguagem padrão para trabalhar com bancos de dados

relacionais. Ela é uma linguagem declarativa e que não necessita de
profundos conhecimentos de programação para que alguém possa
começar a escrever queries, as consultas e pedidos, que trazem
resultados de acordo com o que você está buscando. SQL significa
Standard Query Language, literalmente a linguagem padrão para
realizar queries. ” (https://www.pravaler.com.br)
7 METODOLOGIA

Decidimos por utilizar a metodologia cascata, pois nos daria uma noção mais
especifica de cada etapa do projeto.

Trabalhar com modelo cascata nos permite individualizar cada fase do projeto aos
grupos competentes que ficara responsável por desenvolver o que foi determinado.
Conforme o projeto for evoluindo, teremos o controle e a facilidade de corrigir
problemas que ocorrerem durante o desenvolvimento de cada etapa, já que a
metodologia cascata nos permite centralizar o foco em uma única etapa por vez.

Abaixo veremos como funciona a metodologia Cascata.

Figura 01 – metodologia cascata

Fonte: https://casadaconsultoria.com.br/modelo-cascata/
8 SITE

Exemplos do site concluído:

Figura 1.1- Tela de login

(Autoria própria, 2022)

Tela de login
Etapa Menu Login da aplicação
Período 10/08/2022 a 15/08/2022
Desenvolvimento Objetivo da área login é ter acesso a
aplicação de gerenciamento. Podendo
acessa-la a partir do Administrador ou
Funcionário.
Dificuldades encontradas Dificuldades de conexão com o banco
de dados.
Solução Correção a partir de pesquisas na
internet.
 Figura 1.1- Tela Home

(Autoria própria, 2022)

Etapa Área Principal do site. Home.

Período 17/08/2022 a 30/08/2022.
Desenvolvimento Objetivo da área principal é ter acesso
para todas as outras áreas da
aplicação.
Dificuldades encontradas Falha de conexão com o banco de
dados. Falhas na codificação. Falhas de
versão do Php e CodeIgniter.
Solução Atualização do Php e CodeIgniter.
Correção das informações no banco de
dados.
 Figura 1.1- Tela de cadastro de veículos

(Autoria própria, 2022)

Tela de cadastro de veículos

Etapa Menu Cadastro de veículos

Período 02/09/2022 a 17/09/2022
Desenvolvimento Objetivo do menu entrada dos veículos
é ter controle dos veículos em geral
Dificuldades encontradas Nenhuma
Solução
 Figura 1.1- Tela de Mensalistas registrados

(Autoria própria, 2022)

Tela de Mensalistas registrados

Etapa Menu Mensalistas

Período 19/09/2022 a 24/09/2022
Desenvolvimento Objetivo do menu mensalistas, é
controlar os mensalistas e clientes fixos
Dificuldades encontradas Existia muita informação desnecessária
Solução Diminuímos informações para torna-lo
mais objetivo
 Figura 1.1- Tela de usuários registrados

(Autoria própria, 2022)

Tela de usuários registrados

Etapa Menu de Usuários

Período 24/09/2022 a 03/09/2022
Desenvolvimento Objetivo do menu de usuários é
controlar o site
Dificuldades encontradas Liberdade total do usuário funcionário
Solução Regra de bloqueio e restrições para o
funcionário e liberdade para o
administrador
 Figura 1.1- Tela de precificações registradas

(Autoria própria, 2022)

Etapa Menu de precificação

Período 05/10/2022 a 12/10/2022
Desenvolvimento Objetivo do menu de precificação é,
controlar as opções de categorias
atrelado com valores por categoria
Dificuldades encontradas Nenhuma
Solução
 Figura 1.1- Tela de informações do sistema

(Autoria própria, 2022)

Tela de informações do sistema

Etapa Menu Sistema

Período 13/10/2022 a 15/10/2022
Desenvolvimento Objetivo do sistema é, registrar a razão
social e os dados da empresa que está
adquirindo o Estacione Simples
Dificuldades encontradas Nenhuma
Solução
 Figura 1.1- Tela de pagamento cadastrados

(Autoria própria, 2022)

Tela de pagamento cadastrados

Etapa Menu de Formas de pagamentos

Período 15/10/2022 a 20/10/2022
Desenvolvimento Objetivo do menu Formas de
pagamento é, criar novas formas de
pagamentos e controla-las
Dificuldades encontradas Nenhuma
Solução
 Figura 1.1 - Tela de menu

(Autoria própria, 2022)

Tela de menu

Etapa Menu Tela geral do site

Período 20/10/2022 a 23/10/2022
Desenvolvimento Objetivo do menu geral é,
acessibilidade de pesquisar o menu
desejado
Dificuldades encontradas Torna-lo simples e intuitivo
Solução Especificar os menus principais
 Figura 1.1 - Tela do Perfil

(Autoria própria, 2022)

Tela de atalhos

Etapa Menu do Perfil

Período 23/10/2022 a 25/10/2022
Desenvolvimento Objetivo do menu Perfil é, controlar o
perfil e fazer Logout do perfil especifico
Dificuldades encontradas Funcionário com acesso a outros perfis
Solução Limitar acesso do funcionário que não
tem permissão de modificar outros
perfis ou mesmo a sua categoria de
acesso
CONSIDERAÇÕES FINAIS

Consideramos possível a construção de um software que resolvesse parte

dos problemas do tema proposto. Gerenciar um estacionamento sem auxilio não é
uma tarefa fácil, o uso de ferramentas adequadas é indispensável para o trabalho do
cotidiano.
Mesmo não encontrando ferramentas completas, fomos capazes de criar nosso
próprio software e com ele poder solucionar parte dos problemas existentes no
controle de um estacionamento.

REFERÊNCIAS

https://casadaconsultoria.com.br/modelo-cascata/

https://www.pensaracademico.facig.edu.br/index.php/repositoriotcc/article/dow

http://ea7.com.br/diferente/sistema-de-gerenciamento-entenda-a-sua-

https://www.pravaler.com.br/sql-o-que-e-e-como-funciona-na-pratica/?
amp=true&utm_source=google&utm_medium=cpc&utm_campaign=maxperfor
mance&utm_term=ad1&gclid=Cj0KCQiAm5ycBhCXARIsAPldzoX3xJxx6QYG
RZVzlBABvVcw0fyJN08iVEowobH9o66zivSQFGHBHlAaAoorEALw_wcB

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript

https://code.visualstudio.com

https://www.treinaweb.com.br/blog/conhecendo-o-codeigniter-framework-php

https://getbootstrap.com

https://diegomariano.com/wp-content/uploads/2022/03/bootstrap5_min.pdf

http://www.viwticifes.ufba.br/modulos/submissao/Upload/39071.pdf