Prévia do material em texto
CURSO DE ANALISE E DESENVOLVIMENTO DE SISTEMAS DISCIPLINA: DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS ATIVIDADE PRÁTICA SUPERVISIONADA REFERENTE A AV1 Aluno: Turma: 126-DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS 2022/2 DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS O domínio de aplicações móveis têm se mostrado um desafio para os desenvolvedores de aplicações, pois envolve requisitos considerados desafiadores, tais como mobilidade e adaptação, tornando-o complexo. Neste trabalho, vou apresentar os principais conceitos envolvidos no desenvolvimento de software para dispositivos móveis. 1. Objetivo do Aplicativo. Construção de um aplicativo móbile que permita que os usuários possam controlar os seus pontos adquiridos por meio de cursos realizados e ações educacionais, bem como facilitar a inscrição a cursos oferecidos pela a instituição. 2. Acesso ao sistema Os usuários deverão acessar o sistema por meio de uma tela de login. As senhas deverão ser criptografadas. 3. Pontos Em pontos será exibido um relatório com a soma da pontuação do usuário, junto a sua frequência em curso se ações educacionais. Além disso, na aplicação web o administrador deverá editar as atividades bem como os pontos de cada usuário. 4. Inscrições Realizadas Em cursos Realizados, o aplicativo deverá consumir uma API (colocar os dados da API) que trará as Inscrições Realizadas. Tecnologias Utilizadas O Visual Studio Code é um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS. Ele inclui suporte para depuração, controle de versionamento Git incorporado, realce de sintaxe, complementação inteligente de código, snippets e refatoração de código. https://pt.wikipedia.org/wiki/Visual_Studio_Code Node.js é um software de código aberto, multiplataforma, baseado no interpretador V8 do Google e que permite a execução de códigos JavaScript fora de um navegador web. https://pt.wikipedia.org/wiki/Node.js TypeScript é uma linguagem de programação de código aberto desenvolvida pela Microsoft. É um superconjunto sintático estrito de JavaScript e adiciona tipagem estática opcional à linguagem. https://pt.wikipedia.org/wiki/TypeScript npm é um gerenciador de pacotes para o Node.JS npm, Inc. é uma subsidiária do GitHub, que fornece hospedagem para desenvolvimento de software e controle de versão com o uso do Git. npm é o gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.js. GitHub é uma plataforma de hospedagem de código-fonte e arquivos com controle de versão usando o Git. Ele permite que programadores, utilitários ou qualquer usuário cadastrado na plataforma contribuam em projetos privados e/ou Open Source de qualquer lugar do mundo. https://pt.wikipedia.org/wiki/GitHub Expo Go é um aplicativo que está disponível nas lojas de apps da google e apple. Ele permite que você abra os aplicativos que estão sendo servidos através do Expo CLI apenas lendo o QR Code gerado no browser ou no terminal. https://blog.rocketseat.com.br/expo-react-native/ Tela de Acesso Tela de Home Tela de pontos Projeto em código Instruções para a inicialização e instalação dos packege. 1. Com o código extraído abra com o vscode. 2. No terminal do vscode executar o comando “npm i” ira instalar todas as dependências do npm. 3. Com o comando “expo start” permitira a simulação do aplicativo tanto no celular quanto no navegador a opção Press a │ open Android Press w │ open web Press r │ reload app Bibliotecas e frameworks utilizadas · Hooking: Em programação de computadores, o termo hooking cobre uma série de técnicas utilizadas para modificar ou melhorar o comportamento de um sistema operacional, aplicações ou outros componentes de software através da interceptação de chamadas de funções, mensagens ou eventos passados entre componentes de software · Usestate: O useState nos permite criar estados em um componente criado a partir de uma função, assim como o state presente em componentes criados a partir de classes. Bem menos código, não é mesmo? Vamos entender o que o useState() está fazendo. O useState() cria uma variável que controlará o estado do componente. · Axios: Axios é um cliente HTTP baseado em Promises para fazer requisições. Pode ser utilizado tanto no navegador quanto no Node. js ou qualquer serviço de API. Neste artigo criaremos um projeto em React que realiza requisições HTTP a API do GitHub usando o Axios.