Developing for Windows Phone: A Guide for iOS Developers

Qubop Inc.
Qubop Inc.CTO at Qubop Inc.
Photo: phoneArena.com


                            Developing for Windows Phone:
                                a Guide for iOS Developers




                             MICROSOFT CAMPUS
                             MOUNTAIN VIEW, CA
                               MARCH 18, 2013
3.18.2013 - WWW.QUBOP.COM
Hello!

                              Evan Kirchhoff, CTO
                              evan@qubop.com
                              Twitter: @theevank




                            www.qubop.com
                             Twitter: @qubopinc
3.18.2013 - WWW.QUBOP.COM
About Qubop Inc.

     Qubop is a mobile app design, development and consulting company, originally founded as a digital agency in
     2002. Current clients include interactive agencies, consumer brands, healthcare firms, Fortune 500 companies
     and early-stage startups. Company principals have worked in mobile for over 10 years, and have deep
     knowledge of the industry and platform landscape.

     Qubop has strong in-house native development teams for both iOS and Android. We have successfully
     designed and shipped dozens of mobile apps, providing end-to-end solutions from the earliest discovery
     phases to full application programming and maintenance.

     Our own apps have been featured by Apple in the iTunes stores in the US, Canada and Japan, by Barnes &
     Noble in the Nook Shop, and by Amazon in the Appstore for Android. We have also created apps for Windows
     Phone, and are currently porting apps to BlackBerry 10.




3.18.2013 - WWW.QUBOP.COM
WWW.QUBOP.COM
Developing for Windows Phone:
                     a Guide for iOS Developers


                 1. Setting up your Mac
                 2. Configuring your environment
                 3. Porting iOS apps to Windows Phone
                 4. The Microsoft mobile toolchain


3.18.2013 - WWW.QUBOP.COM
Possibly the best Windows laptop on the market*




     X
(Difficult to run WP simulator)
                                                                        ✓
                                                                            Use BootCamp:
                                                                         Applications/Utilities/
                                                                        Boot Camp Assistant.app




                                  * Although not exactly the cheapest

3.18.2013 - WWW.QUBOP.COM
As of last week, Windows 8 finally supported on Macs (Mountain Lion only)
3.18.2013 - WWW.QUBOP.COM
Dual-booting Windows on Mac: Recommended Setup



       100GB
       MINIMUM PARTITION SIZE
                                 INSTALL UTILITIES FOR:

                                 Reading foreign filesystems
                                 Partition handling

         OPTICAL                 Tweaking Mac hardware
                                 behavior in Windows
          DRIVE
             MAKES LIFE EASIER   Also join Microsoft’s
                                 BizSpark Program!

3.18.2013 - WWW.QUBOP.COM
Join BizSpark for free OS licenses and dev tools: http://www.microsoft.com/bizspark
3.18.2013 - WWW.QUBOP.COM              (Must be less than 5 years old, less than $1M annual revenue)
Developing for Windows Phone:
                     a Guide for iOS Developers


                 1. Setting up your Mac
                 2. Configuring your environment
                 3. Porting iOS apps to Windows Phone
                 4. The Microsoft mobile toolchain


3.18.2013 - WWW.QUBOP.COM
Recommended:




                            http://www.paragon-software.com/home/ntfs-hfs-bundle/
3.18.2013 - WWW.QUBOP.COM
“Oops, I made my Windows partition too small!”




                            http://www.paragon-software.com/home/camptune/


3.18.2013 - WWW.QUBOP.COM
Recommended: install Trackpad++ http://trackpad.powerplan7.com
3.18.2013 - WWW.QUBOP.COM speed, multitouch gestures and Lion-style reverse scrolling in Windows on MacBook)
               (Fix pointer
Remap Mac keyboard (in Windows mode)
                 to avoid motor-memory madness




                   SUGGESTION: SWAP ALT AND COMMAND KEYS IN WINDOWS,
                      SO (CMD-TAB) SWITCHES APPS ON BOTH PLATFORMS



3.18.2013 - WWW.QUBOP.COM
Or just go buy a dedicated
                            Windows PC for development
                            (They’re inexpensive!)


3.18.2013 - WWW.QUBOP.COM
Developing for Windows Phone:
                     a Guide for iOS Developers


                 1. Setting up your Mac
                 2. Configuring your environment
                 3. Porting iOS apps to Windows Phone
                 4. The Microsoft mobile toolchain


3.18.2013 - WWW.QUBOP.COM
MOBIPARK (IPHONE)



3.18.2013 - WWW.QUBOP.COM
MOBIPARK (WINDOWS PHONE)



3.18.2013 - WWW.QUBOP.COM
Replicating the iOS UIPickerView control (XAML portion)
3.18.2013 - WWW.QUBOP.COM
Replicating the iOS UIPickerView control (C# portion)
3.18.2013 - WWW.QUBOP.COM
MOBIMILEAGE (IPHONE)
        (Popular, but could not port to WP7, due to requirement for constant background GPS updates)


3.18.2013 - WWW.QUBOP.COM
Now possible in Windows Phone 8!




                                MOBIMILEAGE (WINDOWS PHONE 8)


3.18.2013 - WWW.QUBOP.COM
Don’t replicate iOS/Android UI




   FOURSQUARE (IOS)         FOURSQUARE (ANDROID)   FOURSQUARE (WINDOWS PHONE)



3.18.2013 - WWW.QUBOP.COM
The Panorama Control




                            24px “peek”


3.18.2013 - WWW.QUBOP.COM
Panorama = Tab Bar (iOS) or Action Bar (Android)




                            WINDOWS
                             PHONE     IOS          ANDROID

3.18.2013 - WWW.QUBOP.COM
Pivot = Segmented Control (iOS)




                            WINDOWS MAIL


3.18.2013 - WWW.QUBOP.COM
“Application Bar” = Toolbar (iOS) + Menu Button (Android)




                                                            +




3.18.2013 - WWW.QUBOP.COM
Don’t nest draggable elements inside a draggable screen




      Top-level                                                Drill-down
          map is                                               map responds
non-draggable,                                                 to drag, pinch/
 only clickable:                                               zoom gestures




                                  Use hardware back button,
3.18.2013 - WWW.QUBOP.COM         not in-app back navigation
Take the Back Button Seriously




                 DO NOT ADD YOUR OWN BACK BUTTONS WITHIN YOUR APP
          USE HARDWARE BACK BUTTON TO CLOSE DIALOGS, DISMISS KEYBOARD
         DO NOT USE THE BACK BUTTON TO MOVE SIDEWAYS IN PIVOT/PANORAMA

3.18.2013 - WWW.QUBOP.COM
Remember that the platforms are divided differently
                      “PC”                     “MOBILE”




3.18.2013 - WWW.QUBOP.COM
Developing for Windows Phone:
                     a Guide for iOS Developers


                 1. Setting up your Mac
                 2. Configuring your environment
                 3. Porting iOS apps to Windows Phone
                 4. The Microsoft mobile toolchain


3.18.2013 - WWW.QUBOP.COM
What to expect if coming from iOS to Windows Phone

     • More rapid development
         Up to 4:1* advantage in time and code size vs. iOS

     • Apps are prettier by default
         Beautiful layouts & parallax scrolling built into stock templates

     • Typically less custom UI work
         Platform assumes high UI standardization across apps


                            * For apps where code is heavily UI-based

3.18.2013 - WWW.QUBOP.COM
4500 LINES OF CODE   900 LINES OF CODE
3.18.2013 - WWW.QUBOP.COM
Visual Studio: project templates for Windows Phone design patterns
3.18.2013 - WWW.QUBOP.COM
Visual Studio: substantial code automatically generated with app templates
3.18.2013 - WWW.QUBOP.COM
WP8 = 3 screen sizes, WP7 = 1 screen size (“Emulator 7.1”)
       Overall development experience: more like iOS than Android
3.18.2013 - WWW.QUBOP.COM
Thanks!

                              Evan Kirchhoff, CTO
                              evan@qubop.com
                              Twitter: @theevank




                            www.qubop.com
                             Twitter: @qubopinc
3.18.2013 - WWW.QUBOP.COM
1 of 36

More Related Content

Viewers also liked

ActividadesActividades
ActividadesJessy Clemente
6.5K views54 slides
2 profesorado2 profesorado
2 profesoradoJessy Clemente
6.2K views36 slides
LectojuegosLectojuegos
LectojuegosJessy Clemente
8K views22 slides
2 alumno2 alumno
2 alumnoJessy Clemente
6.7K views70 slides

Viewers also liked(20)

ActividadesActividades
Actividades
Jessy Clemente6.5K views
2 profesorado2 profesorado
2 profesorado
Jessy Clemente6.2K views
LectojuegosLectojuegos
Lectojuegos
Jessy Clemente8K views
Taller1 psicomotricidadTaller1 psicomotricidad
Taller1 psicomotricidad
Jessy Clemente6.8K views
2 alumno2 alumno
2 alumno
Jessy Clemente6.7K views
Folleto odmFolleto odm
Folleto odm
Jessy Clemente6.3K views
2003 Winter Newsletter2003 Winter Newsletter
2003 Winter Newsletter
Direct Relief 1.2K views
Hum2220 0915 syllabusHum2220 0915 syllabus
Hum2220 0915 syllabus
ProfWillAdams367 views
ARH2050 SyllabusARH2050 Syllabus
ARH2050 Syllabus
ProfWillAdams463 views
いつものことご紹介いつものことご紹介
いつものことご紹介
Shinichi Yamao560 views
2006 Winter Newsletter2006 Winter Newsletter
2006 Winter Newsletter
Direct Relief 1.4K views
Hum2220 art of the stone ageHum2220 art of the stone age
Hum2220 art of the stone age
ProfWillAdams502 views
Hum2220 fa2016 syllabusHum2220 fa2016 syllabus
Hum2220 fa2016 syllabus
ProfWillAdams430 views
Power point harp sealPower point harp seal
Power point harp seal
yadiramarquez11717 views
상상지니릴레이상상지니릴레이
상상지니릴레이
HaNee Seo425 views
WebsurveyWebsurvey
Websurvey
Jeremy Rosenberg330 views

Similar to Developing for Windows Phone: A Guide for iOS Developers(20)

Recently uploaded(20)

ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
Maximiliano Firtman152 views
Liqid: Composable CXL PreviewLiqid: Composable CXL Preview
Liqid: Composable CXL Preview
CXL Forum118 views
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh34 views

Developing for Windows Phone: A Guide for iOS Developers

  • 1. Photo: phoneArena.com Developing for Windows Phone: a Guide for iOS Developers MICROSOFT CAMPUS MOUNTAIN VIEW, CA MARCH 18, 2013 3.18.2013 - WWW.QUBOP.COM
  • 2. Hello! Evan Kirchhoff, CTO evan@qubop.com Twitter: @theevank www.qubop.com Twitter: @qubopinc 3.18.2013 - WWW.QUBOP.COM
  • 3. About Qubop Inc. Qubop is a mobile app design, development and consulting company, originally founded as a digital agency in 2002. Current clients include interactive agencies, consumer brands, healthcare firms, Fortune 500 companies and early-stage startups. Company principals have worked in mobile for over 10 years, and have deep knowledge of the industry and platform landscape. Qubop has strong in-house native development teams for both iOS and Android. We have successfully designed and shipped dozens of mobile apps, providing end-to-end solutions from the earliest discovery phases to full application programming and maintenance. Our own apps have been featured by Apple in the iTunes stores in the US, Canada and Japan, by Barnes & Noble in the Nook Shop, and by Amazon in the Appstore for Android. We have also created apps for Windows Phone, and are currently porting apps to BlackBerry 10. 3.18.2013 - WWW.QUBOP.COM WWW.QUBOP.COM
  • 4. Developing for Windows Phone: a Guide for iOS Developers 1. Setting up your Mac 2. Configuring your environment 3. Porting iOS apps to Windows Phone 4. The Microsoft mobile toolchain 3.18.2013 - WWW.QUBOP.COM
  • 5. Possibly the best Windows laptop on the market* X (Difficult to run WP simulator) ✓ Use BootCamp: Applications/Utilities/ Boot Camp Assistant.app * Although not exactly the cheapest 3.18.2013 - WWW.QUBOP.COM
  • 6. As of last week, Windows 8 finally supported on Macs (Mountain Lion only) 3.18.2013 - WWW.QUBOP.COM
  • 7. Dual-booting Windows on Mac: Recommended Setup 100GB MINIMUM PARTITION SIZE INSTALL UTILITIES FOR: Reading foreign filesystems Partition handling OPTICAL Tweaking Mac hardware behavior in Windows DRIVE MAKES LIFE EASIER Also join Microsoft’s BizSpark Program! 3.18.2013 - WWW.QUBOP.COM
  • 8. Join BizSpark for free OS licenses and dev tools: http://www.microsoft.com/bizspark 3.18.2013 - WWW.QUBOP.COM (Must be less than 5 years old, less than $1M annual revenue)
  • 9. Developing for Windows Phone: a Guide for iOS Developers 1. Setting up your Mac 2. Configuring your environment 3. Porting iOS apps to Windows Phone 4. The Microsoft mobile toolchain 3.18.2013 - WWW.QUBOP.COM
  • 10. Recommended: http://www.paragon-software.com/home/ntfs-hfs-bundle/ 3.18.2013 - WWW.QUBOP.COM
  • 11. “Oops, I made my Windows partition too small!” http://www.paragon-software.com/home/camptune/ 3.18.2013 - WWW.QUBOP.COM
  • 12. Recommended: install Trackpad++ http://trackpad.powerplan7.com 3.18.2013 - WWW.QUBOP.COM speed, multitouch gestures and Lion-style reverse scrolling in Windows on MacBook) (Fix pointer
  • 13. Remap Mac keyboard (in Windows mode) to avoid motor-memory madness SUGGESTION: SWAP ALT AND COMMAND KEYS IN WINDOWS, SO (CMD-TAB) SWITCHES APPS ON BOTH PLATFORMS 3.18.2013 - WWW.QUBOP.COM
  • 14. Or just go buy a dedicated Windows PC for development (They’re inexpensive!) 3.18.2013 - WWW.QUBOP.COM
  • 15. Developing for Windows Phone: a Guide for iOS Developers 1. Setting up your Mac 2. Configuring your environment 3. Porting iOS apps to Windows Phone 4. The Microsoft mobile toolchain 3.18.2013 - WWW.QUBOP.COM
  • 18. Replicating the iOS UIPickerView control (XAML portion) 3.18.2013 - WWW.QUBOP.COM
  • 19. Replicating the iOS UIPickerView control (C# portion) 3.18.2013 - WWW.QUBOP.COM
  • 20. MOBIMILEAGE (IPHONE) (Popular, but could not port to WP7, due to requirement for constant background GPS updates) 3.18.2013 - WWW.QUBOP.COM
  • 21. Now possible in Windows Phone 8! MOBIMILEAGE (WINDOWS PHONE 8) 3.18.2013 - WWW.QUBOP.COM
  • 22. Don’t replicate iOS/Android UI FOURSQUARE (IOS) FOURSQUARE (ANDROID) FOURSQUARE (WINDOWS PHONE) 3.18.2013 - WWW.QUBOP.COM
  • 23. The Panorama Control 24px “peek” 3.18.2013 - WWW.QUBOP.COM
  • 24. Panorama = Tab Bar (iOS) or Action Bar (Android) WINDOWS PHONE IOS ANDROID 3.18.2013 - WWW.QUBOP.COM
  • 25. Pivot = Segmented Control (iOS) WINDOWS MAIL 3.18.2013 - WWW.QUBOP.COM
  • 26. “Application Bar” = Toolbar (iOS) + Menu Button (Android) + 3.18.2013 - WWW.QUBOP.COM
  • 27. Don’t nest draggable elements inside a draggable screen Top-level Drill-down map is map responds non-draggable, to drag, pinch/ only clickable: zoom gestures Use hardware back button, 3.18.2013 - WWW.QUBOP.COM not in-app back navigation
  • 28. Take the Back Button Seriously DO NOT ADD YOUR OWN BACK BUTTONS WITHIN YOUR APP USE HARDWARE BACK BUTTON TO CLOSE DIALOGS, DISMISS KEYBOARD DO NOT USE THE BACK BUTTON TO MOVE SIDEWAYS IN PIVOT/PANORAMA 3.18.2013 - WWW.QUBOP.COM
  • 29. Remember that the platforms are divided differently “PC” “MOBILE” 3.18.2013 - WWW.QUBOP.COM
  • 30. Developing for Windows Phone: a Guide for iOS Developers 1. Setting up your Mac 2. Configuring your environment 3. Porting iOS apps to Windows Phone 4. The Microsoft mobile toolchain 3.18.2013 - WWW.QUBOP.COM
  • 31. What to expect if coming from iOS to Windows Phone • More rapid development Up to 4:1* advantage in time and code size vs. iOS • Apps are prettier by default Beautiful layouts & parallax scrolling built into stock templates • Typically less custom UI work Platform assumes high UI standardization across apps * For apps where code is heavily UI-based 3.18.2013 - WWW.QUBOP.COM
  • 32. 4500 LINES OF CODE 900 LINES OF CODE 3.18.2013 - WWW.QUBOP.COM
  • 33. Visual Studio: project templates for Windows Phone design patterns 3.18.2013 - WWW.QUBOP.COM
  • 34. Visual Studio: substantial code automatically generated with app templates 3.18.2013 - WWW.QUBOP.COM
  • 35. WP8 = 3 screen sizes, WP7 = 1 screen size (“Emulator 7.1”) Overall development experience: more like iOS than Android 3.18.2013 - WWW.QUBOP.COM
  • 36. Thanks! Evan Kirchhoff, CTO evan@qubop.com Twitter: @theevank www.qubop.com Twitter: @qubopinc 3.18.2013 - WWW.QUBOP.COM