FACULDADE DE TECNOLOGIA DE ITAQUAQUECETUBA

BEATRIZ DA SILVA SANTOS

EDUARDO LIMA DA SILVA
IVAN CARLOS DA SILVA

SISTEMA DE VALE TRANSPORTE

ITAQUAQUECETUBA - SP
2022
FACULDADE DE TECNOLOGIA DE ITAQUAQUECETUBA

BEATRIZ DA SILVA SANTOS

EDUARDO LIMA DA SILVA
IVAN CARLOS DA SILVA

SISTEMA DE VALE TRANSPORTE

Trabalho de Conclusão de Curso

apresentado a Faculdade de Tecnologia de
Itaquaquecetuba para Conclusão do Curso
superior de Tecnologia em Gestão da
Tecnologia da Informação, sob orientação do
Professor Esp. Marcos Vasconcelos de
Oliveira.

ITAQUAQUECETUBA - SP
2022
FACULDADE DE TECNOLOGIA DE ITAQUAQUECETUBA

BEATRIZ DA SILVA SANTOS

EDUARDO LIMA DA SILVA
IVAN CARLOS DA SILVA

SISTEMA DE VALE TRANSPORTE

Trabalho de Graduação apresentado à

banca examinadora da Faculdade de
Tecnologia de Itaquaquecetuba, para
obtenção do grau de tecnólogo em Gestão
da Tecnologia da Informação, sob a
orientação do Prof. Esp. Marcos
Vasconcelos de Oliveira.

Aprovado em..............................

BANCA EXAMINADORA
__________________________________

Prof. Esp. Almir Vicente da Costa

Faculdade de Tecnologia de Itaquaquecetuba - FATEC
__________________________________
Profa. Ma. Cilene Araújo Cruz
Faculdade de Tecnologia de Itaquaquecetuba - FATEC
__________________________________
Prof. Me. Edith Damiana Ullôa Angulo
Faculdade de Tecnologia de Itaquaquecetuba - FATEC
________________________________________
Prof. Dr. José Eduardo Morello Lobo
 Faculdade de Tecnologia de Itaquaquecetuba – FATEC
RESUMO

O uso da tecnologia na área do transporte público tem crescido em vários lugares,

sendo importante para aqueles que o utilizam, trazendo inovação e modernidade,
mas muitas cidades ainda estão em atraso. Este trabalho tem como intuito propor
uma nova adaptação ao sistema de vale transporte da região de Itaquaquecetuba,
utilizando a tecnologia para um sistema via Web, onde os usuários do transporte
público possam ter mais comodidade e facilidade em compras de créditos. O
desenvolvimento deste trabalho foi feito através de situações cotidianas dos
usuários, pesquisa bibliográfica e documental. Através dessa pesquisa, os
resultados obtidos foram satisfatórios por meio dos usuários para a proposta
levantada neste trabalho. Conclui-se que, o sistema seria viável para a melhoria e
diminuição do problema nas bases de carregamento do Município.

palavras-chave: "mobilidade", "gerenciamento", "vale transporte", "tecnologia"

 ABSTRACT

He use of technology in the area of public transport has grown in several places,
being important for those who use it, bringing innovation and modernity, but many
cities are still lagging behind. This work aims to propose a new adaptation to the
transportation voucher system in the region of Itaquaquecetuba, using the technology
for a system via Web, where the users of public transport can have more
convenience and ease in purchasing credits. The development of this work was done
through the daily situations of the users, bibliographical and documental research.
Through this research, the results obtained were satisfactory from the users for the
proposal raised in this work. It is concluded that, the system would be feasible for the
improvement and decrease of the problem in the loading bases of the Municipality.

keywords: "mobility", "management", "vale transporte", "technology

 SUMÁRIO
1. INTRODUÇÃO................................................................................................................................7
2. OBJETIVOS....................................................................................................................................8
2.1 Objetivos Gerais..........................................................................................................................8
2.1.1 Objetivos específicos.............................................................................................................8
2.2 Metodologia..................................................................................................................................8
3. DESCRIÇÃO DO SISTEMA..........................................................................................................9
3.1 Especificações dos requisitos..............................................................................................10
3.1.1 Requisitos funcionais.....................................................................................................10
3.1.2 Requisitos não funcionais.............................................................................................12
3.2 Regras de negócio....................................................................................................................14
4. MODELAGEM DO SISTEMA.....................................................................................................15
4.1 Diagramas...................................................................................................................................15
4.1.1 Modelo entidade e relacionamento...................................................................................15
4.1.2 Diagrama de Casos de Uso.................................................................................................16
4.1.2.1 Sistema Mob-Us..................................................................................................................16
4.1.3 Diagrama de Atividade.........................................................................................................17
4.1.4 Diagrama de Classe..............................................................................................................18
4.1.5 Diagrama de Sequência.......................................................................................................19
4.1.5.1 Diagrama de sequência – Acessar conta (Login).......................................................19
4.1.5.2 Diagrama de sequência – Alterar dados.......................................................................21
4.1.5.3 Diagrama de sequência – Cadastrar..............................................................................22
4.1.5.4 Diagrama de sequência – Efetuar exclusão – conta..................................................26
4.1.5.5 Diagrama de sequência – Gerenciar cartão.................................................................27
5. PROJETO FÍSICO........................................................................................................................30
5.1 Interfaces do sistema...............................................................................................................30
5.1.1 Tela inicial...............................................................................................................................30
5.1.2 Tela de Login..........................................................................................................................30
5.1.3 Tela de cadastramento.........................................................................................................31
5.1.4 Tela de solicitação de cartão..............................................................................................31
5.1.5 Tela de contato – Fale conosco.........................................................................................32
5.1.6 Tela de perguntas frequentes.............................................................................................32
6. CONSIDERAÇÕES FINAIS........................................................................................................33
BIBLIOGRAFIA.................................................................................................................................34
 7

1. INTRODUÇÃO

Diante de vários tipos de sistemas desenvolvidos, e dos mais altos níveis

no ramo do transporte, ainda vemos Cidades e Municípios em situações de extrema
necessidade de mudança, onde segundo uma pesquisa feita pela Rede Nossa São
Paulo (2021), o ônibus municipal é o meio de transporte utilizado com maior
frequência pelos paulistanos, dentre os outros meios de locomoção urbano. Tendo
em vista ofertar um serviço de transporte público de melhor qualidade na cidade de
Itaquaquecetuba, a prefeitura de Itaquaquecetuba realizou mudanças significativas
do serviço prestado que atualmente permite ao passageiro ter pleno controle dos
horários de circulação dos ônibus, através de um aplicativo de celular (Nascimento,
2021). Porém, observou-se dentre determinados aspectos a implantação de um
novo sistema para a população, especificamente de Itaquaquecetuba, onde as
pessoas perdem muito tempo indo no estabelecimento e muitas vezes não
solucionam seus problemas.

Vemos isso como uma solução para acabar com desgaste da população e trazer
algo mais atual e tecnológico para o Município em geral, abrangendo também para o
alto Tietê. O serviço será para utilização geral com foco em estudantes e idosos e
seu objetivo é trazer uma inovação e qualidade para o sistema de transporte da
cidade onde todos serão beneficiados, além de algo mais versátil.

O presente projeto tem o intuito de desenvolver um sistema web onde a população

tenha um serviço de qualidade, com recursos que tragam a solução na área do
transporte público como problemas com o cadastro, e recadastro, atualizações,
compra de passagens, onde isso atenderia a necessidade e solicitações da
comunidade em si.
 8

2. OBJETIVOS

O foco é fazer com que o sistema de vale transporte seja algo tecnológico e traga
funcionalidades sem precisar se locomover ou passar por burocracias, fazendo com
que seja para a população um facilitador e algo inovador para o município.

2.1 Objetivos Gerais

Criar uma página Web para a sistematização e integração do sistema de vale

transporte do Município de Itaquaquecetuba – Itaquá Passes.

2.1.1 Objetivos específicos

 Desenvolver um sistema para compra de créditos online;

 Solucionar problemas dos usuários com cadastros e solicitação de bilhete;
 Fazer com que o usuário tenha a atualização e renovação do cartão pela web;
 Diminuir a fila de espera na base para solução de erros nos cartões.

2.2 Metodologia

A elaboração do projeto se trata sobre o desenvolvimento de um site de vale

transporte para a sistematização utilizando recursos como HTML, CSS, e Java script
hospedados em um servidor de banco de dados SQL, sendo uma pesquisa de
caráter descritiva.

Sendo feita a escolha das linguagens, e programas para a criação, e

desenvolvimento através de pesquisas em Web sites, fontes bibliográficas, entre
outros para atender os meios corretos para se formar um site, sendo essas as fontes
primárias para o respectivo feito.
 9

3. DESCRIÇÃO DO SISTEMA

A criação do site servirá e funcionará para ajudar na necessidade do usuário em

fazer processos específicos no sistema sem perca de tempo, buscando facilitar
atividades. Irá trazer eficiência e objetividade, cumprindo com a rapidez em
solucionar seus pedidos no sistema de vale transporte, levando ao usuário final
usufruir da melhor maneira tudo que o site tem a oferecer.

Dessa forma, o site terá funções de cadastro de usuários, solicitação de um novo

bilhete, renovação de bilhete (em caso de idosos e estudantes), atualização de
cadastro, compra de créditos, e muito mais.
 10

3.1 Especificações dos requisitos

3.1.1 Requisitos funcionais

Focado em que fará o sistema, os requisitos funcionais instruem o comportamento

do sistema e seu funcionamento para cada item, portanto o que o sistema deve
realizar.

RF NOME DESCRIÇÃO

Qualquer usuário será capaz de acessar o site e suas

RF. Acesso ao site
respectivas abas.
0

Consultas de saldo disponível para o usuário, não

RF. Saldos
precisando ir até a base para saber os valores.
1

Cadastramento e atualização de cadastro de

estudantes, idosos do vale transporte pela web, com o
Solicitação e cartão sendo sistematizado com prazo de 12 meses
RF. atualização do para cada renovação, sendo assim não precisando de
2 cartão e folha de controle e carimbos. Após o prazo validado o
cadastro cartão seria bloqueado, até que seja atualizado
novamente através do sistema (comprovando a
necessidade de cada usuário) e foto.

A partir do login do usuário no site, ele terá acesso as

RF. Login formas de pagamento, ver saldo, pedido de novo cartão,
3 bloqueio por perda ou roubo, envio de documentação,
solicitação de problemas e agendamento presencial,
enviar alguma pergunta/reclamação/sugestão etc.

RF. Atualizar dados O usuário também poderá alterar seus dados cadastrais
4 e senha de acesso na página do site.
 11

Recarga do cartão sendo disponibilizado via pix, débito e

RF. Aquisição do crédito. No caso de dinheiro será necessário ir a base
6 carregamento para recarregar. Ao finalizar a compra de passagens, o
usuário receberá um e-mail de confirmação da compra.

RF. Autenticação por Ao fazer o cadastro no site, o usuário terá que confirmar
7 e-mail o e-mail para checagem de sua veracidade.

O site terá um design simples e completo, com uma

RF. Design e usabilidade de fácil entendimento e fluido, qualquer
8 usabilidade pessoa consegue usufruir e compreender cada aba e
menu.

RF. Feedback Aba de sugestões, reclamações e feedback para os

9 usuários, sendo isso para melhoramento do sistema.

Fonte: Do próprio autor, 2022.

 12

3.1.2 Requisitos não funcionais

Os requisitos não funcionais descrevem como as funcionalidades serão entregues

ao usuário. Está relacionado ao uso da aplicação em termos de desempenho,
usabilidade, manutenção etc.

RNF NOME DESCRIÇÃO

RNF. Plataforma Será utilizada a plataforma Web para o

1 desenvolvimento do site.

Gerenciador do O site deve utilizar o banco de dados MySQL.

RNF. banco de dados O sistema deverá se comunicar com o banco SQL
2 Server.

RFN. Padrões O uso de programação orientada a objeto sob a

3 plataforma.

Site será criado em HTML e CSS. Para ser

RNF. Criação desenvolvido, será utilizado uma série de ferramentas
3 necessárias para estruturação e construção de
página web.

RNF. Portabilidade O sistema deverá executar em plataforma Windows.

4

RNF. confiabilidade O sistema deverá ter alta disponibilidade, 99% do

5 tempo.
 13

RNF. Linguagem O site deve ser desenvolvido em linguagem

6 Javascript.

O Notepad++ tem a finalidade de auxiliar no

desenvolvimento de duas linguagens, sendo elas a
RNF. Auxiliares linguagem de desenvolvimento HTML, e a linguagem
7 de estilização CSS.

RNF. Requisitos éticos O sistema não apresentará aos usuários quaisquer

8 dados de cunho privativo.

Fonte: Do próprio autor, 2022.

 14

3.2 Regras de negócio

RN NOME DESCRIÇÃO
Para usar o site em sua integralidade, é necessário que o
Integralidade da usuário faça um cadastro completo, e para entrar é
1
plataforma necessário um login com e-mail e uma senha de no
máximo 8 caracteres (Sendo números, letras, símbolos
aleatórios).
As formas de pagamento para a compra de créditos serão
Formas de através de cartão de crédito, débito ou via pix, compra no
2
pagamentos valor mínimo de 1 passagem
(R$5,00 reais).
Para evitar fraudes, cada usuário terá um cartão
cadastrado com seu CPF, caso tenha mais de um (em
3 Fraudes caso de estudante e trabalhador) ficará registrado no
sistema quantos cartões esse usuário tem e em caso de
tentar burlar o sistema, este será bloqueado.
Os usuários estão protegidos através do termo de
4 Privacidade proteção de dados e a Lei LGPD para que seus dados
não sejam vazados ou roubados.

Todos os usuários terão seu cadastro salvo no banco de

Banco de dados dados do servidor, onde poderão ser feitas alterações,
5
exclusões e inclusões.
Sistema totalmente integrado com a base do Itaquá
passes, sendo assim todas as alterações e solicitações
6 Gerenciamento pelo usuário será diretamente direcionado ao sistema e
sendo gerenciado pela base, fazendo todo tramite de
resolução e solução dos pedidos.

Neste quesito, somente terá acesso os administradores da página, que terá o

domínio e conhecimento da plataforma para fazer tais alterações. Atendendo a
necessidade do usuário, fazendo manutenções progressivamente no sistema, a fim
 15

de estar em constante mudanças e melhorias, compartilhando informação de

qualidade e atendendo o propósito final do site.

4. MODELAGEM DO SISTEMA

4.1 Diagramas

4.1.1 Modelo entidade e relacionamento

Fonte: Do próprio autor, 2022.

 16

4.1.2 Diagrama de Casos de Uso

4.1.2.1 Sistema Mob-Us

Fonte: Do próprio autor, 2022.

Fonte: Do próprio autor, 2022.

 17

4.1.3 Diagrama de Atividade

Fonte: Do próprio autor, 2022.

 18

4.1.4 Diagrama de Classe

Fonte: Do próprio autor, 2022.

 19

4.1.5 Diagrama de Sequência

4.1.5.1 Diagrama de sequência – Acessar conta (Login)

ATENDENTE

Fonte: Do próprio autor, 2022.

GERENTE

Fonte: Do próprio autor, 2022.

 20

USUÁRIOS

Fonte: Do próprio autor, 2022.

INSTITUIÇÕES/EMPRESAS
 21

4.1.5.2 Diagrama de sequência – Alterar dados

Fonte: Do próprio autor, 2022.

 22

4.1.5.3 Diagrama de sequência – Cadastrar

ATENDENTE

Fonte: Do próprio autor, 2022.

 23

GERENTE

Fonte: Do próprio autor, 2022.

 24

USUÁRIOS

Fonte: Do próprio autor, 2022.

 25

EMPRESAS/INSTITUIÇÕES
 26

Fonte: Do próprio autor, 2022.

4.1.5.4 Diagrama de sequência – Efetuar exclusão – conta

Fonte: Do próprio autor, 2022.

 27

4.1.5.5 Diagrama de sequência – Gerenciar cartão

ATENDENTE
 28

Fonte: Do próprio autor, 2022.

USUÁRIOS

Fonte: Do próprio autor, 2022.

 29

INSTITUIÇÕES/EMPRESAS

Fonte: Do próprio autor, 2022.

 30

5. PROJETO FÍSICO
5.1 Interfaces do sistema
5.1.1 Tela inicial

5.1.2 Tela de Login

 31

5.1.3 Tela de cadastramento

5.1.4 Tela de solicitação de cartão

 32

5.1.5 Tela de contato – Fale conosco

5.1.6 Tela de perguntas frequentes

 33

6. CONSIDERAÇÕES FINAIS

Os motivos para a realização do trabalho, evidenciou a necessidade de

modernização do sistema que possibilitaria a redução das falhas nos cartões,
diminuição das filas de espera, facilidade no carregamento do bilhete etc. Além de
ser um projeto piloto, é claramente interessante trazer inovação e modernidade ao
Município, fazendo com que melhorias sejam realizadas através da gestão e da
tecnologia deste sistema.
Vemos que o setor de transporte público deve ser eficaz a todos os usuários, e
passa pela indigência de avanços para que a população usufrua de forma eficiente,
fazendo um gerenciamento de tempo, risco e qualidade. Observou-se também que,
facilitaria a vida dos usuários o carregamento online e a validação dos cartões de
idoso e estudante, sendo viável e extremamente funcional, pois diminuiria o tempo
de locomoção e espera no posto de carregamento, trazendo uma funcionalidade
benéfica a todos.
Sendo assim, a solução mostra ser atrativa e traz uma percepção do quanto esse
sistema promoveria uma inovação e avanço do Município em questão das cidades
do Alto Tiete, e aos órgãos responsáveis, vale ressaltar o interesse deste novo
modelo; e diante disso para trabalhos futuros, seria necessário a instalação deste
sistema para fins de testes posteriores a um possível aprofundamento de estudo e
concretização do sistema na cidade.
 34

BIBLIOGRAFIA

GUEDES, Gilleanes T. A. *UML 2: uma abordagem prática*. 2. ed. São Paulo:

Novatec, 2011.

Graham, lan S. 1955 - a referência completa para HTML 3.2 e extensões HTML/lan
S. Graham; tradução Elisa Ferreira. Rio de Janeiro: Campus, 1998.

Machado, Felipe Nery Rodrigues - Projeto e implementação de banco de dados /

Felipe Nery Rodrigues Machado. - 2. ed. - São Paulo: Erica, 2008.

NASCIMENTO, Lailson. Aplicativo de celular mostra localização dos ônibus e

diminui tempo de espera em Itaquá [internet]. Disponível em:
<https://www.leiaogazeta.com.br/aplicativo-de-celular-mostra-localizacao-dos-
onibus-e-diminui-tempo-de-espera-em-itaqua/>. Publicado em: 23 de mai. 2021.
Acesso em: 5 de mai. 2022.

REDE NOSSA SÃO PAULO. Viver em São Paulo: MOBILIDADE URBANA.

Disponível em:
<https://www.google.com/url?sa=t&source=web&rct=j&url=https://www.nossasaopaul
o.org.br/wp-content/uploads/2021/09/ViverEmSP-Mobilidade-2021-
apresentacao.pdf&ved=2ahUKEwj2-
sKwx8f3AhU_tJUCHRURA0IQFnoECAoQBg&usg=AOvVaw2aeUTMRxZ8wiXD3BZ
Be_qR>. São Paulo: 2021. Acesso em: 5 de maio 2022. p. 19.

Guia básico de gestão operacional para melhoria da qualidade do serviço de ônibus.

Brasília: Duo Design, 2019.

EMPRESA METROPOLITANA DE TRANSPORTES URBANOS- EMTU. Região

Metropolitana de São Paulo. 2022. Disponível em:
<http://www.emtu.sp.gov.br/emtu/institucional/quem-somos/sao-paulo.fss>. Acesso
em: 10 nov. 2022.

SÃO PAULO TRANSPORTES S/A – SPTrans. Secretaria Municipal de Transporte e

Mobilidade Urbana. 2022. Disponível em: <https://www.sptrans.com.br/>. Acesso
em: 10 nov. 2022.