Технологии Microsoft для создания RIA-приложений

Технологии Microsoft для создания RIA-приложений

2-е издание, исправленное

Алексеев А.А.
Савельев А.О.

Национальный Открытый Университет “ИНТУИТ”
2016

2

Технологии Microsoft для создания RIA-приложений/ А.А. Алексеев , А.О. Савельев - М.:
Национальный Открытый Университет “ИНТУИТ”, 2016

Особенностью данного курса является подробное описание технологий и средств Microsoft для
создания RIA - приложений. Наряду с уже проверенными методиками и технологиями , подробно
рассмотрены новейшие средства Silverlight 4.0, IE9 и Web Matrix.
Эволюция веб – приложений не стоит на месте, наряду с появлением новых веб – технологий
меняются и требования к содержимому, оформлению и функциональности веб – приложений.
Несмотря на сравнительное небольшое число пользователей рунета, в сравнении с общим числом
жителей России, можно с уверенностью говорить о наличии двух тенденций: - увеличение общего
числа пользователей глобальной сети; - повышение “качества” веб - ресурсов. Расширяется не только
число пользователей, но и номенклатура Интернет - услуг. При этом, возрастают и требования
пользователей к веб - ресурсу, его функционалу, повышается общая компьютерная грамотность.
Таким образом, меняется рынок Интернет - услуг, и предъявляет все более и более высокие
требования уже не только к профессиональным разработчикам, но и к начинающим. Набирает
популярность концепция RIA - приложений. Данная динамика - интеграции в глобальную сеть все
большего числа сервисов и услуг, относящихся, без преувеличения, ко всем сферам деятельности
человека – в скором времени потребует большого числа специалистов в области веб – технологий. Но
теперь уже недостаточно владеть основами веб - проектирования и создания сайтов. Выпускник IT специальности должен владеть навыками создания именно RIA - приложений, функциональные
возможности которых не уступают возможностям desktop - решений.

(c) ООО “ИНТУИТ.РУ”, 2011-2016
(c) Алексеев А.А., Савельев А.О., 2011-2016

3

RIA - приложения

Концепция интерактивных интернет приложений (Rich Internet Applications — RIA).
История. Требования к технологии создания RIA. Обзор RIA – технологий.

Термин Rich Internet Applications (обогащенные Интернет - приложения) впервые был
упомянут в рекламных материалах компании Macromedia в марте 2002 года.
Менеджеры Macromedia тем самым подчеркнули, что хорошо известная технология
Flash – это не только способ получения красочных визуальных эффектов на сайтах, но
и инструмент создания полноценных бизнес-приложений на базе Web. Статические
страницы сайтов старого типа предоставляют информацию пользователю и имеют
весьма скудные возможности, в сравнении настольными приложениями, для
организации взаимодействия пользователя с этой информацией. Когда вы
запрашиваете дополнительную информацию (выполняете навигацию по сайту) или
передаете данные на сервер, происходит перегрузка страниц сайта. Это неудобно, но
так же и не безопасно, так как в момент перегрузки страниц можно потерять данные
(скажем, из-за утери соединения с сервером). Однако именно так устроен Web 1.0.
Сервер получает инструкции, когда вы набираете адрес страницы или сохраняете
данные в вебформе. На их основе сервер формирует страницу, которую вы затем
увидите. В обогащенных RIA-приложениях перегрузки страниц не требуется. Когда вы
нажимаете кнопку для получения дополнительной информации или для отправки
данных, сервер получает соответствующие инструкции и возвращает на страницу
результаты своей работы. Программа на странице получает ответ сервера и изменяется
соответствующим образом.

Сегодня реализация “обогащенных” Интернет-приложений возможна посредством
AJAX, Adobe Flex, Windows Presentation Foundation, Flash, Java-апплетов, Java и
некоторых декларативных языков, таких как XUL, MXML. Из всех перечисленных
инструментов широчайшую популярность приобрели лишь AJAX и Flash – в первую
очередь, благодаря их доступности. Причем, если создание приложений целиком во
Flash весьма ресурсоемкий и дорогостоящий процесс, разработка с применением AJAX
едва ли занимает больше времени, нежели разработка классических сайтов старого
типа.

4

Рис. 1.1.  Структурная составляющая RIA - технологий

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

В последнее время развитие RIA перешло на качественно новый уровень.
Пользователи интернета по всему миру уже отлично знакомы с такими сервисами как
Google Maps, YouTube, Last.Fm. Все эти и многие другие сетевые проекты стали
возможными благодаря новому этапу в развитии RIA и таких технологий как AJAX,
AIR и Silverlight.

Технологические параметры для многофункциональных Интернетприложений (Rich Internet Applications)

При оценке технологий RIA следует учитывать следующие факторы:

1. Многофункциональность пользовательского интерфейса

Сколько основных, готовых стандартных графических элементов или элементов
управления интерфейса доступны для разработки? Как можно связывать данные и
события с помощью этих элементов управления? Новые элементы управления должны
быть удобны в использовании и иметь возможность простого подключения. Некоторые
RIA-технологии предоставляют простые способы для добавления функциональности и
информативности визуальному представлению, например, с помощью анимационных
API на странице. Например, для обеспечения только одного нажатия пользователя на
кнопке, можно добавить к кнопке анимацию так, чтобы она исчезла из представления.

2. Сложность

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

3. Гибкость и компонентное представление

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

5

4. Обновление страницы

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

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

5. Безопасность

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

6. Поддержка основных Web-парадигм

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

7. Инструментарий

Рассмотрим инструменты, доступные для разработчиков в виде интегрированных сред
разработки (IDE) с функциями тестирования блоков и поддержкой отладки.
Инструменты могут быть модулями, подключаемыми к существующим редакторам
или поддерживаемые редакторами.

8. Удобство использования

Пользователи ожидают, что в браузерных приложениях будут работать функции
обычных браузеров. В частности, в решениях на основе Flash не доступны такие
функции, как сохранение изображений, использование клавиатурного сокращения
Ctrl+F для поиска содержимого на странице и функция копирования-вставки. При
разработке удобства использования RIA следует опираться на принципы
взаимодействия человек-компьютер (HCI)..

Кастомизация корпоративных сайтов при помощи RIA может осуществляться
посредством добавления интерактивных 3D-моделей, описывающих ассортимент
товаров, видеороликов с демонстрацией услуг компании, а также различных веб-форм
для управления сайтом на стороне пользователя (авторизация, управление профилем и

6

прочее). Дополнительно в код самой страницы возможно включение специальных
элементов, предоставляющих веб-браузерам информацию о наличии интерактивных
сервисов, например, веб-фрагментов или провайдеров визуального поиска,
транслирующих RIA, как это сделано, например, в IE8.

Рис. 1.2.  Архитектура RIA

Преимущества

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

Не требуется установка приложения; обновление и распространение приложения
— быстрый и автоматизированный процесс
Обновление версий автоматическое
Пользователи могут использовать приложение на любом компьютере, имеющем
соединение с Интернет, причем обычно неважно, какая операционная система на
нём установлена
При работе веб-приложения компьютер пользователя гораздо меньше подвержен
вирусному заражению, чем при запуске exe-файлов.
Поскольку RIA используют движок клиента для взаимодействия с пользователем,
они:
Богаче. RIA предлагают пользовательский интерфейс, не ограниченный лишь
использованием языка HTML, применяемого в стандартных веб-приложениях.
Расширенная функциональность позволяет использовать такие возможности
пользовательского интерфейса, как drag-and-drop, использование ползунка для

7

изменения данных, а также возможность производить вычисления, которые не
отправляются обратно на сервер, а выполняются прямо на машине пользователя
(например, ипотечный калькулятор).
Более интерактивные. Интерфейсы RIA более интерактивны, чем стандартные
интерфейсы веб-браузеров, которые требуют постоянного взаимодействия с
удалённым сервером.
Наиболее сложные приложения RIA предлагают внешний вид и
функциональность, близкие к настольным приложениям. Использование движка
клиента позволяет добиться и других преимуществ в производительности:
Сбалансированность клиент-сервера. Использование вычислительных ресурсов
клиента и сервера лучше сбалансировано. Поэтому сервер не должен быть
“рабочей лошадкой”, как в традиционных веб-приложениях. Это освобождает
вычислительные ресурсы сервера, позволяя обрабатывать большее количество
сессий одновременно за счёт одного и того же аппаратного обеспечения.
Асинхронная коммуникация. Движок клиента может взаимодействовать с
сервером, не дожидаясь, пока пользователь совершит действие в приложении,
нажав на кнопку или ссылку. Это позволяет пользователю просматривать
страницу и взаимодействовать с ней асинхронно с помощью коммуникации между
движком и сервером. Эта возможность позволяет разработчикам RIA передавать
данные между клиентом и сервером без ожидания пользователя. В Google Maps
эта техника используется для того, чтобы подгружать прилегающие сегменты
карты, прежде чем пользователь пролистает, чтобы их посмотреть.

Недостатки

Основными недостатками и ограничениями RIA являются:

“Песочница”. Поскольку RIA загружаются в локальной среде безопасности
“песочница”, они имеют ограниченный доступ к системным ресурсам. Если права
на доступ к ресурсам некорректны, RIA могут работать неправильно.
Подключение скриптов. Как правило, для работы RIA требуется JavaScript или
другие скриптовые языки. Если пользователь отключил активные сценарии в
своем браузере, RIA может не функционировать должным образом или вообще не
работать.
Скорость обработки клиентом. Чтобы обеспечить платформенную независимость,
некоторые RIA используют скриптовый язык на стороне клиента, например, такой
как JavaScript, с частичной потерей производительности (серьезная проблема для
мобильных устройств). Однако такая проблема не возникает при использовании
встроенного языка, скомпилированного на стороне клиента, такого как Java, где
производительность сопоставима с использованием традиционных встроенных
языков, либо с Flash или с Silverlight, в которых программный код запускается
непосредственно в плагине Flash Player или Silverlight соответственно.
Время загрузки скрипта. Даже если нет необходимости в установке скрипта,
движок клиента RIA должен быть передан клиенту сервером. Поскольку
большинство скриптов сохраняются в кэше, он должен быть передан хотя бы один
раз. В зависимости от размера и типа передачи, загрузка скрипта может занять
довольно много времени. Разработчики RIA могут уменьшить последствия этой

8

задержки посредством сжатия скриптов, а также за счёт разбиения передачи
приложения на несколько страниц.
Утрата целостности. Если приложение основано на X/HTML, возможны
конфликты между целями приложения (которое, естественно, хочет иметь
контроль над его представлением и действиями) и целями X/HTML (которое хочет
отдать контроль). Интерфейс DOM для X/HTML делает возможным создание RIA,
но это не даёт никаких гарантий, что оно будет работать корректно. Из-за того, что
клиент RIA может изменять основную структуру приложения и переопределять
его действия и представление, это может привести к ошибке приложения на
стороне клиента. В конце концов, эта проблема может быть решена за счёт нового
механизма клиент-сервер, предоставляющего клиенту RIA ограниченный доступ к
изменению тех ресурсов, которые не входят в сферу его полномочий. Работа
родного стандартного ПО не вызывает подобных проблем, поскольку они по
определению автоматически обладают всеми необходимыми правами на
локальные ресурсы.
Утрата видимости для поисковых систем. Поисковые системы могут оказаться не
в состоянии проиндексировать содержимое приложения RIA.
Зависимость от подключения к Интернету. Идеальная замена для настольных
приложений должна позволять пользователям подключаться к сети
“эпизодически”, покидая хот-споты, уходя и приходя в офис. Однако к 2007 году
типичные приложения RIA требовали постоянного подключения.
Доступность. Известно множество проблем веб-совместимости с RIA. Одна из
распространённых заключается в том, что пользователю, читающему текст с
экрана, сложно выявлять динамические изменения (вызванные JavaScript ) в
контенте HTML.
Отсутствие расширяемости. RIA нельзя расширять плагинами и модами, как это
возможно в традиционных приложениях.

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

Дополнительные источники

1. ссылка: http://blogs.msdn.com/bobfamiliar/pages/rich-internet-applications-using
silverlight-2-0-part-1.aspx

2. ссылка: http://ie8.cnews.ru/article/article_5.shtml
3. ссылка: http://www.oborot.ru/article/378/32
4. ссылка: http://www.ibm.com/developerworks/ru/library/wa-richiapp/index.html
5. ссылка: http://www.adobe.com/resources/business/rich_internet_apps/benefits/#

9

ASP.Net 4.0

Что такое технология ASP.NET, ее возникновение, ключевые особенности и
возможности. Новшества ASP.Net версии 4.0.0.

Прежде чем мы перейдем непосредственно к новшествам последней версии ASP.Net
технологии, необходимо немного остановиться на основах технологий в целом.

ASP.NET — технология создания веб-приложений и веб-сервисов от компании
Майкрософт. Она является составной частью платформы Microsoft .NET и развитием
более старой технологии Microsoft ASP.

ASP.NET – технология, используемая для написания мощных клиент-серверных
интернет приложений. Она позволяет создавать динамические страницы HTML.

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

ASP.NET содержит множество готовых элементов управления, используя которые
можно быстро создавать интерактивные web-сайты.

Microsoft .NET Framework - это платформа для создания, развертывания и запуска
Web-сервисов и приложений. Она предоставляет высокопроизводительную,
основанную на стандартах, многоязыковую среду, которая позволяет интегрировать
существующие приложения с приложениями и сервисами следующего поколения, а
также решать задачи развертывания и использования Интернет - приложений.

.NET Framework состоит из трех основных частей: общеязыковой среды выполнения
(common language runtime), иерархического множества унифицированных библиотек
классов и компонентной версии ASP, называемую ASP.NET.

Хотя ASP.NET берёт своё название от старой технологии Microsoft ASP, она
значительно от неё отличается. Microsoft полностью перестроила ASP.NET,
основываясь на Common Language Runtime (CLR), который является основой всех
приложений Microsoft .NET. Разработчики могут писать код для ASP.NET, используя
практически любые языки программирования, входящие в комплект .NET Framework
(C#, Visual Basic.NET, и JScript .NET). ASP.NET имеет преимущество в скорости по
сравнению со скриптовыми технологиями, так как при первом обращении код
компилируется и помещается в специальный кэш, и впоследствии только исполняется,
не требуя затрат времени на парсинг, оптимизацию, и т. д.

Таким образом, можно выделить следующие преимущества ASP.Net по сравнению с
ASP:

Компилируемый код выполняется быстрее, большинство ошибок отлавливается
ещё на стадии разработки
Значительно улучшенная обработка ошибок времени выполнения, с
использованием блоков try..catch

10