Gumga IO – O ínicio – FrontEnd



Gumga IO – O ínicio – FrontEnd

0 1


slides-gumgaio


On Github GUMGA / slides-gumgaio

Gumga IO

Apresentação das tecnologias utilizadas pela Gumga

O ínicio

A GUMGA S/A (Grupo Unido Maringá) inicia suas atividades com a intenção de melhorar a qualidade, diminuir custos e prazos, criar produtos em conjunto e, principalmente, iniciar uma era de integração.

Onde está

  • Gumga Framework FrontEnd
  • Componentes AngularJS
  • Gumga Framework BackEnd
  • Segurança
  • Gerador
  • Framework frontend: aplicação estática que consome api do backend
  • Componentes AngularJS: Componentes reutilizáveis de código aberto (github/gumga/components)
  • Framework backend: aplicação java com multi tenancy, spring e java
  • Segurança: aplicação pra autenticar outras aplicações
  • Gerador: gerador utilizado para dar um quickstart pra um projeto

Futuro

  • Gumga Services
  • Gumga Dashboard
  • Services: ambiente para que as empresas forneçam serviços para que a gumga possa bilhetar esses serviços
  • dashboard: dashboard completa e customizável para todas as empresas

FrontEnd

O que o FrontEnd da Gumga facilita o meu trabalho?

Aplicação estática construída com AngularJS e Bootstrap

Código Simples

Service

  ClienteService.$inject = ['GumgaRest', '$stateParams'];
  function ClienteService(GumgaRest, $stateParams) {
    var Service = new GumgaRest(APILocation.apiLocation + '/api/cliente');
    return Service;
  }

Controller

    ClienteListController.$inject = ['$scope', 'ClienteService', 'populateScope' ];
    function ClienteListController($scope, ClienteService, populateScope ) {
         populateScope($scope, ClienteService, 'Cliente', 'base-list');
     }

Componentes Reutilizáveis

Documentação disponível em: http://www.gumga.com.br/showcase

<gumga-nav title="Cliente" state="login.log"></gumga-nav>
<gumga-menu menu-url="gumga-menu.json" keys-url="keys.json"  image="resources/images/gumga.png">
</gumga-menu>
<div class="gumga-container"
    <div class="col-md-12" ui-view>

    </div>
</div>

Automatizador de Tarefa

Gulp.js

Suporte a Testes Unitários

Karma/Jasmine

Versionamento Open Source

Github

Ferramenta de Integração Contínua

Travis CI

Lazy Loading de Arquivos

Require.JS

Distribuição de Componentes

Bower

BackEnd

O que o BackEnd da Gumga facilita o meu trabalho?

Exemplo de API

    @RestController
    @RequestMapping("/api/organization")
    public class OrganizationAPI extends GumgaAPI {
        @ApiOperation(value = "loadOrganizationFat", notes = "Carrega a organização e suas sub-organizações.")
        @Override
        public Organization load(@PathVariable Long id) {
            return ((OrganizationService) service).loadOrganizationFat(id);
        }
    }

Spring

Conexão com Banco de Dados

Hibernate / JPA

Documentação automática

Swagger

Gerenciamento de Dependências

Maven

SISTEMA PROPOSTO

  • Reserva de Salas
    • Recursos técnicos necessários na sala pra reserva
      • Datashow
      • Conferência
      • Controle de slides com laser
    • Disponibilidade de horário
    • Quantidade de pessoas por sala
  • Cadastro de salas
  • Listagem
  • Cancelamento de Reserva
  • Cadastro de Funcionário

Como falar com a Gumga?

gumgabr

gumga

Sugestões de melhorias em componentes, abram uma issue no github:

github.com/GUMGA/components

Tentamos responder o mais rápido possível (sério).

Gumga IO Apresentação das tecnologias utilizadas pela Gumga