1. 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

3. Extended Systems OneBridge Mobile Agent December 2002

4. Extended Systems The History of PSP

5. 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

6. 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

7. 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

8. 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?

9. Extended Systems Working with the Mobile Device

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

11. 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.

12. Extended Systems HTML Overview

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

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

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

16. Extended Systems Mobile Databases

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

18. 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

19. Mobile Databases Creating a database using SQL and PSP

20. Mobile Databases Creating a table using SQL and PSP

21. 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

22. Extended Systems View Libraries

23. 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

24. View Libraries List View with page selection popup Details View

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

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

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

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

29. 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

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

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

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

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

34. 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

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

36. Extended Systems Variables & Conditional Logic

37. 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!

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

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

40. Conditional Logic … Used for conditional looping Example:

41. Extended Systems UI Elements

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

43. UI Controls Allows buttons to be set programmatically. Example:

44. 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:

45. 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

46. 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

47. UI Controls Signature Capture Example: sig:

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

49. Extended Systems Debugging

50. 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

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

52. Extended Systems Miscellaneous Topics

53. 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.

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

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

56. 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

57. 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

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