Permitir usuário baixar conteúdos de educação e pesquisa

[wforte88]

Objetivo

Eu como profissional da saúde
Quero Fazer download de conteúdos de Educação e Pesquisa
Para que possa acessar quando quiser, mesmo sem conexão

Contexto

O que originou

Há a demanda por acesso aos conteúdos do app em situações onde o profissional da saúde não possui conexão com rede de internet.

Qual solução proposta

A criação de um botão que, quando selecionado, faz download do conteúdo referente e permite o usuário acessar a lista de conteúdos salvos e visualizar os mesmos sem nenhum tipo de conexão com a rede de internet. Este botão ficará localizado no appbar no inferior da página.

Escopo

Appbar

• Uma barra de ferramentas deve ser inserida no inferior das páginas de leitura dos conteúdos, onde serão inseridos os botões com as funcionalidades de 'download' e 'compartilhar'

• A barra deve desaparecer ao fazer scroll para baixo na página e aparecer novamente ao fazer scroll para cima

Elemento React no Framework: https://callstack.github.io/react-native-paper/appbar.html

Botão de download

• Inserir botão de download para que o conteúdo esteja disponível quando offline
  

• Inserir botão de downloaded para excluir o conteúdo offline do app do usuário e o mesmo volte a ser disponível somente de forma online
  

Feedbacks (snackbar)

• Ao selecionar o conteúdo para download deve surgir a mensagem:
  

• Ao excluir o conteúdo da visualização offline deve surgir a mensagem:
  

OBS: Nunca deve sobrepor ao appbar

Fora de contexto

• Data de postagem

• A data de postagem do conteúdo deve ser retirada da parte inferior ao título e adicionada no appbar

• Compartilhar

• Inserir botão de compartilhar o conteúdo também no appbar, retirando a feature da parte inferior ao título

Critérios de aceitação

Appbar

• Dado que queira ler o conteúdo sem acessar a internet
  Quando clicar no botão de download
  Então deve estar disponível para leitura offline

• Dado que não queira mais ter o conteúdo salvo em meu telefone
  Quando clicar novamente no botão de download/downloaded
  Então não deve estar disponível para leitura offline

• Dado que leio um conteúdo
  Quando realize scroll para baixo
  Então a appbar desaparece da tela

• Dado que leio um conteúdo
  Quando realize scroll para cima
  Então a appbar reaparece na tela

Feedback

• Dado que clico no botão de download
  Quando o download for realizado com sucesso
  Então deve exibir a mensagem de conclusão

• Dado que clico no botão de downloaded
  Quando a exclusão for realizada com sucesso
  Então deve exibir a mensagem de conclusão

Observações

Figma: https://www.figma.com/file/FLKurtBDSBYAiYcS5xAPYC/iSUS?node-id=1550%3A11520

Referências: https://material.io/components/app-bars-bottom#behavior
https://developer.apple.com/design/human-interface-guidelines/ios/bars/toolbars/

[ItaloRod]

Plugin de apoio para o download desses conteúdos

Async Storage

https://github.com/react-native-community/async-storage

Snackbar (Para as mensagens de Feedback)

https://callstack.github.io/react-native-paper/snackbar.html

Material Icons

https://oblador.github.io/react-native-vector-icons/

• MaterialIcons cloud-download
• MaterialIcons cloud-done
• MaterialIcons share

[mbernardes19]

Foi decidido não implementar neste momento a funcionalidade de animação da barra inferior e deixá-la como melhoria a ser feita no futuro.