Overview presentation of Oracle JavaScript extension Toolkit (JET)

1. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle JavaScript Extension Toolkit
(Oracle JET) Overview
Steven Davelaar
@stevendavelaar
Oracle Mobile & Cloud A-Team

2. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
JavaScript Today – Proliferation of Frameworks and Libs
2

3. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Different Libraries, Different Purposes – What to Choose?
• Application Frameworks & Libraries
Angular, Knockout, Backbone, Ext, React, Ember, …
• Component Libraries
JQuery UI, Sencha, PrimeFaces, Ionic, Kendo UI, ..
• Module Systems
RequireJS, Browserify
• Build Systems
Grunt, Gulp, Brunch
• Testing Frameworks
Protractor, Jasmine, Qunit, Karma

4. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Enterprise Requirements First
4
• Stable, proven tool set
• Responsive Design
• Accessibility & Internationalization
• Data Visualization Capabilities
• Security
• Performance Optimization
• Conformance to (Emerging) Standards
• Empower Business Users
• Documentation & Support

5. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Introducing Oracle JET
5
• 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

6. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
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
6

7. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 7
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

8. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
JET UI Components
REST WebSocket
Knockout.JS
Business
Services
Data
ViewModel
View
JETRouting
System
Oracle JET Architecture
JET Common Model Model
JQueryUI Hammer SASS
Require.JSClient Browser
Server Side

9. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 9
Data Visualization Components - Charts

10. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 10
Data Visualization Components – Gauges

11. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 11
Data Visualization Components – Others

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

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

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

15. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |Copyright © 2015 Oracle and/or its affiliates. All rights reserved. 15
Demo Time…

16. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle JET cookbook – Step-by-step instructions
16

17. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle JET vs Oracle ADF – The Basics
Oracle 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
17

18. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. |
Oracle JET vs Oracle MAF– The Basics
Oracle 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
18