Сайты для мобильных платформ Александр Буянов alexander@buyanov.ru. - презентация

1 Сайты для мобильных платформ Александр Буянов

2 Организационные моменты Презентация будет доступна: –PowerPoint: –Flash: Вопросы Задавайте по мере возникновения, что бы не забыть.

3 История вопроса 1995 г. – фирма Unwired Planet представляет HDML 1997 г. – Создание WAPforum (wapforum.org) Основатели Ericsson, Motorola, Nokia + UnwiredPlanet 1998 г. – Создание WAP 1.0 Очень сырой стандарт 1999 г. – Выпуск новой версии, WAP г. – Обновление до версии WAP г. – Совершенно новая версия, WAP г. – Вхождение WAPForum в состав OMA На данный момент в OMA состоит более 500 компаний

4 Особенности WAP сайтов На данный момент – 14 миллионов пользователей мобильного интернета –Многие из них не используют «большой» интернет –Прирост – более 50% в год –В основном wap сайты (PDA около 1 миллиона) Меньше спама, больше доверия –Дорвеи ещё не пришли Выгодная реклама – CTR ~1% В основном молодая аудитория –Основные запросы: «порно» и «халява»

5 Типы сайтов Сервисы Погода, новости, афиша Знакомства, чаты Блоги Мобильный контент Мелодии, картинки, видео Сайты компаний Визитки с краткой информацией

6 Примеры

7 Откуда брать пользователей Из WWW –Основной сайт (если wap/pda это только дублирование) –Реклама и оптимизация в поиске –Ресурсы (в т.ч. форумы) по теме WAP ресурсы –Счётчики (например wapstart.ru) –Тематические каталоги и поиск –Реклама Реклама в оффлайне

8 SMS и WAP-push Разработка собственной платформы –Большие вложения –Много операторов (для обеспечения полного покрытия) –Недостаточная загрузка (если услуга идёт на продажу) Технические операторы –Только платформа и номера Полный аутсорсинг –Достаточно предоставить контент –Простота подключения –Может быть небольшой объём

9 Ссылки по SMS Несколько компаний devinosms.comdevinosms.com plasticmedia.ru smstraffic.ruplasticmedia.rusmstraffic.ru Технические ресурсы smsforum.netsmsforum.net – подробное описание SMPP KannelKannel (С) и OpenSmpp (Java) – Open Source gatewaysOpenSmpp PHP SMPP API

10 Техническая часть Материалы –Спецификации на сайте OMAСпецификации –developershome.com – куча туториаловdevelopershome.com

11 Инструментарий разработчика Расширения FireFox: –wmlbrowser ( WBMP не поддерживается )wmlbrowser –XHTML Mobile Profile ( application/vnd.wap.xhtml+xml )XHTML Mobile Profile –Modify HeadersModify Headers –User Agent SwitcherUser Agent Switcher Opera –Нативная поддержка WML Настоящие телефоны и КПК –Никакие эмуляторы не спасают Средства создания прототипов

12 Обычный сайт в PDA Семантическая верстка (DIVами) –Таблицы будут вжиматься на маленький экран Специальный лист стилей – xHTML не обязателен –Но желателен, чтобы избежать неопределённостей Незаточенность под JS –Rich Applications приходится переписывать Часто не нужно менять наполнение, но в некоторых случаях стоит менять структуру сайта.

13 Что нужно помнить о WAP Повсеместный UTF-8 –В заголовках: charset=UTF-8 –В начале файла: xHTML –Если ошибка «не могу отобразить страницу» - первым делом идём в валидатор Правильный content-type

14 Content Types WAP 1.1 –text/vnd.wap.wml (основной для WML) –image/vnd.wap.wbmp (картинка WBMP) –text/vnd.wap.wmlscript (WMLScript) WAP 2.0 –application/vnd.wap.xhtml+xml (основной) –application/xhtml+xml

15 Структура WML страницы Текст. Ссылка

16 Структура WML страницы Текст. Ссылка

17 Структура WML страницы Текст. Ссылка

18 Структура WML страницы Текст. Ссылка

19 Формы в WML Submit Data

20 WML Events ontimer срабатывает через value*0.1 секунд onenterbackward / onenterforward при нажатии кнопки back / forward в браузере телефона onpick при выборе пункта в select Внутри можно использовать, и Для чего нужно: –Перезагрузка страницы, перенарправление –Возврат к форме

21 XHTML MP (WAP 2.0) a:link {color:#0000cc;} Заголовок

22 Переадресация Не мало телефонов –Не воспринимают HTTP переадресацию –Код 201 для них равен 200 Ограниченная поддержка WAP 2.0 –Некоторые просто забивают на

23 Cookies и кеш Многие телефоны не поддерживают cookies –Процент гораздо выше, чем в WEB Идентификатор сессии – в URL –Ссылку не пересылают –Добавят в избранное – можно будет узнать Кеш очень маленький –Не стоит забивать его неповторяющимся контентом –Но дизайн кешировать навечно

24 Выдача нужного контента Жестко по субдоменам –Wap.site.ru – WAP, pda.site.ru – PDA –Ещё вариант – короткий домен (например li.ru) Определяем по запросу –По USER_AGENT –Заголовок Accept Комбинированный –Определяем по запросу –Перенаправляем на нужный субдомен (алиас) –Субдомен – дополнительный фактор определения

25 Устранение дублирования Дублирование в шаблонах полностью не устранить. Можно только уменьшить будущие проблемы. Методы: –Инкапсуляция отдельных элементов (например форм) –Единый дизайн –Для «раскраски» в WAP 2.0 использовать –Избегать специфики (например WMLScript)

26 Юзабилити Практически любой сайт можно автоматически преобразовать в формат для телефона (в т.ч. заменив/убрав картинки и прочее). Но это не сделает его удобным для пользователя W3C выпустила !рекомендации! для создателей wap сайтов. К ним стоит прислушаться.

27 Среда пользователя Не основное занятие –Работа при перемещении –Частые прерывания (не единственная задача) Более конкретные цели –Не сёрфят от нечего делать –Нет желания читать (исключение – книги) Маленький экран, неудобный ввод –Небольшой контекст, не видно остального –Много вводить сложно (исключение – чаты) –Скроллинг и выбор ссылки – одна и та же кнопка.

28 Параметры телефонов Сильно различающиеся экраны –Размер экранов может отличаться в разы –Абсолютные размеры «не работают» –Кол-во цветом может быть сильно разным (в т.ч. 2) Не стадартизированный интерфейс телефона –Кнопки back иногда нет (или пользователь о ней не знает) Не все символы одинаковы –Многие служебные символы вводятся 4-6 нажатиями –Не стоит требовать сложных паролей

29 Thats all Спасибо за внимание Александр Буянов