2015 - Siplex Pangea Panel
- January 28, 2017
- by
- Francisco Jr
The idea of the Pangea Panel arose from the need for Petrobras Exploration to view block data in a simple way as in the Well Site Panel. For this reason, the first data panel created was called a block panel.
To build the system, we leverage the lessons learned from the Well Site Panel, and we fully exploit component integration, creating a single interface that through the data and metadata we received would know how to create your display layout, load components, and provide options For navigation, thematization and research.
 |
| Gantt drill down view |
The screen has a maximum of 6 different visualization components, and an action in one component reflects in updating data in all the others. Among the vision components we use is HighCharts, Google Maps, Almende Timeline, dhtmlxGantt and others. The navigation further includes a recursive drill down system, loading other panels depending on the initial stimulus of the user.
The entire front end was written in TypeScript using existing DefinitelyTypeds or creating ours. We also use Linq.js to treat the data in this layer and Metro UI with Bootstrap for the entire UI.
For the backend was used Asp.net MVC 4 with all the data, metadata and access control and permission provided by HDS.
The system continues to be developed currently by adding more information to existing panels and creating new ones. As information aggregation to this type of system often depends on evolutionary maintenance on other data delivery systems and on the HDS for handling such data, the writing time of a new panel is time consuming.
As suggestions for improvements in my project shutdown I was rewriting using React with Redux, improving the integration between visualization components and improving the filter component to provide ease of use of Select2 but accepting multi-valued fields such as date Initial and final.
For legal reasons, interfaces can not be readable.
Project start year: 2015
Duration: 1 year for first version
Position: Sr Consultant
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Designer, Front-end, Back-end
Working for: BRQ
Client: Petrobras
Technologies: 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 comments:
Post a Comment