Лекция 12. Rich Internet application

  • ppt
  • 11.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 94. Лекция 12. Rich Internet application.ppt

Лекция 12. Rich Internet application

Понятие «RIA»

RIA (Rich Internet application, Rich Interactive Applications) – это приложение, доступное через Интернет, богатое функциональностью традиционных настольных приложений, не поддерживаемой браузерами непосредственно
RIA-приложение:
передает веб-клиенту необходимую часть пользовательского интерфейса, оставляя большую часть данных (ресурсы программы, данные и пр.) на сервере
запускается в браузере и не требует дополнительной установки ПО
запускается локально в среде безопасности, называемой «песочница» (sandbox)

2

Понятие «RIA»

3

История развития приложений

4

RIA и классическое веб-приложение

5

RIA и «толстый» клиент

6

Достоинства RIA

«Богатый» интерфейс по сравнению с HTML-приложениями (drag-and-drop, использование ползунка для изменения данных, возможность производить вычисления, которые не отправляются обратно на сервер)
Использование вычислительных ресурсов клиента и сервера лучше сбалансировано
Приложения доступны через браузер и не требуют установки
Кросс-платформены и кросс-браузерны
Автоматическое обновление версий
Меньше опасность заражения вирусами для пользователей за счет использования «песочницы»
Частичная возможность работы в режиме offline

7

Недостатки RIA

Из-за «песочница» имеют ограниченный доступ к системным ресурсам
При отключение активных сценариев в браузере RIA может не работать
Конфликты с XHTML
Поисковые системы могут не проиндексировать содержимое приложения RIA
Требуют регулярного или постоянного подключения к Интернету
Проблем веб-совместимости с RIA
Нельзя расширять плагинами и модами
Сложность интеграции с браузером
Дорогая разработка

8

Технологии Adobe











Источник: Adobe Flash Platform ActionScript reference for RIA development ,
http://www.adobe.com/devnet/actionscript/articles/atp_ria_guide.html

9

Adobe Flash

10

Adobe Flex











Источник: Adobe Flex Builder 3,
http://pshyama.files.wordpress.com/2009/06/flexbld2.jpg?w=455&h=330

11

Adobe Flex

Преимущества:
быстрый цикл освоения и разработки
развитое community
много учебных материалов и документации
интеграция с дизайнерскими инструментами от Adobe
надежная простая и эффективная платформа
Недостатки:
предрассудок «Flex это для мультиков»
существенные (по сравнению с Java) ограничения «песочницы»
многие разработчики акцентированы на визуализации, как следствие плохой серверный код.

12

Adobe Air

13

Adobe Air

Преимущества:
используя AIR, можно легко перенести готовое HTML или Adobe Flex приложение на компьютер пользователя
приложения имеют доступ к файловой системе, буферу обмена, имеется поддержка нескольких окон, технологии drag-and-drop
Недостатки:
ограниченный доступ к SQLite и веб-сервисам
приложения, написанные на AIR, являются однопоточными
приложения, написанные на AIR, зависят от среды выполнения Adobe

14

AJAX

Преимущества:
есть в любом браузере
прост в освоении
быстрый цикл разработки
развитый инструментарий
развитое сообщество
Недостатки:
иногда кросс-браузерная несовместимость
сложно/дорого разрабатывать большие приложения
сложно отлаживать, дорого поддерживать;
низкая производительность

15

ActiveX

Преимущества:
исполняется native-код
Недостатки:
только IE и Windows
нетривиален в разработке и отладке
большой период освоения технологии
имеются некоторые проблемы с безопасностью

16

Windows Presentation Foundation

Windows Presentation Foundation (WPF, кодовое название – Avalon) – графическая (презентационная) подсистема в составе .NET Framework 3.0, имеющая прямое отношение к XAML (Extensible Application Markup Language)

Основа WPF – это независимый от разрешения экрана и основанный на векторной графике механизм отрисовки, который был построен для использования всех преимуществ современного графического оборудования

17

Silverlight

18

Silverlight

Технология Deep Zoom
Комплексная поддержка работы в сети
Языковая поддержка .NET Framework
Защита контента – Silverlight DRM
Кросс-платформенная и кросс-браузерная поддержка
Поддержка высококачественного видео и аудио
Технология Smooth Streaming
Поддержка аппаратного ускорения при работе с трехмерной графикой
Глубокое связывание (Deep linking)
SEO-дружелюбность
Возможности работы без браузера
Поддержка устройств с multitouch-интерфейсом

19











Источник: JavaOne: Sun rolls out JavaFX ,
http://news.cnet.com/8301-13953_3-9937054-80.html

Технологии Oracle (Sun)

20

Сравнение RIA-технологий

21

Технологии

WPF

Silverlight

Flex

Flash

Air

JavaFX

OS

Windows

Windows
MacOS
Linux

Браузеры

IE, Firefox

IE, Firefox, Safari, Chrome

IE, Firefox, Safari, Opera, Netscape, Chrome

-

IE, Firefox, Safari, Opera, Netscape, Chrome

Языки

XAML+CLS (C#, VB…)

XAML+ JavaScript/ CLS(C#, VB…)/DLR (Python)

MXML+ ActionScript

ActionScript

MXML/ ActionScript/
JavaScript/ HTML

JavaFX Script, Java platform (Java, Groovy…)

Видео кодеки

(Windows Media Player)

WMV, VC-1, H.264, ACC Video, DRM

Sorenson Spark, On2 VP6-E, On2 VP6-S, H.264,
flv

Sorenson Spark, On2 VP6-E, On2 VP6-S, H.264 ,
flv

-

Форматы звука

MP3, WMA, DRM

MP3, AAC

AU, AIFF, WAV, MIDI

Встроенная поддержка 3D

+

-

Поддержка микрофона и вебкамеры

-

Примеры RIA (Flash/Flex)

22

Примеры RIA (Ajax)

23

Примеры RIA (Silverlight)

24