Каков наилучший способ сделать мобильный сайт?

Question

Говоря полностью в беспроблемных условиях, что является лучшим способом сделать мобильный сайт? То есть, я хочу создать сайт, который будет работать на обычном компьютере, но также иметь мобильные версии страниц. Должен ли я переписывать каждую страницу? Вероятно, страницы будут иметь разную функциональность, поэтому я должен переписать код бэкэнд? Должен ли он быть фактически другим сайтом с той же базой данных?

Answer 1

Я добавил мобильный презентационный слой на рабочий сайт около года назад. Основываясь на архитектуре сайта (надеюсь, это не слишком зависит от технологии), я добавил новый набор JSP для размещения мобильных браузеров (sidenote: см. http://wurfl.sourceforge.net/ для отличного способа создания мобильных страниц независимо от типа браузера). Кроме того, некоторые функциональные возможности были изменены из-за ограниченной функциональности большинства мобильных браузеров. Короче говоря, интеграция была не такой болезненной, как можно было бы ожидать.

Удачи вам!

Answer 2

Это довольно широкий вопрос, но здесь идет:

• Если сайт в первую очередь о содержании, а это означает, что это не столько сервис вы используете, как это издание вы читали, то я старайтесь избегать публикации двух сайтов, где это возможно. Сосредоточьтесь на простой презентации, используя зрелые технологии, которые мобильные браузеры могут обрабатывать достаточно хорошо.
• Если это по сути программное приложение, поставляемое через сеть, тогда все становится сложнее, потому что вы захотите рассмотреть пользовательский интерфейс мобильного устройства и то, как он отличается от рабочего стола.
• Это должно быть само собой разумеющимся, но в любом случае, если у вас много мобильных пользователей, вы должны помнить об этом, когда вы создаете контент для сайта. Форматы, длина, голос и т.д.

Answer 3

На моем site, я обнаруживаю агент пользователя, и для известных мобильных браузеров служим другую таблицу стилей, с некоторыми больше/меньше необходимыми предметами кончили несколько страниц. Бэкэнд не меняется.

Answer 4

В дополнение к системе возможностей WURFL/WALL, упомянутой выше, существуют библиотеки Java Server Faces, которые используют альтернативные визуализаторы WML для мобильных телефонов.

Answer 5

Один из способов, которые я сделал в прошлом, заключался в том, чтобы убедиться, что мои данные были хорошо абстрагированы в уровне данных, а затем используют отдельные модели среднего уровня, чтобы вытащить то, что было уместно. В моем случае приложение было погодным приложением, и методы отображения целевых устройств были действительно ограниченными, поэтому мы решили показать пользователю только основные функции на мобильных устройствах, в то время как веб-сайт был полнофункциональным. Вероятно, это было 10 лет назад, когда WAP был большим. Но в наши дни, когда устройства становятся больше экранов, лучшая пропускная способность, вы можете захотеть потреблять и отображать одни и те же данные с другой моделью просмотра.

Я никогда не знаю, какой тип приложения потребуется для использования данных в будущем. Мы делаем много приложений на разных платформах, но модель домена редко меняется. Поэтому я в конечном итоге использую те же объекты среднего уровня, где я могу, и вытаскиваю эти данные в разных клиентах. Хорошим примером этого является недавний проект, в котором у нас было богатое интернет-приложение (виджет), полный веб-сайт и веб-сервис, потребляющий одни и те же данные. Абстракция данных в среднем уровне действительно сияет в этой среде.

Answer 6

На очень высоком уровне абстракции есть два основных предостережения с мобильными устройствами: (1) их экран мал, (2) их сетевое соединение прерывисто.Это в основном означает, что вам нужно представить контент, чтобы он выглядел отлично даже на маленьком (переменном размере) экране, и предпочтительно сделать его кешируемым слишком, чтобы ваши пользователи могли просматривать контент во время автономной работы. Тогда есть проблема с низкой пропускной способностью и высокой задержкой, но в настоящее время они немного менее важны.

Answer 7

Это очень подробный обзор того, как сделать сайт мобильным, хотя я надеюсь, что его справедливое заявление о том, что всегда будут разные требования для тех, кто хочет перейти на мобильный. Если у вас есть блог, вы можете так же легко сделать его мобильным с помощью Mippin Mobilizer; его бесплатный, предоставляет инструменты для настройки брендинга, и с большой аудиторией, уже просматривающей широкий спектр мобилизованного контента, есть возможность генерировать доход от рекламы вокруг вашего блога.

Это потому, что блог Mippin мобилизованы затем становится частью более широкого сообщества контента, люди, новости, блоги, списки, все соединения вокруг содержания, и многое другое на мобильном сайте:

http://mippin.com (на . мобильный браузер)

Взгляните на мобилизующую инструмент, потому что это показывает, что сайт может сделать во втором:

www.mippin.com/mobilizer

только если у вас есть блог из конечно ...