UNIP INTERATIVA

Projeto Integrado Multidisciplinar VIII

Cursos Superiores de tecnologia

PRODUÇÃO DE ASPECTOS DE UM SOFTWARE JÁ EM DESENVOLVIMENTO

UNIP EaD (Planaltina-GO)

2020
 UNIP INTERATIVA

Projeto Integrado Multidisciplinar VIII

Cursos Superiores de Tecnologia

PRODUÇÃO DE ASPECTOS DE UM SOFTWARE JÁ EM DESENVOLVIMENTO

Nome(s): André Pereira Ramaldes, Warley

Hitallo Martins Barreto, Bruno

Batista dos Santos, Armando Pinheiro

da Silva Junior, Andrew Nascimento
Santana, Adriano da Paixão de Sousa

RA(s): 1945633, 1942237, 1988290, 0507685,

1971205,1965503

Curso: Análise e Desenvolvimento de

Sistemas

Semestre: 4

UNIP EaD (Planaltina-GO)

2020
 RESUMO

Neste Projeto Integrado Multidisciplinar proposto pela universidade UNIP visa

aplicar o conhecimento das matérias estudadas neste segundo bimestre do quarto
semestre que são elas Programação Orientada a Objetos II, Desenvolvimento de
Software para a Internet e Tópicos Especiais de Programação Orientada a Objetos. O
trabalho tem como objetivo realizar parte de um projeto já existente atuando através
de diagramas e especificações. Neste documento, aqui presente, se encontra
interfaces gráficas prototipadas em ASPX para que se tenha noção da usabilidade
futura do programa, e o mesmo protótipo feito XML, também as fotos com os principais
trechos do código do mecanismo do banco de dados e da modelagem das classes.
Já no código anexado neste documento, contém o mecanismo de acesso ao banco
de dados feito em C#, a modelagem de classes também feito em C# e o código das
interfaces ASPX e XML. Este trabalho contém toda a estrutura das normas da ABNT.
Prezamos que o leitor possa ter a máxima compreensão de todos os tópicos aqui
apresentados.

Palavras-chave: Programação. Desenvolvimento. Interfaces. Dados.

 ABSTRACT

In this Multidisciplinary Integrated Project proposed by UNIP university aims to

apply the knowledge of the subjects studied in this second two months of the fourth
semester that are object-oriented programming II, Internet Software Development and
Special Topics of Object Oriented Programming. The work aims to perform part of an
existing project acting through diagrams and specifications. In this document, present
here, you will find graphical interfaces prototypical in ASPX so that you can get a point
of the future usability of the program, and the same prototype made XML, also the
photos with the main snippets of the database engine code and the modeling of the
classes. Already in the code attached in this document, it contains the database access
mechanism made in C#, the modeling of classes also done in C# and the code of the
ASPX and XML interfaces. This work contains the entire structure of ABNT standards.
We value that the reader can have the maximum understanding of all the topics
presented here.

Keywords: Programming. Development. Interfaces. Data.

 SUMÁRIO

1 INTRODUÇÃO ......................................................................................................... 5

2 INTERFACE CRUD EM ASPX ................................................................................ 6

2.1 Página inicial .................................................................................................... 7

2.2 Inserir ................................................................................................................ 7

2.3 Alterar ............................................................................................................... 8

2.4 Consultar .......................................................................................................... 9

2.5 Excluir ............................................................................................................. 10

3 INTERFACE CRUD EM XML................................................................................. 11

3.1 Página inicial .................................................................................................. 12

3.2 Inserir .............................................................................................................. 13

3.3 Alterar ............................................................................................................. 14

3.4 Consultar ........................................................................................................ 15

3.5 Excluir ............................................................................................................. 16

4 BANCO DE DADOS E MODELAGEM DE CLASSES .......................................... 18

4.1 Mecanismo de acesso ao banco de dados .................................................. 18

4.2 Codificação das classes ............................................................................... 21

CONCLUSÃO ........................................................................................................... 24

REFERÊNCIAS......................................................................................................... 25
 5

1 INTRODUÇÃO

O projeto tem como intuito desenvolver alguns aspectos de um sistema que já

está em desenvolvimento, foi feito um mecanismo de acesso para o banco de dados
em linguagem C# e utilizando a ferramenta Access, Através dos programas Visual
Studio e Android Studio foram criadas as interfaces APX e XML respectivamente,
essas interfaces segue o padrão CRUD e foram feitas para se adaptar a diferentes
tipos de telas e ter um visual agradável ao usuário.

A modelagem de cada aspecto do sistema foi feita em base nos digramas

entidade relacionamento e diagrama de classes que foi cedido pela empresa de
desenvolvimento de software. O código das interfaces e seus componentes foram
produzidas de acordo com boas regras, um exemplo disso é que foi dado nomes para
cada caixas de textos, botões etc. visando uma boa organização, foi escolhido a
implementação do método MVC para este projeto.
 6

2 INTERFACE CRUD EM ASPX

As interfaces feitas em ASPX neste projeto foram criadas com seus arquivos
de acordos com boas normas de desenvolvimento, seguindo o padrão MVC como se
pode ver logo abaixo (Imagem 01).

Imagem 01 – Padrão MVC

Fonte: própria

A camada Model é especificada como “Camada_Model”, camada Controller

como “Camada_Controller” e a camada View como “PIM_VIII”, note que em cada
camada foi especificado o seu conteúdo de acordo com o seu nome (Model: Mdl,
Controller: Ctl e View: Frm), através disso o objetivo é proporcionar uma clareza no
projeto. Também é organizado os componentes que foram adicionados na interface
como botton: “btn”, label: “lbl”, textbox: “btn”.

Obs: O formulário “FrmPessoa” é correspondente a opção “INSERIR” do modelo

CRUD.
 7

2.1 Página inicial

Nesta interface (Imagem 02) é onde se “linka” todas as demais funções do
projeto, sendo elas: Inserir, Consultar, Alterara e Excluir. O usuário pode interagir
através de cada botão com seu respectivo nome.

Imagem 02 – Página inicial

Fonte: própria

2.2 Inserir
A interface de inserir (Imagem 03) disponibiliza ao usuário caixas de texto para
escrever os dados, o botão para adicionar os telefones e o botão inserir que termina
toda a operação alocando os dados no banco. Como o usuário pode adicionar vários
telefones foi adicionado um botão especialmente para isso, a lógica dele é de uma
 8

lista onde que cada vez que o botão é apertado adiciona-se os dados referentes ao
telefone nessa lista.

Imagem 03 – Inserir dados

Fonte: Própria

2.3 Alterar
Nesta interface (Imagem 04) é onde se altera os dados de acordo com a
pesquisa do usuário digitando o Cpf e clicando no botão consultar, assim irá aparecer
os dados com a pesquisa, se for esta tabela que o usuário deseja alterar ele só precisa
digitar novos dados e clicar no botão alterar. Obs: onde está marcado com a letra “X”
 9

é uma exemplificação de quando o usuário fizer a pesquisa dos dados, onde podem
ser mostrados muitos telefones de acordo com a tabela que foi feita a pesquisa.

Imagem 04 – Alterar dados

Fonte: própria

2.4 Consultar
Esta interface (Imagem 05) refere-se à quando o usuário precisa fazer uma
consulta de uma tabela que esteja inserida no bando de dados, através do digito do
Cpf e clicando no botão consultar pode ser encontrada a respectiva tabela.
 10

Imagem 05 – Consultar dados

Fonte: própria

2.5 Excluir
Nesta interface (Imagem 06) o usuário através da pesquisa pelo Cpf clica no
botão consultar e exibe a tabela, o usuário checa se é realmente os dados que ele
deseja excluir, se for ele clica no botão excluir e a tarefa está terminada.
 11

Imagem 06 – Excluir dados

Fonte: própria

3 INTERFACE CRUD EM XML

As interfaces criadas em XML neste projeto usam as boas regras de

desenvolvimento deixando-a responsiva para qualquer celular, aqui será exibido
 12

imagens com a visualização em duas formas, na horizontal e vertical. Para construção

desta interface foi usada a ferramenta constraint layout.

3.1 Página inicial

Nesta interface (Imagem 07 e Imagem 08) é onde se encontra o menu dos

componentes que podem ser acessados pelo usuário sendo eles “INSERIR”,
“CONSULTAR”, “ALTERAR” e “EXCLUIR”.

Imagem 07 – Página inicial na vertical

Fonte: própria
 13

Imagem 08 – Página inicial na horizontal

Fonte: própria

3.2 Inserir
Nesta interface (Imagem 09 e Imagem 10) foi criada os campos para que possa
ser efetuado um cadastro de uma pessoa no banco de dados onde pode-se adicionar
quantos telefones quiser, interagindo com o botão “ADD” e por fim inserir os dados no
banco interagindo com o botão “INSERIR”

Imagem 09 - Inserir dados na vertical

Fonte: própria
 14

Imagem 10 – Inserir dados na horizontal

Fonte: própria

3.3 Alterar
Nesta interface (Imagem 11 e Imagem 12) o usuário usa a caixa de texto para
inserir o Cpf e interage com o botão “CONSULTAR” indicando qual tabela ele deseja
alterar, fazendo isso será exibida a tabela logo abaixo e, o usuário poderá fazer a
alteração dos dados interagindo com o botão “ALTERAR”.

Imagem 11 – Alterar dados na vertical

Fonte: própria
 15

Imagem 12 – Alterar dados na horizontal

Fonte: própria

3.4 Consultar
Nesta interface (Imagem 13 e Imagem 14) o usuário faz a interação digitando
o seu Cpf e aperta o botão “CONSULTAR” com isso é exibido logo abaixo os referidos
dados pesquisados.

Imagem 13 – Consultar dados na vertical

Fonte: própria
 16

Imagem 14 – Consultar dados na horizontal

Fonte: própria

3.5 Excluir

Nesta interface (Imagem 15 e Imagem 16) tem como objetivo excluir dados de acordo
como o usuário queira, digitado o Cpf e fazendo interação com o botão “CONSULTAR”
a tabela correspondente à pesquisa será exibida abaixo, sendo ela que o usuário
 17

realmente deseja excluir terá que ser feito a interação com o botão “EXCLUIR” e assim
concretizando a exclusão.

Imagem 15 – Excluir dados na vertical

Fonte: própria

Imagem 16 – Excluir dados na horizontal

Fonte: própria
 18

4 BANCO DE DADOS E MODELAGEM DE CLASSES

4.1 Mecanismo de acesso ao banco de dados
Este mecanismo foi implementado através da conexão da ferramenta Access,
dois métodos importantes que podem ser citados são eles “obterConexao” e
“fecharConexão”, que são responsáveis como os próprios nomes já insinuam tanto
por abrir a conexão para a inserção no banco de dados e para o fechamento da
conexão, estes dois métodos são usados em todos os outros métodos que são eles
“Insira”, “Consulta”, Excluir e “Alterar”.

Imagem 17 – Método obter conexão

Fonte: própria

Imagem 18 – Método fechar conexão

 19

Fonte: própria

Imagem 19 – Método inserir

Fonte: própria

Imagem 20 – Método Consulta

Fonte: própria
 20

Imagem 21 – Método excluir

Fonte: própria

Imagem 22 – Método alterar

Fonte: própria
 21

4.2 Codificação das classes

As classes foram criadas de acordo com o diagrama de classe que a empresa
de desenvolvimento de software nos cedeu. Todos os atributos foram produzidos com
a técnica de encapsulamento Auto Properties, foi usada a técnica de construtores com
sobrecarga para que as instâncias possam ser acessadas através dos objetos com
mais segurança. Como a classe “MdlEndereço” é composta da classe “MdlPessoa”
elas tem uma relação de composição porem, a relação entre elas é de “Tem-um”, já
classe “MdlTelefones” a relação dela com “MdlPessoa é de “Tem-vários” e a relação
de “MdlTelefones” com a classe “MdlTipo” é de “Tem-um. Foi utilizado a função lista
para a relação “Tem-vários, essa escolha se da pois não tem um número certo de
telefones que usuário deseja adicionar.

Imagem 23 – Classe pessoa

Fonte: própria
 22

Imagem 24 – Classe endereço

Fonte: própria

Imagem 25 – Classe Telefone

Fonte: própria
 23

Imagem 26 – Classe tipo telefone

Fonte: própria
 24

CONCLUSÃO

Portanto, com a construção destes aspectos que nos foram designados, que é
uma parte tão importante para o projeto sendo eles o mecanismo de acesso ao banco
de dados a modelagem das classes e a construção da interface gráfica, acreditamos
que será de grande ajuda para a empresa de desenvolvimento de software.

Assim, conseguimos ter um estudo mais aprofundado das matérias desse

bimestre vendo como elas funcionam na prática e com isso agregando ricas
experiencias, estimamos que o leitor tenha compreendido tudo que aqui foi abordado
e a empresa de software possa ter a produção de um ótimo sistema.
 25

REFERÊNCIAS

BING. Fazendo uma interface crud no android studio. Disponível em:

https://www.bing.com/videos/search?q=fazendo+uma+interface+crud+no+android+st
udio&docid=608022298421627817&mid=5DE27AE974B204485C725DE27AE974B2
04485C72&view=detail&FORM=VIRE. Acesso em: 12 de novembro de 2020.

DEVELOPER. Training basics firstapp. Disponível em:

https://developer.android.com/training/basics/firstapp/building-ui?hl=pt-br. Acesso
em: 14 de novembro de 2020.

DEVELOPER. Studio write layout. Disponível

em:https://developer.android.com/studio/write/layout-editor?hl=pt-br#intro. Acesso
em: 14 de novembro de 2020.

MARIOVALNEY. Como criar a user interface ui do meu aplicativo android.

Disponível em: https://mariovalney.com/aula-5-como-criar-a-user-interface-ui-do-
meu-aplicativo-android/. Acesso em: 16 de novembro de 2020.

MICROSOFT. Banco de dados access c. Disponível em:

https://social.msdn.microsoft.com/Forums/pt-BR/bba48baa-829e-455e-939d-
b7e72c21cc6e/banco-de-dados-access-c. Acesso em: 15 de novembro de 2020.

YOUTUBE. Cadastro C# com access. Disponível em:

https://www.youtube.com/watch?v=ObK4oXXIHfk&t=1433s. Acesso em 15 de
novembro de 2020.

WIKIPEDIA. Create reate update and delete. Disponível em:

https://en.wikipedia.org/wiki/Create,_read,_update_and_delete. Acesso em 17 de
novembro de 2020.

Gunji, José Cassiano Grassi. Tópicos Especiais de programação orientada a

objetos. São Paulo: Editora Sol, 2020.

Marinho, Salatíel Luz. Desenvolvimento de Software para internet. São Paulo:

Editora Sol, 2020.

Marinho, Salatíel Luz. Programação Orientada a objetos II. São Paulo: Editora Sol,
2020.