Разработка HTML5

приложений для Tizen

Данилов Кирилл

Tizen evangelist, Samsung Russia

Содержание

• Обзор web платформы

• Обзор доступных фреймворков
• Пример приложения Hosted App
• Пример приложения Packaged Web App
• Пример использования Tizen API

2

Обзор web
платформы

Архитектура

4

Типы Web приложений Tizen

Мобильный сайт Hosted App

Packaged App

Дистрибуция

Поисковые системы

Tizen Store

Tizen Store

Преимущества

Без установки и
обновлений

Нужен только config.xml
Почти не нужна
поддержка

Работает offline
Быстрый запуск
Полный API

Недостатки

Ограниченный API
Сложности с
управлением прав
доступа

Ограниченный API
Нужен хостинг

Нужно поддерживать

5

Tizen Web API

6

Поддержка функций Tizen WebKit2

7

Обзор доступных
фреймворков

Обзор доступных фреймворков

• Toolset

jquery.js (в составе SDK)

zepto.js

flight.js

require.js

angular.js

backbones.js

• UI

jquery mobile (в составе SDK)

enyo.js

m-project

• Multimedia

9

createjs suite

sprite.js

verlet-js, box2d

Пример
приложения
Hosted App

Пример приложения HostedApp

Hosted App – приложение, собранное в пакет wgt, состоящее

из иконки и файла config.xml, в
котором указан адрес и
права доступа к
удаленному ресурсу.

11

Пример приложения HostedApp
Плюсы

Просто
Быстро

Минусы


Долгий старт
Ограничения API
Нужен интернет

Особенности

12

Ограничение кеша < 5Mb
Обновление кеша
• Отсутствие кеша
• Изменение файла manifest
applicationCache

AppCache

Пример
приложения
Packaged Web App

Tizen Web UI

• Tizen Web UI Framework – набор
стилей CSS3, вспомогательных
библиотек JavaScript ,
элементов и шаблонов HTML.
• Tizen Web UI Builder – инструмент
для визуального построения
пользовательского интерфейса

14

Пример
использования
API

Пример использования Tizen API

• verlet.js

• deviceorientation

16

Спасибо
за внимание!

Данилов Кирилл

http://developer.tizen.org/

Материалы














18

http://zeptojs.com
http://requirejs.org
http://twitter.github.io/flight/
http://backbonejs.org
http://angularjs.org
http://www.createjs.com
http://jquerymobile.com/
http://enyojs.com/
http://www.the-m-project.org/
http://www.sencha.com/products/touch
http://www.html5rocks.com/ru/tutorials/ap
pcache/beginner/
http://westciv.com/tools/manifestR/
http://subprotocol.com/verlet-js/
http://www.createjs.com/
https://code.google.com/p/box2d-html5/