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.
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
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.
Rapid creation (days not months)
Reuses existing capabilities, but delivers new functions + insights
Requires less technical skills
Often mixes internal and external sources
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
A widget is a small application or piece of dynamic content that can be easily placed into a web page
Widgets are called different names by different vendors: gadgets, blocks, flakes
Widgets can be written in any language or and can be simply HTML
“ Mashable” widgets pass events, so that they can be wired together to create something new
What is a Widget?
Speeding Development – The Mashup Creation Process Reuse existing assets in new combinations Assemble Transform Discover Develop & Unlock
Top 10 Reasons Why You Should Care About Mashups!
Reduce project uncertainty, helping to compress project timelines
Speed application delivery thru a virtuous cycle of reuse
Lower backlog via self-service development
Agility to quickly assemble applications for new situations
Gain valuable insights through information remix
Innovate and create value through community contribution
Get results faster by accessing information in place
Save time and money by leveraging 3rd party services.
Better align IT and business through rapid prototyping
Extend reach and value of SOA – Achieve the “Last Mile” of SOA
1- Reduce Project Uncertainty, Compressing Timelines Rather than…. Customer/ Line of Business PM/ Analyst Architect Development Test/ Doc Customer/ Line of Business Many Months
Reduce project variability
Allow for instant feedback from business
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
2- Speed Application Delivery thru a Virtuous Cycle of Reuse
Reuse + Sharing = Speed
Improve ROI through reuse of existing assets to meet new needs
Any new reusable asset (mashup, widget, feed) can be contributed back to the community catalog
Building one mashup makes building the next mashup even faster
Shorter time to value
Create missing components Discover assets needed in catalog High Level Mashup Development Process Contribute assets back to community
2- Real ROI, Real Fast Example- Large Financial Institution
Use Case: Next-generation customer engagement / transactional site
Information Sources: Mix of internal and external sources, mix of database, web services, ECM content
Initial Scoping Estimate / Conventional Approach: 54,000 man hours
Agile / Mashup Approach: 25-30,000 hours
First Year Hard Cost Savings (using 30k hours) = $2,735,000
First Year ROI (using 30k hours) = 710%
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:
IT is resource constrained, new business requests create a backlog
Too expensive to use traditional skills/ processes for applications “in the long tail”
Business users go around IT – creating more problems (e.g., Excel sprawl)
IT creates catalog of assets and provides code-free assembly tools to line of business
Business users can create and share their own tailored applications for personal or team use – without IT intervention
IT can focus on more strategic applications
Solution: “Do it yourself” IT
4- Agility To Quickly Assemble Apps For New Situations
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).
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.
Within three weeks Boeing and IBM had deployed mashup capability using IBM’s Mashup Center. Boeing successfully demonstrated the capability to FAA, DoD, DHS.
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
5- Gain Valuable Insights Through Information Remix
Challenge: Silo-ed, outdated, inaccessible data
Solution: Mashups turn data into usable information that is easy to remix,
providing users with new insights and greater business context.
What is my competition doing in a specific customer segment? Product Data Competitor blogs Stock Market Data Finance spreadsheet
5- Customer Use Case – Real ROI & New Insights
Free up one resource
Saved $400,000 per year
TCO for project down 40%
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
Challenge: Extremely dynamic manufacturing process and complex supply chain needing real-time management
Solution: Provide real-time, customizable manufacturing information for semiconductor supplier
Mashup: Enterprise mashup of information from portal and supplier’s ERP system
$400,000+ hard annual cost savings from mashup
Value of order fulfillment and reduction in inventory issues estimated in the millions
6- Innovate & Create Value thru Community Contribution
Leverage external communities to drive innovation and value creation
Expose interesting information sources to the community
Provide (or suggest) tools for mashing information into new applications
Offer incentives (monetary, fame, etc.)
Provide a catalog or means of submitting mashups
Be amazed at the creativity of your community!
Tap into both internal (e.g. outside central IT) and external communities
“ 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.”
Increase productivity by unlocking data – Cardiff University
Challenge / Aims
Reduce time spent searching for information
Rapidly access multiple sources of information
Search by Type of application/applicant
View available spots from different subjects (Biology, Mathematics)
Map of applicants location color coded by application age
Enable instant messaging and SMS messages to target candidates
Benefit: Reduce cycle time and increase success in attracting top talent
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
Mashing Telecommunication Services with Social Networking Data - Kapsch
How to add value to customers – tapping into the power of social networks and increase Average Revenue Per User (ARPU)
Invite Friends Mashup
Contacts from multiple social networking sites appear in contact list
Feed mashup used to merge data from multiple Internet sources
Use telecom standard ParlayX services to determine user presence, color coding their status
Select contacts to communicate with via email, SMS or Third Party Call
Create new blog entry and send SMS message notifying contacts
Benefit: Greater customer satisfaction to effectively communicate across their networks and new revenue opportunities through network-based services
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
Create new applications by reusing existing data and services
Unlock Enterprise, Web, Personal and Departmental Information
Develop widgets from enterprise systems
Discover and share mashups, widgets, feeds, and services
Transform information into new feeds
A end to end mashup platform, supporting quick assembly of dynamic applications - with the security and governance capabilities IT requires.
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!
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.
Quickly Create and Share New Mashups The mashup builder supports rapid assembly and sharing of mashup pages and spaces – without coding!
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.
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
Lotus Widget Factory supports rapid creation of custom widgets through software automation
Plugs-in to Eclipse, RAD, RSA
Generate dynamic widgets that perform create, read, update, delete operations on back-end systems
Achieve both rapid speed + fine-grained control over widget interface
Seamlessly deploy widgets to IBM Mashup Center
Unlimited Widget Factory tools provided with Mashup Center purchase
Get Results Faster By Accessing Information in Place Mashup Platform Enterprise Information & Application Sources Personal & Departmental Web (External) SOA
Leverage information in its current form, from its current location
No need for data transport, replication, or warehousing efforts to get started
Appropriate security, caching, and policies can be placed on data to protect back end systems and their SLAs
Discover and Mix Generate catalog of reusable feeds, widgets, pages Analyze and Share
Save Time and Money By Leveraging 3 rd Party Services
Rather than build every necessary service or feature for an application, drop in functionality from 3 rd party service providers
Get to market faster and cheaper than building everything in-house
Leverage the palette of widgets & services across the web. For example:
Google Gadgets programmableweb.com Mapping (Navteq, Google...) Strikeiron Zoho US Postal Service
Extend Reach and Value of SOA Simple to use Simple to access
Mashups can help to:
Illuminate the value of SOA to business users by making it more visible
Drive the creation of well designed services
Increase service reuse
Make SOA simple to use
Mashups are the “last mile” of SOA
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 !”
Best Practices drawn from experiences with customers
Develop an estimate in a single meeting with our sales team
Compelling case for executives and approval process
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