Go Mobile! Windows Phone 7 for all

874 views

Published on

by Alex Krakovetskiy & Mykhaylo Galushko.

Published in: Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
874
On SlideShare
0
From Embeds
0
Number of Embeds
252
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Go Mobile! Windows Phone 7 for all

  1. 1. go mobile! windows phone for allалександр краковецкиймихаил галушкоdevrain solutions
  2. 2. экскурс в историю
  3. 3. проблема “Хозяин дома ремонтирует стену. Держит фонарь, зажав его подбородком к плечу, чтобы освободить руки.” Наблюдение вдохновило Black & Decker на создание фонаря, который можно будет трансформировать и «носить».Какую проблему вы решаете?
  4. 4. для кого? but people first
  5. 5. как?
  6. 6. sketchflow
  7. 7. interaction modelучет отклика системы на каждое действие пользователя(click, tap, pan, flick)
  8. 8. принципы metro
  9. 9. METRO - НАШ ЯЗЫК ДИЗАЙНА.МЫ НАЗЫВАЕМ ЕГО METRO, ETROПОТОМУ ЧТО ОН СОВРЕМЕНЕНИ ЧИСТ. ОН БЫСТРЫЙ ИДИНАМИЧНЫЙ. КОНТЕНТ ИТИПОГРАФИКА. ВСЕЦЕЛОАУТЕНТИЧНЫЙ.
  10. 10. принципыЧистый, Легкий, Быстрый, ОткрытыйТипографикаВ ДвиженииКонтекст. Не Хром
  11. 11. сделайте прощеЗнакомо = ПростоПредоставьте согласованное и ожидаемое поведение
  12. 12. типографика
  13. 13. иконографика
  14. 14. иконографикаСогласованные иконкив меню приложенияТестируйте иконки спользователями(внимание на контекст)
  15. 15. хард. приложенияКнопкиДополнительныегоризонтальныеПроектируйте под 1 руку,когда это возможно
  16. 16. жесты
  17. 17. тач. интерфейсОптимальный размер области - 9ммМинимальный touch target - 7ммМинимальный отступ 2ммВизуальный элемент 60-100%от touch-target
  18. 18. общие контролы
  19. 19. меню + панель приложенияДо 4 иконокНе заполняйте все 4, если возможноПоднятие панели для отображенияменюTrigger
  20. 20. закладки, pivotразделение многочисленных задачфлик для переключенияTrigger
  21. 21. хабы, panoramaБогатое наполнениеАгрегация различныхисточников
  22. 22. grid
  23. 23. metro, а потом бренд
  24. 24. Runtime – Экран Инструменты Sensors Media Data Location Phone Emulator Phone Xbox LIVE Notifications Samples Documentation .NET Framework managed code sandbox Guides Community Packaging and Verification Tools ЭКРАНОБЛАКО Облачные сервисы Портальные сервисы Notifications App Deployment Registration Marketplace Location Identity Feeds Validation MO and CC Billing Social Maps Certification Business Intelligence Publishing Update Management
  25. 25. разработка• платформы и движки• инструменты• библиотеки контролов• хранение данных• вспомогательные библиотеки
  26. 26. платформы и движки• Silverlight• XNA• Silverlight/XNA• PhoneGap (HTML 5)• Cocos 2D (на базе XNA)• Различные движки на базе XNA (2D и 3D)
  27. 27. инструменты• Visual Studio 2010 Express for Windows Phone• Expression Blend for Windows Phone• Silverlight Spy (платный)
  28. 28. библиотеки контролов• Silverlight Toolkit for Windows Phone• WP7Contrib• Phone7Fx• Coding4Fun Windows Phone Toolkit• Telerik RadControls for Windows Phone (платная)• …
  29. 29. хранение данных• Isolated Storage (встроенный)• SQL CE (встроенный)• Sterling (ООБД)• Sqlite
  30. 30. вспомогательные библиотеки• Isolated Storage Explorer• Metro Grid Helper• MVVM Light• Emulator Skins• Hammock• Flurry (аналитика)• Metro Studio от SyncFusion
  31. 31. live tiles и push notification
  32. 32. push notifications & live tiles• Push Notifications позволяют разработчикам посылать уведомления своему приложению, даже если оно не активно• Live Tiles дают возможность показывать пользователю самую важную информацию для него
  33. 33. push notification ux components
  34. 34. how it’s works
  35. 35. toast notificationsПараметры: Title: заголовок уведомления; Content: текст уведомления; Parameter*: дополнительный параметр, который не отображается на экране, но может быть использован для перехода на нужный экран, когда пользователь нажмет на уведомление.Сколько символов можно отобразить: Только Title: 40 Только Content: 47 И Title и Content: 41
  36. 36. tile notifications Title: название приложения (приблизительно 15 символов); BackgroundImage: фоновое изображение (173х173 px); Count (Badge): значение от 1 до 99. Если 0 или не указан – не отображается. BackTitle: строка, которая показывается внизу обратного тайла (прибл. 15 символов); BackBackgroundImage: фоновое изображение обратного тайла; BackContent: строка, которая будет отображаться (приблизительно 40 символов).
  37. 37. live tiles• Можно использовать jpg или png изображения;• Предпочтительней использовать локальные изображения;• Размер тайлов: 173х173 px. Если другой размер – изображение будет адаптировано;• Можно использовать удаленные изображения;• Пользователь может запретить отображение Live Tiles для вашего приложения;• Https не поддерживается для удаленных изображений;• Лимит на удаленные изображения: 80 КБ;• Лимит на время загрузки удаленных изображений: 30 секунд;• Если BackgroundImage или BackgroundImage не загрузятся по какой-либо причине, то остальная информация тоже не обновится.
  38. 38. raw notificationsRaw Notifications - это наиболее гибкий тип уведомлений.Обрабатывать данный тип уведомлений можно по своемуусмотрению, используя нужный для приложения алгоритм.Если в случае с Toast Notifications и Tile Notifications мыдолжны соблюдать определенный формат и типпередаваемых данных (для Toast - строка, для Tile - адресдо изображения), то в случае с Raw Notifications мы можемпередавать абсолютно любые данные, которые намнеобходимы.Объект: HttpNotificationChannelСобытие: HttpNotificationReceived
  39. 39. примеры приложений Weather Apps Football.ua Weather Tile Toasts Warning Toast Chess by Post AlphaJax Turn Tile Turn Tile Move Toast Move Toast Beezz Seattle Traffic Map Unread Tile Traffic Tile Direct Toast
  40. 40. windows phone tango• процессор от 1ГГц• 256 MB RAM• ограничения на видео• ограничения на стриминг аудио• камера от 3МП• не работает FAS (Fast App Switching)• не более 60 МБ на приложение• не работают: PeriodicTask и ResourceIntensiveTask• а может не стоит утруждать себя ?
  41. 41. windows phone 8 apollo• поддержка многоядерных процессоров• поддержка microSD карт• NFC• шифрование• частичная совместимость с Windows 8• API ?
  42. 42. windows 8
  43. 43. starting!• Publishers: Appamandi, SoftKey, DevRain Solutions• Ads: adduplex, microsoft pubcenter• App contests!
  44. 44. Ресурсы• wp7rocks.com• uxnext.org.ua• create.msdn.com• windowsphonegeek.com• msdn.microsoft.com/en- us/library/ff637515(VS.92).aspx
  45. 45. Ресурсы• Разработка под Windows Phone: Live Tiles http://blogs.msdn.com/b/stasus/archive/2011/09/27/windo ws-phone-development-live-tiles.aspx• Enhanced Push Notifications and Live Tiles for Windows Phone http://channel9.msdn.com/Events/TechEd/NorthAmerica/20 11/WPH309• Push Notifications and Live Tiles http://create.msdn.com/en- US/education/basics/push_notifications
  46. 46. Ресурсы• 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
  47. 47. Ресурсы• Серия статей по 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
  48. 48. Q&A@wp7rocks_comwp7rocks.comdevrain.com

×