1© 2013 PointSource, LLC1699: BUILDING EXCELLENT MOBILEAPPLICATIONS WITH IBM WORKLIGHTAARON SHOOK Senior Software Architec...
2© 2013 PointSource, LLCIBM WORKLIGHT AT A GLANCE• The Worklight Platform helps…– Quickly develop and deploy mobile apps– ...
3© 2013 PointSource, LLCMOBILE DEVELOPMENT CHALLENGES• Mobile Device Platform Complexity– Huge number of mobile operating ...
4© 2013 PointSource, LLCMOBILE DEVICE PLATFORM COMPLEXITY• Operating systems are released frequently– 8 iOS updates in a y...
5© 2013 PointSource, LLCOS COMPLEXITY EXAMPLE:ONE YEAR OF IOS CHANGES AND AVERAGE COSTSDate iOS Version Native cost Workli...
6© 2013 PointSource, LLCRUNTIME SKINS HANDLE DEVICE SPECIFIC COMPLEXITYSkins provide support for multiple formfactors in a...
7© 2013 PointSource, LLCWORKLIGHT APPLICATION CENTERMANAGES APPLICATION VERSIONINGThe Worklight Application Centerenables ...
8© 2013 PointSource, LLCWORKLIGHT ALLOWS DIRECT UPDATES ON THE DEVICE1. Web resources packaged with app to ensure initial ...
9© 2013 PointSource, LLCCONNECTIVITY TO ENTERPRISE SYSTEMS• In order to be useful, mobile applicationsmust interface with ...
10© 2013 PointSource, LLCWORKLIGHT ADAPTERS FOR ENTERPRISE CONNECTIVITYUniversalitySupports multiple integration technolog...
11© 2013 PointSource, LLCADVANCED CONNECTIVITY WITH CAST IRONConnect Your Cloud and On-Premise Applications in Days
12© 2013 PointSource, LLCMOBILE SPECIFIC DESIGN CONCERNS• Applications have evolved over time from dumb terminal to thick ...
13© 2013 PointSource, LLCSTANDARDS BASED PROGRAMMING WITH THE RICHPAGE EDITOR• Worklight allows creation ofmobile applicat...
14© 2013 PointSource, LLCMOBILE BRANDINGHybrid Worklight applications• Re-use CSS from webapplications to ensureconsistent...
15© 2013 PointSource, LLCGESTURE SUPPORT• Mobile users are accustomed to beingable to use pinch-zoom, flip, tap, drag,and ...
16© 2013 PointSource, LLCCOMMON PATTERN EXAMPLESCarouselSpringboard• The mobile carousel allows users to rapidly swipe thr...
17© 2013 PointSource, LLCDISCOVER WHAT’S WORKING AND WHAT ISN’T – AND WHYTEALEAF CX MOBILE• Visibility into user success &...
18© 2013 PointSource, LLCChallengesTBC Corporation wanted to ensure that itscustomers had a consistent experiencewhether t...
19© 2013 PointSource, LLCINTERNET CONNECTIVITY LOSS• Mobile applications must adapt to multiple states of internetconnecti...
20© 2013 PointSource, LLCDETECTING CONNECTION LOSS• Worklight enables developers to detect connection loss and handlethe s...
21© 2013 PointSource, LLCOFFLINE DATA SUPPORT• On-device, mobile database support– Embedded JSON mobile database– JavaScri...
22© 2013 PointSource, LLCUNIFIED PUSH NOTIFICATIONSPollingAdaptersMessage-basedAdaptersUnifiedPushAPIPlatformSpecificDispa...
23© 2013 PointSource, LLCVisit Us on the Web Contact Us Via Email Contact Us Via Phonewww.pointsourcellc.com info@pointsou...
24© 2013 PointSource, LLCGive feedback on Worklight at the following customerfeedback sessions:TMD-1020: Roundtable: IBM W...
Upcoming SlideShare
Loading in …5
×

Building Exceptional Mobile Applications With IBM Worklight

5,730 views

Published on

As application patterns have shifted over time, Worklight is built to optimize integration, reuse skills, and deliver mobile apps faster.

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,730
On SlideShare
0
From Embeds
0
Number of Embeds
2,437
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • Low cost 3 person months, Medium 10 months of work, high cost 24 months of work. Average blended cost of employee $10k/mo
  • Worklight Studio 5.0 contains a new rich page editor for building UI of mobile apps. The editor enables developers to create HTML files by dragging HTML5 components and Dojo Mobile components from a build-in palette to the HTML canvas, and using property sheets to control HTML and CSS properties of the components. At the same time, the editor allows direct editing of HTML and CSS files, automatically updating the graphical canvas so that developers can immediately perceive the outcome of their changes. The editor is integrated with Worklight's optimization framework, allowing developers to view a specific application environment or skin.
  • 1 – Dispatching notifications by polling back-end apps or receiving back-end-originated events2 – Uniform server-side API for pushing notifications via Apple, Android, BlackBerry and SMS3 – Maintaining push state of each user and device details4 – Dispatching the notification via the appropriate notification service5 – Uniform client-side API for subscribing to notifications and handling them on the device6 – Monitoring and controlling notification delivery; Statistics of notification delivery
  • Building Exceptional Mobile Applications With IBM Worklight

    1. 1. 1© 2013 PointSource, LLC1699: BUILDING EXCELLENT MOBILEAPPLICATIONS WITH IBM WORKLIGHTAARON SHOOK Senior Software Architect, PointSourceTODD KAPLINGER Senior Technical Staff Member, IBMIBM IMPACT 2013 Conference
    2. 2. 2© 2013 PointSource, LLCIBM WORKLIGHT AT A GLANCE• The Worklight Platform helps…– Quickly develop and deploy mobile apps– Reach more devices and more users– Deliver exceptional mobile experiences– Ensure application security on mobile devices– Utilize existing IT infrastructure– Use existing skills and toolsAs application patterns have shifted over time, Worklight is builtto optimize integration, reuse skills, and deliver mobile apps faster
    3. 3. 3© 2013 PointSource, LLCMOBILE DEVELOPMENT CHALLENGES• Mobile Device Platform Complexity– Huge number of mobile operating systems and device formfactors to support.• Connectivity to enterprise systems– Connecting to legacy systems in a standard fashion is difficultand time consuming• Mobile specific design concerns– Mobile apps are different than web apps and so are the usagepatterns.• Internet connectivity loss– Connectivity can be lost at any time and the application musthandle this change gracefully.
    4. 4. 4© 2013 PointSource, LLCMOBILE DEVICE PLATFORM COMPLEXITY• Operating systems are released frequently– 8 iOS updates in a year. 12 Android updates when including allpermutations.– In late 2011, Google changes their notification mechanism whichbroke many notification capabilities of Android apps.• Device form factors are numerous– Apple has two distinct iPhone screen sizes (along with a non-retina version) and the same for the iPad– Android is much more complex, with a recent study showing3,997 distinct device form factors
    5. 5. 5© 2013 PointSource, LLCOS COMPLEXITY EXAMPLE:ONE YEAR OF IOS CHANGES AND AVERAGE COSTSDate iOS Version Native cost Worklight cost Savings3/7/12 5.1 medium low $56k5/7/12 5.1.1 low none $24k9/19/12 6.0 high medium $112k11/1/12 6.0.1 medium none $80k12/18/12 6.0.2 low none $24k1/28/13 6.1 medium low $56k2/6/13 6.1.1 low none $24k2/19/13 6.1.2 low none $24kTotals 8 Version changes $528k $128k $400kLow cost 3 person months, Medium 10 months of work, high cost 24 months of work. Average blended cost of employee $10k/mo.
    6. 6. 6© 2013 PointSource, LLCRUNTIME SKINS HANDLE DEVICE SPECIFIC COMPLEXITYSkins provide support for multiple formfactors in a single executable file for devicesof the same OS family.• Different screen sizes• Different screen densities• Different input methodsSkins are a sub-variant of an environmentpackaged in a single appDecision on which skin to use is doneautomatically at runtimeDeveloper-controlled JavaScript file run at appstartup determines which skin to load
    7. 7. 7© 2013 PointSource, LLCWORKLIGHT APPLICATION CENTERMANAGES APPLICATION VERSIONINGThe Worklight Application Centerenables companies to easily set up anenterprise app store for theirenterprise.The Application Center provides: Administrators with fine-grainedcontrol over the distribution ofmobile apps across theenterprise, including ACL andLDAP support; Employees with one-stopshopping for the latest appsneeded optimized for their deviceand mechanisms for deliveringfeedback Developers with an easy way todistribute mobile builds and elicitfeedback from development andtest team members.Public App StoresWorklight ApplicationCenterDevelopment Team ProvisioningApp Feedback ManagementEnterprise App Provisioningand Governance2
    8. 8. 8© 2013 PointSource, LLCWORKLIGHT ALLOWS DIRECT UPDATES ON THE DEVICE1. Web resources packaged with app to ensure initial offline availability2. Web resources transferred to apps cache storage3. App checks for updates on startup and foreground events4. Updated web resources downloaded when necessaryWorklightServerNative ShellPre-packagedresources1 Download4 Update webresourceApp StoreWebresourcesCachedresources2 Transfer3 Check forupdates
    9. 9. 9© 2013 PointSource, LLCCONNECTIVITY TO ENTERPRISE SYSTEMS• In order to be useful, mobile applicationsmust interface with enterprise systems– Some of the programming modelstypically used to access these systemsdo not exist for mobile.– This integration can be complex andtime-consuming.• Existing enterprise systems use a widevariety of different standards andprotocols, adding to complexity.– SOAP, direct SQL, REST (both JSONand XML), JNI, RNI, etc. can all existwithin enterprise servicesSOAPSQLRESTJNIRNIESBHTTP
    10. 10. 10© 2013 PointSource, LLCWORKLIGHT ADAPTERS FOR ENTERPRISE CONNECTIVITYUniversalitySupports multiple integration technologies and back-end informationsystemsRead-only as well as Transactional CapabilitiesAdapters support read-only and transactional access modes to back-endsystemsFast DevelopmentDefined using simple XML syntax, and easily configure withJavaScript APISecurityUse of flexible authentication facilities to create connections withback-end systemsAdapters offer control over the identity of the connected userCachingCaching utilized to store retrieved back-end dataTransparencyData retrieved from back-end applications is exposed in a uniformmanner regardless of the adapter typeQueryUpdatedataData/Resultas JSONInvokeadapterprocedureSQL SAPWorklightSOAPResponse12 34Caching MechanismLDAP JMS CAST IRONREST
    11. 11. 11© 2013 PointSource, LLCADVANCED CONNECTIVITY WITH CAST IRONConnect Your Cloud and On-Premise Applications in Days
    12. 12. 12© 2013 PointSource, LLCMOBILE SPECIFIC DESIGN CONCERNS• Applications have evolved over time from dumb terminal to thick apps toweb apps to mobile.– Each type of application required different design patterns that were learnedover time and mobile is no different.• Mobile application patterns are very different from web patterns– Both usefulness and beauty are required– Gestures are not optional– Re-use common patterns– User experience becomes even more important
    13. 13. 13© 2013 PointSource, LLCSTANDARDS BASED PROGRAMMING WITH THE RICHPAGE EDITOR• Worklight allows creation ofmobile applications usingindustry standards– Use HTML5, CSS, and JavaScript topower your mobile app– 3rd Party library integration to industrystandard libraries• The rich page editor provides adrag and drop palette of commonmobile componentry.• The mobile browser simulatorspeeds development by allowingthe developer to test instantly.
    14. 14. 14© 2013 PointSource, LLCMOBILE BRANDINGHybrid Worklight applications• Re-use CSS from webapplications to ensureconsistent branding• All mobile platforms can sharethe same base CSS, giving aconsistent experience.• Standards-based branding thatall developers are familiar withNative applications• No CSS support. Must attemptto re-brand natively, which ismore difficult.• Each mobile platform’sbranding/colors must becreated independently.• Proprietary branding for eachcomponent.
    15. 15. 15© 2013 PointSource, LLCGESTURE SUPPORT• Mobile users are accustomed to beingable to use pinch-zoom, flip, tap, drag,and rotate gestures.– Users will assume these are available inscenarios where they make sense.– Not having them available makes the app appear poorly designed orwith mobile as an afterthought.• Worklight’s third party libraries provide an easy way to incorporatesupport for these gestures into your mobile application
    16. 16. 16© 2013 PointSource, LLCCOMMON PATTERN EXAMPLESCarouselSpringboard• The mobile carousel allows users to rapidly swipe through content• The springboard provides a home page that lets users jump to the maintasks within the application
    17. 17. 17© 2013 PointSource, LLCDISCOVER WHAT’S WORKING AND WHAT ISN’T – AND WHYTEALEAF CX MOBILE• Visibility into user success & failure– Automatic detection of customer struggle, obstacles or issues– Understand customer feedback for making improvements– Visibility into your mobile usage across the user base, site and apps• Accelerate time-to-market– Eliminate poor quality to deliver winning mobile services– Identify cause without having to update or re-launch your services– Rapidly evaluate mobile features – adoption, success & failurepoints• Make the right mobile investments– Quantify business impact to prioritize decisions: fix, invest, remove– See the actual usage of mobile services rather than the expected
    18. 18. 18© 2013 PointSource, LLCChallengesTBC Corporation wanted to ensure that itscustomers had a consistent experiencewhether they visited the company’s websitesfrom a PC or a mobile device.SolutionTBC implemented IBM® Worklight software,which helps enable the company to write asingle instance of code that it can deploy onmultiple mobile device platforms, such asAndroid and Mac iOS.Benefits Significantly shortens the time to market formobile applications Supports a consistent user experience acrosschannels and platforms Reduces the time and resources required formobile application development“Our mobile application portfolio requires completeflexibility of the UI so we can address customer needs inour user experience with total control. The IBM Worklightplatform allows us to manage that through standard webdevelopment technologies.”— John Anthony Capriotti, vice president fore-commerce and web, TBC CorporationTBC CORPORATION CREATES A CONSISTENT MOBILE USEREXPERIENCE USING IBM WORKLIGHT
    19. 19. 19© 2013 PointSource, LLCINTERNET CONNECTIVITY LOSS• Mobile applications must adapt to multiple states of internetconnectivity:– Wifi connectivity– Lost connection during use– No connection– Slow legacy connection (e.g. AT&T edge network)• Not handling these scenarios is not an option for mobile applicationsthat strive for excellence.
    20. 20. 20© 2013 PointSource, LLCDETECTING CONNECTION LOSS• Worklight enables developers to detect connection loss and handlethe scenario in a graceful manner.• Active detection– Detect connection loss and handle when attempting to make anoutbound connection– Handle connection failures gracefully.• Passive detection– Utilize a heartbeat within Worklight to detect when connectivity hasended– Move application into offline mode and disable all actions that absolutelyrequire connectivity.
    21. 21. 21© 2013 PointSource, LLCOFFLINE DATA SUPPORT• On-device, mobile database support– Embedded JSON mobile database– JavaScript APIs to store, query andupdate the data in offline mode– Encrypt sensitive data, using a keyprovided by developer or obtained asuser’s password– Server-to-client Sync: Retrieve, store and keep data storeup-to-date using adapters– Client-to-server Sync: Simplify write actions on data whilethe app is offline and send these actions to the server Offline available Reliable Scalable Encryptable Syncable
    22. 22. 22© 2013 PointSource, LLCUNIFIED PUSH NOTIFICATIONSPollingAdaptersMessage-basedAdaptersUnifiedPushAPIPlatformSpecificDispatcher
    23. 23. 23© 2013 PointSource, LLCVisit Us on the Web Contact Us Via Email Contact Us Via Phonewww.pointsourcellc.com info@pointsourcellc.com 1-877-843-7481Connect With UsThank you!
    24. 24. 24© 2013 PointSource, LLCGive feedback on Worklight at the following customerfeedback sessions:TMD-1020: Roundtable: IBM Worklight, Mobile applicationplatform, Discussion and FeedbackWhere: Venetian - Zeno 4709When: Tue, 30/Apr, 05:15 PM - 06:15 PMWed, 1/May, 03:45 PM - 04:45 PMExperience Worklight in the following lab sessions:TMD-1031: Hands-On Lab: IBM WorklightWhere: Venetian - Murano 3205When: Thu, 2/May, 08:45 AM - 11:15 AM

    ×