*** ВНИМАНИЕ! *** Эта статья становится немного пыльной, и некоторые ссылки могут больше не работать. Мы рекомендуем вам ознакомиться со следующей статьей для получения более актуальной информации о создании сайта, оптимизированного для мобильных устройств: Проектирование для мобильного Интернета .
Малый — это хорошо, если вы хотите сделать контент своего веб-сайта доступным для пользователей КПК (Personal Digital Assistants). Хотя аппаратные и программные возможности КПК не могут сравниться с возможностями настольного компьютера, вам не нужно соглашаться на анемичную портативную версию своего сайта. При тщательном планировании и умном кодировании вы можете создать элегантный сайт, удобный для КПК.
Теперь вы можете присоединиться к тем, кто находится на переднем крае, с минимальным риском и усилиями. Я сосредоточусь на использовании AvantGo в качестве механизма доставки, хотя большая часть информации здесь может быть применена к альтернативным браузерным решениям для КПК (см. Ниже).
AvantGo предоставляет пользователям бесплатный браузер и синхронизирующее программное обеспечение. А для разработчика есть быстрый онлайн-инструмент, который вы можете использовать для создания канала AvantGo, на который пользователи могут подписаться. В общем, AvantGo — действительно убийственное приложение для КПК.
Решите, что публиковать
Ваш первый шаг — решить, что вы поставите своей аудитории, оснащенной КПК. Начните с малого и будьте избирательны. Новости, статьи, описания продуктов и формы заказа являются хорошими кандидатами для своевременной доставки этого канала.
Вы хотите простую навигацию 2-3 уровня, такую как главное меню, подменю (необязательно) и страницы содержимого. Например, наш канал WEBtheJOINT состоит из двух уровней — основного меню статей и самих статей.
Сохраняйте общий объем ваших страниц размером от 50 до 100 КБ. AvantGo устанавливает ограничения в 256 КБ на канал и 32 КБ на страницу. Страницы должны быть короткими и ограничиваться одной темой.
Основы кодирования
AvantGo поддерживает HTML 3.2 — с исключениями. Забудьте об использовании рамок и карт изображений. Атрибуты тегов изображения, такие как высота, ширина и плавающий текст, тоже не будут летать. Возможности форматирования текста ограничены. Теги FONT и BASEFONT бесполезны.
Помните о размере экрана. Вы можете создать свои страницы для наименьшего общего знаменателя (экран Palm размером 150 x 150). Или вы можете использовать HTTP-заголовок (описанный ниже), чтобы адаптировать ваш контент под большие экраны устройств Windows CE и HPC Pro.
При ограниченных графических возможностях КПК ваша самая безопасная ставка — использовать высококонтрастные изображения в градациях серого с шириной 150 пикселей или менее. Цветные изображения будут преобразованы в оттенки серого нецветными устройствами. Обязательно используйте alt теги.
Для получения более подробной информации по этим темам посетите Руководства разработчика AvantGo .
Использование заголовков HTTP
После того, как вы определили содержание вашего канала, вы столкнулись с проблемой оптимизации его для КПК. Вы можете создать отдельные версии для стандартного браузера и для КПК, но опытный разработчик может предпочесть использовать JavaScript, PHP или другой скрипт-инструмент для оптимизации страниц на лету. Используйте заголовки HTTP, чтобы определить операционную систему клиента, размер экрана, цветовые возможности и многое другое.
Для нашего канала мы используем PHP просто, чтобы определить, является ли браузер пользователя «AvantGo». Если это так, то вызывается сокращенный заголовочный файл (PDA_header.inc), который содержит HTML-код для одного небольшого изображения и несколько навигационных ссылок, а не полноценный заголовок (FULL_header.inc), который видят посетители нашего обычного сайта:
<?php $agent = getenv("HTTP_USER_AGENT"); $handheld = strpos($agent, "AvantGo") ? "Yes" : "No" ; if($handheld == "Yes") { include("../PDA_header.inc"); } else { include("../FULL_header.inc"); } ?>
Посетите эту страницу для полного ознакомления с использованием заголовков HTTP.
Создайте свой контент
Создайте небольшую домашнюю страницу, которая дает посетителю четкое представление о том, что находится ниже. Главное меню это хорошо. Контент второго и более низкого уровня может быть создан с нуля, или существующие страницы могут быть написаны с помощью HTTP-заголовков, как описано выше, чтобы исключить необходимость в отдельных версиях для КПК.
Сохраните файл домашней страницы и любые другие новые или измененные файлы на вашем веб-сервере. Подумайте о том, чтобы поместить файл домашней страницы в отдельный подкаталог с файлами заголовка, нижнего колонтитула и изображения, которые используются исключительно для вашего канала AvantGo.
Использование форм
Любой веб-сайт, стоящий в киберпространстве, имеет некоторую интерактивность через формы. AvantGo и КПК могут обрабатывать практически любые формы. Обязательно учитывайте размер экрана и ограничения HTML, упомянутые ранее.
Форма, которую ваш пользователь заполняет и отправляет на КПК, сохраняется в Диспетчере форм. В следующий раз, когда пользователь синхронизируется с вашим каналом, AvantGo отправляет заполненную форму на ваш сервер, где она обрабатывается как обычно с помощью cgi-bin вашей формы или другим действием.
Единственное важное изменение, которое вам нужно внести в форму, — это настроить кнопку Submit с небольшим количеством JavaScript. Заменить стандарт:
<input type="submit" name="submit" value="Submit">
с:
<input type="button" name="submit" value="Submit" onClick="document.forms[0].submitNoResponse( 'This is the message that will be displayed after form submission', false, true); back()">
Функция submitNoResponse — это способ submitNoResponse отображать для пользователя подтверждающее сообщение и указывать, скрыта ли форма в Диспетчере форм (в данном примере «false») и можно ли отправить несколько форм («true»).
Мощная функция AvantGo — персонализация каналов с помощью форм и файлов cookie. Для получения дополнительной информации посетите эту статью .
Создайте свой канал AvantGo
Если вы этого еще не сделали, зарегистрируйте бесплатную учетную запись AvantGo. Затем используйте мастер AvantGo для создания своего канала. Вы укажете местоположение своей домашней страницы, глубину ссылки и многое другое. Это должно занять все пять минут.
Когда вы закончите, нажмите «Экспортировать каналы», чтобы создать URL-адрес, который вы сможете скопировать и разместить на своем сайте, чтобы клиенты могли подписаться на ваш канал. URL будет выглядеть так:
http://avantgo.com/mydevice/autoadd.html?title=WEBtheJOINT&url=ht tp%3A%2F%2Fwww.webthejoint.com%2Favantgo%2Findex.php&max=100&dept h=2&images=1&links=0&refresh=always&hours=1&dflags=127&hour=16&qu arter=30&s=00
Это не красиво, но работает как шарм. Когда вы перейдете по этому URL, канал будет добавлен в ваш список «Мои каналы». Синхронизируйте ваш КПК, затем щелкните значок AvantGo на вашем КПК, чтобы протестировать ваш удобный для рук сайт.
Если у вас нет -PDA, не волнуйтесь. Загрузите эмулятор Palm OS на свой компьютер Windows / Mac / Unix.
Альтернативные решения для КПК в браузерах
AvantGo не единственная игра в городе, но она намного впереди всего, что находится на втором месте.
блейзер
Браузер Palm, который может получить доступ практически к любому сайту в Интернете, но удаляет неподдерживаемый контент (потоковое мультимедиа, Java, JavaScript). В отличие от AvantGo, Blazer не хранит контент на КПК.
Стоимость: 19,95 долларов США.
http://www.handspring.com/software/blazer_overview.jhtml
Palmscape
Palm-браузер, который может кэшировать страницы для просмотра в автономном режиме. Нет поддержки SSL.
Стоимость: 29,95 долларов США.
http://www.ilinx.co.jp/en/products/ps.html
Веб-вырезки
Автономные приложения, поддерживаемые карманными компьютерами Palm VII, Palm V с модемом OmniSky и другие портативные устройства с установленным Mobile Internet Kit.
http://www.palm.com/dev/tech/webclipping/ .
Чего же ты ждешь?
Если вы еще этого не сделали, зарегистрируйте бесплатную учетную запись AvantGo. Подпишитесь на несколько каналов, включая канал SitePoint — вы быстро найдете несколько каналов с элегантной навигацией и ценным контентом. Ваш может быть одним из них. Дать ему шанс!