PIM VIII 8 PROJETO INTEGRADO MULTIDISCIPLINAR (PIM VIII) DESENVOLVIMENTO DE UM MECANISMO DE ACESSO A UM TRECHO DO BANCO DE DADOS DE UM SISTEMA EM C, COM PROTÓTIPOS ASP.NET E ANDROID.

Prévia do material em texto

2
UNIP EaD
PROJETO INTEGRADO MULTIDISCIPLINAR
CURSOS SUPERIORES DE TECNOLOGIA 
PROJETO INTEGRADO MULTIDISCIPLINAR (PIM VIII)
DESENVOLVIMENTO DE UM MECANISMO DE ACESSO A UM TRECHO DO BANCO DE DADOS DE UM SISTEMA EM C#, COM PROTÓTIPOS ASP.NET E ANDROID.
POLO IESA 
AMERICANA-SP
2021
UNIP EaD
PROJETO INTEGRADO MULTIDISCIPLINAR
CURSOS SUPERIORES DE TECNOLOGIA 
Diogo Henrique Morata RA: 2045062 – Americana – SP
PROJETO INTEGRADO MULTIDISCIPLINAR (PIM VIII)
DESENVOLVIMENTO DE UM MECANISMO DE ACESSO A UM TRECHO DO BANCO DE DADOS DE UM SISTEMA EM C#, COM PROTÓTIPOS ASP.NET E ANDROID.
Trabalho interdisciplinar do projeto integrado multidisciplinar VIII (PIM VIII),
Apresentado como exigência parcial para conclusão do bimestre do
Curso de análise e desenvolvimento de sistemas.
Orientador: Prof. Me. Cassiano Gunji
POLO IESA 
AMERICANA-SP
2021
Diogo Henrique Morata RA: 2045062 – Americana – SP
PROJETO INTEGRADO MULTIDISCIPLINAR (PIM VIII)
DESENVOLVIMENTO DE UM MECANISMO DE ACESSO A UM TRECHO DO BANCO DE DADOS DE UM SISTEMA EM C#, COM PROTÓTIPOS ASP.NET E ANDROID.
Data:____/____/____
Nota______________
Banca Examinadora
______________________________________________________
Prof. Me. Cassiano Gunji 
Universidade Paulista – Unip
AMERICANA-SP
2021
RESUMO
Este projeto foi pensado com o intuito de desenvolvermos uma codificação em C# do mecanismo de acesso a um trecho de banco de dados e protótipos de interface gráfica ASP.Net e Android.
 Com a matéria Programação orientada a objetos conseguimos entender e desenvolver programas de computador aplicados a ambientes práticos e interagir com bancos de dados. Já a disciplina desenvolvimento de software para internet nos apresentou e ensinou a utilizarmos ferramentas de desenvolvimento em ASP.Net.
Com a ajuda da matéria tópicos especiais de programação orientada a objetos, conseguimos desenvolver uma interface Android para se comunicar com o banco de dados que criamos. 
PALAVRAS-CHAVE: Programação orientada a objetos II, ASP.Net, Android, desenvolvimento de software para internet, tópicos especiais de programação orientada a objetos.
ABSTRACT
This project was designed with the intention of developing a coding in C# of the mechanism for accessing a database snippet and ASP.Net and Android graphical interface prototypes.
 With Object Oriented Programming we were able to understand and develop computer programs applied to practical environments and interact with databases. The discipline of internet software development introduced us and taught us how to use development tools in ASP.Net.
With the help of special topics on object-oriented programming, we were able to develop an Android interface to communicate with the database we create.
KEYWORDS: Object-oriented programming II, ASP.Net, Android, Internet software development, object-oriented programming special topics.
Sumário
INTRODUÇÃO	7
1-BANCO DE DADOS	8
1.1-DIAGRAMA ENTIDADE RELACIONAMENTO	8
1.2-DIAGRAMA DE CLASSES	8
1.3-DIAGRAMA CASO DE USO	9
1.4-CONSULTANDO BANCO DE DADOS	10
2-ASP .NET	13
2.1- WIREFRAME ASP. NET	13
2.2- INTERFACE GRÁFICA ASP. NET	13
2.3- MECANISMOS ASP. NET – PAINEL PRINCIPAL	14
2.4- CADASTRAR NOVO USUÁRIO	14
2.5- EDITAR USUÁRIO	15
2.6- CONSULTA DE USUÁRIOS	16
2.7- EXCLUIR USUÁRIO	17
3-ANDROID	19
3.1- WIREFRAME ANDROID	19
3.2- INTERFACE GRÁFICA ANDROID	19
4-CÓDIGO FONTE	21
4.1- PÁGINA PRINCIPAL	21
4.2- CRIAR USUÁRIO	23
4.3- EDITAR USUÁRIO	25
4.4- DETALHES USUÁRIO	27
4.5- EXCLUIR USUÁRIO	28
CONCLUSÃO	30
REFERÊNCIAS	31
INTRODUÇÃO
Atualmente com o avanço constante da tecnologia as empresas tendem a se aprimorar e atualizar afim de continuarem competitivas no mercado global. Com isso precisam cada vez mais de sistemas inteligentes, ágil e confiável.
Graças ao desenvolvimento de softwares, essas empresas conseguem controlar a sua produção, controlar estoque, almoxarifado e melhorar a comunicação entre setores. Com isso a empresa ganha organização e conhecimento instantâneo do que está acontecendo em tempo real na instituição. 
1- BANCO DE DADOS
1.1- DIAGRAMA ENTIDADE RELACIONAMENTO
Na figura abaixo podemos observar o diagrama entidade relacionamento, ele ilustra como “entidades”, ex: pessoa, endereço e telefone se relacionam entre si dentro do sistema desenvolvido.
Figura 1 – Diagrama entidade relacionamento. Fonte: Diogo (Própria).
1.2- DIAGRAMA DE CLASSES
O diagrama a seguir mostra como o mecanismo de acesso ao banco de dados deve ser desenvolvido, ele mostra quatro entidades: Pessoa, endereço, telefone e tipo de telefone.
Figura 2- Diagrama de classes. Fonte: Diogo (Própria).
1.3- DIAGRAMA CASO DE USO
Como veremos na figura 3 logo abaixo, o diagrama de caso de uso  representa como os casos de uso interagem entre si no sistema e com os usuários, ou seja, como as funcionalidades se relacionarão umas com as outras e como serão utilizadas pelo usuário, durante o uso do sistema.
Figura 3- Diagrama caso de uso. Fonte: Diogo (Própria).
1.4- CONSULTANDO BANCO DE DADOS
Nesse projeto a ferramenta escolhida para o banco de dados foi o MySql, pois se trata de um sistema gerenciador de banco de dados relacional de código aberto usado na maioria das aplicações gratuitas para gerir suas bases de dados. O serviço utiliza a linguagem SQL (Structure Query Language – Linguagem de Consulta Estruturada), que é a linguagem mais popular para inserir, acessar e gerenciar o conteúdo armazenado num banco de dados.
Abaixo podemos visualizar alguns testes que fizemos:
Figura 4- Teste 1. Fonte: Diogo (Própria).
A figura acima está mostrando as databases que consta no computador, nota-se que o banco de dados “bd_pim” está criada por meio do comando “use bd_pim”.
Figura 5- Teste 2. Fonte: Diogo (Própria).
Figura 6- Teste 2 “continuação da figura 5”. Fonte: Diogo (Própria).
Na figura 5 podemos observar que foi executado o comando “show tables”, esse comando mostra as tabelas criadas dentro do banco de dados “bd_pim”. Logo depois executamos o comando “show COLUMNS from endereço” para visualizar a estrutura da tabela.
2- ASP .NET
2.1- WIREFRAME ASP. NET 
Wireframe nada mais é do que uma ilustração semelhante do layout de elementos fundamentais na interface, ou seja, é como se fosse um rascunho do aplicativo. Wireframe é muito utilizado por desenvolvedores para eles terem ‘uma base do visual do aplicativo.
Para esse projeto desenvolvemos um Wireframe de um site que tem como sua principal funcionalidade acessar um banco de dados, assim podendo editar, consultar, inserir e excluir indivíduos do sistema de banco de dados. Podemos observar isso na figura abaixo.
Figura 7- Wireframe Asp. Net. Fonte: Diogo (Própria).
2.2- INTERFACE GRÁFICA ASP. NET
Para desenvolvermos o mecanismo de acesso do banco de dados em ASP. Net tivemos com referencia o mecanismo CRUD (Inserir, Atualizar, Consultar e Deletar), com isso conseguimos através do sistema inserir novo individuo, editar, pesquisar determinadas informações do usuário e excluir.
2.3- MECANISMOS ASP. NET – PAINEL PRINCIPAL
Abaixo são as informações que são necessárias para cadastrar um novo usuário.
Figura 8- Tabela de informações do usuário. Fonte: Diogo (Própria).
Na figura abaixo podemos ver como será a lista de usuários depois de preenchido todas as informações corretamente, podemos observar também alguns botões para criar novo usuário, editar usuários existentes, visualizar detalhes de um especifico indivíduo e excluir.
Figura 9- Lista de usuários. Fonte: Diogo (Própria).
2.4- CADASTRAR NOVO USUÁRIO
Figura 10- Criando novo usuário. Fonte: Diogo (Própria).
Figura 11- Criando novo usuário 2. Fonte: Diogo (Própria).
Como podemos ver nas figuras acima, para cadastrar um novo usuário basta preencher os campos em branco e pressionar o botão criar usuário. 
2.5- EDITAR USUÁRIO
Para editar um usuário basta pressionar o botão “editar”, que o sistema “puxara” todas as informações do usuário permitindo que os dados sejam atualizados (modificados), depois que atualizara informação desejada, basta clicar em salvar alterações. Veja nas figuras abaixo.
Figura 12- Editar usuários. Fonte: Diogo (Própria).
Figura 13- Salvar alterações. Fonte: Diogo (Própria).
2.6- CONSULTA DE USUÁRIOS
Para consultar as informações do usuário basta clicar no botão “detalhe”, que o sistema exibira os dados “detalhes” do usuário.
Figura 14- Botão detalhes. Fonte: Diogo (Própria).
Figura 15- Tela detalhe. Fonte: Diogo (Própria).
2.7- EXCLUIR USUÁRIO
O sistema também conta com a funcionalidade de excluir usuário da base de dados. Para excluir um usuário basta clicar no botão excluir que fica em frente ao cadastro do usuário, clicando no botão aparecera uma tela de confirmação perguntando se você realmente deseja excluir o usuário, após a confirmação de exclusão o usuário será apagado da base de dados.
Figura 16- Excluir usuário. Fonte: Diogo (Própria).
Figura 17- Confirmação de exclusão. Fonte: Diogo (Própria).
3- ANDROID
3.1- WIREFRAME ANDROID
Figura 18- Wireframe Android. Fonte: Diogo (Própria).
3.2- INTERFACE GRÁFICA ANDROID
Nesse projeto utilizamos a ferramenta IDE Android Studio. O intuito desse aplicativo Android foi desenvolver um mecanismo de acesso ao banco de dados de forma eficiente e de fácil usabilidade, para isso criamos uma única tela em que o usuário consiga interagir com todas as funcionalidades que o sistema oferece.
Figura 19- Sistema Android. Fonte: Diogo (Própria).
4- CÓDIGO FONTE
4.1- PÁGINA PRINCIPAL
Figura 20- Código fonte página inicial. Fonte: Diogo (Própria).
	
Figura 21- Continuação código fonte página inicial. Fonte: Diogo (Própria).
4.2- CRIAR USUÁRIO
Figura 22- Código fonte criar usuário. Fonte: Diogo (Própria).
Figura 23- Continuação código fonte criar usuário. Fonte: Diogo (própria).
4.3- EDITAR USUÁRIO
Figura 24- Código fonte editar usuário. Fonte: Diogo (Própria).
Figura 25- Continuação código fonte editar usuário. Fonte: Diogo (Própria).
4.4- DETALHES USUÁRIO
Figura 26- Código fonte detalhes. Fonte: Diogo (Própria).
Figura 27- Continuação código fonte detalhes. Fonte: Diogo (Própria).
4.5- EXCLUIR USUÁRIO
	Figura 28- Código fonte excluir usuário. Fonte: Diogo (Própria).
	Figura 29- Continuação código fonte excluir usuário. Fonte: Diogo (Própria).
CONCLUSÃO
Através deste projeto podemos ver como funciona o desenvolvimento de um sistema que utiliza banco de dados. Mesmo sendo um sistema relativamente “básico” podemos observar a sua complexidade e o tanto que uma funcionalidade interfere em outra.
Para o desenvolvimento utilizamos ferramentas como o MySql e a IDE Android Studio, pois possuem versões gratuitas o que viabilizou o projeto.
Dessa forma o projeto foi um sucesso permitindo que se crie usuário, edite, visualize cadastros e exclua usuários.
 
REFERÊNCIAS
Lucid. O que é Wireframe. Disponível em: <https://www.lucidchart.com/pages/pt/o-que-e-wireframe> Acesso em 01/11/2021.
Microsoft. Tutorial: Introdução ao Visual Basic no Visual Studio. Disponível em: <https://docs.microsoft.com/pt-br/visualstudio/get-started/visual-basic/tutorial-console?view=vs-2022> Acesso em 01/11/2021.
Techtudo. O que é e como usar o MySQL. Disponível em: < <https://www.techtudo.com.br/noticias/2012/04/o-que-e-e-como-usar-o-mysql.ghtml> Acesso em 27/10/2021.