DocumentATION Msoffice

8/10/2019 DocumentATION Msoffice

1/128

THE WEB SITE ON INFORMIX INSTITUTE OF COMPUTER EDUCATION

CERTIFICATE

This is to certify that a project on THE WEB SITE

ONINFORMIX INSTITUTE OF COMPUTER EDUCATION has

been carried out by under our supervision and direct guidance.

We are absolutely satised with her dissertation on the

projects, which is presented in the Department of Computer

Managemant S!am" #"$e%ana& Co''ege Amgaon during

the academic year 20!"20#.

This wor$ is in partial fulllment of the %egree of

Ba()e'or of Commer(e !"t) Computer App'"(at"on Part*

III Ra+)tra+ant Tu%&o," Ma)ara, Nagpur Un"$er+"t-

Nagpur. This is the original wor$ done by the under the&upervision and 'uidance of Prof. M. U. /a,0)"-e and have

undergone the re(uisite hour prescribed by the )niversity for

*roject Wor$.

*lace+ " mgaon

%ate+ " ----..

PRO1ECT /UIDE AND CO*

ORDINATOR

*rof. . ). 'ajbhiye

&wami /ive$anad ollege,

mgaon

----------. ..----------

1nternal 3aminer

3ternal 3aminer

*age


2/128


AC2NOWED/EMENT

We are gratefully ac$nowledged to Dr. N. C. B)ure

S!am" #"$e%ana& Co''ege Amgaon for giving us the

opportunity to undergo the project wor$.

We are highly grateful to Prof. S. M. D)o'e Co*or&"nate

of Department of Computer Management S!am"

#"$e%ana& Co''ege Amgaon for evincing $een interest,constant encouragement, precious guidance at every stage of

this project wor$.We wish to e3press our sense of gratitude and

heart full than$s to Prof. M. U. /a,0)"-ewhohas guided us

properly and given constructive suggestion in completion of our

project wor$.

4ur ac$nowledgement would be incomplete if we fail to

mention the continuous encouragement and moral supportgiven by our department sta5 member and classmates.

P'a(e3 Amgaon

Date3

Su0m"tte& 0-3*

C)an&an%umar B.Raut

A+)"+) S. Ra)ag&a'e

Sa()"n #. U,a!ane

*age 2


3/128


DEC4ARATION

We hereby declare that the project entitled 5THE WEB

SITE ON INFORMIX INSTITUTE OF COMPUTER

EDUCATION submitted for the 6. om 7omputer pplication8

9inal :ear is our original wor$ and the project has not formed

the basis for the award of any other degree, associate ship,

fellowship or any other similar titles.

*lace+Amgaon

%ate+

S"gnature of t)e Stu&ent

handan$umar 6. ;aut .

----------

shish &. ;ahagdale ..

----------&achin /. )jawane ..

----------

*age


4/128


INDEX

SR NO TOPIC PAGE N

1 Introduction PAGE N

2 We !u"ic#tion $

% S&'te( An#"&'i' 1)

* Fe#'ii"it& 'tud& 1+

, Tec-nic#" .e#'ii"it& 'tud& 1/

$ Econo(ic#" Fe#'ii"it& 'tud& 1/

) O!r#tion#" .e#'ii"it& 'tud& 1/

+ S-edu"e Fe#'ii"it& 'tud& 1/

/ We De'i0n Dee"o!(ent 1/

13 So.t4#re H#rd4#re Re5uire(ent S!eci.ic#tion 23

11 Codin0 2)

12 Code E..icienc& 2/

1% O!ti(i'#tion o. code *1

1* I(!"e(ent#tion M#int#ince *2

1, Code E'ti(#tion o. !ro6ect ,*

1$ G#nnit c-#rt ,,

1) A!!endi7 ,$

1+ Future code en-#nce(ent o. re!ort 11)

*age !


5/128


1/ Bi"io0r#!-& 12,

INTRODUCTION

Hi'tor&

In 1990 Tim Berners-Leecreated the first World Wide Web server and browser.[1]It opened

for commercial se in 1991 . In 199! other advances too" place# sch as online ban"in$ and

the openin$ of an online pi%%a shop b& 'i%%a (t. )rin$ that same &ear# *etscape

introdced ++L encr&ption of data transferred online# which has become essential for secre

online shoppin$. ,lso in 199! the erman compan& Intershop introdced its first online

shoppin$ s&stem. In 199 ,ma%on lanched its online shoppin$ site# and in 199/ eBa&

appeared.Cu'to(er'

nline cstomers mst have access to a compter and amethod of pa&ment.

In $eneral# hi$her levels of edcation# income# and occpation of the head of the hosehold

correspond to more favorable perceptions of non-store shoppin$. ,lso# increased eposre to

technolo$& increases the probabilit& of developin$ favorable attitdes towards new shoppin$

channels.

In a )ecember 2011 std& 34ation 5esearch fond that 678 of tablet sers made an online

transaction with their tablet device drin$ the earl& holida& shoppin$ season.

8o0i'tic'

onsmers find a prodct of interest b& visitin$ the website of the retailer directl& or b&

searchin$ amon$ alternative vendors sin$ ashoppin$ search en$ine.

*age #
http://en.wikipedia.org/wiki/Tim_Berners-Leehttp://en.wikipedia.org/wiki/Online_shopping#cite_note-kimpalmer-0http://en.wikipedia.org/wiki/Online_shopping#cite_note-kimpalmer-0http://en.wikipedia.org/wiki/Pizza_Huthttp://en.wikipedia.org/wiki/Netscapehttp://en.wikipedia.org/w/index.php?title=Intershop_Communications&action=edit&redlink=1http://en.wikipedia.org/wiki/Amazon.comhttp://en.wikipedia.org/wiki/EBayhttp://en.wikipedia.org/wiki/Online_shopping#Paymenthttp://en.wikipedia.org/wiki/Online_shopping#Paymenthttp://en.wikipedia.org/wiki/Shopping_search_enginehttp://en.wikipedia.org/wiki/Shopping_search_enginehttp://en.wikipedia.org/wiki/Shopping_search_enginehttp://en.wikipedia.org/wiki/Online_shopping#cite_note-kimpalmer-0http://en.wikipedia.org/wiki/Pizza_Huthttp://en.wikipedia.org/wiki/Netscapehttp://en.wikipedia.org/w/index.php?title=Intershop_Communications&action=edit&redlink=1http://en.wikipedia.org/wiki/Amazon.comhttp://en.wikipedia.org/wiki/EBayhttp://en.wikipedia.org/wiki/Online_shopping#Paymenthttp://en.wikipedia.org/wiki/Shopping_search_enginehttp://en.wikipedia.org/wiki/Tim_Berners-Lee


6/128


nce a particlar prodct has been fond on the web site of the seller# most online retailers

se shoppin$ cart softwareto allow the consmer to accmlate mltiple items and to ad:st

4antities# li"e fillin$ a ph&sical shoppin$ cart or bas"et in a conventional store. ,

;chec"ot; process follows


7/128


)ownloadin$> This is the method often sed for di$ital media prodcts sch as

software# msic# movies# or ima$es.

)rop shippin$>The order is passed to the manfactrer or third-part& distribtor# who

ships the item directl& to the consmer# b&passin$ the retailer@s ph&sical location to save time#

mone and space.

In-store pic"p>The cstomer orders online# finds a local store sin$ locator software

and pic"s the prodct p at the closest store. This is the method often sed in the bric"s and

clic"sbsiness model.

'rintin$ot# provision of a code for# or emailin$of sch items as admission tic"ets

and scrip The patron pic"s

p pre-prchased tic"ets for an event# sch as a pla sportin$ event# or concert# either :st

before the event or in advance. With the onset of the Internet and e-commerce sites# which

allow cstomers to b& tic"ets online# the poplarit& of this service has increased.

S-o!!in0 c#rt '&'te('

+imple s&stems allow the offline administration of prodcts and cate$ories. The shop

is then $enerated as (TAL files and $raphics that can be ploaded to a webspace. These

s&stems do not se an online database.

, hi$h end soltion can be bo$ht or rented as a standalone pro$ram or as an addition

to an enterprise resorce plannin$pro$ram. It is sall& installed on the compan&@s own

webserver and ma& inte$rate into the eistin$ sppl& chain so that orderin$# pa&ment#

deliver accontin$ and warehosin$ can be atomated to a lar$e etent.

ther soltions allow the ser to re$ister and create an online shop on a portal that

hosts mltiple shops at the same time.

*age >
http://en.wikipedia.org/wiki/Downloadhttp://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Retailinghttp://en.wikipedia.org/wiki/Retailinghttp://en.wikipedia.org/wiki/Locator_softwarehttp://en.wikipedia.org/wiki/Bricks_and_clickshttp://en.wikipedia.org/wiki/Bricks_and_clickshttp://en.wikipedia.org/wiki/Printinghttp://en.wikipedia.org/wiki/Emailhttp://en.wikipedia.org/wiki/Ticket_(admission)http://en.wikipedia.org/wiki/Scriphttp://en.wikipedia.org/wiki/Scriphttp://en.wikipedia.org/wiki/Shippinghttp://en.wikipedia.org/wiki/Will_callhttp://en.wikipedia.org/wiki/Enterprise_resource_planninghttp://en.wikipedia.org/wiki/Enterprise_resource_planninghttp://en.wikipedia.org/wiki/Supply_chainhttp://en.wikipedia.org/wiki/Web_portalhttp://en.wikipedia.org/wiki/Downloadhttp://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Retailinghttp://en.wikipedia.org/wiki/Locator_softwarehttp://en.wikipedia.org/wiki/Bricks_and_clickshttp://en.wikipedia.org/wiki/Bricks_and_clickshttp://en.wikipedia.org/wiki/Printinghttp://en.wikipedia.org/wiki/Emailhttp://en.wikipedia.org/wiki/Ticket_(admission)http://en.wikipedia.org/wiki/Scriphttp://en.wikipedia.org/wiki/Shippinghttp://en.wikipedia.org/wiki/Will_callhttp://en.wikipedia.org/wiki/Enterprise_resource_planninghttp://en.wikipedia.org/wiki/Supply_chainhttp://en.wikipedia.org/wiki/Web_portal


8/128


pen sorceshoppin$ cart pac"a$es inclde advanced platforms sch as Interchan$e#

and off the shelf soltions as ,vactis# +atchmo# osommerce# Aa$ento# en art#

CirteAart#Bataviand 'resta+hop.

ommercial s&stems can also be tailored to one@s needs so the shop does not have to

be created from scratch. B& sin$ a pre-eistin$ framewor"# software modles for varios

fnctionalities re4ired b& a web shop can be adapted and combined.

On"ine '-o!!in0

Li"e man& online action websites# man& websites allow small bsinesses to create and

maintain online shops


9/128


, sccessfl webstore is not :st a $ood loo"in$ websitewith d&namic technical featres#

listed in man& search en$ines. In addition to disseminatin$ information# it is abot bildin$

relationships and ma"in$ mone&.

Bsinesses often attempt to adopt online shoppin$ techni4es withot nderstandin$ them

and?or withot a sond bsiness model# prodcin$ webstores that spport the or$ani%ations@

cltre and brand name withot satisf&in$ consmer@s epectations. Dser-centered desi$n is

critical. Dnderstandin$ the cstomer@s wants and needs and livin$ p to promises $ives the

cstomer a reason to come bac" and meetin$ their epectations $ives them a reason to sta&. It

is important that the website commnicates to the cstomer that the compan& cares abot

them.[12]

stomer needs and epectations are not the same for all cstomers. ,$e# $ender# eperience#

cltre are all important factors. Eor eample# Fapanese cltral norms ma& lead sers there

to feel privac& is especiall& critical on shoppin$ sites and emotional involvement is hi$hl&

important on financial pensions sites. Dsers with more online eperience focs more on the

variables that directl& inflence the tas"# while novice sers focs on nderstandin$ the

information.

To increase online prchases# bsinesses mst epend si$nificant time and mone& to define#

desi$n# develop# test# implement# and maintain the webstore. It is easier to lose a cstomer

then to $ain one and even ;top-rated; sites will not scceed if the or$ani%ation fails to

practice common eti4ette sch as retrnin$ e-mails in a timel& fashion# notif&in$ cstomers

of problems# bein$ honest# and bein$ $ood stewards of the cstomers@ data. Becase it is

important to eliminate mista"es and be more appealin$ to online shoppers# man& webshop

desi$ners std& research on consmer epectations.

M#r9et '-#re

3-commerce B2 prodct sales totaled G1!2. billion# representin$ abot 68 of retail

prodct sales in the Dnited +tates. The G2/ billion worth of clothes sold online represented

abot 1H8 of the domestic mar"et# and with 728 of women loo"in$ online for apparel# it has

become one of the most poplar cross-shoppin$ cate$ories. Eorrester 5esearchestimates that

the Dnited +tates online retail indstr& will be worth G279 billion in 201.

*age @
http://en.wikipedia.org/wiki/Websitehttp://en.wikipedia.org/wiki/Online_shopping#cite_note-louisfalk-11http://en.wikipedia.org/wiki/E-commercehttp://en.wikipedia.org/wiki/E-commercehttp://en.wikipedia.org/wiki/Forrester_Researchhttp://en.wikipedia.org/wiki/Websitehttp://en.wikipedia.org/wiki/Online_shopping#cite_note-louisfalk-11http://en.wikipedia.org/wiki/E-commercehttp://en.wikipedia.org/wiki/Forrester_Research


10/128


11/128


+ome stores even allow cstomers to comment or rate their items. There are also dedicated

review sites that host ser reviews for different prodcts. 5eviews and now blo$s $ives

cstomers the option of shoppin$ cheaper or$ anise prchases from all over the world

withot havin$ to depend on local retailers.

In a conventional retail store# cler"s are $enerall& available to answer 4estions. +ome online

stores have real-time chat featres# bt most rel& on e-mail or phone calls to handle cstomer

4estions.

Price #nd 'e"ection

ne advanta$e of shoppin$ online is bein$ able to 4ic"l& see" ot deals for items or

services with man& different vendors


12/128


+ecre +oc"ets La&er


13/128


3nsrin$ that the vendor address is protected with ++L


14/128


sch as the anadian based Wishabiattempts to inclde estimates of these additional cost# [21]

bt nevertheless# the lac" of $eneral fll cost disclosre remains a concern.

Pri#c&

'rivac& of personal information is a si$nificant isse for some consmers. )ifferent le$al

:risdictions have different laws concernin$ consmer privac and different levels of

enforcement. Aan& consmers wish to avoid spam and telemar"etin$ which cold reslt

from sppl&in$ contact information to an online merchant. In response# man& merchants

promise not to se consmer information for these prposes# or provide a mechanism to opt-

ot of sch contacts.

Aan& websites "eep trac" of consmers shoppin$ habits in order to s$$est items and other

websites to view. Bric"-and-mortar stores also collect consmer information. +ome as" for

address and phone nmber at chec"ot# tho$h consmers ma& refse to provide it. Aan&

lar$er stores se the address information encoded on consmers@ credit cards


15/128


commnication# software# photo$raph and financial transactions. ther sccessfl

mar"eters se )rop shippin$ or affiliate mar"etin$techni4es to facilitate transactions of

tan$ible $oods withot maintainin$ real inventor&.

+ome non-di$ital prodcts have been more sccessfl than others for online stores. 'rofitable

items often have a hi$h vale-to-wei$ht ratio# the& ma& involve embarrassin$ prchases# the&

ma& t&picall& $o to people in remote locations# and the& ma& have sht-ins as their t&pical

prchasers. Items which can fit in a standard mailbosch as msic )s# )C)s and boo"s

are particlarl& sitable for a virtal mar"eter.

'rodcts sch as spare parts# both for consmer items li"e washin$ machines and for

indstrial e4ipment li"e centrif$al pmps# also seem $ood candidates for sellin$ online.

5etailers often need to order spare parts speciall since the& t&picall& do not stoc" them at

consmer otletsin sch cases# e-commerce soltions in spares do not compete with retail

stores# onl& with other orderin$ s&stems. , factor for sccess in this niche can consist of

providin$ cstomers with eact# reliable information abot which part nmber their particlar

version of a prodct needs# for eample b& providin$ parts lists "e&ed b& serial nmber.

'rodcts less sitable for e-commerce inclde prodcts that have a low vale-to-wei$ht ratio#

prodcts that have a smell# taste# or toch component# prodcts that need trial fittin$smost

notabl& clothin$and prodcts where color inte$rit& appears important. *onetheless# some

web sites have had sccess deliverin$ $roceries and clothin$ sold thro$h the internet is bi$

bsiness in the D.+.

A00re0#tion

(i$h-volme websites# sch as NahooM# ,ma%on.com and eBa offer hostin$ services for

online stores to all si%e retailers. These stores are presented within an inte$rated navi$ation

framewor". ollections of online stores are sometimes "nown as virtal shoppin$ mallsor

online mar"etplaces.

I(!#ct o. reie4' on con'u(er e-#iour

ne of the $reat benefits of online shoppin$ is the abilit& to read others@ reviews# which cold

be from eperts or simpl& fellow shoppers on one prodct and service.

The *ielsen ompan&condcted a srve& in Aarch 201H and polled more than 27#000

Internetsers in mar"ets from the ,sia-'acific# 3rope# Aiddle 3ast# *orth ,merica and

+oth ,merica to loo" at 4estions sch as ;(ow do consmers shop onlineO;# ;What do

*age #
http://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Affiliate_marketinghttp://en.wikipedia.org/wiki/Yahoo!http://en.wikipedia.org/wiki/Amazon.comhttp://en.wikipedia.org/wiki/Amazon.comhttp://en.wikipedia.org/wiki/EBayhttp://en.wikipedia.org/wiki/Virtual_shopping_mallhttp://en.wikipedia.org/wiki/Online_marketplacehttp://en.wikipedia.org/wiki/Online_marketplacehttp://en.wikipedia.org/wiki/The_Nielsen_Companyhttp://en.wikipedia.org/wiki/Internethttp://en.wikipedia.org/wiki/Internethttp://en.wikipedia.org/wiki/Drop_shippinghttp://en.wikipedia.org/wiki/Affiliate_marketinghttp://en.wikipedia.org/wiki/Yahoo!http://en.wikipedia.org/wiki/Amazon.comhttp://en.wikipedia.org/wiki/EBayhttp://en.wikipedia.org/wiki/Virtual_shopping_mallhttp://en.wikipedia.org/wiki/Online_marketplacehttp://en.wikipedia.org/wiki/The_Nielsen_Companyhttp://en.wikipedia.org/wiki/Internet


16/128


the& intend to b&O;# ;(ow do the& se varios online shoppin$ web pa$esO;# and the impact

of social mediaand other factors that come into pla& when consmers are tr&in$ to decide

how to spend their mone& on which prodct or service.

,ccordin$ to that research# reviews on electronics


17/128


+ome website re4ires a sbscription to access some or all of their content. 3amples

of sbscription website inclde man& bsiness sites# part of news website# academic :ornal

website $amin$ website# messa$e boards# web-based e-mail# social networ"in$ website#

website providin$ real time stoc" mar"et date# and website providin$ varios other services


18/128


WEBDESIGN AND

PUB8ICATION

*age ?


19/128


20/128


T&pical web pa$es are classified as static or d&namic>

+tatic pa$es don@t chan$e content and la&ot with ever& re4est nless a hman [web

master ? pro$rammer] manall& pdates the pa$e. a simple (TAL pa$e is an eample of

static content.

)&namic pa$es adapt their content and ? or appearance dependin$ on end ser@s

inpt ? interaction or chan$es in the comptin$ environment [ser# time# database

modification# etc. ] ontent can be chan$ed on the client side [end-ser@s compter] b& sin$

client side scriptin$ lan$a$es [ Fava+cript# F+cript# ,ction script# etc.] to alter )A

elements [ )(TAL]. )&namic content is often complied on the server tili%in$ server-side

scriptin$ lan$a$es


21/128


sch as inpt from the end ser# inpt from the webmaster or chan$es in the comptin$

environment sch as the site@s associated database havin$ been modified.

ACCESSIB8E WEB DESIGN

M#in Artic"e: We Acce''ii"it&

To be accessible# web pa$es and sites mst conform to certain accessibilit& principles.

These accessibilit& principles are "nown as the W, when tal"in$ abot content. These

can be $roped into the followin$ main areas. Dse semantic mar"p that provides a

meanin$fl strctre to the docment [ i.e. web pa$e]

+emantic mar"p also refers to semanticall& or$ani%in$ the web pa$e strctre and

pblishin$ web services description accordin$l& so that the& can be reco$ni%ed b& otherweb services on different web pa$es.

Dse a valid mar"p lan$a$e that conforms to a pblished )T) of +chema.

'rovide tet e4ivalents for an& non tet components [ e.$. ima$es# mltimedia ]

Dse h&perlin"s that ma"e sense when read ot of contet. [ e.$. avoid @lic" (ere@]

Website accessibilit& is also chan$in$ as it is impacted b& ontent Aana$ement

+&stems that allow chan$es to be made to web pa$es withot the need of obtainin$ web-

based pro$rammin$ lan$a$e "nowled$e.

It is ver& important that several different components of web development and

interactions can wor" to$ether in order for the web to be accessible to people with

disabilities. These components inclde> ontent the information in a web pa$e or web

application incldin$>

*atral information sch as tet# ima$es and sonds

*age 2


22/128


ode or mar"p that defines strctre# presentation etc.

Web browsers# media pla&ers and other @ ser a$ents@.

,ssistive technolo$ in some cases - screen readers# alternative "e&boards# switches#

scannin$ software# etc

Dsers@ "nowled$e eperiences# and in some cases# adaptive strate$ies sin$ the web. )evelopers - desi$ners# coders# athors# etc.# incldin$ developers with disabilities and sers

who contribte content.

,thorin$ tools - software that creates web sites.

3valation tools - web accessibilit& evalation tools# (TAL valatorsQ# ++ valators# etc.

HISTOR< :

Tim Berners- Lee pblished what is considered to be the first website in ,$st 1991.Berners-Lee was the first to combine internet commnication [which had been carr&in$ email

and the Dsenet for decades] with h&pertet [which had also been arond for decades# bt

limited to browsin$ information stored on a sin$le compter# sch as interactive )R5A

desi$n]. Website are written in a mar"p lan$a$e called (TAL and earl& versions of

(TAL were ver& basic# onl& $ivin$ a website@s basic strctre [headin$s and para$raphs]#

and the abilit& to lin" sin$ h&pertet. This was new and different from eistin$ forms of

commnication -sers cold easil& navi$ate to other pa$es b& followin$ h&perlin"s from

pa$e to pa$e.

,s the Web and web desi$n pro$ressed# the mar"p lan$a$e chan$ed to become

more comple and fleible# $ivin$ the abilit& to add ob:ects li"e ima$es and tables to a pa$e.

Eeatres li"e tables# which were ori$inall& intended to be sed to displa& tablar information#

were soon sbverted for se as invisible la&ot devices. With the advent of ascadin$ +t&le

+heets [++]# table based la&ot is commonl& re$arded as otdated. )atabase inte$ration

technolo$ies sch as server side scriptin$ and desi$n standards li"e WH frther chan$ed and

enhanced the wa& the web is made. ,s times chan$e website are chan$in$ the code on the

inside and visal desi$n on the otside with ever evolvin$ pro$rams and tilities.

With the pro$ression of the web# tens of thosands of web desi$n companies have

been established arond the world to serve the $rowin$ demand for sch wor". ,s with

*age 22


23/128


mch of the information technolo$& indstr man& web desi$n companies have been

established in technolo$& par"s in the developin$ world as well as man& Western desi$n

companies settin$ p offices in contries sch as India# 5omanina# and 5ssia to ta"e

advanta$e of the relativel& lower labor rates fond in sch contries.

W3B 'L,**I*

'rposin$ web desi$n is a comple# bt essential on$oin$ activit&. Before creatin$

and ploadin$ a website# it is important to ta"e the time to plan eactl& what is needed in the

website. Thoro$hl& considerin$ the adience or tar$et mar"et# as well as definin$ the

prpose and decidin$ what content will be developed# are etremel& important.

CONTEXT :

Web desi$n is similar in a ver& simplistic wa& to traditional print pblishin$. 3ver&

website is an information displa& container# :st as a boo"# and ever& web pa$e is li"e the

pa$e in a boo". (owever# web desi$n ses as framewor" based on di$ital code and displa&

technolo$& to constrct and maintain an environment to distribte information in mltiple

formats. Ta"en to its fllest potential# web desi$n in ndobtedl& the most sophisticated and

increasin$l& comple method to spport commnication in toda&@s world.

PURPOSE:

It is essential to define the prpose of the website as one of the first steps in the

plannin$ process. , prpose statement shold show focs based on what the website will

accomplish and what the sers will $et from it. , clearl& defined prpose will help the rest

of the plannin$ process as the adience is identified and the content of the site is developed.

+ettin$ short and lon$ term $oals for the website will help ma"e the prpose clear and planfor the ftre when epansion modification and improvement will ta"e place. Aeasrable

ob:ectives shold be identified to trac" the pro$ress of the site and determine sccess.

AUDIENCE:

*age 2


24/128


)efinin$ the adience is a "e& step in the website plannin$ process. The adience is

the $rop of people who are epected to visit or website the mar"et bein$ tar$eted. These

people will be viewin$ the website for a specific reason and itQs important to "now eactl&

what the& are loo"in$ for when the& visit the site.

, clearl& defined prpose or $oal of the site as well as an nderstandin$ of those

visitors want to do or feel when the& come to &or site will help to identif& the tar$et

adience. Dpon considerin$ who is most li"el& to need or se the content a list of

characteristic common the sers sch as.

,dience haracteristics

Information 'references

ompter +pecifications

Web 3perience

Ta"in$ into accont the characteristics of the adience will allow an effective website

to be created that will deliver the desired content to the tar$et adience.

COMPATIBI8IT


25/128


HARDWARE ANDSOFTWARE

RE>UIREMENTS

*age 2#


26/128


*age 2=


27/128


HARDWARE:

5nnin$ the ensemble web site can be rather tain$ on hardware. ,t a minimm &o will

need>

, machine capable of rnnin$ a D*IP - li"e + < e.$. Tr /! +olaris# Lin + P# etc =

2-! b of 5,A < , minimm of ! re4ired to tn Bio Aart =

Dp to 00 Ab hard drive space to install sorce code re4ired b& the web server.

)ependin$ on sa$e - temporar& stora$e space for ima$es session information - for li$ht

sa$e less than 1 ,

,bot 1 b of hard drive space for a local A&+KL < or +KL Lite= database to store session

confi$rations.

No can rn an 3nsemble installation locall& and connect remotel& to or pblic

A&+KL server to retrieve $nomic data. (owever if &or re4ire a fll local installation#

incldin$ some or all $nomic databases# &o will additionall& need.

,rond -0./ Tb hard drive space in which to install the 3nsemble A&+KL databases

and abot the same a$ain for downloadin$ and npac"in$ the data. )ependin$ on &or

re4irements# &o ma& wish to install data for onl& one more species. +ee below for the

approimate si%e re4irements for each species [ note that the compare database re4ired #

re$ardless of which sbset of species &o are sin$.

*ote that whilst windows can rn the re4ired software# it is not officiall& spported as a

platform for ensemble. ,dditional docmentation on sin$ ensemble on windows can be

fond in the installation $ide.

*age 2>


28/128


*age 2?


29/128


SOFTWARE:

Web browsers - I36# Eirefo# hrome# pera and +afari. +o we can chec" that the pa$e

views o" across a variet& of platforms.

imp - Eor m& pictre editin$.

)ream weaver AP 200! - Aainl& sed in tet editin$ mode and I li"e the site mana$er.

Pampp - Pampp creates a server on m& ' so I can create a fll wor"in$ pa$e so it can be

tested before I pload. Eirefo - , Eirefo pl$ in to transfer files.

,nd the last and most sed software is windows notepad - I am sin$ it now as I am writin$

this article. A& blo$ and en$ineer articles have a featre where I can cop& and paste tet in

to the new post form.

*age 2@


30/128


CODING

*age


31/128


CODING

If &o are doin$ bsiness on the internet# ta"in$ the time to learn how to desi$n &or

own web site and write &or own (TAL code


32/128


S?bod&

S ?html

Shtml

Shead

Stitle Basic ta$S?title

S?headSbod&this is m& first pa$eS?bod&S?html

Sbod&ta$

The bod& element defines the docment@s bod&. it contains all the contents of the

docment [ li"e tet# ima$es# colors# $raphics etc]

,ttribtes

,ttribtes Cale )escription

Bac"$rond file:tiame ,n ima$e to se as the bac"$rond.

)eprecated. Dse st&les Uinstead.

b$color color name The bac"$rond color of the docment.

)eprecated. Dse st&les instead.

Lin"# a lin"# +pecifies the color of all the lin"s in the docment.

)eprecated. Dse st&les

V V color name

Chn" U instead.

Tet colorUname +pecifies the color of the tet in the docment.

)eprecated. Dse st&les Instead

Shm S?hn (eadin$ Ta$s

These ta$s are sed to displa& headin$s in an (TAL docment# thro$h these ta$s

&o can increase the si%e of the tet. In these ta$s

Shl ta$ defines the lar$est header X Sh/ defines smallest.

These ta$s are Shl S?hl# Sh2 Sh2# ShH ShH# Sh! Sh!# Sh Sh

Eormat>

*age


33/128


Shntet S?hn

3ample >

Shl this is m& first pa$e S?hl or Shl ali$nRYri$htYtetS?hl ,ttribte of the Shnta$.

Sp Sp 'ara$raph ta$

This ta$ is sed for creatin$ the para$raph in the web pa$e. It is sed inside the bod& of file.

Eormate>

Sp This a brea" Sbr in the line

Shrta$

This is a brea"Sbr in the line.

Shrta$

This is the test of the hrShrta$Shr

,ttribte

,ttribte Cale )escription

,li$n ri$ht# left# center the ali$nment of the hori%ontal rle.

+i%e 8# piels the thic"ness

SM- add here &or comments these will not be displa&ed

No mi$ht have became bored of readin$ so lets do some practical.

Eollow these +teps>

op& this code in the new file of an& tet editor. +ave it with htm or html etension.

pen the Internet Browser.

*age


34/128


pen the saved file in it.

haracter Eormat Ta$s

These ta$s are sed for the formattin$ of the tet sch as nderline# bold# italic# font# si%e#

color of the tet.

,ll these character formattin$ ta$s are defined in the table shown below

hart Eormat Ta$ )escription

Sb )ispla&s bold tet

Si )ispla&s italic tet

Stt 5enders as telet&pe or mono spaced tet

S )ispla&s nderlined tet

Sem )ispla&s emphasi%ed tet

Sbi$ )ispla&s bi$ tet

Ssmall )ispla&s small tet

Sstron$ )ispla&s stron$ tet

Ssb )ispla&s sbscripted tet

Ssp )ispla&s sperscripted tet

Sbdo )efines the direction of tet displa&

Sfont )efines the direction of tet displa&

Sfont )efines the font face# si%e# and color of tet

3amples of the Tet Eormattin$ ta$s

3amples tpts

Sb This tet is boldS?b This tet is bold

Sstron$ This tet is stron$ S?stron$ This tet is stron$

Sbi$ This tet is bi$ S?bi$O This tet is bi$

Sem This tet is emphasi%edS?em This tet is emphasi%ed

Si This tet is italicS?i This tet is italic

Ssmall This tet is small S?small This tet is small

This tet contains Ssb sbscriptS?sb This tet contains sbscript

This tet contains Ssp sperscriptS?sp This tet contains sperscript

S This is nderlined tet S?D this is nderlined tet

Sbdo dorRYrtr (ere is some (ebrew tet S?bdo (ere is some (ebrew tet

*age


35/128


tpt Ta$s

These ta$s are often sed to displa& compter?pro$rammin$ code.

No mi$ht be srprised for Zhow to displa& the tet containin$ the spaces# line brea"s#

pro$rammin$ codes# sample tet# define variableY.

)o not worr becase in this chapter we are $oin$ to show &o how easil& &o can do easil&.

+o lets start with these ta$s>

Spre )efines preformatted tet

Scode )efines compter code tet

Stt )efines telet&pe tet

S"bd )efines "e&board tet

Svar )efines a variable

Sdrn )efines a definition term


Ssamp )efines sample compter code

3amples tpts

Spre It preserve all spacesS?pre It preserve all spaces

Scodeompter codeS?code ompter code

S"bdJe&board inptS?"bd Je&board inpt

SttTelet&pe tetS?tt Telet&pe tet

Ssamp+ample tetS?samp +ample tet

Svarcompter variableS?var ompter variable

Sdfh)efinition termS?dfh )efinition term

Ta$s +mmar&

Ta$s rdered ,plhabeticall&

Ta$s )escription

SM---- )efines a coi ir .e.it

Sa )efines an ai el o

Sabbr )efomes am al b e?ia ion

Sacron&m )efines an arfc r&m

Saddress )efines an at dress clement

*age


36/128


37/128


Siframe )efines an inline sb window < frame =

Sim$ )efines an ima$e

Sinpt )efines an inpt field

Sins )efines inserted tet

S"bd )efines "e&board tet

Slabel )efines a label for a form control

Sli )efines a list item

Smap )efines an ima$e map

Smar4ee )efines the movin$ tet in a docment

Smen )eprecated. )efines a men list

Snoframes )efines a noframe section

Sol )efines an ordered lisi

Sopt$rop )efines an option $rop

Soption )efines an option in a drop-down list

Sp )efines a para$raph

Spre )efines preformatted tet

S4 )efines a short 4otation

Ss )efines a short 4otation

Ssamp )efines sample compter code

Sselect )efines a selectable list

Ssmall )efines small tet

Sspan )efines a section in a docment

Sstri"e )eprecated. )efines stri"ethro$h tet

Sstrpn$ )efines stron$ tet

Sst&leO )efines a st&le definition

Ssb )efines sbscripted tet

Stable )efines a table

Stbod& )efines a table be i&

Std )efines a table ee 1

Stetarea )efines a tet are#

Stfoot )efines a table Sct-.r

*age


38/128


Sth )efines a table he acler

Sthead )efines a table header

Stitle )efines the docment title

Str )efines a table row

Stt )efines telet&pe tet

S )eprecated. )efines nderlined tet

Sl )efines an nordered list

Svar )efines a variable

Ta$s rdered b& Enction Basic Ta$s

Ta$s )escription

Shtml )efines a html docment

Shead )efines information abot the docment

Stitle )efines the docment title

Sbod& )efines the bod& element

Shl to S h/ )efines header 1 to 10 header /

Sp )efines a para$raph

Sbr inserts a sin$le line brea"

Shr )efines a hori%ontal rle

SM---- )efines a comment

hart Eormat

Ta$s )escription

Sb )efines bold tet

Sfont )eprecated. )efines the font face# si%e# and color of tet

Si )efines italic tet

Sem )efines emphasi%ed tet

Sbi$ )efines bi$ tet

Sstron$ )efines stron$ tet

Ssmall )efines small tet

Ssp )efines sperscripted tet

Ssb )efines sbscripted tet

*age


39/128



S )eprecated. )efines nderlined tet

tpt

Ta$s )escription

Sb Spre )efines preformatted tet

Sfont Scode )efines "e&board tet

Si Stt )efines telet&pe tet

Sem S"bd )efines "e&board tet

Sbi$ Svar )efines a variable

Sstron$ Sdfn )efines a definition term Ta$s )escription

Stable )efines a table

Scaption )efines a table caption

Sth )efines a table header

Str )efines a table row

Std )efines a table cell

Sthead )efines a table header

Stbod& )efines a table bod&

Stfoot )efines a table footer

)ifferent olor 5eview

This table shows the reslt of combinin$ 5ed# reen# and Ble li$ht sorces

olor olor (3P olor 5B

i\000000 r$b


40/128


, form is an area that can contain form elements so simpl& &or will have to first nderstand

what is form. Nor mst have seen the forms on the internet. *ow da&s there is too mch

cra%e of the forms on the internet. at least if &o have an email I) then sre &o have filled

the form of email re$istration drin$ the creation of &or email accont. No fills all the

information in the form# li"e &or *ame# 5e$istration I)# password# address# 4alification

and man& more clic"able bttons.

No can create a form b& sin$ the form pa$e wi%ard# which prompts &o to specif& that

followin$ information. The data &o want to $ather# which determines which fields to place

on &or form. The wa& &o want to la&ot fields.

No can or$ani%e the form into para$raphs or lists and choose whether to se tables to la&ot

the pa$e# whether to inclde a table of contents at the top of the pa$e# which is se fll for

lar$e forms and how &o want to save form reslts. The wi%ard allows &o to save the

reslts to a tet file or an (TAL file or &o can se &or own cstom script to handle the

reslts. When a site visitor clic"s the sbmit btton on the form# the form reslts will be sent

to the location &o specified. +N+T3A )3+I*

The most creative and challen$in$ phase of the s&stem life c&cle is s&stem desi$n. The term

desi$n described a final s&stem and the process b& which it is developed. It refers to the

technical specifications that will be applied in implementin$ the candidate s&stem. It also

incldes the constrction of pro$ram testin$.

The primar& ob:ectives of s&stem desi$n of the s&stem desi$n are to deliver the re4irement

specified in feasibilit& report. The main desi$n ob:ective $ive si$nificance is.

E..icienc& :

This s&stem will prodce otpt in time with accrac&.

Co't :

The s&stem is to desi$n with a minimm cost to satisf& the re4irements.

F"e7ii"it& :

The s&stem will be modifiable one dependin$ on ftre needs.

Securit& :

The s&stem shold reliable# secre one.

*age !0


41/128


Mainly following parts have been included in the system design process:

1@ Out!ut De'i0n :;

The startin$ point of desi$n process in the proper "nowled$e of s&stem# re4irements# which

will normall& be converted in terms of otpt.

2@ In!ut De'i0n :;

nce the otpt re4irements have been finali%ed# the net step is to find ot what data to be

made available to the s&stem to prodce the desired otpts. The basic docments in which

these data are available need to be identified.

%@ D#t# B#'e De'i0n :;

nce the data is captred in the s&stem these have to be preserved for lon$ period. The data

is $enerall& stored in files in a lo$ical manner.

*@ Procedure De'i0n :;

This step involves specification of now processin$ will be performed.

,@ Contro" De'i0n:;

It indicated necessar& procedre which will ensre correctness of processin$# accrac& of

data timel& otpt etc

INPUT DESIGN :

The $oals of desi$nin$ ma"e date entr& eas& error free. The inpt screens of the s&stem

clearl& $ive the len$th of data field. +ome inpt screens are listed in appendi.

OUTPUT DESIGN :

The otpt desi$n shold be in an attractive becase sccess made acceptable of a s&stem to

some etent depends on $ood presentation. There are main reasons# wh& otpts from

compter are re4ired the& are>

1] Eor commnication to the persons concerned.

2] Eor re - inpt to the compter for bein$ concerned with other data frther processin$.

H] Eor permanent stora$e.

*age !


42/128


!] In this s&stem# there are reports displa&s on screen# and printed forms come as otpts.

tpts device sed in this s&stem are monitor and printer. The main desi$ns considerin$

this s&stem are>

i] *o data eclded in otpt.

ii] The format of otpt is similar to the presentl& eistin$ one.

iii] The se4ence of reports printed is in a sefl wa& which is similar to

that of present s&stem.

iv] The otpt $enerated is havin$ $ood 4alit& in appearance# contents and

accrac&.

v] The otpt sorces are provided with necessar& screen headin$ and labels

for varios fields. Bttons are provided for actions li"e displa&in$ printin$ etc.

MENU DESIGN :

The men of this s&stem is desi$ned in a hierarchical manner. ,ctivit& of

similar natre is $roped nder one men. Li"e all entr& forms of server side has nder

;3ntr& Eorms; men and all reports nder ;5eports Aen;. Aens are desi$ned in the form

that the ser can wor" with more than one form at a time.

FORM DESIGN :

Eorm is a tool with messa$e it is the ph&sical carrier of data. It provides information for

ma"in$ decision and improvin$ operations. The si%e of this forms is convenient for eas&

handlin$ and eas& to identif& and fillin$ p. The software covers the basic processed startin$

from the re$istration of new cstomer and also providin$ facilit& that alread& re$istered.

CODE EFFECIENC


48/128


INTRODUCTION OF A=ASCRIPT

Fava+cript is a powerfl# ob:ect based lan$a$e. Fava+cript pro$rams can be

embedded directl& in (TAL web pa$es.

When combined with the )ocment ob:ect model [)A] defined b& a web browser#

Fava+cript allows &o to create )&namic (TAL content and interactive client side web

application Fava+cript.

+&nta is based on the poplar pro$rammin$ lan$a$es # ^^ and Fava# which

ma"es it familiar and eas& to learn for eperienced pro$rammers.

,t the same time# Fava+cript is an interpreted scriptin$ lan$a$e# providin$ a fleible

pro$rammin$ environment in which new pro$rammers can learn easil&.

W-#t i' ##Scri!t ?

(tml is providin$ static web pa$es bt with the developments in internet X World WideO

Web the interactive commnication became a necessit&. The World Wide Web is a heap of

pa$es havin$ information if form of tet# $raphics# pictres# sonds etc. 3ver& pa$e is lin"ed

to another pa$e on web and the lin"ed pa$e can have lin"s to other pa$es.

Browser is a pro$ram responsible to nderstand and interpret the lan$a$e and

perform accordin$ to the instrctions written in (TAL file. Internet eplorer# *etscape

*avi$ator# Eire Eo etc.# are sch pro$rams.

(TAL# Fava+cript is inte$rated with browser X this inte$ration enables the

pro$rammer to add d&namic interaction to the tet pictre information on the web pa$e.

Fava+cript is case sensitive lan$a$e i.e. state is different from state of +tate [these are three

different words for Fava+cript]. Fava+cript is capable of sensin$ the events li"e mosin$

clic"# mosin$ movin$ etc. Fava+cript files are directl& eected when ser doble clic"s on

them or opens them in browser.

*age !?


49/128


W-#t 4e c#n do u'in0 ##Scri!t ?

(TAL coders are not pro$rammer b& sin$ Favascript a html operator can do

pro$rammin$ in a ver& simple wa& becase Favascript is ver& simple and eas& to learn and

nderstand. Favascript is capable of ma"in$ a static pa$e as d&namic pa$e# where the

pro$rammer can pt variables. Fava+cript has the abilit& to sense the events li"e mosin$

clic"# movement# "e&boardin$ events etc. We can se (TAL in Fava+cript i.e. Fava+cript

can nderstand (TAL. The Fava+cript pro$ram hence decreasin$ the nnecessar& traffic on

lines and seless processin$ at server end can validate the data fed b& the ser at client end.

W-#t 4e c#n do u'in0 ##Scri!t ?

(TAL coders are not pro$rammer bt sin$ Fava+cript a html operator can do

pro$rammin$ in a ver& simple wa& becase Fava+cript is ver& simple and eas& to learn and

nderstand. Fava+cript is capable of ma"in$ a static pa$e as d&namic pa$e# where the

pro$rammer can pt variables. Fava+cript has the abilit& to sense the events li"e mosin$

clic"# movement# "e&boardin$ events etc.

We can se (TAL in Fava+cript can nderstand (TAL. The Fava+cript hence

decreasin$ the nnecessar& traffic on lines and seless processin$ at server end can validate

the data fed b& the ser at client end.

W-#t 4e '-ou"d 9no4 e.ore "e#rnin0 ##Scri!t ?

We shold have "nowled$e of (TAL before learnin$ Fava+cript. , Fava+cript

pro$ram can be t&ped in head or in bod& part of the (TAL pa$e or it cold be attached

eternall& to the web pa$e.

W-#t (ini(u( H#rd4#re #nd So.t4#re re5uire(ent' #re to run ##Scri!t?

(ardware 5e4irements

'rocessor> )al ore

5,A> 2 B

+oftware 5e4irements

peratin$ +&stem> Windows or Lin browser

Tet 3ditor > ,n& tet editor li"es notepad# Tetpad or

3ditpls etc.

*age !@


50/128


Ho4 to u'e ##Scri!t into HTM8 code ?

, Fava+cript pro$ram can be "ept in html pa$e nder Sscript Fava+cript pro$ram

S?script ta$. We can place nlimited nmber of scripts in the html pro$ram in head or bod&

section.

Jeepin$ Fava+cript in head section if we want that the Fava+cript pro$ram shold be

eected when it is called# then we shold "eep it in head section.

Ho4 to 9ee! ##Scri!t in -e#d 'ection o. # HTM8 .i"e ?

Shtml

Shead

Sscript t&peR;tet?Fava+cript;

script code

S?script this is :st s&nta [how X where to t&pe]# we will earn it in detail after

learnin$ fnctions. Jeepin$ Fava+cript in bod& section.

If we want that the script shold be eected when the pa$e loads then we shold

"eep the Fava+cript pro$ram in bod& section.

Ho4 to 9ee! ##Scri!t in od& 'ection o. # HTM8 .i"e ?

Shtml

Shead

S?head

Sbod&

Sscript t&peR;tet?Fava+cript;

Scri!t code

S?script

S?bod&

S?head

I' 'e(i co"on needed to end t-e 't#te(ent in ##Scri!t ?

'ttin$ semi color at the end of the statement is optional# if &o want &o can place

else &o can leave. 'ttin$ semi colon at end of the statement depends on the ser@s choice

(TAL coders are not pro$rammer bt sin$ Fava+cript an html operator can do

pro$rammin$ in a ver& simple wa& becase Fava+cript is ver& simple and eas& to learn and

nderstand. Fava+cript is capable of ma"in$ a static pa$e as d&namic pa$e# where the

*age #0


51/128


pro$rammer can pt variables. Fava+cript has the abilit& to sense the events li"e mose

clic"# movement# "e&boardin$ events etc. We can se (TAL in Fava+cript.

i.e. Fava+cript can nderstand (TAL. The Fava+cript pro$ram hence decreasin$ the

nnecessar& traffic on lines and seless processin$ at server end can validate the date fed b&

the ser at client en.

(TAL Fava+cript is inte$rated with browser X this inte$ration enables the

pro$rammer to add d&namic interaction to the tet# pictre# and information on the web pa$e.

Fava+cript is case sensitive lan$a$e i.e. state is different from state of +tate [there are three

different words for Fava+cript]. Fava+cript is capable of sensin$ the events li"e mosin$

clic"in$# mosin$ movin$ etc. Fava+cript files are directl& eected when ser doble clic"s

on them or opens them in Browser.

Nu(er:

The nmber t&pe deals with di$its it covers both floatin$ pint nmbers and inte$ers.

Eloatin$ point nmber are li"e _ !12./2# 9.2#0.!/6 inte$er nmbers are li"e> 2# 126# 9/6

initiali%in$ nmber t&pe variable Car a$e R 2

Car is Fava+cript "e&word# a$e is a variable name# 2 is vale assi$ned to a$e

variable# variable a$e is of nmber t&pe becase the vale assi$ned to a$e is of nmber t&pe#

Car hra R 16./

Car is Fava+cript "e&word# hra is a variable name# 16./ is vale assi$ned to hra

variable# variable hra is of nmber t&pe becase the vale assi$ned to hra is of nmber t&pe.

In the eample $iven below we have sed "e&word docment# write [messa$e] which is sed

to print the messa$e or variable vale $iven with it.

Strin0

+trin$ t&pe deals with a sin$le character or a series of characters enclosed with sin$le

4otes or doble 4otes respectivel&

Initi#"iin0 'trin0 t&!e #ri#"e'

Car sectRQaQ

Car is Fava+cript "e&word# sect is a variable name# a is vale assi$ned to sect variable#

variable sect is of strin$ t&pe becase the vale assi$ned to sect is of +trin$ t&pe.

*age #


52/128


Car sectRQaQ . var is Fava+cript "e&word# contr& is a variable name# India is vale assi$ned

to contr& variable# variable contr& is of +trin$ t&pe becase the vale assi$ned to contr& is

of strin$ t&pe.

In the eample $iven below we have sed "e&word docment# write [messa$e] which

is sed to print the messa$e or variable vale $iven with it.

3ample 1 >-

Shtml

Shead

S?head

Sbod&

Sscript t&peRYtet? Fava+criptY

Car sectRQaQ

)ocment write < +ection is > Z^sect=

S?script

S?bod&

S?html Boolean

Boolean t&pe has onl& twovales tre and false. These constant valses are case

sensitive.

Initiali%in$ Boolen t&pe variables

Car present R tre

Car is Fava+cript "e&word# present is variable name# tre is vale assi$ned to present

variable# variable present is of Boolean t&pe becase the vale assi$ned to present is of

Boolean t&pe

In the eample $iven below we have sed "e&word docment write


53/128


Car present R tre docment write A^present= docment

write Z^attend=

S?scriptS?bod&

S?html

perators

1. ,rithmetic perators>

,rithmetic operators are sed in dail& life# li"e addin$# sbtractin$# mltipl&in$# dividin$ etc.

The arithmetic operators are spported b& Fava+cript.

perator )escription

^ ,ddition

" +btraction Altiplication

? )ivision

8 Aodls

^^ Increment

)ecrement>

)ocment write A^present=

)ocment write Z^attend=

S?script

S?bod&

S?html

Under't#ndin0 t-e !ro0r#(:

Cariable store the reslt of ever& arithmetic operation with the two operands and

displa&s the reslt. )ivision operator


54/128


Lo$ical operators are sed to perform Boolean operations on operands. Lo$ical

perators are and


55/128


IMP8EMENTATIONA AND

MAINTENANCE

*age ##


56/128


IMP8IMANTATION AND MAINTENANCE

, crcial phase in the s&stem life c&cle is the sccessfl implemaintance of the new s&stem

desi$n.

Implementation incldes all those activities that ta"e place to convert from the old s&stem to

the new one.

The implemaintance tas" can be smmari%ed as follows.

onversation

To post implementation review

Tr#inin0 to St#.. :

3ven well desi$n s&stem can scceed or fail becase of the wa& the& are operated and

sed therefore I adopted $ood trainin$ procedre in m& s&stem. perators of the s&stem are

familiar with the compter bt not with window platform. I $ave essential window trainin$

sch as the basic of P' window s&stem. Dsin$ word processor and printer and some basic

selectionsl when the& are confidant in window platform I introdce the s&stem. , printed

cop& of ser manal is distribted to the s&stem trainin$.

Securit& :

+'35D provides maimm secrit& of data# ensrin$ that the intri$it& of data is

maintained and restrictin$ nathori%ed access.

*age #=


57/128


GANNIT CHART

*age #>


58/128


Co#din0

Ho(e P#0e Codin0

Shtml SheadStitleInformi ompterS?titleSst&le t&peR;tet?css; ` mar$in> 0 otline> none .c ` clear> both \wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0p h2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;fnction AAUswapIm$5estore


59/128


var i#:Rd.AAUp.len$th#aRAAUpreloadIma$es.ar$ments for


60/128


description> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation 20p font-variant>small-caps;Smar4ee directionR;p;

scrolldela&R;12; hei$htR;20p;+oftware Testin$Sbr?Sbr?A+-ffice XInternetSbr?Sbr?orse n ompter oncept


61/128


onceptnone color>ble;lic" (ere Eor Eees +trctre f

orsesS?aSbr?Sbr?Sa hrefR;scess.html; st&leR;font-variant>small-caps font-famil&>arial blac"tet-decoration>none color>ble;lic" (ere Eor 5eview f +cessfl +tdentsS?aS?divS?divS?divS?divS?divS?divSdiv classR;footer;Sdiv classR;footerUcontainer;Sdiv classR;footerUsection;Sdiv classR;footerUsection1;Sl idR;social-icon;

Sli classR;$oo$le;Sa hrefR;\; titleR;[oo$le - 3ternal web site];Sim$ srcR;im$?$oo$le.pn$;altR;oo$le; titleR;oo$le; ?S?aS?liSli classR;twitter;Sa hrefR;\; titleR;[Twitter - 3ternal web site];Sim$ srcR;im$?twitter.pn$;altR;Twitter; titleR;Twitter; ?S?aS?liSli classR;faceboo";Sa hrefR;\; titleR;[Eaceboo" - 3ternal web site];Sim$srcR;im$?faceboo".pn$; altR;Eaceboo"; titleR;Eaceboo"; ?S?aS?liSli classR;rss;Sa hrefR;\; titleR;[5++ Eeed - 3ternal web site];Sim$ srcR;im$?rss.pn$; altR;5++Eeed; titleR;5++ Eeed; ?S?aS?liS?lS?divS?divSdiv classR;footerUsection;Sim$ srcR;ft-left-b$.pn$; st&leR;border-ri$ht-st&le>dashed border-

width>thin border-color>white;S?divSdiv classR;footerUsection;Sdiv classR;footerUsection2;*T,T D+>-Sbr?).T ompan& 5oad 5ailtol& ondiaSbr?ontact>-626!296?6160029!66Sbr?informiinformi.edSbr?Sspan st&leR;font-si%e>10p;op&ri$hts. 201! Informi ompter. ,ll 5i$hts5eservedS?spanS?divS?divS?divS?divS?div

S?bod&S?html

Aout U' Codin0

ShtmlSheadStitleInformi ompterS?titleSst&le t&peR;tet?css; ` mar$in> 0 otline> none

*age =


62/128


.c ` clear> both \wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0p h2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?script

Slin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;fnction AAUswapIm$5estore


63/128


Sim$ srcR;im$?!.:p$; ?S?divSdiv classR;c;S?divSdiv idR;+lider*ame*avi$ation;S?divSdiv classR;c;S?divSscript t&peR;tet?:avascript;

?? we created new effect and called it @demo01@. We se this name later.+liderman.effect @demo01@# cols> 10# rows> # dela&> 10# fade> tre# order> @strai$htUstairs@=var demo+lider R +liderman.slider @+lider*ame@# width> 10!0# hei$ht> H00# effects>@demo01@#displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshowalwa&sUshowUloadin$> 200# ?? testin$ loadin$ modedescription> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>

@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation


64/128


Basics# A+-ffice # # ^^# Fava # ,dvance Fava # racle # Cisal Basic# CB.*et # ,+'.*et #\.*et # ,nimation orses# Web 'a$e )esi$nin$ # '(' and A&+KL # ,to,) # Hd +tdio Aa #5evit # +taad 'ro # 'ro-e # ,TI, # ,ns&s # Dni$raphics *P #,) ,A# ,rchi,)# (ardware #*etwor"in$ # 'hotoshop # Elash # oreldraw # raphic )esi$n# Web +ite )evelopment# Foomla#Wordpress# +earch 3n$ine ptimi%ation# ,nimation orses# +oftware Testin$# 'rimavera# A+'ro:ect# 3mbedded +&stems# Aatlab# 'ro$rammin$ orses# )ot *et orses# Altimedia# ,ction

+cript# Illstrator# oo$le +"etchp# Cideo 3ditin$# Aa&a# I+TKB +oftware Testin$# *,# *'#I3# A+3# AIT'# A'# AT+# A)B,# A')# AT'# 5ed (at Lin# 3-commerce# #,ndroid# 3thical (ac"in$# Fava (ibernate# Fava +prin$# Fava 3FB # Fava DAL# +hare Aar"etTrainin$# Dniversit& +&llabs of B3# 'ol B,# B,# A,# AA# B+c# A+c# 12th +td +tateB+3 and Live 'ro:ects. 'ro:ect idance is provided for Einal Near stdents. rash and East Trac"and 5e$lar Batches for ever& corse is available.Sbr?Sbr?S?divSdiv st&leR;tet-ali$n>:stif& tet-indent>!0p font-famil&>times new roman font-wei$ht>boldletter-spacin$>p word-spacin$>1p line-hei$ht>2p;*ew Batches for ,ll corses are started ever& month on 3ver& Aonda&s and Wednesda&s.The Teamof faclt&@s consists of eperienced persons with eposre in varied technolo$ies and are available forthe whole da&. Batches for all these are available ever& month. Eor more details &o can contact s atI*E5AIP ompter Institte in ondia.

The ondia enters of I*E5AIP ompter Instittes has latest compters with latest technolo$ieswith Teachers and +taff well 4alified and eperienced in their field. The Trainin$ of all corses arecondcted in a s&stematic and well planned manner. B& learnin$ +oftware IT stdents have a $reatcareer.Sbr?Sbr? S?divSdiv st&leR;tet-ali$n>:stif& tet-indent>!0p font-famil&>times new roman font-wei$ht>boldletter-spacin$>p word-spacin$>1p line-hei$ht>2p;I*E5AIP ompter Institte provides $idance on career development also to its stdents.Whenever an& stdent or person comes to I*E5AIP ompter Institte ondia entres thecorses are also s$$ested to enable him move ahead in his career. areer onsellin$ is done so thatthe stdent selects ri$ht corses which can help him or her in ftre. Eeel Eree to all I*E5AIPompter Institte ondia for an& of &or trainin$ re4irement as per &or convenient timin$s batchand dration.Sbr?Sbr? S?div

Sdiv Sim$ srcR;mana$eim$.$if;?Sbr?Sbr?S?divSdiv st&leR;width>1008 paddin$>p hei$ht>17p;Sdiv st&leR;width>08 hei$ht>1008 mar$in-top>10p paddin$-top>10p font-famil&>;times newroman; font-si%e>16p font-wei$ht>bold float>left;Sdiv st&leR;width>H08 float>left;Sim$ srcR;notavailableH00.pn$; hei$htR;10;widthR;10;?S?divSdiv st&leR;width>/08 mar$in-left>H28;Jhoooshb+hei"hSbr?Eonder?hairman?Eaclt&Sbr?Sbr?Sim$ srcR;eperim$.$if;? Sbr?Sbr? Sspanst&leR;font-si%e>1!p;W3B )3+I*# 5,'(I )3+I*#SB5? ,*IA,T*#,D*T,*NS?spanS?divS?divSdiv st&leR;width>08 hei$ht>1008 mar$in-top>10p paddin$-top>10p font-famil&>;times new

roman; font-si%e>16p font-wei$ht>bold;Sdiv st&leR;width>H08 float>left;Sim$ srcR;ceo.pn$; hei$htR;10; widthR;10;?S?divSdiv st&leR;width>/08 mar$in-left>H28;Bhavesh 5athodSbr?3?Eaclt&Sbr?Sbr?Sim$srcR;eperim$.$if;? Sbr?Sbr? Sspan st&leR;font-si%e>1!p;W3B )3+I*# 5,'(I)3+I*#SB5? ,*IA,T*# ,D*T,*NS?spanS?divS?divS?divS?divS?div

*age =!


65/128


Sdiv classR;footer;Sdiv classR;footerUcontainer;Sdiv classR;footerUsection;Sdiv classR;footerUsection1;Sl idR;social-icon;Sli classR;$oo$le;Sa hrefR;\; titleR;[oo$le - 3ternal web site];Sim$ srcR;im$?$oo$le.pn$;

altR;oo$le; titleR;oo$le; ?S?aS?liSli classR;twitter;Sa hrefR;\; titleR;[Twitter - 3ternal web site];Sim$ srcR;im$?twitter.pn$;altR;Twitter; titleR;Twitter; ?S?aS?liSli classR;faceboo";Sa hrefR;\; titleR;[Eaceboo" - 3ternal web site];Sim$srcR;im$?faceboo".pn$; altR;Eaceboo"; titleR;Eaceboo"; ?S?aS?liSli classR;rss;Sa hrefR;\; titleR;[5++ Eeed - 3ternal web site];Sim$ srcR;im$?rss.pn$; altR;5++Eeed; titleR;5++ Eeed; ?S?aS?liS?lS?divS?divSdiv classR;footerUsection;Sim$ srcR;ft-left-b$.pn$; st&leR;border-ri$ht-st&le>dashed border-width>thin border-color>white;S?div

Sdiv classR;footerUsection;Sdiv classR;footerUsection2;*T,T D+>-Sbr?).T ompan& 5oad 5ailtol& ondiaSbr?ontact>-626!296?6160029!66Sbr?informiinformi.edSbr?Sspan st&leR;font-si%e>10p;op&ri$hts. 201! Informi ompter. ,ll 5i$hts5eservedS?spanS?divS?divS?divS?divS?divS?bod&

S?html

Ad(i''ion For( Codin0

ShtmlSheadStitleInformi ompterS?titleSst&le t&peR;tet?css;td` font-wei$ht>bold.lefttd`tet-ali$n>leftfont-wei$ht>bold ` mar$in> 0 otline> none .c ` clear> both .tetUform`font-variant>small-caps font-wei$ht>bold font-famil&>;Lcida +ans Dnicode;# ;Lcidarande;# sans-serif font-si%e>20p color>ble\wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0ph2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --

*age =#


66/128


S?divSscript t&peR;tet?:avascript;fnction AAUswapIm$5estore


67/128


var demo+lider R +liderman.slider @+lider*ame@# width> 10!0# hei$ht> H00# effects>@demo01@#displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshowalwa&sUshowUloadin$> 200# ?? testin$ loadin$ mode

description> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation


68/128


69/128


Soption ^^ S?optionSoptionF,C,S?optionSoption,)C,*3 F,C,S?optionSoption),T, +T5DTD53S?optionSoption5,L3S?optionSoption(TAL ? ++S?option

SoptionF,C,+5I'T?PALS?optionSoption)53,AW3,C35S?optionSoption '(T+(' S?optionSoption53L)5,WS?optionSoptionS?optionSoption ILLD+T5,T5 S?optionSoptionEL,+(S?optionSoptionH) A,PS?optionSoptionL3 +J3T(S?optionSoptionA,N, I* 2) X H)S?optionSoptionT,LLNS?optionSoptionBD+NS?option

Soption,DT ,)S?optionSoption.*3TS?optionSoptionA..AS?optionSoptionB..,S?optionSoptionA+-ITS?optionSoption+(5T T35A D5+3+S?optionSoption..S?optionSoption+ETW,53 T3+TI*S?optionSoption(,5)W,53 X *3TW5JI*S?optionSoptionA'L3T3 ,*IA,TI*S?optionSoptionW3B )3+I*I*S?optionS?td

S?trStrStd classR;tetUform;Want To Foin on S?tdStd classR;lefttd; Sinpt t&peR;date; valeR;mm?dd?&&; st&leR;hei$ht>2p border>Hp solid $re&font-si%e>16p; S?tdS?trStrStd classR;tetUform;+itable Timin$ >S?tdStd classR;lefttd; Sinpt t&peR;tet; st&leR;hei$ht>2p border>Hp solid $re& font-si%e>16p;?XnbspXnbspSselect st&leR;hei$ht>H0p font-si%e>16pborder>Hp solid $re&width>7p;Soption,.AS?optionSoption'.AS?optionS S?tdS?tr

StrStdXnbspS?tdStd classR;lefttd; Sinpt t&peR;sbmit; valeR;+bmit; st&leR;hei$ht>0p width>1!0pbac"$rond-color>blac" border-st&le>otset border-width>p color>white border-color>ble font-variant>small-caps font-wei$ht>bold font-si%e>16p;onlic"R;:avascript>alertblac" border-st&le>otset border-width>p color>white border-color>ble font-variant>small-caps font-wei$ht>bold font-si%e>16p;? S?td

*age =@


70/128


S?trS?tableSdivS?divS?divS?div

Sdiv classR;footer;Sdiv classR;footerUcontainer;Sdiv classR;footerUsection;Sdiv classR;footerUsection1;Sl idR;social-icon;Sli classR;$oo$le;Sa hrefR;\; titleR;[oo$le - 3ternal web site];Sim$ srcR;im$?$oo$le.pn$;altR;oo$le; titleR;oo$le; ?S?aS?liSli classR;twitter;Sa hrefR;\; titleR;[Twitter - 3ternal web site];Sim$ srcR;im$?twitter.pn$;altR;Twitter; titleR;Twitter; ?S?aS?liSli classR;faceboo";Sa hrefR;\; titleR;[Eaceboo" - 3ternal web site];Sim$srcR;im$?faceboo".pn$; altR;Eaceboo"; titleR;Eaceboo"; ?S?aS?liSli classR;rss;Sa hrefR;\; titleR;[5++ Eeed - 3ternal web site];Sim$ srcR;im$?rss.pn$; altR;5++

Eeed; titleR;5++ Eeed; ?S?aS?liS?lS?divS?divSdiv classR;footerUsection;Sim$ srcR;ft-left-b$.pn$; st&leR;border-ri$ht-st&le>dashed border-width>thin border-color>white;S?divSdiv classR;footerUsection;Sdiv classR;footerUsection2;*T,T D+>-Sbr?).T ompan& 5oad 5ailtol& ondiaSbr?ontact>-626!296?6160029!66Sbr?informiinformi.edSbr?Sspan st&leR;font-si%e>10p;op&ri$hts. 201! Informi ompter. ,ll 5i$hts5eservedS?span

S?divS?divS?divS?divS?divS?bod&S?html

G#""er& Codin0

ShtmlSheadStitleInformi ompterS?titleSst&le t&peR;tet?css;td`tet-ali$n>center font-wei$ht>bold.lefttd`tet-ali$n>leftfont-wei$ht>bold ` mar$in> 0 otline> none .c ` clear> both \wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0ph2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222

*age >0


71/128


S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;

fnction AAUswapIm$5estore


72/128


Sdiv classR;c;S?divSscript t&peR;tet?:avascript;?? we created new effect and called it @demo01@. We se this name later.+liderman.effect @demo01@# cols> 10# rows> # dela&> 10# fade> tre# order> @strai$htUstairs@=var demo+lider R +liderman.slider @+lider*ame@# width> 10!0# hei$ht> H00# effects>@demo01@#

displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshowalwa&sUshowUloadin$> 200# ?? testin$ loadin$ modedescription> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation


73/128


Sdiv classR;footerUsection;Sdiv classR;footerUsection1;Sl idR;social-icon;Sli classR;$oo$le;Sa hrefR;\; titleR;[oo$le - 3ternal web site];Sim$ srcR;im$?$oo$le.pn$;altR;oo$le; titleR;oo$le; ?S?aS?liSli classR;twitter;Sa hrefR;\; titleR;[Twitter - 3ternal web site];Sim$ srcR;im$?twitter.pn$;

altR;Twitter; titleR;Twitter; ?S?aS?liSli classR;faceboo";Sa hrefR;\; titleR;[Eaceboo" - 3ternal web site];Sim$srcR;im$?faceboo".pn$; altR;Eaceboo"; titleR;Eaceboo"; ?S?aS?liSli classR;rss;Sa hrefR;\; titleR;[5++ Eeed - 3ternal web site];Sim$ srcR;im$?rss.pn$; altR;5++Eeed; titleR;5++ Eeed; ?S?aS?liS?lS?divS?divSdiv classR;footerUsection;Sim$ srcR;ft-left-b$.pn$; st&leR;border-ri$ht-st&le>dashed border-width>thin border-color>white;S?divSdiv classR;footerUsection;Sdiv classR;footerUsection2;

*T,T D+>-Sbr?).T ompan& 5oad 5ailtol& ondiaSbr?ontact>-626!296?6160029!66Sbr?informiinformi.edSbr?Sspan st&leR;font-si%e>10p;op&ri$hts. 201! Informi ompter. ,ll 5i$hts5eservedS?spanS?divS?divS?divS?divS?divS?bod&S?html

Feed#c9 Codin0

ShtmlSheadStitleInformi ompterS?titleSst&le t&peR;tet?css;td` font-wei$ht>bold.lefttd`tet-ali$n>leftfont-wei$ht>bold ` mar$in> 0 otline> none .c ` clear> both .tetUform`font-variant>small-caps font-wei$ht>bold font-famil&>;Lcida +ans Dnicode;# ;Lcidarande;# sans-serif font-si%e>20p color>ble\wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0ph2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;

*age >


74/128


fnction AAUswapIm$5estore


75/128


displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshowalwa&sUshowUloadin$> 200# ?? testin$ loadin$ modedescription> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$s

loadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation


76/128


S?trStrStd colspanR2Shr?S?tdS?trStrStd colspanR2XnbspS?tdS?trStr st&leR; font-wei$ht>boldfont-si%e>20p font-famil&>;omic sans ms;;Std widthR;H08; classR;tetUform;'lease 3nter Nor *ame (ere>-S?tdStd widthR;708; ali$nR;ri$ht;Sinpt t&peR;tet; idR;t1; si%eR;70; st&leR;hei$ht>2p border>Hp

solid $re&;?S?tdS?trStr st&leR; font-wei$ht>boldfont-si%e>20p font-famil&>;omic sans ms;;Std widthR;H08; classR;tetUform;'lease 3nter Nor omment (ere>-S?tdStd widthR;708; ali$nR;ri$ht;Sinpt t&peR;tet; idR;t2; si%eR;70; st&leR;hei$ht>17pborder>Hp solid $re&;?S?tdS?trStrStdXnbspS?tdStd ali$nR;ri$ht; Sbr?Sbr?Sinpt t&peR;sbmit; valeR;+bmit; st&leR;hei$ht>0pwidth>1!0p bac"$rond-color>blac" border-st&le>otset border-width>p color>white border-color>ble font-variant>small-caps font-wei$ht>bold font-si%e>16p;

onlic"R;m&Enction-S?h1S?tdStdSp st&leR;font-si%e>2!p font-wei$ht>bold;idR;abc;XnbspXnbspS?pS?tdS?trStrStdSh1'ost omment>-S?h1S?tdStdSp st&leR;font-si%e>2!p font-wei$ht>bold;idR;abcd;XnbspXnbspS?pS?tdS?trS?tableSdivS?divS?divS?div

Sdiv classR;footer;Sdiv classR;footerUcontainer;Sdiv classR;footerUsection;Sdiv classR;footerUsection1;Sl idR;social-icon;Sli classR;$oo$le;Sa hrefR;\; titleR;[oo$le - 3ternal web site];Sim$ srcR;im$?$oo$le.pn$;altR;oo$le; titleR;oo$le; ?S?aS?liSli classR;twitter;Sa hrefR;\; titleR;[Twitter - 3ternal web site];Sim$ srcR;im$?twitter.pn$;altR;Twitter; titleR;Twitter; ?S?aS?liSli classR;faceboo";Sa hrefR;\; titleR;[Eaceboo" - 3ternal web site];Sim$srcR;im$?faceboo".pn$; altR;Eaceboo"; titleR;Eaceboo"; ?S?aS?liSli classR;rss;Sa hrefR;\; titleR;[5++ Eeed - 3ternal web site];Sim$ srcR;im$?rss.pn$; altR;5++

Eeed; titleR;5++ Eeed; ?S?aS?liS?lS?divS?divSdiv classR;footerUsection;Sim$ srcR;ft-left-b$.pn$; st&leR;border-ri$ht-st&le>dashed border-width>thin border-color>white;S?divSdiv classR;footerUsection;Sdiv classR;footerUsection2;

*age >=


77/128


*T,T D+>-Sbr?).T ompan& 5oad 5ailtol& ondiaSbr?ontact>-626!296?6160029!66Sbr?informiinformi.edSbr?Sspan st&leR;font-si%e>10p;op&ri$hts. 201! Informi ompter. ,ll 5i$hts5eservedS?spanS?divS?div

S?divS?divS?divS?bod&S?html

Cour'e Fee' Structure Codin0

ShtmlSheadStitleInformi ompterS?title

Sst&le t&peR;tet?css;td`tet-ali$n>center font-wei$ht>bold.lefttd`tet-ali$n>leftfont-wei$ht>bold ` mar$in> 0 otline> none .c ` clear> both \wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0ph2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;fnction AAUswapIm$5estore


78/128


S?headSbod& onloadR;AAUpreloadIma$es1008 hei$ht>10p;S?divSdiv classR;slider;Sdiv classR;sliderinsider

Sdiv idR;sliderUcontainerU1;Sdiv idR;+lider*ame;Sa hrefR;\1;Sim$ srcR;im$?1.:p$; titleR;)escription from Ima$e Title; ?S?aSdiv classR;+lider*ame)escription;I*E5AIP I*+TITDT3 E A'DT35 3)D,TI*S?divSa hrefR;\2;Sim$ srcR;im$?2.:p$; ?S?aSa hrefR;\H;

Sim$ srcR;im$?H.:p$; ?S?aSdiv classR;+lider*ame)escription;I*E5AIP I*+TITDT3 E A'DT353)D,TI*S?divSim$ srcR;im$?!.:p$; ?S?divSdiv classR;c;S?divSdiv idR;+lider*ame*avi$ation;S?divSdiv classR;c;S?divSscript t&peR;tet?:avascript;?? we created new effect and called it @demo01@. We se this name later.+liderman.effect @demo01@# cols> 10# rows> # dela&> 10# fade> tre# order> @strai$htUstairs@=var demo+lider R +liderman.slider @+lider*ame@# width> 10!0# hei$ht> H00# effects>

@demo01@#displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshowalwa&sUshowUloadin$> 200# ?? testin$ loadin$ modedescription> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?? navi$ation


79/128


Sdiv classR;btton;Sa hrefR;abot.html; onmoseotR;AAUswapIm$5estoreblac" color>white tet-ali$n>center font-wei$ht>boldfont-si%e>20pfont-famil&>;omic sans ms;;Std+r.noS?tdStdorse *ame S?tdStdAonthS?tdStdEeesS?tdS?trStrStd1S?tdStd classR;lefttd;'(' X AN -+KLS?tdStd/S?td

Std/#000S?tdS?trStrStd2S?tdStd classR;lefttd; ^^ S?tdStdHS?tdStdH#000S?tdS?trStrStdHS?tdStd classR;lefttd; F,C, S?tdStdHS?td

Std!#000S?tdS?trStrStd!S?tdStd classR;lefttd; ,)C,*3 F,C, S?tdStd/S?tdStd#000S?tdS?trStr

*age >@


80/128


StdS?tdStd classR;lefttd; ),T, +T5DTD53 S?tdStd/S?tdStd/#000S?tdS?trStr

Std/S?tdStd classR;lefttd; 5,L3 S?tdStd/S?tdStd#000S?tdS?trStrStd7S?tdStd classR;lefttd; (TAL ? ++ S?tdStdHS?tdStd1#000S?tdS?trStr

Std6S?tdStd classR;lefttd; F,C,+5I'T?PAL S?tdStdHS?tdStd1#000S?tdS?trStrStd9S?tdStd classR;lefttd; )53,AW3,C35 S?tdStdHS?tdStd1#200S?tdS?trStr

Std10S?tdStd classR;lefttd; '(T+(' S?tdStdHS?tdStd1#200S?tdS?trStrStd11S?tdStd classR;lefttd; 53L)5,W S?tdStdHS?tdStd1#200S?tdS?trStr

Std12S?tdStd classR;lefttd; S?tdStdHS?tdStd2#00S?tdS?trStrStd1HS?tdStd classR;lefttd; ILLD+T5,T5 S?tdStdHS?td

*age ?0


81/128


Std1#200S?tdS?trStrStd1!S?tdStd classR;lefttd; EL,+( S?tdStdHS?td

Std!#000S?tdS?trStrStd1S?tdStd classR;lefttd; H) A,P S?tdStd/S?tdStd#000S?tdS?trStrStd1/S?tdStd classR;lefttd; L3 +J3T( S?tdStdHS?td

Std!#000S?tdS?trStrStd17S?tdStd classR;lefttd; A,N, I* 2) X H) S?tdStd/S?tdStd12#000S?tdS?trStrStd16S?tdStd classR;lefttd; T,LLN S?tdStdHS?td

Std2#H00S?tdS?trStrStd19S?tdStd classR;lefttd; BD+N S?tdStdHS?tdStd2#H00S?tdS?trStrStd20S?tdStd classR;lefttd; ,DT ,) S?tdStdHS?td

Std/#000S?tdS?trStrStd21S?tdStd classR;lefttd; .*3T S?tdStd/S?tdStd7#000S?tdS?trStr

*age ?


82/128


StdS?tdStd classR;lefttd; *,'D5 D*IC35+ITN +NLL,BD+ S?tdStdS?tdStdS?tdS?trStr

Std22S?tdStd classR;lefttd; A,+T35 E A'DT35 A,*,3A3*T


83/128


Std classR;lefttd; A'L3T3 ,*IA,TI*


84/128


StitleInformi ompterS?titleSst&le t&peR;tet?css;td`tet-ali$n>center font-wei$ht>bold.lefttd`tet-ali$n>leftfont-wei$ht>bold ` mar$in> 0 otline> none .c ` clear> both

\wrapper ` mar$in> 0 ato paddin$> 0 !0p /0p !0p width> 10!0ph2 ` paddin$> 20p 0 10p 0 font-si%e> 2!p line-hei$ht> !0p font-wei$ht> normal color> \adc27/tet-shadow> 0 1p Hp \222222 S?st&leSscript t&peR;tet?:avascript; srcR;:s?sliderman.1.H.7.:s;S?scriptSlin" relR;st&lesheet; t&peR;tet?css; hrefR;css?sliderman.css; ?SM-- ?sliderman.:s --S?divSscript t&peR;tet?:avascript;fnction AAUswapIm$5estore


85/128


S?aSa hrefR;\H;Sim$ srcR;im$?H.:p$; ?S?aSdiv classR;+lider*ame)escription;I*E5AIP I*+TITDT3 E A'DT353)D,TI*S?divSim$ srcR;im$?!.:p$; ?

S?divSdiv classR;c;S?divSdiv idR;+lider*ame*avi$ation;S?divSdiv classR;c;S?divSscript t&peR;tet?:avascript;?? we created new effect and called it @demo01@. We se this name later.+liderman.effect @demo01@# cols> 10# rows> # dela&> 10# fade> tre# order> @strai$htUstairs@=var demo+lider R +liderman.slider @+lider*ame@# width> 10!0# hei$ht> H00# effects>@demo01@#displa&> pase> tre# ?? slider pases on moseoveratopla&> H000# ?? H seconds slideshow

alwa&sUshowUloadin$> 200# ?? testin$ loadin$ modedescription> `bac"$rond> @\ffffff@# opacit&> 0.# hei$ht> 0# position> @bottom@# ?? ima$e descriptionbo settin$sloadin$> bac"$rond> @\000000@# opacit&> 0.2# ima$e> @im$?loadin$.$if@# ?? loadin$ bo settin$sbttons> `opacit&> 1# prev> `class*ame> @+lider*ame'rev@# label> @@# net> `class*ame>@+lider*ame*et@# label> @@# ?? *et?'rev bttons settin$snavi$ation> container> @+lider*ame*avi$ation@# label> @Xnbsp@ ?

Documents

DocumentATION Msoffice