Portfólio Desenvolvimento Mobile

Prévia do material em texto

JANAINA PAULA VERONEZE BRIZOLA DA ROSA 
 
 
 
 
 
 
 
 
 
 
 
Tecnólogo em Análise e Desenvolvimento 
de Sistemas 
CONSTRUÇÃO DE UMA INTERFACE DE APLICAÇÃO ANDROID 
UTILIZANDO O SOFTWARE ANDROID STUDIO 
 
 
Fraiburgo/SC 
2025 
 
Fraiburgo/SC 
2025 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CONSTRUÇÃO DE UMA INTERFACE DE APLICAÇÃO ANDROID 
UTILIZANDO O SOFTWARE ANDROID STUDIO 
 
Aula prática de Desenvolvimento Mobile, apresentado 
como requisito parcial para a obtenção de média 
semestral no curso Tecnólogo de Análise e 
Desenvolvimento de Sistemas 
 
Orientador(a): Elisa Antolli Paleari 
Tutor: Matheus Rodrigo da Silva Julio 
 
JANAINA PAULA VERONEZE BRIZOLA DA ROSA 
 
 
 
 
 
 
 
 
 
 
 
 
 
SUMÁRIO 
Tecnólogo em Análise e Desenvolvimento ................................................. 0 
de Sistemas ............................................................................................................ 0 
1 INTRODUÇÃO .......................................................................................... 3 
2 DESENVOLVIMENTO DO APLICATIDO MOBILE .................................... 4 
2.1 INSTALAÇÃO DOS SOFTWARES NECECESSÁRIOS ............................ 4 
2.2 CRIAÇÃO DO APLICATIDO ..................................................................... 6 
2.2.1 CRIAÇÃO DA INTERFACE ....................................................................... 8 
2.2.2 PADRONIZAR O ESTILO DOS TEXTOS ............................................... 12 
2.3 DESENVOLVIMENTO DAS FUNCIONALIDADES ................................. 13 
3 RESULTADOS ........................................................................................ 18 
 3 
1 INTRODUÇÃO 
Atualmente a maioria dos dispositivos móveis é utilizado de forma 
massiva, tanto no âmbito profissional quanto pessoal. Nesta atividade, nos foi 
proposto o desenvolvimento de um aplicativo para smartphone com sistema 
operacional Android. 
Para o desenvolvimento desse aplicativo, iremos utilizar o software 
Android Studio, que é um dos principais ambientes de desenvolvimento da atualidade. 
Através dessa atividade iremos praticar as habilidades quanto ao uso desse software, 
praticaremos a construção de uma interface, com estilos predefinidos e imagens e; 
saberemos como implementar as funcionalidades de um app na linguagem Java, por 
fim saberemos como exportar um projeto do Android Studio. 
 4 
2 DESENVOLVIMENTO DO APLICATIDO MOBILE 
2.1 INSTALAÇÃO DOS SOFTWARES NECECESSÁRIOS 
Conforme o roteiro da atividade proposta, iremos desenvolver um 
aplicativo mobile para o sistema operacional Android para uma hamburgueria, onde o 
usuário irá acessar e realizar o seu pedido. 
Esse aplicativo será desenvolvido no software Android Studio 
Flamingo 2022.2.1 e utilizaremos como linguagem de programação JAVA JDK 20. 
Para facilitar a atividade, iniciei criando um checklist com as atividades 
que serão realizadas: 
 Download e instalação do software Android Studio Flamingo 2022.2.1 
 Download e instalação do JAVA JDK 20 
Para o download do Android Studio e do Java JDK, utilizei os 
seguintes links, conforme fornecido no roteiro da atividade: 
https://developer.android.com/studio e 
https://www.oracle.com/java/technologies/downloads/#java20. 
 
 
 5 
 
 
 
 
 
 6 
2.2 CRIAÇÃO DO APLICATIDO 
Observando os requisitos contidos no roteiro e após a instalação dos 
programas necessários, criei um checklist para facilitar no desenvolvimento do código, 
nele consta os requisitos que precisa conter no aplicativo, bem como o design. 
 O nome será HamburgueriaZ 
 O usuário poderá realizar os seus pedidos diretamente pelo App 
 Informações para gerar os pedidos (nome, opções de adicionais no 
hamburguer, quantidade, informação valor e o botão para enviar o pedido) 
 Adicionar a imagem da hamburgueria e fazer a estilização 
 Um resumo do pedido 
Após o levantamento dos requisitos, iniciei a criação do aplicativo no 
programa Android Studio. No programa Android Studio selecionei a opção Empty 
Views Activity conforme a orientação e nomeei o projeto como HamburgueriaZ e a 
linguagem seleciona a Java. 
 
 7 
 
 
Após a criação do projeto, iniciei o desenvolvimento da interface, no 
aplicativo o usuário poderá realizar pedidos, nessa tela inicial tem alguns requisitos 
conforme o roteiro da atividade, por se tratar de diversas etapas, preferi dividir em 
etapas conforme a sugestão do roteiro. 
 8 
 Criação da interface inicial/Adicionar a imagem – logo 
 Padronização dos estilos 
 Desenvolvimento das implementações 
 
2.2.1 CRIAÇÃO DA INTERFACE 
Nesta etapa desenvolvi a interface do aplicativo, a qual será a tela 
visualizada pelo usuário, os requisitos para a interface são: 
 Campo para inserir o nome do cliente 
 Uma lista do tipo checkbox para o cliente escolher os adicionais em seu 
hambúrguer; 
 Seleção de quantidade de hambúrgueres que será pedido. Sugerido fazer 
dois botões, um para adicionar e outro para subtrair a quantidade. Na interface 
deve conter a uma view com a quantidade escolhida; 
 Uma exibição do preço total do pedido; 
 Um botão para enviar o pedido. 
Para a criação da interface, iniciei desenvolvendo o layout através da 
linguagem Java, com as informações de onde qual defini os locais para os botões, 
cores e tamanhos. Incluí também a imagem da HamburgueriaZ, a qual nos foi enviada 
na proposta, escolhi deixar todo o layout na mesma cor conforme a imagem. 
Nessa etapa foi elaborado apenas a interface do projeto, deixando os 
elementos (views) prontos, para daí então adicionar as implementações das 
funcionalidades. 
 
 9 
 
 
 10
 
 
 11
 
 
 12
 
2.2.2 PADRONIZAR O ESTILO DOS TEXTOS 
Nesta etapa, foi realizado a padronização dos textos, no arquivo 
“themes.xml”, dentro da pasta “res” do diretório do app, foi criado o código para a 
padronização. E após a padronização, o estilo foi aplicado as views no projeto.
 
 
 13
2.3 DESENVOLVIMENTO DAS FUNCIONALIDADES 
Após a interface construída, chegou o momento de implementar as 
funcionalidades para cada elemento criado, para isso o código foi criado no arquivo 
“MainActivity.java”, segue as funcionalidades conforme lista abaixo: 
 Nome do cliente: informação do nome do cliente, que será digitado pelo próprio 
 Informe a quantidade de lanches – botões “+” e “-“: implementado uma função 
para “somar” no botão “+”, e outra para “subtrair” no botão “-“. E a cada 
chamada destas funções, a quantidade atualiza na view que fica entre os dois 
botões. 
 Acréscimos: opção para o cliente selecionar os adicionais, cada um deles tem 
um valor definido que será somado ao final. O cliente pode escolher nenhum, 
um ou mais dos acréscimos. 
 Valor total: informação do valor total do pedido, levando em consideração a 
quantidades e os acréscimos informados. 
 Enviar pedido: ao clicar nesse botão para enviar o pedido, o usuário será 
direcionado ao seu e-mail, para enviar a HamburgueriaZ. Para essa 
funcionalidade foi utilizado a estrutura chamada “Intents”, conforme 
aprendemos nas aulas anteriores. 
 
 14
 
 
 15
 
 
 16
 
 
 
Após finalizar as funcionalidades e testar o aplicativo, realizei a exportação do mesmo: 
em “File > Export > Export to Zip File. 
 17
 
 18
3 RESULTADOS 
Após finalizar a atividade, pude consolidar o aprendizado no âmbito 
de desenvolvimento mobile, através da construção desse aplicativo pude aplicar os 
principais conceitos na linguagem Java e praticar ainda mais o desenvolvimento de 
layouts. Esta atividade possibilitou uma visão mais real da criação de aplicativos e o 
entendimento de como eles são estruturados. 
Através da implementação das funcionalidades, ficou enfatizado a 
importância da organização do código, para que não haja confusão na hora de 
correlacionar os layouts criados com as implementações. 
Segue print do aplicativoem funcionamento: