Oil&Gas Project Platform with Active Workspace in DNV GL · Angular JS / Java Script Widgets used. Declarative Tools and Info Panel. Declarative Sublocations. Enhancements that will

DNV GL © 2015 24 October 2017 SAFER, SMARTER, GREENERDNV GL © 2015

24 October 2017

Oil&Gas Project Platform with Active Workspace in DNV GL

1

DNV GL © 2015 24 October 2017

Agenda

▪ About us

▪ Our project, solution, team, timeline

▪ Short demo

▪ Architectural overview

▪ Usability

2


About us

3


About us

4


Our project, solution, team, timeline

5


TEAMCENTER – One-stop portal for project life cycle – Digital TwinMain concept of TEAMCENTER (1/2)

6

Uses the Product Lifecycle Management software Teamcenter from Siemens

Design

Construction

Operation

Asset

Correspondence Survey Checklists

Schedules

CalculationsModels

Technical Documents

Comments

Construction

Project

Product / Service

Lifecycle


Engineering

TEAMCENTER supports the Engineering processes as well as the Project Management processMain concept of TEAMCENTER (2/2)

7

Project Management


We are implementing different views based on the PLM platformOur solution

8

TEAMCENTERDNVGL TEAMCENTER

Customer Portal

DNVGL TEAMCENTER

Surveyor Portal


The solution is developed in different areas in the worldTEAMCENTER development team

9


Adjustments “Smart PM projects”

10

Teamcenter Project Schedule

PLM Vendor selection

Q1 Q3 Q4 Q1Q2

Consultant selection &

Project prep.

Sprint 1:“Agree on contract”

2016 2017

• Vendor evaluation

• Workshop with Dassault

• Negotiation with Dassaultand Siemens

• Development and presentation of Decision Matrix

• RFQ development & distribution

• Negotiation with PLM vendors

• Selection of consultant companies

• Resource planning

• Detailed project planning

• Charter for development project

• Development environment available

• Define operating model

Execution

Solution Design Sprints

9.2. 18.4.

Sprint 2:“Plan project”

Sprint 3:“Receive docs”

Sprint 4:“Review docs”

Sprint 5:“Issue comments”

Sprint 6:“Perform survey”

Sprint 7:“Conclude project”

Sprint 8:“Smart PM projects”

Sprint 9:“Activity based approval”

ReportsInterfaces to Oracle Finance, Affinitas, MDM hub, Partner, ProCalc, Written Verification Scheme

Harmonisation of templates & procedures

Roll out

Pilot Smart Admin

28.4. 20.2.

Trainings

Preparation trainings

Change Management

• Define first draft of solution design

• Define first draft for data model

• Resource staffing

Sprint 10:“Asset management”

Upgrade Web client

20.4.


Short demo

11


Short demo

12


Architecture Overview & Data Model

Examples- Document Upload

- Document Sublocation- Comment Handling

How to use a Optimum of Customization?

Upgrade to Active Workspace 3.3

13

Stefan Wehrstein


Integration and Security Solution

14

DNVGL Teamcenter

Microsoft Server

My DNVGL Administrative Network

Notification Framework

Company Management

Active

Workspace

DNVGL - Customizing

Rich

Client

Tc Server

Access Control

Cre

ate

Users

Manage P

roje

ct

DatabaseVolumes

Web

Tier

DNVGL - Customizing

▪ My DNVGL provides a existing

Infrastructure for digital

services provided by DNVGL to

End-Customers.

▪ My DNVGL allows us to do SSO

and covers the User

Management outside

Teamcenter.

▪ We created a set of integrations

that allows us to send Messages

into the existing Notification

Framework.

– This is used for example for

Workflow Messages or for

new Data Uploaded by a

Customer etc.

– The user can configure when

he wants to see messages.


Related Data

TC Project

Project Team

Member

Member

Participant

Project Manager

Participant

Bid Manager

Participant

Project Team

(+) Available in

Active Workspace

AP4_Project

AP4_Project Revision

Schedule

Project Schedule

Schedule Member

Member

Member

(+) Object Access

Project - Data Model Solution

15

Concept

Participants are added

automatically to Project

Team

Participants are added

automatically to Schedule

✓ Easy to Manage Project

Team

✓ Attached Project Schedule

Documents

Assets

(+) We implemented

back pointer to the

Project.

Folders


Comment

Documents

Example - Document Review Process

1. My DNVGL allows the

user to access

various digital

services.

2. The customer

provides the

document for design

verification using the

Customer Portal.

3. DNVGL approval

engineers will review

the documents &

issue comments.

4. The customer could

see the approved

comment letter’s in

the customer Portal.

16

Customer Portal

my.dnvgl.com

1

Platform

Design

Login

Page

2

3

Customer DNVGL

Comment

s

User

Management

Response

Comment

Letter

4

Fix

Issues

Project

reviews

issues

DNVGL Teamcenter


Declarative

Active Workspace – Declarative Customization Example for Uploading of Files

▪ We implemented some

custom dialogs in tool

and info panel.

▪ This Dialog is supporting

a Drag & Drop of Files

– Creating the correct

Document Type based

on selection.

– Creating the Relation

with the right Project

Folders.

– Filter valid types based

on the Folder selection.

– Create multiple

Documents in one

shot.

▪ Embedded Java Script

Drop file area.

17

GWT

Using the declarative approach this

Panel was implemented only using

JavaScript and HTML5 during the

upgrade to AW 3.2.

GWT Code was completely

removed.

Solution

Custom Tool &

Info Command.Declarative UI

Custom

JavaScript

Widget.


Project Documents – Sublocation

▪ The Project Data Model

allows us to create filtered

Sublocation that shows all

Projects for the Project.

▪ The show example

sublocation shows all

Documents for the

selected Projects.

▪ As one Project could have

thousands of documents,

the SOLR filter helps the

user to find the right

document.

▪ A similar implementation

was done for Projects and

Activities and other

Project depending objects.

18

Project

Location

Solution

Custom

Sublocation

SOLR Search with

preselected Filter

Custom Data

Provider


Document and Comment Handling

19

Comment Handling

as Digital Workflow

Uploaded

Documents

Solution

Custom

Sublocation

Integration with

PDF ViewerJavaScript

▪ The Project Data Model

allows us to create filtered

Sublocation that shows all

Projects for the Project.

▪ The show example

sublocation shows all

Documents for the

selected Projects.

▪ As one Project could have

thousands of documents,

the SOLR filter helps the

user to find the right

document.

▪ A similar implementation

was done for Projects and

Activities and other Project

depending objects.


How to use a optimum of customization?

Areas of Customized

Features:

✓ Custom Enhancements

are necessary to add

additional Features.

▪ Usability

Enhancements are

accepted for the ease

of use.

▪ Workarounds are done

to go around product

bugs and missing basic

capability.

20

OOTB Teamcenter

Custom Enhancements

Work

-

aro

unds

Usability

Configuration (declarative UI etc.)

What we already do:

✓ Role and Group based User

Interface.

✓ Angular JS / Java Script

Widgets used.

✓Declarative Tools and Info

Panel.

✓Declarative Sublocations.

Enhancements that will

come:

▪ More flexibility in the design

of the UI.

10% 10%

80%

Siemens

Presentatio

n Hint


Upgrade Efforts from AW 3.1 to 3.3

21

Implement

for AW 3.1

Implement for AW 3.2

Implement for AW 3.3

3.2 3.3

41

124

41

39

Customizations in 3.1

1. Locations 2. Tools and Info3. Command 4. Other

15

30

57

Upgrade Effort 3.2

20%

Effort in Days

GWT GWT + Angular JS Angular JS

30

34

210

Upgrade Effort 3.3

20%

- 70% GWT code

reduction.

- Modularized

Solutions.


UsabilityAngular AppsContinuous Integration

22

Thomas Gengenbach


Usability: Consistent Concepts

23

Navigation concept via the header section

Show running workflows

Different views for different roles

Remove clutter and save clicks

Additional information in information tools and info panel

Different tile set for different users

Project backpointer to jump to the project level

Parent folder backpointer to jump one level up from folders/documents

One-step commands to start important workflows including logic

Show what is necessary rather than what is available

Visible on Overview page as quick view


Usability: CSS

▪ Custom CSS themes for a cleaner

interface and consistent CI

– AWC 3.2: One big css file

– AWC 3.3: CSS split into main and

customizable part

24


Angular Applications for AW: Motivation

▪ Develop applications faster and independently from the AW

environment

– Supports Agile Development processes

– Testing (Unit testing with Karma.js / Test runner)

▪ Leverage big Web Developer / Web Designer community

– Use custom ORM mapper to decouple Teamcenter SOA

and Angular application

▪ Benefit from a huge variation of existing configurable

applications

– Code repository npm can be used to access a huge

amount of JavaScript packages

▪ Usage outside of AW possible

– Only SOA endpoint necessary

▪ Same CSS styles for seamless integration

25


Angular Applications for AW: Development

▪ Communication to Teamcenter through ORM-wrapped SOA calls

26

▪ Using ORM to build virtual objects from the database

▪ Build the app

DNV GL © 2015 24 October 201727


On the way to Continuous Integration: Source Code Management

▪ Necessity for Agile Development

▪ Several repositories to force developing

in modules and enforcing a build chain

– Feature branches referencing BMIDE

tag

– Repositories

– BMIDE

– Environment

– Server

– AW

– Others

28


On the way to Continuous Integration: Deployment

▪ Jenkins

– Uses tags in git as reference

– Build chain including deployment of

interfaces

Advantages:

▪ More quality in the development

– Testing not in only in the solitude of

the sandboxes, but in an integrated

environment

▪ Immediate building and deployment of

AW

▪ Focus on development of features

rather than getting code run

29


SAFER, SMARTER, GREENER

www.dnvgl.com

Many thanks for your attention!

30

[email protected]

+49 40 36 149 978