Aaa

 

Applicable:

 

Microsoft Windows XP Tablet PC Edition
Windows XP Tablet PC Edition Development Kit 1.7
Web development

 

Introduction

Most Web pages are based on text, images, and graphics. The Tablet PC provides another method for transmitting information by incorporating it into handwritten content. Add handwritten input to a Web page to give you a more personalized look. Incorporating a hand-written operation means that the user can enter data standing without having to place the keyboard. Users can also add comments to images to provide more powerful functions to easily point out specific details in these images. By creating interactive handwritten input content, you can make the Web site more interesting and useful, and provide more feedback to users.

InkWebPublisher example Application Overview

The InkWebPublisher sample application allows you to perform the following operations:

 

◆	Draw handwritten input.
◆	Insert an image.
◆	Create InkHyperlinks (a set of superlinks ).
◆	Save handwritten input to HTML
◆	Load handwritten input from HTML.

 

By using flip images and JavaScript flip code, the app creates an interactive hyperlink (InkHyperlinks) based on handwritten input strokes ). This article explains how to use a Windows Forms application that uses C # to write and uses Tablet pc sdk 1.7 to convert handwritten input content to interactive Web pages.

Tablet PCExample created onWebPage

The following screen snapshot shows the InkWebPublisher application and the content exported to the Web browser (Internet Explorer in this example. The detailed information is as follows.

Figure 1. Sample Web page with handwritten input in InkWebPublisher

Figure 2. Example Web page with handwritten input in the browser

InkWebPublisher application

The following steps describe how to create a Tablet PC application that generates a Web page based on handwritten input:

Collect handwritten input

The InkWebPublisher application uses a Panel object for its client region and connects an InkOverlay to the Panel to collect handwritten input, as shown in the following code:

 

Private System. Windows. Forms. Panel panelInkSurface; this. panelInkSurface = new Panel (); this. panelInkSurface. Size = new Size (1600,120 0 );... This. inkOverlay _ = new InkOverlay (); this. inkOverlay _. AttachedControl = this. panelInkSurface; this. inkOverlay _. AttachMode = InkOverlayAttachMode. InFront;

 

Use the InkOverlayAttachMode. InFront value to ensure that the handwritten input is always displayed on other client contents.

Aaa