Microcity - Portal do Cliente, com SLA na tela
Portal web, painel administrativo e aplicativos iOS e Android para os clientes de outsourcing de TI acompanharem indicadores, documentos e chamados.
Mostrar o serviço que já está sendo prestado
A Microcity faz outsourcing de ativos de TI para empresas. Nesse modelo, o contrato é uma promessa de nível de serviço, e a relação com o cliente melhora ou piora conforme ele consegue enxergar se essa promessa está sendo cumprida.
O Portal do Cliente foi construído para tirar essa informação de relatório enviado por e-mail e colocá-la onde o cliente entra quando quiser, no navegador ou no celular.
O ponto de partida: oito objeções
Este projeto começou de um jeito incomum e vale contar. Antes de contratar, o cliente apresentou oito objeções técnicas formais ao desenvolvimento híbrido, entre elas coleta de métricas, uso de webhooks, experiência na web, acompanhamento de atualizações de plataforma e o fato de a linguagem base ser de execução única.
Cada uma foi respondida tecnicamente antes do contrato. Esse é um bom sinal de cliente, não um mau sinal: quem faz pergunta técnica difícil no começo cobra resultado técnico no fim, e a escolha de arquitetura fica registrada em vez de ficar implícita.
Quatro frentes, um produto
API. Serviço em Node.js cobrindo usuários, acesso, documentos, favoritos, notificações, banners, vídeos, canal de contato, geração de relatório em documento e os dados dos gráficos.
Portal web. Acesso, perfil, notificações no topo, painel de indicadores, documentos, área institucional e Fale Conosco, com layout que responde a qualquer tamanho de tela.
Aplicativos iOS e Android. As mesmas informações na mão, com notificação por push, publicados nas duas lojas.
Painel administrativo. Gestão de clientes e usuários, gestão de documentos por empresa, gestão de banners e de vídeos.
As três decisões que sustentam o portal
Entrar sem criar mais uma senha. O acesso foi integrado ao diretório corporativo da Microcity por autenticação única. Portal de cliente que exige cadastro novo costuma morrer de desuso, e aqui o usuário entra com a credencial que já tem.
O indicador vem da fonte, não de planilha. Os gráficos de nível de serviço são alimentados por integração direta com o data warehouse da Microcity, por meio de visões de banco. Isso significa que o número que o cliente vê é o mesmo número da operação, sem etapa manual no meio que possa divergir.
Documento é repositório, não anexo. A área de documentos é multiempresa, com criação de pastas, envio, download, link de compartilhamento, favoritos e histórico dos últimos arquivos vistos por usuário, com os arquivos guardados em armazenamento de objetos na nuvem.
O que a operação ensinou
Três episódios desse projeto valem mais que qualquer lista de funcionalidade, porque são o tipo de coisa que decide cronograma.
A VPN que não conectou. O acesso ao ambiente do cliente foi tentado em todos os sistemas operacionais, sem sucesso, e virou dependência aberta. Acesso é requisito, e precisa ser tratado no planejamento com o mesmo peso de uma funcionalidade.
A dependência que chega depois do prazo. As visões de produção do data warehouse, necessárias para os gráficos de nível de serviço, foram liberadas depois da data prevista para a entrega final. Não dá para construir o gráfico sem o dado, e esse tipo de dependência precisa estar visível no cronograma desde o começo.
A loja também é uma etapa. O aplicativo foi recusado na primeira submissão à App Store, e ainda houve ajuste de segurança de conexão que quebrava só no Android e duas rodadas de correção de notificação push depois de publicado. Publicar não é o fim do projeto, é mais uma fase dele.
Stack e práticas
- React Native com Expo para iOS e Android, com notificação push e controle de contador no ícone. React com Redux no portal web e no painel administrativo. Biblioteca de visualização de dados para os gráficos do painel de indicadores. API REST em Node.js, publicada tanto em ambiente Linux quanto Windows. Armazenamento de objetos em nuvem para o repositório de documentos e fotos de perfil. Banco relacional, com integração ao data warehouse do cliente por visões. Autenticação única com o diretório corporativo. * Builds distribuídas por plataforma de teste para validação do cliente antes de cada publicação.
A especificação do servidor de produção também foi entregue, dimensionada para rodar dentro da infraestrutura do próprio cliente.
Seu cliente enxerga o serviço que você presta?
Contrato de nível de serviço que só aparece em relatório mensal é uma promessa difícil de verificar. Quando o indicador fica visível, a conversa com o cliente muda de tom. A X-Apps constrói esse portal ligado à sua fonte de dados, com acesso pela credencial que a empresa já usa.