Mashup ppt


Published on

Published in: Education
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Main Point : Widgets are a small application or piece of dynamic content that can be easily placed into a web page. Business users can add widgets to a mashup. Part of the value of widgets is that they can be easily connected to each other – sometimes called wiring – where a click in one widget automatically updates a view or function in another widget – this is a very simple interface that business users can drag and drop widgets and easily connect them to create something new. These are conceptually similar to Portlets.
  • The first step in building your first mashup is to make sure you have access to the desired data sources. This typically involves unlocking your existing enterprise, departmental or personal data sources by exposing that information into a common, reusable format- which is often a feed. Once the appropriate feeds are created, customers will often want to put a visualization on top of that information by turning it into a widget. Each time one of the fundamental building blocks (feeds / widgets) is created for your desired mashup, you can publish it to the catalog, where it can be shared with others in the community. Now, when someone wants to create a mashup, they can start by selecting or discovering the appropriate widgets or feeds from the catalog, perhaps transform or remix a few of the feeds together to get the right information, and then, using code-free assembly tooling, business users (or really anyone with the right access control to the mashup environment) can assemble together these widgets into new applications, which can also be shared with other users.
  • Assumes $130 an hour all in development cost Assumed $385,000 in mashup center costs being added to cost of Agile approach THESE ARE REAL NUMBERS CALCUATED BY GBS AND ACCEPTED AS ACCURATE BY THE CUSTOMER AS VALID
  • Speed and increasing the effectiveness of business users are the core benefits to Cardiff's use of Mashup Center. They view mashups as a compelling way to lower development costs and help their business staff and students take advantage of easy to use mashup tools to quickly assemble and customize information to get a task done. Cardiff is a leading organization in understanding the power of Web 2.0 and how to help people work smarter – they view Mashups as a significant addition to their capabilities – complementing their use of WebSphere Portal Cardiff University's vision is to be a world-leading university and to achieve the associated benefits for its students, staff, researchers and all other stakeholders. The student population is drawn from a variety of backgrounds, with students attracted from throughout Wales, the rest of the UK and world-wide. To target scarce admission resources Cardiff worked with IBM to create a Student Admissions Mashup. This software enables a Cardiff admissions tutor to communicate effectively with students who have yet to notify Cardiff of their acceptance of their offer and increases the probability that highly desired candidates will accept Cardiff's offer.  The Student Admission Mashup facilitates admissions search by the following: application type and applicant’s location, a view of the list of applicants who have been offered a place and which course they are interested in. The admissions staff can then reach out to the applicants via SMS messaging to enable more proactive communication with their top candidates, building relationships and engaging with them effectively.
  • Mashups offer a way to increase the value add that firms can deliver to specialized customer segments. In this case, Kapsch is a firm that delivers specialized telecommunications software to large carrier companies who serve consumer audiences with mobile services etc. The mashup offers them an effective platform to combine their services with other web based information – in this case a public social networking site such as Facebook or Xing – letting consumers customize how they wanted to communicate to their own personal networks to drive more revenue for telecom carriers. The Kapsch Group, has undergone a significant transformation from its founding in 1892 - from a manufacturer of telephones to system supplier for road traffic telematics and telecommunications. Headquartered in Vienna, Austria, Kapsch has about 2300 employees worldwide. Individual solutions and the high quality of its systems are traditional strengths that have made the Kapsch Group one of the market leaders in the European traffic telematics and communications industries. In today’s highly competitive telecommunications environment – Kapsch is looking for new innovative ways to help their customers tap into the power of social networks and integrate information from multiple sources to instantly communicate. IBM Mashup Center is helping them realize that vision. The Invite Friends Mashup's objective was to show how Kapsch could add value to a social communications network through the addition of telecom service features. It enables customers to select multiple contacts, and send SMS, send email and place a call. Alternatively, the user could post a new blog entry then notify others about it via the other services (SMS, email etc).
  • Please go to our website to learn more about Mashup Center. The best way to see the power and speed of this is to try it yourself on Greenhouse. As of 2 nd quarter 2009 we had over 4200 users creating thousands of assets on Greenhouse – join in and try it for your self. We have an abundance of how to videos available on YouTube to help you get started and see how customers are using mashups.
  • 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> </li></ul></ul><ul><li>Try out IBM Mashup Center on Lotus Greenhouse </li></ul><ul><ul><li> </li></ul></ul><ul><li>Keep Up with New Developments at our “Mix and Mash” blog </li></ul><ul><ul><li> </li></ul></ul><ul><li>Visit our Wiki </li></ul><ul><ul><li> </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> </li></ul></ul><ul><ul><li>How-to Details for IBM Mashup Center (Parts 1-9) </li></ul></ul><ul><ul><ul><li> </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 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