Phoenix Emulator PPT
- 1. Vineet Kumar Raju Yadava Indian Institute of Technology, BHU
- 2. © 2013 Unisys Corporation. All rights reserved. 2 Abstract The objective is to make an Emulator which do Emulation of Phonegap/Cordova app on a web browser with the help of simulated mobile hardware.
- 3. © 2013 Unisys Corporation. All rights reserved. 3 Background Work • Phonegap is a framework to develop cross-platform mobile applications. • It gives web developers an opportunity to use their skills for mobile apps development. • It also reduce the cost and resources for app development.
- 4. © 2013 Unisys Corporation. All rights reserved. 4 Problem Definition • There are no well known toolkit and development environment available for testing specifically targeting hybrid apps. • For testing the app one has to install the native toolkit of either android, windows phone or iOS
- 5. © 2013 Unisys Corporation. All rights reserved. 5 Existing Solution The existing solution which are available in market is very less and rare and have several limitations. Listing the popular one and there disadvantages as follows: 1. Ripple Emulator: • Best available emulator available. • Limited to Google Chrome. • Plugin has to be install in the browser. • Crash most of the time. 2. Opera Classic Mobile Emulator: • Limited to Opera Browsers only.
- 6. © 2013 Unisys Corporation. All rights reserved. 6 Proposed Solution • Create an emulator of Phonegap as a testing environment • This emulator can run such apps on popular web browsers. • Mobile hardware will be simulated using JavaScript and Shockwave Flash Objects.
- 7. © 2013 Unisys Corporation. All rights reserved. 7 Features • Cross platform • Multi browser compatible • Real-time Emulation, Simulation and Testing. • No Virtual Machine, No Extension, No plugin, No Installation required. • Offline mode • Cordova Cloud Build Integration
- 8. © 2013 Unisys Corporation. All rights reserved. 8 Advanced Features • Cross Phone Simulation (CPS) • Get Values from a real device in Real-time • AirTouch • Enable Touchscreen like feature with your hand gesture. • FaceZoom • Mobile window zoom change with your facial recognition. • Voice Commands • Control Emulator with your voice
- 9. © 2013 Unisys Corporation. All rights reserved. 9 System Architecture Emulator Web App Hardware Simulator Motion SensorsPhonegap.js Native Call Camera Location File Access
- 10. © 2013 Unisys Corporation. All rights reserved. 10 Development Environment • Simulation Controls • JavaScript • jsc3D : JavaScript Library for 3D Object Rendering • jQuery • JOB.js : Barcode Scanner Library • Ajax : Cross Phone Simulation • jStorage : Saving Data at local storage • Gest.js : JavaScript Library for Hand Gesture Support • Headtrackr.js : JavaScript Library for Face Recognition • Web Speech API: Voice Commands • Shockwave Flash Object • scriptCam : Library to access Camera.
- 11. © 2013 Unisys Corporation. All rights reserved. 11 Development Environment • Interface Design • HTML • CSS • JavaScript • jQuery • bootstrap • Apprise : For Interactive Alert Box
- 12. © 2013 Unisys Corporation. All rights reserved. 12 Deployment Environment • Operating Systems : • Windows • Mac (Unix) • Linux • Web Browsers : • IE10+ • Chrome • Firefox • Opera • Netscape Navigator
- 13. © 2013 Unisys Corporation. All rights reserved. 13 Future Scope • Upcoming Features: • Browse for Local apps. • Zipping/Uploadng web assets. • Feasible Enhancements • Plugin/ Add-ons for web browsers. • Plugins for IDE such as Visual Studio, Eclipse, Xcode.
- 14. © 2013 Unisys Corporation. All rights reserved. 14 Conclusion This emulator and its cross-platform nature will bring a revolution to mobile application development and future of hybrid apps and will live long last like a Phoenix. • Phoenix is a long-lived bird that is cyclically regenerated or reborn. Hence this emulator is named as Phoenix Emulator. • Commercially this can be use to host on a server, where developers register themselves and use our products. • Commercialized plugin and add-ons for web browsers and IDE.
- 15. © 2013 Unisys Corporation. All rights reserved. 15 Demonstration
- 16. © 2013 Unisys Corporation. All rights reserved. 16 Page 16 Questions ? Time – 10 minutes