Спонсор: Microsoft
Воронежский государственный университет
Опубликован: 04.02.2009 | Доступ: свободный | Студентов: 7573 / 461 | Оценка: 4.14 / 3.78 | Длительность: 19:54:00
Самостоятельная работа 18:

Создание мобильных веб-приложений при помощи ASP.NET

< Самостоятельная работа 17 || Самостоятельная работа 18: 12 || Лекция 17 >
Аннотация: Цель работы: демонстрация некоторых возможностей разработки мобильных веб-приложений с помощью управляющих элементов ASP.NET Mobile.

В данной лабораторной работе демонстрируется применение управляющих элементов ASP.NET Mobile для создания веб-приложений для мобильных устройств.

.NET Mobile представляет собой расширение Microsoft ASP.NET и Microsoft .NET Framework. По-сути, .NET Mobile представляет собой набор серверных управляющих элементов для форм, ориентированных на использование в беспроводных мобильных устройствах. Эти элементы управления генерируют разный код для различных устройств на языках WML, HTML или Compact HTML (cHTML).

Управляющие элементы ASP .NET Mobile расширяют функции SDP (Smart Device Programmability) и платформу .NET Compact Framework. Они позволяют использовать возможности платформы .NET Compact Framework и среды разработки Visual Studio .NET для создания мобильных веб-приложений благодаря возможности доставки данных на разнообразные мобильные устройства при помощи технологии ASP.NET. Этот подход позволяет создать в среде Visual Studio .NET единое мобильное веб-приложение, автоматически производящее формирование данных для отображения на разнообразных устройствах: мобильных телефонах, пейджерах, смартфонах, Pocket PC и др. При этом интегрированная среда разработки позволяет создавать мобильные веб-приложения, просто перетаскивая управляющие элементы в дизайнер форм.

Система .NET Mobile не устанавливает никаких компонентов на клиентское устройство. Для адаптации форматирования под конкретные браузеры используется серверная логика. Она генерирует данные в форматах WML, HTML, и cHTML. Помимо адаптивной генерации веб-страниц, технология .NET Mobile предоставляет богатый набор средств индивидуализации и расширения, обеспечивая простой способ осуществления поддержки новых устройств. Кроме того, технология .NET Mobile позволяет разработчикам управлять представлением данных для конкретного устройства или класса устройств в одной программной модели и обеспечивает легкую реализацию поддержки новых устройств без переделки существующих веб-приложений.

Общая последовательность работы .NET Mobile выглядит следующим образом:

  • Мобильное устройство. С него исходит запрос на загрузку веб-страницы.
  • Интернет. Запрос передается через сеть соответствующему веб-серверу.
  • Веб-сервер IIS получает запрос от мобильного устройства и передает его обработчику.
  • .NET Framework выполняет обработку запроса.
  • ASP.NET компилирует запрашиваемый устройством документ.
  • .NET Mobile. Реализует элементы веб-страницы с учетом требований конкретного типа мобильного устройства.
  • Веб-страница возвращается обратно клиентскому устройству.

Наиболее распространенными элементами управления форм для мобильных устройств являются следующие:

Название Функция
Command Выполнение действия
Form Контейнер для элементов управления
Image Изображение
Label Текст
Link Гиперссылка
List Список
MobilePage Контейнер для элементов управления
ObjectList Список объектов
Panel Контайнер для других элементов управления
SelectionList Список с выбором
StyleSheet Стили для других элементов управления
TextBox Поле для ввода однострочного текста
TextView Поле для ввода многострочного текста

Порядок выполнения лабораторной работы

Для работы с примерами, приводимыми в данной лабораторной работе помимо среды разработки Visual Studio .NET потребуется установка компонентов .NET Mobile и WAP эмулятора.

В качестве WAP эмулятора был использован Series 40 5th Edition SDK (на основе Nokia 6267 ). Для установки эмулятора необходимо скачать с сайта http://www.forum.nokia.com/ (требуется предварительная регистрация) и установить программу Nokia Mobile Internet Toolkit и сам эмулятор Nokia Series 40 5th Edition SDK.

Общая последовательность разработки веб-приложения с использованием .NET Mobile выглядит следующим образом:

  • Создание проекта веб-приложения ASP.NET.
  • Подключение интерфейса System.Mobile.UI.
  • Вставка в веб-страницу управляющих элементов .NET Mobile.

Рассмотрим пример создания простейшей веб-странице, отображающей на экране мобильного устройства сообщение " Hello world!".

  1. Создайте новый проект типа ASP.NET Web Application.
  2. Активируйте с помощью меню окно "Solution Explorer". Из списка файлов проекта удалите файлы Default.aspx.cs и Default.aspx.designer.cs.
  3. Страница Default.aspx должна содержать следующий код:
    <%@ Page Inherits= "System.Web.UI.MobileControls.MobilePage " Language= "C# "%>
    <%@ Register TagPrefix= "mobile" Namespace= "System.Web.UI.MobileControls " 
    Assembly= "System.Web.Mobile " %> 
    
    <mobile:Form runat="server">
       <mobile:Label runat="server">Hello world!</mobile:Label>
    </mobile:Form>
    • Директива в первой строке сообщает обработчику ASP о необходимости обработки данной страницы как предназначенной для мобильных устройств.
    • Директива во второй строке регистрирует префикс "mobile" для обращения к элементами управления для мобильных устройств.
    • Тэг <mobile:Form> указывает серверу на необходимость вставки формы.
    • Тэг <mobile: Label> указывает серверу на необходимость вставки метки с текстом " Hello world!".
  4. Откомпилируйте проект.
  5. Создайте новый виртуальный каталог, связанный с директорией текущего проекта. Добавьте в список документов по умолчанию страницу Default.aspx.
  6. Запустите эмулятор Nokia Series 40 5th Edition SDK и программу Nokia Mobile Internet Toolkit. В программе Nokia Mobile Internet Toolkit укажите полный URL созданной с помощью ASP.NET страницы Default.aspx.
< Самостоятельная работа 17 || Самостоятельная работа 18: 12 || Лекция 17 >
Михаил Олифиренко
Михаил Олифиренко
Александр Табачук
Александр Табачук

Это только у меня не работает кнопочка "Получить код DreamSpark"? Пишет "временно не доступно..." А когда заработает?

Константин Кирилов
Константин Кирилов
Россия, г. Барнаул