Custom Development

using
SAPUI5 ( HTML5) in NDC
National Drilling Company
Abdul Raheem Seyed
29th May, 2013
Dubai UAE.
Agenda
NDC Profile
SAP UI Technologies @ NDC
HTML 5 Introduction
JQUERY / JSON / REST / ODATA
SAPUI5 Introduction
Why SAPUI5
Landscape Options
Application Architecture
SAPUI5 Selection criteria
Recommendations
Limitations
Demo
Discussion
NDC Corporate Profile
Founded in 1972
Fully owned by Abu Dhabi National Oil Company
(ADNOC)
Operates Offshore and Onshore Rigs
Services
Offshore Drilling
Onshore Drilling
Ground Water Research Program
Directional & Horizontal Drilling
Barge Services
Wireline Services
Logging Services
NDC Vision & Mission
Vision
To be the regional symbol of excellence in providing quality
and efficient drilling, workover and associated services.
Mission
Drill and Workover Oil, Gas & Water wells and provide
associated well services, ensuring highest standards in
Health, Safety and Environment and Asset Integrity.
SAP UI Technologies @ NDC
ABAP
Dynpage
Webgui
( ITS)
Java
WebDynpro
Java
Composite
Applications
( CAF )
ABAP
WebDynpro
Floor Plan
Manager
( FPM )
SAPUI5
HTML5
JQuery / JSON / REST / ODATA
JQuery JS Library
JSON Data Exchange Format
REST Architecture Style
ODATA Protocol
Why HTML5?
Impressive user friendly UI
Any Screen on Any Device
Unmatched Extensibility
Efficiency and Performance
Parallel development, Outside in development
approach ,Faster development life cycle
HTML5 Frameworks
and more
SAPUI5
SAP Delivered HTML5 Framework
- Enterprise ready extensive and intuitive controls
- Mobile specific controls
- Predefined Themes
- Sample Code
- Test Suite
- Can be enhanced to build custom controls
- Runs on any of the existing SAP platform
Landscape Options
SAP
NetWeaver
Java 7.31
SP5
SAP
NetWeaver
ABAP 7.0
and above
with UI Add-
On
SAP HANA
XS SP5
SAP Unwired
Platform 2.2.1
Server
Development Tool
SAP repository team provider
SAPUI5 SDK for eclipse
NDC Landscape
SAPUI5 SDK for eclipse
SAP NetWeaver
ABAP 7.01 SP7
+
UI Add-on
For
Netweaver ABAP
Server
Development Tool
Application Architecture
ABAP Classes
REST Services
JSONModel
JS Views
JS Controlers
SOA
MVC at UI layer
SAPUI5 Application
HTML5 Selection Criteria
Mobile Device access required in near future
Application requires rich functionalities such
as Multimedia, 3D Graphics, Charts, etc.
No need of WebDypro features such as
interactive forms, etc.
Recommendations
Define UI patterns for unified look and feel before
development
Finalize JSON format initially for parallel development
Maintain urls and global variables in a separate JS file
Extra care needs for handling resource cache
For the rest services create
services in a predefined nodes
in the ICF hierarchy
Limitations
No WYSIWYG editor available for development
No minified JS Library
No interactive form support or similar
functionality for printing
Demo