В настоящее время все большую популярность приобретает доступ в интернет с мобильных телефонов
(более подробно можно прочитать в описании протокола WAP). Сейчас на каждого москвича
приходится хотя бы по одной мобиле. А это значит что перед разработчиками
лежит непочатый край всех возможностей, которые можно реализовать в связке мобильный телефон-интернет.
Это могут быть просто информационные ресурсы, средства электронной коммерции, средства он-лайн доступа
к личным данным (например, к своему банковскому счету). В данный момент самым популярным языком
для создания подобных ресурсов является WML - Wireless Markup Language (при разработке за основу
взят язык XML, так что WML подчиняется правилам форматирования XML документа). Далее мы рассмотрим основы
этого языка, его структуру, а заодно создадим самую простую wap страничку.
Но для начала, необходимо настроить сервер Apache соответсвующим образом - чтоб он понимал wml страницы.
Сделать это очень просто - добавить директиву AddType text/vnd.wap.wml .wml. в файл httpd.conf в
секцию AddType.
Ну а теперь для примера давайте рассмотрим страницу wap.mts.ru (это не реклама :))
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="index" title="WAP MTS">
<p align="left">
<img src="/i/wap1_ico/logo.wbmp" width="49" height="30" alt="MTS"/>
</p>
<p align="center">
<img src="/i/wap1_ico/8march.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/8march/">8 марта</a>
</p>
<p align="center">
<img src="/i/wap1_ico/wap_magazine.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/wap_magazine/">WAP-журнал</a>
</p>
<p align="center">
<img src="/i/wap1_ico/newsweather.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/newsweather/">Новости и Погода</a>
</p>
<p align="center">
<img src="/i/wap1_ico/media.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/media/">Пресса и ТВ</a>
</p>
<p align="center">
<img src="/i/wap1_ico/sports.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/sports/">Спорт</a>
</p>
<p align="center">
<img src="/i/wap1_ico/work_study.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/work_study/">Досуг и Карьера</a>
</p>
<p align="center">
<img src="/i/wap1_ico/goods.wbmp" alt="*" width="32" height="32"/>
<br/><a href="/goods/">Товары и Услуги</a>
</p>
<p align="center">
<img src="/i/wap1_ico/guide.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/guide/">Гид по городу</a>
</p>
<p align="center">
<img src="/i/wap1_ico/games.wbmp" alt="*" width="32" height="32"/>
<br/><a href="/games/">Игры</a>
</p>
<p align="center">
<img src="/i/wap1_ico/graphics.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/graphics/">Мелодии и картинки</a>
</p>
<p align="center">
<img src="/i/wap1_ico/humour.wbmp" alt="*" width="32" height="32"/>
<br/><
a href="/humour/">Юмор и Гороскопы</a>
</p>
<p align="center">
<img src="/i/wap1_ico/chats.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/chats/">Чаты и Знакомств</a>
</p>
<p align="center">
<img src="/i/wap1_ico/18.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/18/">18+</a>
</p>
<p align="center">
<img src="/i/wap1_ico/mts_search.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="http://www.mpoisk.ru/wap">МТС-Поиск</a>
</p>
<p align="center">
<img src="/i/wap1_ico/wap_sites.wbmp" alt="*" width="32" height="32"/>
<br/>
<a href="/wap_sites/">WAP-сайты</a>
</p>
<p align="center">
<a href="/help/">Помощь</a>
</p>
<p align="center">
<a href="/info/">Информация</a>
</p>
</card>
</wml>
Давайте пробежимся по коду. Строка
<?xml version="1.0" encoding="UTF-8> говорит о том,
что мы работаем с xml документом версии 1.0 и в кодировке UTF-8.
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> -
определяет тип документа — WML и адрес, по которому расположен файл с DTD (Document Type Definition), который нужен для определения правил обработки wml.
<wml> - Дек. Открывающий тег wml документа (аналог тегу HTML - <html>). Может встречаться один раз.
<card> - Карта. Открывающий тег wml документа (аналог тегу HTML - <body>). Может встречаться несколько раз.
А дальше идут, как видите, самые обыкновенные html теги абзацев, ссылок и картинок. Так что никаких особых сложностей.
Ну и, естественно, в конце документы закрывающие теги карты и дека.
Чтобы использовать wml при построении страниц на php необходимо задать header документа.
Это делается так:
<?php
header("Content-type: text/vnd.wap.wml");
?>
Вот пример самой простой wap страницы:
<?php
header("Content-type: text/vnd.wap.wml");
echo '
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="id1" title="Card1">
Hello world!
</card>
</wml>'; ?>
Вот, собственно и все. Мы ознакомились с основами написания WML страниц. Кстати,
Internet Explorer не умеет просматривать такие страницы, поэтому, чтобы посмотреть плоды своих трудов,
можно использовать другие браузеры - Opera, Klindike Wap Browser и WinWAP (я предпочитаю Оперу :)).
Автор: Юферев Денис.
|
