Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Criando aplicações Ionic off-line

Criando aplicações Ionic off-line

Criando aplicações Ionic off-line

Nicole Oliveira
https://www.linkedin.com/in/nicole-oliveira-610b9397/

TOTVS Developers

June 26, 2020
Tweet

More Decks by TOTVS Developers

Other Decks in Programming

Transcript

  1. TODOS OS DIREITOS RESERVADOS
    Criando
    aplicações Ionic
    offline
    /Nicole Oliveira Junho /2020

    View full-size slide

  2. 2
    Nicole Oliveira
    Desenvolvedora de Sistemas
    https://github.com/nicoleoliveira
    Trabalho na Totvs
    Faço parte core team PO UI
    https://github.com/po-ui
    Sobre mim

    View full-size slide

  3. 3
    https://po-ui.io/
    PO UI https://po-ui.io/

    View full-size slide

  4. 01
    Por que criar
    aplicações
    offline?
    4
    4

    View full-size slide

  5. 5
    ● Nem todo mundo possui uma boa conexão de rede
    ● Alterações de rede ao longo do caminho
    ● Os dados não podem viver para sempre no armazenamento local
    ● Experiência do usuário:
    ○ Navegação pelo aplicativo sem interrupções
    ● PWA
    Por que criar aplicações offline?

    View full-size slide

  6. 7
    ● Ele faz esse trabalho de armazenamento e sincronização de dados.
    ● É um projeto open source com licença MIT.
    ● Mais simples de implementar, poupando tempo de gerenciamento de
    dados.
    ● Tem suporte para LocalStorage, IndexDB, WebSQL e lokijs.
    O que é o PO SYNC?

    View full-size slide

  7. 03
    Como
    funciona
    8
    8

    View full-size slide

  8. 9
    Armazenamento local dos dados

    View full-size slide

  9. 10
    Sincronização dos dados

    View full-size slide

  10. 11
    Sincronização dos dados

    View full-size slide

  11. 04
    Exemplo
    prático
    12

    View full-size slide

  12. 13
    Como incluir na aplicação?
    1

    View full-size slide

  13. 14
    Como incluir na aplicação?
    2
    3

    View full-size slide

  14. 15
    Como incluir na aplicação?

    View full-size slide

  15. 16
    Por onde começar?

    View full-size slide

  16. 17
    Por onde começar?

    View full-size slide

  17. 05
    Aplicação
    18

    View full-size slide

  18. 19
    APP MINHA PRODUÇÃO
    Forma rápida e simples de
    registrar os apontamentos de
    produção.
    Apontamentos do módulo de produção
    (CP0311) ou chão de fábrica (SF0308)
    Gestão de pendências de apontamento
    Personalização de usuários, com
    definição de campos e valores padrão

    View full-size slide

  19. ● Tecnologia + Conhecimento são nosso DNA.
    ● O sucesso do cliente é o nosso sucesso.
    ● Valorizamos gente boa que é boa gente.
    Criando aplicações Ionic offline
    NICOLE SILVA
    #SOMOSTOTVERS
    totvs.com
    @totvs
    @totvsdevelopers
    /totvs company/totvs
    developers.totvs.com
    @totvs
    @totvsdevelopers

    View full-size slide