Buscar

DESENVOLVIMENTO DE APLICAÇÕES MÓVEIS (Back-End)

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
CONTINUAÇÃO DO PROJETO APP( BACK-END )
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
 (
(colocar
 
os
 
dados
 
da
 
API) que
 
trará
 
as
 
Inscrições
 
Realizadas
.
)Em cursos Realizados, o aplicativo deverá consumir uma API
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/
 Prisma é uma ferramenta open source, um ORM de próxima geração cuja arquitetura é desenhada em três camadas fundamentais: Prisma Client: um construtor de queries gerado automaticamente e type-safe para Node. js e TypeScript. https://blog.rocketseat.com.br/prisma-react-native/
 NestJS é um framework Node.js de código aberto destinado ao desenvolvimento de aplicativos do lado do servidor. Foi criado por Kamil Mysliwiec e lançado em 2017. Sob o capô, por padrão, o NestJS faz uso do framework Express.js, sendo também compatível com o Fastify. Sua arquitetura é fortemente inspirada no Angular.
https://pt.wikipedia.org/wiki/Nest.js
 
 DESIGN DO PROJETO (BACK-END)
Tela de Acesso	Tela de Home	Tela de pontos
Código do projeto (BACK-END)
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.