Your SlideShare is downloading. ×
0
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Portal at the Speed of Light
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Portal at the Speed of Light

1,515

Published on

In this session, you'll learn techniques for extending your IBM Websphere Portal to mobile applications across iOS and Android devices. Experts from our User Experience team will demonstrate how to …

In this session, you'll learn techniques for extending your IBM Websphere Portal to mobile applications across iOS and Android devices. Experts from our User Experience team will demonstrate how to easily build IBM Worklight applications that integrate with personalization and web content features provided by Portal. You'll see how to use tools such as IBM Web Experience Factory and IBM Web Content Manager and how to leverage capabilities such as Portlet Services and mobile themes to develop a mobile application running on IBM Worklight in both online and offline modes. At the end of this session, you will be ready to take advantage of the IBM Worklight entitlement provided by IBM to take your Portal to the mobile world!

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

  • Be the first to like this

No Downloads
Views
Total Views
1,515
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
76
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Good morning. I am Handly Cameron, an IBM Champion and Technology Manager for Prolifics for our social and mobile solutions. I have been working with Lotus technologies since Notes 3.0 in 1993 and have worked extensively with Portal, WebSphere, and mobile technologies. I’m Laks Sundararajan, IBM Champion and Solution Architect @ Prolifics. I have extensive experience in WebSphere and mobile technologies and have executed several large scale engagements.
  • Ok, What do we have in store for you today. We will start with a quick overview of Multi channel websites, applications and Worklight. You might have heard about this from other sessions so we intend to keep it short. After that, we will discuss various approaches for building multi-channel applications. We intend to showcase 5 different approaches today and summarize our discussions. Time permitting, we would do a speed round and conclude with a Q&A session.
  • First, let’s talk about the need for sites and applications that provide access across channels. How many people here are carrying 3 or more mobile devices right now? See! There are people in this room who have more devices than they have hands!
  • Many customers, including myself, now work across devices. I work with my iPad open next to my Mac and routinely interact with the same applications across my phone, iPad, and laptop while at my desk. I even know people who have started using their iPad as their main screen and an iPad mini for their interaction I expect that the applications and businesses I work with will allow me to use the appropriate user experience for each interaction, whether it is through a mobile Portal site, through a mobile device, or even through business interactions triggered from telemetry or geolocation updates. I also want these applications to be in sync, all the time. Some examples of this might include: Ordering products on the web and tracking the delivery on your phone Or the opposite: Read reviews and add to cart while at the store, complete the order when you get home You might check off or approve workflow items on your mobile, but do deeper content creation and project management on your laptop.
  • You need a way to provide a consistent integrated web experience across multiple channels (desktop browser, smartphones, tablets, etc..) while providing an experience that takes full advantage of the user’s device and its ecosystem. IBM provides many tools to deliver this experience. The core of our presentation is to help you understand how to leverage all of these tools together.
  • Poll: Who Worklight overall Worked with Worklight Studio Built apps with Web Experience Factory How many of you have built a mobile web site or application?
  • Worklight Studio is a free development environment that includes visual design tools for Dojo Mobile and JQuery, code, and an embedded test server environment. It also hooks into the device SDKs such as Anrdoid and Apple’s xCode to provide device emulation and native coding capabilities. Let’s Take a Look The Worklight server provides application services, including version management, data synchronization and integration, and a unified push notification system. Laks will go into detail on these later in our talk. One area we won’t cover much is that the server can also provide an internal Enterprise App Store to allow you to publish and manage applications within your organization. Included in the Worklight server (and in your Studio test environment) is the Worklight Console. Show the Console , mention application updates, version control, and locking. The final component of Worklight is the runtime application shell. Let’s look at that in more detail …
  • On the device, Worklight runs as an application shell. This shell manages application updates and communication with the server. Your application itself runs as an HTML5 page in an embedded webkit browser with authentication, offline data storage and skinning capabilities. Included in the shell is the Apache Cordova (aka PhoneGap) extension library that gives you easy access to native device features such as the camera, GPS, contacts, etc.
  • Let’s talk about how the application updates work. Once you have developed your application, you will publish it to an app store, to an internal OTA site or enterprise app store, or push it out using MDM tools. The application will include the Worklight shell and all HTML, Javascript, images, and other resources you have built into the application. When the application first starts, it will load these resources into the internal cache, then check back with the Worklight server to see if there are any updates to load. Finally, the application will launch and run your application. This process is a key to how we will integrate Worklight and Portal as we can also load HTML pages and resources from other sources such as Portal or Web Content Manager.
  • You need a way to provide a consistent integrated web experience across multiple channels (desktop browser, smartphones, tablets, etc..) while providing an experience that takes full advantage of the user’s device and its ecosystem. IBM provides many tools to deliver this experience. The core of our presentation is to help you understand how to leverage all of these tools together.
  • HANDOVER TO LAKS
  • Thanks Handly. Now that we have a good overview of Multi channel applications and Worklight what are the things to consider before we choose an approach with IBM Worklight? The most common questions are – Does my business mandate an App in AppStore? Do I need to provide Offline access to consumers? Generally, we have seen that a website caters to the entire business while a mobile application focuses on a specific area. For example, GEICO has a mobile application for Auto insurance and they provide a nice feature where the ID card could be stored offline to device so that it could be accessed in a disconnected mode. In future, I wouldn’t be surprised if there is a feature called ‘Report an Accident’ that lets you take a picture, add geo co-ordinates and file a report at an accident site. The other question that keeps popping up is reusability. How could I leverage existing infrastructure to cater to mobile world? Could I reuse my content across multichannel devices and personalize markup based on individual device? Could I use the same authentication mechanism across devices? The answer in one word is ‘Yes’ it is very much possible. We will discuss each of these points and summarize our findings as we discuss techniques for integrating Worklight.
  • Now that we have a fair idea of the things that are discussed before working on a mobile app lets get into approaches we have in place for integrating IBM Worklight with Portal. The first couple of approaches are Standalone ones – How to leverage existing Portal infrastructure to cater to multi-channel world and how to leverage Worklight to build a Mobile application. Next we talk about how Worklight and Portal could co-exist i.e Worklight could leverage existing Portal infrastructure to host application pages or Worklight could leverage existing Portal to host personalized content. Finally, we talk about how Worklight could integrate with backend systems – Cast-iron and MQ
  • Responsive Web Design – Off late responsive web design has been gaining lot of traction in Non-App world. It could also referred as ‘Design Once Run Everywhere’ – the ability to resize content across devices by employing flexible layouts would be the way to go in such a scenario. Websites like Boston Globe etc. The first approach is a pretty simple one. Let us say Portal infrastructure is present and requirement is to provide multi channel capabilities. However, the nature of business is such that there is no requirement to have an AppStore presence nor is the need to provide offline capabilities except for browser caching. In such a situation, WebSphere Portal could leverage on Responsive themes and Web 2.0 capabilities to cater to multiple channels through single code base.
  • Approach1: Responsive Web Design – Works across devices We add the missing piece here (Mobile/Tablet/Desktop browser) and show various interactions with Portal and Backend systems. A number of customers whose business requirements do not mandate and AppStore presence or native capabilities have taken this approach and implemented it successfully. Jyske Bank
  • Response Theme is OOB in Portal 8.0.0.1 – you have seen it before – available in download – quick walkthrough
  • Enhanced experience
  • Multiple columns
  • Rich content from WCM
  • Inline editing
  • Multichannel view
  • The second approach is about using IBM Worklight to provide an end-end mobile solution. If the business requirement mandates that an AppStore presence is required along expected lines of Push Notifications, Offline storage etc. and no WebSphere Portal currently exists WL could help develop device independent apps targeting leading mobile platforms. WL provides adapters that helps talk to backend systems and Unified Push notification API provides an abstraction layer for all supported platforms. WL – Unified Push API Unified APU for tab bars Adapters Authentication
  • Approach 2: Standalone Worklight Deployment The detailed architecture diagram is shown here. WL App has a copy of HTML resources and as explained before changes could be pushed from WL server to the App through prepackaged updates without going through an AppStore update process. WL also provides necessary infrastructure to connect to backend systems and massage the output data to required formats. JSON Synchronization Marchon example No portal, no worries – WL addresses all your mobile needs!
  • Approach 3: Using Portal to host Worklight application pages How do we get the best of both solutions. U have Portal, U have WL – Can both work together?
  • Approach 3: Using Portal to host Worklight application pages How do we get the best of both solutions. U have Portal, U have WL – Can both work together?
  • Approach 3: Using Portal to host Worklight application pages How do we get the best of both solutions. U have Portal, U have WL – Can both work together?
  • Approach 3: Using Portal to host Worklight application pages How do we get the best of both solutions. U have Portal, U have WL – Can both work together?
  • Approach 4: Personalized Content driven by WCM Benefits of WCM: Business users drive content Content leverages the personalization engine in USE WCM TO ENGAGE DYNAMIC CONTENT FROM BUSINESS USERS Business values – Site is content heavy. News site. eCommerce promotion site ----- This approach is slightly different from Approach 3 in the sense that it is content heavy. If Portal is part of existing infrastructure as before and the site is content heavy with lots of personalization and business rules – then WL makes it easier to provide a mobile presence by integrating with Portal as before. Some examples of content heavy sites could be news sites or ecommerce applications that provide newsletter functionality, promotions etc.
  • Approach 4: Personalized Content driven by WCM Mobile templates? Need some research --- The architecture is similar to Approach 3 with the exception that WL integrates with Web Content Manager and renders content generated by templates. Once responsive design is employed by portal, content generated by templates would cater to multichannel world and WL would provide app-specific features to provide an overall rounded mobile experience.
  • Shopping mall example
  • Looks like we have time, let’s do a speed round
  • Examples; Cast Iron is really cool Push notifications from MQ Direct calls from the app to RESTs (need to whitelist) Complete ecosystem Ties into the overall solution.
  • Here is everything we talked about. Pick what works best and expand later. Transition to Laks reference architecture. How does it all fit together.
  • Now that we have seen the 5 approaches what does it take to put them all together as a reference architecture. This is a simple illustration of how it would look like if we have WL talking to Portal and WCM. As you can see, the multi channel capabilities are provided by WebSphere Portal and WL integrates with Portal to provide mobile specific features. The services layer is more like an ESB or WSSR and talks to various databases, Sales Force DB, Cloud etc. WL and Portal connect to Services layer through adapters and connectors and massage the data to render corresponding UI. Don’t forget you need your firewall, services layer etc. Enterprise Arch is still needed! The reference arch serves as a blue print for the kind of integration that happens behind the scenes in a real world system. We simplified the integration techniques in our approaches to focus more on the touch points and talk about various scenarios.
  • Looks like we have time, let’s do a speed round
  • Here are some tips to help you build great mobile applications
  • Here are some tips to help you build great mobile applications
  • Here are some tips to help you build great mobile applications
  • Here are some tips to help you build great mobile applications
  • Don’t forget your enterpr
  • Transcript

    • 1. BP407 Portal at the Speed of Light: Techniques for IBM Worklight Integration Handly Cameron | Technology Manager Laks Sundararajan | Solution Architect© 2013 IBM Corporation
    • 2. Who We Are Handly Cameron ─ Agile, Developer, Architect, Photographer, Father ─ @handly, handly.org ─ hcameron@prolifics.com Laks Sundararajan ─ Mobile Evangelist, Developer, Architect, Golfer ─ @lakssundar ─ lsundara@prolifics.com2 © 2013 IBM Corporation
    • 3. Agenda Multichannel web sites and applications Quick overview of IBM® Worklight® Approaches for building multi-channel applications Best Practices Speed Round Q&A3 © 2013 IBM Corporation
    • 4. Agenda Multichannel web sites and applications Quick overview of Worklight Approaches for building multi-channel applications Best Practices Speed Round Q&A4 © 2013 IBM Corporation
    • 5. Consumers do not see “channels”5
    • 6. Consumers do not see “channels” Research Schedule Check Status Schedule Initiate/Track Call Create Order Change Cancel Order Store Pickup Product Delivery Return Center Order Research Change Schedule Check Status Schedule Initiate/Track Mobile Product Create Order Order Delivery Cancel Order Store Pickup Return Research Change Schedule Check Status Schedule Initiate/Track Web Create Order Delivery Cancel Order Store Pickup Product Order Return Research Change Schedule Check Status Store Create Order Cancel Order Pickup Initiate/Track Product Order Delivery Return … they want a consistent experience everywhere!6
    • 7. You need a way to deliver that experience Multi-channel Sites and Applications IBM® WebSphere® Portal® IBM Web Content Manager® IBM Mobile Foundation® – IBM Worklight® – IBM Cast Iron® – IBM Mobile Endpoint Manager® IBM Web Experience Factory® IBM WebSphere MQ®7
    • 8. Agenda Multichannel web sites and applications Quick overview of IBM Worklight Approaches for building multi-channel applications Best Practices Speed Round Q&A8 © 2013 IBM Corporation
    • 9. IBM Worklight – What is it? Worklight Studio Eclipse based IDE including design tools, code reuse, and per- device optimization Worklight Server Unified push notifications, runtime skins, version management, security, integration and delivery Worklight Console A web-based console for real-time analytics and control of your mobile apps and infrastructure Worklight Runtime Components Extensive libraries and client APIs that expose and interface with native device functionality9
    • 10. Device Runtime Components Extensive libraries and client APIs that expose and interface with native device functionality and the Worklight server • Cross-Platform Compatibility Layer • Server Integration Framework • Encrypted Storage • Offline Authentication • Runtime Skinning • Statistics and Diagnostics Reporting • Apache Cordova (PhoneGap)10
    • 11. Application Updates 1. Web resources initially Native Shell packaged with the app to 1 Download ensure first offline availability Pre-packaged resources 2. Web resources transferred to App Store apps cache storage 2 Transfer 3. App checks for updates • On startup 3 Check for updates • On return to foreground Cached 4. Updated web resources Worklight Web resources downloaded when Server resources necessary 4 Update web resource11
    • 12. Multichannel Feature Pack for Web Experience Factory 8.0 Available now as a download from the Solutions Catalog Key Features: Multichannel and Responsive UI support: – New Layouts for the Data Layout builder – New Responsive Web Design (RWD) themes including compatibility with CTC4 and WebSphere Portal Mobile themes – New wizard making it easy to include this new support IBM Worklight Camera Builder – Easily add hybrid camera capabilities to a model12
    • 13. Web Experience FactoryApplications now support new out of the box responsive themeOut of the box capabilities including CTC4 and and stand-alone Responsive Web Design themesKey benefits include:•Faster and easier to build solution•Fits in with other CTC4 based solutions•Supports multiple channels including desktopbrowsers, smartphones and tablets13
    • 14. New models and wizards reference new Feature pack styles andlayouts Select from CTC4 compatible layout templates to easily build RWD application portlets 14
    • 15. WEF integration with WorklightNew Camera Builder• Easily support multiple channels with point and click development• Minimal coding/learning curve required Easily add native device capabilities to mobile web applications.JMP306: Build Hybrid Multi-Channel Apps Using IBMWorklight, WebSphere Portal and Web ExperienceFactory 15 IBM Web Experiences - © 2012 IBM Corporation
    • 16. Agenda Multichannel web sites and applications Quick overview of IBM Worklight Approaches for building multi-channel applications Best Practices Speed Round Q&A16 © 2013 IBM Corporation
    • 17. Things to consider Native device capabilities (camera, contacts, location, etc.) Presence in a device app store Offline use Cross-channel authentication Want to reuse application infrastructure and design Content management Role based personalization17 © 2013 IBM Corporation
    • 18. Approaches for building multi-channel applications 1. Standalone Portal: Responsive Web Design 2. Standalone Worklight: Mobile Application 3. Using Portal to host Worklight application pages 4. Personalized content driven by Web Content Manager 5. Integration with back end systems18 © 2013 IBM Corporation
    • 19. Approach 1: Standalone Portal: Responsive Web Design Standard WebSphere Portal deployment. When to use Existing WebSphere Portal infrastructure DOJO Portlet Connectors WebSphere Limited/ No Offline support is required Portal Navigation Limited/No support for native mobile Responsive services is required Themes AppStore presence is not required19 © 2013 IBM Corporation
    • 20. Approach 1: Standalone Portal: Responsive Web Design Servers Mobile Browser Back End Systems • Application HTML DOJO Portlet • Personalized content Connectors WebSphere • Access Control Portal Browser cache (HTML5) Navigation Responsive • Form submission Themes20
    • 21. Responsive Design Themes More than just allowing RWD Portal supports device classes to enable smarter rendering on the server side (themes, content and portlets)21
    • 22. Updated Page Templates in CTC 422
    • 23. With Modern, Attractive Designs23
    • 24. 24
    • 25. That are Responsive25
    • 26. And since its all based on WCM and Portals common theme, of courseit supports all your devices without any additional work. 26
    • 27. Approach 2: Standalone Worklight Deployment Standard IBM Worklight deployment. When to use IBM Worklight Server No existing WebSphere Portal Service Adapters No personalization or integration with existing web sites App store presence Application Mgt Data Push notifications Synchronization Unified Push Engine Sync JSON data for offline use Automatic JSON data conversion27 © 2013 IBM Corporation
    • 28. Approach 2: Standalone Worklight Deployment Servers Worklight App IBM Worklight Server • Core application HTML Back End Systems Service Adapters Pre-packaged resources • HTML updates Application Mgt • JSON data Data • Push Notifications/SMS Synchronization Cached Unified Push resources Engine • Authentication • Adapter requests28
    • 29. Approach 3: Using Portal to host Worklight application pages WebSphere Portal and Worklight When to use Adapters IBM Worklight Server Existing Portal infrastructure and apps Portal provides multi-channel capabilities Single Sign On App store presence required Push notifications Worklight Portlet WebSphere Connectors Support for native mobile services Portal Limited support for content management Managed web resources within mobile application is required Mobile JS resources29 © 2013 IBM Corporation
    • 30. Approach 3: Using Portal to host application pages Servers • Worklight application shell • Push Notifications/SMS Worklight App Adapters IBM Worklight Back End Systems Server • Adapter requests Pre-packaged resources Single Sign On • Application HTML & JS Worklight Portlet • JSON data WebSphere Connectors Cached Portal resources • Authentication Managed web resources Mobile JS resources30
    • 31. Technique 1: Override initial Worklight WebView load1. Change iOS whitelist: iphonenativecordova.plist <key>OpenAllWhitelistURLsInWebView</key> <false/> <key>ExternalHosts</key> <array> <string>*</string> </array>2. Change Android whitelist: androidnativeresxmlconfig.xml <access origin="http://myportal.com"/>3. Change Request load in didFinishLaunchingWithOptions: iphonenativeClassesappName.m (See handly.org for details)31 © 2013 IBM Corporation
    • 32. Technique 1: Override initial Worklight WebView load4. Update protocol, host, port, and wlServerContext in: iphonenativeResourcesWorklight.plist <key>protocol</key> <string>http</string> <key>host</key> <string>myportal.com</string> <key>port</key> <string>10039</string> <key>wlServerContext</key> <string>/wps/portal/apphome</string>5. Change loadURL in: androidnativesrccomappNameappName.java public class appName extends WLDroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //DeviceAuthManager.getInstance().setProvisioningDelegate(<Use default ProvisioningDelegateImpl class or replace with your IProvisioningDelegate implementation>); super.loadUrl("http://myportal.com/wps/portal/apphome"); } }32 © 2013 IBM Corporation
    • 33. Technique 2: Use JavaScript to load a Portal-based page 1. User actions calls a viewController <li data-dojo-type="dojox.mobile.ListItem” data-dojo-props=clickable:true, moveTo:"events", icon:"images/event.png" onclick="loadEventContent”>Events</li> 2. viewController calls openExternalView and loads a Dojo container var eventsViewController = ViewController.getInstance(); loadEventContent = function(e){ eventsViewController.openExternalView({ url : "http://myportal.com/wps/portal/mobileportlet", transition : "slide" }, registry.byId(”events").containerNode); }; 3. Container displays your Portal application controls and content <div id="events" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props=selected:false> <h1 data-dojo-type="dojox.mobile.Heading” data-dojo- props="label:Events,fixed:top,back:Back,moveTo:mainView"></h1> </div>33 © 2013 IBM Corporation
    • 34. Approach 4: Personalized Content driven by WCM Web Content Manager and Worklight When to use Adapters IBM Worklight Server Similar to Approach 3, add WCM You want to to place information into your application using a publishing workflow Single Sign On without causing an app update. WebSphere You have special offers that you want to WCM Rendering Portal & Connectors present to specific users based on their Web Content account or other attributes. Manager WCM Authoring Content Templates34 © 2013 IBM Corporation
    • 35. Approach 4: Personalized Content driven by WCM Servers • Worklight application shell • Push Notifications/SMS Worklight App Adapters IBM Worklight Back End Systems Server • Adapter requests Pre-packaged resources Single Sign On WebSphere WCM Rendering • Targeted Content Portal & Connectors Cached Web Content resources Manager • Authentication WCM Authoring Content Templates35
    • 36. Content Targeting (aka, Personalization) Additional Personalization Contexts – Our personalization system is quite powerful and can be based on just about any context you wish. • However, extending personalization to include additional context requires programming – There are a number of common contexts that werent previously included out of the box, but now they are • Geo-location Object – target a user based on physical location • Referrer object – where did this user come from, what search terms go them here • Device Class – desktop, smart phone, or tablet Inline Content Targeting – exposes targeting rules directly to Business Users/Authors 36
    • 37. Demo37 © 2013 IBM Corporation
    • 38. Approach 5: Integration with back end systems IBM Mobile Foundation – Integration with through Cast-Iron Worklight TIP Connectors – Leverage existing BPM systems WebSphere Cast Iron When to use Use this to extend the previous Approaches Notifications Existing SOA and cloud deployments Message Flows WebSphere Drive push notifications from backend MQ applications Message REST Broker Service38 © 2013 IBM Corporation
    • 39. Approach 5: Integration with back end systems Servers Worklight TIP Connectors Worklight App Cast Iron Adapters • Core app HTML WebSphere Cast Iron Back End Systems Pre-packaged resources IBM • HTML Worklight updates Notifications Server • JSON data Message Flows • Push WebSphere MQ MQ Broker Notification Adapters Cached resources • JSON data Message REST • Adapter Broker requests Service39
    • 40. Summary of Approaches Worklight + Worklight + Worklight + Portal RWD Worklight Only Need Portal WCM BPM Existing Portal ✔ ✔ ✔ Native Features ✔ ✔ ✔ ✔ Offline ✔ ✔ ✔ ✔ App Store presence ✔ ✔ ✔ ✔ Content Management ✔ Personalization ✔ ✔ ✔40
    • 41. Reference Architecture41
    • 42. Agenda Multichannel web sites and applications Quick overview of Worklight Approaches for building multi-channel applications Best Practices Speed Round Q&A42 © 2013 IBM Corporation
    • 43. Best Practices Speed Round Application Design Gotchas Single Sign On New mobile data store in Worklight 5.0.5 Application Lifecycle Management43 © 2013 IBM Corporation
    • 44. Speed Round: Application Design Gotchas Don’t forget the URL whitelists Be careful of external links in your Portal-driven pages - you may lose navigation Worklight 5.0.5 does not support the iOS WebView method in the documentation and DeveloperWorks article. See handly.org for a solution!44 © 2013 IBM Corporation
    • 45. Speed Round: Single Sign On Set up LTPAToken SSO between the Worklight Liberty server and Portal Requires updates to: ─ Worklight server ─ Portal server ─ Your Application Details on DeveloperWorks at: http://www.ibm.com/developerworks/mobile/library/mo-aim1211-worklight-portal-3/index.html (Search for “Worklight Portal SSO”)45 © 2013 IBM Corporation
    • 46. Speed Round: Data synchronization with JSONStore Internal Storage New in Worklight 5.0.5 (Dec ‘12) Customer Collection User Settings Collection Maintain a local copy of data Document: Document: {_id: 1,json: {_id: 1,json: {name: “carlos”}} {background: “blue”}} Data is stored as Documents in Collections Internal Storage Indexed Search Fields and Queries Customer Collection Search Field: name (string) Push local updates on request “carlos” “tim” Password-based encryption Document: Document: {_id: 1,json: {_id: 1,json: {name: “carlos”}} {name: “tim”}}46 © 2013 IBM Corporation
    • 47. Speed Round: Application Lifecycle Management Application design, storyboarding, wireframe UI design Team collaboration and code control Automated, distributed team builds and integration “Mobile device-cloud” service integration for on-device testing Product Bundle: IBM Mobile Development Lifecycle Solution ─ http://www-01.ibm.com/software/rational/mobile/products47 © 2013 IBM Corporation
    • 48. Questions?48 © 2013 IBM Corporation
    • 49. Additional Resources DeveloperWorks (forums, articles, blogs, free Worklight Studio) http://www.ibm.com/developerworks/mobile IBM Worklight InfoCenter (very good reference!) http://pic.dhe.ibm.com/infocenter/wrklight/v5r0m5 New IBM Redbook: Developing Exceptional Multi-Channel Web Experiences http://www- 10.lotus.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=IBM%20Redbooks Prolifics’ Mobile Blog http://expert-tech.blogspot.com/search/label/Mobile @handly and @lakssundar on Twitter49 © 2013 IBM Corporation
    • 50. Related Sessions JMP306: Build Hybrid Multichannel Apps Using IBM Worklight, IBM WebSphere Portal, and Web Experience Factory INV301: Understanding the Mobile Features and Options of the IBM Web Experience Platform AD303: Whats New? Creating Mobile Web Experiences with IBM Web Experience Factory and IBM Worklight AD304: Create Multichannel Web Sites with Rational Application Developer, IBM WebSphere Portal, & Worklight AD403: Engaging Mobile Apps with IBM Social Business Solutions and IBM Worklight Wednesday, 11:15 am, Swan SW 9 - 10 CUST125: Horizon Case Study: Leveraging IBM WebSphere Portal for the Healthcare Industry Thursday, 8:30 am, Swan Toucan 1 & 250 © 2013 IBM Corporation
    • 51. Legal disclaimer © IBM Corporation 2013. All Rights Reserved. The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM’s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results.51 © 2013 IBM Corporation

    ×