A 4 Introduction to the Open Edge GUI

A 4: Introduction to the Open. Edge® GUI for. NET Jim Lundy Principal Product Manager

Agenda § What is the New UI § GUI for. NET Overview § Architectural Overview § Visual Designer Demo § Q&A 2 © 2008 Progress Software Corporation

Under Development § § D I S C L A I M E R This talk includes information about potential future products and/or product enhancements. What I am going to say reflects our current thinking, but the information contained herein is preliminary and subject to change. Any future products we ultimately deliver may be materially different from what is described here. D 3 I S C L A I © 2008 Progress Software Corporation M E R

What is the New UI? The New UI is… A Microsoft®. NET™ based Windows graphical user interface that can replace or be integrated into an existing Open. Edge GUI Client 4 © 2008 Progress Software Corporation

Open. Edge GUI for. NET § Based on Microsoft. NET GUI Technology (Win. Forms) • De-facto standard for state-of-the-art desktop applications • Purposed for line of business applications – Data-centric UI controls – ADO. NET maps well to a Pro. Data. Set™ • Wealth of. NET controls – Microsoft and Infragistics® – Other 3 rd party controls 5 © 2008 Progress Software Corporation

What is it Called? § New UI • • § New control set • • 6 Project name: “Open. Edge Advanced GUI” Not a product… A feature of Open. Edge Develop using Open. Edge Architect or ABL development products Project name: “Open. Edge Advanced UI Controls” Will be a product… optional add-on Add-on to Open. Edge development products Bundle of controls from Infragistics that extends the. NET UI development capability © 2008 Progress Software Corporation

What is it Called? § New UI • • § New control set • • 7 Technology name: “Open. Edge GUI for. NET” Not a product… A feature of Open. Edge Develop using Open. Edge Architect or ABL development products Product name: “Open. Edge Ultra Controls for. NET” Will be a product… optional add-on Add-on to Open. Edge development products Bundle of controls from Infragistics that extends the. NET UI development capability © 2008 Progress Software Corporation

Who is the target audience? § ABL Developers using Open. Edge Architect… § Seeking to build extremely modern and appealing. NET graphical user interface… § Through the ease of ABL 8 © 2008 Progress Software Corporation

Target audience characteristics § ABL Developers using Open. Edge Architect… • For customers on Open. Edge • Comfortable with Object Oriented concepts § Seeking to build extremely modern and appealing. NET graphical user interface… • Windows oriented for development and user client § Through the ease of ABL • Desires an Open. Edge-centric development environment 9 © 2008 Progress Software Corporation

Primary Features and Benefits 10 § Leverages the ABL § Single design center: Open. Edge Architect § Benefits: • Single language; No need to learn C#, VB. NET • Data binding between ABL data sources and UI controls • Event binding between ABL methods and UI events • No need to purchase, learn or use non-Open. Edge products (Visual Studio®) • Shorter ramp-up Higher productivity • Built-in data binding Purposed for business applications • Built on Open. Edge: Deployment and data source flexibility © 2008 Progress Software Corporation

Primary Features and Benefits § § Integrates with existing GUI (at container level) § Benefits: Independent of deployment topology (C/S or n-tier) Extensible with 3 rd party controls and custom controls Adaptable to future UI enhancements or other emerging UIs • • • 11 Adopt at your own pace Contemporary Windows look and feel without compromise Architected for investment protection © 2008 Progress Software Corporation

How does it compare to other Open. Edge UI Technologies? UI Technology Tools to Use Open. Edge GUI for. NET Build modern state-ofthe-art. NET™ GUIs in ABL Open. Edge Architect 10. 2 A or above Progress® GUI Build Windows 95 user interface look and feel Progress Dynamics® Open. Edge Studio Open. Edge Architect Web. Client™ Build thick client GUI with thin client deployment characteristics Open. Edge Studio Open. Edge Architect Open. Client Provides the capability to add alternate UIs (. NET & Java™) to Open. Edge Apps Open. Client Toolkit Web. Speed® Build Web-browser based apps with zero client footprint Web. Speed Workshop Build traditional green-screen user interfaces Open. Edge Architect Open. Edge Studio 4 GL Development System Character 12 Primary Use © 2008 Progress Software Corporation

How does it compare to other Open. Edge UIs? Zero Client Footprint Thin Client Footprint 2 -Tier Computing Open. Edge GUI for. NET Progress GUI Open. Client. NET & Java™ Web. Speed Progress Character 13 © 2008 Progress Software Corporation n-Tier Distributed Computing

Open. Edge GUI Architecture “Classic” Data. Sets, Temp-tables Data Access Data Sources 14 © 2008 Progress Software Corporation Common Infrastructure Open. Edge Runtime Open. Edge GUI ( Windows, Frames )

CLR GUI for. NET Architecture “New”. NET GUI Bridge Open. Edge GUI ( Windows, Frames ) Data. Sets, Temp-tables • GUI components • Data access • I/O blocking • Event handlers Data Access 15 Data Sources © 2008 Progress Software Corporation Common Infrastructure Open. Edge Runtime • GUI Visualization UI Logic ( and events, data binding ) Bridge • User interaction events Single Process

ABL Extensions 16 § Progress. Windows. Form § Progress. Data. Binding. Source § Event Subscription • ABL forms inherit from this class • Initialize. Component method (generated) • New ABL object to access Progress data sources • Extends. NET Binding. Source class • Binds. NET control to ABL data source (query) • Subscribe method added to every. NET event • Takes an ABL method / procedure name © 2008 Progress Software Corporation

A Closer Look into the GUI for. NET Presentation Layer One Process for Open. Edge and. NET Runtime . NET GUI frm = NEW Form( ). frm: Closing: Subscribe( Event. Hdlr 1 ). WAIT-FOR Application. Run( frm ). Event. Hdlr 1( ) … ABL Logic Bridge Open. Edge Runtime AVM: ABL Virtual Machine 17 . NET CLR: Common Language Runtime © 2008 Progress Software Corporation

A Closer Look into the GUI for. NET Presentation Layer DEF VAR frm AS Form. frm = NEW Form( ). frm: Closing: Subscribe( Frm. Close ). . NET GUI WAIT-FOR Application. Run( frm ). Method VOID Frm. Close( ) 4 1 7 MESSAGE “BYE” VIEW-AS ALERT-BOX. Bridge ABL Logic END. 2 3 Bridge 6 Open. Edge Runtime 18 5 © 2008 Progress Software Corporation . NET CLR

GUI for. NET ABL Language Form. cls • Create form and controls • Event subscription & handler methods (default) • Binding to ABL data Form / Data • Alternate location for event handlers • Data source definition and query. p /. i’s Startup. p 19 • Entry point to run GUI • NEW’s Form. cls • Performs WAIT-FOR © 2008 Progress Software Corporation Window

GUI for. NET – IDE Architecture Eclipse, Open. Edge and. NET work together Visual Designer Eclipse (foundation platform) 20 © 2008 Progress Software Corporation CLR ABL Editor . NET GUIBridge AVM Open. Edge Architect UI Logic Bridge

Visual Designer Built as an Eclipse plug-in for Open. Edge Architect § WYSIWYG Form creation and editing • Define Form • Add. NET controls • Set properties of controls and components • Define data binding objects • Add event subscriptions § Class Browser • Displays class member information about ABL and. NET classes 21 © 2008 Progress Software Corporation

Generated code for a form ABL Editor Form class (source code tab) Define form property Define control variables Constructor Initialize form and components Destructor Delete / free resources 22 © 2008 Progress Software Corporation

Visual Designer Perspective Visual Designer Toolbox Properties view Control Selected property Class Browser 23 Form © 2008 Progress Software Corporation

GUI for. NET Demo 24 © 2008 Progress Software Corporation

Visual Designer Perspective Visual Designer Properties view Toolbox Control Selected property Class Browser 25 Form © 2008 Progress Software Corporation

What reviewers are saying… “Open. Edge 10. 2 A offers a superior interface that not only streamlines developer productivity but also allows us to enhance the look-and-feel of our applications for our end-users” Tony Vertenten, Intris 26 © 2008 Progress Software Corporation

Areas for Learning in GUI for. NET § ABL • Object-oriented ABL – Create and access UI objects – Call methods, access properties – Subscribe to UI events • . NET Windows Form Framework Classes • . NET Infragistics Windows Form Classes § Open. Edge Architect • WYSIWYG Visual Designer – Properties View and Control Toolbox • Object-oriented Class Browser 27 © 2008 Progress Software Corporation

Exchange 2008 Content Open. Edge GUI for. NET § DEV-16 Leveraging the Power of the Advanced GUI • Tony Vertenten, Intris • Erwin in ‘t Veld, CCS • Roland de Pijper, Eric Debeij, Progress § DEV-29 Deep Dive into Developing with Advanced GUI • Shelley Chase, Product Architect, Progress § DEV-32 Using the Advanced GUI, Structured Error Handling and Sonic. MQ to build a Semi-Disconnected Point of Sale • Brian Preece and Romin Sanai, BCP Software § DEV-40 Using Smart. Objects with Advanced GUI • Mike Fechner, Consulting. Werk 28 © 2008 Progress Software Corporation

When will it be available? § Development Methodology • Early POC and Usability input from customers • Structured “Technology Preview” approach; Beta; GA § Expected dates • Technology Previews released during 2007 • Beta test started Q 3 2008 • General Availability target Q 4 2008 29 © 2008 Progress Software Corporation

Preparing for Open. Edge GUI for. NET Steps You Can Take Now… § Move to Open. Edge 10… Ideally 10. 1 C § Separate logic from UI § Consider UI Design § Get familiar with new concepts § Ready? • Beta is under way! • www. progress. com/openedge/beta …Ride the Wave! 30 © 2008 Progress Software Corporation

? Questions 31 © 2008 Progress Software Corporation

Thank You 32 © 2008 Progress Software Corporation

33 © 2008 Progress Software Corporation