WP7: Dissecting we.Muslim app | Part 2 - Composites

Part 1 of the series shows how the Wireframe reminded me to prepare various codes (bearing calculation between two locations, getting travelling direction from GPS, etc.).

In this second part, I only care about the design assets that will be used. Composites will help me on 2 fronts:

  1. The Demo Scenario: sometimes you want to show how cool your app is, but can’t wait until it’s code-complete. Stitching design assets properly and hardcoding stuff (eg. when I pick a city only Jakarta is available, and all prayer time calculation & Qibla direction calculation will be based from Jakarta only) allow me to demo my app without waiting for it to be finished first.

    For demo-ers, this can be used as cheat-mode like those Flash presentations where every where you click, the Success Scenario always happens :)
    On a more technical viewpoint, the UX or the View, should not know anything about the Model & Controller anyway…the View should always display whatever data is supplied to it :)
     
  2. Researching more on code feasibility. For example, is it possible to set Opacity to the Application Bar so that the background image shows fluidly?

Lo and behold, here are the color composites for we.Muslim Windows Phone 7 app:

Splash Screen

Different background images for Fajr, Dhuhur, Ashar, Magrib, and Isha

SS046SS047SS048

SS049SS050

 

Home Screen (Prayer Time)

SS051

SS052SS053

 

Qibla Direction Screen

SS054

 

Well after looking at the composites, I know how many Image Controls I will need (you see, from the Composites only I realize that my app looks better with a custom “we.Muslim” logo instead of the usual text with Segoe WP font).

Well after this it’s time for code, code, and code! Stay tune for the next instalment of the Dissecting WP7 app series.

Share this post: | | | |
Published Tuesday, February 8, 2011 11:43 PM by zeddy

Comments

# Twitter Trackbacks for WP7: Dissecting we.Muslim app | Part 2 - Composites - Z & his Startup [netindonesia.net] on Topsy.com

Pingback from  Twitter Trackbacks for                 WP7: Dissecting we.Muslim app | Part 2 - Composites - Z & his Startup         [netindonesia.net]        on Topsy.com

# re: WP7: Dissecting we.Muslim app | Part 2 - Composites

Wednesday, February 9, 2011 8:04 AM by Mifmasterz

T.O.P

# re: WP7: Dissecting we.Muslim app | Part 2 - Composites

Thursday, February 10, 2011 3:18 AM by Risman Adnan Mattotorang

Excellent!

# WP7: Dissecting we.Muslim app | Part 4 – PROPER Splash Screen

Saturday, February 19, 2011 6:49 AM by Z & his Startup

Prev Posts in the Series: Part 1 – Wireframe Part 2 – Composites Part 3 – Icon Sizes Notice that I put

# WP7: Dissecting we.Muslim app | Part 5 – Get Current Latitude Longitude

Sunday, February 20, 2011 3:42 AM by Z & his Startup

In this part we will use Location Services to get current coordinates. I’ve created a class that you

# WP7: Dissecting we.Muslim app | Part 6 – Get Area Name from Latitude Longitude

Monday, February 21, 2011 3:30 AM by Z & his Startup

Given a latitude longitude coordinate, let’s now resolve this to a meaningful Area, Country string. Previous

Powered by Community Server (Commercial Edition), by Telligent Systems