X Page Designer Work in Progress

1
X Page DesignerWork in Progress

• Jean-Anne Fitzpatrick
• 16 Feb 05

2
Context (General)

• Existing App Designer
• Look feel, functionality predates browser
  client
• Bottom up application designfields then
  records then pages then components
• Explicit RDBMS model
• vs.
• X goals
• Modern IDE, MVC architecture, OO design
• Top down, start with UML business logic
  abstract away the RDBMS
• Support page prototyping independent of back-end
  development

3
(No Transcript)
4
Context (Specific)

• Constraints
• Eclipse platform
• Containment model for page layout(hybrid table
  flow)
• Major decision point
• Graphic editing capabilitiesThe 3 options

5
(No Transcript)
6
(No Transcript)
7
Page Layout Containment Model

• Containers with various layout managers
• table
• horizontal or vertical flow
• horizontal or vertical stack
• All layouts tabular (rows and columns)
• Specialized containers for refining layout keep
  with, same cell, etc.

8
The 3 Options

• Editing in structure view, embedded runtime
  preview
• Editing in both structure view and embedded
  runtime graphic view
• Editing in structure view and wireframe graphic
  editor, possibly with embedded preview
• (Note no code view / editor!)

9
Other issues

• Productivity!
• Role / scope of template
• Taxonomy of widget properties
• Overloading of drag and drop action

10
Preliminary design

• Visio mockups
• Excerpts from storyboard of one use case new
  page in prototyping mode (no class binding)
• Intended as much to spark discussion as to nail
  down design
• Basically represents Option 2

11
Mockups

• New page based on minimal template
• Container properties
• Restricted options for table column sizes
• Drop targets based on layout type
• Use of Layout Container with Keep in same
  cell property
• Context menu options for multi-selected items
• Completed first tab

12
New page based on minimal template
13
Container properties
14
Restricted options for table column sizes
15
Drop targets based on layout type (cell, column,
or row)
16
Use of Layout Container with Keep in same
cell property
17
Context menu options for multi-selected items
18
Completed first tab
19
Questions?

• Feel free to contact me to discuss further or to
  see more detailed documentation.
• jeananne.fitzpatrick_at_oracle.com