German CA Plex/2E CA Plex/2E User Group

Entwicklung von
W b A lik i
Web-Applikationen
mit dem Framework
Plex XML
Plex-XML
Günter Last,
Last
Jörg Zwirner, Bodo Wippermann
all about software GmbH
19. Mai 2010
German
CA Plex/2E
User Group
eet g
Meeting
all about software GmbH
> Günter Last, Bodo Wippermann, Jörg Zwirner
> all about software GmbH, Hamburg
> www.allabout.de
www allabout de
> Development of custom web and desktop
applications
li ti
using
i
CA Plex
Pl
and
d 2E
2
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Agenda
> Technical Components of the Plex-XML Framework
ƒ
MVC
ƒ
XML
ƒ
Tools
> Web Client User Interface
ƒ
Usability
ƒ
Dynamic Layout
> General Aspects of Web-Application Development
3
ƒ
Design
ƒ
Security
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Technical Components (MVC)
> Model-View-Controller (MVC) Architecture
ƒ
Model = Data and Business Logic (Plex + 2E)
ƒ
View = Presentation und Interaction (UI Plex-XML)
ƒ
Controller = Communication between M + V
> Strict separation of model and view!
> Other implementations of MVC
4
ƒ
Ruby on Rails
ƒ
Spring
ƒ
Struts
ƒ
IBM EGL
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Technical Components (XML)
> XML – Extensible
E t
ibl M
Markup
k
L
Language
ƒ Presentation of hierarchical structured data in a text file
ƒ Human readable
ƒ Primarily used to exchange data between different ITsystems
<?xml version="1.0"?>
<person>
<id>4711</id>
<name>
<firstname>Guenter</firstname>
<lastname>Last</lastname>
</name>
</person>
5
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Technical Components (XSLT)
> XML-Transformation
XML T
f
i
ƒ The framework will enable each external
Plex function to deliver XML data instead
of output parameter
ƒ XSLT code and XSL style sheets will
instruct the XSLT processor to transform
the XML into a result document
ƒ Thi
This result
lt d
documentt could
ld b
be again
i a
XML file. Or it could be a file in the form
of a HTML, PDF, CSV usw.
ƒ M
Multiple
lti l ttransformations
f
ti
can occur one
after each other
6
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Typical tools used with Plex-XML
> Development Tools
ƒ
ƒ
ƒ
ƒ
Plex
l
Eclipse
Ant
CVS
> Client Technology
ƒ
ƒ
JavaScript, XML, Ajax
Prototype, script.aculo.us, EXT JS
> Runtime
7
ƒ
Linux / Windows / System i
ƒ
MySQL database / MS SQL / Oracle / DB2
ƒ
Apache Tomcat
ƒ
Runtime licenses
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
User Interface
> User Centric HTML Client Layout
ƒ
Language + locale
ƒ
Font size + colors
ƒ
Records p
per p
page
g
> Screen Layout (Formats)
ƒ
Online editable at runtime
ƒ
Dynamic SQL (ExecSQL)
ƒ
Multiple formats per server function
ƒ
User individual g
grid design
g for each format
> Integration of External Applications
8
ƒ
Open Office
ƒ
Java Script Tools (Tiny MCE Editor)
ƒ
Applications w/ HTML interface (Wiki / Reporting tools)
ƒ
http
p addressable objects
j
((Pictures / Documents))
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Web Development Aspects
> Web page design and behavior
> Security
ƒ
User administration
–
Login / Anonymous User
–
Roles + Groups
ƒ
Function security
ƒ
Data oriented security
ƒ
Secured fields
ƒ
SQL
Q spoofing
p
g
> Publicly available?
9
ƒ
Internationalization
ƒ
Browser compatibility
ƒ
Runtime license
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
What’s next?
> Editable grid
> SOX compliance
> Smartphone adapter
> Enhance Open Office integration
> Update community edition
> Enhance wiki.plex-xml.com
> (Test tool)
> (Workflow engine)
10
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Feel free to visit us
> wiki.plex-xml.com
p
> tutorial.plex-xml.com
> www.allabout.de
ll b t d
> mailto: [email protected]
Questions?
11
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
We are done!
Thank you very much!
12
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Plex-XML –
The Next Generation Dynamic Plex Web Client using
g XML and Ajax
j
> Classic web applications
pp
are loading a whole HTML
page while the user can
not continue to work
> Ajax web applications can
replace parts of a HTML
page while the user can
continue to work
13
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Plex-XML –
The Next Generation Dynamic Plex Web Client using
g XML and Ajax
j
> Ajax
Aj
( Asynchronous
A
h
JavaScript
J
S i t and
d XML)
ƒ XHTTP-Object
ƒ Any major browser supports it today
ƒ Combining the XHTTP object with JavaScript code
makes
k it possible
ibl tto lload
d and
d replace
l
parts
t off a
website
ƒ While using the asynchronous mode a user can
continue to work with the website while new data is
loaded in the background and the website changes
14
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Missing Features
while Producing a Web Application
> Development and Maintenance
ƒ Shorter time to market for web apps
ƒ Panels with
ith a s
suitable
itable default
defa lt design
ƒ Easy to handle foreign language support
ƒ Easy date and figure layout for user with different cultures
ƒ Lower development effort on database changes
ƒ Some external client layout and behavior adjustments w/o
the need of further programming
15
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Missing Features
while Producing a Web Application
> User Centric Client Layout and Behavior
ƒ Different client layout for individual user or groups
– Easy change of field sequence and visibility
– External influence of field behavior
ƒ Power user tools
– Grid record sort
– Grid record selection
> Up-to-date HTML web user interface
ƒ Look and feel of desktop application
– Responsive behavior
– Intuitive handling
ƒ Integration of media and applications and data
16
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Additional Features of Plex-XML
> User and user group maintenance
ƒ
Local maintained user + LDAP password validation
> Functional and data oriented security
> Dynamic SQL in a block fetch
> Automatic E-Mail
E Mail notification on special events
> File upload
> Logging of changed data
> Wiki as a user guide
> Scheduled data import and export
> Form more features please check our wiki
17
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Pick Up Actual Development Trends
> Integration
I t
ti
off up-to-date
t d t open source technology
t h l
ƒ Development
– Eclipse
E li
IDE
– Ant scripting
– CVS repository
– XML / XSLT / Ajax
ƒ Runtime
– Linux
– MySQL database
– Apache Tomcat
– Runtime licenses
18
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Online Development Demo
19
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
User Centric Client Behavior
Any user can set for himself
> Rows per page in grids
> Language for label translation
> Locale for date and figure format
> Colors of different areas
> Font size
> Tree visibility
20
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010
Intuitive Handling
21
Entwicklung von Web-Applikationen mit den Framework Plex-XML
19. Mai 2010