Portfólio Desenvolvimento Android

Prévia do material em texto

Portfólio - Desenvolvimento em Aplicações Android
Análise e Desenvolvimento de Sistemas (Unopar)
messages.pdf_cover_qr_code_label
messages.studocu_not_sponsored_or_endorsed_by_college
Portfólio - Desenvolvimento em Aplicações Android
Análise e Desenvolvimento de Sistemas (Unopar)
messages.pdf_cover_qr_code_label
messages.studocu_not_sponsored_or_endorsed_by_college
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
https://www.studocu.com/pt-br/document/unopar/analise-e-desenvolvimento-de-sistemas/portfolio-desenvolvimento-em-aplicacoes-android/110901371?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
https://www.studocu.com/pt-br/course/unopar/analise-e-desenvolvimento-de-sistemas/5351381?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
https://www.studocu.com/pt-br/document/unopar/analise-e-desenvolvimento-de-sistemas/portfolio-desenvolvimento-em-aplicacoes-android/110901371?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
https://www.studocu.com/pt-br/course/unopar/analise-e-desenvolvimento-de-sistemas/5351381?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
 
 
 
 
 
 
 
 
 
 
PORTFÓLIO - RELATÓRIO DE AULA PRÁTICA 
 
 
 
 
 
 
 
 
ALUNO: Everton Rogério Fontoura Nunes 
Disciplina: Desenvolvimento de Aplicações Android 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
OBJETIVOS 
 Definição dos objetivos da aula prática: Saber utilizar o software Android Studio; Saber 
construir uma interface de aplicação Android, com estilos predefinidos e imagens; Saber 
implementar as funcionalidades de um app na linguagem Java; Saber utilizar os Intents 
para realizar a interação com aplicativos externos; Saber exportar um projeto do Android 
Studio. 
 
INFRAESTRUTURA 
 
Instalações: Sala de estudos da residência; Materiais de consumo: um computador 
notebook Samsung, Software: Android Studio; Tipo de Licença: Freeware. Descrição do 
software: • Android Studio Flamingo Koala (IDE, na sigla em inglês) oficial para o 
desenvolvimento de apps Android. 
 
PROCEDIMENTOS PRÁTICOS 
Procedimento/Atividade Nº 1 Atividade proposta: Construir a interface de uma aplicação 
Android. Procedimentos para a realização da atividade: A atividade está dividida em 
várias etapas para facilitar seu desenvolvimento! 
Etapa 1: Criando um projeto com Android Studio, e no menu superior “File > New > New 
Project…”. Na janela “Empty Activity” em seguida “Next”. 
Todo projeto de app precisa ter um arquivo AndroidManifest.xml, com esse nome exato, 
na raiz do conjunto de origem do projeto. O arquivo de manifesto descreve informações 
essenciais sobre o app para as ferramentas de build do Android, para o sistema 
operacional Android e para o Google Play. 
messages.downloaded_by
lOMoARcPSD|26237306
https://developer.android.com/studio/build?hl=pt-br#sourcesets
Em seguida, definido o nome do projeto: APP "Seguro"; esta atividade foi escolhida a 
linguagem Java, e escolha o SDK de desenvolvimento. 
Configuração do AndroidManifest,xml 
 
 
 
A versão minima e a versão alvo do SDK no arquivo "build,gradle 
 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
 
 
 
 
Este é o ícone do APP Seguro: 
messages.downloaded_by
lOMoARcPSD|26237306
 
O objetido do APP "Seguro" é criar uma interface interativa de uma loja de sistemas de 
segurança, em que o cliente consiga descrever as suas necessidades de serviços, 
fomentando melhor entendimento e buscando soluções de acordo com valores. E 
também viabilidades técnicas com orçamentos que implementam soluções satisfatorias 
para os clientes. 
 
 
 
 
 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
A definição de serviço que o APP elaborado, representado nos códigos descritos nas 
imágens, em que o aprendizado da disciplina é descrito nos experimentos práticos do 
Android Studio. 
O Arquivo "Activity_main.xml" definido na imágem a seguir: 
 
Lay out do APP "Seguro", mostrando uma prévia dos serviços prestados pela loja de 
sistemas de segurança. 
 
 
messages.downloaded_by
lOMoARcPSD|26237306
 
A figura a seguir mostra os "strings e Temas" 
 
Criado o projeto, podemos testar o ambiente e verificar se está tudo funcionando de 
acordo com os requisitos. Um ponto importante que deve ser destacado é a utilização do 
AVD, que se trata de um dispositivo virtual Android, um simulador de smartphone. Para 
se testar o aplicativo, há duas possibilidades: utilizar o AVD ou um dispositivo móvel real 
do Android. Como estamos trabalhando com a ferramenta Android Studio, vamos 
configurar o AVD para testar o nosso primeiro aplicativo. 
Após executarmos o Android Studio, vamos configurar o AVD. No menu de tarefas, na 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
parte superior da ferramenta, devemos selecionar a opção “tools” e, posteriormente, a 
opção “AVD Manager”, para criarmos o dispositivo virtual. 
Atividade proposta: 
Construir uma interface de uma aplicação Android. 
Procedimentos para a realização da atividade: A atividade está dividida em várias etapas 
para facilitar seu desenvolvimento. 
 
Etapa 1: Criando um projeto: abrindo o Android Studio, e no menu superior vá em “File > 
New > New Project…”. Na janela que abrir, clicar em “Empty Activity”, logo após em 
“Next”. Em seguida, defina o nome do projeto (APP loja de segurança eletrônca - Nome 
"Seguro"), escolhido a linguagem Java, e escolha o SDK de desenvolvimento (API 23). 
Se esta for a primeira vez que utiliza o software, pode ser que na próxima janela apareça 
um processo de instalação de pacotes adicionais. Apenas aguardar o término do 
processo, e finalizado em “Finish” novamente. Após a finalização da criação do projeto, o 
software leva um tempo para estruturar todos os arquivos. 
 
Etapa 2: Criando a interface inicial Nesta aula vamos iniciar o desenvolvimento de um 
aplicativo Android para uma loja de segurança eletrônica, de modo que os clientes 
possam realizar solicitações de serviços diretamente pelo App sem a necessidade de 
App de terceiros! Em um primeiro momento, você precisa elaborar apenas a interface do 
projeto, preparando os elementos (views) que irão compor o aplicativo para que em uma 
etapa futura sejam adicionadas as implementações das funcionalidades. 
 
Requisitos da interface: 
• Campo para inserir o nome do cliente; 
• Uma lista do tipo checkbox para o cliente verificar sua real necessidades de seviços; 
• Seleção quantitativa de diversos tipos de serviços relacionados à sistemas de 
segurança que será pedido determinado serviço. Faça botões interativos para que o 
cliente possa verificar suareal necessidade , um para adicionar e outro para subtrair a 
quantidade. Exiba também uma view com a quantidade escolhida; 
messages.downloaded_by
lOMoARcPSD|26237306
• Uma exibição do preço parcial e total dos serviços; 
• Um botão para orçamentos. Segue um exemplo desta interface, que você poderá usar 
como guia. Note que as cores, tamanhos ou disposições dos elementos na tela não 
precisam ser iguais as da imagem. Fica a seu critério o “toque visual” que você quiser dar 
ao seu aplicativo! O foco aqui é utilizar as views corretas para cada tipo de elemento 
(texto, botão, inserção de dados, escolhas, …). 
 
Etapa 3: Padronizar o estilo dos textos. Ao invés de definir propriedades de texto em 
cada view separadamente, podemos criar um estilo pré-definido que pode ser aplicado a 
várias views de texto para que todas sigam o mesmo formato. E o mais legal é que 
quando você precisa alterar algo, como o tamanho da fonte por exemplo, você altera 
somente o estilo e a alteração é replicada para todas as views que possuem este estilo 
(muito melhor do que mudar cada view separadamente, uma por uma, caso não 
estivéssemos usando estilos). E onde é criado isto? No arquivo “themes.xml”, dentro da 
pasta “res” do diretório do seu app. Dentro do arquivo, criado uma outra tag style (após a 
que já existe por padrão) com o nome “EstiloTexto”. 
Dentro da tag style “EstiloTexto” coloque as propriedades textuais que você deseja 
aplicar nos textos do seu app. 8 Abaixo seguem as alterações que você devera fazer: • 
Ajuste as propriedade layout_width e layout_height para wrap_content • Alterado a 
propriedade android:gravity para center_vertical. O texto com todas as letras maiúsculas. 
 
Etapa 4: Adicionando imagens "APP Seguro" solicitou que você inclua uma imagem 
contendo a logo da loja de segurança eletônica. Insirido a imagem no projeto por meio 
de uma view específica para imagens, a . A imagem deve ficar no topo da tela, no estilo 
de um banner, e explore os tipos de propriedades que podemos aplicar em imagens para 
deixá-la conforme a figura a seguir. 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
 
 
Até aqui, trabalhamos com a construção da interface do nosso aplicativo Android APP 
Seguro. Portanto, com estes passos concluídos, vamos implementar as funcionalidades 
do app, ou seja, a parte lógica da aplicação. Esta implementação é feita em um arquivo 
separado, o “MainActivity.java”. 
 Procedimento/Atividade proposta: Desenvolver funcionalidades de uma aplicação 
Android, e trabalhar com Intents. Até aqui, trabalhamos com a construção da interface do 
nosso aplicativo Android APP Seguro. Portanto, com este passo concluídos, vamos 
implementar as funcionalidades do app, ou seja, a parte lógica da aplicação. Lembrando 
que esta implementação é feita em um arquivo separado, o “MainActivity.java”. 
 
Etapa 5:Implementando uma função “somar” para o botão “+”, e outra função “subtrair” 
para o botão “-“. E que a cada chamada destas funções, a quantidade deve ser 
atualizada na view que fica entre os dois botões. *Atenção! Cuidado para não permitir a 
seleção de quantidades negativas. 
 
Etapa 6: Implementando uma função para o botão “ORÇAMENTO". – Identificando o 
nome que o usuário digitou. 
Com base nos adicionais selecionados e na quantidade de peças e serviços, faça uma 
função que some o valor total do pedido (esta função será chamada dentro da função 
“ORÇAMENTO”). 
messages.downloaded_by
lOMoARcPSD|26237306
 
Etapa 7: Vamos finalizar o aplicativo que estamos desenvolvendo ao longo destas aulas 
adicionando uma função que fará o pedido ser enviado por e-mail. Usaremos uma 
estrutura chamada “Intents”. 
Crie um Intent do tipo ACTION_SENDTO, relacionado ao envio de e-mails. O Intent 
deverá ser criado dentro da função “ORÇAMENTO”; Deixe o assunto (subject) do e-mail 
com a seguinte mensagem padrão: “Pedido de (nome do cliente)”; • Deixe no corpo do 
email a mensagem contendo o resumo do pedio. Aquela que você elaborou na aula 
anteriorResultados da aula prática: É esperado que o aluno ao término da prática o aluno 
saiba desenvolver uma aplicação simples para a plataforma Android com o Android 
Studio, incluindo o desenvolvimento da interface e da parte lógica da aplicação. 
 
 
Procedimento/Atividade N° 2: RECURSOS E COMPONENTES VISUAIS - IONIC 
FRAMEWORK 
 
Foram abordadas técnicas de wireframe, mockup e protótipo, que são utilizadas tanto 
por designers quanto por desenvolvedores front-end. Foi abordado também o UI/UX 
design, uma área muito valorizada no mercado, pois envolve, diretamente, a capacidade 
de sucesso ou fracasso de uma aplicação por meio da usabilidade de sua interface. 
Portanto, esta aula é central para a evolução de sua carreira como desenvolvedor de 
aplicações móveis. 
 
Wireframe 
A técnica conhecida como wireframe consiste na formalização das primeiras 
necessidades visualizadas da interface do aplicativo, por isso, seu formato se assemelha 
muito ao de um rascunho, com traços simples, rápidos e objetivos. Além disso, é possível 
rascunhar o wireframe em softwares como o Photoshop e, também, com lápis e papel; o 
importante é a agilidade e a objetividade. 
O principal objetivo do wireframe é representar a estrutura da interface para demonstrar 
como o produto final irá operar. 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
A seguir o layout do APP 
 
 
 
 
 
 
 
 
 
 
Arquivo inserido no android studio 
 
A interface do usuário (UI) é o ponto de contato entre o usuário e o computador, e é 
composta por elementos que permitem a interação e a comunicação entre os dois. Para 
 
 
messages.downloaded_by
lOMoARcPSD|26237306
criar uma interface de usuário que seja funcional e intuitiva, é importante conhecer os 
elementos que a compõem. 
Alguns elementos da interface do usuário são: Botões, Menus, Ícones, Layouts. 
A interface do usuário é fundamental para a experiência do usuário, pois é ela que 
proporciona a melhor interação entre o usuário e a plataforma. Uma interface bem 
projetada ajuda a manter o usuário navegando em um site ou aplicativo, e pode 
incentivar a fidelização do usuário. 
Existem diferentes tipos de interfaces de usuário, como a Interface Gráfica do Usuário 
(GUI) e a Interface de Linha de Comando (CLI). 
 
 
A ideia do app Seguro: 
 
 
 
 
 
 
 
 
 
messages.downloaded_by
lOMoARcPSD|26237306
https://www.studocu.com/pt-br?utm_campaign=shared-document&utm_source=studocu-document&utm_medium=social_sharing&utm_content=portfolio-desenvolvimento-em-aplicacoes-android
CONCLUSÃO 
 
O desenvolvimento do aplicativo de Segurança Eletrônica representa não apenas a 
aplicação prática dos conceitos aprendidos nas aulas, mas também uma boa 
experiência em metodologias modernas de desenvolvimento de software. Ao utilizar o 
Android Studio, aprendemos a importância de colocar o usuário no centro do processo 
de design e a valorizar a entrega incremental de valor ao cliente. Este trabalho 
demonstra como a combinação de métodos eficazes pode resultar em soluções 
tecnológicas inovadoras que impactam positivamente as operações de negócios e a 
experiência do usuário. Mais do que simplesmente concluir um projeto da faculdade, 
esta experiência prepara para enfrentar desafios do mundo real na área de 
desenvolvimento de software, capacitando os alunos a criar soluções significativas e 
escaláveis que impulsionam o sucesso das organizações. 
 
O presente aplicativo proposto, foi baseado em uma empresa real, que possuem 
disponibilidade de expansão e automação de seus serviços. No entantoas formas 
apresentadas no presente relatório, poderão se implantadas futuramente nos ativos da 
empresa. Já tendo assim, uma visão e atuação profissional, colocando fundamentos 
para um sistema eficaz e eficiente, garantindo a satisfação total da clientela, facilitando a 
interação entre cliente/empresa. 
 
OBS: Algumas funcionalidades do Android Studio instalado na minha máquina, não 
funcionaram. 
 
messages.downloaded_by
lOMoARcPSD|26237306