go mobile! windows phone 7 for all
DESCRIPTION
by Alex Krakovetskiy & Mykhaylo Galushko.TRANSCRIPT
![Page 1: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/1.jpg)
go mobile! windows phone for all александр краковецкиймихаил галушкоdevrain solutions
![Page 2: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/2.jpg)
экскурс в историю
![Page 3: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/3.jpg)
![Page 4: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/4.jpg)
![Page 5: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/5.jpg)
![Page 6: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/6.jpg)
![Page 7: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/7.jpg)
проблема
Какую проблему вы решаете?
“Хозяин дома ремонтирует стену. Держит фонарь, зажав его подбородком к плечу, чтобы освободить руки.”
Наблюдение вдохновило Black & Decker на создание фонаря, который можно будет трансформировать и «носить».
![Page 8: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/8.jpg)
для кого? but people first
![Page 9: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/9.jpg)
как?
![Page 10: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/10.jpg)
sketchflow
![Page 11: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/11.jpg)
interaction model
учет отклика системы на каждое действие пользователя(click, tap, pan, flick)
![Page 12: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/12.jpg)
принципы metro
![Page 13: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/13.jpg)
ETRO
METRO - НАШ ЯЗЫК ДИЗАЙНА. МЫ НАЗЫВАЕМ ЕГО METRO, ПОТОМУ ЧТО ОН СОВРЕМЕНЕН И ЧИСТ. ОН БЫСТРЫЙ И ДИНАМИЧНЫЙ. КОНТЕНТ И ТИПОГРАФИКА. ВСЕЦЕЛО АУТЕНТИЧНЫЙ.
![Page 14: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/14.jpg)
принципы
Чистый, Легкий, Быстрый, ОткрытыйТипографикаВ ДвиженииКонтекст. Не Хром
![Page 15: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/15.jpg)
сделайте проще
Знакомо = Просто
Предоставьте согласованное и ожидаемое поведение
![Page 16: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/16.jpg)
типографика
![Page 17: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/17.jpg)
иконографика
![Page 18: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/18.jpg)
иконографика
Согласованные иконки в меню приложения
Тестируйте иконки с пользователями (внимание на контекст)
![Page 19: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/19.jpg)
хард. приложения
Кнопки
Дополнительныегоризонтальные
Проектируйте под 1 руку,когда это возможно
![Page 20: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/20.jpg)
жесты
![Page 21: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/21.jpg)
Панель
SIP
Страницаприложения
Старт
Входящий звонок
Системный трей
Уведомления
Громкость
Direct3D Surface
![Page 22: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/22.jpg)
тач. интерфейс
Оптимальный размер области - 9мм
Минимальный touch target - 7мм
Минимальный отступ 2мм
Визуальный элемент 60-100%от touch-target
![Page 23: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/23.jpg)
общие контролы
![Page 24: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/24.jpg)
меню + панель приложенияДо 4 иконок
Не заполняйте все 4, если возможно
Поднятие панели для отображенияменюTrigger
![Page 25: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/25.jpg)
закладки, pivot
разделение многочисленных задач
флик для переключения
Trigger
![Page 26: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/26.jpg)
хабы, panorama
Богатое наполнение
Агрегация различныхисточников
![Page 27: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/27.jpg)
grid
![Page 28: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/28.jpg)
metro, а потом бренд
![Page 29: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/29.jpg)
ОБЛАКО
ЭКРАН
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Notifications
Location Identity Feeds
MapsSocial
App Deployment Registration
Validation
Certification
Publishing
Marketplace
MO and CC Billing
Business Intelligence
Update Management
Инструменты
Портальные сервисыОблачные сервисы
Sensors Media Data
Xbox LIVE Notifications
.NET Framework managed code sandbox
Location
Phone
Runtime – Экран
![Page 30: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/30.jpg)
разработка
•платформы и движки•инструменты•библиотеки контролов•хранение данных•вспомогательные библиотеки
![Page 31: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/31.jpg)
платформы и движки
•Silverlight•XNA•Silverlight/XNA•PhoneGap (HTML 5)•Cocos 2D (на базе XNA)•Различные движки на базе XNA (2D и 3D)
![Page 32: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/32.jpg)
инструменты
•Visual Studio 2010 Express for Windows Phone•Expression Blend for Windows Phone•Silverlight Spy (платный)
![Page 33: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/33.jpg)
библиотеки контролов
•Silverlight Toolkit for Windows Phone•WP7Contrib•Phone7Fx•Coding4Fun Windows Phone Toolkit•Telerik RadControls for Windows Phone (платная)•…
![Page 34: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/34.jpg)
хранение данных
•Isolated Storage (встроенный)•SQL CE (встроенный)•Sterling (ООБД)•Sqlite
![Page 35: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/35.jpg)
вспомогательные библиотеки•Isolated Storage Explorer•Metro Grid Helper•MVVM Light•Emulator Skins•Hammock•Flurry (аналитика)•Metro Studio от SyncFusion
![Page 36: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/36.jpg)
live tiles и push notification
![Page 37: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/37.jpg)
push notifications & live tiles
• Push Notifications позволяют разработчикам посылать уведомления своему приложению, даже если оно не активно
• Live Tiles дают возможность показывать пользователю самую важную информацию для него
![Page 38: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/38.jpg)
push notification ux components
Toast notifications
Tile notifications
Toast notifications:
7
Count Background
Title
Title
Toast notifications
Tile notifications
Raw notifications
![Page 39: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/39.jpg)
how it’s works
HTTP Post to URI with payload
Push URI request/response
Push enabled application
Push client service
Push client/server negotiation
2
Push URI to Cloud Service
4
5
Push notification to device6
Cloud Service
MPNS
Windows Phone 7
13
![Page 40: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/40.jpg)
toast notifications
Параметры:
Title: заголовок уведомления;Content: текст уведомления;Parameter*: дополнительный параметр, который не отображается на экране, но может быть использован для перехода на нужный экран, когда пользователь нажмет на уведомление.
Сколько символов можно отобразить:
Только Title: 40Только Content: 47И Title и Content: 41
![Page 41: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/41.jpg)
tile notifications
Title: название приложения (приблизительно 15 символов);BackgroundImage: фоновое изображение (173х173 px);Count (Badge): значение от 1 до 99. Если 0 или не указан – не отображается.
BackTitle: строка, которая показывается внизу обратного тайла (прибл. 15 символов);BackBackgroundImage: фоновое изображение обратного тайла;BackContent: строка, которая будет отображаться (приблизительно 40 символов).
![Page 42: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/42.jpg)
live tiles• Можно использовать jpg или png изображения;• Предпочтительней использовать локальные
изображения;• Размер тайлов: 173х173 px. Если другой размер –
изображение будет адаптировано;• Можно использовать удаленные изображения;• Пользователь может запретить отображение Live
Tiles для вашего приложения;• Https не поддерживается для удаленных
изображений;• Лимит на удаленные изображения: 80 КБ;• Лимит на время загрузки удаленных изображений:
30 секунд;• Если BackgroundImage или BackgroundImage не
загрузятся по какой-либо причине, то остальная информация тоже не обновится.
![Page 43: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/43.jpg)
raw notificationsRaw Notifications - это наиболее гибкий тип уведомлений. Обрабатывать данный тип уведомлений можно по своему усмотрению, используя нужный для приложения алгоритм. Если в случае с Toast Notifications и Tile Notifications мы должны соблюдать определенный формат и тип передаваемых данных (для Toast - строка, для Tile - адрес до изображения), то в случае с Raw Notifications мы можем передавать абсолютно любые данные, которые нам необходимы.
Объект: HttpNotificationChannelСобытие: HttpNotificationReceived
![Page 44: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/44.jpg)
примеры приложений
Weather TileWarning Toast
Weather Apps
Turn TileMove Toast
Chess by Post
Unread TileDirect Toast
Beezz
Toasts
Football.ua
Traffic Tile
Seattle Traffic Map
Turn TileMove Toast
AlphaJax
![Page 45: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/45.jpg)
windows phone tango
• процессор от 1ГГц• 256 MB RAM• ограничения на видео• ограничения на стриминг аудио• камера от 3МП• не работает FAS (Fast App Switching)
• не более 60 МБ на приложение• не работают: PeriodicTask и
ResourceIntensiveTask• а может не стоит утруждать себя ?
![Page 46: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/46.jpg)
windows phone 8 apollo
• поддержка многоядерных процессоров• поддержка microSD карт• NFC• шифрование• частичная совместимость с Windows 8• API ?
![Page 47: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/47.jpg)
windows 8
![Page 48: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/48.jpg)
starting!
• Publishers: Appamandi, SoftKey, DevRain Solutions
• Ads: adduplex, microsoft pubcenter• App contests!
![Page 49: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/49.jpg)
Ресурсы
• wp7rocks.com• uxnext.org.ua• create.msdn.com• windowsphonegeek.com• msdn.microsoft.com/en-us
/library/ff637515(VS.92).aspx
![Page 50: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/50.jpg)
Ресурсы
• Разработка под Windows Phone: Live Tiles http://blogs.msdn.com/b/stasus/archive/2011/09/27/windows-phone-development-live-tiles.aspx
• Enhanced Push Notifications and Live Tiles for Windows Phone http://channel9.msdn.com/Events/TechEd/NorthAmerica/2011/WPH309
• Push Notifications and Live Tiles http://create.msdn.com/en-US/education/basics/push_notifications
![Page 51: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/51.jpg)
Ресурсы
• Push Notifications Overview for Windows Phone http://msdn.microsoft.com/en-us/library/ff402558%28VS.92%29.aspx
• Part 5: Live Tiles and Push Notifications http://northamerica.msteched.com/webcasts?video=special_wpdev_pre026&fbid=FjSj91mXcYQ
• Working with Live Tiles in WP7 Mango–Creating, Updating and Deleting them http://devlicio.us/blogs/derik_whittaker/archive/2011/07/16/working-with-live-tiles-in-wp7-mango-creating-updating-and-deleting-them.aspx
• # 195 - WP7 - Learning how to use Live Tiles http://dimecasts.net/Casts/CastDetails/195
![Page 52: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/52.jpg)
Ресурсы
• Серия статей по SQL CEhttp://www.wp7rocks.com/p/sql-ce.html
• 31 день с Mangohttp://www.wp7rocks.com/search/label/31%20%D0%B4%D0%B5%D0%BD%D1%8C%20%D1%81%20Mango
![Page 53: Go Mobile! Windows Phone 7 for all](https://reader038.vdocuments.us/reader038/viewer/2022110115/54ba49f74a795959348b45bb/html5/thumbnails/53.jpg)
Q&A@wp7rocks_comwp7rocks.comdevrain.com