uniface and ria€¦ · • web 2.0 development simplified • ria constructs managed by uniface...
TRANSCRIPT
![Page 1: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/1.jpg)
Uniface and RIA“Desktop sophistication in a browser”
Jason HugginsSubject Matter Expert - Uniface
![Page 2: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/2.jpg)
Introduction
• Define RIA
• Identify the demand for RIA
• Uniface and RIA
![Page 3: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/3.jpg)
Defining RIA“Desktop Sophistication In A Browser”
![Page 4: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/4.jpg)
• User interface evolution– Punch Card– CHUI / Desktop– Web– RIA
• Desktop like interface– Rich controls– Responsive screens
What is RIA?Rich Internet Application
![Page 5: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/5.jpg)
• Desktop application– Feature rich interface– Client install– Objects keep state
• Web 1.0 application– No client footprint– Delay between actions
(request/response)– Little state persistence
Desktop vs. Web
DESKTOP APPLICATION
Form 1 Form 2
Tab 1 Tab 2
Form 1
Form 4
Form 3Form 3
Report 1
Form 1
BROWSER WE
B S
ER
VE
R
TEXT / HTML
Page 1
Page 2
Page 3
![Page 6: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/6.jpg)
• Web 1.0 Interface– Full page requests (PIA)– Page / batch processing– Delay between actions
• Ajax based RIA– Specific requests– Event driven, inline logic– Dynamic page updates
Web vs. RIA
TIM
EBROWSER W
EB
SE
RV
ER
TEXT / HTML
Page 1
Page 2
Page 3
WE
B S
ER
VE
R
BROWSER
Page 1
AJA
X
TEXT / XML
![Page 7: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/7.jpg)
Desktop ���� PIA ���� RIA
Desktop ApplicationPersistent Instance Pool/Stack
Form 1 Form 2
Tab 1 Tab 2
Form 1
Form 4
Form 3Form 3
Report 1
Form 1
Persistent state (hitlist, variables, active path)
Paged Internet ApplicationBROWSER
Page 1
Page 2
Page 3
Page 4
WE
B S
ER
VE
R
TEXT / HTML
Internet
Applications
Rich Internet ApplicationBROWSER W
EB
SE
RV
ER
Page 1A
JAX
TEXT / XML• Rich interface• High usability• Reactive screens• State persistence
• Easy deployment• Simple upgrades• No client footprint• Multi channel• Flexible pricing
![Page 8: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/8.jpg)
RIA examples
![Page 9: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/9.jpg)
Demand for RIA “The world wants more”
![Page 10: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/10.jpg)
Jakob Nielsen Usability Heuristics
����?����Error prevention (in a timely manner)
����?����Clearly marked exits (undo, redo, exit etc….)
������������Help users recognize, diagnose, and recover from er rors
������������Flexibility and efficiency of use (accelerators)
������������Consistency and standards
������������Visibility of system status (immediate communicatio n of status)
����?����Help and documentation (context sensitive, inline)
����?����Recognition rather than recall
������������Match between system and real world
������������Aesthetic and minimalist designs
RIAWebDesktopPrinciple
![Page 11: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/11.jpg)
• End users demand more– Technical users always want more– Non-technical users are becoming ‘technical’
• Users need portable applications– Cross platform– Anywhere, Anytime, Anyplace
The demand for RIA
![Page 12: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/12.jpg)
• Reduced upfront costs– Hardware dependencies reduced
• Consistent browser and desktop interface– Minimal retraining / increased user engagement
• Simple rollout– Centralised deployment / transparent updates
• Security– Restricted client system access
Business wants RIA
![Page 13: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/13.jpg)
• Increased competitiveness– ‘Software as a Service’ enabler
– Reach global market– Flexible pricing models
• Security– Application objects protected from client
• Simplify deployment
RIA benefits for providers
![Page 14: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/14.jpg)
The world is ready for RIA
• Web access is common these days• High speed connections are readily available
– 3G, EDGE, HSPA etc… (speeds up to 14MB+)
– (A)DSL Broadband (speeds up to 24MB+)
– Wi-Fi / WLAN (IEEE 802.11) (speeds up to 200MB+)
– Ethernet (speeds up to 1GB+)
• Much of the world is now web capable
![Page 15: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/15.jpg)
RIA & Uniface“Introducing Dynamic Server Pages”
![Page 16: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/16.jpg)
• Web 2.0 development simplified• RIA constructs managed by Uniface
• Integrated WYSIWYG editor• Standards compliant• XHTML, CSS etc….
• Leverage the full power of Uniface• Integrated APS (Uniface, Flow & View)• Model driven development• Platform independence• Multichannel deployment• …
Uniface RIA Overview
![Page 17: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/17.jpg)
RIA and Uniface
New component type: Dynamic Server Page
![Page 18: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/18.jpg)
DSP Overview
Dynamic Server Page
Layout
(HTML + CSS)
Logic
(Uniface)
Integrated DynamicWeb Functionality
(Complex)
• Model-driven development
• Proc is primary language
• Client-side declarative validation
• Procedural error handling
• Layout-logic split
• Dynamic page updates (AJAX)
– Synchronous & Asynchronous
• Binding/HTML generator wizard
• Layout mash-up enablement
• Security features
![Page 19: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/19.jpg)
• Logic Structure & Layout Separate– No more synchronisation
• Simple Binding– Easy as “copy & paste”
Component Editor
Pre 9.4
9.4 Beta
![Page 20: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/20.jpg)
DSP Rich Widgets
• Logical widgets (INI-file)
• Widgets (DOJO)– EditBox, TextArea, Password, CommandButton, RadioGroup
– DropDownList, CheckBox, ListBox, DatePicker
• Widgets (DSP)– PictureButton, StaticText, FlatButton
– RawHTML, AttributesOnly
– Picture
• Raw database data, Glyph reference
• UServer image file, Web Server image file (URL)
![Page 21: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/21.jpg)
• No more uniface specific X-Tags– Possible to use any XHTML compliant layout editor
• Proc enhancements– webmessage, webdefinitions, weblayout, websave …
• AttributesOnly widget– Allows proc manipulation of any HTML element in layout
• Triggers– Detail (single/double click), onChange
• Many widget properties (~50 per widget)– HTML, Style, Trigger
DSP Enhancements
![Page 22: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/22.jpg)
Layout mash-ups
![Page 23: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/23.jpg)
Example Uniface RIA
![Page 24: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/24.jpg)
Demo“Visualise The Change”
![Page 25: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/25.jpg)
• Desktop sophistication in a browser• Application consumers demand more• RIA is the next generation of UI• Uniface supports RIA
Summary
![Page 26: Uniface and RIA€¦ · • Web 2.0 development simplified • RIA constructs managed by Uniface • Integrated WYSIWYG editor • Standards compliant • XHTML, CSS etc…. • Leverage](https://reader030.vdocument.in/reader030/viewer/2022041109/5f0e215c7e708231d43dc218/html5/thumbnails/26.jpg)
Thank You