TCM - Trabalho de Conclusão de Módulo (Oficial)

Prévia do material em texto

MÓDULO ESPECÍFICO 
 
 
 
 
 
 
CARINA ARAUJO TEIXEIRA - RA 222482019 
 
 
 
 
 
 
 
 
 
 
 
 
 
TRABALHO DE CONCLUSÃO DE MÓDULO 
 
 
 
 
 
 
 
 
 
 
 
 
 
............................................................................................................................... 
 
Guarulhos 
2020 
 
ENIAC ENSINO BÁSICO E SUPERIOR 
 
 
 
CARINA ARAUJO TEIXEIRA - RA 222482019 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
TRABALHO DE CONCLUSÃO DE MÓDULO 
 
 
 
 
 
 
 
 
 
 
 
 
 
Trabalho de Conclusão de Módulo Específico da Faculdade ENIAC, apresentado à 
disciplina de Desenvolvimento para 
Internet. 
 
Prof. Nelson Luzetti Criado. 
 
 
 
 
 
 
 
Guarulhos 
2020 
 
DEDICATÓRIA 
 
 
 
 
 
 
 
 
 
Dedico este Trabalho de Conclusão de 
Módulo aos meus pais, que sempre 
acreditaram que estaria em uma 
universidade e sempre me apoiaram, 
independente de tudo. Dedico também aos 
professores que me orientaram nesse 
projeto até o fim, sem me deixar com 
dúvidas. Dedico ao Brechó Bolota que 
representa a grande maioria das empresas 
brasileiras: As microempresas. A Claudinéia, 
dona do Brechó que é apaixonada pelo que 
faz. 
 
 
 
 
 
 
 
 
AGRADECIMENTOS 
 
 
 
 
 
 
 
 
 
 
 
 
Agradeço à todos os professores do semestre 
que me auxiliaram a produzir este TCM. Ao 
orientador do Projeto Integrador, Prof. Nelson 
Luzetti, que não deixou qualquer dúvida 
acerca do projeto integrador e tão menos o 
TCM. Agradeço ao Brechó Bolota por fornecer 
informações da empresa para o trabalho. A 
proprietária, Claudinéia Araujo Pereira, por 
aceitar tão facilmente ter sua empresa 
estudada por uma de universitária. Agradeço 
meus pais que sempre acreditaram em mim. 
Que apoiaram minhas decisões e que amo 
muito. Meus agradecimentos à todos que me 
ajudaram, mesmo que com conselhos, à 
saciar minhas dúvidas e melhorar esse projeto 
integrador juntamente com o trabalho de 
conclusão deste módulo. 
. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Uma visão sem ação não passa de um sonho. 
Ação sem visão é só um passatempo. 
Mas uma visão com ação pode mudar o 
mundo. 
 
(Joel Arthur Barker - Autor) 
 
 
Sumário 
RESUMO 8 
INTRODUÇÃO 9 
1.CAPÍTULO I 10 
1.1 Objetivos 10 
1.2 Problema 10 
1.3 Justificativas 11 
1.4 Cliente 11 
1.5 Escopo 11 
1.6 Mapa Mental 12 
2. CAPÍTULO II 13 
2.1 Fundamentação Teórica 13 
2.2 Diagrama de navegação 14 
3. CAPÍTULO III 15 
3.1 Desenvolvimento - Análise de Requisitos e Layouts 15 
3.2 Requisitos funcionais 15 
3.3 Modelo de Dados 16 
3.3.1 Modelo Lógico da Base de Dados 16 
3.3.2 Criação Física do Modelo de Dados 17 
4. CAPÍTULO IV 18 
4.1 Resultado 18 
5. CAPÍTULO V 19 
5.1 Conclusão da Integrante - Carina Araujo Teixeira 19 
REFERÊNCIAS 20 
 
 
 
 
 
 
 
 
 
8 
RESUMO 
 
O projeto trata-se do desenvolvimento de uma aplicação web, onde 
deve-se ser desenvolvido uma aplicação onde o cliente possa fazer cadastro, 
login, alterar/excluir produtos. 
Ele analisa os problemas apresentados pela empresa, criando um 
escopo e mapa mental, usando a fundamentação teórica e desenvolvendo 
requisitos funcionais e modelos de dados. 
Procura a definição dos recursos utilizados para realizar o projeto e que 
foram necessários, como Banco de Dados, Ferramentas, Linguagens de 
Programação, Lógica de Programação, Softwares etc. 
Analisa detalhadamente e exemplifica, como é o funcionamento externo 
do projeto, Aplicação Web. Especifica as ações que ele é capaz de executar, 
ou seja, as funções do sistema, como funciona internamente e externamente o 
seu banco de dados e como ele foi pensado de forma lógica. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9 
INTRODUÇÃO 
Este é um trabalho de conclusão de módulo que tem como objetivo 
concluir os trabalhos semestrais adquiridos ao decorrer dos meses da matéria 
Desenvolvimento para Internet, proposto pelo Centro Universitário ENIAC. Irei, 
a partir de agora, apresentar-lhes o Sistema Web/Aplicação Web, desenvolvido 
para a empresa Brechó Bolota, criada em 2008 e que têm como objetivo 
proporcionar a melhor experiência em compras do ramo infantil, localizada no 
bairro Vila Madalena - Pinheiros, São Paulo. 
O Projeto Integrador, proposto pela universidade, integra todas as 
disciplinas que foram estudadas durante o semestre e proporciona à seus 
alunos a vivências com o mundo empresarial, para que eles desenvolvam seus 
projetos com empresas reais. Ressalto aqui que esta pesquisa tem apenas o 
caráter científico. 
Com essa pesquisa procurei estudar o ambiente da empresa e analisar 
seus comportamentos ao se deparar com a sucessão de problemas que o 
software gerava. Procurei também melhorias para a empresa e a avaliei 
durante todo o trabalho através de conversas com a dona e pesquisas. 
Esse projeto integrador tem como objetivo o desenvolvimento de uma 
aplicação web, em empresas de pequeno/médio porte, visando o crescimento 
dos universitários e da empresa. E através dele e com as informações aqui 
reunidas, desejo fazer a empresa atingir o seu objetivo, de crescer e se 
expandir fisicamente e virtualmente. 
Pretendo com esse projeto apresentar o Brechó Bolota e suas 
experiências com os software e a aplicação web, desenvolvida para empresa, 
para possíveis novos investidores, estudantes, professores e 
microempreendedores, para que eles possam usar deste trabalho, como 
modelo e orientação, de suas ações futuras. 
 
10 
1.CAPÍTULO I 
 
1.1 Objetivos 
Apresentar a implementação de uma aplicação de forma teórica e 
prática. Analisando os problemas apresentados pela empresa, criando um 
escopo e mapa mental, usando a fundamentação teórica e desenvolvendo 
requisitos funcionais e modelos de dados. 
1.2 Problema 
A empresa estava com dificuldades em relação ao cadastros de 
produtos, funcionários e fornecedores. Eles possuíam um software instalado, 
mas que não continha a manutenção devida, vinha dando indícios de mal 
funcionamento e não estava mais atendendo as necessidades da empresa. O 
software se tornou obsoleto. 
Então a empresa decidiu trocá-lo, para um Sistema Web/Aplicação Web, 
em uma conversa com a Dona Claudineia, ela especificou que desejava que o 
sistema tivesse novas funções, como poder fazer login e que tanto funcionários 
e fornecedores pudessem ter acesso aos seus dados e os dados dos produtos, 
mas que só ela e funcionários poderiam fazer modificações nos produtos. 
Com essa apresentação do problema foi discutido e apresentado a 
seguinte resolução, de que o problema pode ser resolvido com um sistema 
WEB, composto por um cadastro de usuários, para que a empresa tenha mais 
controle sobre os fornecedores das roupas, onde os usuários irão cadastrar 
cada fornecedor e cliente que deseja se tornar um fornecedor, a empresa 
também poderá controlar os estoques dos produtos cadastrados, mas somente 
o administrador poderá alterar/excluir os dados dos produtos e verificar o 
estoque. 
11 
1.3 Justificativas 
Durante os primeiros meses de acompanhamento, foi de minha 
percepção que a empresa estava com extrema dificuldade, com os cadastros 
de produtos, login de funcionários e atualização de dados dos fornecedores. A 
pesquisa consegue atingir suas finalidades para o que foram projetadas e elamostra a solução para os problemas citados. 
Neste projeto é aplicado todos os pontos de vistas teóricos que se 
encontram aqui mencionados e que foi suma importância na implementação do 
projeto, fazendo com que ele cresça e ele desenvolva dentro da empresa. A 
prática do segue sua base teórica,assim como também fiel ao seu escopo. 
Em todo o seu processo de desenvolvimento da aplicação o conteúdo 
citado nesse artigo é aplicado. 
1.4 Cliente 
O Brechó Bolota se concentra no ramo de vestuário Infantil, quando ela 
foi adquirida, por Claudinéia A. Pereira, ela tinha em mente que o 
estabelecimento deveria ser um lugar onde as pessoas pudessem ir para 
conversar sobre, a vida cotidiana, política, filhos, amigos. Ela visava um lugar 
para entretenimento e lazer, mas que deveria fornecer acessórios, brinquedos, 
livros e roupas infantis. 
A empresa Brechó Bolota, têm mais de 10 anos no mercado, mas foi a 
partir de 2008 que ela começou a ficar conhecida, pois foi nesse ano que a 
Dona Claudineia Araujo Pereira assumiu o negócio, nos meados de 2018 ela 
ganhou o prêmio de uma das melhores microempresas do SEBRAE, se 
localiza no alto de pinheiros, na Rua Fradique Coutinho, 825, Vila Madalena. 
1.5 Escopo 
O escopo do projeto é uma finalidade e um propósito, que tem que ser 
extremamente definido para que não haja problemas adicionais. Essa parte do 
projeto, é de extrema importância, pois é, nela que se define claramente onde o 
projeto começa e onde ele termina. E através dele que se consegue atingir o 
12 
objetivo. 
Para a aplicação Web do Brechó foi definido no escopo os seguintes 
itens: Cadastro de Funcionários; Cadastro de Fornecedores; Alterar senha e 
login; ​Cadastrar Item; Alterar Item; Excluir Item; Cancelar. 
Com o escopo já definido é possível avaliar e concluir, em um 
determinado momento do processo como está o andamento do projeto, ou 
seja, uma vez definido o escopo, será possível observar o quão distante o 
projeto está de atingir a meta final. 
1.6 Mapa Mental 
 
 Fonte:​ Mapa Mental do Projeto, feito pela própria aluna. 2020. 
13 
2. CAPÍTULO II 
2.1 Fundamentação Teórica 
Este parágrafo é a definição dos recursos utilizados para realizar o 
projeto e que foram necessários, como Banco de Dados, Ferramentas, 
Linguagens de Programação, Lógica de Programação, Softwares etc. 
Banco de Dados ou Base de Dados são conjuntos de arquivos 
associados entre si com registros de pessoas, lugares ou coisas. Também 
pode ser um Sistema de Gerenciamento de Banco de Dados(SGBD), ele é um 
software que possui recursos capazes de manipular as informações do banco 
de dados e interagir com o usuário. Este projeto utiliza o software SGBD, um 
dos conhecido é o MySQL, através dele estão os dados dos produtos, 
funcionários, fornecedores e administradores. E onde serão armazenados, para 
serem consultados. 
Para que o SGBD e a Linguagem PHP funcione testamos eles através 
da ferramenta XAMPP, ela testa as linhas dos códigos na Web de maneira 
simples e organizada, pois é um pacote com os principais servidores de código 
aberto do mercado, incluindo FTP(Protocolo de Transferência de Arquivos), 
banco de dados MySQL e Apache com suporte as linguagens PHP e Perl​. 
Também utilizei uma ferramenta para escrever os códigos o Sublime Text 3, 
um editor de texto especializado para formatar os códigos de maneira correta e 
deixá-los com a síntese organizada. 
Linguagem de Programação é um método padronizado, para 
expressar instruções para um computador, ou seja, é um conjunto de regras 
básicas e significativas usadas para definir um programa de computador. Neste 
projeto é utilizado a linguagem PHP, ela é uma linguagem livre e de código 
aberto, foi criada especificamente para o desenvolvimento Web. Ela funciona 
em conjunto com o HTML ,CSS e JS(JavaScript), na parte de funcionalidade, 
enquanto o HTML, CSS e JS são conteúdo, estilo e interatividade, 
14 
respectivamente. 
2.2 Diagrama de navegação 
A seguir você verá a sequência de navegação das telas, onde busquei 
aplicar o máximo de teoria possível. Telas a seguir são apenas uma parte do 
site, pois ele ainda se encontra em construção em algumas partes. 
 
Fonte:​ Imagem da capa do site, feito pela própria aluna. 2020. 
 
Fonte:​ Imagem do login, feito pela própria aluna. 2020. 
 
Fonte:​ Imagem do cadastro, feito pela própria aluna. 2020. 
 
15 
3. CAPÍTULO III 
3.1 Desenvolvimento - Análise de Requisitos e Layouts 
Neste capítulo irei fazer uma análise detalhada e exemplificar, como é o 
funcionamento externo do projeto, Aplicação Web do Brechó Bolota. Irei 
especificar as ações que ele é capaz de executar, ou seja, as funções do 
sistema, como funciona internamente e externamente o seu banco de dados e 
como ele foi pensado de forma lógica. 
3.2 Requisitos funcionais 
Em engenharia de software, um requisito funcional define uma função 
de um sistema de software ou seu componente. O requisito funcional simboliza 
o que o software faz em termos de serviço e tarefas. 
 
 Fonte:​ Diagrama de Caso de Uso, feito pela própria aluna. 2020. 
16 
Observe que há três usuários: Administrador, Fornecedor e Funcionário. 
Note também que cada um deles possui uma função e tem diferentes acessos, 
todos, menos é claro o administrador, possuem limitações, como filtrar 
informações, cadastro de produtos(no caso do fornecedor). 
Perceba que requisitos funcionais são de extrema importância. Pois, as 
funcionalidades somente existem para realizar Requisitos Funcionais. Logo, 
sem requisitos funcionais não há funcionalidades e sem funcionalidades não há 
sistema. 
3.3 Modelo de Dados 
Modelar significa criar um modelo que explique as características de 
funcionamento e comportamento de um software a partir do qual ele será 
criado, facilitando seu entendimento e seu projeto, através das características 
principais que evitarão erros de programação, projeto e funcionamento. 
3.3.1 Modelo Lógico da Base de Dados 
O modelo lógico descreve como os dados serão armazenados no banco 
e também seus relacionamentos. Esse modelo adota alguma tecnologia, pode 
ser: relacional, orientado a objetos, orientado a colunas, entre outros. 
 
Fonte:​ Modelo Lógico, feito pela própria aluna. 2020. 
17 
 
3.3.2 Criação Física do Modelo de Dados 
O modelo físico descreve, por meio de alguma linguagem, como será 
feita a armazenagem no banco. Nesse nível se escolhe qual Sistema 
gerenciador de Banco de dados (SGBD) será usado, levando em consideração 
o modelo lógico adotado. Pode ser: PostgreSQL, MySQL, dentre outros. 
 
Fonte:​ Modelo Físico, feito pela própria aluna. 2020. 
 
 
 
 
 
18 
4. CAPÍTULO IV 
4.1 Resultado 
Ao decorrer de todo o projeto e das conversas que tive com a dona 
Claudineia Pereira, foi decidido que o projeto teria muitas etapas, ela desejou 
que nesses meses mais recentes o site e o projeto sofresse algumas 
alterações, mas tudo que foi apresentado neste trabalho foi colocado e está 
sendo colocado em prática para atingir a meta e o objetivo final. 
A primeira fase do trabalho foi o desenvolvimento do problema, a 
solução apresentada, a construção do objetivo,do escopo e mapa mental. 
Esteve concluída através de muita pesquisa e horas na empresa para 
acompanhar os funcionários e fornecedores. 
O desenvolvimento da segunda fase achou-se ao decorrer das aulas e 
de estudos profundos sobre os temas citados, de HTML5, CSS3 e JavaScript. 
Assim também ocorreu com o desenvolvimento das práticas citadas, em 
Requisitos Funcionais e Modelos de Dados. Onde foram expostos os próprios 
desenvolvimento do projeto. 
 
 
4.2 Pitch 
Disponivel em: https://youtu.be/eQYInbY1fdE 
19 
5. CAPÍTULO V 
5.1 Conclusão da Integrante ​- ​Carina Araujo Teixeira 
Este projeto integrador foi um grande desafio, pois entender o que o 
cliente busca em uma aplicação é o real desafio. Houve muitos momentos em 
bater a cabeça na mesa para buscar um melhor entendimento sobre as ideias 
do cliente e implementar a aplicação da forma mais fiel a ideia que ele propôs. 
Todas os professores, ajudaram nesse projeto com conselhos. Estive 
com cada um deles, aprendendo e compartilhando conhecimento. Até aqui não 
houve pontos negativos, mesmo se houvesse não diria que são negativos, 
porque através deles tive uma nova perspectiva sobre o trabalho como um todo 
e ver onde mudar, porque mudar. 
Quando entrei para a faculdade, esperava aulas intermináveis, bem 
disso não consegui escapar, mas a forma como as matérias são passadas faz 
com que eu queira ir, claro que esse não é o motivo principal, mas até agora 
tem funcionado como um bom combustível. Bem, foi exatamente isso que 
pensava no começo do ano e então veio a covid-19, mas mesmo com essa 
pandemia conseguia atingir todos, bom a maioria, dos objetivos e metas que 
foram propostos pelos professores. 
Espero terminar a faculdade, sem pegar nenhuma DP, continuar 
aprendendo a cada semestre e poder olhar para trás com saudades. 
 
20 
REFERÊNCIAS 
 
MindMup: Como utilizar o MindMup. [2013]. Disponível em: 
<https://www.youtube.com/watch?v=CJkE8G-S2ak&feature=youtu.be&t=86.> 
Acesso em 24 de mar de 2020. 
Bento, Edvaldo Junior. ​Desenvolvimento web com PHP e MYSQL. ​São 
Paulo, 2014. 
Welling, Luke. ​Desenvolvimento de Web do PHP, MySQL, tradução da 4ª 
edição, norte-americana. ​ Editora Addison Wesley 2008. 
Mazza, Lucas. ​HTML5 e CSS3 Domine a Web do Futuro. ​São Paulo, 2008. 
Milani, André. ​Construindo Aplicações Web Com Php e Mysql - 2ª edição. 
Brasil, 2017. 
Alves, William Pereira.​ Construindo Uma Aplicação Web Completa Com 
Php e Mysql. ​Brasil, 2017. 
Castro, Elizabeth e Hyslop, Bruce.​ Html5 e Css3 - Guia Prático e Visual - 
tradução da 7ª edição, norte-americana. ​Editora Campus, 2013. 
Justo, Andreia Silva.​ O que é Escopo do Produto e Escopo de Projeto?, 
Publicado, 30 de agosto de 2018. Disponível: 
<https://www.euax.com.br/2018/08/o-que-e-escopo-de-projeto-escopo-do-prod
uto/> Acesso em: 24 de mai. de 2020. 
Anônimo.​ Escopo do projeto x escopo do produto, ​Publicado, 2017. 
Disponível: 
<https://www.auctus.com.br/escopo-do-projeto-x-escopo-do-produto/> Acesso 
em: 24 de mai. de 2020. 
Anônimo.​Significado de Escopo,​ Publicado, 02 de abril de 2015. Disponível: 
<https://www.significados.com.br/escopo/> Acesso em: 24 de mai. de 2020. 
Space Programmer. ​Modelagem de Banco de Dados: Conceitual, Lógica e 
Física. ​Disponível: 
21 
<http://spaceprogrammer.com/bd/introducao-ao-modelo-de-dados-e-seus-nivei
s-de-abstracao/> Acesso em: 24 de mai. de 2020. 
S/N. ​Linguagens de programação, para que servem?, ​Publicado, 18 de 
março de 2014.​ ​Disponível: 
<http://www.digitaldev.com.br/linguagens-de-programacao/> Acesso em: 25 de 
mai. de 2020. 
Wikipédia, a enciclopédia livre. ​Banco de Dados, ​Publicado, 20 de maio de 
2020. Disponível: <https://pt.wikipedia.org/wiki/Banco_de_dados> Acesso: 25 
de mai. de 2020. 
Ramakrishnan, R. e Gehrke, ​J. ​Sistemas de Gerenciamento Sistemas de 
Gerenciamento de Banco de Dados de Banco de Dados, tradução da 3ª 
edição. ​Editora McGraw-Hill, 2008. 
KORTH, H.F. e SILBERSCHATZ, A. ​Sistemas de Bancos de Dados, Makron 
Books, 2ª edição revisada.​ 1994. 
DATE, C.J.; Int. a ​Sistemas de Bancos de Dados, tradução da 4ª edição 
norte-americana. ​Editora Campus, 1991. 
MILETTO, M. Evandro e BERTAGNOLLI, De C. Silvia.​Desenvolvimento de 
Software II: Introdução ao Desenvolvimento Web com HTML, CSS, 
JavaScript e PHP.​ Porto Alegre, Editora Bookman, 2014. 
PFLEEGER, S. L. ​Engenharia de software: teoria e prática. 2. ed. ​São 
Paulo: Prentice Hall, 2003. 
PRESSMAN, R. S. E​ngenharia de software: uma abordagem profissional. 
7. ed. ​Porto Alegre: AMGH, 2011. 
SOMMERVILLE, I. ​Engenharia de software. 9. ed. ​São Paulo: Pearson 
Education, 2011. 
VENTURA, Plínio. ​O que é Requisito Funcional.​ Publicado, 11 de maio de 
2014. Atualizado, 10 de fevereiro de 2019. Disponível: 
22 
<https://www.ateomomento.com.br/o-que-e-requisito-funcional/> Acesso em: 28 
de mai. de 2020. 
Lucid Software. ​O que é um modelo de Banco de Dados?​ Disponível: 
<https://www.lucidchart.com/pages/pt/o-que-e-um-modelo-de-banco-de-dados> 
Acesso em: 28 de mai. 2020. 
Wikipédia, a enciclopédia livre. ​Modelagem de Dados, ​Publicado, 16 de abril 
de 2020. Disponível: <https://pt.wikipedia.org/wiki/Banco_de_dados> Acesso: 
25 de mai. de 2020