Prepare a demonstração
Abra app e painel no mesmo navegador, perfil e domínio. Registros não são compartilhados entre celulares ou entre o domínio personalizado e a URL pages.dev.
Use apenas dados fictícios. Gravataí/RS é cenário demonstrativo, sem vínculo oficial com o município. Os responsáveis e equipes dos exemplos são fictícios.
Se já há registros de versões anteriores, o botão Adicionar cenários v8.1 acrescenta apenas exemplos ausentes, preservando os demais. Para um começo limpo, prefira um perfil separado de navegador; não apague dados que queira guardar.
Apresente em cinco minutos
- 0:00–0:40 · Problema. No site: “O chamado chegou à prefeitura. Quem vai resolver?” Mostre o fluxo e explique que o cidadão é uma porta de entrada da operação.
- 0:40–1:20 · Registro. Abra o app, escolha uma categoria, marque o mapa, informe endereço fictício completo, descreva, revise e gere o protocolo. Foto é opcional.
- 1:20–2:30 · Responsabilidade. Na Central, selecione o chamado no mapa ou nas setas. Clique Triar, Atribuir, escolha secretaria, equipe, responsável e prazo, depois Criar OS.
- 2:30–3:30 · Execução. Abra “Ver Monitor do Cidadão” em outra aba. No painel, Iniciar → Evidência → descrever o serviço e, se quiser, anexar foto fictícia. Marque a opção de mostrar ao cidadão. Conclua.
- 3:30–4:15 · Transparência. Volte ao monitor e mostre a atualização sem reload. Confirme a solução ou marque “o problema continua”. O pedido de revisão aparece em Atenção necessária.
- 4:15–5:00 · Gestão. Mostre atrasados, sem responsável, possíveis ocorrências próximas, filtros de secretaria, OS, linha do tempo e indicadores. Termine com a proposta de piloto de 90 dias.
Mensagem de apoio: “Tempo real significa acompanhar a operação. Nesta demonstração, eventos sincronizam entre abas deste navegador. O backend para conectar aparelhos é a próxima etapa.”
Cenários prontos
| Cenário | O que demonstrar |
|---|---|
| Buraco na rua | Equipe Viária, OS em execução e prazo vencido. |
| Iluminação pública | OS atribuída, prazo próximo e duas ocorrências semelhantes nas proximidades. |
| Limpeza urbana | Execução concluída, evidência textual e confirmação do cidadão. |
| Poda de árvore | Demanda nova para executar o roteiro completo. |
| Sinalização | Espera prolongada com motivo. |
| Descarte | Múltiplas transferências e nova atribuição pendente. |
As datas são relativas à criação inicial dos exemplos e ficam salvas. Não são eventos reais nem mudam aleatoriamente a cada refresh.
Como funciona a operação
Chamado é a demanda; OS é a execução vinculada. Atribuir exige equipe, responsável e prazo. Transferir exige motivo e limpa a atribuição anterior. Para concluir, é necessário ter OS iniciada e evidência textual ou fotográfica.
O Monitor não mostra o nome interno do responsável e apresenta somente evidências marcadas para o cidadão. Essas regras não substituem autenticação/autorizações de produção.
O pedido de revisão é sinalizado para análise, sem apagar a conclusão ou reabrir automaticamente a OS. A satisfação é opcional.
Os antigos acessos de gestão, central e campo continuam no app; ações operacionais abrem a Central para usar as mesmas regras. Credencial demonstrativa: admin@mycity.demo / demo123. O painel abre diretamente e não é restrito.
Publicar no Cloudflare
- Guarde o pacote e a implantação anteriores.
- No projeto Pages existente com Direct Upload, crie uma nova implantação.
- Envie o ZIP v8.1.23 com
index.htmle_worker.jsna raiz. O Worker encaminha o endereço pelo domínio e o restante segue como arquivos estáticos. Não requer compilação; Direct Upload aceita esse Worker. - Confira os acessos do site, do app, da Central e do histórico.
- Feche e reabra o PWA para atualizar. Preserve os dados locais.
Projeto ligado ao Git usa o fluxo existente do repositório. Não mude DNS ou domínio apenas para atualizar. Referência oficial Cloudflare, consultada em 29/09/2026.
O que esta entrega comprova
Fluxo local com protocolo, OS, prazo, equipe, evidência, conclusão, revisão e atualização entre abas; filtros, indicadores e mapa. O vídeo original tem controles e identificação de gravação anterior, com capturas atuais em proporção correta.
Os testes e limites completos estão em QA, changelog e arquitetura/roadmap.
Backend, login seguro, permissões, notificações externas, interoperabilidade, auditoria protegida e operação multi-município são próximos passos. Não use o pacote para receber solicitações reais. Privacidade e condições.
Gráficos e análises
Na Central Operacional, abra a aba Gráficos e análises para comparar backlog por secretaria, volume por categoria e composição de status por área. Os quatro indicadores de SLA exibem a amostra usada. Os filtros por secretaria, status e categoria atualizam a leitura visual.
A evolução de chamados criados e concluídos só aparece quando existem ao menos três datas de criação válidas nos últimos sete dias, distribuídas por dois ou mais dias no recorte. Os gráficos usam registros locais da demonstração; não são dados oficiais nem atualização central em tempo real.
Modo Telão: abra “Gráficos e análises” e clique em “Modo Telão”. Escolha as telas, sua ordem e a duração (20 segundos por padrão). Durante a apresentação, use as setas para trocar de tela, espaço para pausar/continuar e Esc ou “Sair” para encerrar. A configuração fica salva neste navegador. Se tela cheia for bloqueada, a apresentação continua em modo imersivo. Os números permanecem dados fictícios locais; os filtros ativos antes da abertura são aplicados. O ciclo ocupa exatamente o tempo escolhido: 10% para entrada, 80% para leitura e 10% para transição; por exemplo, em 20 segundos são 2 + 16 + 2 segundos. Desative “Animações de entrada” nas configurações ou use a preferência de movimento reduzido do dispositivo para ver o conteúdo sem efeitos.