Ira Kaplan Pittsburgh User Forum October 18, 2012 WebFOCUS 8 Charting.

Slides:



Advertisements
Similar presentations
Step-by-Step: Adjust a Chart Axis USE the Pricing Final presentation that is still open from the previous exercise. 1.Click the chart on slide 2 to select.
Advertisements

Lesson 15 Presentation Programs.
SoNHS - Informatics Essentials for the CPE Workshop PowerPoint Concepts Instructor - Bill Doyle.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
PowerPoint Practice Exercise
Graphics. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non- continuous images. They are.
How to prepare a PowerPoint presentation
Microsoft Office 2007 Word Chapter 1 Creating and Editing a Word Document.
Chapter 8 Working on a Presentation. Formatting and Editing Formatting Layouts Formatting Text Slide Master Graphics Header and Footer Slide Transitions.
JavaScript 101 Lesson 5: Introduction to Events. Lesson Topics Event driven programming Events and event handlers The onClick event handler for hyperlinks.
Creating, Formatting, and Editing a Word Document with a Picture
® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
Power Point Presentation - Advanced Julia J. Stahl Distributed System Specialist.
Microsoft PowerPoint Topics
Copyright 2007, Information Builders. Slide 1 WebFOCUS BI Portal Matthew Lerner WebFOCUS Product Line Manager September 30, 2009.
Mona Baker Information Builders, Inc. Account Support Manager
Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures.
Learning Microsoft Power Point Getting Started  There are three features that you should remember as you work within PowerPoint 2007: the Microsoft.
McGraw-HillCopyright © 2011 by The McGraw-Hill Companies, Inc. All rights reserved. Office Excel 2010 Lab 2 Charting Worksheet Data.
PowerPoint Tutorial. Basic Vocabulary ► Slide - Presentation - Slide layout – ► ► ► a single page in PowerPoint all the slides for a speech all the slides.
Integrating JavaScript and HTML5 HTML5 & CSS 7 th Edition.
WebFOCUS InfoAssist Demonstration
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
Microsoft Publisher 2010 Chapter 1 Creating a Flyer.
Click your mouse to continue. More on Themes The Theme dialog box includes three options for changing the characteristics of the selected theme. Theme.
Creating Graphs in PowerPoint Step 1 Open a new PowerPoint Document.
Ira Kaplan New Jersey User Forum November 29, 2012 WebFOCUS 8 Charting.
Making an Amazing Power Point Presentation Pioneer Media Center.
PowerPoint 2007 Basics Review and Practice File. Insert a Shape 1.Insert any shape 2.Change the shape’s color 3.Change the shape’s style and add a bevel.
Microsoft Office 2007 PowerPoint Chapter 1 Creating and Editing a Presentation.
Ira Kaplan New England User Forum November 16, 2012 WebFOCUS 8 Charting.
A presentation graphic is an image designed to visually enhance a presentation, typically to convey information more easily to people. An image, such.
MSOffice PowerPoint 1 Part 2 ® Microsoft® Office 2010: Illustrated Introductory.
INTRODUCTION TO HTML5 New HTML5 User Interface and Attributes.
A Quick Review Of Unit 6 – Using Microsoft Office PowerPoint 2007 Key Applications © CCI Learning Solutions Inc.
Chapter 3 Part 3 – Presentation Tool Impress for Linux.
How to display data in PowerPoint ADVANCED/COMMUNITY/6.4.
ET-710 WEB-DESIGN By Bart Chuchro Queensborough Community College.
Professional Presentations. Is there a certain format and procedure to follow to achieve a professional looking Power Point presentation?
PowerPoint Practice Exercise 1.Save this file on your H drive in Word folder as Practice. 2.Edit each slide according to the instructions provided in the.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
PowerPoint Tutorial.
Creating a Presentation
Chapter 1 Editing a Photo
PowerPoint Presentations
Title Subtitle.
Building Beautiful Dashboards
A Tutorial on How to Turn PowerPoint Presentations into Slideshows
© T Madas.
Creating, Formatting, and Editing a Word Document with Pictures
European Computer Driving Licence
Microsoft® Office 2010: Illustrated Introductory
Assignment #12 “Off the chart!”
Creating a Successful Web Presence
Creating a PowerPoint Presentation
Chapter 2 Adding Web Pages, Links, and Images
Notes for PowerPoint Review –
Create and edit web pages 2
Description MS Lesson 1 (spring 2013)
Chapter 1 Creating a Worksheet and an Embedded Chart
Creating Images for the Web
Using Cascading Style Sheets (CSS)
UT Strategic Planning Fall Discussions Groups
Chapter 7 Lesson 2 Notes.
PowerPoint Practice Exercise
How to Create Tables & Graphs in Excel
Presentation transcript:

Ira Kaplan Pittsburgh User Forum October 18, 2012 WebFOCUS 8 Charting

Documentation Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages)

Documentation: Audience Chapter 7: Creating and Customizing Charts (113 of 366 pages) Properties and Methods for customizing charts (1382 pages) HTML5 Charts (160 pages) User Developer

WebFOCUS Graphics

InfoAssist

WebFOCUS 8 Chart Customization Manual to be released

WebFOCUS 8 InfoAssist

Gradients and Transparency

Right click on red bar, context menu opens

Gradient and Transparency: Red and Blue Risers

Themes

Select Theme: ENria Dark Ocean Rounded

Select Output Type: HTML5

Results Mouse over: yellow highlight Mouse over: yellow highlight

Where Does the Magic Happen? In the included style sheet: ON GRAPH SET STYLE * INCLUDE= IBFS:/FILE/IBI_HTML_DIR/javaassist/intl/EN/combine_templates/ENria_dark_ocean_rounded_theme.sty,$ TYPE=REPORT, TITLETEXT=&WF_TITLE.QUOTEDSTRING, $ ENDSTYLE C:\ibi\WebFOCUS80\ibi_html\javaassist\intl\EN\combine_templates\ ENria_dark_ocean_rounded_theme.sty *GRAPH_JS "mouseOverIndicator": { "enabled": true, "color": "yellow", "marker":{"size": 0} }, "introAnimation": { "enabled": true, "duration": 1400 }, "riserBevel":"bevel" *END

Resizable

Active Reports

Output Type: Active Report Next step

Active Reports: Pie and Line Charts

Catalogue is Theme aware

Moonbeam, HTML5, and JSCHART

New Style Section: *GRAPH_JS JSON: JavaScript Object Notation

riserBevel: ‘cylinder’,

Demonstration

Demonstrate in Portal Summit 2012 WebFOCUS 8 Charting Lab IK -- IA Gradient Exercise Step 2 v01(IA: gradient and transparency, HTML5 resize) Car -- Chart with Theme and PNG format v01(Run: flat appearance) Car -- Chart with Theme and HTML5 format v01(Run: raised appearance) summit_2012_simple_html5_hand_fex_example(Run/Edit: highlight, bevel, animation) Summit 2012 booth_3d(Run: rotate) booth_gauge1(Run/Edit: show code – browser zoom) booth_line1(Run/Edit: change marker size, animation speed) ia_pie(Run: resize) summit_2012_small_multiple_usa_map(Run: edit) summit_2012_small_multiple_usa_tagcloud(Run: edit) summit_2012_small_width_bar__edited(Run: edit, GRWIDTH) Which bullet chart, matrix, add heatmap?