Week-10 E-Commerce Web Site
Transcript of Week-10 E-Commerce Web Site
-
8/9/2019 Week-10 E-Commerce Web Site
1/41
ELECTRONICELECTRONICBUSINESSBUSINESS
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce 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
-
8/9/2019 Week-10 E-Commerce Web Site
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",
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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+
-
8/9/2019 Week-10 E-Commerce Web Site
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/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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/ -
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
12/41
Abdusalam 12
*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)
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
-
8/9/2019 Week-10 E-Commerce Web Site
13/41
Abdusalam 13
*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)
$%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
-
8/9/2019 Week-10 E-Commerce Web Site
14/41
Abdusalam 14
*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)
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,
-
8/9/2019 Week-10 E-Commerce Web Site
15/41
Abdusalam 15
*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)
***,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
-
8/9/2019 Week-10 E-Commerce Web Site
16/41
Abdusalam 16
*ei"nin" %e Site*ei"nin" %e Site (Contd)(Contd)
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,
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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;
-
8/9/2019 Week-10 E-Commerce Web 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
-
8/9/2019 Week-10 E-Commerce Web Site
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+
-
8/9/2019 Week-10 E-Commerce Web Site
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,
-
8/9/2019 Week-10 E-Commerce Web Site
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)
-
8/9/2019 Week-10 E-Commerce Web Site
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)
-
8/9/2019 Week-10 E-Commerce Web Site
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+
-
8/9/2019 Week-10 E-Commerce Web Site
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 -
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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,
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web 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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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"
-
8/9/2019 Week-10 E-Commerce Web Site
39/41
Abdusalam 39
Co$$on T"Co$$on T"
&l*a"s include the ;4TL
-
8/9/2019 Week-10 E-Commerce Web Site
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
-
8/9/2019 Week-10 E-Commerce Web Site
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#