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.

Hybrid mobile development with Oracle JET

625 views

Published on

NetBeans Day Bangalore 2017 event. Covered following topics:
Overview: Native, Web and Hybrid Apps
Cordova based JET Hybrid Application
Code and Demo
Development of Oracle JET Hybrid mobile applications using NetBeans IDE

Published in: Software
  • Login to see the comments

  • Be the first to like this

Hybrid mobile development with Oracle JET

  1. 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. 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. 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
  4. 4. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Overview: Native, Web and Hybrid Apps
  5. 5. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Native Apps Confidential – Oracle Internal/Restricted/Highly Restricted5 NATIVE APPLICATION 000111 110010 101010 DEVICE APIs
  6. 6. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Web Apps Confidential – Oracle Internal/Restricted/Highly Restricted6 BROWSER <html> <head> <script src
  7. 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. 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
  9. 9. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | App Development Comparison
  10. 10. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Cordova based JET Hybrid Application
  11. 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
  12. 12. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Cordova Application Architecture
  13. 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. 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. 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
  16. 16. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Code & Demo
  17. 17. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Demo
  18. 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
  19. 19. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | Thank-you!
  20. 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

×