week-10 e-commerce web site

8/9/2019 Week-10 E-Commerce Web Site

1/41

ELECTRONICELECTRONICBUSINESSBUSINESS


2/41

Abdusalam 2

LectureLecture ## 28,29 & 3028,29 & 30 Introduction to E-Commerce Web SiteIntroduction to E-Commerce Web Site

Launching an E-Commerce Web SiteLaunching an E-Commerce Web Site Planning the Web Site

Selecting the Domain NameSelecting the Domain Name Registering the Domain NameRegistering the Domain Name

Designing the Web siteDesigning the Web site

ConceptualizationConceptualization Maret researchMaret research! Web Strateg"! andWeb Strateg"! and Content CreationContent Creation

Structure and la"outStructure and la"out Rough SetchesRough Setches #raphics#raphics

$%ML Content$%ML Content

& Protot"pe Web site& Protot"pe Web site %esting%esting

Web $ostingWeb $osting %esting the Web site%esting the Web site Launching the Web siteLaunching the Web site


3/41

Abdusalam 3

LectureLecture ## 28,29 & 3028,29 & 30 (Contd)(Contd)

Some 'asic De(initionSome 'asic De(inition World Wide Web Web Ser)er Web 'ased &pplications

Static Pages D"namic Pages

Web 'ro*ser Web Page $ome Page

Introduction to $%MLIntroduction to $%ML Marup Languages Editing $%ML

Common %ags


4/41

Abdusalam 4

IntroductionIntroduction

Most organization are no* e+uipped *ith! online trading (acilities )iae-commerce *eb sites,

nline trading at a *eb site increases the pro.imit" bet*een anorganization and its customers,

%he customers can access the *eb site

*ith ease! collect rele)ant in(ormation! and per(orm a transaction at an"con)enient time,

In such a situation *here the customer is not )isiting the organizationph"sicall"! the Web site o( the organization is its identit",


5/41

Abdusalam 5

IntroductionIntroduction ContdContd

/or success(ul online trading s"stem! there are some essential (actorsthat the e-commerce Web site should ha)e0 'e user (riendl" $a)e a name that is eas" to remember

Eas" to locate

Eas" to na)igate Re(lect the business o( the organization $a)e content rele)ant to its organization Pro)ide a secure transaction mechanism


6/41

Abdusalam 6

Lunc!in" n E#Co$$erce %e SiteLunc!in" n E#Co$$erce %e Site

%he t"pical se+uence o( acti)ities to launch an e-commerce Website are0 'nnin" t!e %e ite'nnin" t!e %e ite

*ei"nin" t!e %e ite*ei"nin" t!e %e ite

Tetin" t!e %e iteTetin" t!e %e ite

Lunc!in" t!e %e iteLunc!in" t!e %e ite

%!ere do Itrt+


7/41

Abdusalam 7

Planning the Web SitePlanning the Web Site

Planning an e-commerce site in)ol)es the (ollo*ing steps0 Seectin" t!e *o$in N$eSeectin" t!e *o$in N$e

Domain name is the identit" o( a Web site on the Internet, Internet domain names! in a common man1s language! are used as

eas"-to-remember! *hich point to speci(ic IP addresses, %he purpose o( a domain name is to pro)ide uni+ue name that

corresponds to the electronic address o( a computer, e,g, ***,niit,com

Domain names classi(ied into speci(ic categories b" IC&NN, e,g,,com! ,org! ,net! edu! ,biz! ,in(o! ,name! ,pro! ,museum! ,aero! ,coop!,u
http://www.niit.com/http://www.niit.com/


8/41

Abdusalam 8

'nnin" t!e %e Site'nnin" t!e %e Site (Contd)(Contd)

2sing the correct domain name (or a *eb site is important0

%he name is the same as the name o( the organization %he name re(lects the business o( the product that "ou are

promoting %he name should be short and memorable %he name should be uni+ue %he name should be eas" to spell


9/41

Abdusalam 9

'nnin" t!e %e Site'nnin" t!e %e Site (Contd)(Contd)

Re"iterin" t!e *o$in N$eRe"iterin" t!e *o$in N$e &(ter a domain name is decided "ou are re+uired to register it, Domain names are allocated on a (irst-come-(irst-ser)e basis, 'e(ore registering the domain name! ensure the a)ailabilit" o(

domain name 3isit an" o( the Web sites that register domain names! such as

***,net*orsolutions,com!

***,*hois,net

***,greatdomains,com!

***,register,comand man" others I( the domain name o( "our choice is a)ailable!

"ou can register it a(ter pa"ing the re+uired (ee,

O-.

/ot $-*o$in

N$e
http://www.networksolutions.com/http://www.whois.net/http://www.greatdomains.com/http://www.register.com/http://www.register.com/http://www.greatdomains.com/http://www.whois.net/http://www.networksolutions.com/


10/41

Abdusalam 10

*ei"nin" %e Site*ei"nin" %e Site

Designing a *eb site in)ol)es the (ollo*ing phases ConceptualizationConceptualization

Conceptualization is based on the nature o( the business and thet"pe o( e-commerce site,

It helps "ou in recognizing the mareting goals (or "our site, Enables "ou to conceptualize the content and design o( the Web

site, %he important (actors! *hen "ou are conceptualizing a Web site are0

Maret researchMaret research! Web Strateg"! andWeb Strateg"! and Content CreationContent Creation


11/41

Abdusalam 11

*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)

Maret researchMaret research It in)ol)es identi("ing the potential clients (or the Web site Internet is a global business! "ou need to be clear *eather "ou ha)e the

means to deli)er products round the globe or *ould restrict "our clientele toa speci(ic countr",

Web Strateg"Web Strateg" Di)ert tra((ic to "our site E)aluate the genuineness o( an order Deli)er the ordered product

Content CreationContent Creation Design the *eb content depending on *hat "ou *ant to sell

Web sites all o)er the Internet *ith poor content Content used as a tool to di)ert tra((ic to "our site Sur(ers pre(er to )isit Web sites that regularl" update the contents


12/41

Abdusalam 12


Structure and la"outStructure and la"out & team o( Web designer is re+uired to create the Web site, %he designing o( the Structure and la"out o( the *ebsite is a

process and in)ol)es creating Rough SetchesRough Setches

& graphic artist create a setch o( the Web site using Photoshop oran" other graphic so(t*are,

%he setch is a rough )isual conceptualization to the Web site anddispla"s color combinations and limited interacti)it"

#raphics#raphics #raphics are added to a Web site because the" pro)ide0 %he interested element (or sur(ers Rein(orce important points


13/41

Abdusalam 13


$%ML Content$%ML Content De)eloping contents (or the Web site as te.t documents, %hese documents are con)erted into $%ML Web pages b" using

application so(t*are, & Protot"pe Web site& Protot"pe Web site

& protot"pe o( a Web site is a *oring model o( the Web site& protot"pe o( a Web site is a *oring model o( the Web sitethat re)eals the (inal la"out and designthat re)eals the (inal la"out and design %he (irst protot"pe model that is created is called the &lpha%he (irst protot"pe model that is created is called the &lpha

release! and the second model is called the 'eta release,release! and the second model is called the 'eta release, %he 'eta release is (or*arded to the testing purpose%he 'eta release is (or*arded to the testing purpose

%esting%esting

%he 'eta release o( the Web site is tested e.tensi)el"%he 'eta release o( the Web site is tested e.tensi)el"4Content (ormatting! #raphics +ualit"! and $"perlins54Content (ormatting! #raphics +ualit"! and $"perlins5


14/41

Abdusalam 14


Web $ostingWeb $osting $osting re(er to placing the Web site on a Web ser)er Web Ser)er is the computer that hosts the Web site and has a

dedicated Internet connection, Small e-commerce businesses t"picall" opt (or Web hosting companies

or ISP that host the *eb site (or a monthl" rental or an annualcontracts, E,g, Dell$ost *eb hosting ser)ices! able to accommodate e)er" thing (or small

Web site to large e-commerce *eb sites,


15/41

Abdusalam 15


***,dige.,com6(ree(lo* Dige. pro)ides *eb hosting ser)ices (or e-business ***,gettheconnection,com ((ers a *ide range o( e-business solutions including *eb hosting! *eb

page setup and integrating *ith 7rdpart" ser)ices,

***,intermedia,net ((ers ser)ices including unlimited e-mail! database! c"bercash! chat

and man" more


16/41

Abdusalam 16


Deciding (actors (or selecting the right Web hosting compan" are0 Storage SpaceStorage Space

Web hosting companies generall" (ollo* a di((erential price polic" basedon the storage capacit" that "ou re+uire,

E-mail accountE-mail account Web hosting companies pro)ide an e-mail account *ith the same name as

"our domain name, 2ptime2ptime

%he Web hosting companies should be able to commit 889: uptime Dedicated hostingDedicated hosting

Web hosting companies o((er dedicated ser)ers (or hosting "our *ebsite

SSL encr"ptionSSL encr"ption SSL encr"ption is a procedure that ensures that the data submitted b"the sur(er is sent onl" to the intended recipient,


17/41

Abdusalam 17

Tetin" t!e %e SiteTetin" t!e %e Site

'e(ore launching a Web site on the client side! the Web site must be(ull" tested and made zero de(ecti)e, & Web site must be tested to chec to ensure that0

It (unctions properl" %he transaction process are e((icient

%he Web site is user (riendl" %he Web site is error-(ree Proper messages are displa"ed in case o( an" problem &ll the securit" measures implemented are *oring properl" &ll the lins are *oring properl" %he Web technolog" is responsi)e and scales to meet "our needs


18/41

Abdusalam 18

Lunc!in" t!e %e SiteLunc!in" t!e %e Site

nce "ou ha)e completed all the acti)ities (rom planning to testingphase! the last acti)it" is to launch "our e-commerce Web site, %he purpose o( launching the site is to 0

Mae it popular among Internet users Mae it )isible among thousands o( other Web sites

Increase number o( hits to "our site &ttract users to per(orm transactions on "our site Impro)e re)enues

Launching a Web site can in)ol)e di((erent acti)ities lie Publicit" and&d)ertisement


19/41

Abdusalam 19

So$e BicSo$e Bic What is the World Wide Web; What is a *eb ser)er; What is a *eb bro*ser; What is a *eb page;

What is a home page; What is a *eb site;


20/41

Abdusalam 20

%!t i t!e %ord %ide %e+%!t i t!e %ord %ide %e+

%he %ord %ide %e4commonl" abbre)iated as


21/41

Abdusalam 21

& computer running application so(t*are that listens and responds to aclient computer1s re+uest made through a *eb bro*ser & machine that hosts *eb pages and other *eb documents pro)ides *eb documents and other online ser)ices using $%%P

&pache most popular open source ser)er so(t*are on the Web

Microso(t Internet In(ormation Ser)er > IIS is (ull" integrated into the Windo*s N% 6 ?@@@ ser)er pacage

I'M Web Sphere Studio &pple Webob=ect Macromedia Cold/usion

%!t i e er1er+%!t i e er1er+


22/41

Abdusalam 22

%e Bed iction%e Bed iction

Static Pages %hose pages *hich does not pro)ide response to user b" input, No interaction *ith user, Static pages are created in $%ML, %he ma=orit" o( the *eb pages on the Internet toda" are static $%ML

pages, $%ML pages are simple te.t (iles that are displa"ed b" the *eb bro*ser

upon "our re+uest, Static pages are easil"

read b" search engine,


23/41

Abdusalam 23

*-n$ic '"e0 - %hose pages *hich pro)ides response to user b"input,

%e Bed iction%e Bed iction (Contd)(Contd)


24/41

Abdusalam 24

Interaction *ith user, D"namic *eb pages are more comple. and usuall" gi)e the *ebsite

)isitor easier access to the in(ormation that the" need, 3isitor (ind d"namicall" generated *eb pages to be use(ul because

the" are pro)ided instant access to highl" rele)ant in(ormation,

D"namic sites are also much easier to update and maintain, &ddingne* products and editing products in "our online searchablecatalog is as eas" as (illing out a (orm,

D"namic *eb pages are created using technologies lie C#I! &SP!Cold /usion! ASP! P$P etc,

%e Bed iction%e Bed iction (Contd)(Contd)


25/41

Abdusalam 25

&pplication So(t*are that allo*s users to )ie* Web content such aste.t! images! )ideos! music! games and other in(ormation located on a*eb page at a *eb site on the ***,

&pplication so(t*are that is used to locate and issue a re+uest (or thepage on the *eb ser)er that hosts the document

It also interpret the page sent bac b" the *eb ser)er and displa" it on

the monitor o( the client computer Computer program that lets "ou )ie* and e.plore in(ormation on the

World Wide Web

%!t i e roer+%!t i e roer+


26/41

Abdusalam 26

%e Broer%e Broer

Microso(t Internet E.plorer > bro*ser integrated *ith the Windo*soperating s"stem, Mac )ersions are a)ailable,

Netscape Na)igator - a)ailable (or Windo*s! Mac! and 2ni. plat(orms, pera > one o( the alternati)es to the t*o most popular bro*ser

mentioned abo)e Mozilla > open source *eb bro*ser so(t*are L"n. - popular 2ni. te.t-based bro*ser
http://www.microsoft.com/windows/ie/default.asphttp://info.netscape.com/fwd/ggbgubhop/http://gub.netscape.com


27/41

Abdusalam 27

%!t i %e '"e+%!t i %e '"e+

Electronic document that t"picall" contains se)eral t"pes o( in(ormationaccessible )ia the World Wide Web set o( in(ormation created! and organized! using $%ML and6or other *eb

page authoring and de)elopment tools Interpreted and displa"ed on the screen according to the instructions o(

the *eb page authoring tool


28/41

Abdusalam 28

4o %e '"e %or4o %e '"e %or

Sample *eb page and its source, %he source contains the instructionsthat de(ine the contents! la"out! andstructure o( a *eb page,

%he instructions are *ritten in $%ML oranother *eb authoring tool used in

creating the page, %he bro*ser uses these instructions to

interpret and displa" the *eb page onthe screen,


29/41

Abdusalam 29

%!t i %e Site+%!t i %e Site+

Web site is a collection o( related *eb pages o( a certain indi)idual!group! or organization!connected through a s"stem o( h"perlins!hosted in a particular domain

can be a single *eb page that contains lins to related in(ormationlocated on se)eral *eb sites


30/41

Abdusalam 30

%!t i 4o$e '"e+%!t i 4o$e '"e+

$ome page is the main page o( a *eb site that t"picall" ser)es as aninde. or table o( contents to other *eb pages

usuall" the (irst *eb page or the *elcome page the users see *henthe" )isit a *eb site


31/41

Abdusalam 31

%e '"e+ %e Site+ 4o$e '"e+%e '"e+ %e Site+ 4o$e '"e+

%his%his Web pageWeb pageis theis the $ome$omePagePageo( the 2NESCo( the 2NESC WebWebSiteSite


32/41

Abdusalam 32

%!t re t!e Ee$ent o5 %e '"e+%!t re t!e Ee$ent o5 %e '"e+

%itle > title o( the *eb page Web address > 2RL o( the page sho*n at the bro*sers address bo. Content > in(ormation on the page - te.t! graphics and other media

t"pes Design > st"le o( the page! (ont! color! bacground! )isual elements

Structure > la"out o( the page! title! headings! tables! (rames!na)igational tools! (ooters $"perlins > lins to related resources


33/41

Abdusalam 33

Te 6N1i"tionToo

Ee$ent o5 %e '"eEe$ent o5 %e '"e

*ocu$ent Tite

ddre (URL)

Bnner%e "eTite

7ooter 6Co-ri"!t

/r!icEe$ent4-erin

Content

Serc! too

N1i"tionToo

7r$e

4-erin

%! t t! d i t 5 %!t re t!e dei"n ee$ent o5 e


34/41

Abdusalam 34

%!t re t!e dei"n ee$ent o5 e%!t re t!e dei"n ee$ent o5 e"e+"e+

)erall loo o( the *eb page > the general loo or (eel o( the page4aesthetic )alue5 Content > all the in(ormation contained *ithin the page i,e, te.t and

other media t"pes embedded in the page Na)igational tools > the te.t lins! icons! buttons! bars and other

ob=ects use (or e.ploring the page and an" lined pages

#raphics > the images other graphical elements in the page Page la"out and structure > organization o( the elements in the page


35/41

Abdusalam 35

Introduction to 4TLIntroduction to 4TL

$%ML stands (or 4"perte.t arup Language! and it is the most*idel" used language to *rite Web Pages, $%ML is a marup language,

$"perte.t Re(ers to the *a" in *hich Web pages 4$%ML documents5 are lined

together,

Marup Language Identi(" elements o( a page so that a bro*ser can render that page on

"our computer screen

$%ML is marup language that de(ines the structure o( in(ormationb" using a )ariet" o( tags and attributes! *hich is designed to displa"te.t and other in(ormation on a screen and pro)ide h"perlins toother Web documents


36/41

Abdusalam 36

4TL! *hich stands (or 4-erTet ru Ln"u"e! is the predominantmarup language (or *eb pages, $%ML is the basic building-blocs o(*ebpages,

$%ML is *ritten in the (orm o( $%ML elements consisting o( tags! enclosed inangle bracets 4lie Bhtml5! *ithin the *eb page content, $%ML tags normall"come in pairs lie Bh and B6h, %he (irst tag in a pair is the start tag! thesecond tag is the end tag4the" are also called opening tagsand closing tags5,

In bet*een these tags *eb designers can add te.t! tables! images! etc, %he purpose o( a *eb bro*ser is to read $%ML documents and compose them

into )isual or audible *eb pages, %he bro*ser does not displa" the $%ML tags! but uses the tags to interpret

the content o( the page


37/41

Abdusalam 37

ru Ln"u"eru Ln"u"e

$%ML Mared up *ith elements! delineated b" tags %ags0 e"*ords contained in pairs o( angle bracets & command inserted in a document that speci(ies ho* the document! or a

portion o( the document! should be (ormatted,

$%ML tags Not case sensiti)ee,g, B$%ML #ood practice to eep all the letters in one case

%*o t"pes o( tags Singular %ag

%ag ha)ing no enclosing tage,g, B'R Pair %ag

%ag ha)ing enclosing tag e,g, B$%MLB6$%ML


38/41

Abdusalam 38

Editin" 4TLEditin" 4TL

$%ML (iles or documents Written in source-code (orm using te.t editor Notepad0 Strt-'ro"r$-cceorie $%ML-Fit0 http066***,chami,com6html-it

$%ML (iles

:!t$or :!t$e.tensions Name "our (iles to describe their (unctionalit"


39/41

Abdusalam 39

Co$$on T"Co$$on T"

&l*a"s include the ;4TL


40/41

Abdusalam 40

Co$$on T"Co$$on T" (Contd)(Contd)

TITLEelement names "our Web page B%I%LE B6%I%LE It sho*s the title o( the document 2suall" appears on the bar at the top o( the *indo* Search engine used it (or searching! so it must be meaning(ul E,g, B$E&D

B%I%LE WELCME PE B6%I%LE B6$E&D

BO*=section B'od" B6'od" 2sed to identi(" the bod" o( the page Displa" all the Page contents that *e *ant at the bro*ser Includes te.t! images! lins! (orms! etc, Elements include bacgrounds! lin colors and (ont (aces

'r"r! T" BP B6P 2se to displa" a paragraph o( the page blan line be(ore and a(ter


41/41

Abdusalam 41

Co$$on T"Co$$on T" (Contd)(Contd)

$E&D Section %I%LE element 'DG section P element

1

2

3

4

#

$

9

1

1#

week-10 e-commerce web site

Documents