Options for building your management cockpits and best practices to optimize its navigation and useabliity Dr. Bjarne Berg © 2007 Wellesley Information Services. All rights reserved. What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD and SAP NetWeaver 2004s Visual Composer Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 2 Background and Terminology Purpose Usage Updates Data Measures Context Source Dashboard Displays performance Scorecard Displays progress Cockpits Displays status and events Performance monitoring Performance management Performance management Real-time feeds Monthly snapshots Daily snapshots Events Summaries Summaries and events Metrics KPIs Metrics & KPIs Exceptions/alerts Targets and thresholds Trends Linked to systems Linked to plans Linked to BI systems Sources: Wayne Eckerson, 2005; Bjarne Berg 2006 • Many companies and people confuses the concepts of dashboards, scorecards, and cockpits. They vary in terms of purpose, usage, source, data, etc. • Most BI systems fall in to the cockpits category These are typical parameters, and some may be slightly different (i.e., some metrics in a cockpit may only be updated monthly). However, such deviations should be exceptions. 3 Typical Components of a Cockpit: SEM Example • Higher-level navigation between views • External data • Graphical displays Comparative/ benchmarking Logical grouping of similar information 4 SEM Management Cockpit Customize navigation menus and buttons Illustrate best practices, benchmarks, or target performance 5 Visual Composer Management Cockpit Add number lists Each frame can have internal navigation Represent the same data in several ways to highlight trends and to also provide transaction details 6 Navigations Linked to Multiple Views Central navigation can change multiple views Link more documentation Make multiple measures available Source: SAP AG, 2005 7 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD and SAP NetWeaver 2004s Visual Composer Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 8 Strategy Management and Performance Measurement – CPM The presentation layer in SAP Management cockpits has four layers: • Cockpit – high-level overview (consists of walls) • Wall – a logical grouping of measures • Logical view – the display level of the cockpit; consists of frames • Frame – lowest level of individual measure display These presentation layer object are already web enabled and integrate with the Portal. They also provide built-in drill downs and navigation based on how you constructed your measures. 9 What is SEM – CPM? The Corporate Performance Monitor (SEM-CPM) is part of the Strategic Enterprise Management BI toolsuite. It consists of the Performance Measurement (PM) area and the Strategy management area (SM). The Performance Management area consists of four distinct areas: 1. Management Cockpit 2. Measure Builder 3. Benchmarking 4. Delivery of business content The Strategy Management consists also of four areas 1. Balanced Scorecard Strategy 2. Strategy modeling 3. Value Driver Tree 4. Risk Management Measure Value Driver Tree Objective Initiative Source: J. Lombard, 2006 Risk 10 SEM – CPM Walls Walls are the highest level of the SEM-CPM Cockpit. Research has shown that more than 7 walls are hard to read and comprehend. Ideal numbers are 3, 5 or 7. Major consideration!! Humans have a hard time remembering, organizing, and retain information that is asymmetrical. This is true for hearing, seeing, tasting, feeling and smelling.. Read more about the cognitive revolution and the article that started it all: Newell and Simon “The magic number 7” (1956) 11 SEM-CPM Navigation and Measures • Use indicators (red, green, yellow) at a high level to indicate the overall situation of the organization • Create the hierarchies of measures in the Measure Builder tool (get to measure builder by transaction code UMK_MB_DISP_PARA) By clicking on each of the frames, users can access more details and other cockpits 12 SEM-CPM Rules for Graphs and Real Estate Don’t use as many types of graphs as possible, and never mix more than 3 types of graphs. If you use more, users have to interpret the pictures as well as the data in a fractured, non-productive manner. 2. Try to avoid empty spaces, but don’t force unrelated measures into the cockpit. It confuses the users. 1. 13 SEM-CPM Rules for Graphs and Real Estate (cont.) 3. There is nothing wrong with using the same type of graphs on a cockpit (i.e., tachometers). Users adapt quickly and can absorb the information faster. 14 When to Consider CPM – Management Cockpits The management cockpits and web rendering closely integrate with the pre-delivered measures in SAP Measure Catalog. You also can add new measures through SAP Measure Builder. By linking the higher-level measures, using Measure Trees, you can create true performance measures that are consistent throughout your cockpit and which also take care of most of the web navigation and drill downs in the cockpit. Navigation is built in to the management cockpit and you do not have to build customized links. Consider SAP CPM when you have limited in-house web skills, or when measure consistency and rollups are very important. Drawback: Users often complain that there are too many steps that they have to follow when drilling up and down within the measures (rigid navigation that is hard to customize). 15 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD and SAP NetWeaver 2004s Visual Composer Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 16 Cockpits with Web AD 3.x and SAP NetWeaver 2004s • Web Application Designer (Web AD) can create Web- based cockpits using BW query data 17 Cockpits with BW 3.x Web AD BW 3.X based Web Application Designer (WAD) provides drag and drop functionalities for creating BW Web templates which may be the host of web based BW cockpits • WAD can be used for creating BW Web Cockpits integrating data from multiple BW queries. • Each item can be served by a BW query, or by external web pages or web applications 18 Cockpits with BW 3.x Web AD (cont.) • Standard Web items are available for creating BW Web templates with minimal coding Charts Tables Drop-down boxes Navigation block Check box 19 Cockpits with SAP NetWeaver 2004s Web AD • New items include improved tabstrip container in SAP NetWeaver 2004s for designing BI Web applications • Reduces the amount of custom coding required with the help of Command wizards, Auto complete, and support for HTML tags 20 SAP NetWeaver 2004s Web AD New Featurs Web Items: Tab Pages, Button, Script Item (SAP NetWeaver 2004s Support Package Stack 7) Drag and drop using Analysis item New chart types (heat map, Gantt, milestone trend analysis) Export BI Web applications in PDF format Command Wizard for generating Web API commands Integration with SAP NetWeaver 2004s BEx Report Designer for formatted reports 21 BI Web API Commands You can use BI Web API commands for carrying out certain actions in BI Web Applications. Export to Excel, PDF etc. OLAP functions: Apply Filter values, remove drill downs • Command Wizards guide you through the steps for creating a BI Web API command • Commands appear together for easy access Data Provider Web Items Web Templates • The Web cockpits developed by Web AD in SAP NetWeaver 2004s can be interactive, include many data sources, and be very flexible 22 Command Wizard and JavaScript • Use Command Wizard for generating JavaScript code for the Script Item to use in custom cockpit applications This is a great feature for building custom features into your cockpits based on 23 standard JavaScript More New Cockpit Options Personalize BI query variables • Bookmark the navigational state of the BI Web application • Perform multidimensional analysis of BI query data • Allow users to create exceptions and conditions for BI query data • These features makes it easier to customize the dataset that queries return to the Web cockpit 24 Web AD Cockpits in SAP Enterprise Portal 6.0 Direcltly publish BI Web cockpits to Portal Content Catalog using the Publish option from Web AD Portal and BI system connection should be set up as per OSS note 917950 25 Broadcast Cockpit Views Using Web AD In SAP NetWeaver 2004s, use Information Broadcaster to broadcast BI Web applications (i.e., cockpit views) to Enterprise Portal KM folders and via email in various formats (PDF, MHTML, HTML) • Information Broadcaster/Reporting Agent (BI 3.x) can precalculate BI Web applications to enhance performance • 26 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD and SAP NetWeaver 2004s Visual Composer Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 27 Visual Composer – Background • Visual Composer is a Web-based modeling tool • You can use Visual Composer to develop SAP Enterprise Portal content with no coding • Can create integrated view of OLTP and OLAP data sources 28 Visual Composer Cockpit Example •No coding required to create great-looking Web-based cockpits •Take advantage of prebuilt analytic business packages 29 Details about Visual Composer Cockpits •Delivered as part of Enterprise Portal in SAP NetWeaver 2004s Usage Type (SPS8 and higher) •Different options available for rendering Visual Composer output Flash Web Dynpro (HTML) •Flash provides high-end visualization of Visual Composer models Since a cockpit may have many different DataSources (queries), it can take quite some time to execute them if the memory cache is not used consistently 30 Visual Composer Data Methods • Can integrate data from multiple data sources, including SAP and non-SAP systems, into one model • Different options available for data access include: BI Extension Kit Remote Function Call (RFC) Web services • BI Extension Kit allows access to the following DataSources SAP NetWeaver 2004 BI (BW 3.5 Support Package 14) SAP NetWeaver 2004s JDBC XMLA 31 Visual Composer DataProviders • You can use BI queries and views as DataProviders for Visual Composer models • You also can use BI query functionalities for exceptions and variables along with Visual Composer models • Visual Composer allows access to BI history, favorites, and roles 32 Web AD and Visual Composer • Visual Composer integrates with Web AD-based applications using Portal Eventing Framework • For example, BW Web API can pass a filter value from a BEx Web application to Visual Composer and vice versa 33 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD and SAP NetWeaver 2004s Visual Composer Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 34 Web Cockpit in the Portal Integrate queries and Web applications into the portal through publishing, broadcasting, or Web calls The portal can either receive designed pages passively or actively create communities, Web pages, collaboration rooms, or cockpits Publishing Broadcasting 35 Web Cockpit in the Portal (cont.) • The SEM-CPM cockpits are already part of the portal, so you can access them there • iViews can build custom portal cockpits with iViews from many data sources (Web AD, BW, SEM, R/3, Web) and in many formats (graphs, pictures, figures, tables) • iViews can also be interactive 36 Visual Composer 7.0 Portal Publishing • Visual Composer Design time deploys Visual Composer models directly as iViews to Portal Content Catalog • You can then use Visual Composer iViews in portal pages, roles, etc. 37 Building a Web Cockpit in the Portal The trick in developing custom Web cockpits in the portal is to manage the real estate very carefully. Most pure iView-based cockpits are very cluttered and hard to read and navigate. 1. Start with logical groupings of items (i.e., sales, finance) 3. Share the same navigation menus and tabs as the portal 2. Limit colors to complimentary 4. Avoid running text, flashes, formats (we will look at these later). animations, layering and scrolling text (this is an absolute no-no). 38 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD Visual Composer and demo Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap up • 39 BI Java SDK-Based Cockpits BI Java SDK can be used for custom applications based on SAP BI and non-SAP data. • BI Java SDK provides access to relational and OLAP data sources using JDBC, XMLA, ODBO etc. • Access to 200+ data sources using the JDBC drivers. • Java programmers will recognize the standard development kit's (SDK) main libraries such as the abstract windowing toolkit (AWT) and the GUI-oriented Swing object library as well 40 Source: SAP AG, 2005 BI Java SDK-Based Cockpits (cont.) • SAP NetWeaver Developer Studio can develop BI Java SDK-based applications • Can use along with SAP Java Web Dynpro Tip Interested developers should familiarize themselves with SAP NetWeaver Developer Studio 41 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD Visual Composer and demo Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap up • 42 Third-Party Cockpits • Some best-of-breed cockpit tools incorporate SAP BI as part of a Web item provider, or more commonly through BW queries fed by BAPIs or ODBO in BW • Some even provide separate Multidimensional Online Analytical Processing (MOLAP) solutions tightly connected to SAP BW Cognos Hint: reading RS_ tables inside BW Microsoft 43 Third-Party Cockpits (cont.) • Other BI and cockpit companies, such as Corda, are actively working on creating cockpit tools for SAP BI 44 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD Visual Composer and demo Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 45 War Rooms and External Access 1. Shared cockpits are most useful 2. External access to information is more common. Vendors and customers love it! 3. You can build war rooms for collaborative decision making using cockpits 4. Cockpits require a true BI infrastructure. Note It is tempting to jump straight to the cockpit development, but it is almost impossible without a well-architected BW system to support it. 46 A Good Cockpit Is Simple Majority of usage of cockpits are in user segments 1 and 5. You should use BI queries and OLAP for the other segments. Segment 1: Trackers - 37% Tracking -Characterized by low duration overall. Segment 4: Info Gatherers - 4% Concentrated in information areas. Rarely reach transaction areas. Segment 2: Reservers - 3% Low duration per page view. Segment 5: Single-clickers - 32% Visit homepage only. Segment 3: Uncommitted - 10% Characterized by long duration. Complex decisions. Segment 6: Wanderers - 15% Very few, very random pages. Few hits, but long duration per page view. Example source: Dr. Paul Strupp, Sun Microsystems Note The average manager navigate in no more than 7 dimensions and only 2 levels deep (49 views). Therefore, the majority of users of cockpits need few, simple, but highly informative views. The other user community is best served by OLAP queries. 47 Use of Color Colors share a powerful connection with emotions, so you want to be conservative Sir Isaac Newton developed the first circular diagram of colors in 1666 and identified 12 basic colors Colors on opposite sides are complimentary and looks good together in a cockpit Color definitions: Shade: base color mixed with black Tint: base color hue mixed with white Tone: base color + gray or another base color + Source: Bob Marteal, Cornell Univ. a complementary color 48 2005, Susan M. Raymond, WHS How do You Pick Your Web Cockpit Colors? This uses a single pure color with a number of tints and shades to provide variety Monochromatic scheme Pros: Extremely unified and harmonious; effective for establishing an overall mood Cons: Can be dull because of the lack of variation and therefore can lose the interest of the viewer Analogous scheme Any three colors which are side by side on a color wheel, Pros: Great selection of possible combinations makes this scheme versatile. The similarity makes the schemes harmonious with great results because it is soothing and restful. Cons: The use of more than three colors can dilute the overall effect of this scheme. 49 How do You Pick Your Web Cockpit Colors? (cont.) Pick any three colors on a triangle. This scheme is very appealing and well balanced. Triadic scheme Pros: Extremely stable, each color perfectly balances with the other. It is useful for presenting information in bold, decisive patterns. Cons: The vibrancy may be too much and detract from the message. Split scheme Any two colors that are side by side on a color wheel Pros: This scheme has more variety than a simple complementary color scheme Cons: It is less vibrant and eye-catching; it is difficult to harmonize the colors 50 A Colorful Example of What Not to Do Colors that are so similar that not everyone will be able to distinguish them (blends information) Split scheme background colors that are unattractive Distracting color that breaks the color scheme and attracts attention for no apparent reason 51 Use of Real Estate – Symmetry, Graphs, and Colors Consistent use of graphs is visually pleasing. Here are three types of graphs and a map. Background colors are monochromatic scheme in blue Bars and lines are limited to same color scheme with few additional colors Symmetry is visually pleasing and makes the cockpit easy to read. Here we have 3 walls, 4 frames in the outer walls, and a central section. Filling the white space by either enlarging the map, or adding a message board would improve this cockpit 52 The Need for Speed • When cockpits bring together data from many sources during runtime, it can be very slow and cumbersome This is because when your system access the portal cockpit, it may have to execute the supporting cockpit queries • Solution: You can present static images (i.e., static HTML from BEx Broadcaster into a portal iView) or you can cache queries results by using Reporting Agent in 3.5x or BEx Broadcaster in SAP NetWeaver 2004s 53 The Need for Speed (cont.) • SAP NetWeaver 2004s allows you to fill the resident memory of your server with pre-run results (cache). This provides faster response to the users, since the query result sets are accessed from memory instead of re-executed on the database side. BW 3.5 NetWeaver 2004s IMPORTANT: Old Reporting Agent scenarios still run in SAP NetWeaver 2004s. However, Reporting Agent will not be developed any further and is removed from SAP NetWeaver 2004s Workbench. In BI 7.0 you can only reach it by transaction code REPORTING_AGENT 54 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD Visual Composer and demo Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 55 What SAP Tool Should I Use? BW 3.x Web AD SAP NetWeaver 2004s Web AD Multidimensional Analysis (full) J Portal integration Information Broadcaster Visual Composer SAP SEMCPM Thirdparty cockpits Java SDK tools Portal iViews J - - - - J J J J J J J J J - J - - - - J J J J - J J - - - - J J J J J J J Direct support for non-BW data - - J - J J Simplicity to use and learn - - J - - - Formatted reporting Graphical options (delivered) Automatic code generation SAP integration J J There are many options and sometimes, the choice is based on what you are familiar with and whether you enjoy using new tools 56 What We’ll Cover … • Background, terminology, and examples • Tool options SEM CPM Web AD Visual Composer and demo Publishing to the portal Custom cockpits (BI Java SDK) Third-party cockpits What makes a good cockpit? • Which tool is right for me? • Wrap-up • 57 Resources • Dr. Bjarne Berg's Web page: 60+ presentations, tutorials, and articles http://csc-studentweb.lr.edu/swp/Berg/BB_index_main.htm • SAP Online Help BW and EP Integration http://help.sap.com/saphelp_nw04/helpdata/en/a3/7b583c2439e66fe10000000a114 084/content.htm • SDN BW How to Guides How to integrate Visual Composer Applications and BEx Web Templates https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/docs/library/uuid/ad182ac70a01-0010-4fb8-8a4d217b19c1 • BW Expert (www.BWExpertOnline.com) “Create Unparalleled Analytical Applications with SAP NetWeaver BI, Visual Composer, and Macromedia Flex” by Moya Watson and Judy Kestecher, SAP Labs January 2006 issue 58 7 Key Points to Take Home • There are many ways to build Web cockpits and SAP has tools for them all. • Look at in-house Web skills before you decide on the tool. • SAP Performance Management is a great tool for those with limited Web skills, but requires consistency in performance measures (roll-ups) and structured navigation • Visual Composer is great for complex graphing • Web AD is the tool of choice by experienced Web programmers who want total design freedom 59 7 Key Points to Take Home • Third-party tools for Web cockpits are emerging and some are quite advanced (Cognos). • While all these tools gives you a great deal of flexibility, it is the use of the real estate, colors, graphs, and consistency that is going to determine if your cockpit is successful: Spend serious time designing instead of coding! 60 Your Turn! How to contact me: Bjarne Berg Bberg@ComeritInc.com 61