Training

The following topics will be covered:

Introduction to Presto and Visual Editor

• Navigate the Presto Designer
• Configure environment settings
• Select page options to override any environment options
• Move elements in the Visual Editor
• Add and transform elements in the Visual Editor
• Create a skin

Visual Editor - Beyond the Basics

• Create dynamic dropdown boxes, charts and more
• Use SQL with the Visual Editor
• Export data to Excel
• Customize the Visual Editor
• Troubleshoot Presto

Advanced Customizations with JavaScript and HTML

• Configure panel identification settings
• Reattach customizations using Manage Panels
• Attach JavaScript to events
• Use Presto functions
• Create custom HTML pages

We strongly encourage that you understand the following concepts:

• Basic HTML tags (table ,a href, tr, td, etc) - We can send you the 3 HTML labs in advance before the class if you are not familiar HTML. If you are familiar with basic HTML tags you can then focus on WebSmart and coding the PML, and get much more out of the class.
• Database concepts such as key fields and relationships between files.
• Familiarity with programming concepts such as record retrieval, file editing, etc.

The first 2 days are dedicated to learning the PML and how a WebSmart program flows between the PML and HTML. We cover the IDE (PC development tool) in great detail and cover web programming concepts, all through doing hands-on labs of course. The last 2 days you will build a fully functional transaction processing application with login, validation, a list of items and the functionality to add, update or cancel an order.

The following topics will be covered:

• Module 1 - Introduction to WebSmart
• Module 2 - Fundamentals of HTML
• Module 3 - Working with Images and Links
• Module 4 - Working with Tables
• Module 5 - Creating a WebSmart program
• Module 6 - Displaying and formatting information
• Module 7 - HTML Segments
• Module 8 - Introducing PML
• Module 9 - Specifying Parameters
• Module 10 - Controlling Program Execution
• Module 11 - More File Access
• Module 12 - More PML: Loops, calculations and conditions
• Module 13 - Getting User Input
• Module 14 - More Input: Check boxes and multiple parameters
• Module 15 - Validation
• Module 16 - Session handling
• Module 17 - Securing an application
• Module 18 - Using SQL with WebSmart
• Module 19 - Repository Extensions
• Module 20 - Change Management
• Module 21 - Transactions
• Module 22 - Interactive Debugger

We strongly encourage that you understand the following concepts

• Basic HTML tags (table ,a href, tr, td, etc) - We can send you the 3 HTML labs in advance before the class if you are not familiar HTML. If you are familiar with basic HTML tags you can then focus on WebSmart and coding the PML, and get much more out of the class.
• Database concepts such as key fields and relationships between files.
• Familiarity with programming concepts such as record retrieval, file editing, etc.

The following topics will be covered:

• Module 1 - Introduction to WebSmart
• Module 2 - Fundamentals of HTML
• Module 3 - Working with Images and Links
• Module 4 - Working with Tables
• Module 5 - Creating a WebSmart PHP program
• Module 6 - Displaying and formatting information
• Module 7 - Introducing PHP
• Module 8 - Specifying Parameters
• Module 9 - Controlling Program Execution
• Module 10 - More PHP: Loops, calculations and conditions
• Module 11 - Getting User Input
• Module 12 - More Input: Check boxes and multiple parameters
• Module 13 - Validation
• Module 14 - Session handling
• Module 15 - Securing an application
• Module 16 - Repository Extensions
• Module 17 - Calling a Native ISeries Program

A previous WebSmart training course is not necessary if you already have a solid base in WebSmart and HTML.

• A firm grasp on HTML - Knowing how to use links, forms and tables are a must.
• Knowledge of Cascading Style Sheets and JavaScript are recommended but not necessary.
• Having created applications using WebSmart and understanding the flow between the HTML and PML.
• Understanding and having used PML functions such as runtask, getparm, wrtseg, getrcd are the minimal requirements.
• Understanding the HTTP Server and AS/400 security is also an asset but not a requirement.

This course will advance at a pre-determined pace and time will not be allotted to go over the basic concepts. We have material that you can cover before the class if you need to brush up on any of these areas. The more you know coming in, the more you'll get out of this course.

The advanced hands-on labs will be separated into free standing labs that may cover the following topics:

• Advanced HTML tags, in line CSS and JavaScript
• PML extensions - Using Legacy Code
• Repository extensions
  • export/import & manage extensions
  • PML Snippets
  • Inheritance
• Security considerations - AS/400 Security and the HTTP Server, Validation Lists, SSL and AES Encryption
• Applications scenarios
  • B2B application
  • Order entry
  • Login & application access
• Apache configuration
• Change management scenarios
• Using SQL in WebSmart programs
• Using CSV files
• Working with Templates
• RDW - RPG/DDS to web conversion

The final curriculum is yet to be determined, so if there are any topics not listed that you would like to see, please send us your recommendations.

Before attending a ProGen Plus class, it's important that you have a solid understanding of the following concepts:

• OS/400 Libraries
• Functions Keys, list options
• Relational Files - key fields
• Relationships between files

Any programming experience is of course also helpful. ProGen Plus is designed to be a productivity tool for programmers.

Like all our courses, the ProGen Plus training class is highly interactive, with short sessions on theory and concepts followed by hands-on labs, building a fully functional customer order entry application. You'll also work through several advanced stand-alone labs using the Actions Editor, and create report programs with prompt screens and CL drivers.

The topics covered include:

• Learning how to use the PDA (similar to SDA) and all the short cuts
• Building inquiry and file maintenance subfile programs
• Building all kinds of work fields for calculations and date manipulation, etc.
• Understanding 'program' fields to monitor and control program and system variables
• Creating and changing function keys and subfile options
• Building and adding application help text
• Linking programs and using parameters
• Creating and calling look-up programs
• Setting up order header/detail style applications
• Validating data with modules, conditions, actions and files
• Understanding the structure of the templates
• Using the Actions Editor to extend the template logic
• Changing the source code
• Change Management
• Creating report and prompt programs