Flex 4 чи HTML 5?

ВАМ СОРОЧКУ ЧИ ФУТБОЛКУ?
FLEX
HTML

RIA (RICH INTERNET APPLICATION)
Зазвичай це веб-додаток, що має всі функції, які користувач очікує від десктопних систем, — наприклад Google Spreadsheets в порівнянні з Microsoft Excel.

FLEX
Flex 4
2010

HTML
HTML 1.0
HTML 2.0
HTML 3.2
HTML 4.0
HTML5
1991
1995
1997
XHTML 1.0
HTML 5
Hello World!
1999
HTML 4.1
2022?
2000

ПОШИРЕННЯ FLEX

ПІДТРИМКА HTML 5 (МУЛЬТИМЕДІА)

ПІДТРИМКА HTML 5 (API)

НОВІ МОЖЛИВОСТІ FLEX 4
Дизайн “на льоту”: підтримка нового фреймворку (Spark), який надає нову ступінь виразності, легкий у використанні за допомогою зручних інструментів.
Продуктивність розробника: підвищення ефективності компілятора, нові можливості прив’язки даних.
Нові стани (states): використовувати стани стало простіше і зрозуміліше.

ПРИКЛАД НОВОЇ АРХІТЕКТУРИ

НОВІ МОЖЛИВОСТІ HTML5:
Елементи для сучасної семантичної розмітки сторінок (section, article, aside, header, footer)
Викинуто застарілий непотріб, що сьогодні замінюється використанням СSS (basefont, big, center, font, s, strike, tt, u)
Як і обіцяли, викинули фрейми (frame, frameset)
Принципово нові елементи audio,video, meter, progress, time
Потужні API: зручна робота з аудіо, відео, базами даних SQLite, підтримка Websockets, локальне збереження даних на клієнтській стороні та доступ до неї offline
Нові властивості елементів вводу та верифікація введених даних
Підтримка Drag&Drop
Елемент Canvas, векторна 2D та 3D-графіка

ПРИКЛАД НОВОЇ РОЗМІТКИ HTML5
З новими теґами (section, article, aside, header, footer) розмітка сторінки відбувається більш логічно, а семантична направленість такої розмітки у майбутньому покращить пошукову оптимізацію

КОРИСТУВАЦЬКИЙ ІНТЕРФЕЙС (ВІДЖЕТИ)

ФОРМИ

ВЕКТОРНА ГРАФІКА

ТРИВИМІРНА ГРАФІКА

РОБОТА З БІТМАП

ВІДЕО

ПОСТІЙНЕ З’ЄДНАННЯ

ДРАГ’Н’ДРОП

ФАЙЛОВА СИСТЕМА

ІНСТРУМЕНТИ РОЗРОБНИКА
Flex HTML5
Flex Builder 3, Flash Builder 4, Eclipse, Intellij Idea
DreamWeaver, HomeSite etc.

ІНСТРУМЕНТИ ТЕСТУВАННЯ
Unit
Flex HTML5
JSUnit
ASUnit
Selenium,
WebDriver, Watir
Fluint?
Integration

СУМІСНІСТЬ З БРАУЗЕРАМИ
Flex HTML5
10, 9, 8, 7, 6, 5, ….
3, 2, ..
3, 2, ..
8, 7, 6, ..
4,3,2,1 ..
?

ADOBE INTEGRATED RUNTIME (AIR)
Середовище для запуску додатків, що дозволяє використовати HTML/CSS, Ajax, Adobe Flash або Adobe Flex для перенесення RIA на десктопні ПК.

test.html.HelloWorld
0.1
HelloWorld
HelloWorld.html
true
400
200
Hello, World!
Hello, World!
AIR: HELLO, WORLD!

ПЕРЕВАГИ
Поширеність в світі
Кросплатформеність
Однаковий вигляд в різних браузерах
Розвинуті бібліотеки компонентів та гнучкість (flexible) інтерфейсів
Потужні засоби розробки (IDE)
Доступна документація (довідники, підручники)
Справді існує ☺
Native-інтеграція у браузери без додаткових плагінів
“Легкість” використання для мобільних пристроїв
Швидке та інтуїтивне засвоєння
Flex HTML5

НЕДОЛІКИ
Велике навантаження на процесор
Неповноцінна підтримка на *nix платформах
Погана пошукова індексація
Не затверджений стандарт
Немає єдиного кодеку для відео
Неоднакова підтримка тегів та API різними браузерами
Flex HTML5