Читайте также:
|
С тех пор как наличие мобильного информационного ресурса стало реальной необходимостью, появился обширный ряд методов для создания подобных информационных ресурсов. На сегодняшний день, большей частью, применяются три основных метода: адаптивная верстка, разработка отдельной мобильной версии и RESS, ниже анализируем и сравним их подробнее.
Адаптивный веб-дизайн
Адаптивный веб-дизайн обычно применяет CSS3 Media Queries для настройки макета веб-страницы, базируясь на размере области просмотра. Возможно использовать один HTML и для отображения различных макетов веб-страницы, и для стационарных персональных компьютеров, планшетов, мобильных устройств, телевизоров и других подобных устройств.
Преимущества
• Сохранность содержимого: при таком методе создания информационный ресурс полностью сохраняет информационное наполнение (контент) и HTML разметку, вне зависимости от типа применяемого устройства. Этот подход не просто имеет место быть, но и весьма актуален, так как, все больше пользователей в качестве средства доступа к Интернет-сети используют мобильные устройства.
• Один URL для веб-страниц: Это делает легче процесс расшаривания контента и освобождает от бесполезных редиректов, дабы принять оптимальный вид информационного ресурса для разных устройств.
Недостатки
• Содержимое не будет до конца оптимизировано под удобное использование мобильных устройств. Подобный информационный ресурс будет содержать информацию идентичную той, что содержит десктопная версия, это весьма ощутимый недостаток, в сопоставлении с отдельным мобильным информационным ресурсом, где есть потенциал адаптировать содержание веб-страниц исключительно для пользователей мобильных устройств.
• Медленная работа. В соответствии с данным за январь 2012 [ист], средняя веб-страница сегодня весит около 1,3 Мб. Существует теоретическая возможность ухода от столь громоздкого объема и при использовании адаптивного дизайна, но как показывает практика 86% «резиновых» информационных ресурсов тянут в аккурат на столько, а чаще даже больше.
• Затруднено перемещение по информационному ресурсу, что противоречит основным требованиям к мобильному информационному ресурсу. Ведь задачи пользователей мобильных устройств значительно отличаются от задач пользователей стационарного персонального компьютера. Наряду с тем, такие пользователи наиболее привычны к использованию мобильной версии интерфейса и если не просчитать грамотное строение навигации для каждого устройства, неизбежно возникнут проблемы с удобством использования. В качестве наглядного примера использования адаптивного дизайна можно привести версии следующих информационных ресурсов.
«Starbucks» - показывает во всей полноте плюсы и минусы данного метода веб-дизайна. Все их информационное наполнение доступно для пользователей мобильных устройств, каждая страница использует один URL, полностью отсутствуют перенаправления. Из ярко выраженных минусов можно отметить тот факт, что информационный ресурс является тяжелым для загрузки, так же необходимо много прокручивать, чтобы ознакомиться с полным содержанием страницы.
Информационный ресурс «Всемирный фонд дикой природы» также является отличным образцом исполнения адаптивного веб-дизайна. Несмотря на то что навигация оптимизирована для мобильных задач, длительное время загрузки на мобильные устройства дает о себе знать, также, часть внутренних страниц не была до конца оптимизирована под работу на мобильных устройствах и осталась некомфортной при использовании.
«Boston Globe» - один из самых удачных масштабных проектов реализованный с помощью адаптивного дизайна. Он использует «резиновые» изображения и оптимизирует JavaScript, чтобы не влиять на производительность на мобильных устройствах.
В таблице 1 отображены результаты тестирования информационных ресурсов, созданных при помощи метода адаптивного дизайна.
(рисунки примеров надо-не надо вставлять?)
Таблица 1.
| Результаты: | Starbucks | Всемирный фонд дикой природы | Boston Globe |
| Среднее время загрузки | 14,99 секунд | 6,91 секунд | 5,55 секунд |
| Средний размер страницы | 1,193.88 KB | 885,97 KB | 605,27 KB |
| Количество запросов HTTP | HTTP: 72 |
Отдельный мобильный информационный ресурс.
Для удобства пользователей мобильных устройств, возможно создать отдельный мобильный информационный ресурс. Наиболее распространена практика перенаправления пользователей мобильных устройств на специальный поддомен (например, mobile.examplesite.com для examplesite.com).
Преимущества:
· Простота внесения отдельных изменений как в мобильные и так и в обычные информационные ресурсы, таким образом изменения могут касаться либо только мобильной версии, либо только обычной версии.
· Быстрое время загрузки в связи с тем, что изначальная разработка происходит преднамеренно версии исключительно для мобильных информационных ресурсов, появляется возможность ее упростить и оптимизировать специально для мобильных устройств.
· Структура навигации и контента ориентированы и реализованы специально для задач, выполняемых мобильными пользователями, что существенно упрощает ориентацию на информационном ресурсе.
Недостатки:
· Несколько адресов для каждой страницы влекут за собой следующие проблемы. Общий доступ к веб-странице в социальных сетях. Одновременное использование мобильных пользователей URL и обычные пользователей, которые при нажатии на ссылку могут перейти на мобильную версию. Во избежание дублированного контента приходится использовать мета-теги rel=«alternative» и rel=«canonical».
В качестве примеров отдельных мобильных информационных ресурсов можно привести «Walmart», «Amazon», «BBC», они показывают очень быстрое время загрузки.
В таблице 2 отображены результаты тестирования информационных ресурсов, созданных как отдельный мобильный информационный ресурс.
Таблица 2.
| Результаты: | Walmart | Amazon | BBC |
| Среднее время загрузки | 1.35 секунды | 2.25 секунд | 3,40 секунд |
| Средний размер страницы | 272,29 KB | 103,66 KB | 56,04 KB |
| Количество запросов HTTP |
RESS: Вывод разных HTML и CSS на одном URL
Данный метод создания мобильных информационных ресурсов использует программирование на стороне сервера, чтобы создать CSS и HTML для различных устройств. То есть мобильные пользователи получают один набор кода, в то время как пользователям стационарных пользовательских компьютеров выводится другой набор кода.
Это сделано с целью повысить эффективность сайта и лучше всего работает в связке с адаптивной версткой.
Такой метод был назван адаптивный веб-дизайн плюс программное обеспечение на стороне сервера (RESS).
При использовании этого метода, важно, чтобы был включен тип заголовков Vary HTTP, так что поисковые роботы будут посещать и настольные и мобильные версии.
Преимущества данного метода:
· Легкое ориентирование, так как структура навигации может быть настроена для различных задач, выполняемых с мобильных и стационарных пользовательских компьютеров.
· Меньше элементов на странице: Вместо того, чтобы создавать скрытые для мобильных устройств элементы страницы, они могут быть удалены из HTML или CSS. Это позволит уменьшить объем загружаемых данных и ускорить время загрузки.
· Быстрое время загрузки: Ненужные JavaScript могут быть удалены из HTML, который освобождает CPU, память и кэш на мобильном устройстве.
Недостатки:
· Требуются дополнительные ресурсы сервера: Динамическое создание HTML увеличит нагрузку на сервер.
· Требуются определение устройств: мобильные пользователи должны быть как-то вычислены, а технология определения устройств пока недостаточно надежна.
Таблица 3.
| Результаты: | CNN | eHow | SlideShare |
| Среднее время загрузки | 3,46 секунд | 6,15 секунд | 6,15 секунд |
| Средний размер страницы | 163,12 KB | 188,95 KB | 188,95 KB |
| Количество запросов HTTP |
Выбор базы разработки.
Каждая из баз для мобильных приложений имеет интегрированную среду разработки, предоставляющую инструменты, позволяющие разработчику программировать, тестировать и внедрять приложения на целевую платформу.
Для сравнения мобильных приложений сравним Android с iOS и Windows Phone (Таблица 1).
Таблица 1.
| Operating System | 2013 Shipment Volumes | 2013 Market Share | 2012 Shipment Volumes | 2012 Market Share | Year-Over-Year Change |
| Android | 793.6 | 78.6% | 500.1 | 69.0% | 58.7% |
| iOS | 153.4 | 15.2% | 135.9 | 18.7% | 12.9% |
| Windows Phone | 33.4 | 3.3% | 17.5 | 2.4% | 90.9% |
| BlackBerry | 19.2 | 1.9% | 32.5 | 4.5% | -40.9 |
| Others | 10 | 1.0% | 39.3 | 5.4% | -74.6% |
| Total | 1009.6 | 100% | 725.3 | 100% | 39.2% |
В настоящее время все больше и больше смартфонов, коммуникаторов,
планшетных ПК и других видов устройств, удобных для использования в
повседневной жизни, выпускаются на базе ОС Android. Причина столь широкой популярности - огромное количество производителей и как следствие различный ценовой спектр: от очень дешевых телефонов до смартфонов последнего поколения. Можно выделить две основные причины предпочтения данной операционной системы:
1. Android поддерживает большое количество устройств разных
производителей.
2. Android характеризуется высокой доступностью средств разработки. Средства разработки для платформы Android бесплатны, в то время как разработка, к примеру, под iPhone (от компании Apple) требует немалых начальных финансовых вложений. Кроме всего вышеперечисленного,
преимуществом ОС Android является наличие бесплатных библиотек для
работы со сторонними ресурсами (Yandex MapKit, Google Map API, др.), в то
время как для Windows Phone Mobile такие библиотеки не распространены [источник].
аппаратные и программные особенности типичного устройства.
• MobiOne
MobiOne Developer это mobile Web IDE для Windows помогают
разработчику программировать, тестировать, отлаживать упаковывать и
внедрять мобильные информационные ресурсы на устройства, такие
как iPhone, BlackBerry, устройства на Android и Palm Pre.
Кроме вышеперечисленных существует масса других эмуляторов Android. Теоретически любой из них, возможно, использовать для проверки того, как программное обеспечение и экран устройства будут работать с приложением в конечном результате.
Дата добавления: 2015-07-11; просмотров: 197 | Нарушение авторских прав