WebApp.Net is a set of HTML, JavaScript, and CSS files packed and distributed as a ZIP file and can be downloaded for free. We'll need a web browser to download this file and a tool to decompress it.

Type the following URL on your favorite web browser and click on the link located on the right (get it now: v0.5.2): http://webapp-net.com/.

When the file has been downloaded, it can be decompressed using a tool such as WinZip on Windows. Safari users will find a new folder called base-package-v0 on the default folder for downloads. Linux users can execute the following command from a terminal tool:

$ unzip base-package-v0.5.2-20100206.zip

After decompressing, you will need to copy the required files of the framework to our folder under control of the web server. For instance, you will execute these commands on Mac:

$ mkdir /Library/WebServer/Documents/WebAppNet
$ cp -r base-package-v0/WebApp /Library/WebServer/Documents/WebAppNet

The main ZIP file of the framework contains many files but the most important is the WebApp folder that will be needed for developing our own web applications for the Apple devices. In order to use the WebApp.Net framework, at a minimum we will need two files that should be included on the head section of our HTML pages. Actually, the following lines are required:

<link rel="stylesheet" href="/WebAppNet/Design/Render.css" />
<script type="text/javascript" src="/WebAppNet/Action/Logic.js"></script>

Inside the WebApp folder, we can find different subfolders such as Design, Action, and Img. The first one of them stores two CSS files and some graphic images required by these stylesheets. Action subfolders contain the main JavaScript file called Logic.js and the last subfolder is Img, responsible for the main graphic files needed to get a native look and feel for the applications.

As a part of the commented WebApp main folder, this framework contains other folders inside the ZIP file. These subfolders are Debug and Tools. The first one offers the JavaScript and CSS files without minimizing them, which is useful for development environments. They are more human readable than the others included on the WebApp main folder. The Tools subfolder has one PHP file for allowing us to use a proxy with the XML data. In addition, two stylesheets are also included. One of them is specific for the Mozilla Firefox web browser and can be used for testing and developing our web applications.