• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Разработка на WRT
 

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

on

  • 1,012 views

 

Statistics

Views

Total Views
1,012
Views on SlideShare
712
Embed Views
300

Actions

Likes
1
Downloads
5
Comments
0

2 Embeds 300

http://habrahabr.ru 299
url_unknown 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • Разработка WRT приложенийАлександр ТруфановSenior Technical ConsultantForum Nokiaalexander.trufanov@nokia.com май, 2011
    • © 2011 NokiaИнтернет эволюция Полнофункциональный Оптимизированные Виджеты Втджеты + Platform HTML браузер позволил для мобильных оптимизированные Services позволяют пользователям полноценно устройств сайты клиенты для web- интегрировать Web и работать в Web инфомации и служб персональный контекст
    • 8/23/2010 © 2011 Nokia 3Что такое Виджеты?• Web-сайты часто не подходят для отображения на маленьком экране• Виджеты – “локальные web-сайты” на устройстве – Рендерятся при помощи браузера – Получают данные при помощи AJAX (Web 2.0) – Выглядят как обычные приложения – Но: просты в разработке т.к. используют HTML & JavaScript
    • HOMESCREEN!
    • 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
    • © 2011 NokiaКак создать WRT виджет Свойства info.plist (обязательно) виджета [name].html (обязательно) + icon.png HTML [name].css каркас [name].js PNG иконка + CSS Корневая + папка! js логика
    • 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/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.
    • 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; внешней таблицы стилей } . . .
    • © 2011 NokiaJavaScript Обработка событий XMLHttpRequest DOM манипуляции UI эффекты Подстройка UI
    • 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 по размеру виджета
    • © 2011 NokiaВторое поколение средств Web-разработчика nokiawrt.com
    • © 2011 NokiaNokia WDE: полный цикл разработкиnokiawrt.com
    • © 2011 NokiaWeb SDK SimulatorМанипулирование местоположениемИзменение показаний акселерометраВиртуальная клавиатураСистемные событияWeb InspectorНастройка размера экрана и типа устройства
    • 27.05.2011 15Демо
    • 27.05.2011 © 2011 Nokia 16Ovi App Wizard• Селайте ваш web-контент (RSS / Atom) мобильным и публикуйте его в Ovi Store – Использование бесплатно. – Доступен всем, как компаниям, так и физ. лицам – Не требует навыков программирования – Создание занимает несколько минут – Приложение публикеутся в Ovi Store в течении 24 часов – Опционально: Монетизация с помощью рекламы или продажи приложения – Распространение практически для всех устройств Nokia – http://oviappwizard.com/
    • 27.05.2011 © 2011 Nokia 17Ovi Maps Rendering API • Карта в заданной точке • Отображение POI • Поиск и мест • Отображение маршрута • Отображение развязок и поворотовhttp://www.forum.nokia.com/Develop/Web/Maps/
    • © 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
    • 8/23/2010 © 2011 Nokia 19Виджеты и Platform Services• Platform Services – Фреймворк для абстрагированного доступа к различным сервисам – Доступ через JavaScript• Примеры использования: – Объединение Web-данных с локальной информацией для предоставления релевантных, персонализированных сервисов – Сохранение важных контактов и событий в устройстве
    • 27.05.2011 © 2011 Nokia 20APIBridge• Механизм, позволяющий расширить возможности Java, WRT и Flash Lite приложений• На данный момент имеет следующие плагины: – Загрузка файлов на сервер. – Запись видео, аудио и фотографирование. – Чтение файлов. – Масштабирование изображений. – Создание preview изображений. – Использование службы ведения логов. – Использование служб определения местоположения – Использование служб управления медиа. – Отправка DTMF сигналов.
    • © 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
    • 27.05.2011 © 2011 Nokia 22Гибридные приложения HTML приложение Qt Web Qt
    • © 2011 Nokia Преимущества гибридных приложений Web Qt HTML, CSS, JavaScript C++ Быстрая разработка Полный доступ к устройству Широкое распростронение Библиотеки Интеграция элементов Qt UI в HTML страницу Доступ к объектам Qt из JavaScript Вызов JavaScript из Qt Разделяемые хранилищаhttp://qt.nokia.com/forms/whitepapers/reg-whitepaper-hybrid
    • © 2011 NokiaВопросы