Build Hybrid Mobile Apps using Oracle Jet

February 14,2017

Oracle JET framework is a very good framework that includes support for hybrid mobile applications that run on iOS, Android, and Windows mobile devices within the Apache Cordova container. Apache Cordova uses latest web technologies such as HTML5, CSS, and JavaScript to develop applications that you can deploy to mobile devices very quickly. Cordova JavaScript APIs has also access on native device services for major mobile platforms such as Android, iOS, and Windows can be supported from a common code base.

To support hybrid mobile development, the Oracle JET framework includes the following features:

  • Native themes that you can use with Cordova to create hybrid mobile applications that emulates the look and feel of native iOS, Android, and Windows mobile devices
  • Tooling that enables you to scaffold and build Cordova-based hybrid applications using Oracle JET directly from the command line
  • Code samples, applications, and demos that you can use to create hybrid mobile applications using Oracle JET best practices. In this blog, I will show you how to deploy a sample Oracle Jet HR web App as a mobile App in any Android device
  • Mobile UI behaviors and interactive gestures such as animation, sticky headers,pull to refresh, and swipe to reveal
  • If you will be using the tooling framework to create web or hybrid mobile applications, you should also be familiar with the following technologies.
  • HTML5 and CSS
  • Knockout JS
  • Other Javascript module like - Require JS, Yeoman (YO), D3 Js
  • Node Js
  • Grunt, Bower, NPM, GIT
  • Cordova for Mobile
  • You can check my other blogs for details related to these technologies. Today I will tell you how to setup a hybrid mobile apps in Android device. For Android development – first install following components.
  • Install Android studio and SDK and necessary APIs to generate ADB or to support direct USB debugging options with Android device and also enable developer options in that device with USB debugging options. (steps are available in android sites or in YouTube ) example:
  • How to Install Android Studio SDK and Java JDK 8 in Microsoft Windows 10
  •  To enable remote debugging on attached Android devices following the instructions at:
  • Now Install :
  • Git
  • Node.js (Install latest stable version)
  • Yeoman: npm install -g yo
  • Grunt: npm install -g grunt-cli
  • Bower: npm install -g bower
  • Oracle JET Yeoman Generator: npm install -g generator-oraclejet
  • Cordova: npm install -g cordova
  • Now Scaffold a Web Application with Yeoman: Use the Yeoman generator to scaffold a that contains a blank template or one pre-configured with a basic layout, navigation bar, or navigation drawer. Each pre-configured template is optimized for responsive web or hybrid mobile applications. Sample commands: yo oraclejet:hybrid [directory] [--appid=application-id] [--appname=applicationname][--template={template-name:[web|hybrid]|template-url}] [--platforms=android,ios,windows|--platform=android|ios|windows][--help] This will create a directory structure like following:

  • Now download the work better sample demo web app (Oracle Jet) from this link
    A) Now extract the contents of file.
    B) Now remove/rename the src folder under mobile app folder.
    C) copy WorkBetter extracted folder under under mobile app and rename it as src
    D) now connect mobile phone with the desktop and enable USB debugging and run following commands grunt build --platform=android
    grunt serve --platform=android --destination=device Mobile App will be generated and will install inside the mobile and you can now start using that app. Also find the APK file location, if you like to distribute that into the others phones. and app will look like following:

    #REST,#Oracle Jet,#Oracle,#Mobile