Web Technology Lab Manual
Web Technology Lab Manual
CONTENT
[Link]
1.
Find the Factorial Value
2.
Find the Biggest & Smallest
Number
3.
Arithmetic Operation
4.
File &Folder Control
5.
Progress Bar
6.
List view Control
7.
Simple Login Form Without
Database
8.
Automatic Compute Age
Using DateTimePicker
9.
Error Handling
1
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
10.
Google Map
11.
Insert, Delete, and Update the
Data in DataGridView without
using Database.
C#-WEB APPLICATION
12.
Display the Tweets Using
DataGridView Control with
MS-Access
13.
Query String Collection
14.
ADRotator Control
2
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
DATE: FIND THE FACTORIAL VALUE
AIM:
To write a [Link] program to find the factorial value using Windows Form
Application.
ALGORITHM:
3
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Label4 - Label4
Textbox1 - Textbox1
4
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public Class Form1
Private Sub Button1_Click(ByVal sender As [Link], ByVal e
As [Link]) Handles [Link]
[Link] = fact(Val([Link]))
End Sub
Function fact(ByVal a As Integer) As Long
Dim k As Integer
fact = 1
For k = a To 1 Step -1
fact *= k
Next
End Function
End Class
5
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
6
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
FIND THE BIGGEST & SMALLEST
NUMBERS
DATE:
AIM:
To write a [Link] program to find the biggest and smallest of three numbers using
Windows Form Application.
ALGORITHM:
7
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Label7 - Label7
Label8 - Label8
8
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public class form1
Private sub button1_click (Byval Sender As System-object,Byval e As [Link])Handles
[Link]
Dim f As Integer
Dim s As Integer
Dim t As Integer
Dim sma As Integer
Dim lar As Integer
F=val([Link])
S=val([Link])
T=val([Link])
If f>s then
Lar=f
Else
Lar=s
End If
If lar <t then
Lar=t
End If
If lar<s then
Sma=f
Else
Sma=s
End If
If sma>t then
Sma=t
End If
[Link]=lar
[Link]=sma
End Sub
9
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
10
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
ARITHMETIC OPERATION
DATE:
AIM:
ALGORITHM:
11
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
12
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public Class Form1
Dim number1 AsInteger
Dim number2 As Integer
Dim result AsInteger
PrivateSub Button1_Click(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link]
number1 = [Link]
number2 = [Link]
result = number1 + number2
[Link] = result
EndSub
PrivateSub Button2_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
number1 = [Link]
number2 = [Link]
result = number1 - number2
[Link] = result
EndSub
PrivateSub Button3_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
number1 = [Link]
number2 = [Link]
result = number1 * number2
[Link] = result
EndSub
PrivateSub Button4_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
number1 = [Link]
number2 = [Link]
result = number1 / number2
[Link] = result
EndSub
13
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
14
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
15
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
FILE & FOLDER CONTROL
DATE:
AIM:
To write a [Link] program to find the File & Folder Control using Windows
Form Application.
ALGORITHM:
16
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Textbox1 Textbox1
Textbox2 Textbox2
Openfiledialog1 Openfiledialog1
Folderbrowserdialog1 Folderbrowserdialog1
Button1 OK Button1
Groupbox1 Groupbox1
17
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
PublicClass Form1
PrivateSub Button1_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
If [Link] = TrueThen
[Link]()
[Link] = [Link]
Else
[Link]()
[Link] = [Link]
EndIf
EndSub
EndClass
18
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
19
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
PROGRESS BAR
DATE:
AIM:
To write a [Link] program to find the Progress Bar using Windows Form
Application.
ALGORITHM:
1. Open Microsoft Visual Studio 2008.
3. In the toolbox, click and drag three label boxes, two textboxes, a progress bar and a timer.
Rename the label boxes according to the program.
20
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Textbox1 - Textbox1
Textbox2 - Textbox2
ProgressBar1 - ProgressBar1
21
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public class Form1
[Link]
[Link]=0
[Link]=100
End Sub
[Link]
[Link]=[Link]+5
[Link]=[Link]&”%”&”completed”
If [Link]>=100 then
[Link]=False
[Link]=0
Else
[Link]= ““
[Link]=0
[Link] ()
End If
End If
22
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
End Sub
[Link]=True
End Sub
End Class
23
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
24
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
LISTVIEW CONTROL
DATE:
AIM:
To write a [Link] program to display students marksheet using listview control in
Windows Form Application.
ALGORITHM:
1. Open Microsoft visual studio 2008.
2. Click file >> select new >> new project >> visual basic>> windows form application.
3. From the toolbox,
4. Click and drag 9 label boxes and rename them.
5. Click and drag 8 textboxes and place them correspondingly with the label boxes;
6. Click and drag ListView control and select details in view in the property of
ListView control; click and drag button and change the text to ADD in the property
of button.
7. Double-click on the form and give the codings. Similarly, double-click on the button
and give the codings.
8. Save the program.
9. Run the program.
10. End the program.
25
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
26
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public Class Form1
Private Sub Form1_Load(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
[Link]("roll", 60, [Link])
[Link]("name", 100, [Link])
[Link]("tam", 60, [Link])
[Link]("eng", 60, [Link])
[Link]("maths", 60, [Link])
[Link]("cs", 60, [Link])
[Link]("phy", 60, [Link])
[Link]("chem", 60, [Link])
[Link]("total", 60, [Link])
[Link]("ave", 60, [Link])
End Sub
Private Sub Button1_Click(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link]
Dim newitem As New ListViewItem([Link])
Dim tot, ave As Single
[Link]([Link])
[Link]([Link])
[Link]([Link])
[Link]([Link])
[Link]([Link])
[Link]([Link])
[Link]([Link])
[Link](newitem)
tot = (Val([Link]) + Val([Link]) + Val([Link]) +
Val([Link]) + Val([Link]) + Val([Link]))
ave = tot / 6
[Link](tot)
[Link](ave)
[Link] = " "
[Link] = " "
[Link] = " "
[Link] = " "
[Link] = " "
[Link] = " "
[Link] = " "
[Link] = " "
[Link]("Record inserted successfully")
End Sub
End Class
27
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
28
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
SIMPLE LOGIN FORM WITHOUT
DATE: DATABASE
AIM:
To write a [Link] program to find the simple login form without database
using Windows Form Application.
ALGORITHM:
1. Start the program.
2. Open Microsoft visual studio 2008.
3. Go to file ->new project ->visual basic->windows->windows form application.
4. Design the page with the required tools. (label,button,textbox)
5. Change the properties for the selected tools. Rename the label as user name and
another label as password. and then rename the buttons as Login and Exit.
6. Click Password Textbox ->property-> passwordchar - *.
7. Create Form 2 and design the page with label as “DONE”.
8. Select the label in the form 2 design page and write code accordingly.
9. Select the login button in form 1 design page and write code accordingly.
10. Save & run the program.
11. Stop the program
29
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
FORM1
Textbox1 - Textbox1
Textbox2 - Textbox2
FORM 2
30
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Form1:
PublicClass Form1
PrivateSub Button2_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
[Link]()
EndSub
PrivateSub Button1_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
If [Link] = "Anu"And [Link] =
"1333"Then [Link]()
[Link]()
EndIf
EndSub
EndClass
Form2:
PublicClass Form2
PrivateSub Label1_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
[Link] = "DONE!"
EndSub
EndClass
31
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
32
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
AUTOMATIC COMPUTE AGE USING
DATE:
DATETIMEPICKER
AIM:
To write a [Link] program to find the automatic compute age using datatimepicker
in Windows Form Application.
ALGORITHM:
33
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Datetimepicker 1 - Datetimepicker 1
Textbox 1 - Textbox 1
34
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
PublicClass Form1
PrivateSub DateTimePicker1_ValueChanged(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link]
Dim datecheck AsString
Dim today As [Link] = [Link]
datecheck = [Link]
Dim yearnow AsInteger = [Link]
Dim yeardtp AsInteger = [Link]
Dim rightyear AsInteger = [Link]
Dim minimage AsInteger = yeardtp - rightyear
Dim currentage AsInteger = yearnow - yeardtp
[Link] = [Link]
[Link]()
EndSub
35
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
36
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
DATE: ERROR HANDLING
AIM:
To write a [Link] program to find the Error Handling using Windows Form
Application.
ALGORITHM:
4. Design the page with the required tools. (Label box, button, textbox)
6. Select the tools used in the design page and write code accordingly.
37
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
Textbox1 - Textbox1
38
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Public Class Form1
Private Sub cmdCheck_Click(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link]
Dim intInteger As Byte
Try
intInteger = CByte([Link])
Catch ex As InvalidCastException
MsgBox("There was an Invalid Cast Exception error")
Catch ex As OverflowException
MsgBox("There was an Overflow Exception error")
Catch ex As Exception
MsgBox("There was a general error")
End Try
MsgBox("You entered : " & [Link])
End Sub
End Class
39
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
40
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
GOOGLE MAP
DATE:
AIM:
ALGORITHM:
41
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
42
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
PublicClass Form1
43
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
44
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
AIM:
To insert, delete and update the data in DataGrid View without using Database.
ALGORITHM:
45
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
46
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
PROPERTIES:
Textbox2 - Textbox2
Textbox3 - Textbox3
47
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
namespace shopping_online
{
public partial class Form1 : Form
{
DataTable table = new DataTable("table");
int index;
public Form1()
{
InitializeComponent();
}
private void form1_Load(object sender, EventArgs e)
{
[Link]("NAME", [Link]("[Link]"));
[Link]("ADDRESS", [Link]("[Link]"));
[Link]("MOBILE NO", [Link]("[Link]"));
[Link]("PINCODE", [Link]("[Link]"));
[Link] = table;
}
48
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link] = [Link][2].[Link]();
[Link] = [Link][3].[Link]();
}
49
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
50
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
DISPLAY THE TWEETS USING
DATE: DATAGRIDVIEW WITH MS-ACCESS
AIM:
application.
ALGORITHM:
2. Open file→ New project, visual c# →add [Link] web application template and
3. Default page of aspx design tab add gridview & sql datasource.
4. Open MS access and create an database and save the database as TWEETL
5. Create the design view for the table and the data type and save as at access 2000
Database.
6. Open visual studio→using server explorer add data connection→Browse the file
51
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
52
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
53
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
PROPERTIES:
Gridview - Gridview1
SqlDataSourse - SqlDataSourse1
54
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
55
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
DATE: QUERYSTRING
AIM:
ALGORITHM:
56
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FROM DESIGN:
Page1:
PROPERTIES:
Textbox 1 - Textbox 1
Textbox 2 - Textbox 2
57
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
namespace q1
{
public partial class page1 : [Link]
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
[Link]("[Link]?firstname=" + [Link] +
"&lastname=" + [Link] + "");
}
}
}
58
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
Page2:
PROPERTIES:
59
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
using System;
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
using [Link];
namespace q1
{
public partial class page2 : [Link]
{
protected void Page_Load(object sender, EventArgs e)
{
[Link] = [Link]["firstname"] +
[Link]["lastname"];
}
}
}
60
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
Page1:
Page2:
RESULT:
Thus the program has been successfully executed.
61
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
DATE: ADROTATOR CONTROL
AIM:
ALGORITHM:
1. Open Microsoft Visual Studio –> click file New Website, to click a new
empty web application / website.
2. Create New web page for display and click Website Add new item, to select
XML file.
3. Right click on Solution Explorer –> Add New folder and rename(images) right click
to select Add existing item and select jpg files to copy and paste it.
4. Add New XML File in project for write advertisement detail.
5. Then click website to add new item to select Web form.
6. Drag and drop AdRotator Control on web page from toolbox.
7. Assign XML File to AdvertisementFile property of AdRotator control.
8. Then save it and start debugging.
62
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
PROPERTIES:
63
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
<Ad>
<ImageUrl>Images\[Link]</ImageUrl>
<NavigatorUrl>[Link]
<width>600</width>
<height>300</height>
<Impression>800</Impression>
</Ad>
<Ad>
<ImageUrl>Images\[Link]</ImageUrl>
<NavigatorUrl>[Link]
<width>600</width>
<height>300</height>
<Impression>800</Impression>
</Ad>
</Advertisements>
64
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
65
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
[Link]
IMAGE SLIDER
DATE:
AIM:
To write a [Link] program to create the image slider in using web application.
ALGORITHM:
66
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FROM DESIGN:
PROPERTIES:
Image 1 - Image 1
Image 2 - Image 2
Image 3 - Image 3
Button 1 - Button 1
Button 2 - Button 2
67
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Namespace WebApplication1
}
}
68
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
69
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
DATE:
AIM:
To write a [Link] program to create the registration from with validation using web
application.
ALGORITHAM:
70
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
FORM DESIGN:
71
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
72
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
PROPERTIES:
Textbox 1 - Textbox 1 -
Textbox 2 - Textbox 2 -
Textbox 4 - Textbox 4 -
73
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
SOURCE CODE:
[Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
Using [Link];
[Link](“LOGIN SUCCESFULLY”);
74
DEPARTMENT OF COMPUTER SCIENCE, SACWC WEB TECHNOLOGY LAB
OUTPUT:
RESULT:
Thus the program has been successfully executed.
75