Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mashup ppt

31,183 views

Published on

Published in: Education
  • Be the first to comment

Mashup ppt

  1. 1. IBM Mashup Center Unlock data. Remix content. Unleash productivity. Amplify Your ROI – Getting Things Done Quickly and Economically With Enterprise Mashups Nicole Carrier, Program Director, IBM
  2. 2. Agenda <ul><li>Speed and Agility Through Enterprise Mashups </li></ul><ul><ul><li>Introduction to Key Mashup Concepts </li></ul></ul><ul><ul><li>Top 6 reasons why you should care about mashups </li></ul></ul><ul><li>Additional Real World Mashup Examples </li></ul><ul><li>IBM Mashup Center </li></ul><ul><ul><li>Introduction to IBM Mashup Center </li></ul></ul><ul><ul><li>Demo </li></ul></ul>
  3. 3. What is a Mashup? A “mashup” is a lightweight web application created by combining information or capabilities from more than one existing source to deliver new functions & insights. <ul><li>Rapid creation (days not months) </li></ul><ul><li>Reuses existing capabilities, but delivers new functions + insights </li></ul><ul><li>Requires less technical skills </li></ul><ul><li>Often mixes internal and external sources </li></ul>Web ERP CRM Quickr Connections Commerce ECM Legacy Enterprise Applications Mashup Domino WAS Platforms MQ MQSeries <WSDL> Enterprise Information Google Gadgets Web Portal/portlets JDBC DB Web services Info Server IMS
  4. 4. <ul><li>A widget is a small application or piece of dynamic content that can be easily placed into a web page </li></ul><ul><li>Widgets are called different names by different vendors: gadgets, blocks, flakes </li></ul><ul><li>Widgets can be written in any language or and can be simply HTML </li></ul><ul><li>“ Mashable” widgets pass events, so that they can be wired together to create something new </li></ul>What is a Widget?
  5. 5. Speeding Development – The Mashup Creation Process Reuse existing assets in new combinations Assemble Transform Discover Develop & Unlock
  6. 6. Top 10 Reasons Why You Should Care About Mashups! <ul><li>Reduce project uncertainty, helping to compress project timelines </li></ul><ul><li>Speed application delivery thru a virtuous cycle of reuse </li></ul><ul><li>Lower backlog via self-service development </li></ul><ul><li>Agility to quickly assemble applications for new situations </li></ul><ul><li>Gain valuable insights through information remix </li></ul><ul><li>Innovate and create value through community contribution </li></ul><ul><li>Get results faster by accessing information in place </li></ul><ul><li>Save time and money by leveraging 3rd party services. </li></ul><ul><li>Better align IT and business through rapid prototyping </li></ul><ul><li>Extend reach and value of SOA – Achieve the “Last Mile” of SOA </li></ul>
  7. 7. 1- Reduce Project Uncertainty, Compressing Timelines Rather than…. Customer/ Line of Business PM/ Analyst Architect Development Test/ Doc Customer/ Line of Business Many Months <ul><li>Reduce project variability </li></ul><ul><li>Speed delivery </li></ul><ul><li>Allow for instant feedback from business </li></ul>Average 3 weeks What about leveraging an agile “design to delivery” paradigm…? Customer/ Line of Business Developers (1 to few) Test/ Doc Customer/ Line of Business Days
  8. 8. 2- Speed Application Delivery thru a Virtuous Cycle of Reuse <ul><li>Reuse + Sharing = Speed </li></ul><ul><li>Improve ROI through reuse of existing assets to meet new needs </li></ul><ul><li>Any new reusable asset (mashup, widget, feed) can be contributed back to the community catalog </li></ul><ul><li>Building one mashup makes building the next mashup even faster </li></ul><ul><ul><li>Shorter time to value </li></ul></ul><ul><ul><li>Faster development </li></ul></ul>Create missing components Discover assets needed in catalog High Level Mashup Development Process Contribute assets back to community
  9. 9. 2- Real ROI, Real Fast Example- Large Financial Institution <ul><li>Use Case: Next-generation customer engagement / transactional site </li></ul><ul><li>Information Sources: Mix of internal and external sources, mix of database, web services, ECM content </li></ul><ul><li>Initial Scoping Estimate / Conventional Approach: 54,000 man hours </li></ul><ul><li>Agile / Mashup Approach: 25-30,000 hours </li></ul><ul><li>First Year Hard Cost Savings (using 30k hours) = $2,735,000 </li></ul><ul><li>First Year ROI (using 30k hours) = 710% </li></ul>
  10. 10. 3- Lower Backlog Via Self-Service Development Number of users per application # of applications Backlog of tactical applications. Strategic, long-term apps (created by IT.) Skills & Cost Gap Challenges: <ul><li>IT is resource constrained, new business requests create a backlog </li></ul><ul><li>Too expensive to use traditional skills/ processes for applications “in the long tail” </li></ul><ul><li>Business users go around IT – creating more problems (e.g., Excel sprawl) </li></ul><ul><li>IT creates catalog of assets and provides code-free assembly tools to line of business </li></ul><ul><li>Business users can create and share their own tailored applications for personal or team use – without IT intervention </li></ul><ul><li>IT can focus on more strategic applications </li></ul>Solution: “Do it yourself” IT
  11. 11. 4- Agility To Quickly Assemble Apps For New Situations <ul><li>The NEO Demo is a spiral demonstration of NextGen Aviation capabilities. It demonstrates functional improvements made possible when information is widely available across agencies (FAA, DoD, DHS, NASA). </li></ul><ul><li>Boeing saw a need for authorities to use existing data and systems to react to unexpected events and develop new capabilities. During Hurricane Katrina authorities could not quickly use existing systems to find airports that were opened and had runways with enough capacity to land transport planes carrying relief supplies. </li></ul><ul><li>Within three weeks Boeing and IBM had deployed mashup capability using IBM’s Mashup Center. Boeing successfully demonstrated the capability to FAA, DoD, DHS. </li></ul>Samet M. Ayhan, Boeing: “The IBM Mashup tool offers a new approach for quick web application development, where disparate data sources can be fused on a single environment with reusable components in order to make better decisions.“ Example: Boeing – Usable Airport Search Mashup Boeing Air Traffic Management
  12. 12. 5- Gain Valuable Insights Through Information Remix <ul><li>Challenge: Silo-ed, outdated, inaccessible data </li></ul><ul><li>Solution: Mashups turn data into usable information that is easy to remix, </li></ul><ul><li>providing users with new insights and greater business context. </li></ul>What is my competition doing in a specific customer segment? Product Data Competitor blogs Stock Market Data Finance spreadsheet
  13. 13. 5- Customer Use Case – Real ROI & New Insights <ul><li>Free up one resource </li></ul><ul><li>Saved $400,000 per year </li></ul><ul><li>TCO for project down 40% </li></ul>End users drill down on parts data to see shipments that arrive after needed date A timeline widget lets business users quickly see pertinent details on part shipments/orders Read the case study <ul><li>Challenge: Extremely dynamic manufacturing process and complex supply chain needing real-time management </li></ul><ul><li>Solution: Provide real-time, customizable manufacturing information for semiconductor supplier </li></ul><ul><li>Mashup: Enterprise mashup of information from portal and supplier’s ERP system </li></ul><ul><li>Really : </li></ul><ul><li>$400,000+ hard annual cost savings from mashup </li></ul><ul><li>Value of order fulfillment and reduction in inventory issues estimated in the millions </li></ul>
  14. 14. 6- Innovate & Create Value thru Community Contribution <ul><li>Leverage external communities to drive innovation and value creation </li></ul><ul><li>How? </li></ul><ul><ul><li>Expose interesting information sources to the community </li></ul></ul><ul><ul><li>Provide (or suggest) tools for mashing information into new applications </li></ul></ul><ul><ul><li>Offer incentives (monetary, fame, etc.) </li></ul></ul><ul><ul><li>Provide a catalog or means of submitting mashups </li></ul></ul><ul><ul><li>Be amazed at the creativity of your community! </li></ul></ul><ul><li>Tap into both internal (e.g. outside central IT) and external communities </li></ul>“ The first edition of Apps for Democracy yielded 47 web, iphone, and Facebook apps in 30 days – a $2,300,000 value to the city at a cost of $50,000.”
  15. 15. 6- Customer Pattern: Gov’t Transparency / Citizen Mashup <ul><li>Kent County Council UK </li></ul><ul><li>Problem: Making government data accessible, customizable, in a platform that could be shared and discussed meaningfully </li></ul><ul><li>Pilot project to create a catalog of feeds & mashups e.g. Mashup to research regional recycling performance and identify how to help Kent County recycle more </li></ul><ul><li>Benefit: 570+ feeds of government data available for creating customized mashups to solve citizen problems. </li></ul>Recycling Mashup Find a GP Mashup
  16. 16. Agenda <ul><li>Speed and Agility Through Enterprise Mashups </li></ul><ul><ul><li>Introduction to Key Mashup Concepts </li></ul></ul><ul><ul><li>Top Ten reasons why you should care about mashups </li></ul></ul><ul><li>Additional Real World Mashup Examples </li></ul><ul><li>IBM Mashup Center </li></ul><ul><ul><li>Introduction to IBM Mashup Center </li></ul></ul><ul><ul><li>Demo </li></ul></ul>
  17. 17. Increase productivity by unlocking data – Cardiff University <ul><li>Challenge / Aims </li></ul><ul><li>Reduce time spent searching for information </li></ul><ul><li>Rapidly access multiple sources of information </li></ul><ul><li>Admissions Mashup </li></ul><ul><li>Search by Type of application/applicant </li></ul><ul><li>View available spots from different subjects (Biology, Mathematics) </li></ul><ul><li>Map of applicants location color coded by application age </li></ul><ul><li>Enable instant messaging and SMS messages to target candidates </li></ul><ul><li>Benefit: Reduce cycle time and increase success in attracting top talent </li></ul>IBM Mashup Center helps our admissions staff focus their attention on the best results - better using our resources perfectly complements the benefits we see across our entire organisation from WebSphere Portal – Peter Rayment, Cardiff University
  18. 18. Mashing Telecommunication Services with Social Networking Data - Kapsch <ul><li>Challenge </li></ul><ul><li>How to add value to customers – tapping into the power of social networks and increase Average Revenue Per User (ARPU) </li></ul><ul><li>Invite Friends Mashup </li></ul><ul><li>Contacts from multiple social networking sites appear in contact list </li></ul><ul><li>Feed mashup used to merge data from multiple Internet sources </li></ul><ul><li>Use telecom standard ParlayX services to determine user presence, color coding their status </li></ul><ul><li>Select contacts to communicate with via email, SMS or Third Party Call </li></ul><ul><li>Create new blog entry and send SMS message notifying contacts </li></ul><ul><li>Benefit: Greater customer satisfaction to effectively communicate across their networks and new revenue opportunities through network-based services </li></ul>IBM Mashup Center gives Kapsch the capability to embed our services in a way that is personally meaningful for our customers - leveraging information from their personal social networks and Web 2.0 communities - and enabling them to easily reach out and communicate to improve their user experience – Andreas Trescher, Customer Solution Manager, Kapsch
  19. 19. Agenda <ul><li>Speed and Agility Through Enterprise Mashups </li></ul><ul><ul><li>Introduction to Key Mashup Concepts </li></ul></ul><ul><ul><li>Top Ten reasons why you should care about mashups </li></ul></ul><ul><li>Additional Real World Mashup Examples </li></ul><ul><li>IBM Mashup Center </li></ul><ul><ul><li>Introduction to IBM Mashup Center </li></ul></ul><ul><ul><li>Demo </li></ul></ul>
  20. 20. IBM Mashup Center <ul><li>Create new applications by reusing existing data and services </li></ul><ul><li>Unlock Enterprise, Web, Personal and Departmental Information </li></ul><ul><li>Develop widgets from enterprise systems </li></ul><ul><li>Discover and share mashups, widgets, feeds, and services </li></ul><ul><li>Transform information into new feeds </li></ul>A end to end mashup platform, supporting quick assembly of dynamic applications - with the security and governance capabilities IT requires.
  21. 21. Quickly and Securely Unlock Information Unlock enterprise, departmental, web and personal sources. Out-of-the-box connectors to common information sources. Easily create custom adapters for unique needs or legacy systems The feed generator provides the ability to create easily consumable feeds from a wide range of information sources - within minutes!
  22. 22. Re-Use and Share Assets Via the Catalog A single central catalog for feeds and widgets Tagging, rating, and commenting promotes collaboration and reuse Secure and governed access & use The catalog facilitates sharing and discovery of mashup building blocks.
  23. 23. Quickly Create and Share New Mashups The mashup builder supports rapid assembly and sharing of mashup pages and spaces – without coding!
  24. 24. Transform, Mix, + Utilize Information Mash multiple sources into net-new feeds Fast and easy, but powerful, visual editor for precise control over information flows Output in RSS, ATOM, XML, or JSON based on consuming application or widget The data mashup builder can re-mix, merge, group, sort, filter, and transform feeds in a variety of ways, creating a single view of disparate sets of information in minutes.
  25. 25. Turn Your Information Into Dynamic Widgets Quickly build up a rich ecosystem of custom widgets with tools designed for both non-programmers and web developers Lotus Widget Factory: Supercharge custom widget creation without writing code <ul><li>Lotus Widget Factory supports rapid creation of custom widgets through software automation </li></ul><ul><li>Plugs-in to Eclipse, RAD, RSA </li></ul><ul><li>Generate dynamic widgets that perform create, read, update, delete operations on back-end systems </li></ul><ul><li>Achieve both rapid speed + fine-grained control over widget interface </li></ul><ul><li>Seamlessly deploy widgets to IBM Mashup Center </li></ul><ul><li>Unlimited Widget Factory tools provided with Mashup Center purchase </li></ul>
  26. 26. Demo
  27. 27. For more information and to get started….. <ul><li>Visit our IBM Mashup Center website. Downloadable 60 Day Trial! </li></ul><ul><ul><li>http://www-306.ibm.com/software/info/mashup-center/ </li></ul></ul><ul><li>Try out IBM Mashup Center on Lotus Greenhouse </li></ul><ul><ul><li>https://greenhouse.lotus.com/home/product.jsp?p=mashups </li></ul></ul><ul><li>Keep Up with New Developments at our “Mix and Mash” blog </li></ul><ul><ul><li>http://www.mix-and-mash.com </li></ul></ul><ul><li>Visit our Wiki </li></ul><ul><ul><li>http://www-10.lotus.com/ldd/mashupswiki.nsf/ </li></ul></ul><ul><li>Check-out demos & videos </li></ul><ul><ul><li>IBM Mashup Center on DEMOZone </li></ul></ul><ul><ul><li>http://demos.dfw.ibm.com/on_demand/Demo/IBM_Demo_IBM_Mashup_Center-Jul08.html </li></ul></ul><ul><ul><li>How-to Details for IBM Mashup Center (Parts 1-9) </li></ul></ul><ul><ul><ul><li>http://youtube.com/user/ItsMashtastic </li></ul></ul></ul>
  28. 28. Backup
  29. 29. Get Results Faster By Accessing Information in Place Mashup Platform Enterprise Information & Application Sources Personal & Departmental Web (External) SOA <ul><li>Leverage information in its current form, from its current location </li></ul><ul><li>No need for data transport, replication, or warehousing efforts to get started </li></ul><ul><li>Appropriate security, caching, and policies can be placed on data to protect back end systems and their SLAs </li></ul>Discover and Mix Generate catalog of reusable feeds, widgets, pages Analyze and Share
  30. 30. Save Time and Money By Leveraging 3 rd Party Services <ul><li>Rather than build every necessary service or feature for an application, drop in functionality from 3 rd party service providers </li></ul><ul><ul><li>Get to market faster and cheaper than building everything in-house </li></ul></ul><ul><li>Leverage the palette of widgets & services across the web. For example: </li></ul>Google Gadgets programmableweb.com Mapping (Navteq, Google...) Strikeiron Zoho US Postal Service
  31. 31. Extend Reach and Value of SOA Simple to use Simple to access <ul><li>Mashups can help to: </li></ul><ul><li>Illuminate the value of SOA to business users by making it more visible </li></ul><ul><li>Drive the creation of well designed services </li></ul><ul><li>Increase service reuse </li></ul><ul><li>Make SOA simple to use </li></ul>Mashups are the “last mile” of SOA
  32. 32. Major Challenge – Security and Governance “ I am worried about security with mashups – specifically unauthorized users accessing back end systems through feeds or mashups.” “ I am worried that exposing information from my enterprise systems as “mashable” feeds will result in unpredictable loads and thus poor performance for the everyday users of those enterprise systems . We must always meet our Service Level Agreements (SLAs).” “ How do I track and manage the load and usage for each of my feeds?” “ How do I ensure that our sensitive information (e.g., social security number) is not displayed in a mashup or feed?” “ How do I apply the right levels of control – without stymieing innovation.” “ What if a business user brings in a ‘rogue’ widget from an external site? The widget could steal sensitive data !”
  33. 33. <ul><li>Secure access via authorization, authentication </li></ul><ul><li>Create secure Mashups with OpenAjax Alliance Hub v2.0. </li></ul><ul><li>Preserve Service Level Agreements (SLAs) </li></ul><ul><ul><li>Provide rate limiting policies per feed </li></ul></ul><ul><ul><li>Protect back-end enterprise resources from unpredictable loads </li></ul></ul><ul><li>Protect back-end enterprise resources from unauthorized clients and denial-of-service attacks </li></ul><ul><ul><li>IP block: Restricts access to certain client IPs </li></ul></ul><ul><li>Filter and mask sensitive information and restricted data </li></ul><ul><ul><li>Apply masking policies, which search for patterns in feeds and mask them, thereby stopping exposure of sensitive data to the outside world </li></ul></ul><ul><li>Report on policy and usage metrics </li></ul><ul><ul><li>View statistics for each feed, including rate limiting errors and policy failures, requests/min, bytes transferred </li></ul></ul>Mashup Center Provides Key Security & Governance Features
  34. 34. Additional Challenges <ul><li>Cultural issues with self-service development </li></ul><ul><ul><li>Skeptics of end user development </li></ul></ul><ul><ul><li>Will IT allow mashups? </li></ul></ul><ul><ul><li>‘ Millennials’ coming into the workforce will demand this capability </li></ul></ul><ul><li>Intellectual property and policy issues </li></ul><ul><ul><li>Challenge for companies providing widgets – how to manage, monitor, monetize? How do you retain intellectual property? </li></ul></ul><ul><ul><li>Challenge for companies consuming widgets – how to ensure use of external data/widgets does not infringe on the license of the data/widget provider? </li></ul></ul><ul><ul><li>Set policies </li></ul></ul><ul><ul><li>Utilize catalogs to post ‘IT approved’ widgets and feeds. </li></ul></ul><ul><ul><li>Document rules + procedures. Educate. </li></ul></ul>
  35. 35. See how Mashups can deliver ROI for you! <ul><li>ROI Calculator helps document sources of savings </li></ul><ul><li>Best Practices drawn from experiences with customers </li></ul><ul><li>Develop an estimate in a single meeting with our sales team </li></ul><ul><li>Compelling case for executives and approval process </li></ul>
  36. 36. IBM Mashup Center Architecture Widget Servers Enterprise Information & Application Sources Personal & Departmental Web (External) Widget Servers Lightweight Mashup Server Java, PHP, HTML sMash … HTML, Feeds (ATOM/RSS), Documents (ODF, PPT, XLS,) ERP, EIS … WebSphere Application Server Mashup Builder Mashup Enabler Atom Feeds Data Store (meta-data, pages, preferences) External Widgets/Feeds Google Gadgets, ATOM, RSS, etc. Feed Generator Transformation Engine Browser-based tooling (Dojo + AJAX) Feed Generator UI Data Mashup Builder Catalog Feeds (XML, ATOM, RSS) Atom Feeds Open Search Catalog API (ATOM) Catalog Services Logging and tracing Feed Control

×