1 / 37

Applying Version 13.2 GUI Features to SOFIA

Learn how to integrate the new Version 13.2 GUI features to SOFIA, a financial software, using only Dyalog tools. Explore motivations, guidelines, and examples to improve the aesthetics and usability of the application.

sweaver
Download Presentation

Applying Version 13.2 GUI Features to SOFIA

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Applying Version 13.2 GUI Features to SOFIA Valentina Settimi, APL Italiana Dyalog '13 Conference, Florida, USA October 20 - 24, 2013

  2. Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI • Why: Motivations • How: Guidelines using only Dyalog tools (no .NET or C#) • What: Examples (benefits and problems)

  3. Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI • 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. Applying Version 13.2 GUI Features to SOFIA Motivations – In 2011 Access

  6. Applying Version 13.2 GUI Features to SOFIA Motivations – In 2011 Photoshop

  7. Applying Version 13.2 GUI Features to SOFIA Motivations – In 2011 Sofia

  8. 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

  9. Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI • 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 Guidelines – New GUI: How to do it? Problem: SOFIA is a financial software our developers our users Change the look but not the structure Only Dyalog

  11. Applying Version 13.2 GUI Features to SOFIA Outline New SOFIA GUI • Why: Motivations • How: Guidelines using only Dyalog tools (no .NET or C#) • What: Examples (benefits and problems)

  12. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Before After

  13. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Before After

  14. 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

  15. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Problem: Position of groups without caption Before After

  16. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Problem: Position of groups without caption Before After

  17. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Problem: Empty labels take up space Before After

  18. Applying Version 13.2 GUI Features to SOFIA Examples – Step 1: Native Look&Feel Problem: Empty labels take up space Before After

  19. Applying Version 13.2 GUI Features to SOFIA Examples – Step 2: Icons and Colors Version 13.2 • Grid enhancements • Different size for Icon objects • CBits property for 32-bit icons • Extended Masked property for transparency

  20. Applying Version 13.2 GUI Features to SOFIA Examples – Step 2: Icons and Colors Before After

  21. Applying Version 13.2 GUI Features to SOFIA Examples – Step 3: New Features e.g.Balloon Before After

  22. Applying Version 13.2 GUI Features to SOFIA Examples – Step 3: New Features e.g.Balloon Benefit: Coherent appearance Introduction with Version 13.2 of ShowBalloonTip method for SysTrayItem object

  23. Applying Version 13.2 GUI Features to SOFIA Examples – Step 3: New Features e.g.Balloon Problem: Focus interference The SysTrayItem events • BalloonShow • BalloonHide • BalloonTimeout take the focus

  24. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before Before

  25. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before Before

  26. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before

  27. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before

  28. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before After

  29. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before After

  30. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before After

  31. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Before After

  32. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Problem: Focus malfunctioning (Windows side) Un-maximized windows with title bar no GotFocus event when clicked

  33. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Benefit: Windows management • Logical windows organization • More freedom with Splitter objects

  34. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Benefit: e.g. Splitters Before After

  35. Applying Version 13.2 GUI Features to SOFIA Examples – Step 4: No more MDI Benefit: Windows management • Logical windows organization • More freedom with Splitter objects • Potential use of the “desktop”

  36. 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

  37. Applying Version 13.2 GUI Features to SOFIA That’s all flolks!

More Related