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

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

Цей технічний документ містить загальний огляд технології Silverlight і визначається її місце серед інструментів розробки веб-додатків нового покоління. (8 друкованих сторінок)

На цій сторінці…

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

Silverlight – це назва нової технології представлення даних в Інтернеті, призначеної для запуску на різних платформах. Вона дозволяє створювати насичені, візуально привабливі веб-сторінки, що працюють у різних браузерах, пристроях та настільних операційних системах (наприклад Apple Macintosh). Ключем до можливостей Silverlight, як і до всієї технології представлення WPF (Windows Presentation Foundation) платформи Microsoft.

Ця стаття познайомить вас з основами технології 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");

Тут елемент керування 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, не запуститься, якщо у користувача немає підключення до інтернету.