Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Partner Webcast – Developing Hybrid Mobile Applications with Oracle JET

480 views

Published on

Oracle Javascript Extension Toolkit is a modular open source toolkit based on modern JavaScript, CSS3 and HTML5 design and development principles. It is a collection of open source JavaScript libraries along with a set of Oracle contributed JavaScript libraries that make it as simple and efficient as possible to build applications that consume and interact with Oracle products and services.

[Read More @ https://blogs.oracle.com/imc/entry/hybrid_mobile_applications_oraclejet]

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Partner Webcast – Developing Hybrid Mobile Applications with Oracle JET

  1. 1. 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
  2. 2. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  3. 3. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  4. 4. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle JET Overview 6
  5. 5. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle JET A modular, enterprise-ready toolkit that simplifies development with a JavaScript/HTML5/REST stack 7
  6. 6. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  7. 7. 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
  8. 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. 9. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | • 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
  10. 10. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | • Tooling agnostic • NetBeans JET Plugin • Developer Cloud Service Tooling
  11. 11. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Mobile Tooling for Oracle JET 13
  12. 12. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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 WindowsAndroid
  13. 13. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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 WindowsAndroid
  14. 14. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  15. 15. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | • Tooling agnostic • NetBeans JET Plugin • Developer Cloud Service Tooling for Development
  16. 16. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle Mobile Apps in Mobile Cloud Service 18
  17. 17. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 19 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.
  18. 18. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle Mobile Cloud Service Oracle Cloud Cloud/Internet On-Premise Mobile Client SDKs Custom APIsMobile Backend Connectors REST APIs Diagnostics Analytics Lifecycle Node JavaScript SDK Oracle MAF Utility Platform APIs Notifications User Services Storage Database Data Offline App Policies
  19. 19. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  20. 20. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Summary and Q&A 22
  21. 21. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  22. 22. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Demo Scaffolding a Hybrid JET App and Consuming Mobile Cloud API 24
  23. 23. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Architecture 25 MOBILE CLOUD SERVICE JET APPLICATION CONTACTS (CUSTOM API WITH SAMPLE DATA) MCS CORDOVA SDK REST CONNECTION
  24. 24. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 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
  25. 25. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Q&A Oracle IMC blog: http://blogs.oracle.com/imc Oracle ECEMEA Partner Hub Homepage: http://oracle.com/goto/hub-ecemea Oracle IMC Mail: partner.imc@beehiveonline.oracle.com Twitter: http://twitter.com/oracleimc Facebook: http://facebook.com/oracleimc LinkedIn: http://linkedin.com/groups/OracleIMC-4535240 Google+: http://plus.google.com/+OracleIMC
  26. 26. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | Oracle Partner Hub EMEA Innovation & Modernization Center Partner.IMC@beehiveonline.oracle.com twitter.com/OracleIMC facebook.com/OracleIMC plus.google.com/+OracleIMC youtube.com/user/OracleIMCTeam linkedin.com/groups/4535240 blogs.oracle.com/imc
  27. 27. Copyright © 2015, Oracle and/or its affiliates. All rights reserved. | 29

×