Presentation is loading. Please wait.

Presentation is loading. Please wait.

A Good UX How To Make It Happen EAE 4023, UNITE 2010 Tuesday, 9:15 am May 25 th 2010 Niels Gebauer Director Client Tools Consultancy

Similar presentations


Presentation on theme: "A Good UX How To Make It Happen EAE 4023, UNITE 2010 Tuesday, 9:15 am May 25 th 2010 Niels Gebauer Director Client Tools Consultancy"— Presentation transcript:

1 A Good UX How To Make It Happen EAE 4023, UNITE 2010 Tuesday, 9:15 am May 25 th 2010 Niels Gebauer Director Client Tools Consultancy ngebauer@ClientTools.com.au  The slides contain brief notes  Some slides are animated and are best viewed in Slide Show Mode

2 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010  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 2

3 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010  A good UX  How Microsoft supports a good UX  How CTC enables you to utilize the latest Microsoft Technologies 3  A good UX

4 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 4

5 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 One important measurement of a successful software project is:  User Adoption How to achieve that:  Provide a Good User Experience 5

6 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010  provide feedback to user actions  behave with consistency  behave in a familiar way  be obvious and efficient  be responsive and perform  be elegant 6

7 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010  A good UX  How Microsoft supports a good UX  How CTC enables you to utilize the latest Microsoft Technologies 7

8 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 8  Browser Environment  Windows Phone 7  Windows Desktop Clients The most significant technical attributes for achieving a good UX:  XAML - Declarative mark-up language  Data Binding  Controls  Based on.NET and XAML  Similar programming model  Same skills set  Rich User Experience

9 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 9 Reduces/eliminates the need for programming  XML-based mark-up language that declaratively specifies the application's appearance

10 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 10  Copies values from the data objects into controls  Copies changes back to the data objects Data Binding done declaratively in XAML reduces/eliminates the need for programming

11 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 11  60+ Rich Controls

12 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 Using modern controls  increases productivity  reduces input errors  reduces improper data analysis  reduces support and training cost  increases user satisfaction 12

13 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 Model-View-ViewModel pattern (M-V-VM) 13 Model (Business Objects) View (UI) ViewModel (Presentation Objects) XAMLEAE/AB Suite Ispecs Data Binding Transaction Request Transaction Response.NET Designer Developer  Separates UI from Application/Presentation logic  Facilitates automatic Data Binding  Enables Designers and Developers to work side by side

14 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 14 Microsoft Expression Blend

15 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010  A good UX  How Microsoft supports a good UX  How CTC enables you to utilize the latest Microsoft Technologies 15

16 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 Desktop Applications for Microsoft Windows Presentation Foundation 16 Internet/Intranet Applications for Microsoft Silverlight Data Services Interface for Microsoft Windows Communication Foundation Internet/Intranet Applications for Microsoft ASP.NET incl. AJAX

17 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 17 CTC Configurator CTC Generator UI Application

18 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 18

19 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 19 EAE Model DB AB Suite Model DB EAE Developer AB Suite Developer CE Generate Environment Generated Solution Plug-In Generators Plug-In Generators CTC ASP.NET Generator CTC Configurator CTC Config XML DB CTC WCF Services Generator CTC WPF Client Generator CTC Silverlight Generator Client

20 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 20 CTC Configurator CTC Generator UI Application

21 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 21

22 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 22

23 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 23

24 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 24

25 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 25 Date 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 be added by customers or CTC.

26 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 26 CTC Configurator CTC Generator UI Application

27 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 27

28 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 28

29 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 29

30 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 30

31 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 31

32 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 32

33 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 33

34 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 34 Any property available on the controls can be specified.

35 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 35 CTC Configurator CTC Generator UI Application

36 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 36

37 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 37

38 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 38  Eliminate manual processes Automatically installs infrastructure files Automatically creates virtual directory Automatically resets IIS to avoid generate errors Automatically builds generated application Automatically upgrades infrastructure files  Runtime options Keep Session Alive Prevent double transmit Date Format  User own code Create Custom Code Module  External Forms Painter M-V-VM Design Pattern Create Alternate View

39 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 39

40 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 40

41 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 41

42 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 42  Configure Runtime Parameters Graphical interface for runtime configuration Drop down selections Extensive help text for each parameter Automatic update of the Web.config/App.config file

43 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 43 EAE/AB Suite Host Systems WPF Application WPF Application WPF Application WPF Application Transactions Files Download IIS Web Server (optional).NET 3.5 Unisys CE.NET WPF Application Downloaded WPF Application Files Local Storage Generated WPF Application Files Web Server

44 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 44 EAE/AB Suite Host Systems Silverlight IIS Web Server Unisys CE.NET Data Services Interface Internet Intranet Generated Silverlight Application Files Web Server Downloaded Silverlight Application Files Local Storage  UI Application runs locally on the client  Files are automatically downloaded and cached locally  Only data is exchanged with the web server Silverlight browser plug-in

45 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 45 Browser IIS Web Server Unisys CE.NET ASP.NET Application Internet Intranet  UI Application runs on the web server  Local caching depends on browser settings  Form controls and data is exchanged with the web server Generated ASP.NET Application Files Web Server EAE/AB Suite Host Systems

46 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 46  More efficient  Forms are downloaded once only and cached until changed  Only data is exchanged with the Web Server  Uses less resources on the Web Server  Forms are processed and rendered locally on the Client  Better end user experience  Desktop-like experience  Immediate feedback to user actions  Better response time  Fewer skills required  No HTML, JavaScript or AJAX skills required  XAML skills required Transaction Size (Sample System CUST Ispec) in Bytes ASP.NETSilverlight Client to Web Server (Request Message) 1121782 Web Server to Client (Response Message) 175682352

47 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 47 Create Services Interface for Microsoft Windows Communication Foundation Based on the Microsoft WCF LOB Adapter SDK Enables a Services Oriented Architecture (SOA) Provides Web Services interface based on Industry Standards Integrates with BizTalk and.NET Apps (WinForms, WPF) Highly customizable

48 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 48 The CTC Solution  Modernizes your EAE and AB Suite systems with little effort  Allows you to take advantage of the latest in UI Technology from Microsoft  Allows unrestricted access to the capabilities of the chosen technology (ASP.NET, WPF, Silverlight and WCF)  No training required to use the CTC generators Free trial versions available for download

49 © 2010 CTC www.ClientTools.com.auUNITE May 23-26, 2010 49


Download ppt "A Good UX How To Make It Happen EAE 4023, UNITE 2010 Tuesday, 9:15 am May 25 th 2010 Niels Gebauer Director Client Tools Consultancy"

Similar presentations


Ads by Google