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.

1. 8 – 10 March 2011 | Dubai, UAE Zeddy Iskandar Consultant Infusion Showcasing we.Muslim App for Windows Phone 7 SESSION CODE: WPH203

2. 2 About me infusionite, mvp, mobile app dev…

3. 3 Agenda Start from you Sketch your app “Colorize” the sketch Slice into Design Assets Coding Time! Publishing Time!

4. Start from you ideas are already around you 4

5. 5 When I travel around the world…

6. 6 …i bring these two Printout of prayer times Compass to Mecca

7. 7 So why not create an app (geek-mode) ?

8. SKETCH your app putting ideas out makes it clearer 8

9. 9 Wireframe: Scenario 1

10. 10 Wireframe: Scenario 2

11. Colorize sketch make it beautiful 11

12. 12 Scenario 1: Prayer Times

13. 13 Scenario 2: Qibla

14. Slice into assets make it like you imagined it 14

15. 15 WP7 doesn’t support GIF! PNG for transparent background

16. Coding time what keeps us awake at night 16

17. 17 It’s a collection of Images & TextBlocks <TextBlock Grid.Row="0" Grid.ColumnSpan="3" x:Name="txtLocationName" FontSize="35" Text="Dubai" FontStyle="Italic" Margin="9,0,0,0" /> ... <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" /> <TextBlock Grid.Row="3" Grid.Column="1" Text="Fajr" VerticalAlignment="Bottom" Margin="0,0,20,0" FontSize="48" /> <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" />

18. 18 Reusable Coordinate Retriever #define GPS_EMULATOR Comment for Real Device Uncomment for Emulator Call from BackgroundWorker Returns when Coordinate is retrieved, or when TIMEOUT occurs http://bit.ly/WP7-GPS

19. 19 Reusable Reverse Geocoding Returns Address object given a Latitude & Longitude pair Call from BackgroundWorker http://bit.ly/WP7-ReverseGeocode

20. 20 .NET Prayer Times Calculator publicPrayerTimeDto GetPrayerTimes(DateTime date, double lat, double lng, double elev, double timezone, bool isDst = false, TimeFormats format = TimeFormats.Hour12) { _latitude = lat; _longitude = lng; _elevation = elev; _timezone = timezone + (isDst ? 1 : 0); _timeFormat = format; _julianDate = ConvertToJulian(date) - _longitude / (15 * 24); return ComputeTimes(); } https://github.com/zeddy/.NetPrayerTimes

21. 21 Calculating Qibla λK = Ka’ba longitude λ = current longitude θK= Ka’ba latitude θ= current latitude Paper “The Correct Qibla” from k.abdali@acm.org

22. 22 Guest App: HalalBase Find Halal restaurants in Europe Developed by a friend in Netherlands Uses Bing Maps control Uses SQL Azure http://twitter.com/aisantoso

23. publishing time help people with our app & earn some 23

24. 24 Step 1: Upload .xap file

25. 25 Step 2: Write app description

26. 26 Step 3: Upload Artwork

27. 27 Step 4: Set Pricing

28. 28 Step 4: Submit for testing Make sure Automatically Publish is selected!

29. 29 It’s Published!

30. 8 – 10 March 2011 | Dubai, UAE Complete an evaluation on CommZone and enter to win an HP laptop!

31. 31 http://twitter.com/zeddyiskandar Q & A

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. 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.