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 JavaScript. Show all posts
Showing posts with label JavaScript. 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 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

2015 - Siplex Geophysical Activities Tracking


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

2013 - Well Site Panel


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

2013 - Siplex Play Analysis


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

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, Oracle, Css3, HTML5, Xml, Web Services, TFS, Linq, Bootstrap,  jQuery, Json, nHibernate, Ninject, Foreca API, RSS, Kanban, ForUs

2012 - Siplex Window Manager


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

2012 - Siplex Analytics


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

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

2007 - ASBAC RJ Web Site



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# .Net, Adobe Photoshop, JavaScript, Access, IIS, jQuery

2007 - Siplex Start


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

2006 - Segplus WAP Application


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# .Net, JavaScript, Access, IIS, XML, OpenWave Emulator, WAP

2006 - Frugoni Group Web Site


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# .Net, Adobe Photoshop, JavaScript, Access, IIS, jQuery

2006 - In RioTur Web Site


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# .Net, Adobe Photoshop, JavaScript, Access, IIS

2006 - Siplex Administration


The Siplex administration module was created to centralize the access control of users of the modules. It was possible to register new modules, access profiles and user roles.

A component was used to provide the complete user profile to the module, which utilized integrated authentication, to allow or deny user access to that module. Recently this information was made available through the model's ORM mapping (nHibernate) and Rest services.

The module had an interface update in 2008, remaining to this day.

For legal reasons, interfaces can not be readable.

Project start year: 2006
Duration: 8 months (created and adapt the other systems)
Position: System Analyst
Role: Developer, Designer, Front-end, Back-end
Working for: Atos Origin
Client: Petrobras
Technologies: Asp.Net, Css, HTML, jQuery, Oracle, Web Services, WCF, Asp.Net Web Api, Adobe Photoshop, nHibernate, ORM, Linq, Nuget, JavaScript

2006 - Siplex Community


The Siplex Community was born from the need to exchange technical information among Siplex users. It started as a forum where it was possible to post messages and files and users could comment. After a while, it became only a repository of files.

It was recently rewritten updating front-end and back-end.

For legal reasons, interfaces can not be readable.

Old Version
Project start year: 2006
Duration: 3 months
Position: System Analyst
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Atos Origin
Client: Petrobras
Technologies: Asp.Net, Css, HTML, Oracle, SourceSafe, TFS, C# .Net, JavaScript

New Version
Project start year: 2014
Duration: 1 month
Position: Sr Consultant
Role: Developer, Designer, Front-end
Working for: BRQ
Client: Petrobras
Technologies: Asp.net MVC 3, Css3, HTML 5, Bootstrap, Oracle, TFS, Linq, C# .Net, Adobe Photoshop, jQuery, JavaScript

2003 - Net Wolf Microsoft Community


Net Wolf was a community for disseminating Microsoft infrastructure and development technologies primarily in enterprise environments. It started its activities in 2004 and worked for two years, being deactivated due to the scheduling conflicts of its founders, myself and my colleague Carlos Eduardo, since the events usually occurred during business hours.

During the period of activity, we were affiliated with Culminis and Ineta.

We received formal thanks from Microsoft for the services provided to the community.

formal thanks from Microsoft to Net Wolf

We develop the entire Web Site, logo, vignette and educational material available on the site, in addition to releasing exclusive Microsoft material.

The site was a CMS focused on easy navigation, content indexing, newsletter submission, event calendar, scorecard and user management. 

Project start year: 2003
Duration: 3 months for core development
Position: Self Employed
Role: Developer, Designer, Front-end, Back-end, Infrastructure Analyst
Working for: Self Employed
Client: Myself
Technologies: Asp.Net, Css, HTML, C# .Net, Adobe Photoshop, JavaScript, Access, IIS

2003 - Carvalium Software Web Site


Development of the entire Carvalium site, domain that was registered to sell my hardware, software and utilities inventory solutions. The company did not make any sales, since soon after the development of the site, I started working as a developer and signed an exclusivity agreement, which would not allow me to continue my private projects.

Project start year: 2003
Duration: 2 months
Position: Self Employed
Role: Developer, System Analyst, Designer, Front-end, Back-end
Working for: Self Employed
Client: Myself
Technologies: Asp.Net, Css, HTML, C# .Net, Adobe Photoshop, JavaScript, IIS

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

SEND ME A MESSAGE