Sunday, 3 August 2014

By Anum Nawaz

(For Beginners)

Now we are moving towards the JSON (JavaScript Object Notation). Json is simply a data interchange format. You can say it is used to communicate b/w server or client. Like many other scripting languages the working behavior is like XML, KML and AML.

JSON is preferable:

Here I prefer json because of the reasons:
  1. Json controls are really easy to handle than other scripting languages
  2. It is easy to read and write Json
  3. Json is lightweight text based interchange format
  4. Json is language and position independent


JSON v/s XAML:

  1. Xml uses starting and ending tags and during compilation it compile the whole code than verify the exact branch we need to access, While json used tree structures and only those branches executed during compilation which we have to access and it returns objects
  2. Json is the best tool for sharing data. This is because the data is stored in arrays and records while XML stores data in trees


Uses of JSON

  1. API's uses Json format to provide public data
  2. Applications includes browser extension and websites used Json when writing JavaScript.
  3. Json format is used for serializing & transmitting structured data over network connection.
  4. Json is primarily used to transmit data between server and client.
  5. Web Services use Json format to provide public data.
  6. Json can be used with modern programming languages.


How to read a JSON?

It is really simple if you understand its structure. Json holds data directly or in arrays and lists.
  1. Objects are present inside the braces
  2. Different properties are separated with commas
  3. Put brackets around an array or list
  4. Read properties as “Property name” : “Property value”
Example:

{
    "book": [
    {
       "id":"01",
       "language": "Java",
       "edition": "third",
       "author": "Herbert Schildt"
    },
    {
       "id":"07",
       "language": "C++",
       "edition": "second"
       "author": "E.Balagurusamy"
    }]
}
Tutorials

JSON (JavaScript Object Notation)

Posted by Fastr's  |  No comments

By Anum Nawaz

(For Beginners)

Now we are moving towards the JSON (JavaScript Object Notation). Json is simply a data interchange format. You can say it is used to communicate b/w server or client. Like many other scripting languages the working behavior is like XML, KML and AML.

JSON is preferable:

Here I prefer json because of the reasons:
  1. Json controls are really easy to handle than other scripting languages
  2. It is easy to read and write Json
  3. Json is lightweight text based interchange format
  4. Json is language and position independent


JSON v/s XAML:

  1. Xml uses starting and ending tags and during compilation it compile the whole code than verify the exact branch we need to access, While json used tree structures and only those branches executed during compilation which we have to access and it returns objects
  2. Json is the best tool for sharing data. This is because the data is stored in arrays and records while XML stores data in trees


Uses of JSON

  1. API's uses Json format to provide public data
  2. Applications includes browser extension and websites used Json when writing JavaScript.
  3. Json format is used for serializing & transmitting structured data over network connection.
  4. Json is primarily used to transmit data between server and client.
  5. Web Services use Json format to provide public data.
  6. Json can be used with modern programming languages.


How to read a JSON?

It is really simple if you understand its structure. Json holds data directly or in arrays and lists.
  1. Objects are present inside the braces
  2. Different properties are separated with commas
  3. Put brackets around an array or list
  4. Read properties as “Property name” : “Property value”
Example:

{
    "book": [
    {
       "id":"01",
       "language": "Java",
       "edition": "third",
       "author": "Herbert Schildt"
    },
    {
       "id":"07",
       "language": "C++",
       "edition": "second"
       "author": "E.Balagurusamy"
    }]
}

11:52 Share:

Friday, 1 August 2014

By Anum Nawaz


Today our topic is RSS (Really Simple Syndication) by using RSS we create a simple app which keep us updating about our favorite news channel, blog or website. RSS provides content to the user's browser or desktop in an efficient and quicker way.
RSS feeds are normally provided in three ways:
  1. Headlines only
  2. Headlines with excerpts
  3. Full text feeds

In our previous tutorial we just create sample data app here we are going to create a RSS app by using sample data but there is a little difference. Here we go J

Step 1:

Create a new empty windows phone (SilverLight) application and named it as RSS Feeds or whatever you want
Remove the grid if you want or edit it according to your app

Step 2:

Open project in blend and Select Data window which is present at the top right side of the workspace. If you can’t see it than go to Window -> Data


Step 3:

Open your browser and find the RSS of a news or website you want, here I’m going to create the RSS feed of jeo news entertainment (http://mcs.geo.tv/GeoUrdu/geo_Entertainment.xml). Save this link anywhere in your Pc

Step 4:


Now click Create sample data 
Select Import Sample Data from XML

A new window pop up here, you have to decide four things there:
1)   Give a name for your data source in the Data source name field
2)   Copy and paste or browse the xaml file you save in your pc
3)   Have to decide the one of the following:
Ø Project:   Data is available to all documents in the project.
Ø This document: Data is available only in this XAML document.
Here I’m defining it at project level because I have to access this style in my whole project
4)   Radio button is present at the bottom, check it because we want to show sample data when the app is running


Step 5:

Under the Data tab you see the Item collection just drag and drop it in the phone window

Now you see this

By clicking on the nodes set its height and width
Step 6:

Select the Collection on the screen and right click on it -> Add additional Templates -> Edit Generated Items-> Edit Current


Step 7:

In the right side you see listbox, right click on it -> group into -> stack panel

Now select all the items one by one and edit them e.g change their font, color, bold or italic styles or order etc 

Edit them and set their style, now it is looking like


Here is our complete application in a small time


 Thanks for your concern and weighting for your chill feedback :)

Tutorials

Parse XAML or RSS in Expression Blend

Posted by Fastr's  |  No comments

By Anum Nawaz


Today our topic is RSS (Really Simple Syndication) by using RSS we create a simple app which keep us updating about our favorite news channel, blog or website. RSS provides content to the user's browser or desktop in an efficient and quicker way.
RSS feeds are normally provided in three ways:
  1. Headlines only
  2. Headlines with excerpts
  3. Full text feeds

In our previous tutorial we just create sample data app here we are going to create a RSS app by using sample data but there is a little difference. Here we go J

Step 1:

Create a new empty windows phone (SilverLight) application and named it as RSS Feeds or whatever you want
Remove the grid if you want or edit it according to your app

Step 2:

Open project in blend and Select Data window which is present at the top right side of the workspace. If you can’t see it than go to Window -> Data


Step 3:

Open your browser and find the RSS of a news or website you want, here I’m going to create the RSS feed of jeo news entertainment (http://mcs.geo.tv/GeoUrdu/geo_Entertainment.xml). Save this link anywhere in your Pc

Step 4:


Now click Create sample data 
Select Import Sample Data from XML

A new window pop up here, you have to decide four things there:
1)   Give a name for your data source in the Data source name field
2)   Copy and paste or browse the xaml file you save in your pc
3)   Have to decide the one of the following:
Ø Project:   Data is available to all documents in the project.
Ø This document: Data is available only in this XAML document.
Here I’m defining it at project level because I have to access this style in my whole project
4)   Radio button is present at the bottom, check it because we want to show sample data when the app is running


Step 5:

Under the Data tab you see the Item collection just drag and drop it in the phone window

Now you see this

By clicking on the nodes set its height and width
Step 6:

Select the Collection on the screen and right click on it -> Add additional Templates -> Edit Generated Items-> Edit Current


Step 7:

In the right side you see listbox, right click on it -> group into -> stack panel

Now select all the items one by one and edit them e.g change their font, color, bold or italic styles or order etc 

Edit them and set their style, now it is looking like


Here is our complete application in a small time


 Thanks for your concern and weighting for your chill feedback :)

05:03 Share:

Thursday, 31 July 2014

By Anum Nawaz



Windows Phone 8.1 provides us a flexible layout system that enables us to specify how controls are positioned on our screen. Defining grid controls to design a user interface in an app that automatically sizes to various resolutions e.g laptops, tablets and smartphones.
Grid controls are the most flexible controls which supports dynamic resolutions. Grid is defined by using its tags <Grid></Grid> .Then in the grid controls we define rows and columns by using its properties of RowDefinitions and ColumnDefinitions.

Step 1:
Define the Grid by using its tags in XAML code

<Grid>
</Grid>                  

Step 2:

Define the basic grid properties inside its first tag, here I’m choosing these
<Grid x:Name="My grid" Background="azure" Width="400" Height="500">

 </Grid>

Step 3:

Define the number of columns and rows required, define them

<Grid x:Name="My grid" Background="azure" Width="400" Height="500">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="100" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="2*" />
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
    </Grid>

Here your grid is ready to use in your app J But here I have explaination of some basic things we use in this grid.
We define the height in different forms just because of you to make sense of using them in your apps.
  1.        Auto: The column will size to fit its content
  2.        *:       After the Auto columns are calculated, the column gets part of the remaining width. Column 2 will be one-half as wide as Column 3
  3.        2*      The column gets part of the remaining width. Column 2 will twice as wide as Column 3


Here you can make complete application in dynamic mode by using grid controls in a small time.

                        Download Code sample

 Thanks for your concern and weighting for your chill feedback :)


Defining Grid Controls

Posted by Fastr's  |  No comments

By Anum Nawaz



Windows Phone 8.1 provides us a flexible layout system that enables us to specify how controls are positioned on our screen. Defining grid controls to design a user interface in an app that automatically sizes to various resolutions e.g laptops, tablets and smartphones.
Grid controls are the most flexible controls which supports dynamic resolutions. Grid is defined by using its tags <Grid></Grid> .Then in the grid controls we define rows and columns by using its properties of RowDefinitions and ColumnDefinitions.

Step 1:
Define the Grid by using its tags in XAML code

<Grid>
</Grid>                  

Step 2:

Define the basic grid properties inside its first tag, here I’m choosing these
<Grid x:Name="My grid" Background="azure" Width="400" Height="500">

 </Grid>

Step 3:

Define the number of columns and rows required, define them

<Grid x:Name="My grid" Background="azure" Width="400" Height="500">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300" />
            <ColumnDefinition Width="100" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="2*" />
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
    </Grid>

Here your grid is ready to use in your app J But here I have explaination of some basic things we use in this grid.
We define the height in different forms just because of you to make sense of using them in your apps.
  1.        Auto: The column will size to fit its content
  2.        *:       After the Auto columns are calculated, the column gets part of the remaining width. Column 2 will be one-half as wide as Column 3
  3.        2*      The column gets part of the remaining width. Column 2 will twice as wide as Column 3


Here you can make complete application in dynamic mode by using grid controls in a small time.

                        Download Code sample

 Thanks for your concern and weighting for your chill feedback :)


12:01 Share:

Wednesday, 30 July 2014

 
Hilary Duff Is With Her New Album After A Long Time. Her Song "Chasing The Sun" Surpasses The 4 Million Views. Don't Miss To Listen It.
Entertainment

Hilary Duff New Album

Posted by Fastr's  |  No comments

 
Hilary Duff Is With Her New Album After A Long Time. Her Song "Chasing The Sun" Surpasses The 4 Million Views. Don't Miss To Listen It.

06:25 Share:

Wednesday, 23 July 2014

By Anum Nawaz



Hello :)
Today our topic is to create sample data in windows phone using expression blend. Suppose you have to design the appearance of controls that will display live data that you might not have access to at design time.
We ‘ll need this type of sample data when we are going to create a database of our phone 
book, description books or have to design a aligned specific UI. Let it do :)

Step 1:Create a new empty windows phone (Silverlight) application and named it as Create sample data or whatever you want.

Step 2:Open project in blend and Select Data window which is present at the top right side of the workspace. If you can’t see it than go to Window -> Data


Step 3:
Click on it ->Now click New sample data 

A new window pop up here, you have to decide three things there:1)   Give a name for your data source in the Data source name field
2)   Have to decide the one of the following:     Project:   Data is available to all documents in the project.    This document: Data is available only in this XAML document.
Here I’m defining it at project level because I have to access this style in my whole project3)   Radio button is present at the bottom, check it if you want to show sample data when the app is running


Step 4:Two properties by default are present re define them or remove them by right clickingAdd more properties by clicking on the sign of plus present in front of collectionName the property and its datatype according to our data


Step 5:After we create our sample database, drag it simply to the screen, rearrange it according to our grid style

This is done now but it’s time to work on design of our sample database. Customize or design it
Modify Sample Data


Step 6:Select the Collection on the screen and right click on it -> Add additional Templates ->Edit Generated Items->Edit Current


Step 7:In the right side you see listbox, right click on it -> group into -> stack panel
Now select all the items one by one and edit them e.g change their font, color or order etcAdd data to Sample data



Step 8:
In Data window click on it -> 
   Edit the values here and add the desired images 

Here is our complete application in a small time.


 Thanks for your concern and weighting for your chill feedback :)


Tutorials

Create Sample Data in Windows Phone

Posted by Fastr's  |  No comments

By Anum Nawaz



Hello :)
Today our topic is to create sample data in windows phone using expression blend. Suppose you have to design the appearance of controls that will display live data that you might not have access to at design time.
We ‘ll need this type of sample data when we are going to create a database of our phone 
book, description books or have to design a aligned specific UI. Let it do :)

Step 1:Create a new empty windows phone (Silverlight) application and named it as Create sample data or whatever you want.

Step 2:Open project in blend and Select Data window which is present at the top right side of the workspace. If you can’t see it than go to Window -> Data


Step 3:
Click on it ->Now click New sample data 

A new window pop up here, you have to decide three things there:1)   Give a name for your data source in the Data source name field
2)   Have to decide the one of the following:     Project:   Data is available to all documents in the project.    This document: Data is available only in this XAML document.
Here I’m defining it at project level because I have to access this style in my whole project3)   Radio button is present at the bottom, check it if you want to show sample data when the app is running


Step 4:Two properties by default are present re define them or remove them by right clickingAdd more properties by clicking on the sign of plus present in front of collectionName the property and its datatype according to our data


Step 5:After we create our sample database, drag it simply to the screen, rearrange it according to our grid style

This is done now but it’s time to work on design of our sample database. Customize or design it
Modify Sample Data


Step 6:Select the Collection on the screen and right click on it -> Add additional Templates ->Edit Generated Items->Edit Current


Step 7:In the right side you see listbox, right click on it -> group into -> stack panel
Now select all the items one by one and edit them e.g change their font, color or order etcAdd data to Sample data



Step 8:
In Data window click on it -> 
   Edit the values here and add the desired images 

Here is our complete application in a small time.


 Thanks for your concern and weighting for your chill feedback :)


12:30 Share:

By Anum Nawaz


Hello :)
Today our topic is to use market place controls in our app. These controls are available in the name space Microsoft.Phone.Tasks and these are required in mostly apps when we are using them. These are of many types mostly used controls are:
1)    Send an E-mai
2)    SMS
3)    Make a calls
4)    Give reviews to the app
5)    Search app from window store
Let it start now ;)

Step 1:
Create a new empty windows phone (Silver light) application and named it as Launchers and choosers or whatever you want.

Step 2:
Add namespace Microsoft.Phone.Tasks and then add buttons and name them respectively, as you want

Step 3:
Now a click event handler to all of the buttons and in each button place the following codes respectively:

Email:

Email event handler is a type of method that will be called when you are going to send an email in the app, Here is the code to launch the task:
 
EmailComposeTask emailComposeTask = new EmailComposeTask();
 
emailComposeTask.Subject = "message subject";
emailComposeTask.Body = "message body";
emailComposeTask.To = "recipient@example.com";
emailComposeTask.Cc = "cc@example.com";
emailComposeTask.Bcc = "bcc@example.com";
 
emailComposeTask.Show();


SMS:

SMS event handler is a type of method that will be called when you are going to send a message in the app, Here is the code to launch the task:

 
SmsComposeTask smsComposeTask = new SmsComposeTask();
 
smsComposeTask.To = "2065550123";
smsComposeTask.Body = "Try this new application. It's great!";
 
smsComposeTask.Show();

 

Phone:

Phone event handler is a type of method that will be called when you are going to call somebody,  Here is the code to launch the task:

 
PhoneCallTask phoneCallTask = new PhoneCallTask();
 
phoneCallTask.PhoneNumber = "0900-78601";
phoneCallTask.DisplayName = "Dost";
 
phoneCallTask.Show();
 

Review:

Review event handler is a type of method that will be called when you are going give the review to the app,  Here is the code to launch the task:


 
MarketplaceReviewTask marketplaceReviewTask = new MarketplaceReviewTask();
 
marketplaceReviewTask.Show();
 

Share Status:
Share status event handler is a type of method that will be called when you are going to share something specific as your status, Here is the code to launch the task:

 
ShareStatusTask shareStatusTask = new ShareStatusTask();
 
shareStatusTask.Status = "I'm developing a Windows Phone application!";
 
shareStatusTask.Show();
 


Thanks for your concern and weighting for your chill feedback :)
Tutorials

Launchers & Choosers (Marketplace controls for windows 8 and windows phone app development)

Posted by Fastr's  |  No comments


By Anum Nawaz


Hello :)
Today our topic is to use market place controls in our app. These controls are available in the name space Microsoft.Phone.Tasks and these are required in mostly apps when we are using them. These are of many types mostly used controls are:
1)    Send an E-mai
2)    SMS
3)    Make a calls
4)    Give reviews to the app
5)    Search app from window store
Let it start now ;)

Step 1:
Create a new empty windows phone (Silver light) application and named it as Launchers and choosers or whatever you want.

Step 2:
Add namespace Microsoft.Phone.Tasks and then add buttons and name them respectively, as you want

Step 3:
Now a click event handler to all of the buttons and in each button place the following codes respectively:

Email:

Email event handler is a type of method that will be called when you are going to send an email in the app, Here is the code to launch the task:
 
EmailComposeTask emailComposeTask = new EmailComposeTask();
 
emailComposeTask.Subject = "message subject";
emailComposeTask.Body = "message body";
emailComposeTask.To = "recipient@example.com";
emailComposeTask.Cc = "cc@example.com";
emailComposeTask.Bcc = "bcc@example.com";
 
emailComposeTask.Show();


SMS:

SMS event handler is a type of method that will be called when you are going to send a message in the app, Here is the code to launch the task:

 
SmsComposeTask smsComposeTask = new SmsComposeTask();
 
smsComposeTask.To = "2065550123";
smsComposeTask.Body = "Try this new application. It's great!";
 
smsComposeTask.Show();

 

Phone:

Phone event handler is a type of method that will be called when you are going to call somebody,  Here is the code to launch the task:

 
PhoneCallTask phoneCallTask = new PhoneCallTask();
 
phoneCallTask.PhoneNumber = "0900-78601";
phoneCallTask.DisplayName = "Dost";
 
phoneCallTask.Show();
 

Review:

Review event handler is a type of method that will be called when you are going give the review to the app,  Here is the code to launch the task:


 
MarketplaceReviewTask marketplaceReviewTask = new MarketplaceReviewTask();
 
marketplaceReviewTask.Show();
 

Share Status:
Share status event handler is a type of method that will be called when you are going to share something specific as your status, Here is the code to launch the task:

 
ShareStatusTask shareStatusTask = new ShareStatusTask();
 
shareStatusTask.Status = "I'm developing a Windows Phone application!";
 
shareStatusTask.Show();
 


Thanks for your concern and weighting for your chill feedback :)

11:25 Share:

Sunday, 20 July 2014

By Anum Nawaz

Asslam-0-Alaikum

Guys it is my first post and today i’ll go through the “Combine Tools In Expression Blend”. Literally these five combine tools are magical tools, by using these tools you can combine different shapes and give them a new wonderful look, you can make logos and much more.
Guys do remember to Leave your comments and Feedback. Just say anything you wanna, you ‘ll really warm welcomed by me.If you are familiar with photoshop than it 'll be more interesting for you.
It is very easy just follow these steps and here we go now :):)
Step 1:
Open expression blend ->  select new project

Step 2:
Select XAML ( store apps ) -> window phon app  -> Blank app (silverlite) or any type you want ->  Give a name you wanna ;) 

Step 3:
Select  rectangle (directly on left side icon present) or Ellipse (Select Ellipse by right-clicking on the icon), Here i select rectangle
By using the Selection Tool situated to the Left Side of the Workspace or by using the shortcut key “V” select rectangle and manage the width & height accordingly.
Again using the previous steps or by using copy & paste draw another rectangle and arrange them so that both rectangles overlap each other
Fill Color now,  Select the rectangle then select the Fill Option situated to the Right Side of the Workspace to fill in the color and select Solid Color Brush situated below the Opacity Option and choose the Stroke Option to apply the Stroke if necessary.

Step 4:

Select both Objects -> Combine -> Unite Option ; both rectangles are merged now

Now select the direct mouse option present on the top left side of the expression blend, pick the points and draw a shape you just want be stretching them

Step 5:
Select both Objects -> Combine -> Divide option and see the effect; another Shape is created, now play with ts points

Step 6:
Select the Object -> Combine -> Intersect Option and see the Effect, only the overlapping part is left now by stretching the points draw a new figure

Step 7:
Select the Object -> Combine -> Subtract Option t; the Left rectangle has been subtracted along with the intersected part and only half of the right rectangle is left, now here you can make flower petals by plying with the points or central point.

Step 8:
Select Object -> Combine -> Exclude Overlap ; the centre (overlapped) part is excluded and other part of the rectangle remain, here i'm making a sort of grass with them ;)

Summary:
The purpose of this article is to share knowledge about the Combine Tool from the Object Menu in Expression Blend now you are able to combine different shapes and make a magic with them.
Thanks for your concern and weighting for your chill feedback :)
Tutorials

Combine Tools In Expression Blend

Posted by Fastr's  |  No comments

By Anum Nawaz

Asslam-0-Alaikum

Guys it is my first post and today i’ll go through the “Combine Tools In Expression Blend”. Literally these five combine tools are magical tools, by using these tools you can combine different shapes and give them a new wonderful look, you can make logos and much more.
Guys do remember to Leave your comments and Feedback. Just say anything you wanna, you ‘ll really warm welcomed by me.If you are familiar with photoshop than it 'll be more interesting for you.
It is very easy just follow these steps and here we go now :):)
Step 1:
Open expression blend ->  select new project

Step 2:
Select XAML ( store apps ) -> window phon app  -> Blank app (silverlite) or any type you want ->  Give a name you wanna ;) 

Step 3:
Select  rectangle (directly on left side icon present) or Ellipse (Select Ellipse by right-clicking on the icon), Here i select rectangle
By using the Selection Tool situated to the Left Side of the Workspace or by using the shortcut key “V” select rectangle and manage the width & height accordingly.
Again using the previous steps or by using copy & paste draw another rectangle and arrange them so that both rectangles overlap each other
Fill Color now,  Select the rectangle then select the Fill Option situated to the Right Side of the Workspace to fill in the color and select Solid Color Brush situated below the Opacity Option and choose the Stroke Option to apply the Stroke if necessary.

Step 4:

Select both Objects -> Combine -> Unite Option ; both rectangles are merged now

Now select the direct mouse option present on the top left side of the expression blend, pick the points and draw a shape you just want be stretching them

Step 5:
Select both Objects -> Combine -> Divide option and see the effect; another Shape is created, now play with ts points

Step 6:
Select the Object -> Combine -> Intersect Option and see the Effect, only the overlapping part is left now by stretching the points draw a new figure

Step 7:
Select the Object -> Combine -> Subtract Option t; the Left rectangle has been subtracted along with the intersected part and only half of the right rectangle is left, now here you can make flower petals by plying with the points or central point.

Step 8:
Select Object -> Combine -> Exclude Overlap ; the centre (overlapped) part is excluded and other part of the rectangle remain, here i'm making a sort of grass with them ;)

Summary:
The purpose of this article is to share knowledge about the Combine Tool from the Object Menu in Expression Blend now you are able to combine different shapes and make a magic with them.
Thanks for your concern and weighting for your chill feedback :)

13:08 Share:
Get updates in your email box
Complete the form below, and we'll send you the best coupons.

Deliver via FeedBurner
Proudly Powered by Blogger.
back to top