Ориентация на мобильные и настольные браузеры - ASP.NET MVC2 с инструментарием MS Web Application и Sencha Touch

Question

Я создаю веб-приложение, которое мне бы хотелось:

• Использование встроенных возможностей пользовательского интерфейса мобильных устройств (например, iPhone, Windows Mobile, телефонов Android) при отображении на этих устройствах
• Рендеринг красиво в не-веб-браузерах инструментария (то есть браузерах на рабочем столе), таких как IE, Firefox, Opera

Мои исследования привели меня к использованию следующих технологий:

• ASP.NET MVC 2 для моей среды разработки (написание разных представлений для каждого целевого устройства)
• Sencha Touch (ранее назывался ExtJS) для рендеринга в браузере каждого другого мобильного устройства
• Microsoft Web Application Toolkit для различения запрашивающего устройства / типа браузера

У меня нет опыта ни в одной из трех технологий (я много занимался разработкой на стороне сервера C #, WinForms и ASP.NET 2), поэтому я действительно основываю это решение на том, какой информацией я занимался возможность выкапывать в Интернете.

Может кто-нибудь придумать причину, по которой эта комбинация технологий не будет работать? Моя главная задача - как я могу вклеить Sencha Touch в это решение вместе с инструментарием MS Web App. Фактически, необходимы ли они оба в этом случае.

Любые предложения или отзывы с благодарностью.

Ash

Answer 1

Мне кажется, ASP.NET MVC и MobileWebApplicationToolkit - лучший выбор для разработки мобильных сайтов с использованием asp.net.

Я бы посчитал WURFL лучше, чем mdbf (используется в mobileWebAppToolKit), потому что последний выпуск будет в августе.

Я не эксперт в JS на мобильных сайтах, я стараюсь избегать его для максимальной совместимости. Но я думаю, что Senda большой, более 200 КБ. Может быть, вы могли бы посмотреть xui-js или другие конкретные мобильные JS Framework. Во всяком случае, я думаю, что вы принимаете правильное решение.

Answer 2

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

Если вы хотите настроить таргетинг на широкий диапазон устройств и не хотите беспокоиться о разных интерфейсах представлений, вам нужно убедиться, что вы не используете обширный JavaScript, так как многие устройства низкого уровня вообще не поддерживают JavaScript. Например, jQuery отлично работает в браузерах webkit, но не в кармане, т. Е.

У меня не было опыта работы с MS Web App Toolkit, но, похоже, требуется поддержка JavaScript, и я сомневаюсь, что он будет работать на многих телефонах.

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

Мой девиз по мобильному дизайну - сделать его максимально простым.

Answer 3

[Sencha person] Sencha Touch - это приложение * фреймворк , которое нацелено только на устройства Android и iOS только сейчас, и будет поддерживать устройства RIM и Nokia, когда они выпустят высококачественные браузеры на основе webkit позже в этом году /в следующем году, как они и обещали.

У нас нет философии прогрессивного улучшения / деградации в Touch, поэтому не существует запасного поведения.Если вам абсолютно необходимо прогрессивное улучшение, вы должны проверить jQTouch, который является плагином jQuery.Но даже jQTouch требует в браузере нормальных возможностей javascript / CSS, и многие существующие телефоны просто не имеют этого.Ср., Большинство обычных веб-сайтов не отображаются должным образом в текущем браузере RIM.

Ergo, если вы хотите 100% покрытия телефона, вам придется что-то затмить в своем «приложении»что могут отображать даже телефоны WAP с ограниченными возможностями HTML.Но это не будет большой частью приложения на этом этапе.

Answer 4

Привет и спасибо за ваш отзыв.Я не уверен, что вы получили правильное представление о MS Web App Toolkit - это очень простой компонент, специально разработанный для работы с большим количеством различных мобильных устройств (67, я считаю): http://code.msdn.microsoft.com/WebAppToolkitMobile

Насколько я понимаю, просто:

• определяет, какой тип устройства / браузер сделал запрос, используя встроенную базу данных устройств

• предоставляет компонент для использования в вашем коде ASP.NET MVC 2, поэтому запрос направляется в подходящий View для рендеринга на вызывающем устройстве

Я собирался включить SenchaПрикоснитесь к библиотекам, чтобы я мог написать один просмотр (для каждой страницы), который мог бы отображаться на нескольких разных мобильных устройствах.Таким образом, когда Web App Toolkit определяет, что устройство с поддержкой Sencha Touch сделало запрос, вызов перенаправляется в соответствующее представление, использующее библиотеки Sencha Touch.Для запросов из настольных браузеров вызов будет перенаправлен в другое представление, а для запросов со всех других устройств я мог бы либо снова использовать другое представление, либо, как вы говорите, добавить упрощенную таблицу стилей с увеличенными шрифтами.

Надеюсь, это достаточно ясное объяснение!