Applying Version 13.2 GUI Features to SOFIA Dyalog '13 Conference, Florida, USA October , 2013 Valentina Settimi, APL Italiana Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI 2 Why: Motivations How: Guidelines using only Dyalog tools (no.NET or C#) What: Examples (benefits and problems) Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI 3 Why: Motivations How: Guidelines using only Dyalog tools (no.NET or C#) What: Examples (benefits and problems) 4 Applying Version 13.2 GUI Features to SOFIA Motivations In 2011 5 Access Applying Version 13.2 GUI Features to SOFIA Motivations In 2011 5 Photoshop Applying Version 13.2 GUI Features to SOFIA Motivations In 2011 5 Sofia Applying Version 13.2 GUI Features to SOFIA Motivations In 2011 6 Applying Version 13.2 GUI Features to SOFIA Motivations In 2011 Aesthetics: previous SOFIA GUI (1997) not very attractive to new users New technology: tablets and smartphones different usability Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI 7 Why: Motivations How: Guidelines using only Dyalog tools (no.NET or C#) What: Examples (benefits and problems) Problem: SOFIA is a financial software 8 our usersour developers Change the look but not the structure Applying Version 13.2 GUI Features to SOFIA Guidelines New GUI: How to do it? Only Dyalog Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI 9 Why: Motivations How: Guidelines using only Dyalog tools (no.NET or C#) What: Examples (benefits and problems) 10 Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel Before After 10 Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel Before After 11 Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel Benefit: Modern look Version 13.2 enhancement of Windows Native Look&Feel homogeneous look Problem: Position of groups without caption 12 Before Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel After Problem: Position of groups without caption 12 Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel Before After Problem: Empty labels take up space 13 Before Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel After Problem: Empty labels take up space 13 Before Applying Version 13.2 GUI Features to SOFIA Examples Step 1: Native Look&Feel After 14 Grid enhancements Different size for Icon objects CBits property for 32-bit icons Extended Masked property for transparency Applying Version 13.2 GUI Features to SOFIA Examples Step 2: Icons and Colors Version 13.2 Before After Applying Version 13.2 GUI Features to SOFIA Examples Step 2: Icons and Colors 15 16 Applying Version 13.2 GUI Features to SOFIA Examples Step 3: New Features Before After e.g. Balloon 17 Applying Version 13.2 GUI Features to SOFIA Examples Step 3: New Features Introduction with Version 13.2 of ShowBalloonTip method for SysTrayItem object Benefit: Coherent appearance e.g. Balloon 18 The SysTrayItem events Applying Version 13.2 GUI Features to SOFIA Problem: Focus interference BalloonShow BalloonHide BalloonTimeout take the focus Examples Step 3: New Features e.g. Balloon 19 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before 19 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before 119 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before 19 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before 20 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before After 20 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before After 220 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before After 20 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Before After 21 Problem: Focus malfunctioning Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Un-maximized windows with title bar no GotFocus event when clicked (Windows side) 22 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Logical windows organization More freedom with Splitter objects Benefit: Windows management 23 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Benefit: e.g. Splitters Before After 24 Applying Version 13.2 GUI Features to SOFIA Examples Step 4: No more MDI Logical windows organization More freedom with Splitter objects Potential use of the desktop Potential use of the desktop Benefit: Windows management 25 Applying Version 13.2 GUI Features to SOFIA Conclusion New GUI: very little effect on the code Switching from old GUI to new GUI simply by properly setting two variables 26 Applying Version 13.2 GUI Features to SOFIA Thats all flolks!