Разработка мобильного интернета?

Question

У меня есть существующий веб-сайт, который мне нужно разработать для мобильных устройств. По причинам, которые не входят в сферу этой статьи - я использую платформу и инструменты Microsoft - VS2008, ASP.Net, VB.net, .Net AJAX Framework, jquery.

У меня есть 2 вопроса:

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

2. Какие-либо предложения или ссылки для разработки мобильного Интернета в среде среды .Net 3.5?

Спасибо

Answer 1

Ваше среднее мобильное устройство по-прежнему имеет очень маленькое разрешение экрана.

A quick google обнаружил несколько сайтов, перечисляющих подобные вещи или указывающих на списки, лучший из которых я видел:

Разрешение экрана сотового телефона по марке и модели

или для лучшего понимания среднего:

Разрешение экрана мобильного телефона, отсортировано по размеру

Что касается создания мобильной версии, я бы начал с System.Web.Mobile и продолжил свой путь оттуда - приняв System.Web.Ui.MobileControls а также их прохождения .

И могу ли я сказать «спасибо, что думаете о нас»? Как пользователю «мобильного» интернета всегда трудно найти сайт с высокой поддержкой javascript (я смотрю на вас), который не работает на моем телефоне (Windows Mobile 6.1, с установленной Opera Mobile 8.5) из-за ограниченных (или ощутимых ограничений) поддержки JS.

---

Просто еще одна мысль - когда все будут говорить о DRY - было бы очень полезно взглянуть на MVC-фреймворк - тогда все ваши контроллеры могут быть одинаковыми и просто возвращают измененное представление, основанное на заголовках браузера - Скотт Хансельманн немного рассказал об этом в своем выступлении MIX , все хорошие вещи.

---

Я знал, что у меня здесь больше.

Скотт также имел подкаст ( ASP.Net и мобильный веб ) на этом, а Файлы обозревателя мобильных устройств находятся на codeplex

Answer 2

Мы разрабатываем мобильное приложение прямо сейчас как отдельное приложение. Причиной такого решения является то, что мы не будем использовать наши существующие страницы, потому что они содержат слишком много информации. Так что, хотя Скотт и до некоторой степени считает себя «СУХИМ», это не точное обобщение.

Мобильные приложения должны быть оптимизированы для действительно маленьких экранов и низкой пропускной способности. Уменьшите изображения, файлы JS и т. Д. В максимально возможной степени. Это улучшит пользовательский опыт. Лучшее, что вы можете сделать, - это приобрести мобильное устройство или несколько симуляторов и проверить, как они работают / выглядят на этих устройствах. Вот крутой для iPhone .

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

Answer 3

Существует несколько различных размеров экрана, которые стоит учитывать при создании шаблонов XHTML + CSS.

Они следующие (ширина в пикселях):

• 120 - Я подозреваю, что нет необходимости беспокоиться о дисплеях меньшего размера, чем 120px. В любом случае, в WML, вероятно, придется обслуживать меньшее, чем это.
• 128
• 176
• 240
• 320 - вероятно, самая большая ширина, о которой вам нужно беспокоиться в данный момент.

Все варианты должны соответствовать этой ширине. Также рассмотрите возможность установки ширины примерно на 10 пикселей меньше, чем порт просмотра (например, 240 должно быть 230). То же самое касается изображений. Это необходимо из-за полосы прокрутки, которая еще больше сокращает область просмотра во многих мобильных браузерах.

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

О, и я укажу вам WURFL , хотя я сам этим не пользовался, возможно, вы найдете это полезным.

Answer 4

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