Ice Cream Treat Match-upIcecreammatchingfunforkids3-5years!

JosephPalmerDr.NatalieHruskaE-LearningII30August2017

IceCreamTreatMatch-upisarichmediaanimatedeLearningprogramforchildren,agesthreetofiveyearsold.Throughthisfun,colorful,interactivelearningcoursechildrenwillpracticeshaperecognition,colorrecognitionandmatching.SamtheIceCreamManwillguidethemthroughaseriesofanimatedsceneswhereinthetheywillbeaskedtoidentifywhichicecreamtreatsarethesamecolorand/orshapeaswellaswhichtreatisdifferentincolorand/orshapethantherest.Therewillbethreelevels:ColorMatching,ShapeMatchingandColorANDShapeMatching.Eachlevelwillconcludeafter10rounds.Theendofeachlevelwillbeconfirmedwithanimageofanicecreamtreatandtheopportunitytomoveontothenextlevel.Attheconclusionoftheentirecoursethechildrenwillbepresentedwithacertificateofcompletion.

2

• Bytheendofthelearningprogram,eachstudentwillbeabletorecognize,recall,anddemonstratecriticalthinkingandproblemsolvingbyselectingthecorrecticecreamtreatforeachscenario.

• Bytheendofthelearningprogram,eachstudentwillbeabletorecognizeandidentifycolors,sizesandshapesoficecreamtreatsthatarethesame.

• Bytheendofthelearningprogram,eachstudentwillbeabletorecognizeandidentifycolors,sizesandshapesoficecreamtreatsthataredifferent.

• Bytheendofthelearningprogram,eachstudentwillbeabletounderstandandfollowsimple,concretecommandswithvisualprompts.

Learning objectives

3

• Attheendofthelearningprogram,eachstudentwillbeabletoshowcreativity andimaginationbychoosingfromavarietyofgraphicelementstocreateafinishedicecreamtreat.

• Byusingthee-learningsystem,childrenwillgainage-appropriateeye-handcoordinationbytheendoftheprogram.

• Bytheendofthee-learningcourse,childrenwillbeabletounderstandwhatisheard,listenandmakechoices,andgiveaphysicalresponsetoindicateunderstandingbyclickingthecorrectanswerfromthechoicesgiven.

• Byusingthee-learningsystem,childrenwilllistenandfollowsimpletwo-stepdirectionsandaskforhelpwhenneeded.

Learning objectives (continued)

4

HomePageThispagewilldescribethepurposeofthesitealongwithadescriptionofthetargetaudience.Therewillbeashortanimationasanintroductiontothegamealongwithalinktotheparental/userassessmentundertheanimation.ThehomepagewillalsoincludeaglobalnavigationgivingtheuseraccesstotheMainGamePageaswellasafooterwhichwillcontainalinktotheHelpPage.

Parents’PageThispagewillcontaingameinstructions,technologyrequirementsandashortquiztoassesstheuserofthesiteandwhetheritisappropriateforthemtoplaytheedutainmentgame.

Content outline

5

MainGamePageThispagewillcontainashort,animatedvideothatwillexplaintherulesofthegameandhowtoplay.Eachroundwillincludewrittenandaudioinstructionsspecificfortheround.Theuserwillbeabletoclicktoenterthefirstcourse/level,theColorsCourse/Level.

Content outline

6

ColorsCourse/Level• Thecoursewillstartwithashort,animatedvideowhichwillexplaintherulesfortheColorscourse/level.

• Eachroundwillincludeshortinstructions,presentedintextandaudioformat,whicharespecificfortheround.

• Thegamewillbeadrag&dropstylegame.Theuserwillbeaskedtoidentifywhichicecreamtreatsarethesamecolor,orwhichoneisadifferentcolor,bydraggingit(them)tothedropzone(s).

• Uponcompletionofeachround,theuserwillclicktoadvancetothenextround.Uponcompletionof10roundstheuserwillbeabletoclicktothenextcourse/level.

Content outline

7

ShapesCourse/Level• Thecoursewillstartwithashort,animatedvideowhichwillexplaintherulesfortheShapescourse/level.

• Eachroundwillincludeshortinstructions,presentedintextandaudioformat,whicharespecificfortheround.

• Thegamewillbeadrag&dropstylegame.Theuserwillbeaskedtoidentifywhichicecreamtreatsarethesameshape,orwhichoneisadifferentshape,bydraggingit(them)tothedropzone(s).

• Uponcompletionofeachround,theuserwillclicktoadvancetothenextround.Uponcompletionof10roundstheuserwillbeabletoclicktothenextcourse/level.

Content outline

8

ColorsANDShapesCourse/Level• Thecoursewillstartwithashort,animatedvideowhichwillexplaintherulesfor

theColorsANDShapescourse/level.• Eachroundwillincludeshortinstructions,presentedintextandaudioformat,

whicharespecificfortheround.• Thegamewillbeadrag&dropstylegame.Theuserwillbeaskedtoidentify

whichicecreamtreatsarethesamecolorandshape,orwhichoneisadifferentcolorandshape,bydraggingit(them)tothedropzone(s).

• Uponcompletionofeachround,theuserwillclicktoadvancetothenextround.Uponcompletionof10roundstheuserwillbeabletoclicktothenextcourse/level.

Content outline

9

CertificatePresentationPageThispagewillshowcaseacertificateofcompletionwhichispresentedtotheuseruponsuccessfulcompletionofeachlevelandattheendofthecourse.

HelpPageThispagewillhavecontactinformationforparentsorguardiansthatareinterestedinthegameandbasicinstructionsforthevariouscourses/levelsofthegame.Itwillbelocatedinthefooter.

Content outline

10

EachpageofIceCreamTreatMatch-upwillhaveaglobalnavigation,consistingoftwolarge,colorfulbuttons,whichwillallowtheusertoreturntothehomepageorgobacktothepreviouspage.Toenterthee-learningprogramtheuserwillclickonalarge“play”buttoninthecenterofthescreen.Thiswillpromptashortanimationexplainingtheinstructionsforthegame.Theuserwillclicka“Let’sGo!”buttontoproceedtothefirstroundofthegame.Oncetheuserhaschosenthecorrectitem(s)theywillclickalinktoadvancetothenextround.Tohelpkeeptrackoftheuser’sprogressanicecreamtreatsymbolwillappearatthetopofthescreenuponthesuccessfulcompletionofeachround.Thesesamesymbolswillappearontheprogressreportattheendofeachlevel.Userswillreceiveacertificateofcompletionattheendofthegameiftheyscore70%orhigher.

Userscanexitthelessonatanytimebyclickingthe“Exit”buttonatthetopleftofthegame.

Instructional Events

11

Allusersmusthaveaccesstoacomputerordevicewithastronginternetconnection.ThecurrentreleasesofSafari,Chrome,FirefoxandEdgewebbrowsersaswellasInternetExplorerversion*9anduparesuggestedforbestperformancequality.Additionally,thee-learningprogrammayrequirethelatestversionofthefreeAdobeFlashPlayer.PleasenotethatyoumayneedtograntFlashpermissiontoruninyourwebbrowser.

ThefollowingdomainmustbeunblockedforIceCreamTreatMatch-uptoworkproperly:joesplace.net/icecreammatchup.

Technology & Media

12

AllassetswillbecreatedusingAdobeIllustratorandthenimportedtoAdobeAnimateforanimation.ThroughAdobeAnimate,aFlashfileandcorrespondingfilesforauthoringwillbecreatedforuploadtotheWordPresssite.Thisprocessisthebestwaytocreateaunique,funandcolorfulinteractiveanimatedprogramforthetargetaudience.Bycreatingtheassetsfromscratchalldesignelementswillbeconsistentthroughoutthesite.TheFlashanimationwillallowforanentertaining,attention-grabbingprogram.

Technology & Media

13

ThefollowingpluginswillbeusedtoenhancetheWordPresssite:InteractiveContent– H5P

H5Pcontentisresponsiveandmobilefriendly.TheDrag&Dropfeaturewillbeusedtocreatetheinteractivecomponentsofthesite.

Namaste!LMSNamaste!LMSisalearningmanagementsystemforWordPress.Itsupportsanunlimitednumberofcourses,lessons,assignments,studentsetc.

myCredIceCreamMatch-upwillawardvisualrewards,suchasbadges.Thebadgesadd-onallowsyoutocreatebadges– avisual tokenofachievement.

Technology & Media

14

Flow Chart

15

Home Parental/UserAssessment

ShapesColors Colors & Shapes

Rounds 1-10

NextLevel?

Progress ReportAwards

= HIERARCHICAL BRANCHING

= COURSE HEADING

= HOME/GLOBAL NAVIGATION

= USER ASSESSMENT

= LESSONS

= DECISION

Rounds 1-10

NextLevel?

Progress ReportAwards

Rounds 1-10

YesYes

No No

Final Certificate

Style Guide

16

Typography

Headings Snowtop Caps40points

Body TextMyriad Pro 18points

17

WireFrames

18

Sample Pages