Monday, August 26, 2013

Walkthrough to Windows Phone App Studio Beta


Today I will take you through the amazing Windows Phone App Studio recently launched by Microsoft to increase the app count and get more and more people to develop apps for the fluidic Modern UI windows phone 8 OS.
Today let us create RSS Reader for GSMArena website. Before the app studio creating a rss reader app it took very very heavy coding and loads of work but now as we have it lets make the app in 30-40 minutes.
Now let us start.
There is only 1 prerequisite that you should have a Microsoft account which you can create for no cost on the official site and you should have registered on the Windows Phone App Studio.
(For invitation code just drop a mail to studio@microsoft.com requesting it.)
Now we are ready to go.

When you sign in the Studio you will see something like this.

 Now you have a brilliant idea and design different from the templates available go on and select the create empty app option. And people who don't know designing at all like me the select any template of your choice and satisfaction and we will customize it our way.
 Now i found background of My Hobby template suitable for me so decided to go with that.




After the clicking create app you will find a screen which asks for the details of the app and its name and a logo for it. The logo is your tile icon and the image icon. Edit it accordingly and press the arrow on the right hand corner of the website.
If you used the same template which i did you will notice such kind of screen. Delete everything present there as it is not required for our app. You can keep whatever you need and delete rest.




Now its time to add our News section for the GSMArena news feeds.



Hey guys its almost done. Just path of the feeds is left to be given.


You can click on the edit button on the news tab and edit the UI of your app. Also you can add more sections to your app. I have uploaded this app on the store with the blog section and published it on the store(GSMArena News & Blog).

You can also change the tile template and lock screen background for app from the studio itself.



After finishing all the editing you can even take your app to next level by downloading the generated source code or XAP to upload to the store. Also non developers who don't have Dev Center account but have a windows phone can sideload upto 2 apps in their phone by installing the company certificate and scanning the barcode on the Congratulations page.



So guys its done and your app is ready to be deployed on phone, in emulator and on store.
Just get on the site and develop some beautiful and amazing ideas into apps without coding.

Happy Building....!!!!

Download the Step by Step guide to the tutorial




No comments:

Post a Comment