Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
8 – 10 March 2011 | Dubai, UAE<br />Zeddy Iskandar<br />Consultant<br />Infusion<br />Showcasing we.Muslim App for Windows...
2<br />About me<br />infusionite, mvp, mobile app dev…<br />
3<br />Agenda<br />Start from you<br />Sketch your app<br />“Colorize” the sketch<br />Slice into Design Assets<br />Codin...
Start from you<br />ideas are already around you<br />4<br />
5<br />When I travel around the world…<br />
6<br />…i bring these two<br /> Printout of prayer times<br /> Compass to Mecca<br />
7<br />So why not create an app (geek-mode) ?<br />
SKETCH your app<br />putting ideas out makes it clearer<br />8<br />
9<br />Wireframe: Scenario 1<br />
10<br />Wireframe: Scenario 2<br />
Colorize sketch<br />make it beautiful<br />11<br />
12<br />Scenario 1: Prayer Times<br />
13<br />Scenario 2: Qibla<br />
Slice into assets<br />make it like you imagined it<br />14<br />
15<br />WP7 doesn’t support GIF! PNG for transparent background<br />
Coding time<br />what keeps us awake at night<br />16<br />
17<br />It’s a collection of Images & TextBlocks<br /><TextBlock Grid.Row="0" Grid.ColumnSpan="3" x:Name="txtLocationName"...
18<br />Reusable Coordinate Retriever<br />#define GPS_EMULATOR <br />Comment for Real Device<br />Uncomment for Emulator<...
19<br />Reusable Reverse Geocoding<br />Returns Address object given a Latitude & Longitude pair<br />Call from Background...
20<br />.NET Prayer Times Calculator<br />publicPrayerTimeDto GetPrayerTimes(DateTime date, double lat, double lng, double...
21<br />Calculating Qibla<br />λK = Ka’ba longitude<br />λ = current longitude<br />θK= Ka’ba latitude<br />θ= current lat...
22<br />Guest App: HalalBase<br />Find Halal restaurants in Europe<br />Developed by a friend in Netherlands<br />Uses Bin...
publishing time<br />help people with our app & earn some<br />23<br />
24<br />Step 1: Upload .xap file<br />
25<br />Step 2: Write app description<br />
26<br />Step 3: Upload Artwork<br />
27<br />Step 4: Set Pricing<br />
28<br />Step 4: Submit for testing<br /> Make sure Automatically Publish is selected!<br />
29<br />It’s Published!<br />
8 – 10 March 2011 | Dubai, UAE<br />Complete an evaluation on CommZone and enter to win an HP laptop!<br />
31<br />  http://twitter.com/zeddyiskandar<br />Q & A<br />
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Upcoming SlideShare
Loading in …5
×

WPH203 Showcasing we.Muslim App for Windows Phone 7

1,274 views

Published on

This is the session WPH203 Showcasing we.Muslim App for Windows Phone 7 that I presented during Microsoft TechEd Middle-East conference on 10th March 2011.

Published in: Technology
  • What API did you use to interface your WP7 app to find a halal places(restaurants/groceries/mosques)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

WPH203 Showcasing we.Muslim App for Windows Phone 7

  1. 1. 8 – 10 March 2011 | Dubai, UAE<br />Zeddy Iskandar<br />Consultant<br />Infusion<br />Showcasing we.Muslim App for Windows Phone 7<br />SESSION CODE: WPH203<br />
  2. 2. 2<br />About me<br />infusionite, mvp, mobile app dev…<br />
  3. 3. 3<br />Agenda<br />Start from you<br />Sketch your app<br />“Colorize” the sketch<br />Slice into Design Assets<br />Coding Time!<br />Publishing Time!<br />
  4. 4. Start from you<br />ideas are already around you<br />4<br />
  5. 5. 5<br />When I travel around the world…<br />
  6. 6. 6<br />…i bring these two<br /> Printout of prayer times<br /> Compass to Mecca<br />
  7. 7. 7<br />So why not create an app (geek-mode) ?<br />
  8. 8. SKETCH your app<br />putting ideas out makes it clearer<br />8<br />
  9. 9. 9<br />Wireframe: Scenario 1<br />
  10. 10. 10<br />Wireframe: Scenario 2<br />
  11. 11. Colorize sketch<br />make it beautiful<br />11<br />
  12. 12. 12<br />Scenario 1: Prayer Times<br />
  13. 13. 13<br />Scenario 2: Qibla<br />
  14. 14. Slice into assets<br />make it like you imagined it<br />14<br />
  15. 15. 15<br />WP7 doesn’t support GIF! PNG for transparent background<br />
  16. 16. Coding time<br />what keeps us awake at night<br />16<br />
  17. 17. 17<br />It’s a collection of Images & TextBlocks<br /><TextBlock Grid.Row="0" Grid.ColumnSpan="3" x:Name="txtLocationName" FontSize="35" Text="Dubai" FontStyle="Italic" Margin="9,0,0,0" /><br />...<br /><Image Source="/Icons/fajr.png" Grid.Row="3" Grid.Column="0" Height="62" HorizontalAlignment="Left" Name="imgFajr" Stretch="None" VerticalAlignment="Bottom" Width="62" Margin="9,10,10,0" /><br /><TextBlock Grid.Row="3" Grid.Column="1" Text="Fajr" VerticalAlignment="Bottom" Margin="0,0,20,0" FontSize="48" /><br /><TextBlock Grid.Row="3" Grid.Column="2" Text="5.30 am" VerticalAlignment="Bottom" FontSize="32" HorizontalAlignment="Right" Margin="0,0,0,6" Foreground="#FF1BA1E2" FontWeight="SemiBold" Name="txtFajr" /><br />
  18. 18. 18<br />Reusable Coordinate Retriever<br />#define GPS_EMULATOR <br />Comment for Real Device<br />Uncomment for Emulator<br />Call from BackgroundWorker<br />Returns when Coordinate is retrieved, or when TIMEOUT occurs<br />http://bit.ly/WP7-GPS<br />
  19. 19. 19<br />Reusable Reverse Geocoding<br />Returns Address object given a Latitude & Longitude pair<br />Call from BackgroundWorker<br />http://bit.ly/WP7-ReverseGeocode<br />
  20. 20. 20<br />.NET Prayer Times Calculator<br />publicPrayerTimeDto GetPrayerTimes(DateTime date, double lat, double lng, double elev, double timezone, <br />bool isDst = false, TimeFormats format = TimeFormats.Hour12)<br />{<br /> _latitude = lat;<br /> _longitude = lng;<br /> _elevation = elev;<br /> _timezone = timezone + (isDst ? 1 : 0);<br /> _timeFormat = format;<br /> _julianDate = ConvertToJulian(date) - _longitude / (15 * 24);<br />return ComputeTimes();<br />}<br />https://github.com/zeddy/.NetPrayerTimes<br />
  21. 21. 21<br />Calculating Qibla<br />λK = Ka’ba longitude<br />λ = current longitude<br />θK= Ka’ba latitude<br />θ= current latitude<br />Paper “The Correct Qibla” from k.abdali@acm.org<br />
  22. 22. 22<br />Guest App: HalalBase<br />Find Halal restaurants in Europe<br />Developed by a friend in Netherlands<br />Uses Bing Maps control <br />Uses SQL Azure<br />http://twitter.com/aisantoso<br />
  23. 23. publishing time<br />help people with our app & earn some<br />23<br />
  24. 24. 24<br />Step 1: Upload .xap file<br />
  25. 25. 25<br />Step 2: Write app description<br />
  26. 26. 26<br />Step 3: Upload Artwork<br />
  27. 27. 27<br />Step 4: Set Pricing<br />
  28. 28. 28<br />Step 4: Submit for testing<br /> Make sure Automatically Publish is selected!<br />
  29. 29. 29<br />It’s Published!<br />
  30. 30. 8 – 10 March 2011 | Dubai, UAE<br />Complete an evaluation on CommZone and enter to win an HP laptop!<br />
  31. 31. 31<br /> http://twitter.com/zeddyiskandar<br />Q & A<br />
  32. 32. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.<br />The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.<br />

×