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

The HDS, or Siplex Data Hub, is responsible for centralizing information requests to various systems (services), database and components, processing data, consolidating, adding metadata, and creating caches where necessary that will be available for consumption, mainly through the Pangea Panel module.

Data can receive geolocation information, summation by groups of values, and coloring information for topics based on the metadata created for each service. These metadata are created based on each information received from the source of origin and according to each expected result for consumption.

Consumer services are integrated with the Siplex access and permission system, the Administration module, filtering the data according to the user profile, never displaying data that the user should not have access to.

The cache is generated every day using the Quartz.Net component. Systems that provide data for cache generation use an internally developed Nuget component that provides the interfaces to be implemented to deliver data in the format expected for cache generation.

The system has no interface, only services.

Project start year: 2015

Duration: 3 months fisrt version
Position: Sr Consultant
Role: Developer, System Analyst, Infrastructure Analyst, Back-end
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, TFS, WCF, Linq, Nuget, Web API, Json, nHibernate, Ninject, Quartz.Net

Geophysical Activities Tracking was born from rewriting the Seismic Schedule, removing features that were not used, and replacing the drag and drop interface with a Gantt chart. Today it is the system responsible for planning the acquisition and processing of terrestrial or maritime geophysical data.

My participation in the module was just consulting on usability and front-end on some screens.

For legal reasons, interfaces can not be readable.

Project start year: 2015
Duration: 6 months
Position: Sr Consultant
Role: Front-end
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, Css3, HTML5, Web Services, TFS, Linq, Asp.net MVC 4, Bootstrap, jQuery, nHibernate, Ninject, Kanban, JavaScript, dhtmlxGantt

The Well Site Panel was created to display the data of a well site to be drilled in chronological order and with easy identification of the complicity state. The idea that managers apply a filter, look at the timeline and identify well sites with problems in the project workflow was the north for system development. In addition, graphs were created in Highcharts, consolidating the data by management and other topics, easily indicating bottlenecks to be attacked.

Highcharts consolidating charts

The system had a strong coupling to the Siplex Well Site module, and a query was built that consolidated the necessary data of the database and services of other systems, loading the complete data model (ORM).

As the data changed throughout the day, a memory cache scheme was created using Quartz.Net, which handled automatic and manual data updates.

The system had its front end adapted to work on mobile devices, the tablet being the minimum supported by a minimum screen size.

The project was so successful that it was used internally in management as an example of software with simple user experience, with pleasant interface and adequate performance to the final public. He was also nominated and winner of the IT Highlights award in the category "Maximize value of IT solutions to the Petrobras system" in 2014.

For legal reasons, interfaces can not be readable.

Project start year: 2013
Duration: 1 year and 4 months
Position: Sr Consultant
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Designer, Front-end, Back-end, Coordinator
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, Css3, HTML5, Web Services, Asp.Net, JavaScript, TFS, WCF, Linq, Bootstrap, jQuery, Json, nHibernate, Ninject, HighCharts, Kanban, Quartz.Net, Almende Timeline, ORM

The Play Analysis module belongs to the group of scientific systems of Siplex, being the module responsible for registering the geological study of a region to be studied and to make simulations of possibilities of discovery and economic viability for the area.

My participation in the module was just consulting on usability and front-end on some screens.

For legal reasons, interfaces can not be readable.

Project start year: 2013

Duration: 5 months
Position: Sr Consultant
Role: Front-end
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, Css3, HTML5, Web Services, TFS, WCF, Linq, Asp.net MVC 4, Bootstrap, jQuery, nHibernate, Ninject, Kanban, JavaScript

Feed Giop was designed to be a data source that could be easily registered and consumed by several Petrobras management.

The system used the RSS standard for data registration, using the label tag to handle the subjects previously registered by the application managers.

The solution also had a feed consumption screen that displayed the data filtered by the consumer profile, as well as displaying the weather forecast with the Foreca API.

For legal reasons, interfaces can not be readable.

Project start year: 2013

Duration: 4 months
Position: Sr Consultant
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Front-end, Back-end, Coordinator
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, Css3, HTML5, Xml, Web Services, TFS, Linq, Bootstrap, jQuery, Json, nHibernate, Ninject, Foreca API, RSS, Kanban, ForUs

The window manager project consisted of creating a content manager where it was possible for the user to organize their content across the screen, save and load their display layout.

Because there were multiple data sources with multiple formats generated in different time frames, the solution should be as flexible as possible in content consumption. The screen where this content would be displayed was more than 3 meters in length by more than 1 meter in height, occupying three Windows desktops and connected to a Creston automation solution.

A desktop application was developed that consumed content such as Microsoft Office files, videos, images, pdfs and web sites. This content was organized through a Dock Panel component and used APIs or components such as Office, Acrobat, and WebKit to display the content.

HTML pages have been generated with some javascript features for the user to display, for example, miscellaneous images without the need for IT intervention in content suitability.

For legal reasons, interfaces can not be readable.

Project start year: 2012

Duration: 6 moths
Position: Sr Consultant
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Front-end, Back-end, Coordinator
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Css3, HTML5, Xml, TFS, Linq, jQuery, Dock Panel, WebKit, Windows Forms, XLRunner, Kanban

The Analytics Module came from the need to centralize Log4Net and Elmah logs from all Siplex modules that were previously scattered in each module and were accessed by a local page that was not always updated by developers with patches or new features.

Analytics provided a common interface for accessing the log files, and there is no longer any code replication.

Another requirement was the issuance of audit reports and statistics on the use of servers and accesses, which were also issued by the system.

Analytics implements memory and processor data readers of the IIS server, via WMI, from the server where the Siplex modules are running and displaying this data through Highcharts graphics.

Some IT-related features, which are not business-related, have been added later and are used by the Siplex development team.

Project start year: 2012

Duration: Almost 4 months
Position: Sr Consultant
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css3, HTML5, TFS, Linq, Adobe Photoshop, Bootstrap, jQuery, Json, HighCharts, Log4Net, Elmah, WMI, IIS, JavaScript, Web Service

ForUs was born from the idea of facilitating the development of new prototypes and applications, creating a unique and consistent interface with several custom plugins, avoiding the need for the developer to adapt new components or change the design of the application. He was inspired by the article "How to Enhance Forms Using jQuery UI".

It is a non-obstructive framework, which uses three grid systems (12, 16 and 24 columns), using Css and HTML features along with jQuery and jQuery UI to create themes that are common and reusable for various ForUs applications. These applications also perform similarly across browsers, as well as adorning the good usability and interface practices used by Petrobras' team of designers.

Below is a diagram of the proposed architecture:

ForUs architeture

.Net layer:

Triggers calls from the Asp.Net WebForms and Asp.Net MVC server code to the Popup and Message components. In addition, there was a feature called Time Machine, which sent from the client to the server an HTML with formatting and data populated by the user, notifying some problem to the development team.

User Interface layer:

Where were the various ForUs components that interact with the user. They are configured through a basic setup and triggered according to the developer's need. For example, you can call the message component by writing two lines of code.

Data Format layer:

They are the general configuration points of ForUs, defining the basic grid system setup, font size, field validators, application theme and more.

jQuery UI ForUs Theme

Infrastructure layer:

It contains the ForUs Log system, which shows in the browser console the problems that occur and the ForUs APIs, which are called support methods, such as writing and reading a browser cookie or retrieving a parameter from the query string.

ForUs error page and log system

The project has been adopted by several modules of Siplex (Prodex, Drilling Rigs Schedule, etc.) and continues in use until today, but no more evolutions, only corrective maintenance due to the adoption of Bootstrap and increase the team's maturity in jQuery coding and JavaScript, facilitating the adoption of components available on the Internet.

For legal reasons, interfaces can not be readable.

Project start year: 2011
Duration: 2 years (Interleaved)
Position: Consultant, Sr Consultant
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Accenture, BRQ
Client: Petrobras
Technologies: C# .Net, Asp.Net, Asp.net MVC, Css3, HTML5, Xml, Web Services, TFS, Nuget, jQuery, jQuery UI, Json, JavaScript, Scrum, Kanban

The Exploratory Performance module was created to record and control the VDER (Economically Recoverable Volume) values of the wells. In other words, it is the system that records how much oil has been found in the reservoir that is economically viable to be recovered.

For legal reasons, interfaces can not be readable.

Project start year: 2010

Duration: Almost 4 months
Position: Sr System Analyst
Role: Designer, Front-end
Working for: Atos Origin
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css, HTML, TFS, Linq, Adobe Photoshop, jQuery, Json, nHibernate, Ninject, ForUs

Propex was requested by Exploration's need to control the flow of information related to Blocks, controlling from its possible acquisition to the return or passage to production.

Between the four main stages (Acquisition, Exploration, Well Site/Well and Closing), decision meetings suggest continuity or not for the next step. The official documents of each stage are stored for a possible audit in the future.

In this system I have been involved in the requirements survey, front-end and back-end design development. The system is evolving according to the evolution of the workflow it represents.

For legal reasons, interfaces can not be readable.

Project start year: 2010

Duration: Almost 7 months
Position: Sr System Analyst
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Atos Origin
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css, HTML, TFS, Linq, Adobe Photoshop, jQuery, Scrum

Pangea was born to be the georeferenced Exploration data display system. In addition to displaying Basins, Blocks and Wells, he still consolidated some data and colored, according to a selected theme, the items being displayed.

Classic Pangea interface

To start the system, a geometric features drawing component was created. This system was responsible for creating the polygons in the displayed images. By working through the generation of images at each iteration of the user, the system was slow, because if it was zoomed in or out, the whole image was recreated.

A few years later the system was rewritten and the feature design component was no longer used, passing the Google Maps API to be used instead.

Pangea ForUs interface

The system continues to be used, but now inside another larger data display system and has been named Classic Pangea.

I have been primarily at the front end of these systems and more recently I have worked on the backend to reconcile the functionality of Classic Pangea with the Pangea Panel, the new Data Visualization system from Exploration.

For legal reasons, interfaces can not be readable.

Project start year: 2009

Duration: Almost 1 year
Position: Sr System Analyst, Consultant, Sr Consultant
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Atos Origin, Accenture, BRQ
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css3, HTML5, Xml, Web Services, TFS, Linq, Nuget, Adobe Photoshop, Asp.net MVC 4, Bootstrap, jQuery, Json, nHibernate, Ninject, Google Maps API, ForUs

Encouraged by the success of the Drilling Rigs Schedule, a new system was created to control another important feature of the oil industry - seismic. The adoption of the new system was not as instantaneous as the Drilling Rigs Schedule, which eventually left the project with few evolutionary and corrective demands.

The project was recently rewritten under the name Geophysical Activities Tracking without the predecessor's drag-and-drop interface.

The original project was derived from the core of Drilling Rigs Schedule with the Java backend and jQuery UI interface.

For legal reasons, interfaces can not be readable.

Project start year: 2009
Duration: 6 months
Position: System Analyst, Senior System Analyst
Role: Designer, Front-end
Working for: Atos Origin
Client: Petrobras
Technologies: Java, Css, HTML, Oracle, Adobe Photoshop, jQuery, jQuery UI, Json, Scrum

Prodex is probably the most complex module of Siplex and is responsible for carrying out economic project evaluations, simulating production curves, production environment configurations, operating costs and cash flow.

With the use of Prodex, it is better to change the uncertainty with the operational costs during the entire production, thus making the project more economical for approval by those responsible.

The system was based on other legacy systems of simulation which made its development cycle slow, thus passing through the technological evolution of the .Net language.

It uses a proprietary ORM system developed by Petrobras and for the interface layer is used the ForUs. It is the largest system currently in production using ForUs. Communication with other modules is performed by WCF services.

For legal reasons, interfaces can not be readable.

Project start year: 2008

Duration: 4 years to 1st version and still in development
Position: Sr System Analyst, Consultant, Sr Consultant
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Atos Origin, Accenture, BRQ
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css, HTML, Xml, Web Services, TFS, Linq, Nuget, jQuery, Json, Ninject, ForUs, WCF

The Well Site module was initially designed to control technical meetings to approving or reject drilling of a well.

A few months later the initial purpose of the system became just one item in a larger workflow, the system being completely rewritten and moving to control the entire workflow of well site information until it was drilled.

First version user interface

In 2011 the database objects were mapped using nHibernate and the back end was rewritten to allow for integrations and greater scalability. This rewrite was a facilitator to consume and share data among various systems of Exploration.

I was actively involved in the initial two versions, getting distant at the time of nHibernate adaptation and re-acting during the adaptation of the Well Site Panel module.

For legal reasons, interfaces can not be readable.

Project start year: 2008

Duration: Almost 2.5 years all versions. Still in development.
Position: Sr System Analyst, Consultant, Sr Consultant
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Designer, Front-end, Back-end
Working for: Atos Origin, Accenture, BRQ
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css3, HTML5, Xml, Web Services, TFS, WCF, Linq, Nuget, Adobe Photoshop, Web API, Asp.net MVC 4, Bootstrap, jQuery, Json, nHibernate, Ninject

The purpose of this system is to follow up on a block acquired by Petrobras, showing the legal obligations assumed by the company, when it was carried out and the current state of the block for the company, indicating if there will be continuity or return of the block, for example.

My participation in this system was very punctual, setting up the basic interface of the first version and some punctual adjustments of design and usability, not acting on the back end.

The system was rewritten and gained a new interface in 2015, where again I acted punctually in some front-end settings. In the back end it has gained several services to provide data to the HDS.

For legal reasons, interfaces can not be readable.

Old Version

Project start year: 2008

Duration: Almost 7 months
Position: Sr System Analyst
Role: Developer, Designer, Front-end
Working for: Atos Origin
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css, Html, SourceSafe, Ajax Control Toolkit, Web Services, TFS, Linq, Adobe Photoshop

New Version

Project start year: 2015

Duration: Almost 7 months
Position: Sr Consultant
Role: Designer, Front-end
Working for: BRQ
Client: Petrobras
Technologies: C# .Net, Oracle, CSS 3, HTML 5, Web Services, TFS, WCF, Linq, Asp.Net MVC 4, Bootstrap, jQuery, Json, nHibernate, Ninject, Scrum, Kanban

The Drilling Rigs Schedule was born out of the need to control one of the most expensive and expensive resources in the oil industry. The oil drilling rig are features of slow locomotion and daily high cost, even while traveling to its destination.

The idea behind the timeline was to manage these resources in a way that optimized their travel and usage, thereby reducing the cost to the company, as well as centralizing long-term planning.

The project began as a Siplex module, but after a few years it grew in size, complexity and importance, making it an enterprise system that shares data with Siplex.

Drilling Rigs Schedule - ForUs interface

The application was done with the backend in Java and front end using jQuery, Json and Script.aculo.us. Later the interface was migrated to jQuery UI, later to ForUs and later to Bootstrap. Shortly before the migration to ForUs, the backend was migrated to Asp.net MVC 3 and C# in addition to the use of Node.JS.

The interface is web with drag and drop capabilities to position the wells on their respective oil drilling rig.

I have been in the project since its creation and I participated in creating and defining the layout of the application until his exit from the Siplex team.

Due to the values involved in the system, it is considered an important system for the Petrobras business.

For legal reasons, interfaces can not be readable.

Project start year: 2007 and still in development
Duration: 1 year and a half
Position: System Analyst, Senior System Analyst, Consultant
Role: Developer, Designer, Front-end
Working for: Atos Origin, Accenture
Client: Petrobras
Technologies: Asp.net MVC 3, Css3, HTML 5, Bootstrap, Oracle, TFS, Linq, C# .Net, Adobe Photoshop, jQuery, Script.aculo.us, Node.JS, jQuery UI, ForUs, Java, Json

ASBAC - Association of Servants of the Central Bank - of Rio de Janeiro is a non-profit entity that aims to maintain and develop cultural, recreational and sports activities always focused on the well being of members.

A partnership was established with Doble Informática, where I was responsible for the creation and maintenance of the entire website of the ASBAC-RJ.

The CMS project was customized to the needs of the company and was up for more than two years. It has already been replaced.

Project start year: 2007
Duration: 3 months for core development
Position: Self Employed
Role: Developer, Designer, Front-end, Back-end, Infrastructure Analyst
Working for: Doble Informática
Client: ASBAC-RJ
Technologies: Asp.Net, Css, HTML, C# .Ne t, Adobe Photoshop, JavaScript, Access, IIS, jQuery

Siplex Start is the module responsible for listing, according to the user profile, which modules the user has access to and which ones he can request through a justification to the coordinators.

Current Siplex Start interface

It has already had four different interfaces, but always maintaining the same functionality. This module is where the members of the Siplex team are listed as well as the Siplex user service phone.

I was responsible for the interface of the first three versions, and the current one is the creation of Eduardo Derbli, former designer of the team.

Project start year: 2007

Duration: 2 months
Position: Senior System Analyst
Role: Developer, Designer, Front-end, Back-end
Working for: Atos Origin
Client: Petrobras
Technologies: Asp.Net, Asp.net MVC 3, Css3, HTML 5, Bootstrap, Oracle, SourceSafe, TFS, Linq, C# .Net, Adobe Photoshop, jQuery, JavaScript

The Siplex Wallet module was part of Siplex in Visual Basic 6 and was migrated to Siplex Exploratory Projects during its rewriting. It was demanded by the managers that other actors were involved in the control of portfolio data, so the separation of the modules was necessary.

The survey of requirements and interface prototyping with users was carried out on my coordination.

It has adapted the entire access control system and new functionalities for project management and reporting. Another need was a hierarchical filter system with different access profiles and where the final result, the list of projects, could be saved and added to other results for possible scenario simulations.

Over the years other functionalities have been aggregated, such as consolidation charts (with Highcharts) and a simulator of project scenarios. The interface is the same until today, with some screens being included with a slightly different design and Bootstrap support.

For legal reasons, interfaces can not be readable.

Project start year: 2007
Duration: 1 year
Position: System Analyst
Role: Developer, System Analyst, Help Desk, Infrastructure Analyst, Designer, Front-end, Back-end
Working for: Atos Origin
Client: Petrobras
Technologies: C# .Net, Asp.Net, Oracle, Css, Html, Xml, UML, SourceSafe, Ajax Control Toolkit, Web Services, TFS, WCF, Linq, Nuget, Adobe Photoshop, Highcharts, Bootstrap, JavaScript

Segplus is a security company that has been operating in the market since 1999, preaching several services in the branches of security. Its headquarters are located in Niterói, in Rio de Janeiro.

The project was a partnership with Doble Informática where I was responsible for creating a WAP application for Nextel radios where a radio located in a Segplus surveillance station, which could not be removed from that station.

This system reduced the need for police to be moved to the surveillance station to check if security was present.

Another application created together was the Web Site to view the data and import them into the company's official point control application.

Project start year: 2006
Duration: 4 months for web site and wap application
Position: Self Employed
Role: Developer, Designer, Front-end, Back-end, Infrastructure Analyst
Working for: Doble Informática
Client: Segplus
Technologies: Asp.Net, Css, HTML, C# .Ne t, JavaScript, Access, IIS, XML, OpenWave Emulator, WAP

The Frugoni Group provides security consulting services, specialized labor supply, legal advice and training of security guards. With several years of market, the company currently provides services to major malls in Rio de Janeiro.

The project consisted of prototyping the web site and the logo for and company. Despite the prototype, the project has not had continuity and the company does not have Web Site until today.

Project start year: 2006
Duration: 1 month
Position: Self Employed
Role: Developer, Designer, Front-end
Working for: Grupo Frugoni (no web site)
Client: Grupo Frugoni
Technologies: Asp.Net, Css, HTML, C# .Ne t, Adobe Photoshop, JavaScript, Access, IIS, jQuery

In Rio Tur was a tourism company specialized in excursions carried out in luxury vehicles by local guide Patrícia and recognized by Embratur.

The work was to develop the entire Web Site, logo and content, performing the translation into the English and Spanish languages.

The site was a CMS tailored to the needs of the customer who stayed more than three years on the air.

Project start year: 2006
Duration: 3 months for core development
Position: Self Employed
Role: Developer, Designer, Front-end, Back-end, Infrastructure Analyst
Working for: In Rio Tur (Company closed)
Client: In Rio Tur
Technologies: Asp.Net, Css, HTML, C# .Ne t, Adobe Photoshop, JavaScript, Access, IIS

Francisco Jr

About me

I'mFrancisco Jr

Full stack developer and more

experience

Front-End Web Development

2003-2016

UI/UX Design

2003-2016

Back-End Development

2003-2016

Infrastructure

2003-2016

Mobile Apps

2015-2016

Other Things

2003-2016

service

Easily Customised

MODERN DESIGN

User Friendly

RESPONSIVE DEVELOPMENT

USER EXPERIENCE

Lovely Design

40000

18

21

34

4

15

Portfolio

Top 10 Posts

Labels

testimonial

Durval Borba

Manager @ Petrobras

Eduardo Derbli

Designer @ IBGE and Triplin

Carlos Eduardo

IT Consultant @ BRQ

SEND ME A MESSAGE