Hybrid mobile development with Oracle JET

1. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Hybrid Mobile Development with Oracle JET Rohit Dhamija Principal Product Manager, Cloud Application Development, Oracle India Private Limited April 29, 2017 Confidential – Oracle stricted

2. Copyright © 2016, 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. Confidential – Oracle Internal/Restricted/Highly Restricted2

3. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Program Agenda Overview: Native, Web and Hybrid Apps Cordova based JET Hybrid Application Code and Demo 1 2 3 Confidential – Oracle Internal/Restricted/Highly Restricted3

7. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Hybrid Apps Confidential – Oracle Internal/Restricted/Highly Restricted7 NATIVE CONTAINER DEVICE APIs <html> <head> <script src PLUGINS

8. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Native, Web or Hybrid Apps? Confidential – Oracle Internal/Restricted/Highly Restricted8 NATIVE APPLICATION 000111 110010 101010 DEVICE APIs BROWSER <html> <head> <script src NATIVE CONTAINER DEVICE APIs <html> <head> <script src PLUGINS

11. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Introducing Cordova • Wraps HTML/JavaScript into a native container •Target multiple platforms with one code base •Free and open source Supported Platforms

13. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Development nuts and bolts Resources Node Package Manager Git Yeoman ,Grunt, Bower & Oracle JET Apache Cordova Mobile Platform SDK NetBeans IDE

14. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Create, Build and Serve a JET Hybrid Application Command line Use NetBeans Plugin!1. Scaffold a Hybrid Mobile Application with Yeoman Example: yo oraclejet:hybrid app --appName="Sample" --template=navbar --platforms=android 2. Build Example: grunt build --platform=android 3. Serve Example: grunt serve --platform=android --destination=device

15. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Oracle JET Hybrid App Directory Structure Contains the platform-specific Cordova Plugins, added cordova-plugin-googlemaps Site root for your application

18. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | References • Cloud Developer Solution Blogs , link: https://community.oracle.com/community/cloud_computing/oracle-cloud- developer-solutions/blog/authors/Rohit%20Dhamija-Oracle

20. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Safe Harbor Statement The preceding 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. Confidential – Oracle Internal/Restricted/Highly Restricted20