An IBM Proof of TechnologyIntroduction to Application Developmentwith Worklight                                     © 2012...
IBM SoftwareAgenda    Worklight Studio and application basics    Visual Tooling and device simulation with Worklight Studi...
IBM SoftwareWorklight Studio – based on standard, open technologies    Familiarity    • Based on well-proven technologies ...
IBM SoftwareWorklight Studio – multiple application architectures    Mobile Web – server hosted HTML5, JavaScript, CSS, re...
IBM SoftwareWorklight Studio – seamless integration with 3rd-party mobile tools    Embedded Apache Cordova     – Provides ...
IBM SoftwareWorklight Studio – cross-platform code base    Common elements stored in the    common folder    •HTML, JavaSc...
IBM SoftwareAgenda    Worklight Studio and application basics    Visual tooling and device simulation in Worklight Studio ...
IBM Software    Worklight Studio - visual UI construction                                                                 ...
IBM SoftwareWorklight Studio – build, package and test applications                                                       ...
IBM Software     Worklight Studio – preview in Mobile Browser Simulator •   Perform device specific tests in the Mobile Br...
IBM SoftwareAgenda     Worklight Studio and application basics     Visual Tooling and Device Simulation in Worklight Studi...
IBM SoftwareWorklight Studio - developing adapters     • An Adapter is a transport layer used by the       Worklight Platf...
IBM SoftwareWorklight Studio - developing and testing adapters                                                            ...
IBM SoftwareAgenda     Worklight Studio and application basics     Visual Tooling and Device Simulation in Worklight Studi...
IBM Software     Native build and test with device SDKs •   Final Studio step before testing on real devices       • Build...
IBM Software16             IBM Mobile Foundation PoT - Introduction to Application Development with Worklight   © 2012 IBM...
IBM Software        ITALIAN                 HINDI                      FRENCH                              JAPANESE       ...
IBM SoftwareReference materialsFor more information: IBM Worklight Training Modules   – http://www-01.ibm.com/software/mob...
Upcoming SlideShare
Loading in...5
×

IBM Mobile Foundation POT - Part 2 introduction to application development with Worklight presentation

1,638

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,638
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
118
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

IBM Mobile Foundation POT - Part 2 introduction to application development with Worklight presentation

  1. 1. An IBM Proof of TechnologyIntroduction to Application Developmentwith Worklight © 2012 IBM Corporation
  2. 2. IBM SoftwareAgenda Worklight Studio and application basics Visual Tooling and device simulation with Worklight Studio Developing Worklight Adapters Native build and test with device SDKs2 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  3. 3. IBM SoftwareWorklight Studio – based on standard, open technologies Familiarity • Based on well-proven technologies like Eclipse, HTML5, CSS, JavaScript, JSON. • Little training needed for current web developers. Strength of an open Ecosystem • New innovation available as soon as the standards contributors produce the tools and libraries. Flexibility • Able to adapt to changes in prevalent technologies, switch as needed. • Not tied to a proprietary, single-vendor strategy.3 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  4. 4. IBM SoftwareWorklight Studio – multiple application architectures Mobile Web – server hosted HTML5, JavaScript, CSS, remotely accessed with an on-device web browser Hybrid – mobile web content with access to device features, packaged in a native device application and deployed on the device Mixed - hybrid + native pages in the same packaged mobile application Native – fully native applications leveraging Worklight’s client API4 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  5. 5. IBM SoftwareWorklight Studio – seamless integration with 3rd-party mobile tools Embedded Apache Cordova – Provides access to device features from a JavaScript API (formerly known as Phonegap) Optional Third Party tools – Simplified mobile programming models – Optimized mobile experience – Device-specific styling options Freedom of choice – Consistency with existing tool choices – Maximize existing skills – Options: choose none, one, multiple or bring-your-own5 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  6. 6. IBM SoftwareWorklight Studio – cross-platform code base Common elements stored in the common folder •HTML, JavaScript, CSS •Worklight API usage •3rd party tools usage Named Environment directories (android, blackberry, iphone, etc…) •Generated as Environments are added to the project •Platform-specific code •Environment-specific user optimizations • Over-ride default behaviors & styles • Behavior and branding changes6 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  7. 7. IBM SoftwareAgenda Worklight Studio and application basics Visual tooling and device simulation in Worklight Studio Developing Worklight Adapters Native build and test with device SDKs7 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  8. 8. IBM Software Worklight Studio - visual UI construction Worklight Design Perspective Mobile Views Rich Page Editor Palette • Select which view • Source, Design and Split • Drag and drop visual displays in design tab views elements into the Editor • Modify view properties • UI rendering using pane. • Create and delete browser engine, synched • Offers HTML constructs mobile views with source pane and Dojo widgets8 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  9. 9. IBM SoftwareWorklight Studio – build, package and test applications Build and Deploy Package the Worklight Application and deploy to Studio’s lightweight web container Preview Launch the Mobile Browser Simulator for device-specific rendering and testing9 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  10. 10. IBM Software Worklight Studio – preview in Mobile Browser Simulator • Perform device specific tests in the Mobile Browser Simulator, during development. • Change device types, orientation, device settings (GPS loc, compass, etc…) • Supports Cordova and Worklight client API10 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  11. 11. IBM SoftwareAgenda Worklight Studio and application basics Visual Tooling and Device Simulation in Worklight Studio Developing Worklight Adapters Native build and test with device SDKs11 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  12. 12. IBM SoftwareWorklight Studio - developing adapters • An Adapter is a transport layer used by the Worklight Platform to connect to various back-end systems. • Executed on Worklight server • Implemented in JavaScript by default • Can be custom-coded in Java Query Response • Simple client-side JavaScript invocation model Update through Worklight client API 2 3 data • Adapters are used for: • Retrieving information SQL CastIron HTTP • Performing actions Data/Result • Out of the box Adapter support: 1 Invoke adapter as JSON • SQL Adapter procedure 4 • HTTP Adapter (supports both REST and SOAP) • CastIron Adapter (optimized for HTTP data exchange with CastIron integration appliance)12 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  13. 13. IBM SoftwareWorklight Studio - developing and testing adapters (1) Implement Adapter procedures (2) Deploy Adapter to embedded web container 1 2 (3) Invoke Adapter Procedure 313 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  14. 14. IBM SoftwareAgenda Worklight Studio and application basics Visual Tooling and Device Simulation in Worklight Studio Developing Worklight Adapters Native build and test with device SDKs14 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  15. 15. IBM Software Native build and test with device SDKs • Final Studio step before testing on real devices • Build and launch applications in Eclipse-enabled device SDK emulators • Build and launch applications external device SDKs15 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  16. 16. IBM Software16 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  17. 17. IBM Software ITALIAN HINDI FRENCH JAPANESE BRAZILIAN PORTUGUESE SIMPLIFIED CHINESE TRADITIONAL CHINESE SPANISH RUSSIAN TAMIL THAI GERMAN ARABIC We appreciate your feedback. Please fill out the survey form in order to improve this educational event.17 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  18. 18. IBM SoftwareReference materialsFor more information: IBM Worklight Training Modules – http://www-01.ibm.com/software/mobile-solutions/worklight/library/ IBM Worklight User Documentation – http://www-01.ibm.com/software/mobile-solutions/worklight/library/v50/documentation/18 IBM Mobile Foundation PoT - Introduction to Application Development with Worklight © 2012 IBM Corporation
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×