ria & silverlight

53
RIA & Silverlight Константин Кичинский [email protected] http://zelo-stroi.livejournal.com

Upload: constantin-kichinsky

Post on 31-May-2015

2.848 views

Category:

Technology


0 download

DESCRIPTION

RIA & Silverlight, Константин Кичинский, Клуб MAInfo.ru

TRANSCRIPT

Page 1: RIA & Silverlight

RIA & Silverlight

Константин Кичинский[email protected]

http://zelo-stroi.livejournal.com

Page 2: RIA & Silverlight

RIA ― Rich Internet Application

ESEA [email protected]

Page 3: RIA & Silverlight

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

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

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

ESEA [email protected]

Page 4: RIA & Silverlight

Client ←―――――→ Server

Page 5: RIA & Silverlight

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

Толстый

Page 6: RIA & Silverlight

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

Толстый

Page 7: RIA & Silverlight

Новый запрос

Обработка

Ответ

Загрузка

Page 8: RIA & Silverlight

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

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

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

Page 9: RIA & Silverlight
Page 10: RIA & Silverlight

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

Page 11: RIA & Silverlight

Astrid [email protected]

Page 12: RIA & Silverlight

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

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

Page 13: RIA & Silverlight

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

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

$$$$$

Page 14: RIA & Silverlight

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

Page 15: RIA & Silverlight

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

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

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

Page 16: RIA & Silverlight

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

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

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

Page 17: RIA & Silverlight

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

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

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

$$$$$

Page 18: RIA & Silverlight

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

Page 19: RIA & Silverlight

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

Page 20: RIA & Silverlight

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

$$$$$

Page 21: RIA & Silverlight

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

Page 22: RIA & Silverlight

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

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

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

поддержку

Page 23: RIA & Silverlight

$$$$$

Page 24: RIA & Silverlight

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

Page 25: RIA & Silverlight

Идеи

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

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

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

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

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

Page 26: RIA & Silverlight

RIA =

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

+

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

Page 27: RIA & Silverlight

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

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

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

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

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

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

Page 28: RIA & Silverlight

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

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

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

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

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

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

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

Page 29: RIA & Silverlight

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

ESEA [email protected]

Page 30: RIA & Silverlight

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

ESEA [email protected]

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

Page 31: RIA & Silverlight

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

ESEA [email protected]

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

•MS Silverlight• JavaFX• …

Page 32: RIA & Silverlight

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

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

•MS Silverlight• JavaFX• …

Page 33: RIA & Silverlight
Page 34: RIA & Silverlight

Silverlight

Page 35: RIA & Silverlight

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

Page 36: RIA & Silverlight

Аудитория Silverlight

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

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

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

Page 37: RIA & Silverlight

Установка Silverlight

Page 38: RIA & Silverlight

Silverlight 1.0

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

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

• Input (Keyboard, Mouse, Ink)

• Media (mp3, wma, wmv)

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

Page 39: RIA & Silverlight

Silverlight 1.1

• Silverlight 1.0 +

• Mini CLR (C#, VB) +

• DLR (Ruby, Python) +

• Custom controls +

• Sample controls

Page 40: RIA & Silverlight
Page 41: RIA & Silverlight

Сравнение возможностей – 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

Page 42: RIA & Silverlight

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

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

Page 43: RIA & Silverlight

Сравнение возможностей -- 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

Page 44: RIA & Silverlight

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

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

Page 45: RIA & Silverlight

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

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

Page 46: RIA & Silverlight
Page 47: RIA & Silverlight

The professional Web

design tool

The professional Interactive design

tool

The professional Graphic

design tool

The professionalAsset Management

tool

Page 48: RIA & Silverlight

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

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

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

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

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

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

Creation ExperienceSilverlight Streaming

Windows Live Platform

http://silverlight.live.com

Page 49: RIA & Silverlight

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

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

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

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

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

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

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

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

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

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

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

• HD to Mobile w/ SMPTE VC-1

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

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

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

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

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

Page 51: RIA & Silverlight

Когда?

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

Page 52: RIA & Silverlight

Ресурсы

• http://www.silverlight.net

Page 53: RIA & Silverlight

RIA & Silverlight

Константин Кичинский[email protected]

http://zelo-stroi.livejournal.com