Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/franciscowallison/laravel-vue.js
Sistema Financiero - Larevel, Vue.js, PWA, Firebase, Heroku, Git, Materialize.css e ...
https://github.com/franciscowallison/laravel-vue.js
financeiro firebase-cloud-messaging heroku javascript laravel-framework materialize-css multitenancy php pwa sistema vue
Last synced: about 10 hours ago
JSON representation
Sistema Financiero - Larevel, Vue.js, PWA, Firebase, Heroku, Git, Materialize.css e ...
- Host: GitHub
- URL: https://github.com/franciscowallison/laravel-vue.js
- Owner: FranciscoWallison
- Created: 2017-08-23T14:08:22.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-09-12T01:24:06.000Z (about 1 year ago)
- Last Synced: 2023-09-12T09:14:19.720Z (about 1 year ago)
- Topics: financeiro, firebase-cloud-messaging, heroku, javascript, laravel-framework, materialize-css, multitenancy, php, pwa, sistema, vue
- Language: JavaScript
- Homepage: https://intense-dawn-46739.herokuapp.com/app#!/login
- Size: 9.11 MB
- Stars: 2
- Watchers: 5
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
#### Proposta do Trabalho
Texto
Este trabalho tem como objetivo desenvolver um Sistema de Gestão Administrativo / Financeiro, oferecendo serviços de otimização de atividades no setor financeiro, com as funcionalidades de contas a pagar e receber, gerenciamento de contas bancárias e fluxo de caixa. Além de oferecer informações que ajudam os setores estratégicos, dando apoio à tomada de decisão, oferecendo uma boa interação e acessibilidade dos serviços. Serão utilizados modelos como multi-tenancy, modelo na qual nasceu com a computação em nuvem, e PWA (Progressive Web Apps) dando uma melhor interação dos seus serviços.
#### Pequeno resumo
```
Este projeto teve como objetivo de criar um sistem financeiro utilizando PWA,
para o TCC do curso Sistema de informação.
Algumas tecnologias utilizadas: Laravel, Vue.js, jquery, heroku, firebase,
push notification, php, javascript ...
```
# Telas
## Dashboard
``` Na página principal, temos um pequeno resumo da situação financeira.```
Dashboard IMG
``` Cadastro da conta bancária no sistema, para o levantamento do salto total do cliente. ```
Cadastro da conta bancária IMG
``` Na funcionalidade, fluxo de caixa, há uma tabela que tem os seguintes dados: o saldo final, saldo do mês anterior, geração de caixa, recebimentos, outras receitas, receitas de vendas, pagamento e despesas financeiras. Pode-se baixar o relatório da tabela no formato .csv. ```
Fluxo de caixa IMG
```Na funcionalidade extratos a receber, há uma tabela que tem os seguintes dados: valor, saldo, lançamento e data. No rodapé da página, há a soma do total recebido, total de pagamentos, número de lançamentos e total do período.```
Extratos a receber IMG
```Na funcionalidade de contas a receber há uma tabela que tem os seguintes dados: valor da conta, descrição e data do vencimento da conta. No rodapé da página, há a soma das contas pagas, a pagar, vencidas e o total.```
Contas a receber IMG
```Na funcionalidade de contas a pagar, há uma tabela que tem os seguintes dados: valor da conta, descrição e data do vencimento da conta. No rodapé da página, há a soma das contas pagas, a pagar, vencidas e o total de pagamentos feitos. ```
Contas a pagar IMG
----------------------------------------------------------------------------------------------
## Oques é SaaS?
- Significa Software como serviço
- Ambiente Compartilhado.
- Customizações por Cliente
- Atentimento a vários clientes
- Utiliza arquitetura multe-tenancy.
- Ideal em cloud server
## O que é multi-tenancy?
- Tenancy Significada: Locação Arrendamento
- Em ti: Inquilino
- Vários Clientes Por Aplicação
- Aplicavel quando aplicação vira um produto
- Clientes Compartilham Estrutua
- Escopo do Multi-Tenancy: Usuário, Empresas, Etc.
- Isolar as Unformações Logicamente
- Falha de um cliente não pode afetar em outro
## Qual Modelo Utilizar?
- Não há Verdade do Universo
- Enternder o Contexto que Será Aplicado
- Entender as Customizações
- Númemos de Usuários
- Recursos a Serem Utilizados
#### MODELOS DE IMPLEMENTAÇÃO
## TIPO (Tudo isolado (container, hadware, banco de dados))
- Alto nivel de segurança
- Alto consumo de hardware
- Monitoramento Individual
## TIPO (Conatiner compartilhado, banco de dados diferente)
- Customização
- Consistencia dos dados
- Volume de consumo
- Muitos Usuarios por TENANT
## TIPO (Tudo compaartilhado (container, hadware, banco de dadoss))
- Muitos TENANTS envolvidos
- Baixa Customização
## libs
```
- hyn/multi-tenant (trabalhas com subdominhos)
- orchestral/tenanti (trabalhas com varias instancias de bancos )
```
## [Nested set model](https://en.wikipedia.org/wiki/Nested_set_model)
## Vuex Single Source of Truth (SSOT).
```
[Flux](https://facebook.github.io/flux/docs/in-depth-overview.html#content)
```
## [O que é a fonte única da verdade?](https://www.schoolofnet.com/curso-vue-20-com-vuex/2280)
```
Imagine que você irá estruturar todas as suas informações, da aplicação, e concentrará em um único lugar. Constumamos falar que este local será um "armazém". Quem precisar alterar qualquer informação, deverá acessar este armazém. Não irá alterar direto no componente ou qualquer outro local que esteja, pois eles serão, somente, referência. O mais importante é que, todas informações só terão acesso, tanto para listagem quanto para alterações, em um único lugar. Tudo centralizado.
Se eu modificar alguma coisa no armazém, todos que buscarem informações nele, já terão uma resposta atualizada, porque a fonte é única. Os componentes deixarão de ter informações próprias. Eles buscarão estas informações no armazém. Algumas informações, menores, podem ainda, continuar por responsabilidade do componente, mas as informações principais, serão capturadas do armazém.
Imaginem que exista uma biblioteca que todos componentes precisem consultar, para ter qualquer informação, porque todas as informações importantes, estão nela e somente nela.
Este conceito de fonte única da verdade é muito utilizado em bancos de dados relacionais. Quando criamos uma tabela de pedidos e temos um cliente relacionado, nós apenas criamos um apontamento deste cliente, para a tabela de clientes, não estamos duplicando as informações. Deste modo, temos o id do cliente, relacionado ao pedido. Quando consultarmos, sempre teremos as fontes atualizadas, caso algué...
```
## Push Notificantion
```
http://vineeshnp.com/push-notification-on-progressive-web-apps-with-firebase-cloud-messaging/
https://console.firebase.google.com/project/sisfin-2bb72/settings/cloudmessaging/
```
## Link para Projeto
https://intense-dawn-46739.herokuapp.com/app#!/login
## Login
```
[email protected]
[email protected]
[email protected]
```
## Senha
```
secret
```