8 – 10 March 2011 | Dubai, UAE

Zeddy IskandarConsultantInfusion

Showcasing we.Muslim App for Windows Phone 7

SESSION CODE: WPH203

2

About meinfusionite, mvp, mobile app dev…

3

Agenda

Start from youSketch your app“Colorize” the sketchSlice into Design AssetsCoding Time!Publishing Time!

4

START FROM YOUideas are already around you

5

When I travel around the world…

6

…i bring these two

Compass to Mecca Printout of prayer times

7

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

8

SKETCH YOUR APPputting ideas out makes it clearer

9

Wireframe: Scenario 1

10

Wireframe: Scenario 2

11

COLORIZE SKETCHmake it beautiful

12

Scenario 1: Prayer Times

13

Scenario 2: Qibla

14

SLICE INTO ASSETSmake it like you imagined it

15

WP7 doesn’t support GIF! PNG for transparent background

16

CODING TIMEwhat keeps us awake at night

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

Reusable Coordinate Retriever

#define GPS_EMULATOR Comment for Real DeviceUncomment for Emulator

Call from BackgroundWorker

Returns when Coordinate is retrieved, or when TIMEOUT occurs

http://bit.ly/WP7-GPS

19

Reusable Reverse Geocoding

Returns Address object given a Latitude & Longitude pair

Call from BackgroundWorker

http://bit.ly/WP7-ReverseGeocode

20

.NET Prayer Times Calculator

https://github.com/zeddy/.NetPrayerTimes

public PrayerTimeDto 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();}

21

Calculating Qibla

Paper “The Correct Qibla” from k.abdali@acm.org

λK = Ka’ba longitude

λ = current longitude

θK = Ka’ba latitude

θ = current latitude

22

Guest App: HalalBase

http://twitter.com/aisantoso

Find Halal restaurants in Europe

Developed by a friend in Netherlands

Uses Bing Maps control

Uses SQL Azure

23

PUBLISHING TIMEhelp people with our app & earn some

24

Step 1: Upload .xap file

25

Step 2: Write app description

26

Step 3: Upload Artwork

27

Step 4: Set Pricing

28

Step 4: Submit for testing

Make sure Automatically Publish is selected!

29

It’s Published!

8 – 10 March 2011 | Dubai, UAE

Complete an evaluation on CommZone and enter to win an HP laptop!

31

Q & A

http://twitter.com/zeddyiskandar

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