Progress Developer Studio for Open Edge Web Speed

Progress Developer Studio for Open. Edge Web. Speed Development Ramadevi Dhavala Senior QA Engineer June 9 th, 2015

Focus of the Session Introduction To Progress Developer Studio For Open. Edge(PDS OE) Web. Speed support in PDS OE Integrating Kendo UI With Open. Edge Web. Speed Demo 2 © 2015 Progress Software Corporation. All rights reserved.

Introduction To Progress Developer Studio for Open. Edge (PDSOE) App. Server Rest Mobile GUI Web. Speed ABLUnit Dynamics Progress Developer Studio for Open. Edge Eclipse Plug-in Platform § Eclipse based IDE § Highly customizable and easily navigable user interface § Extensive plug-ins available for extending the functionality 3 © 2015 Progress Software Corporation. All rights reserved. Static. Web

Introduction To Web. Speed in PDSOE App Builder Web CHUI Progress Developer Studio for Open. Edge Speed PDSOE Mobile Rest GUI for. Net 4 © 2015 Progress Software Corporation. All rights reserved. Web. Speed development support completely revamped in 11. 0 – All capabilities brought into PDS OE

Web. Speed Development Support for Static and Dynamic content Remote publish and Debug supported Support for both local and remote Web. Speed brokers 5 Two different programming models • CGI Wrapper • Speed. Script Web. Speed Project Type Run & Debug Support Web. Speed Development Web. Speed Server © 2015 Progress Software Corporation. All rights reserved. Web. Speed Programming Models Speed Script Editor Multi Page Editor with three tabs § Speed. Script § § Generated ABL Preview

Web. Speed Web Request Round-Trip Messenger Web. Server Internet Client Browser 6 © 2015

Open. Edge Web. Speed Project Type Programming Models § Web. Speed project type § App. Server Perspective • Easy access to related context menu options • Servers view § Web. Speed facet • Open. Edge, Web. Speed and Java. Script 7 © 2015 Progress Software Corporation. All rights reserved. Speed Script Editor Web. Speed Server Run & Debug Support

Open. Edge Web. Speed Project Artifacts Web. Speed Project Type Programming Models Speed Script Editor § Java. Script Resources • Contains Java. Script library § HTMLContent • Contains static html files § Web. Speed • Contains Speed. Script files and CGIWrappers § Speed. Script. Gen • Contains the auto generated. w files 8 © 2015 Progress Software Corporation. All rights reserved. Web. Speed Server Run & Debug Support

Programming Techniques Web. Speed Project Type Programming Models Speed Script Editor Web. Speed Server Run & Debug Support <html> <head> </head> <body></body> Standard HTML <html> <script language="Speed. Script"> </script> </html> Web. Speed Application Speed Script 9 </html> © 2015 Progress Software Corporation. All rights reserved. CGI Wrapper . W file {&out} (html markup inside) process-web-request

Speed. Script Editor Web. Speed Project Type Programming Models Multi Page Editor with three tabs • Speed. Script • Generated ABL • Preview 10 © 2015 Progress Software Corporation. All rights reserved. Speed Script Editor Web. Speed Server Run & Debug Supported Actions: • ABL colour coding • Correct case HTML section • Expand keywords • Compile/ Syntax check • Hover/ Keyword help • Content Assist / Speed. Script Open declarations section • Surround with Catch/ finally block • Add Procedure/ Add Function

Speed. Script Editor- Preview Tab Web. Speed Project Type 11 Programming Models © 2015

Programming Considerations - CGI Wrapper A CGI Wrapper file is a. w file The {&OUT} preprocessor combines with a sub-procedure “process-web-request” to generate a valid HTML page It contains HTML markup that is wrapped by a Speed. Script {&OUT} preprocessor statement 12 © 2015 Progress Software Corporation. All rights reserved.

Programming Techniques Web. Speed Project Type Programming Models Speed Script Editor Web. Speed Server Standard HTML Web. Speed Application Speed Script 13 © 2015 Progress Software Corporation. All rights reserved. CGI Wrapper Run & Debug Support

Open. Edge Web. Speed Server Web. Speed Project Type Programming Models Speed Script Editor Web. Speed Server Run & Debug Support` Debug/Start/Stop /Restart/Publish Web. Speed server 14 © 2015 Progress Software Corporation. All rights reserved.

Open. Edge Explorer Progress Developer Studio for Open. Edge Connection Profile 15 Open. Edge Explorer http: //localhost: 9090 Admin Server HTTP/HTTPS © 2015 Progress Software Corporation. All rights reserved. Web. Speed Broker

Web. Speed Server Editor Web. Speed Project Type Programming Models § Server Editor to customize Server properties § Publishing Intervals § Publish location § Web Server URL 16 © 2015 Progress Software Corporation. All rights reserved. Speed Script Editor Web. Speed Server Run & Debug Support

Run On Server Web. Speed Project Type Programming Models Speed Script Editor § Utility to run the dynamic html file on selected Web. Speed server § Displays existing servers § Provision to create a new server 17 © 2015 Progress Software Corporation. All rights reserved. Web. Speed Server Run & Debug Support

Open. Edge Web. Speed- Debug Web. Speed Project Type Programming Models Speed Script Editor Web. Speed Server Run & Debug Support § Support for both Local and Remote Debugger § Operates on compiled r-code 18 © 2015 Progress Software Corporation. All rights reserved. Break points

Web. Speed Development Support for Static and Dynamic content Remote publish and Debug supported Support for both local and remote Web. Speed brokers 19 Two different programming models • CGI Wrapper • Speed. Script Web. Speed Project Type Run & Debug Support Web. Speed Development Web. Speed Server © 2015 Progress Software Corporation. All rights reserved. Web. Speed Programming Models Speed Script Editor Multi Page Editor with three tabs § Speed. Script § § Generated ABL Preview

Introduction to Kendo UI Framework HTML 5 j. Query CSS 3 Kendo UI A Java. Script framework for building modern and interactive web applications 20 © 2015 Progress Software Corporation. All rights reserved.

Kendo UI Framework Elements 21 Web Data. Viz Mobile UI Widgets Charts & Graphs Mobile Widgets Framework Features Data. Viz Widgets Mobile Features © 2015 Progress Software Corporation. All rights reserved.

Integrating Kendo UI components into PDS OE Go to http: //www. telerik. com/kendo-ui Download the trail version (. zip). Unzip the file and copy required. js and. css files to your project. Start using the Kendo UI OR Directly use it from CDN 22 © 2015 Progress Software Corporation. All rights reserved.