Criando aplicações Ionic off-line

Slide 1

Slide 1 text

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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?

Slide 6

Slide 6 text

02 PO SYNC 6

Slide 7

Slide 7 text

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?

Slide 8

Slide 8 text

03 Como funciona 8 8

Slide 9

Slide 9 text

9 Armazenamento local dos dados

Slide 10

Slide 10 text

10 Sincronização dos dados

Slide 11

Slide 11 text

11 Sincronização dos dados

Slide 12

Slide 12 text

04 Exemplo prático 12

Slide 13

Slide 13 text

13 Como incluir na aplicação? 1

Slide 14

Slide 14 text

14 Como incluir na aplicação? 2 3

Slide 15

Slide 15 text

15 Como incluir na aplicação?

Slide 16

Slide 16 text

16 Por onde começar?

Slide 17

Slide 17 text

17 Por onde começar?

Slide 18

Slide 18 text

05 Aplicação 18

Slide 19

Slide 19 text

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 deﬁnição de campos e valores padrão

Slide 20

Slide 20 text

● 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