... | @@ -5,35 +5,35 @@ |
... | @@ -5,35 +5,35 @@ |
|
|
|
|
|
A arquitetura de pacotes pensada para o projeto Descarta fácil foi divida em três:
|
|
A arquitetura de pacotes pensada para o projeto Descarta fácil foi divida em três:
|
|
|
|
|
|
*Database:*
|
|
**Database:**
|
|
|
|
|
|
Para o banco de dados, é usado o Firebase Realtime Database, que é um banco de dados hospedado na nuvem. Os dados são armazenados como JSON e sincronizados com todos os usuários conectados em tempo real. Sendo assim, todos os usuários conectados a aplicação compartilham uma instância do Realtime Database e recebem automaticamente atualizações com os dados mais recentes.
|
|
Para o banco de dados, é usado o Firebase Realtime Database, que é um banco de dados hospedado na nuvem. Os dados são armazenados como JSON e sincronizados com todos os usuários conectados em tempo real. Sendo assim, todos os usuários conectados a aplicação compartilham uma instância do Realtime Database e recebem automaticamente atualizações com os dados mais recentes.
|
|
|
|
|
|
*Back-end:*
|
|
**Back-end:**
|
|
|
|
|
|
Para a criação do back-end foi escolhido a tecnologia Firebase. O Firebase é um Baas (Backend as a Service) para aplicações Web e Mobile da Google. Esta tecnologia fornece aos desenvolvedores um conjunto de ferramentas e serviços para auxiliar a desenvolver aplicativos. Sua base é construída na infraestrutura do Google, sendo categorizado como um programa de banco de dados NoSQL, que armazena dados em documentos do tipo JSON.
|
|
Para a criação do back-end foi escolhido a tecnologia Firebase. O Firebase é um Baas (Backend as a Service) para aplicações Web e Mobile da Google. Esta tecnologia fornece aos desenvolvedores um conjunto de ferramentas e serviços para auxiliar a desenvolver aplicativos. Sua base é construída na infraestrutura do Google, sendo categorizado como um programa de banco de dados NoSQL, que armazena dados em documentos do tipo JSON.
|
|
|
|
|
|
*Mobile:*
|
|
**Mobile:**
|
|
|
|
|
|
Sistema projetado para ser utilizado via dispositivo Mobile IOS/Android, através de download que pode ser feito na App Store/Google Play. Feito utilizando o React Native, uma biblioteca que mescla Javascript, HTML e CSS, possibilitando a criação de aplicações de forma nativa em ambas plataformas(IOS/Android), aderindo a técnica de componentização.
|
|
Sistema projetado para ser utilizado via dispositivo Mobile IOS/Android, através de download que pode ser feito na App Store/Google Play. Feito utilizando o React Native, uma biblioteca que mescla Javascript, HTML e CSS, possibilitando a criação de aplicações de forma nativa em ambas plataformas(IOS/Android), aderindo a técnica de componentização.
|
|
|
|
|
|
*Web:*
|
|
**Web:**
|
|
|
|
|
|
Na versão Web, é disponibilizado para os administradores/stakeholders um painel de administrador, onde é possível visualizar, editar e cadastrar informações para serem utilizados na versão Mobile. Feito utilizando o React JS (utiliza mesmas tecnologias e conceitos do React Native) juntamente com o Web Framework React-Admin, que provêm funcionalidades prontas que facilitam a criação de um painel de administrador.
|
|
Na versão Web, é disponibilizado para os administradores/stakeholders um painel de administrador, onde é possível visualizar, editar e cadastrar informações para serem utilizados na versão Mobile. Feito utilizando o React JS (utiliza mesmas tecnologias e conceitos do React Native) juntamente com o Web Framework React-Admin, que provêm funcionalidades prontas que facilitam a criação de um painel de administrador.
|
|
|
|
|
|
*Diagrama de pacotes:*
|
|
**Diagrama de pacotes:**
|
|
|
|
|
|
![Diagrama de pacotes](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-pacotes.png)
|
|
![Diagrama de pacotes](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-pacotes.png)
|
|
|
|
|
|
*Diagrama de Componentes Mobile:*
|
|
**Diagrama de Componentes Mobile:**
|
|
|
|
|
|
![Diagrama de componentes](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-componentes.png)
|
|
![Diagrama de componentes](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-componentes.png)
|
|
|
|
|
|
*Diagrama de Componentes Web/Painel Administrativo:*
|
|
**Diagrama de Componentes Web/Painel Administrativo:**
|
|
|
|
|
|
![Diagrama de componentes Web](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-componentes-web.png)
|
|
![Diagrama de componentes Web](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/raw/master/Images/diagrams/diagrama-componentes-web.png)
|
|
|
|
|
|
*Rotas Implementadas:*
|
|
**Rotas Implementadas:**
|
|
|
|
|
|
getRankByField(field, limit = 10) - Método que recebe um tipo de campo(Nome, visitas, categoria...) de um produto e retorna uma coleção de limite x com esses produtos ordenados em ordem decrescente.
|
|
getRankByField(field, limit = 10) - Método que recebe um tipo de campo(Nome, visitas, categoria...) de um produto e retorna uma coleção de limite x com esses produtos ordenados em ordem decrescente.
|
|
|
|
|
... | | ... | |