• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
What's New in IBM Web Experience Factory
 

What's New in IBM Web Experience Factory

on

  • 2,042 views

This is an IBM created slide deck shared by Premier Business Partner, Davalen, discussing the new name and features in IBM Web Experience Factory (formerly WebSphere Portlet Factory). "The information ...

This is an IBM created slide deck shared by Premier Business Partner, Davalen, discussing the new name and features in IBM Web Experience Factory (formerly WebSphere Portlet Factory). "The information on the new product is for informational purposes only and may not be incorporated into any contract. "

Statistics

Views

Total Views
2,042
Views on SlideShare
2,027
Embed Views
15

Actions

Likes
1
Downloads
46
Comments
0

2 Embeds 15

http://www.eformat.co.nz 13
https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    What's New in IBM Web Experience Factory What's New in IBM Web Experience Factory Presentation Transcript

    • Whats New In IBM Web Experience Factory(formerly WebSphere Portlet Factory) © IBM Corporation 2011
    • Web Experience FactoryBusiness Value Fast,Simple Development of Enterprise Multi-Channel Applications © IBM Corporation 2011
    • Legal Disclaimer The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion. © IBM Corporation 2011
    • Web Experience Factory formerly known as WebSphere Portlet Factory • Note we are currently going through a transition/name-change from: IBM WebSphere Portlet Factory to: IBM Web Experience Factory.• The complete transition will take some time to complete. Based on this you will probably see a mix of the old name and the new name used in various media and software.• On of the key reasons for the name change is that WebSphere Portlet Factory currently provides much more than just creating portlets. Developers can create portlets, widgets, web applications and rich internet applications to deliver exceptional web experiences. Based on this we felt that IBM Web Experience Factory was a better descriptor for the product. © IBM Corporation 2011
    • Agenda  IBM Project Northstar and direction for IBM Web Experience Factory  Multichannel/Mobile development  Content integration  Improving the development experience  Improved end-user experiences  Summary © IBM Corporation 2011 5
    •  Vision about the “art of the possible” for Web/Content engaging Customers on the web Platform Analytics Search Multi-year IBM strategy to deliver the capabilities for our customer to excel at Commerce customer-facing experiences Social Guide for IBM investment focus both Mobile Unified Communications organic and inorganic investments Rich Media Nimble to continually absorb and People are at the center of an exceptional simplify emerging advances to help experience; Capabilities are employed as customers differentiate sites necessary to help achieve experiences that meet/exceed the expectations of the intended user(s) 6 © IBM Corporation 2011
    • w IBM Customer Experience Suite Ne Exceptional Web Experiences● Deliver exceptional online experiences without having to stitch together multiple, disparate products from different vendors● Create highly personalized customer interactions by analyzing and then adapting to the preferences, behaviours, location, products owned, device, and sentiments of each visitor● Support conversations with and between users through online communities● Empower business owners to manage the creation and delivery of content, rich media, campaigns, and surveys delivered through multiple channels● Deliver rich and engaging experiences without sacrificing flexibility, scalability, or security● Compose seamless Web experiences by connecting into the necessary back-end applications, commerce solutions, social media sites, and cloud-based services 7 © IBM Corporation 2011
    • 8 © IBM Corporation 2011
    • A couple of key things customers are looking for:Its not just“mobile”, its full Its about the right information, in the right context at the right time on themulti-channel, access right platformanywhere on any device © IBM Corporation 2011
    • Key Elements of an Exceptional Web Experiencethat Drive Results Delights your customersCreates sustainable Delivers in every differentiation situation Adapts to new Leverages opportunities investments10 © IBM Corporation 2011
    • What is Web Experience Factory? • A model based IDE development tool making it easier and faster than traditional coding to develop exceptional web experiences • Includes 150+ pre-built builders the accelerate development time. Examples include: – Standard based Back-end connectors including Rest APIs, Web Services, Databases – Proprietary back-end connectors to systems like SAP, Peoplesoft and Siebel – Pre-built business logic builders for transformation and manipulation of content – Pre-built Front-end builders for building sophisticated mult-channel applications like Ajax and Dojo Widgets – common user interface patterns for lists, tables, forms, etc. • Dynamic profiling allowing you to write once deploy on many platforms with minimal effort Fast Simple development Write once deploy many11 © IBM Corporation 2011
    • IBM Web Experience Factory is a key tool to develop Exceptional Web Experiences12 © IBM Corporation 2011
    • Its not just a product, Its a full eco-system: Extensibility – ability to customize and extend as neededModel Based Development ● Faster learning curve ● Faster development Extensive Samples/Library and cycles + education modules: Eg. Lotus Connections Strong development community 150+ Builders including: Rest APIs, Web Services, Databases, SAP, Peoplesoft, Lotus Domino 7 Siebel 13 © IBM Corporation 2011
    • Snapshot: So whats getting better??? New IBM products being released with extendable codeSource code provided 6+ based on Web Experience Factory. Examples include: ●IBM Connections portlets and developer kit new features ●Unified Task Portlet Helping to improve ●IBM Industry Toolboxes for WebSphere Portal). developer productivity, ●Access to CMIS standards based data sources including: Developer UX improvements, New wizards... 10+ New samples + Many new samples, including, Offline iPad, Multi-channel/Mobile, CMIS (Sharepoint & Filenet), and WCM integration. Use social media to learn, find experts and 13 information newbuilders ●IBM Web Experience Factory Next public beta New capabilities out of the box ●New builders for mobile/multichannel development ●Additional push to leverage social ●New builders for content integration media to extend the community. For example, new youtube channel: (CMIS/Sharepoint/Filenet/ IBM Web Content Manager) ●General usability enhancements http://www.youtube.com/factorygeeks as well as continues investment in Wiki as a community focused information/collaboration source. 14 © IBM Corporation 2011
    • Agenda  IBM Project Northstar and direction for IBM Web Experience Factory  Multichannel/Mobile development  Content integration  Improving the development experience  Improved end-user experiences  Summary © IBM Corporation 2011 15
    • Mobile Is Happening Now and Happening Fast ● The explosive growth of mobile computing will cause more internet traffic to be driven by mobile user than desktop users with in the next 5 years ●Shipments of smartphones will out grow desktops within 2 years ●Over 85% of new handsets will have mobile Web access by 2011 ● There will be ~4.6 billion mobile subscriptions by the end of 2010 (thats almost 80% of the world population) ● Almost one in five global mobile subscribers have access to fast mobile Internet (3G or better) services Source : : Morgan Stanley, Garnter, International Telecommunication Union, eMarketer; InternetIBM Corporation 2011 © Statistics
    • Techniques for Creating Exceptional Mobile ExperiencesMobile-optimized web applications IBM Web Experience● Accessible over the internet without installing Factory software relevant● Use device browsers to provide native-looking applications● Built using standard web technologies (HTML5, CSS, JS) IBM WebHybrid: leverage web technology and native Experience Factoryfeatures relevant● Installed applications that use the device browser to display web-based UI● Provide the ability to use native device features● Leverage standard web technologies (HTML5, CSS, JS)Native● Make use of all device features such as camera, accelerometer, calendar, contacts, etc.● Supports the richest of user experiences (e.g., gaming applications)● Built using each phones native SDK © IBM Corporation 2011
    • Mobile application development challenge and opportunity• Organizations are faced with a need to move applications rapidly to the exploding smartphone and mobile device market• Building native applications with multiple device SDKs is very costly and time-consuming• Modern smartphone and tablet browsers have very good support for a rich user experience that can have a native look and feel – This is done with web technologies: HTML, CSS, and JavaScript• Web Experience Factorys automated tools for web application development are uniquely suited for mobile application development © IBM Corporation 2011
    • Lotus MashupsEnter... IBM Web Experience Factory:One tool – multiple platforms, multiple devices Desktop IBM Web Platforms Browsers Experience Factory WebSphere Portal Smartphones WebSphere Application Server Tablets ONE efficient way to deploy to multiple platforms to be accessed by multiple devices 19 © IBM Corporation 2011
    • Web Experience Factory Next beta mobile automation components • Mobile List & Detail Service Consumer wizard for creating great- looking mobile and multi-channel applications in minutes. • Data Layout builder for scrolling lists with configurable options such as thumbnail images and multi-line text with multiple styles • Mobile Page Navigation builder for native-looking navigation tabs and lists • Geolocation builder for access to device geolocation without coding • Mobile UI themes for smartphone-optimized look and feel, including optional “slide in” effect • Mobile Rich Data Definition library for automatic support for mobile UI controls such as selectable lists, numeric keypad input, phone numbers, etc. • Mobile Device Type profile set for multi-channel support The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion © IBM Corporation 2011
    • Mobile List & Detail Service Consumer wizard Benefit: simple steps to create a mobile application in minutes.. 1)Choose provider 2)choose fields 3)define layout © IBM Corporation 2011
    • Mobile-optimized UI – Data Layout builder• Data Layout builder creates data lists in a variety of layouts and patterns• Supports thumbnail images and multi-line text• Layout templates are provided for a variety of UI patterns, for both mobile and desktop• Build initial UI with any Page Automation builder such as View & Form, Data Services User Interface, or Data Page• Apply Data Layout builder to page element – Select layout template – Select from styles (CSS)• Assign fields to placeholder locations in layouts The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion © IBM Corporation 2011
    • Mobile-optimized UI – using custom Data Layout templates 2-column custom layout • The list of available layout templates for Data Layout builder is completely extensible • Custom layouts can be reused across models, to provide standard implementation of custom UI patterns • A layout consists of a simple HTML file with special tags to identify key locations such as placeholders and repeating elements<meta data-template-name="Thumbnail Single-Line List" data-template-description="Thumbnail Single-Line List" Data-stylesheets= "/factory/data_layout_templates/thumbnail_singleline_list.css" /><div name="layout_list" class="wpfListLayout"> <div class="wpfListItem" name="list_item" data-repeat-wrapper="default"> <div data-target="left_image" class="wpfLeft"></div> <div data-target="center_middle" class="wpfCenter"></div> <div data-target="right_middle" class="wpfRight"></div> </div></div> The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion © IBM Corporation 2011
    • Page Navigation builder, for building native-looking navigation tabs and lists Benefit: required for making device friendly (eg “finger friendly”) smart device applications © IBM Corporation 2011
    • Web Experience Factory mobile UI themes• Web Experience Factory themes provide central control of all the “look and feel” of applications: – CSS styles, page layouts, table and form layout rules, paging controls, and more• Mobile themes optimize those elements for mobile devices• Four mobile themes are provided: mobile, mobile_gray, mobile_slide (includes a “slide in” effect), mobile_basic (uses minimal- sized JS and CSS)• Custom themes can be easily created to implement a desired look and feel across a project, controlled from a single place The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a © IBM Corporation 2011 commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion
    • Mobile Device Type profile set, for multi-channel supportBenefit: easily define differentpresentation formats based ondevice type (profile).Single model dynamicallygenerates presentation format todevice type/form factorExtensible with additionalprofiles/device types as required. © IBM Corporation 2011
    • Using HTML5 geolocation• Geolocation builder provides access to location data without coding• Location data can be accessed in client Javascript or in server actions• Apply Geolocation builder to a page, then add an event handler for GeoLocationClient or GeoLocation event Benefit: easy to integrate geolocation into WEB applications using point and click The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion © IBM Corporation 2011
    • WebSphere Portal Mobile Themes • A WebSphere Portal mobile theme is used to provide mobile-optimized UI for navigation and display of Portal pages • A sample Portal mobile theme is available on the Portal Catalog • Note: the Portal theme controls Portal navigation and UI outside portlets; Web Experience Factory themes control look and feel within portlets – CSS styles can be shared between Portal and portlets 28 © IBM Corporation 2011
    • Sample hybrid application using device camera built with Phonegap • Hybrid applications can use Web Experience Factory out-of-the-box tools for building views and forms • Phonegap provides Javascript access to device features such as camera • Sample and whitepaper available on IBM developerWorks: “Building hybrid mobile applications with PhoneGap and IBM WebSphere Portlet Factory” 4. Review thumbnail and1. View list of 2.Tap “Take Picture” button 3. Point camera and tap to tap “Submit” to upload toproperties and tap from Web Experience Factory take picture Web Experience Factory“Create” to add a form server applicationproperty ▬ © IBM Corporation 2011
    • Agenda  IBM Project Northstar and direction for IBM Web Experience Factory  Multichannel/Mobile development  Content integration  Improving the development experience  Improved end-user experiences  Summary © IBM Corporation 2011 30
    • The challenge: How to unlock and combine data and data in multiple back ends intocohesive business applications. Data and applications I dream of being able to are often locked away in access ALL my applications disparate back-ends, and content, anywhere any making it difficult to time create cohesive business applications that are easily accessible © IBM Corporation 2011
    • IBM Web Experience Factory adds new Content Management Interoperability Services (CMIS) integration capabilities• Goal: to allow developers to easily integrate with enterprise content management (ECM) sources when building exception web experience.• Example: Ability to integrate with include content stored in ECM systems (like Sharepoint 2010 and Filenet) as part of a business application. Content from DB2 or other open standards backend Benefit: easily develop business solutions that need to access CMIS compliant ECM content repositories. Content from CMIS compliant store (eg Sharepoint/Fil enet) Content from CMIS compliant store (eg Content from DB2 or Sharepoint/Filene other open standards backend Concept App t) © IBM Corporation 2011
    • IBM Web Experience Factory adds new Content Management Interoperability Services(CMIS) integration capabilities • CMIS builder allows developers to easily integrate with enterprise content management (ECM) sources such as Sharepoint 2010 and Filenet • Complete create, read, update, delete functionality is available • Benefit: easily develop business solutions that need to access CMIS-compliant ECM content repositories © IBM Corporation 2011
    • Create solutions that are tightly integrated with IBM WebContent Manager• Goal: Provide multichannel access to IBM Web Content Manager content to be included as part of business applications• Example: Easily allow PR/Marketing managers who are rarely at their desks to quickly approve and edit content from their smart phones (or desktop browsers).• Example: Easily create custom authoring portlets using the full set of Web Experience Factory tools. © IBM Corporation 2011
    • Agenda  IBM Project Northstar and direction for IBM Web Experience Factory  Multichannel/Mobile development  Content integration  Improving the development experience  Improved end-user experiences  Summary © IBM Corporation 2011 35
    • Enhanced JavaScript editing with auto-complete Benefit: Faster and easier to develop exception web experience solutions, with superior UX capabilities © IBM Corporation 2011
    • New CSS style editor and property sheets Benefit: Easy point-and- click interface for changing styles © IBM Corporation 2011
    • WYSIWYG display of Inserted Page and Contained Model Benefit: Developers can see what final application will look like, right from Designer tool © IBM Corporation 2011
    • Predefined page layouts, for construction of common pagelayouts using drag and drop Benefit: Making it even easier and faster to develop applications with common page layouts © IBM Corporation 2011
    • Builder picker enhancements, to simplify and guide builder selection Benefit: with so many builders (160+) is often hard for both novice and experienced Web Experience Factory developer to find the right builder. The new features makes it much easier to find the right builder for the task at hand, making it much easier and faster to develop solutions. © IBM Corporation 2011
    • New wizards, to provide guidance for building more types of service provider models Development just got faster and easier Benefit: much easier for both novice and experienced developers to start new projects, significantly reduce development time. © IBM Corporation 2011
    • Automatic support for creating/deploying Portal test page, for easy testing of portlets Benefit: very quick and easy to develop. Massive time savings for developers. © IBM Corporation 2011
    • Model Inspection and Reporting Tool, for static analysis of allthe models in a project Benefit: ability to aid development teams in managing large projects and implement best practices across multiple projects. © IBM Corporation 2011
    • Agenda  IBM Project Northstar and direction for IBM Web Experience Factory  Multichannel/Mobile development  Content integration  Improving the development experience  Improved end-user experiences  Summary © IBM Corporation 2011 44
    • Data Layout builder – includes both mobile and desktoplayout templates Benefit: use out of the box Data Layout templates for a number of attractive displays, for both mobile and desktop devices Much easier and faster to develop than having to hand code an exported page. plus you can also create your own reusable Data Layout template © IBM Corporation 2011
    • Lazy Load builder, for dynamic Benefit: faster performance providing option to partially load data based on what is either visible or an event.Ajax-based loading of pagefragments This can have a dramatic improvement on performance, especially when using with applications that have large amounts of data as well as mobile applications, where bandwidth may be constrained. Data only loaded when tab is selected © IBM Corporation 2011
    • Visibility Setter, Client Side builder, for easy show/hide functionalitywithin the browser Benefit: Making it easier and faster to develop flexible UX with dynamic “hide/when” formulas with minimal coding © IBM Corporation 2011
    • Attribute Setter builder support for multiple tags, for easy control of multiple fieldswithin a page Benefit: Making it easier and faster to build applications that involve setting HTML attributes on multiple tags © IBM Corporation 2011
    • Portal Analytics builder, to easily add portlet-specific information to analytics logging Benefit: Analytics are critical to gaining feedback and optimizing sites to build the exceptional web experience. This new builder makes it very easily to add analytics to applications to ensure maximum granularity is provided for tracking and analytics logging. © IBM Corporation 2011
    • Transform Aggregate builder, for performing aggregation operations (sum, count, min,max, etc) on multiple rows of XML data Benefit: Much easier to develop solutions that deal with complex data structures and financial statements. Overall benefit is making it faster and easier to develop solutions. © IBM Corporation 2011
    • Active Text builder, for implementing active links for phone, mailto, SMS, etc. © IBM Corporation 2011
    • Summary• Our new name• Effective multi-channel application development → Write once, deploy many• Key new features include: – Mew mobile/multi channel builders Fast,Simple – New CMIS (Microsoft Sharepoint and IBM Filenet) and IWCM builders for effective content Development of integration – Leveraging latest and greatest including Web 2.0, Dojo, HTML5 and Offline Storage Enterprise – Many new improvements making it faster and easier to develop Multi-Channel – New samples making it quick and easy to learn Applications• Its more than just a product/tool, its a full ecosystem• New Beta available now © IBM Corporation 2011
    • Key resources for developers• Portlet Factory wiki – http://www-10.lotus.com/ldd/pfwiki.nsf – Includes numerous samples and articles, best practices documents, and links to other resources• Learning Roadmap from the Portlet Factory wiki – http://www-10.lotus.com/ldd/pfwiki.nsf/dx/learning-websphere-portlet-factory – This page provides a guide to the best samples and documents for learning the various areas of Portlet Factory development – Covers topics from your first installation to advanced topics such as creating builders• Portlet Factory forums on developerWorks – http://www-01.ibm.com/support/docview.wss?rs=3044&uid=swg27011853 – These are very active and are monitored closely by the Portlet Factory team – Go here for specific questions or if you get stuck on anything• IBM Customer Experience Suite, WebSphere Portal and Web Content Manager Software and Solutions – http://www-01.ibm.com/software/info/customerexperience/ – http://www-3.ibm.com/software/genservers/portal/ © IBM Corporation 2011