Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net




Скачать 77.62 Kb.
НазваниеЛабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net
Дата конвертации27.08.2013
Размер77.62 Kb.
ТипЛабораторная работа
Лабораторная работа 18. Создание мобильных веб-приложений при помощи ASP.NET


Цель работы

Демонстрация некоторых возможностей разработки мобильных веб-приложений с помощью управляющих элементов 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 " %>




Hello world!



  • Директива в первой строке сообщает обработчику ASP о необходимости обработки данной страницы как предназначенной для мобильных устройств.

  • Директива во второй строке регистрирует префикс "mobile" для обращения к элементами управления для мобильных устройств.

  • Тэг указывает серверу на необходимость вставки формы.

  • Тэг указывает серверу на необходимость вставки метки с текстом “Hello world!”.

  1. Откомпилируйте проект.

  2. Создайте новый виртуальный каталог, связанный с директорией текущего проекта. Добавьте в список документов по умолчанию страницу Default.aspx.

  3. Запустите эмулятор Nokia Series 40 5th Edition SDK и программу Nokia Mobile Internet Toolkit. В программе Nokia Mobile Internet Toolkit укажите полный URL созданной с помощью ASP.NET страницы Default.aspx.



  1. После обработки данной страницы для мобильного устройства, поддерживающего протокол WAP, будет сгенерирована страница, вид которой в эмуляторе приведен ниже:



  2. В эмуляторе выберите раздел меню “Tools > Diagnostics”. В появившемся окне диагностики можно будет увидеть следующий код страницы, загруженной в эмуляторе:












Hello world!




Следующий пример демонстрирует использование простого элемента формы для ввода текста (в режиме пароля):

<%@ Page Inherits= "System.Web.UI.MobileControls.MobilePage " Language= "C# "%>

<%@ Register TagPrefix= "mobile " Namespace= "System.Web.UI.MobileControls " Assembly= "System.Web.Mobile " %>







Your name, please














Если выполнить как в предыдущем примере все шаги с 1 по 8, то после загрузки получившейся страницы в эмуляторе на экране отобразится первая форма:



После ввода строки и нажатия кнопки “Submit” активируется вторая форма:



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















Your name, please




Submit














Контрольное задание

Разработайте с помощью MS Visual Studio .NET серверное веб-приложение, использующее управляющий ASP.NET Mobile элемент: <Mobile:Calendar>

Добавьте для этого элемента обработчик события OnSelectionChanged, который должен отображать выбранный пользователем мобильного устройства день календаря с помощью элемента <Mobile:Label>.

Код обработчика события может выглядеть следующим образом:



Создайте необходимый виртуальный каталог на веб-сервере и проверьте работу приложения с помощью эмулятора мобильного устройства.

Похожие:

Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconДоступ к данным с помощью ado. Net
Для прикладных программ на основе asp. Net предусмотрена возможность использования технологии ado. Net, что позволяет обращаться...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconMs-2310 Разработка Web-приложений asp. Net с использованием Visual Studio. Net
Разработка Web-приложений asp. Net с использованием Visual Studio. Net продолжительность курса: 40академических часов
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconИльницкий Андрей Олегович
Разработка распределённых приложений с использованием технологий wcf, asp. Net web Services и. Net remoting. Понимание принципов...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconЛабораторная работа №1 Создание и отладка консольных приложений в интегрированной среде ms visual Studio. Net 2005
Создание и отладка консольных приложений в интегрированной среде ms visual Studio. Net 2005
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconЛабораторная работа Гостевая книга с использованием технологий
«асинхронный JavaScript и xml») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconMicrosoft представила новую прогрессивную платформу. Net, а с ней несколько очень привлекательных технологий, в том числе asp. Net, также называемую asp+
В то же время, новая технология позволяет писать asp страницы на вашем любимом языке. Мы будем придерживаться C# в примерах. На нашем...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconКлючевые слова: sql server, t-sql, C#, asp. Net, mysql, php, oracle, pl/sql, asp, vba, delphi
Выпускная квалификационная работа "Система расчетов оператора связи с абонентами"
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconЛабораторная работа: Настройка учетной записи Windows Azure (опционально)
Цель курса – предоставить слушателям знания и навыки, необходимые для разработки приложений под облачные операционные системы, для...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconЛабораторная работа №5 Создание Web приложений с базами данных в среде ado. Net
Один из них связан с применением интерфейса Activex data Objects (ado). Посредством этого интерфейса приложения (как обычные, так...
Лабораторная работа 18. Создание мобильных веб-приложений при помощи asp. Net iconПинягина о. В. Разработка Web-арм на asp. Net удк 004. 738. 5
Пинягина О. В. Разработка Web-арм на asp. Net / О. В. Пинягина – Казань: Казанский университет, 2012. – 92 с
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©tnu.podelise.ru 2013
обратиться к администрации
Библиотека
Главная страница