Arithmetic Operations Hosting on Cloud With Windows Azure

Introduction

Today, in this article let's play around with one of the interesting and most useful concepts in Windows Azure.

Question: What is hosting arithmetic operations using Azure?

In simple terms "It enables creation of a new web form arithmetic application and serves to host it across cloud based environments using Windows Azure".

 

Step 1: Open visual studio 2010 and create an "ASP.NET Web Forms Application", as in:

 

asp.net-web-application.jpg

Step 2: The complete code of IArithmetic.cs looks like this:
 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

namespace AzureApp

{

    public interface IArthmetic

    {

        double Add(double a, double b);

        double Sub(double a, double b);

        double Mul(double a, double b);

        double Div(double a, double b);

    }

}

 

Step 3: The complete code of Arithmetic.cs looks like this:
 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace AzureApp

{

    public class Arthmetic : IArthmetic

    {

        public double Add(double a, double b)

        {

            return a + b;

        }

        public double Sub(double a, double b)

        {

            return a - b;

        }

        public double Mul(double a, double b)

        { return a * b;

        }

        public double Div(double a, double b)

        {

            return a / b;

        }

    }

}

 

Step 4: The complete code of Default.aspx looks like this:

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AzureApp._Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <center>

        <div>

            <table>

                <tr>

                    <td colspan="2">

                        <asp:Label ID="Label1" runat="server" Text="Arthmetic Operations - Azure App" Font-Bold="true"

                            Font-Size="Large" Font-Names="Verdana" ForeColor="Maroon"></asp:Label>

                    </td>

                </tr>

                <tr>

                    <td>

                        <asp:Label ID="Label3" runat="server" Text="Please Enter First Number" Font-Size="Large"

                            Font-Names="Verdana" Font-Italic="true"></asp:Label>

                    </td>

                    <td>

                        <asp:TextBox ID="TextBox2" runat="server" Width="120px"></asp:TextBox>

                    </td>

                </tr>

                <tr>

                    <td>

                        <asp:Label ID="Label2" runat="server" Text="Please Enter Second Number" Font-Size="Large"

                            Font-Names="Verdana" Font-Italic="true"></asp:Label>

                    </td>

                    <td>

                        <asp:TextBox ID="TextBox1" runat="server" Width="120px"></asp:TextBox>

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Button ID="Button1" runat="server" Text="Addition" Font-Names="Verdana" Width="213px"

                            BackColor="Orange" Font-Bold="True" OnClick="Button1_Click" />

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Button ID="Button2" runat="server" Text="Substraction" Font-Names="Verdana"

                            Width="213px" BackColor="Orange" Font-Bold="True" OnClick="Button2_Click" />

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Button ID="Button3" runat="server" Text="Multiplication" Font-Names="Verdana"

                            Width="213px" BackColor="Orange" Font-Bold="True" OnClick="Button3_Click" />

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Button ID="Button4" runat="server" Text="Division" Font-Names="Verdana" Width="213px"

                            BackColor="Orange" Font-Bold="True" OnClick="Button4_Click" />

                    </td>

                </tr>

                <tr>

                    <td colspan="2" align="center">

                        <asp:Label ID="Label5" runat="server" Font-Bold="true" Font-Names="Verdana" ForeColor="Maroon"></asp:Label>

                    </td>

                </tr>

            </table>

        </div>

    </center>

    </form>

</body>

</html>

 

Step 5: The complete code of Default.aspx.cs looks like this:

 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;namespace AzureApp

{

    public partial class _Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            this.TextBox2.Focus();

        }

        protected void Button1_Click(object sender, EventArgs e)

        {

            if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text))

            {

                Label5.Text = "Please Enter Some Values";

                Label5.ForeColor = System.Drawing.Color.Red;

            }

            else

            {

                Label5.Text = string.Format("Addition of {0} and {1} is <b>{2}</b>", TextBox1.Text, TextBox2.Text, objArthmetic.Add(double.Parse(TextBox1.Text), double.Parse(TextBox2.Text)).ToString());

                TextBox1.Text = string.Empty;TextBox2.Text = string.Empty;

            }

        }

        protected void Button2_Click(object sender, EventArgs e)

        {

            if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text)){Label5.Text = "Please Enter Some Values";

                Label5.ForeColor = System.Drawing.Color.Red;

            }

            else{Label5.Text = string.Format("Substraction of {0} and {1} is <b>{2}</b>", TextBox1.Text, TextBox2.Text, objArthmetic.Sub(double.Parse(TextBox1.Text), double.Parse(TextBox2.Text)).ToString());

                TextBox1.Text = string.Empty;TextBox2.Text = string.Empty;

            }

        }

        protected void Button3_Click(object sender, EventArgs e)

        {

            if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text))

            {

                Label5.Text = "Please Enter Some Values";

                Label5.ForeColor = System.Drawing.Color.Red;

            }

            else

            {

                Label5.Text = string.Format("Multiplication of {0} and {1} is <b>{2}</b>", TextBox1.Text, TextBox2.Text, objArthmetic.Mul(double.Parse(TextBox1.Text), double.Parse(TextBox2.Text)).ToString());

                TextBox1.Text = string.Empty;TextBox2.Text = string.Empty;

            }

        }

        protected void Button4_Click(object sender, EventArgs e)

        {

            if (string.IsNullOrEmpty(TextBox1.Text) || string.IsNullOrEmpty(TextBox2.Text)){Label5.Text = "Please Enter Some Values";

                Label5.ForeColor = System.Drawing.Color.Red;

            }

            else

            {

                Label5.Text = string.Format("Division of {0} and {1} is <b>{2}</b>", TextBox1.Text, TextBox2.Text, objArthmetic.Div(double.Parse(TextBox1.Text), double.Parse(TextBox2.Text)).ToString());

                TextBox1.Text = string.Empty;TextBox2.Text = string.Empty;

            }

        }

        #region Instance MembersArthmetic objArthmetic = new Arthmetic();

        #endregion

    }

}

 

Step 6: Now right-click on the project and create a Windows Azure Cloud Service Project, as in:

 

add-Windows-Azure-Cloud-Service-Project.jpg
 

 

Step 7: Configuration file output of the application looks like this:

 

Configuration-file-output.jpg
 

Step 8: Click on publish for the Azure project and dialogue box appears as shown below:

 

publish-windows-azure-application.jpg
 

 

Step 9: Download the credentials by clicking on sign in to download credentials:

 

windows-azure-platform.jpg
 

Step 10: Import the downloaded file and click the "Finish" button:

 

windows-azure-publish-sign-in.jpg
 

Step 11: Give a name to the application and select hosting center:

 

create-windows-azure-services.jpg
 

Step 12: Manage the publish settings and click the "Next" button, as in:

 

publish-windows-azure-application.jpg
 

Step 13: Verify the publish summary and click the "Finish" button, as in:

 

windows-azure-publish-summary.jpg
 

 

Step 14: Verify the Activity log for the status and when completed navigate to the website URL; see:

 

Output10.png
 

 

Step 15: The output of the application hosted in cloud looks like this:

 

arthmetic-operations-windows-azure.jpg
 

 

Step 16: The data entering output of the application hosted in cloud looks like this:

 

app-arthmetic-operations-windows-azure.jpg
 

 

Step 17: The addition operation output of the application hosted in cloud looks like this:

 

azure-apparthmetic-operations.jpg

Step 18: The complete code of ServiceConfiguration.Cloud.cscfg looks like this:
 

<?xml version="1.0" encoding="utf-8" ?>

<serviceconfiguration servicename="AzureApp.Azure" xmlns="http://schemas.microsoft.com/ServiceHosting/2008/10/ServiceConfiguration"

   ="" osfamily="1" osversion="*" schemaversion="2012-05.1.7">

  <Role name="AzureApp">

    <Instances count="1" />

    <ConfigurationSettings>

      <Setting name="Microsoft.WindowsAzure.Plugins.Diagnostics.ConnectionString" value="DefaultEndpointsProtocol=https;AccountName=azurearthmeticapp;AccountKey=oOw4qekrunuBcpB8oS87k2feSexp48WPLl2T66/fzukPSFSowFqqetUafZBiSlk+e6O1JygX/h8ShJn1b5ZSOA==" />

    </ConfigurationSettings>

  </Role>

</serviceconfiguration>
 

Step 19: The complete code of ServiceConfiguration.Local.cscfg looks like this:
 

<?xml version="1.0" encoding="utf-8" ?>

<serviceconfiguration servicename="AzureApp.Azure" xmlns="http://schemas.microsoft.com/ServiceHosting/2008/10/ServiceConfiguration"

   ="" osfamily="1" osversion="*" schemaversion="2012-05.1.7">

  <Role name="AzureApp">

    <Instances count="1" />

    <ConfigurationSettings>

      <Setting name="Microsoft.WindowsAzure.Plugins.Diagnostics.ConnectionString" value="UseDevelopmentStorage=true" />

    </ConfigurationSettings>

  </Role>

</serviceconfiguration>
 

Step 20: The complete code of ServiceDefinition.csdef looks like this:

 

<?xml version="1.0" encoding="utf-8" ?>

<servicedefinition name="AzureApp.Azure" xmlns="http://schemas.microsoft.com/ServiceHosting/2008/10/ServiceDefinition"

    schemaversion="2012-05.1.7">

  <WebRole name="AzureApp" vmsize="Small">

    <Sites>

      <Site name="Web">

        <Bindings>

          <Binding name="Endpoint1" endpointName="Endpoint1" />

        </Bindings>

      </Site>

    </Sites>

    <Endpoints>

      <InputEndpoint name="Endpoint1" protocol="http" port="80" />

    </Endpoints>

    <Imports>

      <Import moduleName="Diagnostics" />

    </Imports>

  </WebRole>

</servicedefinition> 

I hope this article is useful for you.


MVC Corporation
MVC Corporation is consulting and IT services based company.