Разработка на WRT

1,002 views
954 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,002
On SlideShare
0
From Embeds
0
Number of Embeds
328
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Разработка на WRT

  1. 1. Разработка WRT приложенийАлександр ТруфановSenior Technical ConsultantForum Nokiaalexander.trufanov@nokia.com май, 2011
  2. 2. © 2011 NokiaИнтернет эволюция Полнофункциональный Оптимизированные Виджеты Втджеты + Platform HTML браузер позволил для мобильных оптимизированные Services позволяют пользователям полноценно устройств сайты клиенты для web- интегрировать Web и работать в Web инфомации и служб персональный контекст
  3. 3. 8/23/2010 © 2011 Nokia 3Что такое Виджеты?• Web-сайты часто не подходят для отображения на маленьком экране• Виджеты – “локальные web-сайты” на устройстве – Рендерятся при помощи браузера – Получают данные при помощи AJAX (Web 2.0) – Выглядят как обычные приложения – Но: просты в разработке т.к. используют HTML & JavaScript
  4. 4. HOMESCREEN!
  5. 5. 8/23/2010 © 2011 Nokia 5Поддерживаемые платформы Более 50 моделей устройств начиная с S60 3rd ed FP1: http://www.forum.nokia.com/devices/matrix_webruntime_1.html Дополнительная информация: http://www.forum.nokia.com/wrt
  6. 6. © 2011 NokiaКак создать WRT виджет Свойства info.plist (обязательно) виджета [name].html (обязательно) + icon.png HTML [name].css каркас [name].js PNG иконка + CSS Корневая + папка! js логика
  7. 7. 8/23/2010 © 2011 Nokia 7info.plist ... <plist version="1.0">• Сердце вижета <dict> – Определяет виджет <key>DisplayName</key> <string>AccuWidget</string> – XML файл <key>Identifier</key> – Содержит информацию о <string>com.nokia.forum.accuwidget </string> компонентах и свойствах <key>MainHTML</key> <string>accuwidget.html</string> данного виджета <key>AllowNetworkAccess</key> <true /> ...
  8. 8. 8/23/2010 © 2011 Nokia 8HTML <html> <head>• Определяет структуру .. </head> <body id="body"> виджета <div id=‘mainView’> <span class=‘title’>Front view</span> – Создает view с </div> <div id=‘subView1’ class=‘subView’> помощью статических <p class=‘title’>Back view</p> </div> HTML элементов или <div id=‘subView2’ class=‘subView’> <p class=‘title’>Config view</p> … </div> </body> </html> – Создает их динамически из JavaScript в runtime.
  9. 9. 8/23/2010 © 2011 Nokia 9 // Class selector to define common styleCSS for similar components .title { font-size: 26px;• Стиль отображения и color: blue; } .subView { размещения информации display: none } – Определяет как // Id selector to define a unique style for a unique component отображать HTML #mainView { элементы: позицию, цвет, font-size: 16px; color: red; text-align: center; размер и т. д. } // Pseudo-class selector to design a – Встриавывайте CSS в HTML pattern style div.subview div { файл или импортируйте из margin: 10px 0 0 0; padding: 20px 20px 20px 20px; внешней таблицы стилей } . . .
  10. 10. © 2011 NokiaJavaScript Обработка событий XMLHttpRequest DOM манипуляции UI эффекты Подстройка UI
  11. 11. 8/23/2010 © 2011 Nokia 11Home Screen Home screen view Full screen view• Зачем это пользователю? – Добавление / удаление контента с экрана – Быстрый переход к виджету по нажатию• Виджеты с поддержкой Home screen (HS) должны реализовать 2 view: – Home screen view – Full screen view• HS уведомляет виджет в моменты, когда с ним взаимодействует пользователь – onload() и onresize() – интерфейсные функции на стороне виджета – JavaScript код для определения текущего view по размеру виджета
  12. 12. © 2011 NokiaВторое поколение средств Web-разработчика nokiawrt.com
  13. 13. © 2011 NokiaNokia WDE: полный цикл разработкиnokiawrt.com
  14. 14. © 2011 NokiaWeb SDK SimulatorМанипулирование местоположениемИзменение показаний акселерометраВиртуальная клавиатураСистемные событияWeb InspectorНастройка размера экрана и типа устройства
  15. 15. 27.05.2011 15Демо
  16. 16. 27.05.2011 © 2011 Nokia 16Ovi App Wizard• Селайте ваш web-контент (RSS / Atom) мобильным и публикуйте его в Ovi Store – Использование бесплатно. – Доступен всем, как компаниям, так и физ. лицам – Не требует навыков программирования – Создание занимает несколько минут – Приложение публикеутся в Ovi Store в течении 24 часов – Опционально: Монетизация с помощью рекламы или продажи приложения – Распространение практически для всех устройств Nokia – http://oviappwizard.com/
  17. 17. 27.05.2011 © 2011 Nokia 17Ovi Maps Rendering API • Карта в заданной точке • Отображение POI • Поиск и мест • Отображение маршрута • Отображение развязок и поворотовhttp://www.forum.nokia.com/Develop/Web/Maps/
  18. 18. © 2011 Nokia 18Ovi Maps Rendering API в действии http://m.ovi.me/?c=60.1 http://m.ovi.me/?c=60.1 http://m.ovi.me/?c=60.17675,24.92 http://m.ovi.me/p?pid=276u281z- 7675,24.929974&t=0&z 7675,24.929974&t=3&z 9974&h=400&w=550&hc&nord e6d54339e5c041e690b0ddd96663e576&nord =15&nord =15&nordhttp://m.ovi.me/p?searchValue=Munich LaFiorentina http://m.ovi.me/junction?r=48.15308,1 http://m.ovi.me/?c=60.17675,24.929974&h=400&w=55 5.97347&turn=r&h=360 0&u=1m&nord
  19. 19. 8/23/2010 © 2011 Nokia 19Виджеты и Platform Services• Platform Services – Фреймворк для абстрагированного доступа к различным сервисам – Доступ через JavaScript• Примеры использования: – Объединение Web-данных с локальной информацией для предоставления релевантных, персонализированных сервисов – Сохранение важных контактов и событий в устройстве
  20. 20. 27.05.2011 © 2011 Nokia 20APIBridge• Механизм, позволяющий расширить возможности Java, WRT и Flash Lite приложений• На данный момент имеет следующие плагины: – Загрузка файлов на сервер. – Запись видео, аудио и фотографирование. – Чтение файлов. – Масштабирование изображений. – Создание preview изображений. – Использование службы ведения логов. – Использование служб определения местоположения – Использование служб управления медиа. – Отправка DTMF сигналов.
  21. 21. © 2011 NokiaШаблон On-demand WebTV• Онлайн видео-вещание (требуется RSS с описаниями и ссылками на видео) – Бесплатен – HTTP progressive и RTMP – Flash video (FLV/F4V) или MP4 – H.264, On2 VP6 – 640 x 360 и больше, 16:9 – 3G или WiFi – Только для Symbian^3 – Возможен downgrade на S60 5th ed. – http://bit.ly/d82Sz3
  22. 22. 27.05.2011 © 2011 Nokia 22Гибридные приложения HTML приложение Qt Web Qt
  23. 23. © 2011 Nokia Преимущества гибридных приложений Web Qt HTML, CSS, JavaScript C++ Быстрая разработка Полный доступ к устройству Широкое распростронение Библиотеки Интеграция элементов Qt UI в HTML страницу Доступ к объектам Qt из JavaScript Вызов JavaScript из Qt Разделяемые хранилищаhttp://qt.nokia.com/forms/whitepapers/reg-whitepaper-hybrid
  24. 24. © 2011 NokiaВопросы

×