764 Project 6 CREATING A MOBILE APPLICATION

In the preceding chapters, you looked at the case study and design of the MobileCallStatus application. In addition, you were introduced to the basics of a mobile Web application. Based on this learning, you created a simple mobile Web application in the .NET Framework. In this chapter, you will create the forms required for the MobileCallStatus application.You will also add the business logic

to the MobileCallStatus application.

Creating the Forms Required for the MobileCallStatus Application

You have already seen the design of the forms required for the MobileCallStatus application. In this chapter, I will discuss how to create the mobile Web forms for the MobileCallStatus application.

Before creating the mobile Web forms, you need to create a mobile application with the name MobileCallStatus. To create a mobile application with the name MobileCallStatus, perform the following steps:

1.On the File menu, point to the New option.

2.In the displayed list, click on the Project option. The New Project dialog box is displayed.

3.In the Project Types: pane of the New Project dialog box, select the Visual C# option.

4.In the Templates: pane, select the Mobile Web Application option.

5.In the Location: text box, the local host appears by default. Type the name of the application as MobileCallStatus.

6.Click on the OK button.

Figure 33-1 shows the IDE (Interactive Development Environment) for the MobileCallStatus application.

FIGURE 33-1 The IDE for the MobileCallStatus application

As you can see in Figure 33-1, Visual Studio .NET automatically creates the default files. In addition, Visual Studio .NET generates default code.The following section discusses the default code generated by Visual Studio .NET for a mobile application.

The Default Code Generated by Visual Studio

.NET for a Mobile Application

The default code generated by Visual Studio .NET is as follows:

using System;

using System.Collections; using System.ComponentModel; using System.Data;

using System.Drawing; using System.Web;

using System.Web.Mobile;

766 Project 6 CREATING A MOBILE APPLICATION

using System.Web.SessionState; using System.Web.UI;

using System.Web.UI.MobileControls; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls;

namespace MobileCallStatus

{

public class MobileWebForm1 : System.Web.UI.MobileControls.MobilePage

{

protected System.Web.UI.MobileControls.Form Form1; private void Page_Load(object sender, System.EventArgs e)

{

}

}

}

The preceding code contains the using directive statements that allow you to use the namespace and the classes defined in the namespace within the code for your application. In addition, the Visual Studio .NET creates a namespace with the same name as that of the application, MobileCallStatus.

Inside the MobileCallStatus namespace, a public class with the name MobileWebForm1 is created. The MobileWebForm1 class is derived from the MobilePage class that lies in the System namespace. The MobileWebForm1 class contains the declaration of the instance of the Form class, Form1. In addition, the MobileWebForm1 class contains the Page_Load() method. You can include the statements required for initializing the mobile page in the Page_Load() method.

In addition to the preceding code, Visual Studio .NET creates HTML code for the mobile application. To view the HTML code, switch to the HTML page in the IDE. To do this, select the HTML Source option on the View menu. Figure 33-2 shows the HTML code for the MobileCallStatus application.