Make your own free website on Tripod.com

Online Resume - VB.Net - C#.Net SQL Server Developer

ASP.Net / Javascript / Html Web Example
Home | Tim Levito Resume | C# .Net Multi-Tiered Application Example | DataBase / Stored Proc Example | ADO.Net / DataAccess Example | WinForm / Business Layer Example | ASP.Net / Javascript / Html Web Example | Contact Me

In this section, we will use ASP.Net, JavaScript, Html, and C# to create the same functionality previously created in the Windows Application in a secure, scalable, and deployable Web Page.

The Browser page below is the Home Page for the Online Library Management Application.

 

It is referred to as a "Landing Page" as it allows users to load and view the page without need for a Log on or any security clearance.

 

This is the only page in the site that does not require authentication of the user.

browserhomepage.gif

In order to navigate to any other page on the site you will have to authenticate with a user name and password. This type of authentication is Windows Based and once entered is set to persist through out the session if active or timeout in 30 minutes.

login.gif

The web site has similar functionality to the Windows Application but the pieces used to create the look and feel of the site are very different from the controls used in the Forms Project. The techniques used to get this look and feel are a combination of raw HTML, APS.Net Server Controls, Cascading Style Sheets, a Master Page, Themes and Skins, and Client Side JavaScript.

browsermemberlookup.gif

Take a moment to compare the similarities between the Member Look up page above and the Add Juvenile Member Page below.
 
The Menu and Header are exactly the same on both pages. These display characteristics are "inherited" from a pre-defined Master page which allows for base layout format and the ability to use skins to format the appearance of controls.

browseraddjstart.gif

Visual Studio and ASP.Net Creates several types of code and views for that code to combine into the web page that is generated on the web server for the dynamic browser experience.

 

First and probably the most recognized is the page designer. (below)

This is a visual IDE with a drag and drop functionality for designing the look of your controls and has tools for organizing your web sites content.

addjuveniledesigner.gif

The most recognizable controls on the Web Form designer are ASP.Net and HTML. For the most part the HTML controls are considered static and will be rendered on the page exactly as they are shown in the designer.

 

The ASP.Net controls run on the web server and generate the specific HTML for the page on each post back. The ASP.Net Controls often have their own built in functionality and they offer the developer a chance to add functionality with a C# code behind.

addjuvenilecodebehind.gif

The C# code behind (above) shows a portion of the Button Click Event Handler on the Add Juvenile Member Web Form. It's basically assigning the value from the textbox control to a local variable, using it to make "GetMember" method call to the Business Layer, and then populating the values of the Juvenile member object with proper values or the sponsoring adult member. And finally, submitting the Juvenile object for insertion with a call to the "AddMember" method also on the Business Layer.
 
Upon successful completion the results are returned to the user by populating a literal control with the necessary information.
 
The code behind below illustrates how manual the code has to be in order to get the desired behavior to give the Web Form a Dynamic effect.
 
 

addjuvenilecbmanualsetting.gif

The source code is automatically generated from the Visual Studio designer and can be added to or edited directly. It is a Compilation of ASP.Net control code, HTML tags, Style and Other Information.

sourcecode.gif

The ASP.Net source code is used to generate HTML on the server dynamically for rendering the Browser's Web Page. The HTML source is shown below.

sourceexamplecss.gif

Extensive Validations at the User interface reduce network traffic and provide for a better overall user experience.

mockupvalidators.gif

The end result, a working Web page with a secure connection to the Main application which allows a mobile functionlity to the end user.

browseraddjsuccess.gif

I could go deeper into the specifics of the behind the scene coding as there are numerous techniques for accomplishing similar specific behaviors from an ASP.Net web site. In fact the body of relevant information pertaining to the behind the scenes coding can and has filled several books.
 
At this stage I think the browser screen shot tells the most to the web site developer about the general ability and skills involved in creating this project and I would be happy to discuss the sites inter workings on security, state management, and configuration.
 
Thank You for Looking through my Work and Skill set Portfolio, I look forward to discussing career and project opportunities with you in the near future.
 

To Discuss a Current Project Opportunity further please send me an Email with your contact information and a good time to reach you to TLevito@yahoo.com