RIA & Silverlight

RIA & Silverlight

Константин Кичинскийkichinsky@mainfo.ru

http://zelo-stroi.livejournal.com

RIA ― Rich Internet Application

ESEA Click@flickr.com

Больше• интерактивности,

• визуальных и

• мультимедийныхвозможностей

ESEA Click@flickr.com

Client ←―――――→ Server

Client ←―――――→ ServerТонкий

Толстый

Client ←―――――→ ServerТонкий

Толстый

Новый запрос

Обработка

Ответ

Загрузка

• Задержки и недовольство пользователей

• Утрата лояльности клиентов

• В простом HTML не хватает наглядных средств выражения

Увеличениеприбыли

Astrid Photography@flickr.com

• Больше заказов

• Больше скорость осуществления заказов!

• Больше заказов

• Больше скорость осуществления заказов!

$$$$$

Индивидуальныйподход

• Помощь пользователю в выборе услуг

• Подстройка интерфейса под пользователя

• Удобно для пользователя

• Помощь пользователю в выборе услуг

• Подстройка интерфейса под пользователя

• Удобно для пользователя

• Помощь пользователю в выборе услуг

• Подстройка интерфейса под пользователя

• Удобно для пользователя

$$$$$

Убедительностьи понятность

• Чем богаче средства выражения и нагляднее представляемые данные, тем проще убедить клиента

• Чем богаче средства выражения и нагляднее представляемые данные, тем проще убедить клиента

$$$$$

Меньшеиздержек!

Больше удобства

+меньше ошибок

=меньше запросов в

поддержку

$$$$$

Как работает RIA?

Идеи

• Обрабатывать запросы на клиенте

• Делать расчеты на клиенте

• Осуществлять обмен данными, а не представлением данных

• Делать это асинхронно!

• Добавить поддержку графики и мультимедиа

RIA =

Client Engine (прослойка)

+

Код приложения

Что мы получаем:

• Загрузка клиента → разгрузка сервера

• Передача данных → уменьшение трафика

• Асинхронная работа → интерактивность

• Мультимедиа и графика → наглядность

• Песочница (sandbox) → безопасность

Что мы получаем:

• Целостность содержимого

• Непрерывность взаимодействия

• Продуктивность и концентрация на выполнение задачи

• Уверенность пользователя

• Интенсивный обмен данными, фоновая загрузка данных

• Направление пользователя (хореография)

Какие бывают RIA?

ESEA Click@flickr.com

Какие бывают RIA?

ESEA Click@flickr.com

• DHTML, JavaScript, AJAX• Adobe Flash/Flex/AIR• MS Silverlight• JavaFX• …

Какие бывают RIA?

ESEA Click@flickr.com

• DHTML, JavaScript, AJAX• Adobe Flash/Flex/AIR

•MS Silverlight• JavaFX• …

Какие бывают RIA?

• DHTML, JavaScript, AJAX• Adobe Flash/Flex/AIR

•MS Silverlight• JavaFX• …

Silverlight

http://download.microsoft.com/download/f/2/e/f2ecc2ad-c498-4538-8a2c-15eb157c00a7/SL_Map_FinalNET.png

Аудитория Silverlight

Поставщики контента

Разработчики и дизайнеры

Конечные пользователи

Установка Silverlight

Silverlight 1.0

• Подмножество XAML

• UI Core (Images, Vector graphics, Text, Animations)

• Input (Keyboard, Mouse, Ink)

• Media (mp3, wma, wmv)

• JavaScript• Манипуляции над XAML с помощью DOM

Silverlight 1.1

• Silverlight 1.0 +

• Mini CLR (C#, VB) +

• DLR (Ruby, Python) +

• Custom controls +

• Sample controls

Сравнение возможностей – Controls

1.1 alpha 1.1 thinking WPFButton Sample Yes YesTextBox (edit) No Yes YesScrollbar Sample Yes YesSlider Sample Yes YesListBox Sample Yes YesCheckBox No Yes YesRadioButton No Yes YesComboBox No Yes Yes

Сравнение возможностей – Controls (2)

1.1 alpha 1.1 thinking WPFTreeView No No YesAccordion No No 3rd partyDataGrid No No 3rd partyUserControl Yes Yes Yes

Сравнение возможностей -- Layout

1.1 alpha 1.1 thinking WPF

Canvas Yes Yes Yes

Grid (table) No Yes Yes

StackPanel No Yes Yes

Viewbox No Yes Yes

Сравнение возможностей -- прочее

1.1 alpha 1.1 thinking WPFMouse events Partial Yes YesKeyboard events Partial Yes Yes

<.Resources> Partial Yes YesData binding No Yes YesStyling No Yes Yes

Сравнение возможностей -- прочее

1.1 alpha 1.1 thinking WPF3D No No YesHardware acceleration

No No Yes

Out of browser

No No Yes

Off-line No No YesCross-platform Yes Yes No

The professional Web

design tool

The professional Interactive design

tool

The professional Graphic

design tool

The professionalAsset Management

tool

Silverlight Streaming by Windows LiveПредоставляет разработчикам

бесплатное и расширяемое решение для Silverlight

• Бесплатные 4Гб хостинга и «стриминга»

• Вы разрабатываете, мы доставляем

• Высококачественный управляемый UX

• Полноценный API

Creation ExperienceSilverlight Streaming

Windows Live Platform

http://silverlight.live.com

Silverlight в целомКросс-платформенный богатый интерфейс

• Быстрая установка

• Одинаковая работа на Mac / Windows

• Векторная графика, медиа, текст, анимация

• Значительное увеличение производительности для сайтов с AJAX

Гибкая программная модель и средства для совместной работы

• Базируется на .NET Framework

• Выбор языка программирования

• Интеграция с существующими веб-технологиями

• Ролевые инструменты для дизайнеров и разработчиков

Низкая по стоимости, высокая по качеству медиа

• HD to Mobile w/ SMPTE VC-1

• Экосистема «широкого медиа»

• Средства для прямой трансляции и по требованию

Работа с данными, серверами и сервисами

• Легкое создания mash-ups, работа с данными и сервисами

• Быстрое масштабирование с Silverlight Streaming

http://download.microsoft.com/download/f/2/e/f2ecc2ad-c498-4538-8a2c-15eb157c00a7/SL_Map_FinalNET.png

Когда?

Silverlight 1.0 BetaSilverlight 1.1

Alpha

April 2007

Silverlight 1.0

5 Sep 2007

Silverlight 1.1 Beta

End 2007

Silverlight 1.1

Summer 2008

Silverlight

Expression Studio RTM

Expression Blend 2 CTP

April 2007

Expression Media Encoder RTM

Summer 07

Expression Web 2Expression Blend 2

Preview August 07

Expression Studio 2

February 08

Expression

Silverlight Tools Alpha for Visual Studio

2008 Beta 1

4/30/07

Visual Studio 2008

End 2007

Visual Studio

Ресурсы

• http://www.silverlight.net

RIA & Silverlight

Константин Кичинскийkichinsky@mainfo.ru

http://zelo-stroi.livejournal.com