• Лоренс Морони (Laurence Moroney), Корпорация Майкрософт

Продукты и технологии: Microsoft Silverlight (ранее известная под кодовым именем WPF/E), Microsoft Expression Blend

В данном техническом документе содержится общий обзор технологии Silverlight и определяется ее место среди инструментов разработки веб-приложений нового поколения. (8 печатных страниц)

На этой странице…

Оригинал статьи (EN)

Silverlight - это название новой технологии представления данных в Интернете, предназначенной для запуска на различных платформах. Она позволяет создавать насыщенные, визуально привлекательные веб-страницы, работающие в различных обозревателях, устройствах и настольных операционных системах (например Apple Macintosh). Ключом к возможностям Silverlight, как и ко всей технологии представления WPF (Windows Presentation Foundation) платформы Microsoft .NET Framework 3.0, является XAML (eX tensible A pplication M arkup L anguage, расширяемый язык разметки приложений).

Эта статья познакомит вас с основами технологии Silverlight и с тем, как использовать для создания насыщенных графикой страниц инструменты корпорации Майкрософт Expression Blend, Microsoft Visual Studio 2005 и XAML. Начнем с описания предпосылок возникновения Silverlight и места этой технологии в наборе инструментов разработчика.

Когда Тим Бернерс-Ли, сотрудник CERN, изобретал современную технологию «веб», он задумывал ее как систему, позволяющую хранить и связывать между собой статические документы в сетевой среде. С течением времени и развитием технологий следующим логическим шагом стало появление «активных» обновляемых документов, которые создаются по запросу с учетом пользовательской информации или временных параметров. Это стало возможным благодаря таким технологиям, как CGI. Еще какое-то время спустя, возможность создания документов в Интернете стала основной, а технология прошла путь от CGI через Java и ASP к ASP.NET.

Технология ASP.NET стала вехой на пути разработчика к быстрому созданию качественных веб-приложений с помощью парадигмы разработки на стороне сервера и оптимально подобранных инструментов серии Visual Studio.

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

Объект XMLHttpRequest, выпущенный Майкрософт в составе Internet Explorer 5 в 2000 г, открыл дорогу для технологии Asynchronous JavaScript и XML (AJAX), позволившей веб-приложениям более динамично реагировать на действия пользователя, обновляя небольшие части веб-страницы и не требуя ее полной перезагрузки. Инновационные решения, построенные на основе AJAX, например карты Windows Live Local, приблизили веб-приложения к уровню удобства обычных клиентских программ.

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

Поскольку технически XAML - это XML, он представляет собой простой текст, а значит, не вызывает конфликтов с брандмауэрами, легко доступен для просмотра, и при этом описывает различное содержимое. Некоторые технологии – Java, ActiveX, Flash – в настоящее время широко применяются в дополнение к языкам DHTML, CSS и JavaScript и расширяют содержимое веб-страниц, но их роднит один недостаток - данные передаются в обозреватель в двоичном виде. Такую информацию сложно проверить на предмет безопасности, не говоря уже о сложности ее обновления - для реализации любых изменений требуется переустановка всего приложения, что неудобно для пользователя и зачастую приводит к торможению веб-страниц. При изменении содержимого страницы средствами Silverlight новый XAML-файл создается на стороне сервера. При следующем просмотре страницы происходит загрузка этого файла, а значит, потребность в переустановке отпадает.

Сердцем технологии Silverlight является модуль расширения для обозревателя, который обрабатывает XAML и отображает итоговое изображение в поле обозревателя. Загрузочный файл невелик (менее 2 MБ), и может быть установлен при посещении пользователем узла с содержимым, создававшимся с использованием Silverlight. Модуль предоставляет разработчикам доступ к функциям XAML-страницы на языке JavaScript, таким образом, становится возможным взаимодействие с содержимым на уровне страницы и разработчик может, например, создать обработчики событий или управлять содержимым XAML-страницы с помощью JavaScript-кода.

Однако, хватит с нас теории. Давайте перейдем к практике и посмотрим, каким получится наш первый проект Silverlight.

Для начала попробуем создать с помощью Microsoft Expression Blend очень простое XAML-приложение для Silverlight. Для этого в меню File (Файл) выберем пункт New project (Создать проект), после чего появится диалоговое окно New Project (Создание проекта).

Нажмите кнопку ОК , и проект будет создан. Он будет содержать HTML-страницу по умолчанию с фоновым кодом JavaScript, документ XAML, фоновый JavaScript-код для него и файл Silverlight.js.

Последний содержит код для загрузки и создания экземпляра элемента управления Silverlight. Все это - часть комплекта Silverlight SDK.

Файл Default.html - стандартная веб-страница на языке HTML. Она содержит три ссылки на файлы с кодом JavaScript - Silverlight.js, Default.html.js (содержит зависящий от приложения код создания экземпляра Silverlight) и Scene.xaml.js (содержит обработчики событий, определенных приложением в XAML).

Такая схема используется для разделения страницы (default.html), кода создания экземпляров (default.html.js), дизайна (Scene.xaml) и обработчиков событий (Scene.xaml.js). Но хватит теории, приступим к разработке.

Добавим к проекту видеофайл. Для этого нужно щелкнуть правой кнопкой мыши окно Project Files (Файлы проекта) в правом верхнем углу экрана и выбрать пункт Add Existing Item... (Добавить существующий элемент...). .

Выбрав файл WMV и добавив его к проекту, мы увидим, как тот появится в обозревателе проекта, а на поле будет добавлен элемент Media.

Теперь можно запустить проект - запустится обозреватель, а в нем будет проигрываться видео!

Автоматическое проигрывание видео можно отменить, отредактировав XAML. Справа от конструктора XAML находятся две вкладки: Design (Конструктор) и XAML . Перейдем на вкладку XAML. Откроется редактор (рис. 3). Используем его для правки XAML элемента MediaElement : добавим атрибут AutoPlay=False .

Теперь, запустив приложение, мы обнаружим, что Silverlight показывает первый кадр видео, но не проигрывает его.

Добавление в видеопроигрыватель элементов управления

Добавим к приложению два текстовых блока, приписав им текст Play (Воспроизведение) и Stop (Остановка) и имена txtPlay и txtStop соответственно. По завершении XAML-код будет выглядеть примерно так:

Теперь добавим в код этих блоков обработчики событий. Для этого объявим обработчик щелчка мыши с помощью атрибута MouseLeftButtonDown . К текстовому блоку txtPlay добавим обработчик DoPlay , а к блоку txtStop - обработчик DoStop . По завершении XAML будет выглядеть так:

Теперь, если пользователь щелкнет мышью на любом из блоков, возникнет событие, которое можно перехватить и обработать в функции на JavaScript.

Обработка событий на языке JavaScript

В шаблон проекта входит файл Scene.xaml.js, используемый для перехвата и обработки на JavaScript событий, инициируемых пользователем. Указав в XAML обработчики DoPlay и DoStop , мы должны реализовать их в этом файле:

Function DoPlay(sender, eventArgs) { var theHost = document.getElementById("SilverlightControl"); var theMedia = theHost.content.findName("Movie_wmv"); theMedia.Play(); } function DoStop(sender, eventArgs) { var theHost = document.getElementById("SilverlightControl"); var theMedia = theHost.content.findName("Movie_wmv"); theMedia.Stop(); }

Здесь элемент управления Silverlight назван SilverlightControl, а переменная JavaScript с именем theHost содержит ссылку на него. С ее помощью находится элемент Media , который в нашем случае назван Movie_wmv. Этот элемент был создан при добавлении в проект видеофайла, и его имя сгенерировано на основе имени файла. Раз файл назывался Movie.wmv, элемент получил имя Movie_wmv. Если бы имя файла было другим, другим было бы и имя элемента управления.

У медиа-элемента есть методы Play и Stop , используемые для запуска и остановки воспроизведения.

HTML-страница содержит вызов метода createSilverlight(), находящегося в фоновом коде Default.html.js.

Sys.Silverlight.createObjectEx({ source: "Scene.xaml", parentElement: document.getElementById("SilverlightControlHost"), id: "SilverlightControl", properties: { width: "100%", height: "100%", version: "0.9" }, events: { onLoad: Sys.Silverlight.createDelegate(scene, scene.handleLoad) } });

В него передается ряд свойств, в том числе те, что используются для указания отображаемого XAML-кода, внешнего вида элемента управления Silverlight и обработчиков событий onLoad и onError.

Свойство source: используется для определения XAML, который нужно отобразить на странице. Это может быть внешний файл (как в нашем случае) или расположенный на странице именованный тег , содержащий XAML-код.

Размещая элемент управления Silverlight на странице, нужно поместить его в именованный тег . Свойству parentElement : следует присвоить имя этого тега .

Идентификатор элемента управления указывается в свойстве id: .

Физические характеристики - высота, ширина и версия - задаются с помощью массива, передаваемого свойству properties: . Полный список этих свойств см. в документации Silverlight SDK (EN).

В этой статье дан общий обзор технологии Microsoft Silverlight и того, какое место она занимает среди средств разработки нового поколения веб-приложений. Было продемонстрировано, как в языке XAML сочетаются язык дизайна, инструмент программиста и способ представления контента пользователю. Рассмотрен инструмент Expression Blend и то, как с его помощью разрабатывается пользовательский интерфейс веб-страниц, управляемый языком JavaScript.

Все это - лишь мизерная доля возможностей, которыми обладает Silverlight. Их более чем достаточно, чтобы начать создавать Интернет нового поколения. Это будет популярная платформа - не пропустите!

Web технологии не стоят на месте, и каждый, кто хоть раз просто настраивал браузер под свои нужды, либо, более того, интересовался разработкой интернет приложений, то сталкивался с Microsoft Silverlight. Что представляет собой данный продукт и для чего он нужен?

Когда Сильверлайт объявился на всемирном рынке, то его сразу нарекли конкурентом Adobe Flash, ведь прежде всего silverlight оборудован плагином для расширения возможностей интернет-обозревателя. Но эта программа интересна не только пользователям, но и разработчиками веб-приложений из-за широкого применения и разнообразного функционала.

Silverlight – это кросплатформенная и кросбраузерная платформа, при помощи которой можно создавать интерактивные интернет-приложения, программы для ПК, мобильных устройств. Итак, подробнее о преимуществах и недостатках программы далее.

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

Этот шаг и решили сделать создатели HTML 5, отказавшись от встраивания видео в youtube при помощи плагина. Но как быть с Microsoft Silverlight? Например, в браузере google chrome он установлен вместе с плагином flash по умолчанию. Для пользователя основным плюсом использования данного плагина, по сравнению с adobe flash, являются более низкие системные требования, что позволяет работать с плагином даже на нетбуке. Ведь на портативных устройствах, использующих android os 4 версии и выше, все-таки решили не использовать плагин flash.

Майкрософт Сильверлайт — нужна ли эта программа?

Для браузеров Silverlight доступен совершенно бесплатно для всех поддерживаемых браузеров и платформ. Цель создания плагина – стереть границы между разнообразием типов операционных систем, браузеров, разновидностью моделей устройств, диагональю и разрешениями их дисплеев. Также при помощи Silverlight есть возможность качественно отобразить графику в интернете, показать интерактивность приложений, подчеркнуть не только широкие возможности их функционала, но и дизайн. Еще это касается не только онлайн-приложений.

Все приложения Silverlight можно написать на любом из.net языков программирования и все инструменты из Silverlight можно использовать при создании.net решений. Еще Silverlight совместим с другими продуктами. Например эту программу используют и в ms office для более удобной разработки или синхронизированной работы с веб.

Конкуренция adobe flash и Microsoft Silverlight – это тоже одно из вечных противостояний, которые известны нам, такие как Apple iOS и Google Android… Но все-таки мало кто из простых пользователей задумывался о этом выборе, ведь это всего лишь плагины. А вот если идет речь о разработке, реализации идей, тогда каждый выбирает себе ту среду, к которой лучше всего адаптировался.

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

Web-технологии постоянно совершенствуются и почти каждый продвинутый пользователь, который настраивал браузер под свои нужды, или более того — занимается разработкой web-приложений, сталкивался с программой Microsoft Silverlight. Так что это за программный продукт Microsoft Silverlight и есть ли необходимость в его установке?

Многие знают, что Microsoft Silverlight — это кроссбраузерная модуль платформа, созданная для проектирования и разработки интернет-приложений, программ для компьютеров и мобильных устройств. Как только Silverlight от Майкрософт появился на рынке, то он сразу получил статус конкурента Adobe Flash , ведь продукт был разработан специально для расширения возможностей браузера. Но приложением заинтересовались не только продвинутые пользователи, но и разработчики веб-продуктов в силу его широких возможностей. Расширение для браузера работает на Windows, Linux и MacOS.

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

Достоинства и недостатки Microsoft Silverlight

Наверное, главным преимуществом программы Microsoft Silverlight является возможность работы с языком расширения XAML, за что Microsoft Silverlight особенно полюбили продвинутые веб-дизайнеры и программисты Майкрософт Сильверлайт. Дело заключается в том, что некоторые идеи разработчиков не могут быть реализованы из-за ограниченности веб-платформы. И решением здесь выступает язык разметки XAML, прекрасно работающий в паре с Microsoft Silverlight. Продукт позволяет сохранять созданную дизайнером веб-страницу в формате XAML, после чего документ будет отображен в поле обозревателя. Разработчик при этом получит доступ к документу на языке java-script. Думаю, вы уже начинаете понимать, что это такое Microsoft Silverlight и нужна ли она именно вам.

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

Функционал графического плагина

• проигрывание видеороликов без привлечения Windows Media Player;
• поддержка языков.NET и.XAML;
• есть потоковая передача под названием Smooth Streaming;
• инструмент Sketchflow от Expression Studio 3 увеличивает эффективность работы и скорость;
• размещение контента в трехмерном пространстве;
• функция Deep Zoom, позволяющая плавно и быстро работать с масштабированием видеороликов в интернете;
• в программе Microsoft Silverlight доступно декодирование при помощи ЦПУ;
• облегченное взаимодействие с большими объемами данных в интернете;
• размер исполняемых файлов не превышает 4 мегабайт и установка занимает десять секунд;
• есть эффекты пиксельного шейдера;
• плагин Майкрософт Сильверлайт устанавливается в браузеры, что исключает возможность его заражения вирусами;
• совместимость с разнообразными платформами (кроссплатформенность).

Минусы программы Сильверлайт

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

Теперь, после того как мы разобрались, что это Microsoft Silverlight вы сами видите, преимуществ продукт имеет массу, а недостатков всего пару-тройку. Для создания RIA-приложений продукт является лучшим среди всех остальных, благодаря доступу к DOM браузера и вызову кода RIA из java-script.

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

На видео подробный обзор:

Данный обзор поможет разобраться с программой Microsoft Silverlight. Что это такое? Каковы основные особенности? В чем предназначение? Находясь в Интернете, многие пользователи частенько натыкаются на данное название, которое сочетается со словом «плагин». называют специальный программный компонент, который можно подключать к какой-либо программе, расширяя тем самым возможности ее использования. Так вот, для браузера плагином является Microsoft Silverlight. Что это значит? Это значит, что он подключается к установленному браузеру в любой операционной системе и расширяет его функционал.

Что за программа Microsoft Silverlight?

Данный плагин является кросс-браузерной и кросс-платформенной разработкой, предназначенной для разработки, а также демонстрации медиаприложений в сети Интернет. Работает он со всеми популярными операционными системами и во всех основных браузерах. Для чего нужен Microsoft Silverlight? Он дает возможность воспроизводить WMA и WMV в браузерах. При этом нет нужды в каких-либо дополнительных компонентах, например проигрывателе.

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

Также имеется поддержка языка программирования JavaScript, который работает практически на всех интернет-страницах.

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

Название плагина переводится на русский как «серебряный свет».

Развитие Microsoft Silverlight

В октябре 2008 года компания «Майкрософт» представила вторую версию плагина, в которую было добавлено много нового: безопасность данных, работа с большим числом исходных данных и форматов. В то же самое время было сообщено о том, что теперь будет вестись работа с сообществом любителей открытого исходного кода. Так, в среду разработки были добавлены коды и библиотеки для работы с Microsoft Silverlight. Что это значит? Энтузиасты со всего мира могли расширять функционал плагина, а аудитория пользователей дошла бы до Linux.

Спустя шесть месяцев после выхода вторая версия плагина была установлена более 300 миллионов раз.

В марте 2009 года была представлена уже третья версия с поддержкой новых возможностей, среди которых были:

• Трехмерная графика.
• Улучшенная анимация.
• Новые стандарты видео и аудио.
• Использование ускорителей графических процессоров.

Четвертая версия стала поддерживать передачу видео на сервер от клиента, а также использование микрофона и веб-камеры.

В начале декабря 2010 года была анонсирована Microsoft Silverlight 5. Новейшая версия намного улучшила работу с трехмерной графикой. Среди других изменений:

• Возможность изменять скорость воспроизведения.
• Ускоренный запуск приложений.
• Улучшена читаемость текста.
• Появилась поддержка 64-битных операционных систем.

Применение плагина

Представители компании утверждают, что затраты на разработку интерактивных интернет-сервисов снизятся с использованием Microsoft Silverlight. Что это означает? Из-за того, что разработка без проблем интегрируется с существующими технологиями, труд программистов облегчится.

Плагин способен показывать видеофайлы в высоком разрешении. Разработчики сайтов и дизайнеры могут с использованием Microsoft Silverlight создавать собственные веб-приложения.

В процессе продвижения своего плагина компания стала партнерствовать с большим числом популярных порталов, куда был интегрирован проигрыватель, основанный на плагине. Так была начата конкуренция с популярным в то время Adobe Flash, на котором базируется большое число плееров в Сети.

Установка плагина

Для использования плагина необходима его инсталляция. Для этого нужно зайти на официальный сайт Microsoft Silverlight. Что этот сайт предлагает? Здесь будет установочный файл, который нужно скачать и запустить. Процесс установки автоматический. По окончании нужно будет просто перезапустить браузер, и плагин начнет работать.

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

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

Silverlight отвечает за вывод графики и изображения в браузере пользователя, обеспечивая реализацию технологии показа активного содержимого. Платформа также широко используется при создании виджетов для Windows Vista и Windows Sidebar.

Технология реализует воспроизведение форматов WMA, WMV и MP3, но не нуждается в установке дополнительных модулей со стороны пользователя, как это было реализовано в расширении Windows Media Player. Silverlight широко используется в интернете из-за большого количества возможных инструментов для работы с интерфейсом, расширяющих возможности пользователя и веб-разработчика.

Написание кода Silverlght может быть выполнено на любом языке из платформы.NET.

Silverlight является альтернативным средством создания активного содержимого на веб-сайтах. Кроме данного решения от Microsoft в интернете широко используются таких технологии, как Adobe Flash, HTML 5 и JavaFX.

Установка Silverlight для пользователя

На сегодняшний день последней версией модуля является Silverlight 5, который доступен на официальном сайте проекта, созданном компанией Microsoft. Перейдите на сайт компании в раздел загрузки плагина при помощи используемого вами браузера. Нажмите на ссылку Download Now и дождитесь окончания загрузки файла-установщика.

Silverlight поддерживается всеми современными настольными операционными системами Windows и MacOS.

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

Недостатки технологии

Существует версия Silverlight и для телефонов, работающих на базе Windows Phone. Тем не менее Silverlight недоступна для платформ Android и iOS, что делает данную технологию невозможной для использования практически на всех мобильных платформах. Это значит, что написанные на ней приложения доступны только для пользователей компьютеров.

Среди недостатков технологии отмечается невозможность работы плагина с другими системами, отличными от Windows и OS X. Также программа, написанная на Silverlight, не запустится, если у пользователя отсутствует подключение к интернету.