ANALISE E DESENVOLVIMENTO DE SISTEMAS

OTÁVIO AUGUSTO ROSA BAIO RA: 2029914

THIAGO AUGUSTO DE VILAS BOAS RA: 0546430
JEFERSON COSTA DA SILVA RA: 0515094

PROJETO INTEGRADO MULTIDISCIPLINAR

ARARAQUARA, SP
2020
OTÁVIO AUGUSTO ROSA BAIO RA: 2029914
THIAGO AUGUSTO DE VILAS BOAS RA: 0546430
JEFERSON COSTA DA SILVA RA: 0515094

PROJETO INTEGRADO MULTIDISCIPLINAR

Trabalho bimestral apresentado ao curso

de Análise e Desenvolvimento de Sistemas
da Universidade Paulista - UNIP

ARARAQUARA, SP
2020
 OTÁVIO AUGUSTO ROSA BAIO RA: 2029914
THIAGO AUGUSTO DE VILAS BOAS RA: 0546430
JEFERSON COSTA DA SILVA RA: 0515094

PROJETO INTEGRADO MULTIDISCIPLINAR

Trabalho bimestral apresentado ao curso

de Análise e Desenvolvimento de Sistemas
da Universidade Paulista - UNIP

Aprovado em:

BANCA EXAMINADORA
_______________________/__/___

Universidade Paulista – UNIP

 RESUMO

Este projeto tem como intuito apresentar uma aplicação Android e ASP .Net, com
abordagem do usuário permitindo que o mesmo interaja com alguns trechos do banco
de dados. Na aplicação de ASP .Net o usuário terá acesso a um trecho do banco de
dados para realizar as operações CRUD (criar, consultar, atualizar e deletar) referente
ao cadastro do cliente ou funcionário em questão. Na aplicação Android a linguagem
de programação será em C#, uma linguagem de programação orientada a objeto
muito utilizada nos dias de hoje, onde o usuário terá acesso ao banco de dados
somente para cadastro do cliente ou funcionário.

O protótipo fora feito através de uma interface gráfica em ASP .Net e Android
oferecendo as funcionalidades CRUD para os dados relacionados ao trecho do banco
de dados.

Palavras-chave: CRUD, BD, protótipo

 ABSTRACT

This project aims to present an Android and ASP .Net application, with the user's
approach allowing the user to interact with some parts of the database. In the ASP .Net
application, the user will have access to a portion of the database to perform CRUD
operations (create, consult, update and delete) referring to the customer or employee
registration in question. In the Android application, the programming language will be
in C #, an object-oriented programming language widely used today, where the user
will have access to the database only for customer or employee registration.

The prototype was made through a graphical interface in ASP .Net and Android offering
CRUD functionalities for data related to the database segment.

Keyword: CRUD, BD, prototype

 LISTA DE ILUSTRAÇÕES

Figura 1 - Protótipo em papel de tela de mensagens para um centro de comunicações doméstico

(Fonte: Benyon, David, 2011, pag. 123) ................................................................................................ 11
Figura 2 - Participação de mercado do sistema operacional móvel no Brasil (fonte:
gs.statcounter.com, 2020) .................................................................................................................... 14
Figura 3 - Diagrama de atividades (fonte: elaborado pelos autores, 2020) ......................................... 15
Figura 4 - Diagrama de sequência (fonte: elaborado pelos autores, 2020) .......................................... 17
Figura 5 - Tela Inicial ASP.NET (fonte: elaborado pelos autores, 2020) ................................................ 18
Figura 6 - Trabalho ASP.NET (fonte: elaborado pelos autores, 2020) .................................................. 19
Figura 7 - Desenvolvedores ASP.NET (fonte: elaborado pelos autores, 2020) ..................................... 19
Figura 8 - Pessoas ASP.NET (fonte: elaborado pelos autores, 2020) .................................................... 20
Figura 9 - Endereço ASP.NET (fonte: elaborado pelos autores, 2020).................................................. 20
Figura 10 - Tipo telefone ASP.NET (fonte: elaborado pelos autores, 2020) ......................................... 21
Figura 11 - Telefone ASP.NET (fonte: elaborado pelos autores,2020).................................................. 21
Figura 12 - Protótipo de telas Android (fonte: elaborado pelos autores, 2020) .................................. 22
Figura 13 - Página inicial (fonte: elaborado pelos autores, 2020) ........................................................ 23
Figura 14 - Trabalho (fonte: elaborado pelos autores, 2020) ............................................................... 24
Figura 15 - Desenvolvedores (fonte: elaborado pelos autores, 2020).................................................. 24
Figura 16 - Pessoas (fonte: elaborado pelos autores, 2020)................................................................. 25
Figura 17 - Cadastro de pessoas (fonte: elaborado pelos autores, 2020) ............................................ 25
Figura 18 - Editar cadastro de pessoas (fonte: elaborado pelos autores, 2020) .................................. 26
Figura 19 - Detalhar pessoas cadastradas (fonte: elaborado pelos autores, 2020) ............................. 26
Figura 20 - Deletar cadastro de pessoas (fonte: elaborado pelos autores, 2020) ................................ 27
Figura 21 - Visualização de endereços (fonte: elaborado pelos autores, 2020) ................................... 28
Figura 22 - Cadastro de novo endereço (fonte: elaborado pelos autores, 2020) ................................. 28
Figura 23 - Editar cadastro endereço (fonte: elaborado pelos autores, 2020) ..................................... 29
Figura 24 - Detalhar pessoas cadastradas (fonte: elaborado pelos autores, 2020) ............................. 29
Figura 25 - Deletar endereço cadastrado (fonte: elaborado pelos autores, 2020) .............................. 30
Figura 26 - Tipos de telefones cadastrados (fonte: elaborado pelos autores, 2020) ........................... 31
Figura 27 - Cadastro de novo tipo de telefone (fonte: elaborado pelos autores, 2020) ...................... 31
Figura 28 - Editar tipo telefone (fonte: elaborado pelos autores, 2020) .............................................. 32
Figura 29 - Detalhar tipos de telefone (fonte: elaborado pelos autores, 2020) ................................... 32
Figura 30 - Deletar tipo de telefone (fonte: elaborado pelos autores, 2020)....................................... 33
Figura 31 - Lista de telefones (fonte: elaborado pelos autores, 2020) ................................................. 34
Figura 32 - Cadastro de novo telefone (fonte: elaborado pelos autores, 2020) .................................. 34
Figura 33 - Editar cadastro de telefone (fonte: elaborado pelos autores, 2020) ................................. 35
Figura 34 - Detalhar telefones cadastrados (fonte: elaborado pelos autores, 2020) ........................... 35
Figura 35 - Deletar telefone cadastrado (fonte: elaborado pelos autores, 2020) ................................ 36
Figura 36 - Aplicação em C# (fonte: elaborado pelos autores, 2020) ................................................... 37
Figura 37 - Aplicativo Android (fonte: elaborado pelos autores, 2020)................................................ 38
Figura 38 - Teste de design responsivo (fonte: elaborado pelos autores, 2020) .................................. 41
Figura 39 - Classes ASP.NET. (fonte: elaborado pelos autores, 2020) .................................................. 42
Figura 40 - Classes C# (fonte: elaborado pelos autores, 2020) ............................................................. 42
Figura 41 - Classes Android (fonte: elaborado pelos autores, 2020) .................................................... 43
Figura 42 - programação ASP.NET página inicial (fonte: elaborado pelos autores, 2020) ................... 49
Figura 43 - programação ASP.NET. Trabalho (fonte: elaborado pelos autores, 2020) ......................... 50
Figura 44 - Programação ASP.NET. Desenvolvedores (fonte: elaborado pelos autores, 2020)............ 51
Figura 45 - programação ASP.NET. Exibir pessoas (fonte: elaborado pelos autores, 2020) ................. 52
Figura 46 - Programação ASP.NET. Cadastro de pessoas (fonte: elaborado pelos autores, 2020) ...... 53
Figura 47 - Programação ASP.NET. Editar cadastro de pessoas (fonte: elaborado pelos autores, 2020)
............................................................................................................................................................... 54
Figura 48 - Programação ASP.NET. Detalhes de pessoas cadastradas (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 55
Figura 49 - Programação ASP.NET. Deletar cadastro de pessoas (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 56
Figura 50 - Programação ASP.NET. Visualizar endereços cadastrados (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 57
Figura 51 - Programação ASP.NET. cadastro de endereço (fonte: elaborado pelos autores, 2020) .... 58
Figura 52 - Programação ASP.NET. editar endereço cadastrado (fonte: elaborado pelos autores, 2020)
............................................................................................................................................................... 59
Figura 53 - Programação ASP.NET. Detalhes de endereço cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 60
Figura 54 - Programação ASP.NET. deletar endereço cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 61
Figura 55 - Programação ASP.NET. Tipos de telefones cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 62
Figura 56 - Programação ASP.NET. cadastro de novo tipo de telefone (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 63
Figura 57 - Programação ASP.NET. Editar tipos de telefone (fonte: elaborado pelos autores, 2020) . 64
Figura 58 - Programação ASP. NET. Deletar tipo de telefone cadastrado (fonte: elaborado pelos
autores, 2020) ....................................................................................................................................... 65
Figura 59 - Programação ASP.NET. Detalhes de tipo de telefone cadastrado (fonte: elaborado pelos
autores, 2020) ....................................................................................................................................... 66
Figura 60 - Programação ASP.NET. Lista de telefones cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 67
Figura 61 - Programação ASP.NET. cadastro de novo telefone (fonte: elaborado pelos autores, 2020)
............................................................................................................................................................... 68
Figura 62 - Programação ASP.NET. editar telefone cadastrado (fonte: elaborado pelos autores, 2020)
............................................................................................................................................................... 69
Figura 63 - Programação ASP.NET. Detalhes de telefone cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 70
Figura 64 - Programação ASP.NET. deletar telefone cadastrado (fonte: elaborado pelos autores, 2020)
............................................................................................................................................................... 71
Figura 65 - Programação Android - Tela inicial (fonte: elaborado pelos autores, 2020) ...................... 72
Figura 66 - Programação Android - Menu principal (fonte: elaborado pelos autores, 2020) .............. 74
Figura 67 - Programação Android - Cadastro de pessoas (fonte: elaborado pelos autores, 2020) ...... 75
Figura 68 - Programação Android - Lista de pessoas cadastradas (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 77
Figura 69 - Programação Android - Cadastro de telefone (fonte: elaborado pelos autores, 2020) ..... 79
Figura 70 - Programação Android - Lista de telefones cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 81
Figura 71 - Programação Android - Cadastro de endereço (fonte: elaborado pelos autores, 2020) ... 83
Figura 72 - Programação Android - lista de endereços cadastrado (fonte: elaborado pelos autores,
2020) ..................................................................................................................................................... 86

SUMÁRIO

1. INTRODUÇÃO .............................................................................................................................. 8
2. IMPORTÂNCIA DE UM SISTEMA DE CADASTRO ............................................................. 9
3. FUNDAMENTAÇÃO TEÓRICA ............................................................................................... 10
3.1. Interação e design de sistemas............................................................................................ 10
3.2. Dispositivos móveis ................................................................................................................ 13
4. DESENVOLVIMENTO E MÉTODOS...................................................................................... 15
4.1. Diagrama de atividades ......................................................................................................... 15
4.2. Diagrama de sequência......................................................................................................... 17
4.3. Prototipagem ASP.NET ......................................................................................................... 18
4.4. Prototipagem Mobile .............................................................................................................. 22
4.5. Desenvolvimento ASP.NET .................................................................................................. 23
4.5.1. Apresentação de telas ASP.NET. .................................................................................... 23
4.6. Desenvolvimento da aplicação em C# ................................................................................ 37
4.6.1. Apresentação de telas C# ................................................................................................. 37
4.7. Desenvolvimento Mobile ....................................................................................................... 38
4.7.1. Apresentação de telas Mobile .......................................................................................... 38
5. CONSIDERAÇÕES FINAIS ..................................................................................................... 39
 8

1. INTRODUÇÃO

O século XXI foi marcado como o século da popularização e democratização

do acesso à internet o que nos proporcionou mais recursos e formas de nos
conectarmos, possibilitando novos sonhos e horizontes tornando muitas coisas que
antes se dizia ser impossível, agora possível.

A tecnologia está avançando a cada dia nos fornecendo sempre um melhor

apoio, auxílio e facilidade em nossas necessidades formais ou não, ela está em todos
os lugares. Hoje o mundo depende demais desta tecnologia e não é mais possível
retroceder, pois ela é utilizada em quase tudo.

Este trabalho explora e projeta uma aplicação com funções CRUD (criar, ler,
atualizar e apagar) de cliente e/ou funcionários da empresa, contendo juntamente o
protótipo de todo o sistema, com a interface do projeto em ASP .Net e Android, a qual
os participantes deste projeto atuam como respectivos desenvolvedores.

O objetivo destes devs (desenvolvedores) é criar o fullstack (backend e

frontend) do sistema todo, dando ênfase na interface com base nas disciplinas de
Engenharia de Software e Interação Humano Computador (IHC), a fim de garantir a
funcionalidade, qualidade e usabilidade do software.

Neste documento é possível encontrar as disciplinas envolvidas como,

Programação Orientada a Objeto ll, Desenvolvimento de Software para Internet e
Tópicos Especiais de Programação Orientada a Objetos, com as representações do
sistema através do Diagrama de Sequência, Diagrama de Classe, e BPMN.
 9

2. IMPORTÂNCIA DE UM SISTEMA DE CADASTRO

Muitas empresas ainda nos dias de hoje, não possuem um sistema para
cadastramento de seus clientes, produtos ou serviços, um sistema de cadastramento
é bastante importante para aplicações diversas, onde faz com o que a utilização desse
recurso disponibilize controle total sobre as informações contidas em uma
organização. Esse processo traz uma visão completa de seus usuários ou clientes,
podendo tornar esse banco de dados capaz gerenciar totalmente os produtos ou
serviços conforme a demanda recebida, tornando simples o processo de captação das
informações. Para um e-commerce por exemplo, o cadastramento dos clientes é
extremamente importante tanto para o processo de venda, quanto para a divulgação
de possíveis novos clientes para a marca, portanto, a ligação entre clientes e
consumidores se torna muito atraente.

Além da melhora em termos de comunicação, um sistema de cadastro

apresenta todas as informações sobre as preferências, hábitos e datas importantes
que podem ser utilizadas para atrair o consumir, como por exemplo o aniversário.
Disponibilizando um sistema completo para o trabalho, torna a equipe e o processo
ágil, facilitando a consolidação no mercado.
 10

3. FUNDAMENTAÇÃO TEÓRICA

3.1. Interação e design de sistemas

Atualmente tem-se a incorporação de sistemas interativos em praticamente

todos os dispositivos tecnológicos ao nosso redor, deixando de lado o privilégio de
que apenas profissionais da computação tinham esse acesso, onde muitas vezes não
nos damos conta de tamanha abrangência desses sistemas sem pararmos para
refletir sobre isso. Dessa maneira, para que uma interação seja bem construída, deve
ser simples, de fácil utilização e que otimize o tempo do usuário ao realizar as tarefas.
Para Pressman (2006) a interface em relação as aplicações computacionais voltada
para o usuário é considerada a mais importante implementação de um sistema ou
produto de software.

Uma interface de software deve ter preocupações em relação ao design de

interação por ela proposto, que segundo David Benyon (2011), “design” faz menção
ao processo da atividade criativa para representar algo inovador, bem como às
representações que se produzem durante esse processo, e em relação ao termo
“interação”, ainda segundo o autor, pode-se dizer que são artefatos que lidam com a
transmissão, exibição, armazenamento e transformação de informações que venham
a responder dinamicamente e diretamente as ações das pessoas.

A interface precisa oferecer alguns mecanismos para que as pessoas possam dar
instruções e colocar dados no sistema: “entrada”. Ela também deve ter mecanismos
para que o sistema diga às pessoas o que está acontecendo, fornecendo retorno e
mecanismos de exibição do conteúdo: 'saída”. (Benyon, David, 2011, pag. 6).

Para o desenvolvimento de um sistema interativo, existem duas abordagens

extremamente relevantes e muito utilizadas para concretização desse processo, são
as atividades de design conceitual e design físico. Segundo David Benyon (2011), o
design conceitual é o entendimento de quais informações são necessárias para que o
sistema consiga desempenhar seu objetivo proposto, tendo em vista a definição de
quem saberá como fazer a utilização do sistema e quais soluções de design entregar
para que fique claro os processos da interação.
 11

A característica-chave do design conceitual é manter as coisas abstratas — concentrar-

se no 'o quê' em vez de no 'como' — e evitar fazer suposições a respeito de como as
funções e as informações serão distribuídas. (Benyon, David, 2011, pag. 30).

O design físico, segundo David Benyon (2011), apresenta visualmente como

realmente os processos funcionarão, além de revelar o detalhamento da aparência,
tratando das atividades de interação deixando claro as funções que serão exibidas
entre pessoas e seus dispositivos de comunicação.

Um dos meios mais utilizados para desenvolvimento do design conceitual de

um sistema operacional é por meio de protótipos, sendo esses criados até mesmo
com recursos de baixa tecnologia, podendo ser esse um papel por exemplo.

Conforme cita David Benyon (2011, pag. 121), Protótipos podem ser usados
para demonstrar um conceito (por exemplo, o protótipo de um carro) nos estágios
iniciais do design, para testar detalhes desse conceito em estágios posteriores [...]

Um protótipo pode ser feito de algo tão simples quanto papel e papelão, ou outro
material adequado ou pode ser desenvolvido com um pacote de software sofisticado.
(Benyon, David, 2011, pag. 121).

Figura 1 - Protótipo em papel de tela de mensagens para um centro de comunicações doméstico (Fonte: Benyon, David,
2011, pag. 123)
 12

Além dessas duas especificações para a interação, uma grande importância

também é depositada em relação a usabilidade, que é determinante no sucesso ou
insucesso de qualquer produto, dessa forma, deve-se buscar o design centrado e
conforme descreve David Benyon (2011), um sistema com um alto nível de
usabilidade deve cumprir as características:

• Eficiência com uma quantidade de esforço adequada,

• Conter as funções e conteúdos informativos de forma adequada e
apropriada,
• Facilidade de aprendizado e memorização dos passos a serem
seguidos,
• Segurança com o processo de utilização,
• Conseguir um retorno relevante sobre o processo automatizado com o
sistema.

Um software pode ser classificado como sendo de boa usabilidade quando os seus
usuários aprendem a utilizá-lo com facilidade (learnability), quando se lembram
facilmente de tarefas anteriormente já realizadas (memorability), ou quando consegue
associar padrões entre as diversas telas de um mesmo sistema, através da ordem de
disposição dos itens, rapidez no desenvolvimento de tarefas, o que leva à conclusão
lógica de que a manipulação do software é bastante fácil e que por sua vez, essa
facilidade eleve a produtividade do usuário (eficiência, e também, usando a taxa de
erros durante a utilização do produto for baixa (erros). (OLIVEIRA, 2009, p. 38).
 13

3.2. Dispositivos móveis

Os dispositivos móveis estão ganhando cada vez mais espaço em termos de

quantidades de funcionalidades disponíveis nos aparelhos, e o número de ativações
de dispositivos vem crescendo em ritmo muito acelerado, segundo dados coletados
dos relatórios da empresa GSMA, mais de 5 bilhões de pessoas fazem a utilização de
algum aparelho celular, o que equivale a 67% da população mundial e com projeção
desse número chegar a 71% até 2025.

Dessa forma, o mercado de aplicativos para essa modalidade só tende a

crescer e evoluir cada vez mais suas disponibilidades de serviços, portanto, o
processo de desenvolvimento para aplicações móveis em relação ao design de
interação é visto para Lee, Schneider e Schell (2005) como crítica e desempenham
um papel de disponibilidade das funcionalidades ao usuário que vão além de suas
próprias.

Segundo afirma Lee, Schneider e Schell (2005), os dispositivos móveis

possuem características únicas que podem afetar diretamente na usabilidade do
usuário.

• Tempo de inicialização
• Segurança de dados
• Interface amigável

Para o projeto de uma aplicação móvel, é necessário especificar bem o

propósito de utilização, que ao contrário dos programas computacionais que fazem a
realização dos processos de forma mais abrangente, os aplicativos móveis tem um
campo maior para se trabalhar com processos específicos de utilização.
 14

Um ponto importante para o desenvolvimento móvel atualmente é a base

operacional onde o aplicativo será executado, que deve ser executável nos principais
sistemas operacionais disponíveis, apresentado pelo gráfico a seguir:

Figura 2 - Participação de mercado do sistema operacional móvel no Brasil (fonte: gs.statcounter.com, 2020)

Dessa forma, a análise dos processos do usuário em relação ao resultado

esperado com o uso das aplicações, sendo elas tanto para dispositivos móveis como
para ambientes computacionais Desktop, deve ser tratada com prioridade e
desenvolver uma boa aparência de design unindo as funções com a usabilidade da
aplicação.
 15

4. DESENVOLVIMENTO E MÉTODOS

O projeto teve seu início com uma formação de base com a utilização da
linguagem de modelagem UML, que disponibilizou uma visão do projeto a ser
realizado, que conforme afirma Booch, Rumbaugh e Jacobson (2012), os modelos são
responsáveis por fornecedor uma estrutura detalhada do processo, exibindo uma
visão panorâmica de como deve ser a conclusão do desenvolvimento, dando ênfase
aos componentes mais importantes e omitindo os menos importantes para o início da
aplicação.

Ainda segundo Booch, Rumbaugh e Jacobson (2012), o processo de

modelagem não é restrito apenas a projetos de grande porte, sendo possíveis sua
utilização em pequenas aplicações, porém, quanto maior o tamanho, maior será a
importância do desenvolvimento de uma modelagem completa, dessa forma foi criado
as diagramas de atividades e sequência, conforme os requisitos descritos na
proposta.

4.1. Diagrama de atividades

Figura 3 - Diagrama de atividades (fonte: elaborado pelos autores, 2020)

 16

Na figura 3 podemos ver um diagrama BPMN (Business Process Model and

Notation), que descreve o procedimento do sistema desenvolvido em ASP .Net, C# e
Android com funções CRUD.

O usuário deverá efetuar o login, e logo após será direcionada para o menu do
sistema, onde terá as opções de Cadastro, Consultar e Editar.

Na opção Cadastro o usuário poderá cadastrar o cliente ou funcionário

desejado preenchendo todos os campos requisitados pelo sistema, após o
preenchimento do formulário o cadastro deverá ser confirmado para que o cadastro
tenha sucesso, caso contrário terá a opção de cancelar ou voltar para realizar alguma
alteração antes de confirmar. Após o cadastro ser confirmado o usuário será
direcionado de volta para o menu.

No menu principal tem a opção consultar, onde usuário deverá escolher um

cadastro existente no sistema, e assim visualiza lo, após isso o usuário é direcionado
de volta ao menu.

Ainda no menu principal, há a opção editar, dentro desta opção há mais duas
opções que são Atualizar e Deletar. Ao escolher a opção atualizar o usuário deverá
selecionar um cadastro existente no sistema para que possa atualizar/editar os dados
existentes, após isso haverá uma condição de confirmação para atualização do
cadastro, onde o usuário poderá confirmar, cancelar ou voltar para conferir a alteração
realizada. Após a confirmação de alteração aparecerá uma mensagem informando
que a atualização foi efetuada com sucesso e o usuário será direcionado ao menu;
caso escolha a opção cancelar, o usuário é direcionado ao menu.

Na opção Deletar o usuário deverá escolher um cadastro existente no sistema

para que seja deletado, ao ser selecionado o usuário deverá confirmar e logo após
aparecerá uma mensagem informando que o cadastro foi deletado do sistema, caso
o usuário não confirme e escolha a opção não, ele voltará a guia anterior para que
escolha novamente o cadastro desejado, mas caso escolha a opção cancelar, o
usuário será direcionado para o menu principal.

Na opção Logout o usuário sairá do sistema.

 17

4.2. Diagrama de sequência

Figura 4 - Diagrama de sequência (fonte: elaborado pelos autores, 2020)

Observando a figura 4 é visível um diagrama de sequência representando o

sistema com função CRUD, ele é um diagrama utilizado em UML, o mesmo representa
os processos existentes no sistema, neste caso apresenta a relação entre os métodos
Usuário, Menu e Sistema.
 18

4.3. Prototipagem ASP.NET

Com a introdução da modelagem dos requisitos pela utilização da UML para o

processo de desenvolvimento, foi possível a partir disso gerar os protótipos de baixa
tecnologia da aplicação, onde registrou o funcionamento do sistema de forma técnica,
para obter uma ideia e visualização das funcionalidades após a codificação, esse
processo gerou os seguintes artefatos:

Tela principal

Figura 5 - Tela Inicial ASP.NET (fonte: elaborado pelos autores, 2020)

A tela principal foi formada pela apresentação dos itens principais de

cadastramento em sua barra superior e em seu corpo foi inserido um pequeno resumo
sobre o projeto e seu desenvolvimento. Os links “veja mais” é um direcionamento para
as páginas onde o conteúdo está totalmente sendo apresentado.
 19

Trabalho

Figura 6 - Trabalho ASP.NET (fonte: elaborado pelos autores, 2020)

A página trabalho foi utilizada para disponibilizar todo o conteúdo do projeto

teórico, como um complemento do desenvolvimento, além de permitir que a
visualização seja feita diretamente no projeto.

Desenvolvedores

Figura 7 - Desenvolvedores ASP.NET (fonte: elaborado pelos autores, 2020)

A página Dev’s foi inserida para a apresentação dos responsáveis pelo

desenvolvimento de todo o projeto.
 20

Pessoas

Figura 8 - Pessoas ASP.NET (fonte: elaborado pelos autores, 2020)

A página pessoas é formada pela apresentação das pessoas que já tem o

cadastro inserido no sistema, informando dados como: nome, CPF, endereço e
logradouro, além das opções de editar, detalhar e deletar o cadastro, é possível
também inserir novo cadastro selecionando essa opção.

Endereço

Figura 9 - Endereço ASP.NET (fonte: elaborado pelos autores, 2020)

A opção de endereço é formada pela apresentação do processo de

cadastramento conforme inserção do ID de uma pessoa já cadastrada, onde é
possível inserir logradouro, número, CEP, bairro, cidade e estado, seguindo com a
opção cadastrar ou voltar.
 21

Tipo telefone

Figura 10 - Tipo telefone ASP.NET (fonte: elaborado pelos autores, 2020)

A página tipo telefone é utilizada para apresentar os diferentes tipos dessas

características cadastradas para utilização em outras abas, tendo a possibilidade de
editar, detalhar ou delatar, além de criar novos tipos.

Telefone

Figura 11 - Telefone ASP.NET (fonte: elaborado pelos autores,2020)

A opção telefone é a representação dos números já inseridos no sistema, sendo

possível a edição, visualização de detalhes e exclusão do cadastro, além também da
possibilidade de inserir novo cadastro de telefone.
 22

4.4. Prototipagem Mobile

Conforme podemos observar na figura, os protótipos de baixa tecnologia fazem

a projeção das ações do aplicativo assim como a proposta para o ASP.NET. Dessa
maneira a sequência de protótipos representa as fazes do aplicativo, que são: entrada
com o logo da universidade e um botão para acesso, tela de boas-vindas (home) com
alguns widgets e menu exposto na barra inferior do smartphone, Lista de cadastrados
salvos, novo cadastramento de pessoas, novo cadastramento de endereço e novo
cadastramento de telefones.

Figura 12 - Protótipo de telas Android (fonte: elaborado pelos autores, 2020)

 23

4.5. Desenvolvimento ASP.NET

Após a realização do processo de planejamento, com a utilização dos

diagramas da UML e os protótipos, foi iniciada a codificação para o modelo final da
aplicação em ASP.NET, apresentadas nas imagens reais da aplicação a seguir:

4.5.1. Apresentação de telas ASP.NET.

Tela inicial

Figura 13 - Página inicial (fonte: elaborado pelos autores, 2020)

O conteúdo do trabalho, conforme o protótipo, foi distribuído pela página inicial,

sendo possível acessar os assuntos específicos de cada fase ao clicar nos links “veja
mais” abaixo de cada coluna dos capítulos, além de possibilitar a visualização também
dos integrantes do grupo no contêiner de título e selecionar as opções da barra de
menu no topo da página.

Esse layout foi desenvolvido com a ideia de tornar os conteúdos disponíveis

em um único ambiente, facilitando a leitura e navegação dos interessados pelo
projeto.
 24

Trabalho

Figura 14 - Trabalho (fonte: elaborado pelos autores, 2020)

A opção da barra de menu Trabalho, será responsável por disponibilizar todo o

conteúdo presente no projeto, sendo feito de forma bem estruturada e organizada para
que os leitores tenham uma experiência diferenciada ao acessar a página.

Desenvolvedores

Figura 15 - Desenvolvedores (fonte: elaborado pelos autores, 2020)

A sessão dos desenvolvedores foi criada no intuito de apresentar aos leitores

e interessados, uma pequena apresentação dos envolvidos no projeto,
disponibilizando o nome e principalmente uma foto de cada um, com o objetivo de
tornar a página um ambiente mais descontraído para que o leitor se sinta a vontade
com seu acesso.
 25

Pessoas

Figura 16 - Pessoas (fonte: elaborado pelos autores, 2020)

A opção pessoas do menu principal apresenta ao usuário as informações sobre

os cadastros já adicionados anteriormente na aplicação, sendo possível além de obter
informações, efetuar um novo cadastro, Editar, detalhar e deletar um contato já
existente, permitindo dessa forma ter um controle sobre a aplicação.

Novo cadastro – Pessoas

Figura 17 - Cadastro de pessoas (fonte: elaborado pelos autores, 2020)

Ao selecionar o item de novo cadastro disponível na figura 15, a página será

direcionada ao formulário para o cadastramento de uma nova pessoa, sendo possível
inserir ID, nome, CPF e endereço.
 26

Editar cadastro – Pessoas

Figura 18 - Editar cadastro de pessoas (fonte: elaborado pelos autores, 2020)

A opção de editar cadastro disponível na figura 15, ao ser selecionado, permite

fazer a alteração de alguns dados principais do indivíduo já cadastrado anteriormente,
sendo possível alterar dados como nome, CPF e endereço, que após salvar as
alterações será atualizado na lista de pessoas cadastradas.

Detalhes – Pessoas

Figura 19 - Detalhar pessoas cadastradas (fonte: elaborado pelos autores, 2020)

Selecionando a opção de detalhes na lista de pessoas apresentadas na figura

15, é possível observar detalhadamente as informações do indivíduo cadastrado.
 27

Deletar – Pessoas

Figura 20 - Deletar cadastro de pessoas (fonte: elaborado pelos autores, 2020)

Ao selecionar a opção deletar disponível para visualização na figura 15, o

usuário poderá fazer a exclusão da pessoa selecionada no cadastro, sendo possível
dessa forma manter o controle sobre os dados inseridos e os que não serão mais
necessários para a aplicação.
 28

Endereço

Figura 21 - Visualização de endereços (fonte: elaborado pelos autores, 2020)

Efetuando o acesso à opção de endereço, será possível observar os endereços

que já estão cadastrados na página e também algumas opções de controle similares
aos de cadastro de pessoas, como: inserir novo cadastro, editar, detalhar e deletar
um cadastro existente.

Novo cadastro – endereço

Figura 22 - Cadastro de novo endereço (fonte: elaborado pelos autores, 2020)

Ao selecionar a opção de novo cadastro disponível para visualização na figura

21, o usuário será direcionado para inserção das informações necessário para este
tipo de opção conforme apresenta a figura 21, sendo possível assim inserir após
selecionar a pessoa desejada as informações de logradouro, número, CEP, bairro,
cidade e estado.
 29

Editar cadastro – endereço

Figura 23 - Editar cadastro endereço (fonte: elaborado pelos autores, 2020)

Selecionando a opção de editar cadastro de endereço, conforme disponível na

figura 21, será possível fazer a alteração dos dados como logradouro, número, CEP,
bairro, cidade e estado, onde após salvar as alterações será atualizado na lista de
exibição dos endereços.

Detalhes – endereço

Figura 24 - Detalhar pessoas cadastradas (fonte: elaborado pelos autores, 2020)

Ao escolher a opção de exibir detalhes do endereço, será possível visualizar as

informações de endereço cadastrado anteriormente pela opção de cadastrar
endereços, formada por dados inseridos que não são visíveis em outras listas que
apresentando visibilidade para o endereço.
 30

Deletar – endereço

Figura 25 - Deletar endereço cadastrado (fonte: elaborado pelos autores, 2020)

Referente a opção de deletar endereço, será responsável por apagar da lista o

endereço que o usuário julgar necessário, assim atualizando também as demais
funções que utilizem esse cadastro.
 31

Tipo telefone

Figura 26 - Tipos de telefones cadastrados (fonte: elaborado pelos autores, 2020)

Ao selecionar a opção de tipo telefone na barra de menu principal, será

apresentado uma tela com as informações dos tipos diversos de telefones
cadastrados, conforme apresenta a imagem 22, além disso poderá inserir novo
cadastro, editar, detalhar e deletar um tipo inserido anteriormente.

Novo cadastro – tipo de telefone

Figura 27 - Cadastro de novo tipo de telefone (fonte: elaborado pelos autores, 2020)

Selecionando a opção de novo cadastro referente a figura 22, o usuário será

redirecionado para a tela onde poderá escolher o ID da pessoa onde deseja inserir
um tipo de telefone para contato e o tipo desse telefone.
 32

Editar – tipo telefone

Figura 28 - Editar tipo telefone (fonte: elaborado pelos autores, 2020)

Será possível nessa opção fazer a edição dos dados inseridos anteriormente
no cadastro, tendo a possibilidade de atualizar os dados de ID e tipo de telefone
desejado.

Detalhes – tipo telefone

Figura 29 - Detalhar tipos de telefone (fonte: elaborado pelos autores, 2020)

Ao escolher a opção de exibir detalhes do tipo telefone, será possível visualizar

as informações inseridas na opção de cadastro, sendo essa formada por dados que
não são exibidos em outras listas que possuem essa opção.
 33

Deletar – tipo telefone

Figura 30 - Deletar tipo de telefone (fonte: elaborado pelos autores, 2020)

Selecionando a opção de delatar tipo de telefone, fará com que a página elimine
da lista de tipos conforme o tipo de telefone selecionado para exclusão.
 34

Telefones

Figura 31 - Lista de telefones (fonte: elaborado pelos autores, 2020)

Referente a opção de telefones no menu principal da página, apresentado na

figura 24, ela é responsável por disponibilizar os números que foram cadastrados pelo
usuário, sendo possível além de obter as informações, também inserir novo cadastro,
editar, detalhar e deletar um contato cadastrado anteriormente.

Novo cadastro – telefone

Figura 32 - Cadastro de novo telefone (fonte: elaborado pelos autores, 2020)

Selecionando a opção de novo cadastro disponível para visualização na figura

24, o usuário poderá inserir as informações após atribuir um ID disponível na página,
informando posteriormente os dados de número, DDD e tipo de telefone (cadastrado
conforme a figura 23).
 35

Editar cadastro – telefone

Figura 33 - Editar cadastro de telefone (fonte: elaborado pelos autores, 2020)

Editando o cadastro de telefone, será possível alterar os dados inseridos

anteriormente na opção de cadastro telefone, sendo assim após essa opção ser
concluída a página de lista ficará atualizada com os novos dados dessa opção.

Detalhes – telefone

Figura 34 - Detalhar telefones cadastrados (fonte: elaborado pelos autores, 2020)

Exibindo os detalhes do telefone, será possível observar detalhadamente as

informações inseridas na opção de cadastro, em especifico alguma que não apareça
nas listas que possuem essa informação.
 36

Deletar – telefone

Figura 35 - Deletar telefone cadastrado (fonte: elaborado pelos autores, 2020)

Efetuando a opção deletar dessa categoria, assim como as demais da página,

será responsável por eliminar um número obsoleto ou que não está mais em
utilização, dessa forma também atualizando as demais listas que possuírem essa
informação.
 37

4.6. Desenvolvimento da aplicação em C#

O desenvolvimento da aplicação em C# teve como base a utilização dos

modelos apresentados nas figuras 3 e 4, dessa maneira foram geradas as seguintes
interfaces gráficas do software.

4.6.1. Apresentação de telas C#

Figura 36 - Aplicação em C# (fonte: elaborado pelos autores, 2020)

 38

4.7. Desenvolvimento Mobile

O desenvolvimento da aplicação mobile, assim como as outras duas

linguagens de programação apresentadas, teve como base a utilização dos
diagramas da UML, conforme apresentadas nas figuras 3 e 4, sendo o processo
formado pelos mesmos itens da aplicação em ASP.NET e C# e gerando assim os
seguintes artefatos de prototipagem e telas do aplicativo.

4.7.1. Apresentação de telas Mobile

Figura 37 - Aplicativo Android (fonte: elaborado pelos autores, 2020)

 39

5. CONSIDERAÇÕES FINAIS

A proposta para o projeto foi para o desenvolvimento de um sistema de

cadastramento funcional, sendo esse formado pela programação em 3 tipos de
linguagens diferentes, C#, ASP.NET. e Android. Por se tratar de uma aplicação
bastante importante nos dias de hoje com a atualização constante dos sistemas
tecnológicos pode-se perceber que a utilização desse tipo de aplicação é de extrema
importância para uso em diversas aplicações, tornando processos mais ágeis e
facilmente operativos para o mercado.

O projeto teve o processo inicial com a utilização da prototipagem em baixa

tecnologia, servindo como esboço para o futuro andamento dos processos, além de
uma linguagem de modelagem já bastante utilizada em outros trabalhos que foi a
implementação de dois diagramas da UML representando as fases de funcionamento
da aplicação.

O design das aplicações foi feito pensando na simplicidade de utilização e de

visualização dos itens necessário, além de seguir os padrões de responsividade para
o funcionamento adequado em cada tipo de execução, sendo esses feito por
navegador mais utilizado ultimamente e pela simulação e instalação do aplicativo
Android em mais de um smartphone diferente, garantindo assim a conclusão do
processo de programação e validação operacional das funcionalidades.
 40

REFERÊNCIAS

Blog DevMedia. Projetando e criando aplicativos para dispositivos moveis, por Higor,
2014, disponível em < https://www.devmedia.com.br/projetando-e-criando-aplicativos-
para-dispositivos-moveis/30671> “acesso em: 28 de out de 2020”,

Benyon, David, Interação humano-computador; tradução Heloísa Coimbra de Souza;

revisão técnica Llana de Almeida Souza Concílio. — 2. ed. - São Paulo: Pearson
Prentice Hall, 2011.

BOOCH G.; RUMBAUGH J.; JACOBSON, I. UML: Guia do usuário, Rio de Janeiro:
Campus, 2º edição, 2012.

GSMA Intelligence. Dados definitivos e análise para a indústria móvel, c2004-2020,

disponível em: <https://www.gsmaintelligence.com/data/> “acesso em: 28 de out de
2020”.

LEE, V.; SCHINEIDER, H. & SCHELL, R. Aplicações móveis: arquitetura, projeto e

desenvolvimento. São Paulo: Pearson, 2005.

OLIVEIRA, A. L. B. A melhor interação entre o homem e a máquina. In: Revista Custo

Brasil. Rio de Janeiro, ano 4, n. 21, 2009.

PRESSMAN, R.S. Engenharia de software. 6.ed. São Paulo: McGraw-Hill, 2006.

StatCounter. Participação de mercado do sistema operacional móvel no Brasil, c1999-

2020, disponível em: <https://gs.statcounter.com/os-market-share/mobile/brazil>
“acesso em: 28 de out de 2020”.
 41

Apêndice A – Roteiro de testes

Tela: Todas as telas

Objetivo: Teste de design responsivo

Caso de teste: Efetuar a verificação do layout em tela reduzida

Pré-requisito: Estar com o aplicativo em execução

Processo:

• 1° Abrir a página em tela cheia para ASP.NET.

• 2° Minimizar o programa até que o layout pare de se ajustar
• 3° Abrir o aplicativo para Android
• 4° Alterar a orientação do Smartphone entre horizontal e vertical

Resultado esperado:

• 1° Para o ASP.NET. a tela ao ser reduzida em uma proporção mínima deve ainda
apresentar as informações de forma clara e organizado ao usuário, sem distorção ou
perda de visualização de funções da aplicação.
• 2° Para Android a tela ao ser modificada a orientação, deve se ajustar ao tamanho da tela
em suas respectivas posições apresentando as informações do aplicativo.

Figura 38 - Teste de design responsivo (fonte: elaborado pelos autores, 2020)

Para o ASP.NET. foi aberto em um dos navegadores de maior utilização

atualmente, sendo possível verificar o comportamento da página com o mesmo. Para
o Android, foi alterada a orientação do smartphone, porém, nossa programação foi
desenvolvida para que fosse executado apenas na vertical, com isso não teve
alteração na posição dos itens e assim mantendo sua integridade.
 42

Apêndice B – Classes

Classes ASP.NET.

Figura 39 - Classes ASP.NET. (fonte: elaborado pelos autores, 2020)

Classes C#

Figura 40 - Classes C# (fonte: elaborado pelos autores, 2020)

 43

Classes Android

Figura 41 - Classes Android (fonte: elaborado pelos autores, 2020)

 44

Apêndice C – Comandos de criação do banco de dados

Criação de tabelas
TABELA PESSOA:

CREATE TABLE [dbo].[PESSOA](

[ID] [int] IDENTITY(1,1) NOT NULL,

[NOME] [varchar](256) NOT NULL,

[CPF] [int] NULL,

[ENDERECO] [int] NULL,

PRIMARY KEY CLUSTERED

[ID] ASC

)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF,

IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS
= ON, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]

TABELA ENDERECO

CREATE TABLE [dbo].[ENDERECO](

[ID] [int] IDENTITY(1,1) NOT NULL,

[LOGRADOURO] [varchar](256) NOT NULL,

[NUMERO] [int] NULL,

[CEP] [int] NULL,

[BAIRRO] [varchar](256) NOT NULL,

[CIDADE] [varchar](256) NOT NULL,

 45

[ESTADO] [varchar](256) NOT NULL,

PRIMARY KEY CLUSTERED

[ID] ASC

)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF,

IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS
= ON, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]

TABELA PESSOA_TELEFONE

CREATE TABLE [dbo].[PESSOA_TELEFONE](

[ID_PESSOA] [int] NOT NULL,

[ID_TELEFONE] [int] NOT NULL,

CONSTRAINT [PK_PESSOA_TELEFONE] PRIMARY KEY CLUSTERED

[ID_PESSOA] ASC

)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF,

IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS
= ON, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]

TABELA TELEFONE

CREATE TABLE [dbo].[TELEFONE](

[ID] [int] IDENTITY(1,1) NOT NULL,

[NUMERO] [int] NULL,

[DDD] [int] NULL,

 46

[TIPO] [int] NULL,

PRIMARY KEY CLUSTERED

[ID] ASC

)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF,

IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS
= ON, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]

TABELA TELEFONE_TIPO

CREATE TABLE [dbo].[TELEFONE_TIPO](

[ID] [int] IDENTITY(1,1) NOT NULL,

[TIPO] [varchar](10) NOT NULL,

PRIMARY KEY CLUSTERED

[ID] ASC

)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF,

IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS
= ON, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]
 47

FOREIGN KEY TABELAS

ALTER TABLE [dbo].[ENDERECO] WITH CHECK ADD CONSTRAINT

[FK_ENDERECO_ENDERECO] FOREIGN KEY([ID])

REFERENCES [dbo].[ENDERECO] ([ID])

ALTER TABLE [dbo].[ENDERECO] CHECK CONSTRAINT

[FK_ENDERECO_ENDERECO]

ALTER TABLE [dbo].[PESSOA] WITH CHECK ADD CONSTRAINT

[FK_PESSOA_ENDERECO] FOREIGN KEY([ENDERECO])

REFERENCES [dbo].[ENDERECO] ([ID])

ALTER TABLE [dbo].[PESSOA] CHECK CONSTRAINT [FK_PESSOA_ENDERECO]

ALTER TABLE [dbo].[PESSOA_TELEFONE] WITH CHECK ADD CONSTRAINT

[FK_PESSOA_TELEFONE_PESSOA] FOREIGN KEY([ID_PESSOA])

REFERENCES [dbo].[PESSOA] ([ID])

ALTER TABLE [dbo].[PESSOA_TELEFONE] CHECK CONSTRAINT

[FK_PESSOA_TELEFONE_PESSOA]

ALTER TABLE [dbo].[PESSOA_TELEFONE] WITH CHECK ADD CONSTRAINT

[FK_PESSOA_TELEFONE_TELEFONE] FOREIGN KEY([ID_TELEFONE])

REFERENCES [dbo].[TELEFONE] ([ID])

 48

ALTER TABLE [dbo].[PESSOA_TELEFONE] CHECK CONSTRAINT

[FK_PESSOA_TELEFONE_TELEFONE]

ALTER TABLE [dbo].[TELEFONE] WITH CHECK ADD CONSTRAINT

[FK_TELEFONE_TELEFONE_TIPO] FOREIGN KEY([TIPO])

REFERENCES [dbo].[TELEFONE_TIPO] ([ID])

ALTER TABLE [dbo].[TELEFONE] CHECK CONSTRAINT

[FK_TELEFONE_TELEFONE_TIPO]
 49

Apêndice D – Processo de codificação ASP.NET.

O desenvolvimento dos códigos foram todos realizados com a utilização de

Entity Framework que faz uso de bootstrap e jquery auxiliando no processo de design
responsivo da aplicação, além de classe contexto do banco de dados. A seguir estão
as imagens dos códigos para cada tela apresentadas nas figuras anteriores.

Códigos figura 13 – Página inicial (página 23)

Figura 42 - programação ASP.NET página inicial (fonte: elaborado pelos autores, 2020)
 50

Códigos figura 14 – Trabalho (página 24)

Figura 43 - programação ASP.NET. Trabalho (fonte: elaborado pelos autores, 2020)

 51

Códigos figura 15 – Desenvolvedores (página 24)

Figura 44 - Programação ASP.NET. Desenvolvedores (fonte: elaborado pelos autores, 2020)

 52

Códigos figura 16 – Pessoas (página 25)

Figura 45 - programação ASP.NET. Exibir pessoas (fonte: elaborado pelos autores, 2020)
 53

Códigos figura 17 – Cadastro de pessoas (página 25)

Figura 46 - Programação ASP.NET. Cadastro de pessoas (fonte: elaborado pelos autores, 2020)
 54

Códigos figura 18 – Editar cadastro de pessoas (página 26)

Figura 47 - Programação ASP.NET. Editar cadastro de pessoas (fonte: elaborado pelos autores, 2020)
 55

Códigos figura 19 – Detalhar pessoas cadastradas (página 26)

Figura 48 - Programação ASP.NET. Detalhes de pessoas cadastradas (fonte: elaborado pelos autores, 2020)
 56

Códigos figura 20 – Deletar cadastro de pessoas (página 27)

Figura 49 - Programação ASP.NET. Deletar cadastro de pessoas (fonte: elaborado pelos autores, 2020)
 57

Códigos figura 21 – Visualização de endereços (página 28)

Figura 50 - Programação ASP.NET. Visualizar endereços cadastrados (fonte: elaborado pelos autores, 2020)
 58

Códigos figura 22 – Cadastro de novo endereço (página 28)

Figura 51 - Programação ASP.NET. cadastro de endereço (fonte: elaborado pelos autores, 2020)
 59

Códigos figura 23 – Editar endereço (página 29)

Figura 52 - Programação ASP.NET. editar endereço cadastrado (fonte: elaborado pelos autores, 2020)
 60

Códigos figura 24 – Detalhes Endereço (página 29)

Figura 53 - Programação ASP.NET. Detalhes de endereço cadastrado (fonte: elaborado pelos autores, 2020)
 61

Códigos figura 25 – Deletar endereço (página 30)

Figura 54 - Programação ASP.NET. deletar endereço cadastrado (fonte: elaborado pelos autores, 2020)
 62

Códigos figura 26 – Tipos de telefones cadastrados (página 31)

Figura 55 - Programação ASP.NET. Tipos de telefones cadastrado (fonte: elaborado pelos autores, 2020)
 63

Códigos figura 27 – Cadastro de novo tipo telefone (página 31)

Figura 56 - Programação ASP.NET. cadastro de novo tipo de telefone (fonte: elaborado pelos autores, 2020)
 64

Códigos figura 28 – Editar Tipo telefone (página 32)

Figura 57 - Programação ASP.NET. Editar tipos de telefone (fonte: elaborado pelos autores, 2020)
 65

Códigos figura 29 – Deletar Tipo telefone (página 32)

Figura 58 - Programação ASP. NET. Deletar tipo de telefone cadastrado (fonte: elaborado pelos autores, 2020)
 66

Códigos figura 30 – Detalhar Tipo telefone (página 33)

Figura 59 - Programação ASP.NET. Detalhes de tipo de telefone cadastrado (fonte: elaborado pelos autores, 2020)
 67

Códigos figura 31 – Lista de telefones (página 34)

Figura 60 - Programação ASP.NET. Lista de telefones cadastrado (fonte: elaborado pelos autores, 2020)
 68

Códigos figura 32 – Cadastro de novo telefone (página 34)

Figura 61 - Programação ASP.NET. cadastro de novo telefone (fonte: elaborado pelos autores, 2020)
 69

Códigos figura 33 – Editar Telefone (página 34)

Figura 62 - Programação ASP.NET. editar telefone cadastrado (fonte: elaborado pelos autores, 2020)
 70

Códigos figura 34 – Detalhar Telefone cadastrado (página 35)

Figura 63 - Programação ASP.NET. Detalhes de telefone cadastrado (fonte: elaborado pelos autores, 2020)
 71

Códigos figura 35 – Deletar Telefone cadastrado (página 36)

Figura 64 - Programação ASP.NET. deletar telefone cadastrado (fonte: elaborado pelos autores, 2020)
 72

Apêndice E – Processo de codificação Android.

A codificação em ambiente Android será apresentada pelas imagens a seguir

que seguem a sequência da figura 37 disponível na página 38.

Tela inicial

Figura 65 - Programação Android - Tela inicial (fonte: elaborado pelos autores, 2020)
73
 74

Menu principal

Figura 66 - Programação Android - Menu principal (fonte: elaborado pelos autores, 2020)
 75

Cadastrar Pessoas

Figura 67 - Programação Android - Cadastro de pessoas (fonte: elaborado pelos autores, 2020)
76
 77

Lista de pessoas cadastradas

Figura 68 - Programação Android - Lista de pessoas cadastradas (fonte: elaborado pelos autores, 2020)
78
 79

Cadastrar telefone

Figura 69 - Programação Android - Cadastro de telefone (fonte: elaborado pelos autores, 2020)
80
 81

Lista de telefones cadastrados

Figura 70 - Programação Android - Lista de telefones cadastrado (fonte: elaborado pelos autores, 2020)
82
 83

Cadastro de endereço

Figura 71 - Programação Android - Cadastro de endereço (fonte: elaborado pelos autores, 2020)
84
85
 86

Lista de endereços cadastrados

Figura 72 - Programação Android - lista de endereços cadastrado (fonte: elaborado pelos autores, 2020)
87