PIM VIII - Mecanismo de acesso a um Banco de Dados - Interfaces de telas - Análises e desenvolvimento de sistemas

Prévia do material em texto

UNIP INTERATIVA 
Projeto Integrado Multidisciplinar 
Cursos Superiores de Tecnologia 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
MECANISMO DE ACESSO A UM TRECHO DO BANCO DE DADOS DE UM 
SISTEMA EM C# COM PROTÓTIPOS EM ASP.NET E ANDROID 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Polo Universidade Paulista UNIP- Sorocaba-SP 
2021 
 
UNIP INTERATIVA 
Projeto Integrado Multidisciplinar 
Cursos Superiores de Tecnologia 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Aluno: Renan Yohan de Lara 
RA: 1969781 
Curso: Análise e desenvolvimento de sistemas 
2º Semestre 2021 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Polo Universidade Paulista UNIP- Sorocaba-SP 
2021 
 
RESUMO 
 
Neste trabalho acadêmico criaremos um mecanismo de acesso a um 
banco de dados criado no MySQL utilizando a linguagem de programação C%, 
junto com dois protótipos de interface com o usuário, um em ASP.Net e outro 
em Android, que permitem que o usuário interaja com os dados modelados por 
esse trecho do banco de dados. Também abordaremos o conceito de Classes 
e Objetos, utilizando a arquitetura MVC (Model View Controller) onde cada 
camada terá sua respectiva responsabilidade dentro do projeto. 
 
Palavras-chave: Mecanismo de acesso. Cf. MySQL. ASP.Net. Android. MVC. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3 
ABSTRACT 
 
In this academic work we will create a database access mechanism, 
created in 
MySQL, using the Cf programming language, together with two user interface 
prototypes, one in ASP.Net and the other in Android, which allow the user 
interact with the data modeled by that snippet of the database. We will also 
approach the concept of Classes and Objects, using the MVC (Model View 
Controller) architecture Where each layer will have its respective responsibility 
within the project. 
 
Keywords: Access mechanism. CÊ. MySQL. ASP.Net. Android. MVC. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4 
 
Sumário 
 
 
INTRODUÇÃO 6 
1. Especificação do projeto 7 
1.1 Linguagem C# 7 
1.2 Arquitetura MVC 7 
1.3 Camada Model 7 
2. Objeto Pessoa 8 
3. Camada Controle 9 
3.1 Camada PessoaDAO 9 
4. Camada SqlServerDAO 10 
 5. BANCO DE DADOS 13 
 6. Camadas View 14 
 6.1 Protótipo em ASP.NET 15 
 7. Protótipo em Android 17 
CONCLUSÃO 20 
REFERÊNCIAS 21 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Introdução 
 
 
 Neste projeto criaremos um mecanismo de acesso a um banco de dados de 
um sistema desenvolvido em CH. Esse trecho do banco de dados é 
responsável por manter o cadastro de pessoas no sistema. Esse mecanismo é 
responsável por realizar as funcionalidades básicas de um banco de dados, 
comumente chamado de CRUD (Create, Read, Upate and Delete). 
 
 Existem diversas formas de se implementar essa funcionalidade, neste 
projeto iremos desenvolver essa aplicação utilizando o conceito de Orientação 
a Objetos seguindo a arquitetura MVC, onde cada camada terá uma 
responsabilidade específica, como apenas acessar o banco de dados. 
 
 Também desenvolveremos um protótipo de interface gráfica com o usuário 
em ASP.Net e também um protótipo em Android, para permitir que o usuário 
realize as operações (CRUD) nesse trecho do banco de dados. 
 
 
 
 
 
 
 
 
 
 
 
6 
 
 
 
 
 
 
1. ESPECIFICAÇÕES DO PROJETO 
 
O sistema será desenvolvido em C# e possuirá um mecanismo de 
acesso a um 
banco de dados MySQL onde seja possível realizar as operações CRUD 
(Create, Read, Update and Delete) e deverá permitir que as interfaces ASP.Net 
e Android tenham acesso e interajam com esse trecho do banco de dados. 
 
 
1.1. Linguagem C# 
 
Desenvolvemos o sistema pela linguagem de programação C#, que é 
fortemente tipada e multiparadigma, e que permite o desenvolvimento do 
sistema utilizando o conceito de programação orientada a objetos, além de 
permitir o desenvolvimento entre camadas. 
 
 
1.2. Arquitetura MVC 
 
O sistema utilizará a arquitetura MVC (Model View Controller). Este tipo 
de arquitetura permite que o sistema seja desenvolvido em camadas 
separadas, e que por sua vez, possuam responsabilidades diferentes. 
 
 
1.3. Camada Model 
 
A camada Model (ou modelo) é responsável por representar o objeto do 
mundo real. Ela deve possuir todos os objetos contidos no projeto e que por 
sua vez, devem possuir suas respectivas propriedades. Conforme a figura 
abaixo. 
 
 
 
 
Estrutura da camada Model 
Fonte: Própria 
 
 
 
 
 
 
7 
 
 
 
2. Objeto Pessoa 
 
Cada classe contém o escopo do objeto que o abstrai do mundo real, é 
responsável por encapsular os comportamentos e propriedades e é baseado 
nela que um objeto é criado em tempo de execução. 
 
A classe principal do nosso projeto é a classe Pessoa, ela possui 
propriedades próprias como Nome e CPF, e também propriedades baseadas 
em outras classes como Endereço e uma lista de Telefones. 
 
 
 
 
Objeto Pessoa 
Figura: Própria 
 
 
 
 
 
 
 
 
 
 
 
 
3. Camada Controller 
 
Baseado na arquitetura MVC, é necessária a criação de uma camada 
chamada Controller. Todo objeto contido na classe Model deve possuir uma 
classe dentro dessa camada, seguindo o padrão: o nome da classe seguido da 
palavra Controller. 
 
Cada classe contida nessa camada é responsável por receber um 
objeto, realizar as validações necessárias e estabelecer a comunicação com a 
camada de acesso ao banco de dados. 
 
Uma camada Controller pode ou não possuir Propriedades, porém elas 
sempre possuirão métodos, sejam eles de validação das propriedades do 
próprio objeto ou validação das regras de negócio, além de enviar e receber 
informações do banco de dados ou apenas um método construtor. 
 
 
 
3.1. Camada PessoaDAO 
 
 
 
 
 
 
 
 
 
 
 
 
 
9 
 
 
 
4. Camada SqlServerDAO 
 
A camada SqlServerDAO, é responsável pela comunicação com o banco 
de dados, apenas ela possui os mecanismos necessários para realizar este 
acesso, indicando que a classe realiza a interface PessoaDao. Nesta camada 
também está incluído todos os métodos como Insira, Exclua, Altere e consulte. 
Conforme as imagens abaixo. 
 
Trecho responsável pela conexão com banco de dados: 
 
 
 
Figura: Própria 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10 
Método exclua inserido dentro da camada SqlServerDAO 
 
 
 
Figura: Própria 
 
 
 
Método Insira inserido dentro da camada SqlServerDAO 
 
 
 
 
Figura: Própria 
 
 
 
 
 
 
 
 
 
 
11 
 
Método Altere inserido dentro da camada SqlServerDAO 
 
 
 
Figura: Própria 
 
 
 
Método Consulte inserido dentro da camada SqlServerDAO 
 
 
 
 
 
12 
 
5. BANCO DE DADOS 
 
O mecanismo de acesso que foi desenvolvido em C# será o responsável 
por oferecer acesso a um trecho do banco de dados por parte do resto do 
sistema, e sempre que um trecho do sistema precisar acessar esse trecho do 
banco de dados,deverá fazê-lo por meio desse mecanismo que foi 
desenvolvido. 
 
Utilizamos o programa Microsoft SQL Server Management Studio para o 
desenvolvimento do banco de dados. No Banco de Dados foi desenvolvido um 
Diagrama Entidade-Relacionamento (DER), para uma organização dos dados 
cadastrados, criamos cinco tabelas: pessoa, endereço, pessoa telefone, 
telefone, telefone tipo. Na Figura 12 temos o diagrama dos dados do cadastro. 
 
 
 
Diagrama do Banco de Dados Cadastro 
Fonte: Própria 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13 
6. Camadas View 
 
A camada View é a camada que permite a interação do usuário com a 
aplicação. Por definição, essa camada não deve possuir nenhum tipo de 
validação ou regra de negócio, tudo deve ser feito pelas camadas internas, 
sejam ela a Model ou a Controller, dependendo do padrão utilizado. 
 
Considerando esse conceito, um projeto MVC pode ter uma ou mais 
camadas do tipo View, a diferença é a linguagem e plataforma em que essa 
camada será executada, e, por conta de toda a estrutura lógica separada nas 
demais camadas não se faz necessário nenhuma implementação extra quanto 
à validação ou gravação desses objetos no banco de dados. 
 
6.1. PROTÓTIPO EM ASP.NET 
 
Uma das camadas View do projeto foi construída em ASP.Net. No 
desenvolvimento dessa camada, criamos um novo projeto chamado View WEB 
e incluímos um novo item do tipo WebForm. 
 
Criamos um protótipo de interface gráfica oferecendo ao usuário as 
funcionalidades CRUD em ASP.Net, que permite que o usuário interaja com os 
dados modelados por esse trecho do banco de dados. Na Figura abaixo temos 
parte do script HTML da página de cadastro. 
 
 
 
 
Parte do HTML da tela de cadastro 
 Fonte: Própria 
 Após ser compilado, o projeto será executado utilizando o servidor 
LocalHost exibindo os campos que foram criados no HTML, conforme a Figura 
abaixo. Toda a formação foi incluída direto no Head da página utilizando a 
Css. Nela, todos os comandos CSS foram adicionados para estilizar a página, 
além de utilizar classes do Bootstrap para tratar da responsividade da Tela. 
 
 
 
 
Tela de cadastro compilada em Asp.Net 
Fonte: Própria 
 
 
 
 
 
 
 
 
15 
 
Teste de responsividade da tela de cadastro no Navegador, Conforme a 
imagem abaixo: 
 
 
 
 
Protótipo da tela HTML responsiva 
Figura: Própria 
 
 
 
16 
7. PROTÓTIPO EM ANDROID 
 
Outra camada View desenvolvida para nossa aplicação é a camada 
View Android, que foi implementada usando a linguagem Java dentro da IDE 
AndroidStudio. 
 
Criamos um protótipo de interface gráfica Android oferecendo ao usuário 
as funcionalidades CRUD, permitindo que o usuário interaja com os dados 
modelados por esse trecho do banco de dados. Nesta interface foram criados 
campos de texto, botões de interação, e um design agradável para o usuário, 
conforme a Figura Abaixo já na Figura em seguida temos parte do código XML 
do protótipo. 
 
 
 
 
 
Protótipo da tela Android 
Figura: Própria 
 
 
 
 
 
 
 
17 
Tela Compilada Android 
 
 
 
 
Parte da tela compilada Android 
Figura: Própria 
 
 
 
 
 
 
18 
 
 
 
 
 
Parte do código XML do protótipo em Android. 
Figura: Própria 
 
 
 
O Android Studio disponibiliza diversas formas de visualizar o resultado 
do que foi projetado, e, após a criação da aplicação. 
 
 
 
 
 
 
19 
CONCLUSÃO 
 
Neste projeto desenvolvemos um mecanismo de acesso a um trecho de 
um banco de dados. O mecanismo foi desenvolvido em CX, através da 
arquitetura MVC e com as funcionalidades CRUD. Com isso, conseguimos 
demonstrar em uma abordagem técnica a melhor estratégia e estrutura a ser 
utilizada no desenvolvimento de um Projeto MVC contendo camadas de 
negócio, modelagem, acesso a banco de dados e interface com o usuário. 
 
O banco de dados foi desenvolvido no MySQL Workbench, seguindo as 
definições pré-estabelecidas, para que o mecanismo pudesse acessar com 
êxito as informações contidas no banco de dados e realizar as operações 
CRUD. 
 
A aplicação Web foi desenvolvida em ASP.Net pelo Visual Studio, 
possibilitando a realização das operações CRUD, com uma interface simples e 
responsiva, e realizando o acesso ao banco de dados. 
 
A aplicação Android foi desenvolvida no Android Studio, e possui uma 
interface simples e responsiva, realizando o acesso ao banco de dados, e 
também realizando as operações CRUD. 
 
Concluímos então que todo o projeto foi realizado com sucesso, desde a 
base do sistema em C%, como o banco de dados, o protótipo de interface web 
e o protótipo de interface Android. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20 
REFERÊNCIAS 
 
[GUNJI], José Cassiano Grassi. Tópicos especiais de programação orientada a 
objetos. São Paulo: Editora Sol, 2015. 
 
[MARINHO], Salatiel Luz. Desenvolvimento de Software para Internet. São 
Paulo: Editora Sol, 2015. 
 
[MARINHO], Salatiel Luz. Programação Orientada a Objetos Il. São Paulo: 
Editora Sol, 2015. 
 
VERSOLATTO, Fábio Rossi. Projeto de Sistemas Orientado a Objetos. São 
Paulo: Editora Sol, 2015. 
 
[ARAUJO], E. C. Orientação a Objetos em C%. São Paulo: Casa do Código, 
2017. 
 
[BRITO, 2020] BRITO, Robison Cris. Android com Android Studio - Passo a 
Passo. Rio de Janeiro, Ciência Moderna, 2020. 
 
[DENNIS, 2005] DENNIS, Alan. Análise e Projeto de Sistemas. Rio de Janeiro, 
LTC, 2005. 
 
[LOTAR], Alfredo. Como Programar com ASP.NET e C%, 2º edição. São 
Paulo: Editora Novatec, 2010. 
 
IMANZANO, 2015] MANZANO, José Augusto N. G. Estudo dirigido: Microsoft 
Visual C community 2015. São Paulo, Editora Érica, 2015. 
 
[PRESSMAN, 2002] PRESSMAN, R. Engenharia de software. Rio de Janeiro: 
McGraw-Hill, 2002. 
 
[ISTELLMAN, 2011] STELLMAN, Andrew. Use a Cabeça! CH. Rio de Janeiro, 
Alta Books, 2011. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21