Pablo del Castro Galán GS-ASE-EDS 2014/05/06 EDMS Doc. 13779322 EDMS.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Excel 2007 Graphs & Charts. TYPES OF CHARTS Column Bar Pie Line.
1 Actuate Corporation © 2010 THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE BIRT COMPANY THE.
Microsoft Excel 2010 Chapter 7
ASP Tutorial. What is ASP? ASP (Active Server Pages) is a Microsoft technology that enables you to make dynamic and interactive web pages. –ASP usually.
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
Integrating Access with the Web and with Other Programs.
World Wide Web1 Applications World Wide Web. 2 Introduction What is hypertext model? Use of hypertext in World Wide Web (WWW) – HTML. WWW client-server.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Tutorial 8 Sharing, Integrating and Analyzing Data
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
Project Implementation for COSC 5050 Distributed Database Applications Lab5.
Application Express 4.1 New Features Hilary Farrell, Principal Member of Technical Staff, Oracle.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
SQL Server Reporting Services London Database Developer Forum Anoop Patel.
Top 10 Ways to Visualize Data with JReport 10.1 Tyler Wilchek Marketing Manager Jinfonet Software Rockville, MD Greg Harris Product Engineer Jinfonet Software.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
STATISTICS Microsoft Excel “Frequency Distribution”
Oracle Application Express (Oracle APEX), formerly called HTML DB, is a Free rapid web application development tool for the Oracle database.
Microsoft Office Illustrated Introductory, Premium Edition A Presentation Enhancing.
Oracle Application Express 4.0. © 2009 Oracle Corporation The following is intended to outline our general product direction. It is intended for information.
Project Implementation for COSC 5050 Distributed Database Applications Lab3.
TATA CONSULTANCY SERVICES
Website Development with Dreamweaver
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
Exploring Microsoft Access Chapter 4 Relational Databases, External Data, Charts, and the Switchboard.
Chapter 5: Charts Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
Microsoft FrontPage 2003 Illustrated Complete Using Office Components.
Project Implementation for COSC 4120 Database Applications Lab 3.
The Last Mile: Delivering the Facts – Client Side Analysis.
PowerBuilder Online Courses - by Prasad Bodepudi
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Introduction to Enterprise Guide Jennifer Schmidt Rhonda Ellis Cassandra Hall.
1Copyright © 2011, Oracle and/or its affiliates. All rights reserved.
PowerPoint Lesson 6 Working with Tables and Charts Microsoft Office 2010 Advanced Cable / Morrison 1.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Working with Data Lists.
How to Build an IT Portal with Oracle Application Server Allan L Haensgen Senior Principal Instructor Oracle Corporation Session id:
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Module: Software Engineering of Web Applications Chapter 2: Technologies 1.
ElVis Improvements Summer 2008 Eric Zatz PPPL Summer Intern Mentor – Eliot Feibush August 11, 2008.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
30 Copyright © 2009, Oracle. All rights reserved. Using Oracle Business Intelligence Delivers.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
CHAPTER 7 LESSON C Creating Database Reports. Lesson C Objectives  Display image data in a report  Manually create queries and data links  Create summary.
24 Copyright © 2009, Oracle. All rights reserved. Building Views and Charts in Requests.
Excel Services Displays all or parts of interactive Excel worksheets in the browser –Excel “publish” feature with optional parameters defined in worksheet.
Copyright © 2015 Varun Varghese
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Chapter 17 The Need for HTML 5.
SCC P2P – Collaboration Made Easy Contract Management training
Data Visualization with Tableau
Objective % Select and utilize tools to design and develop websites.
Theme 2: Working smarter
Introducing SmartView
PROJECT ON MS-EXCEL.
Gadgets and Dashboards
Computer Fundamentals
Data Visualizer.
Fast App Creation with APEX Blueprints
Objective % Select and utilize tools to design and develop websites.
Microsoft FrontPage 2003 Illustrated Complete
Microsoft PowerPoint 2003 Illustrated Introductory
Version 3.5 (Citrus) Preview
Introduction to Oracle Application Express
Tutorial 7 – Integrating Access With the Web and With Other Programs
Presentation transcript:

Pablo del Castro Galán GS-ASE-EDS 2014/05/06 EDMS Doc EDMS

Charts in APEX Since the version 3.0 (2007) graphic capabilities have been included in Oracle Application Express (APEX) using AnyChart engine 3.0, from APEX 4.x AnyChart engine 5.0 is used Anychart is a 3 rd party product embedded in APEX ( 2014/05/06 EDMS Doc

Chart Types 2014/05/06 EDMS Doc

Chart Features Custom Legends Save chart as Image Interactivity options (hoverable, selectable data point, drill down …) And many more features 2014/05/06 EDMS Doc Custom labels Custom tooltips Custom colours Custom data point attributes Multiple Axis Axis Inversion Axis Positioning Logarithmic Scales Date time Scale

Charts in Flash and HTML5 Anychart can generate charts either in Flash or JavaScript (HTML5) Easy to change between the two. Some old browsers do not know HTLM5 (external frames embedded in INFOR EAM) Some devices or browsers do not manage Flash 2014/05/06 EDMS Doc

APEX Wizard (I) Create Page Chart 2014/05/06 EDMS Doc

APEX Wizard (II) 2014/05/06 EDMS Doc

APEX Wizard (III) 2014/05/06 EDMS Doc

Chart Attributes (I) 2014/05/06 EDMS Doc

Chart Attributes (II) 2014/05/06 EDMS Doc

Chart Attributes (III) 2014/05/06 EDMS Doc

Chart Series 2014/05/06 EDMS Doc

XML Interface (I) AnyChart is driven by XML interface. AnyChart engine processes the content in the XML and generate the chart. This XML can be generated using whatever language, however APEX offers a wizard and its own interface. All graphing happens on the client side, no rendering on the server side 2014/05/06 EDMS Doc

XML Interface (II) 2014/05/06 EDMS Doc No DATA message, animation, fonts Titles, labels, legend, grids … Style, effects, tooltips.. #DATA# Extra labels Oops, how to insert new nodes here ?

Generating your own #DATA# (I) 2014/05/06 EDMS Doc Delete the #DATA# tag in XML and replace it by our own hidden item 2. Create a computation that would write the new XML in our item 3. Write the code in PL/SQL which generates the proper XML

Generating your own #DATA# (II) 2014/05/06 EDMS Doc The sum of the category on the top of the bar

Drill Down The first column of the query for an Chart is called LINK (APEX URL). It has to exist 2014/05/06 EDMS Doc Current Application ID Current Session ID Parameters Page 'f?p='|| :APP_ID ||':1315:'|| :APP_SESSION ||'::::P1315_SECTION_LEADER,P1315_OBJ_OBTYPE,P1315_OBJ_CLASS: &P1310_SECTION_LEADER.,P,SFRIA', Parameters’ Names Parameters’ Values

Pivot and Unpivot Operators The pivot and unpivot operators are new in Oracle 11 G and they are widely used for reports and BI A pivot query is meant to transpose rows into columns while the unpivot sentence does the opposite, transpose columns into rows. 2014/05/06 EDMS Doc

Pivoted Table Format needed for a bar stacked chart Pivot Operator 2014/05/06 EDMS Doc SELECT... FROM... PIVOT [XML] WHERE … defines the columns to be aggregated (pivot is an aggregate operation) defines the columns to be grouped and pivoted defines the filter for the column(s) in the pivot_for_clause Original Table (SUM (NUM) FOR EVT_TYPE IN (‘JOB’, ‘PPM’) ) ( pivot_clause pivot_for_clause pivot_in_clause )

Unpivot Operator 2014/05/06 EDMS Doc SELECT... FROM... UNPIVOT [INCLUDE| EXCLUDE NULLS] WHERE … ( unpivot_clause unpivot_for_clause unpivot_in_clause ) the list of pivoted columns (not values) to be unpivoted. ( VALUE FOR LABEL IN (WO_WITH,WO_WITHOUT ) ) a column name column to represent the unpivoted values the name for the column that will result from our unpivot query Original Table Unpivoted Table Format needed for a pie chart

Running Totals Analytic Function (arguments) OVER ( [PARTITION_BY_CLAUSE] [ORDER_BY_CLAUSE] ) 2014/05/06 EDMS Doc SELECT SUM ( DECODE (NUM, NULL, 0, NUM) ) OVER (ORDER BY FECHA) AS REALISE FROM TABLE

EAM Light Dashboard 2014/05/06 EDMS Doc

Fire Brigade Dashboard (I) 2014/05/06 EDMS Doc

Fire Brigade Dashboard (II) 2014/05/06 EDMS Doc