Atende Gravataí
Guia de demonstração

1. O que esta entrega demonstra

Uma proposta independente de atendimento municipal: o cidadão registra um problema; a central faz a triagem; a equipe atualiza o atendimento; o cidadão acompanha o histórico.

Está online, mas os dados continuam locais. Os relatos e fotos ficam no navegador de cada aparelho. Não há transmissão à Prefeitura, sincronização entre celulares ou autenticação real de servidores municipais. Os exemplos e o acesso profissional são demonstrativos.

O mapa de localização é interativo. O mapa do painel gerencial é ilustrativo, com marcadores dos registros locais. Notícias e serviços são links externos; não há importação automática desses dados.

2. Como apresentar em 7 minutos

1. 1 minuto — proposta: mostrar a home, as categorias grandes e os acessos a serviços. Explicar que o objetivo é reduzir o esforço do cidadão para encontrar o canal e acompanhar uma demanda.
2. 2 minutos — registro: escolher Buraco, marcar um ponto público no mapa, preencher uma referência fictícia, descrever o exemplo, anexar uma foto não sensível se desejar e revisar. O botão final registra apenas a demonstração.
3. 1 minuto — acompanhamento: abrir o protocolo salvo e mostrar categoria, local, responsável e histórico.
4. 2 minutos — central e equipe: voltar ao início, abrir o perfil e acessar a área profissional. Entrar com o acesso de teste abaixo, localizar o mesmo protocolo e atualizar o status. Alternar para equipe de campo e demonstrar andamento.
5. 1 minuto — resultado: voltar à visão do cidadão no mesmo navegador e mostrar a atualização. Explicar o que depende de integração municipal antes de uso real.

Acesso de demonstração: admin@atendegravatai.demo · senha demo123. Essa credencial está no código e não constitui controle de acesso seguro.

Use o mesmo aparelho e o mesmo navegador para todo o ciclo. Em outro aparelho, o participante verá seus próprios exemplos locais. Para iniciar uma demonstração separada sem apagar registros, use outro perfil do navegador; sessões privadas podem limitar armazenamento e instalação.

3. Já está online

O endereço de apresentação é Atende Gravataí — demonstração pública. Compartilhe-o com os participantes. Não é necessário APK nem Play Store.

1. Abra o link no Chrome do celular.
2. No menu do navegador, procure Instalar aplicativo ou Adicionar à tela inicial. O nome varia conforme aparelho e navegador.
3. Se a instalação não aparecer, use pelo próprio navegador; o fluxo é o mesmo.
4. No iPhone, use o Safari e a opção de adicionar à tela de início no menu Compartilhar, quando disponível.

Abra o app com internet antes da reunião. O cache permite reabrir parte da interface sem rede, mas mapas e páginas externas continuam dependendo de internet. Teste previamente no aparelho da apresentação. GPS e câmera dependem das permissões e do navegador.

4. Hospedar na sua própria conta

O pacote contém uma pasta PUBLICAR já pronta, com index.html na raiz e a pasta demo. Não é necessário compilar nem instalar Python para publicar esses arquivos.

1. Extraia o ZIP no computador.
2. Entre na sua conta do Netlify e abra a área de publicação manual, como Netlify Drop.
3. Arraste a pasta PUBLICAR inteira. Não arraste somente demo e não use a pasta do código-fonte.
4. Aguarde a publicação e abra o endereço HTTPS fornecido.
5. Confira a visibilidade pública e teste o link em outro navegador, sem login. Alguns planos/equipes podem iniciar projetos privados.
6. Para atualizar, envie a nova pasta PUBLICAR na área de Deploys do mesmo projeto.

Em outro provedor de hospedagem estática, envie o conteúdo de PUBLICAR para a raiz do site e habilite HTTPS. Preserve /demo/, pois o manifesto e o cache usam esse caminho. Não publique esta edição dentro de uma subpasta adicional.

Não há banco, chave de API ou variável secreta para configurar nesta demonstração. Custos, limites e domínio personalizado dependem do provedor e plano contratados. Ao trocar de domínio, os registros locais do endereço antigo não serão transferidos.

Referência: documentação oficial de publicação manual do Netlify, consultada em 14/09/2026.

5. Revisão e melhorias desta edição

A identidade azul e clara, o carrossel, a barra inferior e o avanço por toque foram preservados. O guia pode ser impresso pelo navegador em PDF.

6. Antes de atender cidadãos de verdade

Esta entrega é a edição de apresentação. Um piloto operacional exige decisões e desenvolvimento próprios:

• Banco central e armazenamento de fotos com backup e recuperação.
• Autenticação real, perfis de acesso e autorização verificada no servidor.
• Integração com o sistema municipal escolhido e regras de encaminhamento por secretaria.
• Prazos, responsáveis, auditoria e tratamento de duplicidades.
• Política de privacidade, retenção e tratamento dos dados definidos com a Prefeitura.
• Serviço de mapas adequado ao volume e decisão sobre preenchimento automático de endereços.
• Testes com cidadãos, leitores de tela, aparelhos reais e redes lentas; monitoramento e suporte.

Não há nesta edição notificações push reais, e-mails automáticos, envio à Prefeitura nem consulta de protocolo entre aparelhos. O login demonstrativo não deve ser usado como base de segurança de produção.

7. Validação realizada

Conferidos no navegador de teste: entrada do cidadão, escolha de categoria, marcação manual no mapa, descrição, revisão, gravação do protocolo, acompanhamento, acesso profissional preenchido e alterações para triagem e execução. A inspeção visual abrangeu a home e a etapa de evidências. Compilação e integridade do pacote também serão conferidas antes da entrega.

GPS real, captura de câmera, seleção de fotos em Android/iOS, instalação do PWA, modo offline e leitura em aparelhos físicos devem ser verificados no dispositivo da reunião. Não foi realizada auditoria formal de acessibilidade nem teste de carga. A demonstração não é uma homologação de produção.

8. Conferência antes da reunião

• Abrir o link no computador e no celular que serão usados.
• Conferir internet, mapa e funcionamento da foto no aparelho.
• Preparar uma ocorrência fictícia e evitar dados pessoais ou imagens de pessoas.
• Testar o acesso profissional no mesmo navegador.
• Manter uma conexão alternativa para o mapa; serviços externos podem estar indisponíveis.
• A Sogil permaneceu sem confirmação de disponibilidade na consulta automatizada; conferir manualmente antes de demonstrá-la.
• Não efetuar chamadas de emergência durante a apresentação.

9. Painel para telão

Abrir Visão da cidade →

Conecte o computador ao telão, abra o painel e use o botão de tela cheia no canto superior direito. A visualização reúne mapa interativo, totais, andamento, detalhes, foto anexada e últimas movimentações. Os filtros alteram o mapa; os indicadores mantêm a visão de toda a base.

Para demonstrar uma atualização, abra o aplicativo em outra aba do mesmo navegador e computador, registre uma ocorrência ou altere seu status na área profissional. O painel acompanha a mudança automaticamente. Fotos só aparecem quando foram anexadas ao relato. Os pontos dos exemplos antigos são ilustrativos.

Sem registros locais, o painel exibe a mesma base de exemplos do aplicativo. Ele não recebe dados de outros aparelhos. Um painel municipal compartilhado exige banco central e integração. Não existe transmissão de ocorrências reais nesta edição.