Portfólio individual 5º semestre ADS

Prévia do material em texto

Sistema de Ensino 100% online
ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
GUILHERME FLECK SARAIVA MACHADO
PRODUÇÃO TEXTUAL INTERDISCIPLINAR INDIVIDUAL
Desenvolvimento de Sistemas de Informação III
Santa Maria - RS
2018
Portfólio individual
Desenvolvimento de Sistemas de Informação III
Trabalho de Produção Textual (Individual) apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média semestral nas disciplinas de Engenharia e Projeto de Software, Projeto Orientado à Objetos, Programação para Web II, Seminários V.
Orientadores: Professores. Marco Ikuro Hisatomi, Paulo Henrique Terra, Anderson Emidio de Macedo Gonçalves, Roberto Yukio Nishimura.
Santa Maria - RS
2018
SUMARIO
1 INTRODUÇÃO	.4
2 OBJETIVO	.5
3 DESENVOLVIMENTO	.6
3.1 DIAGRAMAS DO PROJETO....................................................................6
3.1.3 DIAGRAMA DE ENTIDADE E RELACIONAMENTO CONCEITUAL....8
3.1.4 MODELO DE ENTIDADE E RELACIONAMENTO LÓGICO.................9
3.2 DESENVOLVIMENTO DA PÁGINA WEB...............................................10
3.2.1 Desenvolvimento da Página Cadastro de Clientes..............................10
3.2.2 Desenvolvimento da Página Cadastro de Veículos e Ordem de Serviços....12
3.2.3 Desenvolvimento da Página Pagamento.............................................14
3.3 CÓDIGO PHP PARA CONEXÃO COM BANCO DE DADOS................15
3.4 BANCO DE DADOS...............................................................................15
3.5 ESTRUTURA ANALÍTICA DO PROJETO (EAP)...................................16
3.5.1 Escopo do Projeto...............................................................................16
3.5.2 Objetivo deste documento...................................................................16
3.5.3 Objetivo do Projeto...............................................................................16
3.5.4 Descrição Geral do Projeto..................................................................16
3.5.5 Definição de Escopo............................................................................16
3.5.6 Escopo do Produto..............................................................................16
3.5.7 Justificativa do Projeto.........................................................................16
3.5.8 Mapa mental........................................................................................17
3.5.9 Mapeamento de Requisitos Funcionais e não funcionais....................17
4 CONCLUSÃO............................................................................................19
5 REFERÊNCIAS..........................................................................................21
1- INTRODUÇÃO
Este trabalho demonstra a importância de empregar a tecnologia para desenvolvimento de um sistema de ordem de serviço para uma oficina mecânica.
O conteúdo a seguir abordará, viabilização do desenvolvimento de sistema de informação analisando, incrementar o conhecimento em Engenharia e Projeto de Software, Projeto Orientado a Objetos, Banco de Dados II e programação para Web, e as linguagens mais usadas para programação web, como o PHP, HTML, CSS e MySql além de falar sobre os recursos de como programar com tais linguagens de programação.
	O desenvolvimento da página web foi feito com a linguagem HTML5, tendo PHP para conexão com os bancos de dados, CSS3 foi usado para o estilo da página e MySql para construção dos bancos de dados.
	Este trabalho aborda o desenvolvimento de um sistema dinâmico onde o funcionário através de um computador conectado a uma rede local pode cadastrar clientes, veículos, ordens de serviços e também possuindo uma página de pagamento.
2- OBJETIVO
	Objetivando mostrar em um projeto prático, com base no cenário do estudo de caso “oficina mecânica” proposto, juntamente com o que foi aprendido nas disciplinas do semestre, será apresentado os níveis de elaboração de um sistema web para cadastros e ordens de serviço, acessíveis aos funcionários. Levando em consideração os critérios básicos de elaboração de interfaces, somado ao que foi aprendido sobre as técnicas de modelagem UML.
3- DESENVOLVIMENTO
3.1 DIAGRAMAS DO PROJETO
3.1.1 Diagrama de caso de uso da oficina mecânica
O diagrama de caso de uso demonstra a funcionalidade do sistema do ponto de vista do usuário, nesse diagrama não nos aprofundamos em detalhes técnicos demonstrando apenas o processo da rotina de trabalho dos funcionários da oficina mecânica.
Figura 1 – Diagrama de Caso de Uso
	
3.1.2 DIAGRAMA DE CLASSES DO SISTEMA DE CONTROLE DE FROTA.
Um diagrama de classes é uma representação da estrutura e relações das classes que servem de modelo para objetos que serão usados no banco de dados, por esse motivo o diagrama de classes se torna tão importante.
Figura 2 – Diagrama de Classe
3.1.3 DIAGRAMA DE ENTIDADE E RELACIONAMENTO CONCEITUAL
Quando se inicia o desenvolvimento de um novo sistema, ou mesmo de uma nova funcionalidade para um sistema existente, um dos primeiros passos a ser executado é o estudo e levantamento dos requisitos necessários para a construção do produto final. Durante essa análise, identifica-se as principais partes e objetos envolvidos, suas possíveis ações e responsabilidades, suas características e como elas interagem entre si.
A partir das informações obtidas, pode-se desenvolver um modelo conceitual que será utilizado para orientar o desenvolvimento propriamente dito, fornecendo informações sobre os aspectos relacionados ao domínio do projeto em questão.
	Figura 3 – Diagrama Conceitual
3.1.4 MODELO DE ENTIDADE E RELACIONAMENTO LÓGICO
Este modelo representa de forma abstrata a estrutura que possuirá o banco de dados da aplicação. Obviamente, o banco de dados poderá conter várias outras entidades, tais como chaves e tabelas intermediárias, que podem só fazer sentido no contexto de bases de dados relacionais.
Figura 4 – Modelo Lógico
3.2 DESENVOLVIMENTO DA PÁGINA WEB
3.2.1 Desenvolvimento da Página Cadastro de Clientes 
Página destina-se ao cadastro de clientes, onde seus dados são armazenados em banco de dados, possibilitando ao usuário do sistema localizar dados dos clientes futuramente.
Figura 5 – Cadastro de Clientes
Figura 6 – Código da Página Cadastro de Clientes
3.2.2 Desenvolvimento da Página Cadastro de Veículos e Ordem de Serviços
Página destina-se ao cadastro de veículos e ordem de serviços, onde são armazenados dados dos veículos com defeitos apresentados, data de entrada do veículo, forma de pagamento da manutenção e a situação que o mesmo se encontra. Facilitando ao funcionário ter o controle total dos serviços feitos na oficina.
Figura 9 – Cadastro de Veículos e Ordem de Serviço
Figura 10 – Código da página Cadastro de Veículos
Figura 11 – Código da página Ordem de Serviços
3.2.3 Desenvolvimento da Página Pagamento
Essa página destina-se ao usuário especificar o tipo de serviço feito e baseado nas tabelas do banco de dados irá calcular os custos da manutenção.
Figura 12 – Página Pagamento
Figura 13 – Código HTML da Página Pagamento
3.3 CÓDIGO PHP PARA CONEXÃO COM BANCO DE DADOS
Este Código tem a função de conectar os formulários da página HTML ao banco de dados localizado no servidor PHPMyAdmin.
Figura 9 – Código PHP da Conexão com o Banco de Dados
3.4 BANCO DE DADOS
Banco de dados localizado no phpMyAdmin com as tabelas demonstradas na imagem abaixo. 
Figura 10 – Banco de Dados MySql
3.5 ESTRUTURA ANALÍTICA DO PROJETO (EAP)
3.5.1 Escopo do Projeto
O escopo de um projeto descreve todos os seusprodutos, os serviços necessários para realizá-los e os resultados esperados. Descreve também o que é preciso fazer para que alcance seus objetivos com os recursos e funções especificados. Embora concentremos nosso interesse em projetos de mídias digitais, examinamos aspectos que se estendem à definição de escopo de projetos em geral.
3.5.2 Objetivo deste documento
Implementar um sistema web para uma oficina mecânica, a qual prestas serviços de manutenção de veículos.
3.5.3 Objetivo do Projeto
Cadastrar clientes e veículos para que se tenha total controle durante a execução das ordens de serviços.
3.5.4 Descrição Geral do Projeto
	O projeto teve início em março de 2018, após análise de requisitos, divisão de tarefas e escolha das linguagens e layouts a serem utilizadas no projeto. 
	
3.5.5 Definição de Escopo
	A definição do escopo do projeto foi determinada após documentar uma lista de objetivos específicos, entregas, tarefas, custos e prazos.
3.5.6 Escopo do Produto
A implementação do projeto deve ser feita conforme o análise e estudo do caso, facilitando ao usuário o uso do sistema.
3.5.7 Justificativa do Projeto
	Ultimamente, as empresas têm procurado cada vez mais a tecnologia onde facilita a organização de estoque, sendo assim, um sistema para a oficina mecânica Chave de Rodas se faz necessário.
 
3.5.8 Mapa mental
3.5.9 Mapeamento de Requisitos Funcionais e não funcionais
REQUISITOS FUNCIONAIS
Manter cadastro dos clientes
Manter dados dos veículos
Cadastro de ordens de serviços
Tabela de pagamento
REQUISITOS NÃO FUNCIONAIS
O sistema deve funcionar no mínimo em navegador Mozilla Firefox e Google Chrome.
4. CONCLUSÃO
Conforme as disciplinas de Programação Orientada a Objetos conjunta com a Análise Orientada a Objetos mostra que uma modelagem bem feita, após a análise de requisitos, proporciona um modelo de sistema organizado e de fácil manutenção, pois facilitam o entendimento do sistema, assim com uma melhor visão do que necessário implementar e corrigir. Seguindo conceitos de um modelo de desenvolvimento UML, organizando classes, objetos e métodos. 
Essa modelagem é tão importante para estrutura do projeto e entendimento quanto o engajamento de novos desenvolvedores e adições no projeto.
O projeto busca a facilidade de o desenvolvedor identificar o código e o entendimento dos bancos de dados, com uma interface pratica e ágil tornando fácil o acesso do usuário.
Por fim o portfólio motiva o aluno a buscar conhecimento extra das disciplinas abordadas no semestre, linguagens de programação e novas tecnologias, mantendo-se sempre atualizado e procurando o melhor desenvolvimento possível, tendo em mente projetos que irão agregar organização e agilidade a empresas como a “Chave de Rodas”.
REFERÊNCIAS
UML
https://www.significados.com.br/diagrama-de-classes/
https://www.devmedia.com.br/o-que-e-uml-e-diagramas-de-caso-de-uso-introducao-pratica-a-uml/23408
DER
https://pt.wikipedia.org/wiki/Modelo_entidade_relacionamento
DESENVOLVIMENTO
https://www.youtube.com/watch?v=Ofktsne-utM&list=PLHz_AreHm4dkBs-795Dsgvau_ekxg8g1r
https://www.youtube.com/watch?v=epDCjksKMok&list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o
https://developer.mozilla.org/pt-BR/docs/Web/Guide/HTML/Forms/Meu_primeiro_formulario_HTML
http://www.techtudo.com.br/artigos/noticia/2012/04/o-que-e-e-como-usar-o-mysql.html
https://www.w3schools.com/sql/