2015 - Siplex Painel Pangea
- 28 janeiro
- por
- Francisco Jr
A idéia do Painel Pangea surgiu da necessidade da Exploração da Petrobras em visualizar dados de blocos de maneira simples como no Painel de Locações. Por este motivo, o primeiro painel de dados criado era chamado de painel de blocos.
Para criar o sistema, aproveitamos as lições aprendidas no Painel de Locações e exploramos ao máximo a integração de componentes, gerando uma interface única que por meio dos dados e metadados recebidos saberia criar o seu layout de exibição, faria as cargas dos componentes e disponibilizaria opções para navegação, tematização e pesquisa.
 |
| Visão de drill down com Gantt |
A tela comporta no máximo 6 componentes distintos de visualização, sendo que uma ação em um componente reflete em atualização de dados em todos os outros. Entre os componentes de visão que utilizamos está o Almende Timeline, HighCharts, Google Maps, dhtmlxGantt e outros. A navegação inclui ainda um sistema de drill down recursivo, carregando outros painéis dependo do estímulo inicial do usuário.
Toda o front-end foi escrito em TypeScript utilizando DefinitelyTypeds existentes ou criando os nossos. Utilizamos também o Linq.js para tratar os dados nesta camada e Metro UI com Bootstrap para toda a UI.
Para o back-end foi utilizado Asp.net MVC 4 com todos os dados, metadados e controle de acesso e permissão fornecidos pelo HDS.
O sistema continua em desenvolvimento atualmente agregando mais informações aos painéis existentes e criando novos. Como agregar informação a esse tipo de sistema muitas vezes depende de manutenção evolutiva em outros sistemas para fornecimento dos dados e no HDS para o tratamento desses dados, o tempo de escrita de um novo painel é demorado.
Como sugestões de melhorias no meu desligamento do projeto estava a reescrita utilizando React com Redux, melhorando a integração entre os componentes de visualização e melhorar o componente de filtro para fornecer a facilidade de uso do Select2 mas aceitando campos multi valorados, como por exemplo, data inicial e final.
Por questões legais, as interfaces não podem ser apresentadas legíveis.
Ano de início do projeto: 2015
Duração: 1 ano para a 1ª versão
Cargo: Consultor Sr
Funções: Desenvolvedor, Analista de Sistemas, Help Desk, Designer, Front-end, Back-end, Analista de Infra-Estrutura
Contratante: BRQ
Cliente: Petrobras
Tecnologias: C# .Net, Oracle, Css3, HTML5, Xml, Web Services, TFS, WCF, Linq, Nuget, Web API, Asp.net MVC 4, Bootstrap, jQuery, Json, nHibernate, Ninject, TypeScript, HighCharts, Google Maps API, Almende Timeline, DataTables, Select2, Linq.js, Metro UI 3, dhtmlxGantt
0 comentários:
Postar um comentário