12

dados, exceto a tabela

associativa
PESSOA_TELEFONE, a
qual é uma tabela
associativa e não é
relevante para o sistema,
apenas para o mecanismo
de
persistência do banco de
dados. Mesmo assim,
essa tabela deve ser
manipulada
pelo mecanismo de acesso.
FIGURA 7 – FONTE:
Autoria própria
3.1.2 Diagrama de Caso
de Uso
Pode se definir caso de uso
como uma sequência de
ações executadas pelo
sistema
que pode gerar um
resultado de valor
observável para um ator
em p articular. Essa
definição pode ser
entendida também como
a sequência de ações
referenciada na
definição é na realidade um
fluxo específico de eventos
no sistema.
A u tilização do sistema
de mecanismo de acesso
ao banco de dados
necessita de
acesso aos recursos que
permite modificar a base
de dados. Pen sando
neste
problema foi elaborado
um plano de caso de
uso para demostrar como
ficará o
acesso do ator com os
recursos.
FIGURA 8 – FONTE:
Autoria própria
3.2 Consulta ao Banco
de Dados
A base de dados SQL
escolhida foi o MySql,
essa ferramenta é um
sistema
gerenciador de banco de
dados (SGBD), código
livre. Esse sistema
gerenciador de
banco de dados utiliza o
SQL (Structured Query
Language), que se trata
de u ma
linguagem universal para
consultas e operações em
banco dados.
Após obter a diagrama
de cl asse do mecanismo
de acesso do BD, foi
necessário
elaborar e implantar
essas informações
aplicadas no Mysql. Já
com a base dados
desenvolvidos, será
necessário consultar e
exibir para checar se a
estrutura está
correta.
FIGURA 9 – FONTE:
Autoria própria
Na figura 9 é fácil
notar que está exibindo
todas as databases que
consta no
computador, ou seja, pode
se perceber que o banco
de dados “b d_pim” está
criada
e através do comando use
bd_pim foi requisito o uso do
banco de dados.
FIGURA 10 – FONTE:
Autoria própria
4. PROJETO
O objetivo do projeto é
apresentar a codificação
em C# do mecanismo
de acesso a
um trecho de banco de
dados, assim como os
protótipos de interface
gráfica com o
usuário em ASP .Net e
Android seguindo e
respeitando os seguintes
pontos:
13
• Desenvolva o
mecanismo de acesso ao
banco de dados em
linguagem C#. Esse
mecanismo será o
responsável por oferecer
acesso a um trecho do
banco de dados
por parte do resto do
sistema. Sempre que um
trecho do sistema
precisar acessar
esse trecho do banco de
dados, deverá fazê-lo por
meio desse mecanismo
desenvolvido por sua equipe;

• Crie um protótipo de
interface gráfica com o
usuário em ASP .Net que
permita que
o usuário interaja com
os dados modelados por
esse trecho do banco de
dados.
Nota: o protótipo não precisa
ser funcional;
• Crie um protótipo de
interface gráfica com o u
suário em Android que
permita que o
usuário interaja com os
dados modelados por esse
trecho do b anco de da dos.
Nota:
o protótipo não precisa ser
funcional.
4.1 Projeto Android
4.1.1 Wireframe do
sistema Android
Pode-se entender o
wireframe como um
aspecto visual de objetos,
geralmente são
aplicados no
desenvolvimento e
concepção de soluções
digitais. Quando se trata
de
desenvolvimento web,
uma representação em
wireframe é uma
representação em
escala de cinza da e
strutura e funci onalidade
de aplicação web. O
principal objetivo
dos wireframes é org
anizar e integrar os
participantes no
desenvolvimento da
solução web.
Os desenhos são
desenvolvidos de forma
mais cuidadosa, ajudando
na criação d e
conteúdo mais objetiva.
Contudo, pode se
concluir que os
wireframes são utilizados
no início do proce sso
de desenvolvimento para
estabelecer a estrutura
básica de
uma página web antes de
acrescentar os códigos.
FIGURA 13 – FONTE:
Autoria própria
4.1.2 Interface Gráfica
Android
Para desenvolver a
aplicação para o sistema
operacional Android, foi
necessário
utilizar a IDE Android
Studi o. O objetivo do p
rojeto é desenvolver um
mecanismo de
acesso ao banco de
dados, para isso foi
necessário codificar um
app que tivesse a
capacidade de consultar,
atualizar, inserir e até me
smo excluir pessoas no
banco de
dados.
A aplicação contém uma
i nterface única dinâmica,
possibilitando o usuário
acessar
todas as funcionalidades
em uma única tela que
sendo acessível. O
aplicativo em
14
Android, como citado, pode
consultar pessoas pelo CPF,
atualizar as informações de
uma pessoa pelo campo
de busca, excluir uma
pessoa selecionada pela
busca e
também inserir uma pessoa
cadastrando o nome, CPF,
telefone e tipos d e telefones,
endereço, CEP, bairro,
cidade e estado.
FIGURA 14 – FONTE:
Autoria própria
4.2 Projeto ASP .NET
4.2.1 Wireframe do
sistema ASP .NET
Como citado
anteriormente, os
wireframes podem
permitir o
desenvolvimento de
layouts tentando manter a
perspectiva do design
aplicado no site. Esse
tipo de
aplicação pode ser
utilizado por
desenvolvedores apenas
como base, entregando o
primeiro contato do usuário
final com o sistema.
O wireframe
desenvolvimento foi
pensando no site que tem
como funcionalidade um
mecanismo de acesso ao
banco de dados, podendo
ser composto pelas as
funcionalidades de inserir,
editar, consultar e excluir
pessoas do sistema em
relação
ao banco de dados.
FIGURA 15 – FONTE:
Autoria própria
4.2.2 Interface Gráfica
ASP .NET
O desenvolvimento do
mecanismo de acesso ao
banco de dados em
ASP .NET teve
como base o mecanismo
do CRUD (Inserir,
Atualizar, Consultar e
Deletar). O
sistema é composto pelas
ações de inserir novo
usuário, editar usuário
existente,
exibir detalhes do usuário e
excluir usuário selecionado.
5. CÓDIGO FONTE DO
SISTEMA
5.1 Index
No painel principal do
sistema designado ao
grupo, é possível
observar a lista de
usuário cadastrado de acordo
com suas informações que
são:
15
TABELA 1 – FONTE:
Autoria própria
CPF RUA NOME
NÚMERO CASA
TELEFONE BAIRRO
DDD CIDADE TIPO
ESTADO CEP
Nessas colunas serão
inseridos os usuários de
acordo com as suas
informações
cadastradas, contendo
também alguns botões de
CRIAR NOVO USUÁRIO,
EDITAR
USÁRIO, DETALHES DO
USÁRIO E EXCLUIR
USUÁRIO.
FIGURA 16 – FONTE:
Autoria própria

5.2 Create
Na interface de criar um
usuário é fácil observar
os formulários vazios
prontos para
serem preenchidos com as
informações do usuário.
FIGURA 17 – FONTE:
Autoria própria
Após preencher os
formulários com as
informações do usuário é
possível criar essas
informações na base de
dados pelo botão CRIAR
USUÁRIO.
FIGURA 18 – FONTE:
Autoria própria
Em seguida é possível
retornar na página i nicial
e localizar a pessoa que
foi
cadastrada na lista de
usuários.
FIGURA 19 – FONTE:
Autoria própria
5.3 Edit
No sistema exi ste um
recurso que poderá editar
um usuário cadastrado no
sistema,
essa funcionalidade tem
como objetivo atulizar o
registro da pessoa.
Quando é
requisitado a função
editar, o si stema irá
“puxar” todas as
informações do usuario
permitindo que os campos
sejam modificados.
FIGURA 20 – FONTE:
Autoria própria
FIGURA 21 – FONTE:
Autoria própria
5.4 Details
No painel principal
podemos contar com a
opção D etalhes em cada
usuário
cadastrado,
16
podendo chamar a função
de consultar a pessoa
selecionada. Quando a
função é
requisitada, o
sistema irá mostrar as
informações do usuário e
exibindo duas opções na
barra
superior, sendo:

• Editar Pessoa
• Voltar para a lista
FIGURA 22 – FONTE:
Autoria própria
5.4 Delete
O sistema além de
permitir criar um u
suário, editar usuário,
consultar usuário, a
aplicação também irá
permitir excluir usuário
da base de dados.
Quando
selecionado, o sistema i
rá redirecionar a pessoa
para uma nova interface
de
exclusão. Nessa interface
o sistema irá perguntar
se a pessoa tem certeza
dessa
ação, em seguida
mostrará os detalhes do
cadastro do usuário e
permitirá a
exclusão através de um botão
chamado EXCLUIR
PESSOA.
FIGURA 23 – FONTE:
Autoria própria
Após confirmar a
exclusão do usuário da
base de dados, pode se
observar que o
sistema levou novamente
para o painel principal e
ali não consta mais a
pessoa
cadastrada que se chama
“Joana Maria Pontes” do
CPF “999.999.999-99”.

FIGURA 24 – FONTE:
Autoria própria
5.6 MVC
A arquitetura de uma
aplicação tem algumas
variações de elementos,
como os
elementos persistência,
elementos de conexão,
elementos de interação e
elementos
utilitários. Toda via, na
arquitetura pode sempre
definir os se us
elementos que
precisarão ser utilizados no
sistema e como eles irão se
conectar. Normalmente uma
arquitetura complexa pode
exigir uma adição de tempo
no desenvolvimento. Por isso
17
algumas e quipes definem
um framework para uma
determinada aplicação,
assim
podemos utilizar muitas
coisas pré-prontas que
facilitam o
desenvolvimento. Alguns
projetos ou organizações
combinam esses padrões
arquiteturais, pois atendem
melhor às suas ne
cessidades ou deram certo
para o seu tipo de
aplicação. Entre as
arquiteturas existentes
temos: Cliente-servidor,
P2P - Peer to Peer,
Dados
compartilhados, Máquina
virtual, Camadas, MVC e
muitos outros.
FIGURA 37 – FONTE:
Autoria própria
O MVC é utilizado em
muitos projetos de vido à
arquitetura que possui, o
que aprova
a divisão do projeto em
camadas muito bem
definidas. Cada uma
delas, o Model, o
Controller e a View,
executa o que l he é
definido e nada mais do
que isso. A
aplicação do padrão
MVC pode traz o
benefício de isolar as
regras de negócios da
lógica de apresentação, a
interface com o usuário.
Isto possibilita a
existência de
várias interfaces com o
usuário que podem ser
alteradas sem que haja a
necessidade da adulteração
das regras de negócios.
7. CONCLUSÃO.
Este trabalho apresentou
a fundamentação teórica
e prática para o
desenvolvimento d o
projeto, as tecnologias e os
sistemas relacionados. Foi
aplicado
descrições e os requisitos
e a modelagem do
sistema, podendo observar
ainda a
apresentação da aplicação,
funcionalidades e até mesmo
as metodologias.
Com a aplicação
desenvolvido por este
projeto, espera-se que ele
seja
utilizado pela equipe d e
desenvolvimento. O si
stema proposto conseguiu
cumprir
exatamente as exigências
e objetivos estabelecidos.
Embo ra algumas das
suas
funcionalidades ainda
necessitem de correções
e melhorias, e o sistema
demostrou
eficiência nos testes de
usabilidade.
Essa aplicação foi
desenvolvida utilizando as
tecnologias e padrões de
projeto para
desenvolvimento web em
MVC, visando facilitar a
sua manutenção e a sua
evolução.
Todavia, foi possível que
o projeto evoluísse co
nstantemente em todas as
etapas. Com isso, é fácil
concluir que o projeto
cuj o tema é um
mecanismo de
acesso ao banco de dados
foi um suce sso e realiza a s
operações básicas de
CRUD
em um sistema único, p
ermitindo q ue o usuário
crie usuário, edite
usuário, exiba
detalhes do usuário e até
mesmo permita a exclusão
do mesmo.
18
7. REFERÊNCIAS.
DAVENPORT, Thomas,
PRUSAK Laurence,
Conhecimento Empresarial:
como as
organizações gerenciam seu
capital intelectual. Rio de
Janeiro: Campus, 1998.
LOTAR, Alfredo. Como
Programar com ASP. NET e
C#, 2º edição. São Paulo:
Editora Novatec, 2010
SOMMERVILLE, Ian.
Engenharia de software, 8.
ed. São Paulo: Pearson,
2007.
FILHO, W. de P. P.
Engenharia de software.
[S.l.]: LTC, 2003. v. 2
MYSQL, A. Mysql: THE
WORLD’S MOST
POPULAR OPEN SOURCE
DATABASE.
Disponível em: <http://www.
mysql. com/>. Acesso em:
15 de outubro de 2020.
PRADO, Chico Dal Santo.
Linguagem de Programação
C#. Acesso em 26 de
outubro de 2020
O QUE É INTERFACE
GUI. Disponivel em:
<https://canaltech.com.br/pro
dutos/O-
que-e-GUI/>. Acesso em: 03
outubro de 2020