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.