Presented on: “Discover Best in You “ and Windows Azure

This weekend was exciting I presented two different sessions on entirely two different topics in two different cities.

C-SharpCorner Delhi Chapter Meet: 21st September 2013

Read C# Corner Delhi Chapter Meet, 21 September, 2013: Official Recap

I tried new thing in this chapter meet and presented on a non-technical topic. I presented on “Discover Best in you”.

image

In my session I conducted two exercise for the audience and they loved that. Find slides from my presentation below,

 

I hope attendees liked this session and I am motivated to conduct more of this kind presentation.

Join C-Sharpcorner Delhi Chapter here to attend future events

 

Lovely Professional University, Jalandhar- 22nd September 2013

Yes first time I visited Punjab and I must say I had great time presenting there. There was an event centred on Windows Azure and I had an opportunity to introduce Windows Azure and Cloud Computing to young students. It was introductory kind of session and I enjoyed it most. I always look forward to talk to students.

All together it was exciting week for me. Looking forward for next month community engagement.

Windows Azure Blog Posts 100 Not Out

image

I love Windows Azure. I have been growing as professional with Windows Azure. I am excited as kid writing this and informing you that yea I have blogged more than 100 posts on Windows Azure.

Read All Windows Azure Blog Posts here

image

I wrote first blog posts on Windows Azure back on 16th November 2009 with following title

Step by Step walkthrough to create first application for cloud (Windows Azure)

And my latest blog post on Windows I wrote today morning. It is on Windows Azure Mobile Service

Fetching Windows Azure Mobile Services Data in XAML based Windows Store Application

In my journey to 100+ blog posts I touched upon all part of Windows Azure like Windows Azure Hosted Services, Table, Queues, Blobs, SQL Azure, and Windows Azure Mobile Services etc. I am very happy seeing Windows Azure is progressing as platform. Recent addition of Active Directory on Windows Azure is one of my favourite. I try to see Windows Azure always as developer. I put developer touch in Windows Azure. I have authored many posts like exposing Management API operations as WCF SOAP Service etc. I am committed to continue writing on Windows Azure along with other technologies.

Read All Windows Azure Blog Posts here

I complete this post by thanking my readers. Long live Windows Azure. Let us go on cloud way.

Fetching Windows Azure Mobile Services Data in XAML based Windows Store Application

In last post we started learning about Windows Azure Mobile Service in XAML based Windows Store Application. Read it here

In last post we learnt

  • Configuring Window Azure Mobile Service in portal
  • Consuming Windows Azure Mobile Service in Windows Store Application
  • Insert a record from application in Windows Azure Mobile Service data table.

In this post we will take a look on fetching records from table. I recommend you to follow Part 1 of this series here . I will start from where I left in part 1.

Let us design application page. There are two buttons. On click of first button we will fetch all data. On click of second button filtered data will fetched. Let us design application page as following


<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" >
 <Grid.RowDefinitions>
 <RowDefinition Height="*" />
 <RowDefinition Height="*" />

 </Grid.RowDefinitions>

<StackPanel Orientation="Vertical" Grid.Row="0">
 <Button x:Name="btnFetch" Click="btnFetch_Click_1" Content="Get Data" Height="72" Width="233"/>
 <GridView x:Name="lstBloggers" >
 <GridView.ItemTemplate>
 <DataTemplate>
 <StackPanel Orientation="Horizontal">
 <TextBlock Text="{Binding Name}" />
 <TextBlock Text="{Binding Technology}" />
 </StackPanel>
 </DataTemplate>
 </GridView.ItemTemplate>
 </GridView>
 </StackPanel>
 <StackPanel Orientation="Vertical" Grid.Row="1">
 <StackPanel Orientation="Horizontal">
 <TextBox x:Name="txtSearch" Height="59" Width="436" />
 <Button x:Name="btnFilterfetch" Click="btnFilterfetch_Click_1" Content="Get Filtered Data" Height="72" Width="233"/>
 </StackPanel>
 <ListView x:Name="lstFilterBloggers" Margin="368,20,271,-599">
 <ListView.ItemTemplate>
 <DataTemplate>
 <StackPanel Orientation="Horizontal">
 <TextBlock Text="{Binding Name}" />
 <TextBlock Text="{Binding Technology}" />
 </StackPanel>
 </DataTemplate>
 </ListView.ItemTemplate>
 </ListView>
 </StackPanel>
 </Grid>

Yes this is not one of the best UI we can create but any way creating highly immersive UI is not purpose of this post. Right now UI will look like below image

image

Now to fetch all the records you need to follow following steps

Define Global variables


MobileServiceClient client;
 MobileServiceCollectionView<TechBloggers> items;
 MobileServiceCollectionView<TechBloggers> filteredItems;
 IMobileServiceTable<TechBloggers> bloggerstable;


You need to create mobile service table client in application. That can be created as following


public MainPage()
 {
 this.InitializeComponent();
 MobileServiceClient client = new MobileServiceClient("https://youappurl", "appkey");
 bloggerstable = client.GetTable<TechBloggers>();

 }

&nbsp;

Next you need to create entity class representing table from the Windows Azure Mobile Service. Let us create entity class as following. We are creating entity class TechBloggers.


public class TechBloggers
 {
 public int id { get; set; }
 [DataMember(Name="name")]
 public string Name { get; set; }
 [DataMember(Name = "technology")]
 public string Technology { get; set; }

}

On click event of button you can fetch all data from Mobile Service Table as following


private void btnFetch_Click_1(object sender, RoutedEventArgs e)
 {

items = bloggerstable.ToCollectionView();
 lstBloggers.ItemsSource = items;

}

You can fetch filtered data as following. We are filtering data on search term given in textbox.

private void btnFilterfetch_Click_1(object sender, RoutedEventArgs e)
 {
 filteredItems = bloggerstable.Where
 (blogger => blogger.Technology == txtSearch.Text)
 .ToCollectionView();
 lstFilterBloggers.ItemsSource = filteredItems;

 }

&nbsp;

When you run application you will find all data and filtered data as following

image

In this way we can fetch data from Windows Azure Mobile Service. In next post we will get into update and deletion of record. I hope this post useful. Thanks for reading.

Getting Started with Windows Azure Active Directory

On 8th April 2013 Microsoft announces general availability of Active Directory on Windows Azure.

Read Product Team Blog here

image

To start working with Windows Azure Active Directory login to portal. In the side bar you will get option of Active Directory as shown in below image,

image

On clicking of Active Directory you will get message that no Active Directory being created so far. To create click on CREATE YOUR DIRECTORY

image

In next screen you need to provide

  • Domain name
  • Choose Country or region from drop down.
  • Organization name

image

After successful creation of Active Directory you can perform following four operations on that

  • Working with Users
  • Working with Apps
  • Working with Domains
  • Working with Directory Integration

On User tab you will see there is no User added. You can add users to directory by clicking on ADD USERS in bottom

image

On next screen you need to provide type of user and User Name. Among two types of users you can choose from drop down

  • New User in Organisation
  • User with Existing Microsoft Account

image

Now you need to create User Profile. Here you need to provide First Name, Last Name, Display Name and Role of user. There are two types of roles available

  • User
  • Global Administrator

image

This is last step of creating user. You can configure temporary password and send it on alternative Email of newly added user.

image

Once user is successfully added you can view user in Grid on selecting User tab.

image

I am very excited with public availability of Active Directory on Windows Azure. In further posts I will discuss more on Windows Azure Active Directory platform. I hope you find this post useful. Thanks for reading.

Step by Step working with Windows Azure Mobile Service Data in JavaScript based Windows Store Apps

In my last post I discussed Step by Step working with Windows Azure Mobile Service Data in XAML based Windows Store Apps . In this post we will have a look on working with JavaScript based Windows Store Apps. Last post was divided in two parts. First part was Configure Windows Azure Mobile Service in Portal. You need to follow step 1 from last step to configure Windows Azure Mobile Service Data. To work with this proceed as given in following steps,

  1. Configure Windows Azure Mobile Service in Portal. For reference follow Step 1 of this Blog
  2. Download Windows Azure SDK and install.

Now follow post to work with Windows Azure Mobile Service Data from JavaScript based Windows Store Application.

Create Windows Store Application in JavaScript

Create Blank App from creating Blank App template from JavaScript Windows Store App project tab.

image

After creating project add Windows Azure Mobile Services JavaScript Client reference in project.

image

After adding reference let us go ahead and design app page to add a blogger in table. We are going to put two text boxes and one button. On click event of the button blogger will be inserted as row in data table of Windows Azure Mobile Services.


<body>

 <h2>Adding Record to Windows Azure Mobile Service Data</h2> <br />
 Name : <input id="txtname" type="text" /> <br />
 Technology : <input id="txttechnology" type="text" /> <br /> <br />
 <button id="btnInsert" >Insert Blogger</button>

</body>

Application will look like following,

image

We need to add reference of Windows Azure Mobile Service on HTML as following


<script src="//Microsoft.WinJS.1.0/js/ui.js"></script>
 <script type="text/javascript" src="/MobileServicesJavaScriptClient/MobileServices.js"></script>

Next let us create client for Windows Azure Mobile Service. To create this you need to pass application URL and application Key. Client in JavaScript based application can be created as following


args.setPromise(WinJS.UI.processAll());
 var client = new Microsoft.WindowsAzure.MobileServices.MobileServiceClient(
 "https://appurl",
 "appkey"
 );

Now let us create a proxy table. Proxy table can be created as following and after creating proxy table we can add record in table as following


var bloggerTable = client.getTable('techbloggers');

var insertBloggers = function (bloggeritem) {

bloggerTable.insert(bloggeritem).done(function (item) {
 //Item Added
 });

On click event of button we need to call insertBloggers javascript function.

btnInsert.addEventListener("click", function () {
 insertBloggers({
 name: txtname.value,
 technology: txttechnology.value
 });
 });

On click event of button you should able to insert blogger in Windows Azure Mobile Service Data table. In further post we will learn to perform update, delete and fetch data. I hope you find this post useful. Thanks for reading.