oracle jet overview

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

Oracle JavaScript Extension Toolkit (Oracle JET) Overview

Steven Davelaar@stevendavelaarOracle Mobile & Cloud A-Team

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

JavaScript Today – Proliferation of Frameworks and Libs


Different Libraries, Different Purposes – What to Choose?• Application Frameworks & Libraries

Angular, Knockout, Backbone, Ext, React, Ember, …

• Component LibrariesJQuery UI, Sencha, PrimeFaces, Ionic, Kendo UI, ..

• Module SystemsRequireJS, Browserify

• Build SystemsGrunt, Gulp, Brunch

• Testing FrameworksProtractor, Jasmine, Qunit, Karma


Enterprise Requirements First• Stable, proven tool set• Responsive Design• Accessibility & Internationalization• Data Visualization Capabilities • Security• Performance Optimization• Conformance to (Emerging) Standards• Empower Business Users• Documentation & Support


Introducing Oracle JET

• A modular, enterprise-ready toolkit • Simplifies development with a JavaScript/HTML5/REST stack• Targeted at intermediate to advanced JavaScript developers• Based on collection of Open Source Libraries• Supports both web and mobile (hybrid) development• Extensive documentation and code samples


Oracle JET - Value Proposition• Enterprise ready - built-in accessibility, security, internationalization• 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• Modular architecture – use what you need, lightweight and fast • Optimized for Oracle customers – Supports Oracle Alta UI and Oracle REST


Oracle JET – Open Source Libraries

Hammer

RequireJS

jQueryUI

jQuery

Knockout.js

Two way data binding

Resource Management

Widget Factory

DOM manipulation + Ajax

Touch Gesture Support


JET UI Components

REST WebSocket

Knockout.JS

Business Services

Data

ViewModel

View

JET R

outing S

ystem

Oracle JET Architecture

JET Common Model Model

JQueryUI Hammer SASSRequire.JS

Client Browser

Server Side


Data Visualization Components - Charts


Data Visualization Components – Gauges


Data Visualization Components – Others


Data Collections


Layout and Navigation


Grid and Responsive


Oracle JET cookbook – Step-by-step instructions


Oracle JET vs Oracle ADF – The BasicsOracle ADF Oracle JET

Who is it for Java Developer JavaScript Client Developer

Where it runs Server Client

Development Experience Declarative Code centric

Target platform Web Apps Web and Mobile Apps

Based on Java EE Open source JS libraries

Architecture MVC MVVM

Data Services ADF BC, EJB/POJO, SOAP, REST REST, JSON

Customization & Backward Compatibility MDS and XML based Develop Your Own

Development Tools JDeveloper / OEPE Any

Integrated Solutions SOA, BI, WebCenter Application Builder Cloud Service

What Oracle Builds with it SaaS applications PaaS products


Oracle JET vs Oracle MAF– The BasicsOracle MAF Oracle JET

Who is it for Java Developer JavaScript Client Developer

Development Experience Declarative Code centric

Target platform Mobile Apps Web and Mobile Apps

Based on Java 8 Compact 2 Open source JS libraries

Architecture MVC MVVM

Customization & Backward Compatibility MDS and XML based Develop Your Own

Development Tools JDeveloper / OEPE Any

Integrated Solutions Mobile Accelerator (MAX) Application Builder Cloud Service

oracle jet overview

Software