OnlineReservationSystemforRestaurant

Chapter1:Introduction

Chapter2:Research

Chapter3:Analysis

Chapter4:Design

Chapter5:Implementation

Chapter6:Testing

Chapter7:CriticalEvaluation

Chapter8:Reference

Appendix

Chapter1

Introduction

1Introduction

Thisreportfocusesonthedesignanddevelopmentofanonlinereservationsystemwhichcaneasilymakeanorderatrestaurantwebsite.Alreadyexistingproductsprovidetheinitialresearch.Somethingnewandusefuldesigningwillbeaddedtosystemthroughtheresearch.

Background

Onlinereservationsystemisaverynewthingforsomepeople,especiallyforsomeChinesewhichjustlefthomeandcomingtoEngland.TheyhavenotmuchfamiliarwithonlinesystemwhentheyliveinChina,usuallytheywillusetelephoneorderingandtheymayhavesomelanguagedifficultyatUK.IhavethereforedecidedtoinvestigatethoseexistingsystemsinUKandcreateasystemwitheasyoperation,friendlyinterfaceandwithabilingualinChineseandEnglishonlinereservationsystem.

Objectives

TheobjectivesIwouldliketoachieveinthisprojectfallintothreecategories.Thefirstistodosomeresearchintosimilarsystems,theHTMLlanguage,ASP,theAccessdatabase,theInternetsecurity,themethodologyandHCI(HumanComputerInteraction).

Thesecondobjectiveistodesignandimplementasystemthatwillallowcustomstobrowsethewebsiteandmakeorders.

Thethirdistoproduceacompletedreportdocumentingthedifferentstagesoftheproject.Thisreportwillincludeanalysis,designandimplementation,tofinishwithtestingandevaluation.Theusermanual,codelisting,andlogbook(Ganttchart)willbeincludedinappendices.

ProjectDeliverables

Thedeliverablesforthisprojectfallintofivemainsections,theyareasfollow:

Research

Analysis

DesignandImplementation

Projectmanagement

TestingandEvaluation

1.3.1Research

ThissectionwillincluderesearchintoHCI,HTML,investigationofsimilarsystemanddatabases.Researchwillallowmetostarttheanalysissectionwithenoughinformationofwhathastobeachieved.

1.3.2Analysis

Themethodologieswillbeanalyzedatthispart.Anypossibleproblemsfoundduringtheresearchsectionwillbesolved.ThissectionwillalsoincludesomeUMLdiagrams.

1.3.3DesignandImplementation

Thedesignsectionwillcontainframedesignsaswellasthecoredesignofthesystemandthewayitisimplemented.Architectureanddatabasedesignsurewillbeincludedatthissection.

1.3.4Projectmanagement

AGanttchartcanbefoundinappendixwhichdescribesthetimemanagementofeachprocess.

1.3.5TestingandEvaluation

Thetestingandevaluationsectionwillfocusonfindingandsolvingproblemsorerrors.Andacriticalevaluationwillbecontained.Theconclusionscanbefoundattheendofthissection.

Chapter2

Researches

Researches

Therearefourmainsectionswillbeincludedinthispart,theyareasfollow:

Investigation

HCI

Database

HTML

Investigation

ThereareseveralexistingonlinereservationwebsiteofrestaurantsuchasPizzaHut.Threedifferentwebsitesareevaluatedheretocomparedifferentfeatures,andgainanunderstandingofbestframeandarchitecturetotakewhendesigninganewwebsite.

Inthefollowingpages,goodandbadpointsabouteachwebsiteevaluationstandardwillbeexaminedandcomprehensiongainedonwhattoimproveinthewebsitetobe.

Thethreewebsitewhichwillbeevaluatedisasfollow:

PizzaHut–url:

http://www.pizzahut.co.uk/

PerfectPizza–url:

http://www.perfectpizza.co.uk/

TGFPizza–url:

http://www.tgfpizza.co.uk/

Therearefivelevelofthestandard,1~5,1istheworstlevel,contrary5isthebest.

PizzaHut

Averyfamouspizzarestaurant,theyserveover97,000pizzasand171,000customersadayatUK.ThereareoversevenhundredsPizzaHutrestaurantintheUK,sotheyalmostcandelivertheirpizzatoeverywhereintheUK.

Usingtheevaluationcriteriaof

www.mcil.co.uk

andEthanWatrall&JeffSiarto(2009)theevaluationtableisasfollows:

1.URL(Intuitive)-shortandsimple

5

2.Lookandfeel–Readability

4

3.Thenavigationsystemisintuitiveandeasytouse.

5

4.Sitemapsareeasytounderstandandpresentacompletelyalternativemethodofnavigatingthesitetotheuser.

4

5.Detailsaboutmenu–pictures,recipes,quantity,price,etc.

4

6.Theconvenienceofmakeorder,register,checkout.

5

7.Detailsaboutcheckout–nameofitem,description,quantity,price,etc.

4

8.Thesecurityofcustomeraccount.

4

9.Integrityofpostcodedatabase.

5

10.Otherusefulfunctionsareincluded.

4

Accordingtothistable,asoneofthebiggestpizzarestauranttheironlinereservationsystemisverywell.Thereareseveralplacesdeservetoconsult:anintuitiveURL,aconcisehomepage,anintegritymenu,detailedcustomerinformationandeasytooperate.

Overall,thedesignofthiswebsiteisquitewell,buttherearesomewherecanimprovedlikethemenucanhasmorepictures,thehomepagecanbelittlefinery.

PerfectPizza

Alsoisapizzarestaurant,startedoutin1982andhave110storesacrosstheUK.TheyhavelowerpricethanPizzaHutbuttasteisgood.Therestaurantdevotesthemtobecomethenation'sfirstchoiceforperfectpizzasattheperfectprice.

Theevaluationtableisasfollow:

1.URL(Intuitive)-shortandsimple

5

2.Lookandfeel–Readability

5

3.Thenavigationsystemisintuitiveandeasytouse.

3

4.Sitemapsareeasytounderstandandpresentacompletelyalternativemethodofnavigatingthesitetotheuser.

4

5.Detailsaboutmenu–pictures,recipes,quantity,price,etc.

5

6.Theconvenienceofmakeorder,register,checkout.

4

7.Detailsaboutcheckout–nameofitem,description,quantity,price,etc.

5

8.Thesecurityofcustomeraccount.

1

9.Integrityofpostcodedatabase.

5

10.Otherusefulfunctionsareincluded.

3

Theperfectpizza’swebsitehasaperfectmenupage.Thecustomercancustomizetheirownpizzabyputsometicksonthelist.Unfortunatelythecustomercannotregistertheirinformationonthiswebsite.Theyhavetorelyonthebrowsertoremembertheirinformation.Butthecustomerneednottopaywiththecreditcard,theycanpaycashwhenthepizzadelivered.

2.1.3TGFPizza

TheTGFPizzaconceptoffranchisingbeganin1997andhasgrowntomorethan30franchisesthroughouttheUKandEurope.ThereisonestoreneartotheStafford.Theyhaveaverysimplewebsite.

Theevaluationtableisasfollow:

1.URL(Intuitive)-shortandsimple

4

2.Lookandfeel–Readability

3

3.Thenavigationsystemisintuitiveandeasytouse.

4

4.Sitemapsareeasytounderstandandpresentacompletelyalternativemethodofnavigatingthesitetotheuser.

3

5.Detailsaboutmenu–pictures,recipes,quantity,price,etc.

3

6.Theconvenienceofmakeorder,register,checkout.

0

7.Detailsaboutcheckout–nameofitem,description,quantity,price,etc.

0

8.Thesecurityofcustomeraccount.

0

9.Integrityofpostcodedatabase.

1

10.Otherusefulfunctionsareincluded.

0

Youcanbrowsethemenuofthisrestaurant,butyoucannotmakeanorderonline.Soitgetzerofromthesixthstandard.AlthoughithaspostcodedatabaseIcannotfindanystorenearmypostcode.

Conclusion

Theaimofthisresearchistoevaluatesomeofthebestfeaturesofexistingsystemsandtrytocreateabettersystem.

Thesethreeonlinereservationsystemaregoodenoughforuseexceptlastone,butifcombinetheiradvantagestodesignanewsystem,itwillbethebetterthaneachofthem.DuetomylimitabilityonprogrammingandperhapstherearesometechniquedifficultyresultsinthatIcannotdevelopabetterwebsite.

Overall,agoodonlinereservationsystemforrestaurantshouldhasaimpressivehomepage,adetailedmenu,aintuitivenavigationsystem,agoodHCIdesignandeasytomakeanorder.

HCI

HumanComputerInteractionisthestudy,planning,anddesignofwhathappenswhenpeopleandacomputerworktogether.HCIconsistsofthreeparts:theuser,thecomputer,andthewaystheyworktogether

ThegoalsofHCIaretoproduceusable,safeandfunctionalsystems.Inordertoproducecomputersystemswithgoodusability,developersmustmeetthefollowpoints:

Understandthefactorswhichdeterminehowpeopleusetechnology

Developtool sandtechniquestoenableproducesuitablesystems

Achieveeffective,efficientandsafeinteraction

ThesamegoalscanbeappliedtoWebsitedevelopment.Websitesshouldbesafe,usableandfunctional,sothatuserscanperformthetaskathandwithoutanyobviousproblemsorusabilityerrors.(

\o"Findoutmoreaboutthisauthor"

NickyDanino

,2001)

Colour

There'snothingliketherightchoiceofcolourstomakeaWebpagework.Andnothinglikesthewrongcolourstospoilyourcontent.Bethemostimportantpartofwebdesign,itgivesthevisitorfirstimpressionaboutthesitewithinthefirstninesecondsofavisit.

Downloadspeedisacriticalaspectofwebpagedesign.Thereforethesizeofpagesisoneofthekeyissuesduringthedesigning.Aspossibleasavoiduselargeimage,flashandvideoisveryimportant.Ontheweb,colourisavisualdesignelementwhichiswithoutcost.Unlikeimages,usersdonotpaythepricebecausecolourssettingdonotincreasepageloadtimes.Colourisamightytoolforvisualdesign;itcanbeusedtosetanidentity,expressthesite’smoodandpersonality,drawattention,bringimaginationforrelatedthings,conveyinformation,differentiateelements,andmore.

Asabovesaid,somecolourhastheirownuniqueassociation.Somecommoncolourmeaningsasfollow:

Redisassociatedwithblood,andwithfeelingsthatareenergetic,exciting,passionateorerotic.Mostcolourscarrybothpositiveandnegativeimplications.Thedownsideofredevokesaggressivefeelings,suggestingangerorviolence.

Orangeisthecolourpresentflesh,orthehearthfire.Thepositiveimplicationsofthiscoloursuggestapproachability,informality.Thenegativesidemightimplythelackofdiscriminationorquality.

Yellowisthecolourofsunshine,acolourpresentoptimistic,upbeat,modern.Theenergyofyellowcanbecomeoverwhelming.Thereforeyellowisnotacolourthattendstodominatefashionforlongperiodsoftime.

Greensuggestsnature,life,stability,restfulness,naturalness.Ontheotherhand,greeninsomecertaincontextssuchasgreenskinmightinsteadsuggestdecayandtoxicity

Bluesuggestscoolness,distanceandspirituality.Someshadeofblueisflatteringtoalmostanyone.Initsnegativemode,like"blues",presentthesadness,passivity,alienation,ordepression.(Analysisby

VaishaliSingh

of

CareerCommunity.ComLtd

)

Atmostofthetime,Whiteisawonderfulbalancebetweencolours.Whendesignercannotdecidewhichcolourisbestforthewebsite,whiteisasimplesolution.Usually,usingmorethan4majorcoloursareunnecessaryandinadvisable.Limitedcoloursonwebmeanssmallerfilesizes,fasterloadingandmostimportantly,morereadable.

Legibilitymostlydependsontheperceivedcontrastbetweentextandbackground.Withlow-contrasttypography,readingisdifficultasreadersmustfocusondistinguishletterforms.Colourperceptioniseffectedbymanyfactors,includingphysiologicalfactorslikeagingandcolour-blindnessandenvironmentfactorssuchasroomlightinganddisplays.Colourdifferentiationispowerfullyinfluencedbycontrastinbrightness,orlight-darkcontrast.AllcoloursdisplayedonacomputermustbetranslatedintotheRGBcolourspace.(SeeFigure1,

PeggyWright

,

DianeMosser-Wooley

,and

BruceWooley

)

Figure1RGBCube

Therearesomepeoplecannotdistinguishcertaincoloursorisusingtechnologythatdoesnotdisplaycolour.Whencolourisusedtoidentifyrequiredfieldsortoemphasizeimportanttext,suchpeoplemaynotbabletogaintheinformation.Foruniversalusability,pagesmustbeusablewithoutcolour.

Thehumaneyecontainsalensandaretina.Theretinacontainslightsensitivereceptorsknownasrodsandcones.Themainpurposeoftherodsistoprovidenightvision,whiletheconesworkathigherlevelsoflightintensity.Theconescontainphotopigments,justlikethephotoreceptors,whicharesensitivetored,green,orblue.(AbovetheorybasedonSarahHorton,2006)

Brightnesscontrastincreaseslegibility

Brightnesscontrastincreaseslegibility

Brightnesscontrastincreaseslegibility

Brightnesscontrastincreaseslegibility

Brightnesscontrastincreaseslegibility

Complementarycoloursaremosteffective

Complementarycoloursaremosteffective

Adjacentcolorsarelesseffective

Adjacentcoloursarelesseffective

Figure2ColourContrast(AccessbyDesignCopyright?2006bySarahHorton,page157,Figure11.2)

Inanutshell,accordingMurch’srules(1984)beingawonderfulcolourmasterofwebdesignshouldcomplyingfollowadvices:

Avoidthesimultaneousdisplayofhighlyextremecolours.

Avoidadjacentcoloursthatdifferonlyinthesetofblue

Agingoperatorsneedhigherbrightnesslevelstodistinguishcolours.

AvoidREDandGREENinthefringeoflarge-scaledisplays.

Oppositecoloursgowelltogether.

Forcolourblindusers,avoidsingle-colourdistinctions.

Usebrightcolourslikeredforgettingattention

Usespectralcolourset(red,green,yellow…)

Keepthenumberofcolourssmall

Ifpossible,shouldallowuserstooverridecoloursettingssothattheycanassigncolourthathavesomesenseforthem.

Accessibility

Webaccessibilitymeansmakingthesiteworkforeveryoneincludingpeoplewithdisabilities. Basically,accessibilityisboththeprocessandthetechniquesusedtocreateasitethatcanusebysomeonewithadisability.Morespecifically,accessibilitydemandingthedesignerbuildawebsitewhichallowspeoplewithdisabilitiesperceive,understand,navigate,andinteractwiththeweb.Webaccessibilityusuallydealswithvisual,auditory,physical,speech,cognitive,andneurologicaldisabilities.Italsobenefitsothers,includingolderpeople.(IdeafromEthanWatrallandJeffSiarto,2009)

Visualdisabilitiesincludeblind,lowvision,orhavecolourblindness.Theyneedtextequivalentsfortheimagesusedonthewebpage,becausetheirassistivescreenreadertechnologycannotobtaintheinformationfromtheimage.Duetothemouserequireshandandeyecoordination,apersonwhohasavisualdisabilitywillnotfindituseful.Instead,thispersonmustnavigatetheWebpageusingonlythekeyboard.Themajorityofpeoplewhoareblinduseascreenreadertobrowsetheweb.Thosewhohavelowvisionneedtheassistanceofahardwareorsoftwaremagnifiertoenlargethetextbeyondsimplefontenlargement.Peoplewhoarecolour-blindorlowvisionbenefitfromgoodcontrastingcolours.

Peoplewhoaredeaforhardofhearingrequirevisualrepresentationsofauditoryinformationthatthewebsiteprovides.Forthesedisabilities,thesolutionsincludeclosedcaptioning,blinkingerrormessages,andtranscriptsofthespokenaudio.Themainideaistoensurethataudiooutputinformationisprovidedinaredundantequivalentvisualform.

(Abovetwoparagraphbaseon,UnderstandingdisabilityissueswhendesigningWebsites)

Usability

UsabilityisoneofthebiggestfieldsinHumanComputerInteraction.Usabilityofwebsitedealswiththattherelationshipbetweensitesandtheirusers.Inorderforasitetobeeffective,itmustallowuserstoaccomplishtheirtasksinthebestway.Usabilitydependsonamountoffactorsincludinghowenhancethefunctionalityfitsuserneeds,howwelltheresponseofthesitefitsuserexpectations.Itcanbeaccomplishedbyabetterinterface.Usabilityisthequalityofawebsitethatmakesiteasytouse,easytoremember,erroracceptance,andsubjectivelysimpatico.Thelackofusabilitycancosttimeandeffort,andwilldeterminethesuccessorfailureofawebsite.

Usabilityshouldalwaysbeconsideredwhencreatingasite.Alinchpinfactorintheusabilityandmaintainabilityofasiteisitsnavigation.Well-designednavigationwillhaveitemsthatcanbeeasilyadded,edited,ordeleted;thatdownloadquickly;andthatcompatiblewithtargetusers’browsers.Therearenotmanyuserswholikehavingtowaitwhentheyvisitasite.Studieshaveshownthatvisitorsspendnolongerthan10to20secondsonthehomepage.Thisisnotalotoftimetodelivertoamessage.Thereforeusabilityisthekeytotryingtokeepauseratthesite,notonlyonthehomepage,butalsoonsubpages.Thefactorswhichcanenhanceusabilityofasiteasfollow:

Simplifyingarchitecture

Useaconsistentnamingconvention

Limittheclicking

Avoidlinkingtheuseroutofthesection

Agoodlayout

Usingtextformenuitems

Allowingenoughwidth

Abefittingcontent

Aboveresearchonusabilitysectionbasiconarticle“IntroductiontoUsability”byCompanyForakerdesign

Database

Databaseisanorganizedcollectionofinformation,butitincludesmorethanjustinformationitself.Adatabasealsogroups,indexes,andcontenttheinformationinordertoit’seasytofindwhenyouneedit.Databasestoresanddisplaysinformationinastandardformatsothatyoucanimmediatelyknowwhichandwhatkindofinformationyouwant.Adatasetnotonlymakesiteasytofindexistinginformationbutalsoeasytoaddnewinformation.ThereislotsofdatabasemanagementsoftwareouttherelikeMicrosoft?OfficeAccess,Microsoft?SQLServer,MySQL,Oracle,andmore.Normally,thedatabasesuchasMicrosoft?OfficeAccessbeusingatsmallormidsystembecauseithasnotcapabletodealwithadatabasewhichincludingmassiveinformation.OtherdatabaselikeMicrosoft?SQLServerorOraclecanhandlemostofkindofdatabaseasdesignerrequirements.

(Informationcollectedfrom

andeachofficialsiteofdatabasesoftware)

ProgrammingLanguage

TheHTML

HTMLstandsfortheHypertextMark-upLanguage.ItisthemajorlanguageoftheInternet’sWorldWideWeb.ThelatestversionisHTML4.01,asubversionofHTML4.Itsupportsmoremultimediaoptions,scriptinglanguages,stylesheets,betterprintingfacilities,anddocumentsthataremoreaccessibletouserswithdisabilities.ButmostbrowsersincludingMicrosoft?InternetExplorerstillareusingtheorderversion,versionHTML3.2.Thereforeversion3.2.2willbeusedintheimplementationofthewebsitewhichthisreportfor.(Basedoninformationfor

)

TheASP

ASPstandsforActiveServerPages,aprogramthatrunsinsideIIS.IISstandforInternetInformationServiceswhichcomesasafreeMicrosoft?WindowsoperatesystemcomponentbeganwithWindows2000.PWSisasmallerbutfullyfunctionalversionofIIS.AnASPfileisjustthesameasanHTMLfile.Itcancontaintext,HTML,XML,andscripts.ButunlikelyHTMLfile,whenabrowserrequestsanASPfile,IISpassestherequesttotheASPengine.TheASPenginereadstheASPfile,linebyline,andexecutesthescriptsinthefile.Finally,theASPfileisreturnedtothebrowserasplainHTML.

ASPcanprovideaprogrammingenvironmentwhichallowactiveedit,changeoraddanycontentofaWebpage;canrespondtouserqueriesordatasubmittedfromHTMLforms;abletoaccessanydataordatabasesandreturntheresultstoabrowser;providesecuritytoavoidASPcodebeviewedfromthebrowser;andminimizethenetworktraffic.Oneofthebiggestadvantagesisduetothescriptsareexecutedontheserver,thebrowserthatdisplaystheASPfiledoesnotneedtosupportscriptingatall.

Informationcollocatedfrom

Chapter3

Analysis

3.1Methodology

Theuseofamethodologyindesigningwebsiteisnecessary,inthissection,severaldifferentmethodologieswillbeanalyzedandonechosenfortheworktobedone.

3.1.1UML-basedWebEngineering(UWE)

UWEisamethodologyforcreatingthedesignofWebApplicationandconsistsofthreesteps,theconceptualdesign,navigationdesign,andpresentationdesign.UWEfocusesonsystematization,personalization,andsemi-automaticgenerationofwebapplications.‘UWEisanobject-oriented,iterativeandincrementalapproachbasedontheunifiedprocess.’(Jacobson,Booch&Rumbaugh,1999)

ConceptualDesign

Inthisstageaconceptualmodeloftheapplicationsmustbebuildbyusingthefunctionalrequirementscapturedwithusecases.Itisbuildwithtraditionalobject-orientedtechniques.TheUnifiedModellingLanguage(UML)iswaytopracticalrepresentationoftheconceptualdesign.

NavigationDesign

Thenavigationdesignisfoundedontheconceptualdesign.Itrepresentsthenavigationalspaceandtheelementsthatcanbeusedtoaccessnavigation.Severalstereotypeelementscanbeusedforbuildingsuchanavigationdesign:indexes,guidetours,queries,andmenus.

PresentationDesign

Thethirdstepindesignprocessconsistsoftwoparts.Thefirstpartissketchingthecontentandtheappearanceofthenodes.Thesecondpartistointegratetheseviewsintostoryboardingscenariosthatcanbeactuallyusedtobuildaprototype.Thereisnospecificnotationforthesketchingandstoryboardingtechniques,buttheUWEprovidessomemethodologicalguidelines.

3.1.2Object-OrientedHypermediaDesignModel(OOHDM)

OOHDMisamodel-basedapproachforhypermediaapplicationsandalsoforengineeringwebsite.DanielSchwade,GustavoRossi,andSimoneD.J.Barbosafirstintroduceditin1995.Thismethodincludesafourstepsprocess,whicharerequirementsgathering,conceptualdesign,navigationdesign,abstractinterfacedesign,andimplementation.Eachsteprepresentsaparticulardesignconcernandanobject-orientedmodelofeachstepisbuiltusingorenrichedusingpreviousiterations.

ConceptualDesign

Atthisstageitisintentiontousingwell-knownobject-orientedmodellingprinciplesbuiltaconceptualmodeloftheapplicationdomain.NoparticularmethodhasbeenprescribedinOOHDMtoproducethisconceptualdesign;UMLissuggested.Theproductofthisstepcanbebuiltusingclassification,generalization,aggregation,andspecialization.Thereisnoconcernforthetypesofusersandtasks,justfortheapplicationdomainsemantics.

NavigationalDesign

ByfinishtheConceptualDesigncanderivetheNavigationalDesign.Themainpurposeofthisstageisbuildingthenavigationalstructureoftheapplicationtakingtheuserprofilesandtasksintoaccount.Therearetwoschemasconsistthenavigationaldesign,thenavigationalclassschemawithnodes,indices,links,andguidedtoursandthenavigationcontextschema,whichareinducedfromnavigationclasses.Thenodesrepresentlogicalviewsonconceptualclasses.Thenavigationalmodelcanevolveindependentlyfromtheconceptualmodel,dependingontheviewonapplicationdomaindifferentNavigationalModelscanberepresentingthesameConceptualModel.

AbstractInterfaceDesign

TheAbstractInterfaceModelisbuiltbydefiningperceptibleobjectswhichcalledinterfaceclasses.Interfaceclassedarerecursivelydefinedoraredefinedasaggregationsofprimitiveclasses.Interfaceobjectsaddresstonavigationalobjects,andprovideaperceptibleappearance.DifferentAbstractInterfaceModelsalsocanbebuiltfromthesameNavigationalModel.

Implementation

InthisphaseanimplementationenvironmentneedtobechosenanddifferentAbstractInterfaceModelhavetobemappedonactualImplementationModels.

(AboveintroductionaboutOOHDMbasedonDanielSchwadeandGustavoRossi,)

3.1.3Object-OrientedHypermedia(OO-H)

TheOO-Hmethodisatypemodelbasedontheobject-oriented.Itispurposetoprovidethedesignerwiththesemanticsandnotationnecessaryforthedevelopmentofhighqualityinterfaceswithpreviouslyexistingapplicationlogicmodules.

Figure3:Object-OrientedHypermedia(WebGlobalizationandWSDMMethodologyofWebDesign,Prof.Dr.O.DeTroyer,P16,Figure2.3)

TherearefivestepstoconsistofOO-HDesignProcess,startformUMLdiagram(ClassDiagramandUseCaseDiagram),thencreateaNAD(NavigationAccessDiagram)instance,afterthatgenerateadefaultAPD(AbstractPresentationDiagram)andapplyamelioratetoAPD,atlastgeneratedeliverables.

(AboveintroductionofOO-HbasedonJaimeGómezandCristinaCachero)

3.1.4WebSiteDesignMethod(WSDM)

TheWebSiteDesignMethod,WSDM,wasintroducedbyProfessorDr.O.DeTroyerin1998.Thismethodisauser-centredmethod(alsocalledaudience-driven)fordesignofkioskWebSites.Byspecificallystartingfromtherequirementsofthevisitors,itsolvesWebSiteproblemswhicharemainlycausedbythatasitenounderlyingdesigns.TherearefourmainlyphasecomposeWSDM.Firstisusermodelling,thenconceptualdesign,followedbyimplementationdesignandfinallytheimplementationitself.ThemostcriticaloftheWSDMonlyinvolveimplementationorienteddesign,anddoesnotincludethetest.

Figure4:OverviewoftheWSDMphases.(WebGlobalizationandWSDMMethodologyofWebDesign,Prof.Dr.O.DeTroyer,P22,Figure3.1)

AudienceModelling

AudiencesalwaysvisitWebsiteswithneed.TheWebsiteshouldanticipatetheaudiences’needsandsatisfythem.Therefore,inthefirstphaseofthismethodisconcentrateonthepotentialusersoftheWebsite.Usually,designersfirsttrytoidentifyasmuchinformationaspossible,andthentrytopresentitaspossibleastheycan.

Bytheaudiencecharacterizationandclassificationsdivideaudiencestodifferentclasses.Thisisnecessarybecauseofthecomplexityofthewebsiteaudiences,andtheinteractionmaydifferbetweenthedifferentclassesofaudience.Theinteractionispowerfullydependentonthemissionwhichwebsitewillfollow.MissionstatementwillbethefirststepinWSDMbyprofessordeTroyerclaims.

ConceptualDesign

Theconceptualdesignconsistsoftwosub-phases,theTaskModellingandtheNavigationalDesign.TheInformationModellingandFunctionalModellingarethepartofTaskModelling.ThegoaloftheConceptualDesignphaseistoturntherequirementswhichhavebeenidentifiedintheAudienceModellingphaseintoamoreabstractlevel.

AnymodellingtechniquecanbeusedtodoTaskModelling,butObjectRoleModelling(ORM)andUnifiedModellingLanguage(UML)aresuggested.DuringthestepofNavigationDesignthestructureofthewebsiteandthenavigationalpossibilitiesforeachAu