About These Slides This slide set is designed to be used with the OMA sample application It is recommended you follow the steps outlined in the “Preparing For the Demo Application.doc

Extended Systems OneBridge Mobile Agent December 2002

Extended Systems The History of PSP

PSP History PSP is a markup language (Pocket Server Pages) HTML/XML based Approx. 66 PSP-specific tags + HTML PSP tags support mobile applications OMA (OneBridge Mobile Agent) Web Interface for both online and offline use Processes PSP pages Rich UI

PSP History Using PSP requires a basic understanding of HTML and web development. Who is PSP for? Web developers Novice developers eager to create applications of moderate complexity Experienced developers eager to rapidly generate complex online/offline data-driven applications

PSP History Why chose PSP? Rapid application development and prototyping Built-in support for mobile applications –Signature capture –Online/offline database access –Print HTML on portable printers via IR Familiar web interface Applications are easy to modify –PSP is an interpreted language –No compiler or special tools required to write PSP

How OMA works 1.The user clicks on a link or executes a form, or (at startup), a default page is selected. 2.The page is loaded from the database, from the file system, or from an HTTP server. 3.The file is scanned from beginning to end. PSP tags are parsed and interpreted. All non-PSP tags are output to the output file. (The output file is located at \Temp\Report.htm). 4.The resulting HTML file (from the non-PSP tags, and from the interpreted PSP tags) is passed to an HTML rendering control that displays the result on the screen. 5.OMA waits for the next user action to provoke the execution of the next page. Chris Leffel: Fix this slide. Maybe needs a graphic? Chris Leffel: Fix this slide. Maybe needs a graphic?

Extended Systems Working with the Mobile Device

Required Files for development Embedded Visual Tools PocketPC 2002 SDK OMA desktop install

OMA File Server Allows you to easily move files from your development computer to the emulator or device. Sets the default OMA application to run.

Extended Systems HTML Overview

All Mobile Agent pages are based on HTML documents Hello World! HelloWorld.txt

HTML Overview Forms are processed similar to the way they are in web programming What is your name? formCapture.txt

HTML Overview Forms are processed similar to the way they are in web programming Hello! formShow.txt

Extended Systems Mobile Databases

Need an intro slide Chris Leffel: Fix this slide Chris Leffel: Fix this slide

Mobile Databases PSP uses SQL to access databases The tag is used to open recordsets <recordset name=“rs1” sql=“select * from customers”> Name: See MS SQL Server CE help for SQL help

Mobile Databases Creating a database using SQL and PSP

Mobile Databases Creating a table using SQL and PSP

Mobile Databases Two database providers supported for Windows CE SSCE: SQL Server CE Provider –Very fast and efficient for large databases –Few SQL limitations CEDB: Pocket Access Provider –Databases are easier to create - ActiveSync –Slow, SQL is limited –Database size limited to 64K records

Extended Systems View Libraries

A set of PSP defined tags used to render database data Provides a framework delivering easily modified applications. Automatically generates code to handle sorting and pagination Makes presentation of database information easy to define and manage

View Libraries List View with page selection popup Details View

View Libraries – list view What does a list view do? List pagination Column sorting Detail Linking

View Libraries – list view Defined in generateviews.txt – “customer view” Used on showall_customers.txt

View Libraries – detail view What does a detail view do? Preformatted reusable HTML Easily linked to list views

View Libraries – detail view Defined in generateviews.txt – “customer details” Used on customer_details.txt

View Libraries – search view What does a search view do? Creates HTML form elements dynamically Developer does not need to be concerned with HTML formatting

View Libraries – search view Defined in generateviews.txt – “customer search” Used on customer_search.txt

View Libraries – edit view Why create an edit view? Consistent UI No need to build dynamic form elements using PSP

View Libraries – edit view Defined in generateviews.txt – “customer details” Used on edit_customer.txt

View Libraries – edit view Saving from an edit view Copy form variables to record set values Save the recordset & redirect

View Libraries – search view What does a search view do? Creates HTML form elements dynamically Developer does not need to be concerned with HTML formatting

View Libraries – search view Defined in generateviews.txt – “customer search” Used on customer_search.txt

Extended Systems Variables & Conditional Logic

Variables and Data Types 3 data types: 1.Number -All numeric and boolean data 2.String -Character data (Unicode by default) 3.Date -Date and Time values Variables are global by default Page level local variables may be specified. When possible, use local variables!

Variables and Data Types Declaring variables –A local string: Using variables –An expression: Shortcut forms are easier to read, but not XML compliant!

Conditional Logic … Conditionally process code Example: Less than zero Greater than or equal to zero

Conditional Logic … Used for conditional looping Example:

Extended Systems UI Elements

Pop Up Windows Give feedback to the user without changing the screen they are looking at. See authenticate.txt for sample code.

UI Controls Allows buttons to be set programmatically. Example:

UI Controls Allows the navigation menu to be set programmatically <MenuItem Name = item identifier, Value = text, Href = link, Action = add | remove, default = add Image = path/name of bitmap /> Example:

UI Controls Date Pick To specify a date-pick control, use "cal:"+optional (default) date as the content of the textarea block. Example: cal:1/1/2002

UI Controls Time Pick To specify a time-pick control, use "tim:"+optional (default) time as the content of the textarea block. Example: tim:14:00

UI Controls Signature Capture Example: sig:

UI Controls dbSelect Example: Chris Leffel: Fix this slide Chris Leffel: Fix this slide

Extended Systems Debugging

OMA can generate a log file The log file shows details of PSP code execution Logging may be activated manually or via code Debugging online applications can be difficult Server problem or client problem? Very important to have a tool (tcpTrace) Tool shows HTTP request and response data

Debugging sysMessage Example: Chris Leffel: Fix this slide Chris Leffel: Fix this slide

Extended Systems Miscellaneous Topics

Printing Printing of HTML via IR is supported. Headers, footers, images, pagination are supported. Printing is FAST OMA auto-detects the printer and determines if it is supported. Driver for Canon BJC- series printers included. Additional drivers produced as needed.

Printing Sample Report Full color supported HTML and tags are fully supported.

Printing Need sample code… Example: Chris Leffel: Fix this slide Chris Leffel: Fix this slide

Internationalization View library strings (labels) may be internationalized XML resource files define strings for different languages The Resource Library is used to load resources Applications may be designed to dynamically switch language at user request

Internationalization Need slide with resource file and / or picture of how resource file is used. Example: Chris Leffel: Fix this slide Chris Leffel: Fix this slide

Internationalization Example: Chris Leffel: Fix this slide Chris Leffel: Fix this slide