givejqueryfind

CSCI475&675Spring2015AssignmentsReadthishandoutcarefully–studentsinpriorsemestershavefailedtoreadtheassignmentscarefullyandhavebeenpenalizedbecausetheydidnothandintheappropriatedeliverables.
CodingAssignmentsAllcodingassignmentsmustbepostedontheserverforgrading,notsubmittedondiscorflashdrive.
GettingyouraccountontheserverworkingcorrectlyandFTPingtoitcanbetricky,soyoushouldtestFTPingtoyouraccountinthesecondweekofclass(yourwebspacewon'tyetworkinthefirstweek),asspecifiedonthesyllabus,wellbeforetheassignmentisduesothatwecanworkoutanyproblems.
(YouwillnotbegivenanextensiononAssignment1ifyoudon'thavetheFTPprocessworkingbytheduedate.
)Refertothe"HowtoFTPtoYourClassDirectory"handoutontheclasswebsite.
IfyouarehavingproblemsFTPingtoyourserverspace,pleasefollowallthedirectionsagain,verycarefully–asingletinymistakeinsettingupyourwebspacewillbreaktheentirewebspace.
Refertothe"Troubleshooting"sectionattheendoftheFTPhandoutonmywebsiteifyouhaveproblems.
WebSiteAnalysis(WSA)1-4(25pointseach,100pointstotal)Whattoturnin:TurninaprintedcopyinclassandalsoemailacopyofyourfiletobothourTAandmeasbackup.
WSAsdonotneedtobepostedtoyourwebspace–wewillbegradingtheprintedcopy.
Evaluatethefollowingwebsites(onewebsiteforeachofthefourassignmentsonthescheduleattheendofthesyllabus)usingtheWSAevaluationformavailableontheclasswebsite.
Enteragradeinthecentercollumnforeachitemrow,aswellascommentsontherightexplainingwhyyouthinktheitemishandledwellorpoorly.
Deletethequestions/suggestionsinthecommentsarea–theyarejustthereashintsaboutwhatyoushouldthinkabout,andyoudonotnecessarilyneedtoanswereachoneofthem.
Thefollowingwebsitesforyourevaluations:WSA#1:CrateandBarrelhttp://www.
crateandbarrel.
comWSA#2:NIU'sUndergraduateAdmissionshttp://www.
niu.
edu/admissions/index.
shtmlWSA#3:Jaguarhttp://www.
jaguarusa.
com/WSA#4:Nat'sonMaplerestauranthttp://natsonmaple.
com/Muchofthisevaluationissubjective,sowewon'tbeevaluatingyouropinionsaslongasitseemsthatyouputsomeseriousthoughtintotheevaluation.
Thepointoftheseassignmentsistomakeyouthinkaboutwebdesignissuesbylookingatbothgoodandbadsites.
Youshouldtrytothinklikesomeonewhocametothesiteforapurpose–wasthatpurposeeasytoaccomplishForinstance,someonegoingtoachainrestaurantsitewouldprobablywanttolocatearestaurantandcheckoutthemenu.
ItisexpectedthatyourveryfirstWSAmaylackdetailandinsight,becauseyouarenewtoevaluatingwebdesignandtheclasslectureshavenotyetdiscussedmostoftheissues.
And,infact,theremaybethingsontheWSAformthatyoudon'tyetunderstand,becausewehaven'tyetdiscussedthetopicinclass.
Forinstance,youwon'tyetknowhowtoevaluatetheCSSorJavaScriptissuesuntillaterinthesemester,sojustleavethatareablank.
However,yourWSAsshouldshowincreasinginsightandsophisticationasthesemesterprogresses.
Websitedesignisalotlikeinteriordecorating.
I'msurethatmanyofyouhaveseenTVshowsandmagazinearticlesthatfocusonthestyleofdecoration,suchastraditional,contemporary,Victorian,etc.
Thenarratorsgointodetailaboutthecolors,textures,andchoiceoffurniture,windowtreatments,andaccessories.
Theytalkaboutthewaythefurnitureisarrangedtoallowagoodflowthroughtheroomforentertainmentortoformanintimatesettingforconversation.
Ingeneral,theytrytoexplainhoweachitemintheroom,largeorsmall,contributestothestyleormoodthedesignerwantedtoachieve.
Thepurposeoftheseshowsorarticlesistohelppeoplelearnhowtodecoratetheirownhomes.
YouneedtoapproachyourWSAsthesameway.
Whoistheaudiencethesiteistryingtoengage(trytobeveryspecifichere)ExactlyhowdoesthesiteachievethedesiredambianceWhatsubtledetailsdidthedesignersincludetodistinguishthemselvesfromtheircompetitorsThesitemusthaveacertainamountofcontent;howdidtheychoosetoorganizeitineachpageandthroughoutthesiteOrganizingtheinformationinawebsiteislikewritingatermpaper;youneedanintroductionfollowedbyawell-outlinedbodythatdevelopstheideasintheintroductionclearlyandcompletely.
Weallknowthisishardtodowell.
HTMLAssignment(50points)Whattoturnin:Postyourwebpageandanyimagefilesonyourclasswebspace.
Turninahand-writtencoversheet(withyournameandURL)andaprintoutofthepage(youdon'tneedtoprinttheunderlyingHTMLcode).
AlsoemailyourHTMLfiletobothourTAandme,fromyourZIDemailaccount.
Saveyourcodeforthisassignment;youwilluseitagainasthebasefortheCSSassignment.
YoumaynotuseanIDElikeDreamweaverorSeaMonkeytocreatethisassignment;youmustdoitmanuallyinaplaintexteditor.
YoumaynotuseHTMLcodetakendirectlyfrommyPowerPoints;thatis,youmustcodeityourself.
Forinstance,ifyoupickeduptheimagemapcodefrommyPowerPointsanddroppeditintoyourHTMLassignment,youwouldnotgetcreditforthatpartoftheassignment.
YoumayuseHTMLattributes(includingdeprecatedattributes)orlocalCSS(embeddedintheHTML,notintheheadorinanexternalfile)asyoupleaseforthisassignment.
IfyouchoosetouseCSS,though,beawarethatyouwillstillberesponsibleforknowingtheequivalentHTMLattributesonexams.
CreateanHTMLwebpagewithatleastthefollowingfeatures:Keywords&descriptionmetatags,titlePageformatting,includingabackgroundcolorandpicture,anon-defaulttextcolor,andnon-defaulttextandlinkcolors.
Ahorizontalrule.
Atleastthreelevelsofheaders.
Textformatting,includingspecifyinganon-defaultfontaswellascentered,bold,italics,subscript,superscript,andstrikeout.
Afive-levelbulletedlistandatwo-levelnumberedlist.
Atleasttwoexternallinks,withoneasatextlinkandoneasanimagelink.
Threeinternal"bookmark"links–thatis,linkstofurtherdownonthecurrentpage.
ArelativelinktoanimageinadifferentdirectorythanthedirectoryinwhichyourcurrentHTMLpageresides.
Animagewithanon-standard-widthborder.
Theimageshouldappearofftotherightsideofthepage,withtextwrappingaroundit.
Animagemapwithatleasttwolinks.
Atablethatincludesatleastfourrows,twocellsineachrow,twocolspanattributes,andonerowspanattribute.
Putabackgroundcolorontheentiretable,adifferentbackgroundcolorononecell,andabackgroundimageonanothercellinthetable.
Aformthatincludesatextinputfield,drop-downlistboxwithatleastfiveentriesandtwooptgroups,acheckboxgroup(atleastfouritems),aradiobuttongroup(atleastfouritems),apassword-typefield,amultiple-linetextarea,andsubmitandresetbuttons.
Theactionontheformshouldbetoemailyourself.
Idon'tgiveahootwhetherornotthepagecontentmakesanysenseorlooksgood.
TheonlypurposeforthisassignmentistoforceyoutocreateHTMLmanuallybeforewemoveontocreatingitineasier(andmorefun)ways.
Saveyourcodeforthisassignment;youwilluseitagainfortheCSSassignment.
CSSAssignment(50points)Whattoturnin:PostyourwebpageandCSSfilesonyourclasswebspace.
Turninahand-writtencoversheet(withyournameandURL)andaprintoutofthepage(youdon'tneedtoprinttheunderlyingHTMLcode).
AlsoemailyourHTMLandCSSfilestobothourTAandme,fromyourZIDemailaccount.
Youmustuseatexteditorforthisassignment,notDreamweaveroranyotherIDE.
CreateanexternalstylesheetforthewebpagethatyoucreatedfortheHTMLAssignmentbyremovingallpossibleformattingfromthepageitselfandputtingthatformattinginanexternalCSSfile.
ThatmeansremovingalmostallformattingattributesfromyourHTMLandmovinganylocalCSSthatyoumighthaveusedtotheexternalCSSfile.
HandcodeyourCSS;youmaynotuseDreamweavertocreatethestylesautomaticallyforyouforthisassignment.
Additionally,Dreamweavercreatesgenericnamesaswellasredundantstyles,whereasagoodprogrammercandoamuchbetterjobofbothnamingandorganizingstylesforefficiencyandmaintainability.
(However,youarewelcometouseDreamweaverCS5ormorerecenttocreatestylesforyourpersonalandgroupwebsiteslaterinthesemester,aslongasyougotothetroubleofgivingthestylesdescriptivenamesandrootingoutredundantandoverlappingstyles.
VersionsofDreamweaverpriortoCS5arenotconducivetohelpingyouwritewell-formedCSS.
)AddinanyotherelementsandcreatetheCSSstylesyouneedinordertosatisfythefollowingrequirements:Examplesofthefollowingtableandboxproperties:border-color,border-width,margin,andpadding.
Dynamicpositioningwithatleastoneexampleeachofabsoluteandrelativepositioning.
Makesurethepositioningisobvioustothoseofusdoingthegrading,andlabelitassuch.
Forinstance,putanabsolute-positionedattheendoftheHTMLcodebuthavetheactuallydisplayattheverybeginningofthepage,perhapsevenoverthetopofotherelements.
Common"gotcha":togetabsolutepositioningtorenderproperly,youmustplacetheabsolutelypositionedwithina"dummy"relativelypositioned.
Examplesofa:hover,a:visited,anda:active.
Createtheequivalentofa2columnx4rowtableusing8splacedina2x4grid.
Placedifferentbordersandbackgroundsoneachbutalignthemside-by-sidesothattheylookliketheyarejustsixcellsofthesametable,eventhoughtheyhavedifferentformatting.
Youmayuseabsolutepositioning,relativepositioning,or"float"tomakethiswork.
ThreevisibleCSSstylingsonformelements,suchasadashedlineborderona,oradifferentcoloredbackgroundonan.
Explorefourotherformattingpropertiesofyourchoice.
Somepossiblesuggestions(althoughyouarewelcometoexploreothers,too):border-radius,box-shadow,text-shadow,text-transform,display:show/hide,letter-spacing,word-spacing,list-style-image,list-style-position,opacity,specialCSSforprintorhandhelddevices.
Pleaselabeleachoftheseitemsas"additionalformatting"andtelluswhatformattingpropertyyouused,tomakeiteasierforustofindtheadditionswhengrading.
Also,keepinmindthatwewillbeinitiallygradingyourpageonFirefox.
Ifyoutrysomethingthatwon'tworkinFirefoxbutworksinChrome,orviceversa,pleasenotethatnexttotheitem,sothatwewillcheckitintheotherbrowser.
Ifitworksinjustoneofthosetwobrowsers,wewillcountitascorrect.
Again,Idon'tcarewhetherornotthepagelooksgood,onlythatyougetsomepracticewiththemostimportantCSSattributes.
PostboththeHTMLandCSSfilesonyourwebspacesothatwecangradeyourwork.
YoushouldgetstartedonthisassignmentpriortotheendofthescheduledCSSlectures,oryoumightnothaveenoughtimetofinishit.
GraphicsandAnimationAssignment(50points)Whattoturnin:PutyourimagesinanHTMLpagewithanon-whitebackground,andpostboththeHTMLpageandyourweb-friendlyimagefilesonyourclasswebspace.
Turninahand-writtencoversheet(withyournameandURL)andaprintoutofthepage(youdon'tneedtoprinttheunderlyingcode).
AlsoemailyourHTMLandtheoriginaleditableanimationfiletobothourTAandme,fromyourZIDemailaccount.
FireworksisavailableinourPMLlab.
YoucanuseitoranotherequivalentgraphicspackagesuchasPhotoshoporGimp(afreesoftwarepackage)tocreatetheimagesandanimation:Fourcompletelydifferentbuttons(differentshapes,differentcolors,etc.
),allofwhichcontaintextthatidentifiesthepurposeofthebuttons.
Foreachbutton,createbothastaticimageaswellasarolloverimage.
Somewhereinallthis,besuretouseatleastfourdifferenteffects(shadow,glow,bevel,blur,etc.
),threedifferentpatternedbackgrounds,andatleasttwocolorgradients.
Allofthebuttonsshouldbeonatransparentbackgroundwiththeappropriateanti-aliasingmattetomatchthenon-whitebackgroundcolorofthewebpage.
UseDreamweavertoembedthebuttonssothattherolloversactuallywork.
Threeimagesthatshowexamplesoftexttowhichyouhaveapplieddifferentfontsanddifferenteffectslikedropshadow,glow,emboss,bevel,etc.
Anoriginallogo(incorporatingeithergraphicsortextorboth)thatyouhavecreatedforacompany,realorfictional,ofyourchoice.
Animageinwhichyouusevaryingdegreesoftransparency(i.
e.
,30%,50%,orvaryingdegreesoftransparencyonagradientfill),exportitasaweb-friendlyPNG(i.
e.
,notanativeFireworksPNG),andembeditonthepageusingalphatransparency.
ClearlylabelthisimagesothatweknowwhichoneisthePNGonyourpage.
SaveeachoftheimagesaboveasGIFswithindextransparencyexceptfortheoneweb-friendlyPNGwithalphatransparencythatwasmentionedabove.
Oneanimatedimage(20pointsofthe50pointassignment):CouldbeananimatedGIF(.
gifformat,createdinanyimageeditorsuchasGimporFireworks,bothavailableinourlabs)oranAdobeFlashimage(.
swfformat,createdwithAdobeFlash'seditor,availableinourlabs).
ChoosetheFlashformatonlyifyoualreadyhaveFlashexperience,sinceitisexceedinglydifficultsoftwaretouseanditmaybedyingbecauseAdobeandAppledon'tplaynicelytogether.
Thus,mostofyouwillprobablywanttocreateananimatedGIFinstead.
Mustincludeatleastfourdistinctobjectsthatmoveandatleast6differentkeyframes(i.
e.
,stepsonananimatedpath),andexamplesofbothcolorandmotiontweening("tweening"meansasmooth,automatically-generatedtransitionbetweenonekeyframeandanother).
EmbedalloftheimagesonasingleHTMLwebpagewith(again)abackgroundcolorthatisnotwhite(anyotherobviouscolorisfine),makingsurethatyourimageswereexportedwiththeappropriatemattetomatchthebackgroundcolor.
FTPyourHTMLandimagesouttoyourclasswebspace.
Therolloverimagesshouldactuallywork–youcanuseDreamweaver's"Insert…InteractiveImage…"forthis.
Don'tpanicifyouthinkyouhavenoartistictalent.
Iviewthisasanexerciseinlearningthebuilt-incapabilitiesofthegraphicspackagesmorethanasawayofevaluatingyourartistictalent.
And,infact,yourassignmentwon'tbegradedonitsartisticmerits.
However,ifyouloosenupwhiledoingthisexercise,youmightjustfindthatyoucandocredibleartevenifyoudon'tviewyourselfasanartistandcan'tdrawatall.
JavaScriptAssignment(50points)Whattoturnin:PostyourwebpageandJavaScriptfilesonyourclasswebspace.
Turninahand-writtencoversheet(withyournameandURL)andaprintoutofthepage(youdon'tneedtoprinttheunderlyingcode).
AlsoemailyourHTMLandJavaScriptfilestobothourTAandme,fromyourZIDemailaccount.
Youmustwriteallthecodeforthefollowingyourself,unlessnotedotherwisebelow.
However,anycodegiventoyouinclassorontheclassPowerPointsmaybeusedunchanged.
IncludethefollowingJavaScriptinanexternalJavaScriptfilethatisusedbyanHTMLdocument:Hand-code(asopposedtousingDreamweaverbehaviors)amouseover,amouseout,amousedown,amouseup,andanonclicktochangesomevisibleelementsonthepage.
Atleastoneoftheseshouldbearemotechange;thatis,itchangessomethingotherthantheelementtriggeringthechange.
Forinstance,amouseoverofatextlinkmightchangeanimagelocatedelsewhereonthepage.
Displaythesystemdateandtime.
GetthreeinputnumbersfromanHTMLform.
Onsubmit,callafunctiontovalidatethemtomakesurethattheyarewithintherangeof200-300.
Ifnot,displayanerrormessageandsetfocustothefirstfieldinerror.
Iftheenterednumbersarevalid,popupapromptboxtogetafourthnumberandvalidateittomakesureit'sintherangeof1-10.
Addthisnewnumbertotheoriginaltotal(fromtheoriginalthreeinputboxes).
StoretheresultineitheracookieorinlocalStorage,andthenuseJavaScripttoopenasecondpagetodisplaythenumberthatyousavedonthepriorpage.
Youshouldbeabletofindworking"cookie"codeathttp://www.
w3schools.
com/JS/js_cookies.
asporlocalStorageinstructionsathttp://www.
w3schools.
com/HTML/html5_webstorage.
asp.
CodeforbothshouldalsobeavailableinalibrarysuchasJQuery,andyouhavemypermissiontousethecopiedcodeforthisparticularrequirement.
UseaJavaScriptscriptofsomesorttodosomethingthatwasnotdemonstratedinclass.
Youdon'tnecessarilyhavetowritethecodeyourself,althoughitwouldbeafinethingifyoudid.
Ifyouwant,youcanfindJavaScriptoutontheweb,useoneoftheDreamweaverwidgetsorspryfunctions,oruseJQuerytodosomethingcool,aslongasyoufigureouthowtoincorporateitintoyourpage.
Hint:Don'ttrytodebugsomeoneelse'sJavaScriptcodeifitdoesn'twork–it'sfareasiertodeletethecodeandfindgoodcodeelsewhere.
Makesurethatit'sobviousonthepagewhereyourdifferentbehaviorsreside.
Forinstance,say"clickhere"fortheonclickbehavior,etc.
Otherwise,wemighttakepointsoffbecausewedidn'tnoticeyourcode.
PosttheHTMLpageandtheexternalJavaScriptfileonthewebserversothatwecantestthateverythingworks.
YoushouldgetstartedonthisassignmentpriortotheendofthescheduledJavaScriptlectures,oryoumightnothaveenoughtimetofinishit.
YoumightfinditeasiesttostartbyworkingwiththeJavaScriptintheheadofyourHTMLfileandthenmovingittoanexternalfileonlyafteryouhavecompleteddebuggingallofit.
SomeJavaScriptbehaviorsmaynotworkonyourlocalcomputerunlessyou'vespecificallysetitupasawebserver,soifsomethingdoesn'twork,don'tpanicuntilyou'veFTPedouttotheserverandcheckedthebehaviorsthere.
Alternately,youcouldinstallIIS(InternetInformationServices)onyourpersonalcomputer.
HerearethelonginstructionsforWindows7http://technet.
microsoft.
com/en-us/library/cc732976.
aspxandherearethequickinstructions:ClicktheStartbutton,clickControlPanel,clickPrograms,andthenclickTurnWindowsfeaturesonoroff.
Ifyouarepromptedforanadministratorpasswordorconfirmation,typethepasswordorprovideconfirmation.
InthelistofWindowsfeatures,clicktheplussign(+)nexttoInternetInformationServices,clicktheplussign(+)nexttoWorldWideWebServices,clicktheplussign(+)nexttoApplicationDevelopmentFeatures,selectthedynamiccontentfeaturesyouwanttoinstall,andthenclickOK.
PersonalWebSite(300pointsmaximumforundergraduates,350pointsmaximumforgraduatestudents,bothoutofapossibletotalof400pointsonthegradingspreadsheet.
Whattoturnin:See"Deliverables"attheendofthishandout.
Createawebsiteofyourchoice.
Itmustbeasitetheuniversitywouldconsidertobenon-offensive–forinstance,apolitically-orientedsite,RepublicanorDemocratic,wouldbefine,butaKluKluxKlansitewouldprobablynotbe.
Neitherwouldapornsiteoronewithprofanity.
Thesitecouldbeforyourownuse(althoughthenitisoftendifficulttocomeupwithenoughcontenttogetagoodgrade),forafriend,foracampusorganization,foraprofessor,forabusiness(realorfictional),orwhatever.
(Donotcreateapageforafictionalhospitaloradoptionagency,forreasonsthatIwillexplaininclass.
)Thesitemustcontainahomepageandatleastfourlower-levelpages.
Theremustbereasonablecontent–thatis,apagewithnothingbutafewgraphicsorafewlinkstoothersiteswillnotcountasafullpagetosatisfythefive-pageminimum.
Forthesamereason,asitewithahomepageplusfouridenticallyformattedpages,butwithsomewhatdifferentcontent(forexample,eachofthefourlower-levelpageshasonepictureandaproductdescription),wouldnotsatisfythefive-pageminimum.
Mostofthecontentshouldbeyourown,not"borrowed"(otherwiseknownasplagiarism)fromothersites.
Thinkofthisaswritingatermpaper;althoughyoucanresearchotherpaperstogetmaterial,thefinalproductmustbeyourownuniquecreation.
SeetheCheatingsectionofthecoursesyllabusforfurtherguidelinesonwhatwouldbeconsideredcheating.
Ihaveazerotoleranceruleforplagiarism,andifyoudon'tunderstandtherules,youcouldendupwithazeroontheassignment,adropofonefulllettergradeonthefinalgradeforthecourse,andanacademicmisconductchargefiledwiththeuniversity.
Seethesectionlaterinthishandoutcalled"PersonalandGroupWebSiteDeliverables"forspecificationsforeachdeliverable.
ThesitewillbegradedonalloftheitemsIlistonthePersonalWebSiteEvaluationFormonmywebsite.
Notethatalthoughthesitegradingspreadsheetaddsupto400points,a300-pointscoreisthemaximumnumberofpointsundergraduatescanearn(300outof300possibleisaperfectscore),and350pointsisthemaximumthatgraduatestudentscanearnfortheassignment(350outof350isaperfectscore).
ThisallowsyoutoearnanAbyeitherhavingoutstandingartisticcontentorbyhavingoutstandingtechnicalmerit;youneednothavebothtogetan"A.
"Youcan'tjustthrowsomestuffontoafewpagesandgetagoodgradeonyoursite.
Youcan'tjustcreateasitethatpleasesyourownartisticsense–itmustpleasethe"generalpublic"instead.
Thisisadesignclass,andyouhavetolearnhowtododesignlikeyouwouldlearnanyothersubject.
Youdon'thavetobeanartisticgeniustodocompetentdesign.
Youdohavetostudyotherdesigner'swork,learnthebasicdesignprinciples,andputinsomeeffort.
Ifyouhaveanydoubtsaboutwhetheryouareobservingdesignrules,readbackoverallofthedesignPowerPointsbeforeturninginyoursite.
And,infact,thisverystepcouldimproveyourgradeimmensely,becausemostofthepointswetakeoffarefromviolationsofdesignrulesthataregiveninthePowerPoints.
Version1isrequiredofeveryoneandmustbeareasonablycompleteversionofthesitetoreceiveagrade.
Youcanimproveyourfinalgradebyincorporatinganygradingsuggestionsand/orfurthertechnicalcontentandturninginaversion2bythedatespecifiedintheschedule,withnopenalty.
Ifyouaresatisfiedwithyourgradeonversion1,youneednothandinaversion2.
Youmayuseyouronefreeextensionforanydeadlineexceptforthefinalversion,Version2.
Eachmisseddeadlineafteryouroneextensionhasbeenusedwillloweryourfinalgradeby20points.
GroupWebSite(300points)Youwillbeassignedtoagroupoffourtoeightstudents.
Eachgroupwillcreateawebsitethatisyettobedetermined.
Thewebsiteshouldincludeahomepageandatleastfive(preferablymore)lowerlevelpages.
Seethesectionlaterinthishandout,"PersonalandGroupWebSiteDeliverables,"forspecificationsofeachdeliverable.
Veryfewin-classprojectmeetingsarelistedontheclassschedule,althoughtheremaybeimpromptugroupmeetingsattheendofsomeclassesifwefinishascheduledtopicearlierthanexpected(agoodincentivetomakesureyouattendclassregularly).
Becausethereisnoreadingassignedinthisclass,andmostoftheindividualassignmentsarefairlyeasy,Idon'tfeelbadaboutforcingyoutodomostofyourgroupprojectworkoutsideofclass.
Participationinthisgroupprojectmeansthatyouhaveagreedtoletthecompany/owner(ifapplicable)usethewebsiteand/orpartsofthewebsiteyouhavecreated,freeofcharge,royalties,orcopyright.
Youarealsoagreeingtoleteverymemberofthegroupusethesiteforhis/herpersonaluse.
Thegroupwillpresentthesitetotheclassneartheendofthesemester.
Thepresentationisinformal;thatis,youwon'tbegradedonthepresentationitself,onlyonthefinishedproduct,thewebsiteitself.
Thesiteisdueatthebeginningofclass;thatis,nochangeswhatsoevermaybemadetothesiteaftertheofficialstarttimeoftheclassonthatday.
Eachmisseddeadlinewilllowerthefinalgroupgradeby20points.
Ifthefinalversionofthewebsiteisnotuploadedtotheserverbytheduedate(andinstead,someorallofthesiteisdisplayedinclassusingalaptop),thefinalgradewillbeloweredby50points.
Youmaynotusepersonalextensionsonthegroupproject.
Thegroupsintheclasswillbeincompetitionwithoneanotherfortheirgrades:undergraduategroupsagainstotherundergraduategroups,andgraduategroupsagainstothergraduategroups,withgraduategroupsheldtoahighergradingstandardthantheundergraduategroups.
Thatis,thefinishedwebsiteswillberankedinorderfrombesttoworst,witheachsucceedinglowerrankingdecreasingagroup'sgrade.
Hence,itisentirelypossiblethataverygoodfinishedprojectcouldreceivealowergradesimplybecausetheotherprojectswerebetter.
Thisgradingmethodservestwopurposes:a)itdiscouragescheatingamongthevariousgroups,andb)itmostaccuratelyreflectstheatmosphereandrealitiesofthereal-lifebusinessworld.
Thefinalresultsoftherankingwillbediscussedattheendofthesemester.
Forthemostpart,eachmemberofagroupwillbegiventhesamefinalgradefortheproject.
However,ifagroupmemberdoesnotdosubstantialworkontheproject,thatgroupmembershouldexpecttoreceivealowergrade.
Asaresult,ifoneormorepeopleinyourgrouparenotpullingtheirweightintheproject(whichincludesnotshowingupforin-classmeetings),IwillconsiderloweringthegroupprojectgradeofthosepeopleifIreceiveatleasttwowrittencomplaintsfromtheothermembersofthegroup.
Ofcourse,acomplaintsignedbyallothermembersofthegroupwouldweighmoreheavilythanjusttwocomplaints.
Acomplaintshoulddocumentwhyyoufeelthisperson'sgradeshouldbeloweredandshouldrecommendapercentageforthegradecut(whichImayormaynotchoosetofollow).
We'vehadseriousproblemssuchasthefollowingwithgroupparticipation:Agroupmemberwillcheckinoccasionally,askingoneormoreothergroupmembersiftheyneedanything,butnotactuallyvolunteeringtodoanyrealwork.
Thisisnotadequateparticipation—youmustshowupformeetingsandinsistonbeingassignedtasks.
Agroupmemberwillbeassignedataskbutnotfollowthrough,eitherdoingtheworkinadequatelyornotfinishingtheworkontime.
Asaresult,theothergroupmembersstopassigningtheslackeranyworkatall.
Thentheslackerissurprisedtogetalowergradeattheendoftheproject,saying,"Buttheydidn'tassignmeanytasks.
"Itiseachteammember'sresponsibilitytocompleteassignedtaskswellandontime.
Trustme,ifyoudoyourpart,yourgroupwillassignyouplentyofwork.
Showingupforallteammeetingsbutfailingtovolunteerforanyrealworkdoesnotconstituteadequateparticipation.
Failingtoshowupforclassonthedaysofscheduledmeetings,orevenonthedayswhenIfinishlectureearlyandgiveyoutimetomeet,doesnotconstituteadequateparticipation.
Ifthegroupchoosestouseatechnologythatallmembersdon'thaveaccessto(forinstance,server-sidetechnologythatonlyafewstudentsinthegroupknow),thatmeansthatsomemembersmaynotbeabletoparticipateinthecodingasmuchasothermembers.
Undersuchcircumstances,itistheresponsibilityofboththegroupasawholeandtheindividualmemberswhodon'tknowthetechnologytocomeupwithaplansothateveryonehasadequateworktodo.
Ifyoucan'tcomeupwithaplanthat'sagreeabletoeveryone,youshouldnotusethetechnology.
Thegroupasawholehasaresponsibilitytoattempttocontactandmotivatemembersthatarenotfullyparticipating.
Documentyourattemptstocontactthesemembers—keepyouremailsincaseyouneedtowriteupthememberattheendofthesemester.
Individualmembershavearesponsibilitytovolunteerfortasks.
Ifyourgroupisnotcontactingyouorassigningyoutasks,it'syourresponsibilitytoinsistthattheydo.
Thegroupaswellaseachmembershoulddocumentalltasksassignedtoindividualgroupmembersaswellastasksthatwerecompletedbyeachgroupmember.
Whenyouturninyourgroupproject,includealistoftaskscompletedbyeachmemberofthegroup.
Iexpectaprofessionalattitudefromeveryoneintheclass.
Ifyouactunprofessionally(forinstance,sendinganunprofessionalandprofaneemailtoanothermemberofagroup,regardlessofhowbadlythatgroupmemberperformed),thatwillimpactthegradethatyoureceivepersonally.
Youcanmotivateandevencriticizeanothergroupmemberwithoutattackingthatgroupmember.
Inshort,don'tsayorwriteanythingyouwouldnotwantmetoread,becausetrustme,thegroupmember(s)whoreceivetheattackwillshareitwithme.
PersonalandGroupWebSiteGradingMuchofthegradingfortheaestheticaspectsofthepersonalandgroupwebsitesissubjective;whatonepersonfindsattractivemightverywellbeunappealingtothenextviewer.
Wewilltrytokeepthisinmindaswegrade.
Nonetheless,formaximumaestheticpoints,youmusthaveasitethatlooksprofessionalandappealingtomostviewersintheUnitedStates.
AskyourselfthefollowingbeforeturninginyourURL:WillthesitefulfillitspurposeandappealtoitstargetaudienceDoesthesiteconveythemessageIwantittoconveyHaveIchosenanattractivecolorschemeof2-3colors(rarelywillmorecolorslookcoordinated)andusedthemconsistentlythroughoutmysiteHaveIchosenalayoutanduseditconsistentlyorwithonlyjustifiablemodificationsoneverypageIsmycontentgrammaticallycorrectIsthespellingcorrect(Dreamweavercanspellcheck,ifyourequestit.
)DoIhaveanavigationmethodthatallowstheusertoformamentalmapofthesiteandgettodifferentpagesinmysitequicklyandeasilyDoesmysitelookprofessionalEvenifyoursiteisforjustyourownuse,itmustlookprofessionalifitistoreceiveagoodgrade.
PersonalandGroupWebSiteDeliverables(Inotherwords,whattoturnin)Whenhandinginanydeliverableinthislist,includeallpriorgradeddeliverables.
LETMEREPEATTHAT:INCLUDEALLPRIORDELIVERABLESORYOUWILLBEDOCKEDPOINTS,ATMYDISCRETION.
Step1:SitePlanPurposeofsite.
Identificationofaudience.
Itisextremelyimportantthatyoudefinetheaudienceasnarrowlyandcompletelyaspossible.
Bethoroughandspecific!
Forinstance,saying"Anyonewhowantstobuyabicycle"wouldbeaninadequateaudienceidentificationforabicycleshop.
ArethebicyclesprimarilyforkidsForrecreationalbikersForlongdistanceridersForracersAretheygearedforpeoplewithlittlemoneytospend,orforpeoplewithlotsofmoneytospendArethecustomersprimarilylocal(inwhichcasethelocaldemographicsareimportant)Orarethecustomersdrivingtotheshopfromfarawayorbuyingfromtheshop'swebsiteDescriptionofthemoodofthesite.
WhatgeneraltypesofcolorsandgraphicsdoyouintenttousetoportraythatmoodAhierarchicalplanofthesite,intextoutlineformat.
Acontentsummaryforeachpage,includingasentenceortwodescribingeachgraphicelement.
Turninapapercopyofyoursiteplan,includingname(s)ofthesubmitter(s),plusemailacopyofthedocumenttoourTAandtome.
Step2:1-PagePrototypeOneimplementedpage(notnecessarilythehomepage),outonyourwebspace,thatillustratesthevisualdesignofthesite:colors,backgrounds,layout,textattributes,logos,etc.
Turninaprintedcopyoftheonewebpageyou'resubmitting.
BesuretowriteyournameandURLontheprintedcopy.
Inthiscase,thatmeansyoushouldturninthegradedsiteplanfromStep1,plusanupdatetothesiteplanifwerequestedchangesorifyoumadechangestothesitethatrendertheoriginalsiteplanoutdated.
Alsoturninallpriorgradeddeliverables.
Membernames,ifforthegroupproject.
Step3:2-PagePrototype(Groupprojectonly—notrequiredforpersonalwebsites)Twoimplementedpages(onemustbethehomepage)onyourclasswebspacethatillustratethevisualdesignofthesite:colors,backgrounds,layout,textattributes,logos,etc.
Printacopyofbothpages,andwriteyournamesandURLoneachpage.
Namesofsubmitters.
Allpriorgradeddeliverables.
Inthiscase,thatmeansyoushouldturninthegradeddeliverablesfromSteps1and2,plusanyupdatesifwerequestedchangesorifyoumadechangestothesitethatrendertheearliersiteplansoutdatedandtheprintedcopyofthe1-PagePrototypeonwhichwewrotecomments.
Step4:CompletedSite(forthefinalversionforthegroupsite,boththefirstandthefinalversionsofthepersonalsite)Everythingimplementedontheserver,readyforfinalgrade.
Thisistheonlyversionthatwillactuallyreceiveagrade.
Aprintout(preferablycolor,ifyoucanswingit)ofjustthehomepage.
IncludetheURLandyourname(s).
Name(s)ofsubmitters.
Allpriorgradeddeliverables.
Inthiscase,thatmeansyoushouldturninthesiteplansfrompriorstepsplusanysiteplanupdatesandallgradingcomments/sheets.
Forgroupprojects:IalsoneedallsitefilesonCD-ROM.
Alistofgroupmembersandalltaskscompletedbyeachofmember.
Bespecific.
Thegroupprojectisdueatbeginningofclassinwhichyoupresentyourproject.
Fiftypointswillbedockedfromthegroup'soverallgradeifanyportionoftheprojectisdisplayedonalaptopinsteadofoutontheassignedwebspace.
ForthePersonalWebSite:ThePersonalWebSitegradingsheetfrommywebsite.
ForVersion1,turninallpriordeliverables.
Includeaprintedcopyofyourhomepage(blackandwhiteisfine,althoughIwouldprefercoloronthisone),butdon'tstaplethatprintedcopyittoanythingelseyou'rehandingin.
ForVersion2(finalversion),turninallpriordeliverables,especiallythePersonalWebSiteGradingSheetthatweusedtogradeyourVersion1.
Alsoincludeanotherprintedcopyofyourhomepage(colorpreferred,namewrittenonit).
Don'tstaplethisprintedcopyofyourhomepageprintouttoanythingelseyouturnin.
IfyouhavechangedyourURLfromVersion1,makesurethenewURLisnowwritteninanobviousplaceonyouroriginalWebSiteGradingSheet,sincewewillbeusingthatoriginalgradingsheetasthebaselineforgradingyourVersion2.