wap,WML语言与编程

WAP 构架

 

• WML 是一种适用于无线互连网的标记语言。
• WAP （ Wireless Application Protocol ）是适用于无线互连网的网络协议。
• 客户是各种基于 WAP 协议的手掌设备或者是各种模拟器。
• WAP 网关有两个功能：对 WML 网页进行编码和解码；实现 HTTP 协议和 WAP 协议之间的转换。
• WAP 服务器是指在 MIME 配置中设置了 WML 数据类型的 Web 服务器。
• 为什么采用 WAP ：方便、安全。

 

URL

• WML 使用和 HTML 相同的引用方式。

http://www.motorola.com/great.wml

• 在 URL 后使用片段。

http://www.motorola.com/great.wml#login

• 相对的 URL ——基础的 URL 是当前的卡片。

Content Type

• 在互联网上使用 WML 数据类型。
• 要想使用 Web 服务器传输 WML 数据类型，就需要对 Web 服务器的 MIME 设置进行配置。
• 需要增加以下数据类型：

wml ： text/vnd.wap.wml

wmlc ： application/vnd.wap.wmlc （经过编码 WML 数据类型）

wmls ： text/vnd.wap.wmlscript

wbmp ： image/vnd.wap.wbmp     (BMP 图象 )

其他可选的数据类型：

wmlsc ： application/vnd.wap.wmlscriptc

wmlscript ： text/vnd.wap.wmlscript

ws ： text/vnd.wap.wmlscript

wsc ： application/vnd.wap.wmlscriptc

WML 字符集

• WML 是 XML 的子集，继承了 XML 的字符集设置。
• WML 文档缺省的字符集是 UTF – 8 。
• 显示中文。只要在开头使用 encoding 就可以。在 Motorola L2000www 上测试通过。

 

元素和属性

• 元素

1 ．一个完整的 WML 标记有以下两种格式：

       content

      

• 属性
  1. 1. 可以随意地指定或添加元素的属性。
     2. 属性的格式： 。
     3. 所有的 XML 名字都是大小写敏感的。
     4. 所有的属性值都必须用双引号或单引号括起来。

变量

• WML 卡片中可以使用变量。
• 描述变量的语法在 WML 中有最高的解释优先级。
• 当空格无法表示一个变量名结束的时候，就必须使用括号将参数名括起来。
• $$ 在 WML 中代表一个‘ $ ’符号。
• 变量语法格式如下：

$identifier

$(identifier)

$(identifier:conversion)

• 变量使用说明：

1. 可以在字符串中使用。
2. 可以在运行中更新变量的值。
3. 变量处于设置状态（ NOT NULL ），如果变量不等同于空字符串。
4. 变量处于未设置状态（ NULL ），如果变量等同于空字符串。

• 变量替代：

1. 变量的数值可以代入卡片中的文本。
2. 只有文本部分可以实现替代。
3. 任何元素和属性都不能使用变量来替代。
4. 替代将在运行期发生。
5. 替代将不影响变量现在的值。
6. 替代是按照字符串替代的方式工作。
7. 如果一个没有定义的变量要实现替代，那么该变量将被看作空字符串。
8. 变量名是由 US-ASCII 码、下划线和数字组成，并且只能以 US-ASCII 码开头。
9. 变量名是大小写敏感的。

‘ $ ’符号

• 美元符号

1. 要想在文本中显示美元符号，必须成对使用。
2. 一个美元符号表示变量替代。
3. 一个简单的显示美元符号的例子：

This is a $$ character.

• 有效性

1. 在美元符号后面接字符串都将被认为是变量替代或者是生效。
2. 几个无效的例子：

Balance left is $10.00.

Newcontext 属性

       Newcontext 等于 true 或 false ，将决定浏览是否做以下事情：

• 删除所有在当前上下文中定义的变量。
• 清除历史信息。
• 重新设置所有的状态为一个缺省的状态。

大小写敏感

• WML 和 XML 都是大小写敏感的语言。
• 所有的 WML 标记和属性都是大小写敏感的。
• 任何枚举的属性值也是大小写敏感的。

页面和卡片

• WML 是 XML 语言的子集。
• 一个 WML 应用是由许多页面（ Deck ）所组成的。一个 WML 的页面就相当于 HTML 的一页。
• 一个 WML 页面是由文件声明和 WML 标记对组成。
• WML 标记对中间有一个或多个卡片组成。
• WML 就是在各个卡片之间转换和传递信息。

WML 标记对

• WML 标记对是任何一个 WML 页面的根元素。
• WML 标记对中可以包含一个或多个卡片，和可选的头元素。
• WML 标记对中可以使用可选的“模板”来生成其所包含的所有卡片。

WML 例子

      

             

                    

                           

                                  

                           

                            Hello world !

                            This is the first card…

                    

             

             

                    

                            This is the second card.

                            Goodbye

                    

             

      

文件声明

• XML 声明总是在文件的第一行。

• DOCTYPE 声明。

事件与导航

• 导航与事件处理：

1. WML 包括导航和事件处理模块。
2. WML 允许作者指定需要处理的事件。
3. 事件可以和所需要完成的任务捆绑在一起。
4. URL 导航就是这样的一个例子。
5. 事件捆绑是通过几种元素声明来完成的，包括： go 、 do 和 onevent 。
6. Do 元素比 Go 元素需要用户更多的参与。

Do 元素

• Do 元素提供了一个通用的事件处理机制，使得用户可以参与当前卡片的事件处理。
• WML 提供一些预先定义的 Do 模块。
• accept ：确定（或接受）。
• prev ：返回到上次的位置。
• help ：请求帮助。
• options ：上下文敏感的选项请求。

      

任务

• Go 元素——当用户选中该元素时，就引导用户去 WML 中指定 URL 。

Motorola Wireless

• Prev 元素——当用户选中该元素时，就引导用户去上次用户访问过的 URL 。

      

• Refresh 元素——当用户选中该元素时，变量值将被重新设置。

      

             

             

             

      

Setvar 元素

• 指定在当前的上下文中的变量的值，从侧面影响正在运行的任务。
• 必须使用 name 属性指定变量的名字。
• 必须使用 value 属性指定所需要赋给变量的值。

Select 元素和 Option 元素

• Select 元素和 Option 元素是用来在 WML 中形成选择任务。
• Option 元素可以指定在用户作出选择后的目标地址。

      

boxed

      

arranged

Input 元素

• Input 元素是用来收集用户的输入。

1. name 属性是用来指定变量的名字。
2. value 属性可以指定变量缺省的值。

1. type 属性可以用来指定按密码输入模式进行输入，否则就是普通的文本输入模式。
2. format 属性用来指定输入的内容是数字（ N ）、字母、字母和数字，输入长度，大写或者小写等等。

Text 元素

• 段落：
  （自动换行模式切换）
• 空白：空格、制表符和换行都将被显示为空白。
• 重点： em （强调）， strong （特别强调）， i （斜体）， u （下划线）， big （预定义的大字体）， small （预定义的小字体）。
• br 元素：建立新的一行。

      

              Welcome to…

      

      

              Mobile

      

      

              ADK

      

超级链接

• a 元素和 anchor 元素被用来创建一个超级链接。选中该元素的时候，用户将被带入到链接的地址（可以是另外的页面或者是同一页面下的不同卡片）。
• 也可以不使用 a 元素和 anchor 元素，而采用 go 元素中的 href 属性来创建一个超级链接。

1 ． follow me

             

              2 ． follow me

              3 ．

                           

                                  

                                  

                           

                    

Timer 元素

• Timer 可以用来延时显示页面或卡片，或在页面和卡片间实现切换以取得动画效果。
• 下面的例子就是在显示“ Hello World ”五秒钟后，用户将被自动引导至 “/next” 所指定的位置：

      

             

             

                     Hello World !

             

      

注释

• 简单的注释（单行或多行，注释中没有 WML 标记）。

• 使用 CDATA 标记来实现带有 WML 标记的注释。

bold text…

       …

      

… still lot more

       …

]]>

Template 元素

• Template 元素声明一个在页面中所有卡片都可以使用的事件处理模块。

1. 模块中的事件处理将自动应用于同一页面中的所有卡片。
2. 某个卡片可以通过定义同名的事件处理来替代模块中的事件处理。

      

      

             

              …

      

      

             

             

                    

             

              …

      

      

             

             

                    

             

      

Table 元素

• Table 元素是用来创建能容纳文本和图片的表格。

1. align 属性是用来指定对齐的方式（ ”L” 是左对齐， ”C” 是对中， ”R” 是右对齐。缺省的对齐方式是从左到右的左对齐方式）。

       

       

       

One	Two
1	2
BA	B

1. tr 元素用来指定表格的行。
2. td 元素用来指定表格的列。

       

       

       

One	Two
1	2
BA	B

图标

• alt 属性指定可选的文本，当设备不能显示图象的时候。
• src 属性指定图象的来源。
• align 属性指定图象与相临的文本对齐。

      

       Telecom 99

Postfield 元素

• 指定向原始服务器指定提交时候的参数名字和参数数值。

1. Login 和 Password 效验是最常用提交。
2. 一个使用 go 元素的提交例子。

      

事件

• ontimer 事件：该事件发生在计时器过期的时候。
• onenterforward 事件：该事件发生在用户选中一个有效的 URL 之后，在正式引导用户去该 URL 地址之前。
• onenterbackward 事件：该时间发生在用户选中一个有效的 Prev 操作之后，在正式引导用户之前。
• onpick 事件：该事件发生在用户选中某个选项。

      

             

      

      

              Help

      

             

             

                    

                            Hello

                    

             

WML 核心数据类型

• 长度

1. 可以用整数指定画布（屏幕、纸张）的像素大小，或者用百分数表示占用的长度或宽度。
2. “ 50 ” =50 个像素。
3. “ 50% ” = 占用一半的位置。
4. 只能用在属性值中。

ID 和 Class 属性

• 所有的 WML 元素有两个核心属性： id 和 class 。
• 这两个属性被用于服务器方的信息传输。
• id 提供某个元素在页面中唯一的名字。
• class 接收元素一个更多的 class 定义。
• 多个元素可以使用同一个 class 定义。
• class 的名字是大小写敏感的。
• 元素也可以作为 class 中的一个部分。

WML 编程指导

• 尽量是用户的操作简单、友好。

1. 建立一个操作流程图。
2. 定义每个卡片的操作。
3. 保持每个卡片小而且简单。
4. 尽量减少按键的次数。
5. 不要使用 WML 所有的属性（各个厂家对 WML 兼容情况是不同的）。

创建一个新的 WML 文件

      

      

       “http://www.wapforum.org/DTD/WML_1.1.xml”>

      

             

                    

             

      

修改卡片

• 根据自己的需要改变卡片的 id 和 title 。
• 增加卡片的内容。

“http://www.wapforum.org/DTD/wml_1.1.xml”>

      

             

                     MADK WML DEMO.

             

      

增加动作

      

      

       “http://www.wapforum.org/DTD/wml_1.1.xml”>

      

             

                    

                           

                    

             

                     MADK WML DEMO.

             

             

             

                    

                            Welcome to the wireless bookshop.

                    

             

      

建立一个动画消息

      

             

             

                    

                            Welcome to…

                    

             

      

      

             

             

                    

                            the Wonderful

                    

                    

                            Wireless

                    

             

      

      

             

                    

                            Bookstore.

                    

             

      

建立选择列表

      

             

                    

             

             

                    

                            BookStore.

                    

             

      

      

             

                     Science or novel:

                    

                           

Science

                           

novel

                    

             

      

更多的选择

      

             

              select science title:

             

                    

The Universe

                    

Facts About Space

                    

Time Machine

             

      

      

              select novel title:

             

                    

Speed

                    

Terminator

                    

Ghost

             

      

Scrollbar 与 Setvar

      

             

                    

                           

                           

                    

             

             

                     Click accept to find the

                     Price and enter number of copies you need:

             

      

使用 Input

• 使用正确的格式。
• 选择一个合适的标题。
• 限制所输入内容的最大长度。

      

             

      

      

              select number of copies:

             

      

• 收集名字

      

             

      

      

              name:

             

      

• 收集地址

      

             

                    

             

      

      

       address:

      

选择信用卡类型

      

             

                     what kind of credit card?

                    

                    

visa

                    

mastercard

                    

dicover

                    

             

      

输入信用卡号码

      

             

                    

             

             

              card number

             

             

      

信用卡过期日期

      

             

                    

             

             

              expiration date

             

             

      

确认

      

             

                     Each is $$ $(price), you ordered $(unint) copies,

                     Shipping is

$(ship),andtotalis

 

64,

                     Thank you ! Bye Bye !

             

      

复合卡片的应用

      

             

                    

                           

                    

             

             

              address:

             

             

      

复合站点的应用

      

             

                    

                           

                    

             

             

              address:

             

             

      

调用 WMLScript 函数

      

             

                    

             

             

                     Each is $$ $(price),

                     You ordered $(unit) copies,

                     Shipping is $$ $(ship), and

                     Total is $$ $(total)

             

      

WMLScript 例子

       //wml script used by book store application

       extern function calculateTotal(a,b,c)

       {

              //a: unit price

              //b: number of units

              //c: shipping charges

             

              var total=a*b+c;

              WMLBrowser.setVar(“total”,total);

              WMLBrowser.refresh();

       }

WBMP 格式

经过仔细地研究，发现 WBMP的格式如下(例如Width=16,Height=15的一个白色的画面)：
0x00,0x00,0x10,0x0f,0xff,0xff......,0xff。
头两个字节为0，现在还不清楚它的用途。
第三个字节为Width,第四个字节为Height,后面的是数据。
数据有以下特点：用一个Bit对应一个Pixel。0表示黑色，1表示白色。高位开始到底位结束对应着从左到右，数据从低地址到高地址对应着从上到下。一个字节可以表示8个像素，不足的部分可以用0补齐。
下面是一张太阳的图片，仅供参考。
0x00,0x00,//Unknown or reserved,maybe the mark for the wbmp
0x14,//Width
0x14,//Height
//Pixel data
0xfa,0xf5,0xf0,0xfb,0x6d,0xf0,0xfb,0xad,0xf0,0xfb,
0xdd,0x80,0x1b,0xfc,0x70,0xe7,0x1f,0xe0,0x7c,0xe7,
0xd0,0xbb,0xfb,0xd0,0xdb,0xfb,0xb0,0xd7,0xfd,0x70,
0xb7,0xfd,0xb0,0x77,0xf5,0xd0,0xfb,0xeb,0xe0,0xfb,
0xdb,0xf0,0x1c,0xe7,0x80,0xc7,0x1c,0x70,0xf7,0xfd,
0xf0,0xf7,0xbf,0xf0,0xf6,0x5d,0xf0,0xf5,0xed,0xf0

因此在知道了WBMP的格式后，就可以在WAP移动设备上做出各种图形，甚至是绘图。本来WAP终端设备一般是不支持图形模式，但是可以在服务端将所有的图形按照WBMP的格式准备好再送往WAP终端设备，那么看起来就好象在WAP终端设备上直接绘图。大家可以去 http://www.infoislive.com/demo 看看。