a good ux making it happen with the ctc silverlight solution
DESCRIPTION
Client. Tools. Consultancy. The slides contain brief notes Some slides are animated and are best viewed in Slide Show Mode. A Good UX Making It Happen with the CTC Silverlight Solution. EAE 4004, UNITE 2011 Tuesday, 8 :00 am May 24 th 2011. Niels Gebauer Director - PowerPoint PPT PresentationTRANSCRIPT
A Good UXMaking It Happen
with the CTC Silverlight Solution
EAE 4004, UNITE 2011 Tuesday, 8:00 am
May 24th 2011
Niels GebauerDirectorClient Tools Consultancy [email protected]
ConsultancyClient Tools
The slides contain brief notes Some slides are animated and are
best viewed in Slide Show Mode
2© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Specializes in client interface solutions to customers using EAE and AB Suite systems
The company aim is to provide products and services that add value to EAE and AB Suite by enriching the End User Interface capabilities
Founded May 2007
Located in Adelaide, South Australia
Client Tools Consultancy
3© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Agenda The CTC Silverlight Environment
• Generate Environment• Runtime Architecture
Demonstrations• Sample Silverlight Interface• Custom Controls• Copy From Grid• Multiple Open Ispecs• Client-Side Printing• Out-Of-Browser
The CTC Silverlight Environment• Generate Environment• Runtime Architecture
Demonstrations• Sample Silverlight Interface• Custom Controls• Copy From Grid• Multiple Open Ispecs• Client-Side Printing• Out-Of-Browser
4© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Generate Environment
EAEModel DB
AB SuiteModel DB
EAEDeveloper
CEGenerateEnvironment
GeneratedSolution
Plug-InGenerators
Plug-In GeneratorsCTC ASP.NET Generator
CTCConfigurator
CTCConfigXML DB
CTC WCF Services GeneratorCTC WPF Client Generator
CTCSilverlight
GeneratorClient
AB SuiteDeveloper
5© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Runtime Architecture of Generated Silverlight Application
Silverlight Application
CTC Silverlight View Controller
Unisys Component Enabler
IIS
GeneratedIspec Views &View Models
DownloadedIspec Views &View Models
Views Navigation• Forms Download• Forms Display• Event Handling• Multiple Ispecs
CE Proxy• Connect/Transact• Ispec Model• List data• Status Line
Views/Forms Download
Local Storage
Data ItemsCTC Silverlight CE Services
Session State
HostCommunication
EAE/AB SuiteHost Systems
Silverlight
Silverlight
Silverlight
Silverlight
• IIS Web Server• Unisys CE .NET• Generated UI Application
InternetIntranet
6© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Silverlight Runtime Environment
Efficient Environment Automatic forms distribution Forms are downloaded once only and cached until
changed
Minimum resources required on the Web Server Forms are processed and rendered locally on the Client Only data is exchanged with the Web Server
End-User Experience Desktop-like experience Immediate feedback to user actions Better response time
Easy to Learn No HTML, JavaScript or AJAX skills required XAML skills required
Transaction Size(Sample SystemCUST Ispec) in Bytes
ASP.NET(AJAX)
Silverlight
Request Message(Client to Web Server)
1,121-(1,121)
782
Response Message(Web Server to Client)
17,568-(16,837)
2,352
7© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Agenda The CTC Silverlight Environment
• Generate Environment• Runtime Architecture
Demonstrations• Sample Silverlight Interface• Custom Controls• Copy From Grid• Multiple Open Ispecs• Client-Side Printing• Out-Of-Browser
8© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Sample Silverlight Interface
9© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Custom ControlsDate Picker DataGrid
Themes
Slider Charting
VideoPlayer
UpDown
7000
6000
Credit Limit
Customer Type
Chart Types• Column• Bar• Pie• Line• Area• Bubble• Scatter
• Column Sorting• Column Resizing• Column Reordering
Additional Controls
11 Themes
Additional custom controls can beadded by customers or CTC.
10© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Third Party Controls
11© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Custom Controls
12© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Scaling
13© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Multiple Open Ispecs
State FullMultiple Sessions
StatelessMultiple Ispecs in One
Session
14© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Client-Side Printing
Ispec Print ControlPage Layout
Templates
Print Preview
15© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Demo Out-Of-Browser
In-Browser Out-Of-Browser
16© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Client Reference
User Interface modernization project
Replacing Power Builder User Interface solution
EAE system, 2000 Ispecs
In Production
Using most of the features including:
DatePicker, DataGrid, CopyFrom Grid
Multiple Open Ispecs (stateless)
Client-Side Printing
Out-Of-Browser
Banco Republica del Uruguay – Unisys Uruguay
17© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
Client Reference
Proof-Of-Concept project Oct/Nov 2010
Replacing ASP.NET User Interface
EAE/AB Suite applications
4 large subsystems deployed across 11 Database servers
(64bit)
front ended by12 web servers
Extensive use of SwitchTo
TIES
18© 2011 CTC www.ClientTools.com.au
UNITE May 22-25, 2011
In Summary…
More information available online Free trial version available for download Free remote assistance for Proof-Of-
Concept projects
Contact: [email protected]
www.ClientTools.com.au