partner webcast – developing hybrid mobile applications with oracle jet

Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |

Developing Hybrid Mobile Apps with Oracle JET

Gökhan Göksu IMC MW Consultant Oracle Partner Hub Innovation & Modernization Center Feb 02, 2017


Safe Harbor Statement

The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.

4


Program Agenda

Oracle JET Overview

Mobile Tooling for Oracle JET

Oracle Mobile Applications in Mobile Cloud Service

Demonstration

Summary & Q&A

1

2

3

4

5

5


Oracle JET Overview

6


Oracle JET A modular, enterprise-ready toolkit that simplifies development with a JavaScript/HTML5/REST stack

7


Oracle JET Features

• Enterprise ready - built-in accessibility, security, internationalization

• Modular architecture – use what you need, lightweight and fast

• Rich components set - including data visualization

• Advance routing - for single page applications

• Common model – for simplified data binding with web services

• Built-in responsive UI - at both the CSS and JS level

• Based on Open-Source - leverage existing skills and community knowledge

• Optimized for Oracle customers – Supports Oracle Alta UI and Oracle REST

8

Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 9

Oracle JET – Open Source Libraries

Hammer

RequireJS

jQueryUI

jQuery

Knockout.js

Two way binding

Resource Management

Widget Factory

DOM manipulation + Ajax

Touch Gesture Support


JET UI Components

REST WebSocket

Knockout.JS

Business Services

Data

ViewModel

View

JE

T R

ou

ting

S

yste

m

Oracle JET Architecture

JET Common Model Model

JQueryUI Hammer SASS Re

qu

ire.J

S

Client Browser Server Side


• Application Builder Cloud Service

• Data Visualization Cloud Service/BI Cloud Service

• Sites Cloud Service

• Identity Cloud Service

• Management Cloud

• Mobile Cloud Service

• Developer Cloud Service

• Business Activity Monitoring

• And Many Others

Oracle JET Usage Inside Oracle Examples


• Tooling agnostic

• NetBeans JET Plugin


Tooling


Mobile Tooling for Oracle JET

13


Oracle JET for Mobile Applications

• Utility for packaging a hybrid on-device app

• Native UI themes

• Mobile gesture support

• Mobile behavior support

• Responsive UI templates

14

IOS

Windows

Android


New Features: Mobile Native Theming Support • Native themes are

designed to be used with Cordova to create a hybrid mobile app

• Mobile Native Theming Support for:

– iOS

– Android

– Windows

IOS

Windows

Android


New Features: Common Mobile Paradigms • Mobile users have come to

expect certain UI behaviors & interactive gestures from native apps

• JET adds support for the most common mobile patterns & provides many demos with sample code

Animations

Off-canvas elements

Pull to refresh

Swipe Sticky

headers

Indexing

Progressive data loading

JET now supports many Native Mobile Paradigms


• Tooling agnostic

• NetBeans JET Plugin


Tooling for Development


Oracle Mobile Apps in Mobile Cloud Service

18


Making mobile simple

Oracle Mobile Cloud Service

MOBILE CLOUD SERVICE

Engaging front-end experience

Enterprise grade backend

Systems of Record & Services

A set of Cloud-based mobile services designed to make app development & integration quick, secure & easy to deploy.


Oracle Mobile Cloud Service

Oracle Cloud

Cloud/Internet

On-Premise

Mobile Client SDKs

Custom APIs Mobile Backend Connectors

REST APIs

Diagnostics Analytics Lifecycle

Node

JavaScript SDK

Oracle MAF Utility

Platform APIs

Notifications User Services Storage Database Data Offline App Policies


Custom APIs give you the chance to take the ugly, horrible mess of on premise legacy enterprise endpoints, combined with 3rd party web services, and turn them into optimized endpoints for mobile consumption.

Custom APIs • Beyond prebuilt Platform APIs

• Build your own Custom APIs

– Define RESTful endpoints

– Implemented in Node.js

– Consume Connectors

• Expose through Mobile Backends

– Can be reused

– Protected by roles


Summary and Q&A

22


Summary

• Open Standards and Existing Skills

• Community Support

• Modular client side applications developed faster

• Integration with other apps or full-stack solution

• Build for different form factors and mediums

23


Demo Scaffolding a Hybrid JET App and Consuming Mobile Cloud API

24


Architecture

25

MOBILE CLOUD SERVICE

JET APPLICATION CONTACTS (CUSTOM API WITH SAMPLE DATA)

MCS CORDOVA SDK REST CONNECTION


Additional Resources

www.oracle.com/webfolder/technetwork/jet/index.html

26

Oracle JET

https://twitter.com/OracleJET

https://www.facebook.com/OracleJET/

https://cloud.oracle.com/tryit

http://www.facebook.com/FusionMiddleware

http://twitter.com/OracleMiddle

http://www.youtube.com/oraclefusionmiddle


Q&A Oracle IMC blog: http://blogs.oracle.com/imc

Oracle ECEMEA Partner Hub Homepage: http://oracle.com/goto/hub-ecemea

Oracle IMC Mail: [email protected]

Twitter: http://twitter.com/oracleimc

Facebook: http://facebook.com/oracleimc

LinkedIn: http://linkedin.com/groups/OracleIMC-4535240

Google+: http://plus.google.com/+OracleIMC


Oracle Partner Hub EMEA Innovation & Modernization Center

[email protected]

twitter.com/OracleIMC

facebook.com/OracleIMC

plus.google.com/+OracleIMC

youtube.com/user/OracleIMCTeam

linkedin.com/groups/4535240

blogs.oracle.com/imc

mailto:[email protected]

partner webcast – developing hybrid mobile applications with oracle jet

Technology