Prévia do material em texto
FACULDADE ANHANQUERA ANÁLISE E DESENVOLVIMENTO DE SISTEMAS CAIO ALVES SOUSA DESENVOLVIMENTO MOBILE VALPARAÍSO DE GOÁS, GO 2025 CAIO ALVES SOUSA DESENVOLVIMENTO MOBILE Atividade avaliativa em desenvolvimento mobile Professor: Gabriel Malaquias Valparaiso de Goiás - GO 2025 Análise orientada a objetos SUMÁRIO Introdução…………………………………………………………………………………….5 Desenvolvimento…………………………………………………………………………....6 Visualização da Ferramenta……………………………………………………………….7 Detalhamento blocos……………………………………………………………………….8 Resultados………………………………………………………………………………….10 Exportando………………………………………………………………………………....12 Conclusão………………………………………………………………………………...…14 Referencias………………………………………………………………………………....13 Introdução: Neste projeto desenvolveremos um sistema mobile de pedidos para uma lanchonete, através da ferramenta Android Studio, e a lógica através da linguagem Java. aplicando de forma concisa e prática os conceitos de desenvolvimento mobile, o objetivo é construir a interface gráfica, layout e lógica de toda aplicação, para isso também utilizamos o aplicativo em ambiente nativo, um smartphone, a fim de contornar o problema da virtualização, assim foi possível avaliar seu desempenho e experiência em uso real. Desenvolvimento: Antes de prosseguirmos para codificação e exemplificação do código, precisamos entender a ferramenta a ser utilizada: Ferramenta: O Android Studio é um ambiente de desenvolvimento uma IDE, desenvolvida com base em no IntelliJ, não é o único mas é um dos mais populares quando se trata de desenvolvimento mobile. possuindo uma ampla variedade de recursos que facilitam na hora de projetar e criar aplicações móveis(apps), e sistemas mobile. Execução instantânea: Visualização imediata dos resultados do código enquanto escreve, permitindo testes em tempo real, ajudando a identificar possíveis erros. Através da emulação de um dispositivo móvel integrado, é possível visualizar o layout e como será sua utilização. Suporte multitecnologia: dos sistemas operacionais compatíveis, linux, windows e IOS, o Android Studio conta com suporte para diversas linguagens de programação, kotlin, java, C + +, sendo kotlin uma das linguagens oficiais para desenvolvimento mobile. Essa flexibilidade torna o Android Studio uma ferramenta robusta e versátil para desenvolvedores de diferentes perfis. Editor de interface gráfica (Layout Editor) Possui um editor visual de layouts (com suporte a XML), que permite criar interfaces responsivas, com suporte a diversos tamanhos e resoluções de tela, isso foi essencial para garantir que minha aplicação funcionasse corretamente em um smartphone real, como no Redimi Note 12 utilizado nos testes. Visualizando a Ferramenta: Iniciamos com o primeiro acesso a ferramenta. Observe como não necessariamente ela se limita a Javascript ou HTML, Inicialmente selecionamos um arquivo vazio para desenvolvimento do layout. Carregamento dos pacotes, e escolha do nome projeto. Primeiro bloco de códigos: Nessa etapa iniciamos com o projeto foi dividido em três, arquivos o XML, com o layout, o. themes também xml para configuração de estilos, e por fim Java, para lógica da aplicação. O projeto foi testado diretamente em meu dispositivo físico (Redimi Note 12), visando maior estabilidade, desempenho real e para contornar eventuais limitações de virtualização no ambiente de desenvolvimento. Isso permitiu validar o funcionamento em hardware real, como ocorreria para um usuário final, também levando em consideração a limitação da CPU na máquina onde a aplicação foi construída. Bloco 1 — Layout da aplicação (arquivo XML): Através do xml, pudemos definir os aspectos visuais de cada elemento na tela, como seria feito através de um HTML para página Web, a declaração, “ConstraintLayout”garante a dinamicidade e responsividade em diferentes tipos de tela, os elementos posicionados visam uma navegação intuitiva, Conforme exibido nos resultados em nossos testes através de um smartphone. Bloco 2 — Estilização base - Temas e Estilos: Nesta etapa, definimos um estilo padrão para o layout, garantindo a constância, a escolha do nome theme.xml garante que possíveis alterações possam ser feitas de maneira simples, a escolha do design também visa um estilo atrativo ao usuário, permitindo alteração do tema. (claro x escuro). Bloco 2 — Lógica e interatividade - Java: A Partir daqui, foram definidas as funções de interatividade, e lógica da aplicação: Variáveis: Definidos elementos de interface, checkbox, testview, a fim de controlar a quantidade de lanches e complementos pedidos, além de manter o preço fixo. Manipulação de quantidade: Foram definidos métodos para controle de incrementação,adição e subtração de itens dos pedidos. Também aqui foi definida a função de interação com a api do whatsapp, a fim de enviar os pedidos dos usuários. Método para enviar o e-mail: Resultados: 1 - Selecionando o pedido: 2 - Enviando pedido, através do whatsapp: Como foi possível observar o funcionamento, está como planejado, o pedido pode ser executado, é executado um cálculo somatório ou de subtração dependendo das unidas marcadas, por fim é possível enviar o resumo do pedido via whatsapp, Extração para arquivo .ZIP Após finalização, construção e testes, efetuamos a extração e compactação em zip para possível envio, também extraímos antes para conferência dos arquivos em questão. Conferência após extração: Conclusão: Após a finalização, foi possível compreender os conceitos por trás do desenvolvimento mobile, passando por todas as etapas, desde a concepção, construção do visual, da lógica, e por fim a experiência de uso, também foi possível visualizar que em um mundo cada vez mais conectado, ter um app próprio pode dar peso a uma marca ou produto, em nosso caso apesar de simplório o app para a hamburgueria facilitaria, no que tange a contatos via whatsapp, garantindo uma maior agilidade.podemos compreender a importância que o desenvolvimento mobile. Referências: https://softdesign.com.br/blog/desenvolvimento-mobile/ https://developer.android.com https://www.oracle.com/br/java/technologies/downloads/ image6.jpg image7.jpg image8.jpg image9.jpg image10.jpg image1.jpg image2.jpg image3.jpg image4.jpg image5.jpg