JD Edwards E1Page

EnterpriseOne Pages
EnterpriseOne Page Generator

February 29, 2012
The following is intended to outline our general

product direction. It is intended for information
purposes only, and may not be incorporated into any
contract. It is not a commitment to deliver any
material, code, or functionality, and should not be
relied upon in making purchasing decisions.
The development, release, and timing of any
features or functionality described for Oracles
products remains at the sole discretion of Oracle.
The following is intended to outline our general

product direction. It is intended for information
purposes only, and may not be incorporated into any
contract. It is not a commitment to deliver any
material, code, or functionality, and should not be
relied upon in making purchasing decisions.
The development, release, and timing of any
features or functionality described for Oracles
products remains at the sole discretion of Oracle.
Creating EnterpriseOne Pages

Existing Solutions
There are several mechanisms for creating

EnterpriseOne Pages.
In-house solutions:
JDeveloper or other WYSIWYG editors
By-hand HTML/CSS/JavaScript coding
Out-sourcing:
Third-party web developer doing contract work
These solutions work well for many customers,

But they require significant investment, and
they place the burden entirely on the customer.

2012 JD Edwards Summit

Mission Statement
Provide a utility for:
Modification of the starter-kit E1 Pages
Creation of new E1 Pages
Should be fast and simple
Should not require knowledge of HTML
Should support several useful types of E1 Pages
Should match the look and feel of EnterpriseOne
Not intended to do everything conceivably possible

with HTML
For that, you need a web developer
Emphasis is on simplicity and ease-of-use
Generator Output - Example
%Financial Planning Forecasting and Budgeting%

@A::Forecast Growth Patterns:runE1App('P1406','W1406A')
@B::Assign Patterns to Business Unit:runE1App('P1405','W1405A')
@C::Generate Forecast Basis:runE1UBEBlind('R1403','XJDE0001','0')
@D::Generate Forecast Results:runE1UBEBlind('R1404,'XJDE0001','0')
@E::Apply Forecast to Budget:runE1UBEBlind('R1407','XJDE0001','0')
@F::Requested Budget:runE1App('P14102','W14102A','ZJDE0001')
@G::Approved Budget:runE1App('P14102','W14102A','ZJDE0002')
@H::Final Budget:runE1App('P14102','W14102A','ZJDE0003')
@I::Budget vs. Actual Reporting:runE1App('P09210A','W09210AA','ZJDE0001')
A--->B-,
|
C-'->D--->E-,
,-------------------'
`->F--->G--->H--->I
Generator Syntax
Page Description in a DAT file
A text-file with a .dat extension
Three Components:
Title / Global Options
Element Definition
Structure/Layout
%Title Goes Here%
*global_option1=value1
*global_option2=value1
@A:option1=value1|option2=value2|flag:Label A:do_something()
@B:flag1|flag2:Label B:do_something()
A--->B
Generator Syntax
Element Definition
@A:option1=value1|option2=value2|flag:Label A:do_something()
@ identifies element definition

Colon-delimited list with 4 pieces
#1 Element Identifier (alphanumeric)

#2 Pipe-delimited options/flags (order doesnt matter)
#3 Title (either literal title, or key to be read from properties file)
#4 Javascript onClick action
Generator Syntax
FAQ
Translation:
All of the labels can be key values read from a properties file
Use the same DAT file for every language
Order of lines:
Structure lines have to be in order (obviously)
Can mix and match the order of all other lines
Most options are case-insensitive.

How many distinct items can I define?
62
(26 lowercase letters, 26 uppercase letters, 10 digits)
Can I use the same item more than once?

Yes
What can the clickable items do?

Leverage the javascript APIs in e1pagehelper.js
Launch an E1 Application (with or without version)
Launch an E1 Report (blind or non-blind)
Go to another E1 Page
Execute any arbitrary javascript

Open a URL in a new window
Close the browser window (logout)
Anything else doable in javascript
See extensibility guide for e1pagehelper.js APIs

https://support.us.oracle.com/oip/faces/secure/km/Document
Display.jspx?id=1394280.1
10
Examples
Please note:
The examples in the slides that follow overlap heavily
with the example DAT files provided with the
generator, but they are not identical, nor are they
numbered the same way.
11
EOnePages Examples
#1 Basic Flow

A--->B-,
|
C-'->D--->E-,
,-------------------'
`->F--->G--->H--->I
12
EOnePages Examples
#2 Disabled Item
@G:disabled|appId=P14102|...
13
EOnePages Examples
#3 Small Icons
*flowStyle=smallIcons
14
EOnePages Examples
#4 Hover Info
@E:hoverLinkText=Documentation|hoverLinkURL=http\://www.oracle.com/|reportId=R1407
|version=XJDE0001|description=R1407_DESCR:R1407_TITLE:runE1UBEVersion('R1407',
'XJDE0001','0')
15
EOnePages Examples
#5 Custom Icons
*@A:customIcon=img/financial_large.png|appId=P1406|...
16
EOnePages Examples
#6 Colors
@D:color=green|reportId=...
@F:color=red|appId=...
@I:color=yellow|appId=...
17
EOnePages Examples
#7 Right to Left Layout
DAT file:
*dir=DIRECTION
DAT file:
*dir=rtl
-or-
Properties file:
DIRECTION=rtl
18
EOnePages Examples
#8 Swim Lanes
A--->B-,
|
C-'->D--->E
---------------F--->G--->I
---------------A--->D--->H--->I
19
EOnePages Examples
#9 Large Icons (with descriptions)
*flowStyle=largeIcons
20
EOnePages Examples
#10 Large Icons (no descriptions)
*showDescr=hoverOnly
21
EOnePages Examples
#11 Large Icons in a Flow
*showDescr=hoverOnly
....
A--->B-,
|
C-'->D--->E-,
,-------------------'
`->F--->G--->H--->I
22
EOnePages Examples
#12 Use of Dividing Lines
B |
|
C |
|
G |
D
E
-----H
I
23
EOnePages Examples
#13 Sections
+section::Applications
A
B
F
G
H
I
+section::Reports
C
D
E
24
EOnePages Examples
#14 Tile Layout
*flowStyle=tiles
25
EOnePages Examples
#15 Tile Layout #2
26
EOnePages Examples
#16 Order Management Example
*%Order Management%
*flowstyle=largeIcons
*hover=off
@A:description=View or change an existing Sales Order and submit it for
approval|customIcon=img/order_mgmt_inqy_large.png:Sales Order Home
@B:description=Create a new Sales Order|customIcon=img/order_mgmt_mntn_large.png:Enter Sales Order
@C:description=Create a new Purchase Order|customIcon=img/supply_chain_mntn_large.png:Enter Purchase Order
@D:description=Create a new Work Order|customIcon=img/manufacturing_mntn_large.png:Enter Work Order
@E:description=Select and print a hardcopy of an Expense Report|customIcon=img/hcm_mntn_large.png:Address
Book Home
+section::Order Management
A
B
C
D
E
27
Live Demo
Build and experiment with the example DAT files
provided with the generator.
28
Key Take-Aways
There are many ways to create EnterpriseOne Pages.
E1 Page Generator allows for rapid development of
professional-looking E1 Pages matching a few
predefined styles.
Layouts:
Item styles:
Process flows
Text-only boxes
Swim lane flows
Text plus icon boxes
Grid/Matrix layout
Large icons
Section-based layouts
Tiles
29
More Details
E1 Page Generator Syntax
30
Global Options
Exact syntax subject to change
flowstyle=smallIcons|largeIcons|tiles
When not specified, style is text only
showDesc=hoverOnly|tilesOnly|never
When not specified, description shown both places
hover=on|off
When not specified, hover is available for enabled items only
dir=rtl|<properties_key>
showGrid
31
Per-Item Options
Exact syntax subject to change
Hover-Text:
appId
formId
reportId
version
productCode
description
hoverLinkText
hoverLinkURL
Other over-rides:
disabled
hover=on|off
boxStyle=box|noBox|liteBox
color=red|green|yellow
report
noAutoIcon
liteHover
32
Flow Structure
All flows can be decomposed into a small set of
component pieces:
There is a repeating sequence of five pieces.

The Rule of Fives
33
Flow Structure
Valid values:
First slot: 3 values
Bonus: 3 more values
34
Flow Structure
Valid values:
Second slot: 2 values
35
Flow Structure
Valid values:
Third slot: 5 values
36
Flow Structure
Valid values:
Fourth slot: 2 values (same as second slot)
37
Flow Structure
Valid values:
Fifth slot: 3 values
38
Flow Structure
Valid values:
39
Flow Language
Alphabet
Employs an ascii-art system of symbols to represent the
business flow.
Specifically: O - > , | \ / space =
Semantics
Letter represents App or Report

Hyphen represents horizontal line connector
Greater-than represents an arrow head
Comma represents a downward branch
Apostrophe or Back Tick represents an upward branch
Pipe represents a full-height vertical line
Backslash represents a downward arrow
Forward Slash represents an upward arrow
Space represents a blank cell
Equals represents a completely blank line
40
More Advanced Structure

Example 1
%Flowchart Title%
@A::Apple
@B::Cat
@C::Carot
@a::Dog
@d::Rabbit
@h::Elevator
@e::House
@f::Factory
@g::Bicycle
@s::Car
@z::Sunglasses
A-,->B--->C-,
|
|
a-'------>B-'->d-,
,-------------------'
'->h--->e-,->f
|
|->g-,->s
|
|
'->z-'
41
More Advanced Structure

Example 2
A-,
,->A-,
|
|
|
|----'->A-|
|
|
,->A-| A--->A-|
|
|
|
| A-'
|
'---------,----'
'->A
42
Flow Semantics
Every structural row is in a repeating pattern of fives
Certain symbols are only semantically valid in certain
columns
If the first box appears in column 3, then boxes can only occur in
columns 3, 8, 13, 18, 23,
Arrowheads would only be valid in columns 2, 7, 12, 17, 22,
Adjacent edges must match:

If you have a downward branch in one row, you probably want to
have some sort of upward branch on the row below.
Otherwise, you will have an dangling line to nowhere. (In some
cases, you could want this. If so, do it.)
43
Flow Symbols
Boxes
Any alphanumeric character
Up to 62 distinct boxes (A-Z, a-z, 0-9)
Meta-information maps a meaning onto these characters
Lines
----
Arrows
--->
Branching points
-,--
---
-|--
Completely blank line

=
44
Generator Syntax - Example

A--->B-,
|
C-'->D--->E-,
,-------------------'
`->F--->G--->H--->I
45

JD Edwards E1Page

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

JD Edwards E1Page

Încărcat de

Drepturi de autor:

Formate disponibile

EnterpriseOne Pages

EnterpriseOne Page Generator

The following is intended to outline our general

The following is intended to outline our general

Creating EnterpriseOne Pages

There are several mechanisms for creating

These solutions work well for many customers,

EnterpriseOne Page Generator

EnterpriseOne Page Generator

Not intended to do everything conceivably possible

2012 JD Edwards Summit

Generator Output - Example

%Financial Planning Forecasting and Budgeting%

2012 JD Edwards Summit

2012 JD Edwards Summit

@ identifies element definition

#1 Element Identifier (alphanumeric)

2012 JD Edwards Summit

Most options are case-insensitive.

(26 lowercase letters, 26 uppercase letters, 10 digits)

Can I use the same item more than once?

What can the clickable items do?

Execute any arbitrary javascript

See extensibility guide for e1pagehelper.js APIs

2012 JD Edwards Summit

2012 JD Edwards Summit

%Financial Planning Forecasting and Budgeting%

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

2012 JD Edwards Summit

There is a repeating sequence of five pieces.

2012 JD Edwards Summit

First slot: 3 values

Bonus: 3 more values

2012 JD Edwards Summit

Second slot: 2 values

2012 JD Edwards Summit

Third slot: 5 values

2012 JD Edwards Summit

Fourth slot: 2 values (same as second slot)

2012 JD Edwards Summit

Fifth slot: 3 values

2012 JD Edwards Summit

2012 JD Edwards Summit

Letter represents App or Report

2012 JD Edwards Summit