Ресурсы для совмещения традиционной и мобильной веб-разработки на ASP.NET - PullRequest
Новая
       26

Ресурсы для совмещения традиционной и мобильной веб-разработки на ASP.NET

1 голос
/ 04 апреля 2011

Как разработчик традиционного веб-приложения ASP.NET (не MVC), который получает запросы на версию, удобную для мобильных устройств, мне интересно, где я мог бы найти некоторую мудрость относительно лучшего способа решения проблемы.В настоящее время мы маскируем большую часть доступа к нашей базе данных с помощью вызовов веб-служб.

Кажется, что многие магазины оказались бы в такой ситуации: у нас ограниченные ресурсы и мы не хотим создавать головную боль при обслуживании, имея версииприложения сильно расходятся.

Существует ли ряд рекомендаций по использованию существующего приложения System.Web и реорганизации кода для обеспечения удобства для мобильных устройств.Общий подход, о котором я думаю:

  1. Внесите небольшие стилистические изменения в клиент с помощью CSS или даже JavaScript.
  2. Внесите любые необходимые изменения в данные, рабочий процесс или разметку вкод на стороне сервера.
  3. Сохраняйте как можно больше общего кода для двух версий, объединяя логику, не связанную с пользовательским интерфейсом, в отдельные сборки.Условная компиляция будет использоваться в выделенном коде, где пользовательские интерфейсы должны расходиться.

С какими уязвимостями я столкнусь при таком подходе?

Ответы [ 3 ]

2 голосов
/ 05 апреля 2011

Коротко и сладко:

  • Ознакомьтесь с рекомендациями W3C для мобильных веб-приложений
  • Как можно больше разделяйте логику вашего бизнеса / приложения и логику представления
  • Есть ли на стороне сервера обнаружение мобильных устройств; обслуживать чрезвычайно упрощенный интерфейс для мобильных устройств
  • Используйте методы на стороне клиента, такие как медиазапросы CSS и обнаружение функций (например, с помощью Modernizr ), для прогрессивного улучшения

Длинная версия:

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

Короче говоря, для хорошего мобильного сайта вы должны разработать специально для мобильного устройства. Это не значит, что вы не можете повторно использовать логику - вы определенно должны. Я просто говорю, что использование JavaScript / CSS для скрытия нескольких элементов не превращает обычный сайт в мобильный сайт.

Что бы это ни стоило, я недавно выступил с одним из моих коллег по стратегии разработки мобильных веб-приложений. Он в основном нацелен на мобильную сеть в высших учебных заведениях (кампусах колледжей) и моем кампусе (UCSB), но многие стратегии и методы широко применяются. Заинтересованные стороны могут найти презентацию и соответствующие ресурсы здесь: https://it.ucsb.edu/groups/wsg/mobile-web-brown-bag

Ресурсы

Обнаружение устройства на стороне сервера:

Обнаружение поддержки функции на стороне клиента / прогрессивное улучшение:

Случайные ресурсы

1 голос
/ 04 апреля 2011

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

0 голосов
/ 05 апреля 2011

Из моего прочтения можно предположить, что сначала необходимо разработать дизайн для мобильных устройств, а затем настроить макет с помощью @media CSS, чтобы представить больше концепций дизайна / функциональности в более функциональных устройствах.

http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://www.slideshare.net/arborwebsolutions/practical-beyond-responsive-web-design

...