It2357 Lab Manual

8/12/2019 It2357 Lab Manual

1/34

Department of Information Technology

Lab Manual

IT2357 - WEB TECHNOLOGY LAB(VI Semester IT)

Prepare !"

#$P%%r&'mat '(SL IT)

G$*a+es #a&&a&(Le,t rer IT)

RAJALAKSHMI EN INEERIN !"LLE E

Ra#ala$%hmi Nagar& Than'alam& !hennai ( )*+ ,*-


2/34

.$ DESI NIN ST.DENT ID !ARDAI/0

T% es'1& a& I ,ar %r a part', 4ar st e&t$ ALGO*ITH/0

Step .0 Create a tm4 '4e 't ta!4e ta1

Step 20 Set t e &e,essar" attr'! tes &ee e %r es'1&'&1a& I ,ar $6'$e r% spa& ,%4spa& !%r er8$

Step 30 9r%&t s' e % I ,ar s % 4 ,%&ta'&s

St e&t &ame

*%44 &%

epartme&t

Se,t'%&

Ima1e % t e st e&t$

Step :0 Ba,; s' e % I ,ar s % 4 ,%&ta'&s

A ress

P %&e & m!er

B4%% Gr% p

9at er


3/34

+/ J"0 RE ISTRATI"N 1"RMAI/0

T% es'1& a& =%! *e1'strat'%& %rm s'&1 >HT/L$

ALGO*ITH/0

Step .0 Create a tm4 '4e 't %rm ta1

Step 20 ?se t e %44% '&1 ta1

La!e4

B tt%&

Te@t

Te@tarea

C e,;!%@

*a '% B tt%&

/e& s

Step 30 St%re t e '4e '& t e tm4 %rmat a& r & '&e! !r% ser


4/34

2/H"T S3"T .SIN HTML

AI/0

T% ,reate a e! pa1e ', '&,4 es a map a& 'sp4a" t e re4ate'& %rmat'%& e& a %t sp%t 's ,4',;e '& t e map

ALGO*ITH/0

Step .0 Create a tm4 '4e 't map ta1

Step 20 Set t e s% r,e attr'! te % t e 'm1 ta1 t% t e4%,at'%& % t e 'ma1e a& a4s% set t e semap attr'! te

Step 30 Spe,' " a& area 't &ame s ape a& re set t%t e appr%pr'ate a4 es

Step :0 *epeat step 3 as ma&" %t sp%ts "% a&t t% p t'& t e map

Step 50 Create tm4 '4es %r ea, a& e er" %t sp%ts t e

ser '44 se4e,t$


5/34

4/!REATIN 1RAMES

AIM5

T% ,reate t e se era4 rames s'&1 HT/L a& 'sp4a" t% t e e! !r% ser$

AL "RITHM5

Step .0 Create a e! pa1e 't rame sets ,%&s'st'&1 %

ma&" rames$?se t e %44% '&1 ta1

rameset ,%4s D5 F 5 F 5 FD

Step 20I&sert t e ma&" tm4 '4es s'&1 rame ta1 a& sr,

attr'! tes$?se t e %44% '&1 ta1 a& attr'! tes

rame sr, De@amp4e$ tm4D

Step 30 'sp4a" t e se era4 '4es '& t e e! !r% ser$


6/34

-/6E0 3A E !REATI"N .SIN !SSAIM5

T% ,reate a e! pa1e t at 'sp4a"s ,%44e1e '& %rmat'%& s'&1 ar'% sst"4e s eet

AL "RITHM5

Step .0 Create a e! pa1e 't rame sets ,%&s'st'&1 t %

rames

Step 20 I& t e 'rst rame '&,4 e t e 4'&;s

Step 30 I& t e se,%& rame set 'sp4a" t e e! pa1e %

t e 4'&;

Step :0 ,reate a e@ter&a4 st"4e s eets

Step 50 ,reate a '&4'&e a& '&ter&a4 st"4e s eets a& ma;e

't 4'&; t% t e e@ter&a4 st"4e s eets


7/34

)/Scientific !alculator u%ing Ja7aScript

AIM5

T% es'1& t e s,'e&t' ', ,a4, 4at%r a& ma;e e e&t %r ea, ! tt%&s'&1 +a a s,r'pt$

AL "RITHM5

Step .0 Create a t't4e %r t e e! pa1e a& e,4are t e

s,r'pt 't '& t e ea se s,r'pt ta1 %r e,4ar'&1

&,t'%&$

Step 20 Separate &,t'%&s are 1' e& %r ,a4, 4at'&1 t e

t%ta4 a4 e s'& ,%s ta& 4%1 p% $

Step 30 ?se pre e '&e /at &,t'%& %r s,'e&t' ',

%perat'%&s$

Step :0 ,reate t e ta!4e %r str ,t r'&1 t e ,a4, 4at%r

s'&1 ta!4e ta1 a& attr'! tes$

Step 50 Create t e ! tt%& a& pr% ' e t e e e&t a& 4'&1

%r ea, ! tt%& t% ma;e e e&t$?se %&,4',;() met % $


8/34

8/!REATIN !L"!K AIM5

T% es'1& e! pa1e t% ,reate a rea4 t'me ,4%,; 't a t'm'&1 e e&ts'&1 +a a s,r'pt e e&t a& 4'&1 me, a&'sm$

AL "RITHM5


s,r'pt 't '& t e ea se s,r'pt ta1 %r e,4ar'&1&,t'%&$

Step 20Create a &,t'%& 't t e &ame % 'sp4a"()$

Step 30Wr'te a s,r'pt ,% '&1 %r t'm'&1 e e&t$

Step :0Create t e ,% e %r !% " e4eme&ts 't %&4%a ()

met % $T 's met % 's se t% 4%a t e %, me&t '& t e

We! !r% ser$

Step :0 'sp4a" t e ,4%,;$


9/34

9/a/!LIENT SIDE 1"RM :ALIDATI"N .SIN DHTML

AIM5

T% ,reate a C4'e&t S' e S,r'pts %r Va4' at'&1 We! 9%rm C%&tr%4ss'&1 HT/L

Algorithm5

T e %rm '44 '&,4 e %&e te@t 'e4 ,a44e Y% r Name a& a

s !m't ! tt%&$

Va4' at'%& s,r'pt '44 e&s re t at t e ser e&ters t e'r &ame

!e %re t e %rm 's se&t t% t e ser er$

Ope& t 's pa1e t% see 't '& a,t'%&$

Tr" press'&1 t e Se& eta'4s ! tt%& 't % t '44'&1 a&"t '&1 '&

t e Y% r Name 'e4 $Y% m'1 t 4';e t% %pe& t es% r,e ,% e %r t 's %rm '& a

separate '& %

T e pa1e ,%&s'sts % a =a aS,r'pt &,t'%& ,a44e

a4' ate %rm() t at per %rms t e %rm a4' at'%& %44% e !"

t e %rm 'tse4 $
http://www.elated.com/res/File/articles/development/javascript/form-validation-with-javascript/simple_form.htmlhttp://www.elated.com/res/File/articles/development/javascript/form-validation-with-javascript/simple_form_source.htmlhttp://www.elated.com/res/File/articles/development/javascript/form-validation-with-javascript/simple_form_source.htmlhttp://www.elated.com/res/File/articles/development/javascript/form-validation-with-javascript/simple_form.html


10/34

9/b/!HAN E THE S".R!E "1 IMA EAIM5

T% ,reate t e O/ ,% e %r , a&1'&1 t e s% r,e % t e 'ma1e$

AL "RITHM5


s,r'pt 't '& t e ea se s,r'pt ta1 %r e,4ar'&1

&,t'%&$

Step 20Create a &,t'%& 't t e &ame % , a&1e()$

Step 30Wr'te a s,r'pt ,% '&1 %r , a&1e t e s% r,e

'ma1e$?se t e %44% '&1 ,% e ' '& t e &,t'%&$

%, me&t$1etE4eme&tB"I (J 'D)$'m1 DIma1e$1' DK

Step :0Create t e ,% e %r !% " e4eme&ts 't %&,4',;()$

met % $T 's met % 's se t% ,a44 t e +a a s,r'pt

&,t'%& , a&1e()$

Step :0 'sp4a" t e &e 'ma1e$


11/34

;/A33LETAIM5 r'te a +a a pr%1ram t% ,reate app4ets 't t e %44% '&1 eat re

Create a ,%4%r pa4ette 't matr'@ % ! tt%&s$

a$ Set !a,;1r% & a& %re1r% & % t e ,%&tr%4 te@t

area !" se4e,t'&1 a ,%4%r r%m ,%4%r pa4ette$ !$ I& %r er t% se4e,t %re1r% & %r !a,;1r% & se

, e,;!%@ ,%&tr%4s as ra '% ! tt%&s$

,$ T% set !a,;1r% & 'ma1es$

AL "RITHM5Step .0 Imp%rt a44 &e,essar" pa,;a1es a& ,4asses

Step 20 e '&e a ,4ass t at e@te& s app4et a& 'mp4eme&tsa,t'%& 4'ste&er a& 'tem 4'ste&er

Step 30 e,4are a& arra" % ! tt%&s t% set ,%4%rs t %, e,;!%@es %r %re1r% & a& !a,;1r% & ,%4%rs

Step :0 e,4are a te@t area t% %4 t e te@t a , e,;!%@1r% p %r , e,;!%@es

Step 50 A t e arra" % ! tt%&s '& t e '&'t &,t'%&$

Step 0 I& t e a,t'%&Per %rme () met % % t e%44% '&10

Get t e a,t'%& ,%mma& '& t e str'&1 ,%4%r I) I %re1r% & 's , e,;e t e& set t e %re1r% &

,%4%r t% t e se4e,te ,%4%r

II)I a,;1r% & 's , e,;e t e& set t e !a,;1r% &,%4%r t% t e se4e,te ,%4%r


12/34

,*/RE .LAR E


13/34

CYCLE-IISERVER SIDE

PROGRAMMING


14/34

,/a/IN:"KIN HTML 1"RM .SIN SER:LETAIM5

T% r'te tm4 a& ser 4et t% em%&strate '& %;'&1 a ser 4et r%m atm4$

AL "RITHM5

!lient5

Step.0 I& '& e@$ tm4 %& t e ,4'e&t s' e e,4are t e,%&te&ts t at "% 4';e t% tra&s er t% t e ser er s'&1 tm4

%rm a& '&p t t"pe ta1s$

Step20 ,reate a s !m't ! tt%& a& ,4%se a44 t e '&,4 eta1s$

Ser7er5

Step .0Imp%rt t e &e,essar" pa,;a1e ,4asses a&met % s$?se t e %44% '&1 +a a@ pa,;a1es$

Imp%rt +a a@$ser 4et$ ttp$ K'mp%rt +a a@$ ttp$ K

Step 20,reate t e ,4ass t at e@te& s t% t e HttpSer 4et,4ass

Step 30?se t e %Get(reQ res) 't t % parameter t att r% s IOE@,ept'%& Ser 4etE@,ept'%&$

Step :0 I& t e ser 4et s' e s'&1 t e parameter reQ est 1ett e st'&1s e,4are '& t e ,4'e&t s' e (reQ st$1etparameter)


15/34

Step50 I&,4 e &e,essar" tm4 ,% '&1 t at e4ps t%'sp4a" t e ,%&te&t$

,/b/SER:ER IN1"RMATI"NAIM5

T% r'te t e ser 4et pr%1ram t% 'sp4a" t e ser er '& %rmat'%& '& t e

e! !r% ser

AL "RITHM5

Ser7er5


Imp%rt +a a@$ser 4et$ ttp$ K

'mp%rt +a a@$ ttp$ K



Step :0?se t e Pr'&tWr'ter ,4ass t% pr'&t t e '& %rmat'%&

Step 50?se t e ,erta'& &,t'%&s %r 1et t e ser er'& %rmat'%& $?se t e %44% '&1 &,t'%&s$

1etSer erName() 1etSer erP%rt() 1etPr%t%,%4()1etS, eme()

Step20 I&,4 e &e,essar" tm4 ,% '&1 t at e4ps t%

'sp4a" t e ,%&te&t$


16/34

,/c/!REATIN SESSI"NAIM5

T% r'te t e ser 4et pr%1ram t% ,reate t e sess'%& a& sess'%& ' $

AL "RITHM5

Ser7er5






Step :0?se t e Pr'&tWr'ter ,4ass t% pr'&t t e '& %rmat'%&

Step 50?se t e HttpSess'%& ,4ass t% ,reate t e sess'%& a&Sess'%& ' $

Step20 I&,4 e &e,essar" tm4 ,% '&1 t at e4ps t%'sp4a" t e ,%&te&t$


17/34

,/'/ADDIN !""KIESAIM5

T% r'te a m4 ,% '&1 t% ,reate a& a ,%%;'e t% t e e! ser er$

AL "RITHM5

!lient5

Step.0 I& '& e@$ tm4 %& t e ,4'e&t s' e e,4are t e,%&te&ts t at "% 4';e t% a t e ,%%;'e '& t e ser er

s'&1 tm4 %rm a& '&p t t"pe ta1s$


Ser7er5






Step :0 ?se t e C%%;'e ,4ass a& met % s$


18/34

Step50 I&,4 e &e,essar" ser 4et ,% '&1 t at e4ps t% at e ,%%;'e t% e! !r% ser$$

+/a/In7o$e JS3 from AppletAim5

T% '& %;e =SP r%m App4etAlgorithm 0

.$Start t e I& %;'&1 =SP r%m App4et2$Create t e Ats$ tm43$?se t e %&e '&p t t"pe %r r%44 &%:$W e& s !m't ! tt%& 's ,4',; 't per %rm t e a,t'%&http5==localho%t59*9*=Stu'ent=Stu'ent

5$T e sa e as t e Ats$ tm4$T e& ,reate +a a ,% '&1 %r App4etT%=SP$+a a

7$I& ,% '&1 ,reate t ree 'mp%rta&t %!+e,tsR$La!e4 se&t a& re,e' e a& ! tt%& ,4',; t% se& t%ser 4ets$

$Set t e r4 ashttp5==localho%t59*9*>?>=JS3=AppletToJS3. $T e& ,reate +a a ,% '&1 %r App4etT%=SP$+sp a&

I&terme 'ate$+sp(see t e s% r,e ,% e)..$9'&a44" sa e a& r & t e pr%1ram
http://www.zimbio.com/go/VZccZfKk7GM/http:/localhost:8080/Student/Studenthttp://www.zimbio.com/go/VZccZfKk7GM/http:/localhost:8080/Student/Student


19/34

+/b/!REATE THE SIM3LE 0EAN

A'm0 T% ,reate a s'mp4e Bea& t% 'sp4a" t e messa1e$

A41%r't m0

Step .0 Create a %4 er &ame as Samp4eBea& a& '4e &ame as SBea&$

Step20 SBea& '4e s % 4 ,%&s'sts % 1etpr%pert" a& setpr%pert"met % s t% 1et a& set t e ser messa1e$

Step30Create a =SP '4e t% '& %;e a SBea&$


20/34

2/a/ST.DENT MARKLIST .SIN JS3

AIM5 T% ,reate a t ree t'er app4',at'%& %r 'sp4a"'&1 t e st e&t mar;4'st

AL "RITHM5 !lient5

Step.0 I& '& e@$ tm4 %& t e ,4'e&t s' e e,4are t e,%&te&ts t at "% 4';e t% tra&s er t% t e ser er s'&1

tm4 %rm a& '&p t t"pe ta1s$


SER:ER5Step .0 Imp%rt a44 &e,essar" pa,;a1es

Step 20 ?se a44 = BC ,%mp%&e&ts$

Step 30 ?se s,r'p4et t% '&sert +a a ,% '&1$

')Set t e ,%&te&t t"pe % t e resp%&se t% te@t tm4 ''),%&&e,t 't t e ata!ase ', as t e st e&t

mar;4'st Q er" t e ata t% t e ata!aseStep :0 'sp4a" t e st e&t mar;4'st


21/34

2/b/"NLINE E


22/34

ST.DENT MARK LIST DATA0ASE

Step .0 Imp%rt &e,essar" t% +a a pa,;a1es a& +a a@ pa,;a1es a& ,4asses

Step 20 Create a ,4ass t at e@te& s HttpSer 4et a&'mp4eme&ts Ser 4etE@,ept'%& a& IOE@,ept'%&

?se a44 = BC ,%mp%&e&ts$

Step 30 I& t e %Get() met % % t e %44% '&10

')Create a Pr'&tWr'ter %!+e,t '')Ope& a ,%&&e,t'%& 't t e ata s% r,e &ame

''')Wr'te a sQ4 Q er" a& e@e, te t% 1et t e res 4tset ' ) 'sp4a" t e res 4tset '& %rmat'%& '& tm4 %rm


23/34

2/c/!REATIN !.ST"M TA LI0RAR@ .SIN JS3AIM5

T% r'te t e =SP pr%1ram t% ,reate t e , st%m ta1 4'!rar" %r,a4, 4at'&1 area % tr'a&14e$

AL "RITHM5

Ser7er5




'mp%rt +a a@$ser 4et$+sp$ K

Creat'%& % Ta1 Ha& 4er$

Creat'%& % Ta1 L'!rar" es,r'p%r(TL )$

Step 20Creat'%& % =SP 't re1'strat'%& a& se % ta1se,4are '& TL $

')Ta1 Ha& 4er ,4ass m st e@te& s Ta1S pp%rt(S pp%rte !" =SP API)$


24/34

''),reate t e C st%mTa1 a& st%re a +a a '4e &ame'rstTa1$+a a a& se t e area % sQ are %rm 4a(& &)$

''')$ ?se %Start() met % t% ,reate t e , st%m ta1 &ame

/"Ta1$t4 $' )$*e1'ster t e , st%m ta1 r%m /"Ta1$t4 '4e 't t e=SP e! pa1e

Step 30?se t e , st%m ta1 '& "% r '4e

Step :0E@e, te t e '4e a& 'sp4a" t e ata$

4/3rogram u%ing AJAAL "RITHM5

.$ se =a as,r'pt t% '&'t'a4'se t e >/L HT/L reQ est %!+e,t

2$ se HT/L t% ,reate areas %r ser '&p t a& % tp t

3$ se =a as,r'pt t% se& t e ser '&p ts t% a ser er:$ pr%,ess t e ata %& a ser er

5$ se =a as,r'pt t% pr%,ess a&" resp%&se r%m t e ser er a& 'sp4a" t e

res 4t


25/34

-/6E0 SER:I!ESAIM5 C%&s' er a ,ase ere e a e t % e! Ser ',es- a& a'r4'&e ser ',ea& a tra e4 a1e&t a& t e tra e4 a1e&t 's sear, '&1 %r a& a'r4'&e$ Imp4eme&tt 's s,e&ar'% s'&1 We! Ser ',es a& ata !ase$

3R"!ED.RE5

a) e e4%p e!ser ',es

!) Test t e e!ser ',e

,) e e4%p ,4'e&t a& ,a44 t e e!ser ',e t ere

) 9'&a44" ep4%" a& test t e app4',at'%&


26/34

CYCLE-IIIREPRESENTATION OF DATA


27/34


28/34

+/ 3R" RAM .SIN


29/34

2/ 3R" RAM .SIN SLT ,% '&1$

'sp4a" t e res 4t '& t e e! !r% ser$


30/34

-/ 3R" RAM .SIN


31/34

)/3R" RAM .SIN /L 9'4e a& t e ,4ass ', 'mp4eme&ts

'&ter a,e Han'ler0a%e/ $

T e #a7a / ml/par%er%/SA


32/34

Web Service Reference:

Setting Servers:

Set p t e '&sta44e =*E '& e,4'pse (W'& % s -Pre ere&,es - =a a - I&sta44e =*Es)Set p t e '&sta44e r &t'me %r ser er '& e,4'pse (W'& % s- Pre ere&,es - Ser er - I&sta44e * &t'mes)Set p t e Ser er 'e '& e,4'pse (W'& % s - S % V'e- Ot er)Set p t e T%m,at Ser er !" r'1 t ,4',;'&1 a& se4e,t'&1

Ne - Ser er %pt'%& r%m t e Ser er 'e '& e,4'pse$

Creating web service:

Create a &e "&am', We! Pr%+e,t '& e,4'pse (9'4e - Ne- Ot er)E&ter &ame as We!Ser ',eT t%r'a4 se4e,t pr%+e,t4%,at'%& as E0 Test a& se4e,t Apa, e T%m,at 5$5 as t eTar1et ser er$

N% ,reate a &e =a a ,4ass r%m t e Pr%+e,t E@p4%rer( "&am', We! Pr%+e,ts - =a a S% r,e - Ne - C4ass)E&ter &ame as He44% a& pa,;a1e as ,%m$t t%r'a4 $A a s'mp4e met % '& t e He44% ,4ass as !e4% $

p !4', Str'&1 sa"He44%(Str'&1 &ame)M


33/34

ret r& He44% &ameK

Sa e a& ! '4 t e pr%+e,t$Create a &e We! ser ',e '& e,4'pse (9'4e - Ne - Ot er)Se4e,t Ge&erate a pr%@"Se4e,t Test t e We! ser ',e$Se4e,t O er r'te '4es 't % t ar&'&1Se4e,t %r e&ter t e Bea& &ame as ,%m$t t%r'a4$He44% $ T 's's t e +a a ,4ass t at e + st &% ,reate $C%&t'& e t e ' ar !" ,4',;'&1 Ne@t a& '&'s $O& 9'&'s t e T%m,at ser er starts p a& 4a &, es t eTest ,4'e&t$Ver' " t e 1e&erate ,%&te&ts$ L%%; %r He44%$,4ass a& t e1e&erate =SPs as !e4% $Ver' " t e T%m,at %4 er a& e&s re t e &e 4" ,reate e!app4',at'%&s We!Ser ',eT t%r'a4We!Ser ',eT t%r'a4C4'e&t$We ,a& a4s% r & t e %44% '&1 r4 r%m t e !r% ser t%a,,ess test t e We! ser ',e$I ser 4et err%r %r1$e,4'pse$+st$ s$ t'4$=sp?t'4s ,a&&%t !eres%4 e %r 's &%t a t"pe 's t r% & %& t e !r% ser t e&,%p" t e e!ser ',e t'4s$+ar '4e r%m t eE0 E,4'pse3$. e,4'pse p4 1'&s %r1$e,4'pse$+st$ s$,%&s mpt'%& $7$ '&t% t e WEB-IN9 4'! %4 er % t eWe!Ser ',eT t%r'a4C4'e&t app4',at'%& a& restart t eT%m,at ser er$T e !r% ser 'sp4a"s t e met % s a a'4a!4e '& t e e!ser ',e$C4',; %& t e %ayHelloB//C met % e&ter "% r &ame ( %re$1$ =ee a ) '& t e '&p ts se,t'%& a& ,4',; I& %;e $

T e WS L %r t e He44% We! ser ',e ,a& !e % & '&E0 Test We!Ser ',eT t%r'a4 We!C%&te&t s 4 He44%$ s 4$O& % !4e-,4',; t e WS L %pe&s '& a 1rap ',a4 e 't%r$*'1 t-,4',; %& t e WS L '4e a& e@p4%re t e %pt'%&s t%test t e e! ser ',e p !4's t e WS L '4e 1e&erate,4'e&t et,$


34/34

Documents

It2357 Lab Manual