Hello, nice to meet you!

Francisco Jr

Front-end Developer Back-end Developer Mobile Developer Infrastructure Analysist Portugal is my passion Photography is another passion Cooking too!

About me

Hello

I'mFrancisco Jr

Full stack developer and more

I have been working with computers since I was 16 years old. I started doing support for my friends, soon making it my profession. I attended my second degree in electronics, then I graduated in computer networking and finally postgraduate in analysis, project and systems management.
I have worked in several companies over the last 20 years, such as Atos Origin, Accenture, BRQ and Stefanini, with Petrobras as customer, where I spent 15 years working in the Exploration and Production (E&P) area.
I worked in one of the company's main systems, Siplex, where I worked in more than 22 systems and countless tasks, from infrastructure, back-end development, front-end development and project coordination.

English Curriculum Vitae:

Normal Europass

Portuguese Curriculum Vitae:

Normal Europass More about me

experience

Front-End Web Development

2003-2016

I worked with Bootstrap and jQuery UI, using grid systems, responsive design, media queries, HTML 5 and CSS 3. Knowledge of Javascript, ES6 and Typescript, in addition to working and prospect components like Highcharts and Google Maps.

UI/UX Design

2003-2016

Creation of sketches and prototypes in paper and HTML to determine, according to the requirements survey or use case, the best interface for the user, focusing on usability and reduction of clicks. Using Photoshop to create and edit images.

Back-End Development

2003-2016

Knowledge of several programming languages, such as C #, Python, Java and SQL, as well as Oracle database and SQL Server. Use of ORM tools and frameworks such as nHibernate and Entity Framework.

Infrastructure

2003-2016

Advanced knowledge of Windows and IIS servers, as well as Team System as code repository. Automation knowledge with VBS and PowerShell scripting as well as development of Windows service applications.

Mobile Apps

2015-2016

Development of WAP, UWP and Android applications, as well as adaptation of web sites for responsiveness in mobile devices.

Other Things

2003-2016

Knowledge of Scrum, Kanban and ITIL. I participated in external and internal audits and generated documentation for the system, training and infrastructure.

40000

LINES OF CODE

18

PROGRAMMING LANGUAGES

21

YEARS PROGRAMMING

34

PROJECTS

4

AWARDS AND ACKNOWLEDGMENTS

15

COMPANIES I SERVED

Portfolio

Showing posts with label Json. Show all posts
Showing posts with label Json. Show all posts

2015 - Siplex Pangea Panel


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 HighChartsGoogle MapsAlmende TimelinedhtmlxGantt 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, OracleCss3HTML5XmlWeb ServicesTFSWCFLinqNugetWeb APIAsp.net MVC 4Bootstrap,  jQueryJsonnHibernateNinject, TypeScript, HighCharts, Google Maps API, Almende Timeline, DataTables, Select2, Linq.js, Metro UI 3dhtmlxGantt

2015 - Siplex HDS


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, OracleTFSWCFLinqNugetWeb APIJsonnHibernateNinjectQuartz.Net

2013 - Siplex Feed Giop


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, OracleCss3HTML5XmlWeb ServicesTFSLinqBootstrap,  jQueryJsonnHibernateNinject, Foreca APIRSSKanbanForUs

2011 - Siplex ForUs


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

2009 - Siplex Seismic Schedule


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: JavaCssHTMLOracleAdobe PhotoshopjQueryjQuery UI, Json, Scrum

2007 - Siplex Drilling Rigs Schedule


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 jQueryJson 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 3Css3HTML 5BootstrapOracleTFSLinqC# .NetAdobe PhotoshopjQuery, Script.aculo.usNode.JS, jQuery UIForUs, Java, Json

testimonial

Dear Francisco and staff, Our experience in the development of this solution was very rich. We were able to express our need and build the solution in a collaborative way with multidisciplinary TIC and EXP teams. The way of integrating the teams, using the collaborative resources (meeting room with stations and displays) facilitated the design of the application. The Well Site Panel (Painel de Locações) today is one of the main tracking tools for exploratory well planning. The speed of access, ease of navigation and the clarity of the information has aided the decision making process. In addition to the actual application, the constructive process provided corrections and improvements in the attributes of the well planning process, as well as improvements in correlated support tools. The Well Site Panel (Painel de Locações) has been and will be the catalyst for the improvement of other SIPLEX applications. A big hug and thanks for the partner.

Durval Borba

Manager @ Petrobras

Francisco is a complete professional, of those who "play in the 11". Infrastructure, back-end development, front-end development, nothing is a mystery to this competent and committed professional.

Eduardo Derbli

Designer @ IBGE and Triplin

Francisco added value to the project by developing a Framework to standardize the use of WEB interface resources of the applications developed by the team.

Carlos Eduardo

IT Consultant @ BRQ