Шашков Максим Разработчик ПО SPB Software Требования Базовые знания Windows Mobile Способность читать и понимать код HTML, JavaScript и CSS. презентация

Содержание

Шашков Максим Разработчик ПО SPB Software Создание виджетов для Windows Mobile 6.5

Слайд 2Шашков Максим
Разработчик ПО
SPB Software
Создание виджетов
для Windows Mobile 6.5


Слайд 3Требования
Базовые знания Windows Mobile
Способность читать и понимать код HTML, JavaScript

и CSS

Слайд 4Сегодня мы узнаем…
Что такое виджет
Для каких целей нужен виджет
Как создать виджет
Как

сделать ваш ваш виджет интересным


Слайд 5


Мобильные броузеры
Мобильные виджеты
Зачем нужны виджеты?
Уменьшение Веб
Оптимизация Веба


Слайд 6


Для того, чтобы быть полезными!
Зачем нужны виджеты?


Слайд 7


Что могут делать вижеты?
Обладать таким же видом и поведением,
как и

родные приложения

Иметь ограниченный доступ к информации на устройстве за границей «песочницы»

Использовать AJAX и внутренний парсер JSON, работать с элементами ActiveX (Flash)

Одинаково работать на всех устройствах с Windows Mobile 6.5








Слайд 8Widget Package
Среда выполнения виджетов на базе
Internet Explorer Mobile
Движок обработки веб-документов
Плагины

Движок обработки скриптов
Расширения JavaScript
для

устройств

Flash

MSXML

Windows Media

Настройки

Хранилище


...

Шлю з б е з о п а с н о с т и


Меню

Что же внутри?

HTML

JavaScript

CSS

Картинки

XML-манифест



Слайд 9Безопасность виджетов
Виджеты работают в «Песочнице»
Ограниченный доступ к файлам
Нет доступа к реестру
Навигация

запрещена, но...
Разрешены переходы к якорям ‘#’
Разрешены прочие открытия приложений через URI
sms:
mailto:
callto:
tel:
любой другой:

Слайд 10Безопасность виджетов
Да, виджеты имеют cookies, историю и кеш
Изолированные для каждого виджета
Разрешён

кроссдоменный доступ к данным
Что очень полезно для mash-up'ов
Виджеты для 6.5 не подписываются
Могут распространяться только через Windows Marketplace for Mobile

Слайд 11

Процесс разработки виджета
1
2
3
Создание
Подготовка
Публикация
Проектировка и разработка функционала

Публикация его в Windows Marketplace
Cоздание

XML-манифеста

Перенос на устройство и установка

Упаковка в Zip, с расширением .widget


Слайд 12И виджеты скажут… Hola!
Используйте “папки локализаций” Также, как в гаджетах сайдбара

в Vista
Модульность ресурсов на уровне файлов
Изображения, CSS, JavaScript
Стартовая страница
XML-конфигурации виджета
Порядок нахождения ресурсов
Полная папка локали (en-us)
Язык (en)
Корневая папка виджета

Слайд 13API для виджетов
Место, где творится волшебство: объект ‘Widget’
Доступ к метаданным
Управление меню
Постоянное

хранилище данных
Расширяемая фабрика объектов
Объекты-расширения уже имеются:
‘SystemState’
Предоставляет информацию о состоянии устройства
Может уведомлять виджет об изменениях этого состояния

Слайд 14И спросил виджет… Кто я?
Получение информации о виджете
Имя (widget.name)
Локаль (widget.locale)
Текущая иконка

(widget.currentIcon)
Информация об авторе (widget.authorName)
И так далее...

Слайд 15API манифеста виджета


Слайд 16Управление меню
Полный доступ к soft keys

Правый softkey может быть кнопкой или

меню

Поддержка вложенных меню

Возможность программного включения / выключения


Слайд 17Управление меню
widget.createMenuItem(menuID)
Создаёт новый элемент меню
Обладает следующими свойствами:
text
onSelect
enabled
widget.setSoftKey
widget.append
widget.clear


Слайд 18Долгосрочная память виджета
Сохраняемый словарь
Между запусками виджета
Между обновлениями версий


Слайд 19События виджета
Уведомление виджета об изменениях в пользовательском интерфейсе
onhide
Срабатывает при отправлении виджета в

фон
Используется для прекращения вызовов повторяющихся операций (обновление данных)
onshow
Срабатывает при выводе виджета на первый план
Используется для восстановления повторяющихся операций


Слайд 20По ту сторону “песочницы”
Доступ к информации о текущем состоянии устройства -

SystemState
CradlePresent
PhoneHomeService
PhoneRoaming
PhoneSignalStrength
PhoneOperatorName
DisplayRotation
PowerBatteryStrength
PowerBatteryState






Слайд 21По ту сторону “песочницы”
Объекты состояния системы предоставляют:
Своё текущее состояние
пример: PowerBatteryState.value
Уведомления при

изменении состояния:
пример: PowerBatteryState.addEventListener (‘changed’, ваш_код);







Слайд 22Что отличает хороший виджет от великолепного?

Внешний вид и поведение «родных»
Использование soft

keys с умом, левый soft key должен всегда быть действием по умолчанию
Собственная иконка, быть обычным неинтересно!
Поддерживаются форматы ICO, PNG и JPEG… для WM Professional
Хорошая интеграция с текущим скином устройства
Используйте системные цвета - “Highlight”, “CaptionText”, и т.д.

Слайд 23Что отличает хороший виджет от великолепного?

Приятный внешний вид на всех устройствах
Определение

текущего разрешения и использование подходящего стиля CSS
Использование настроек, подходящих для разрешения экрана
Минимизация прокрутки
Изменение размеров при вращении экрана
...которое должно быть быстрым!


Слайд 24Что отличает хороший виджет от великолепного?

Загружается быстро, интерактивно
Создание динамического содержания происходит

ПОСЛЕ окончания загрузки
БЫСТРЫЙ отклик на события!
Разбитие крупных задач на небольшие участки, выполняющиеся с задержкой

Помните… Выполнение скриптов блокирует возможность отклика для вашего интерфейса!


Слайд 25Что отличает хороший виджет от великолепного?

Разумное использование Сети
Обновление данных с учётом

уведомлений о системных и пользовательских событиях
Помните, чрезмерный трафик также расходует заряд аккумулятора
Локальное хранение часто используемых данных — дешевле
Использование асинхронных сетевых запросов — ведь для этого и нужен AJAX

Слайд 26Что необходимо знать о производительности

Порядок запроса скриптов -имеет значение
Загружайте необходимые библиотеки

сразу
Но добавляйте только нужный вам сейчас код
Добавление элементов DOM — дорогая операция
Создавайте все элементы до вызова document.appendChild
element.innerHTML — быстрая операция, используйте её, если сможете

Слайд 27Замеры-замеры-замеры...
Новый профайлер скриптов в IE8 - прекрасен
Просто помните, что устройства работают

медленнее, чем компьютеры, на которых ведётся разработка

Слайд 28
Призыв к действию

Пройдите по ссылке http://developer.windowsmobile.com
Получите свежайшую информацию об API для

виджетов

Загрузите образы эмуляторов WM 6.5

Получите лучшие советы и рекомендации из блога windows mobile

Начните создавать классные виджеты!

Обеспечьте мобильной версией ваш веб-сервис

Напишите классную игру на Flash

Будьте креативны, делайте это весело!

Загрузите ваши творения в Marketplace


Всё это уже доступно для вас!


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика