amazing ui modernization using telerik ui for winforms shelley chasesenior software architect,...

Amazing UI Modernization Using Telerik UI for WinForms

Shelley Chase Senior Software Architect, Progress SoftwareSwathi Yellavaram QA Engineer, Principal 3, Progress Software

November 2015

© 2015 Progress Software Corporation. All rights reserved.2

Agenda

OpenEdge Product: GUI for .NET

Progress Developer Studio Visual Designer

Telerik Product: UI for WinForms

Showcasing Telerik UI for WinForms

Q & A


What is the OpenEdge GUI for .NET?

Modern UI for OpenEdge applications using Microsoft WinForms• Desktop enterprise business applications

• Microsoft and third-party control providers results in hundreds of UI components

– Data-centric UI controls

– ADO.NET maps well to OpenEdge ProDataSet™

• Visual Designer in Progress Developer Studio for OpenEdge

• WAIT-FOR event model for .NET forms

More than just GUI – supports .NET classes• Expands your ABL program with .NET libraries

• .NET object-oriented programming directly in ABL


The Power of GUI for .NET

Utilize existing skills – ABL and Progress Developer Studio for OpenEdge• Full access to .NET classes in ABL

• ABL enhanced to support .NET programming model

• Drag-and-drop WYSIWYG designer in PDS for OE

Modernize at your own pace• Mix new windows with existing classic GUI windows

– Create new navigation and menu system as MDI container

– Migrate most important windows first, other windows over time

o WinForms wrapper provided for classic GUI windows

o WinForms container provided for embedded windows


ABL Extensions to .NET Classes

Progress.Windows.FormExtends .NET Form class: System.Windows.Forms.Form

Progress.Windows.OERadForm Extends Telerik .NET Form class: Telerik.WinControls.UI.RadForm


Additional ABL Extensions to support GUI for .NET

Progress.Data.BindingSource• Extends .NET System.Windows.Forms.BindingSource class• Binds .NET control to ABL data source (query)

ABL Subscribe method added for every .NET UI eventTakes an ABL method or procedure name

myForm:FormClosing:Subscribe(FormClosing_Handler).

METHOD PRIVATE VOID FormClosing_Handler( sender AS System.Object, e AS System.Windows.Forms.FormClosingEventArgs): // your code hereEND METHOD.

Enhanced WAIT-FOR for .NETWaits for .NET application, .NET form or .NET modal dialog


Visual Designer for GUI for .NET

Progress Developer Studio for OpenEdge


GUI for .NET in Progress Developer Studio

New project type and perspective

• Creates an empty form class

• Creates a run procedure

• Includes .NET assembly references


Visual Designer in Progress Developer Studio (like Microsoft Visual Studio)



Design Canvas for Form



Toolbox



Properties/Events


Live DemoVisual Designer for GUI for .NET

Progress Developer Studio for OpenEdge


Telerik UI for WinForms


Telerik UI for WinForms - Enterprise Development for Windows Desktops

Enterprise Business Applications

Vibrant Dashboards

Touch Enabled Applications


Features of Telerik UI for WinForms


UI for WinForms in Progress Developer Studio

Telerik controls in toolbox for drag-and-drop UI design• Code generated automatically for you

• Assemblies.xml automatically updated

ProBindingSource component provides data binding from Telerik controls to OpenEdge data• ABL Query mapped to UI component

C# code samples translate to ABL “relatively easy”


Telerik Presentation Framework (TPF)

WPF-like features within .NET WinForms applications • Stunning UI supports Scaling, Rotation, Animations, Transparency

• Flash-like Animations

• Superior Performance

• Rich Text Formatting through HTML

• Unlimited Nesting of UI Elements

• Granular Customization of All Elements

• Custom Controls

• Theme Support


Live DemoUI for WinForm controls in Progress Developer Studio

Movie Rental Sample


UI Modernization in AutoEdge


Sample Transformation – AutoEdge GUI Classic

Schedule Test Drives• File menu

• Employee TreeView• Single select

• Date picker using arrows

• Appointment List• Test Drive menu item

to schedule appointments


Sample Transformation – AutoEdge GUI for .NET

Schedule Test Drives• RadRibbonBar

• RadTreeView• Select dealer• Employees for dealer

• RadScheduler• Select date• View many employees• Direct edits on calendar

• Add appointment• Edit existing one


Sample Transformation – Side-by-side


Infragistics and Telerik Control Sets

Both Control sets are fully integrated and supported• Trial version of Telerik Controls in 11.6

Telerik is part of Progress and wants to focus on OpenEdge use cases

Telerik offers:• 1,400,000+ registered users• Active forums, blogs, videos, webinars, code libraries• Extensive product documentation & targeted demos

• Industry Leading Support


In Summary

Modern, competitive desktop UI built entirely with OpenEdge• WYSIWYG Visual designer

• “Unlimited” set of .NET controls available

• Data-binding using ProBindingSource

• ABL event handlers and dynamic UI programming

Using existing business logic and leverages what you know• Any architecture supported (client-server, “fat” client, n-tier)

• ABL events, business logic, data constructs, queries

• Built-in migration path with existing GUI windows

• Event-driven programming you know (WAIT-FOR)

Telerik UI for WinForms takes GUI for .NET to the next level!


Questions & Answers


ABL Mix and Match UI for Migration

Migrate at your own pace• .NET forms and OpenEdge GUI windows can co-exist in same session

– One can parent the other

– All functionality maintained independently

• OpenEdge GUI windows can be embedded in .NET forms– Client area managed in ABL

– Other functionality managed in .NET

– Progress.Windows.MDIChildForm

– Progress.Windows.WindowContainer


New GUI for .NET Application

MDI Container

Ribbon

Outlook NavPane


Harvest Existing Windows

Window contents and triggers

Add 2 lines of code

Menu not re-used


Embed in New Form


Visual Designer in Progress Developer Studio

Toolbox

Propertiesview

Form


ToolboxProperties & Events

Selected

Property

or Event

.NET WinForm

.NET

Controls

Visual

Designer

amazing ui modernization using telerik ui for winforms shelley chasesenior software architect,...

Documents