导航蓝色风格图案模板.pptx

HAIVisSelectionSortExample

Hypermedia

Algorithm

Visualizations

IntelligentInteractiveSystemsLaboratoryComputerScienceSoftwareEng.Dept.

AuburnUniversity

EXIT

HAIVisArchitecture

AnalogicalDescription

DetailedLook

AlgorithminActionQuestions

Contents

◎ISLab,AuburnUniversity

运

EachalgorithmvisualizationinHAIVisisstructuredasthreemainmodulesandtwo

supportingmodules.Thefirstmodule(ConceptualView)explainsthecoreoperationsofthealgorithmandillustratesthemusingafamiliar,real-worldanalogy.Forinstance,theanalogyfortheSelectionSortalgorithmshowsalineofpeoplethatsortthemselvesbyheight.Thesecondmodule(DetailedView)firstpresents,side-by-side,thepseudocodedescriptionandtextualexplanationofthealgorithm.Technicaltermsinthisexplanationarehyperlinkedtodefinitionsandadditionalillustrationsoffundamentalalgorithmicprinciplesinasupportingmodule(Fundamentals).Subsequently,fourrepresentationsarepresentedsimultaneously-oneisadetailedanimationoftheoperationofthealgorithmonasmalldataset;thesecondisthepseudocodeofthealgorithminwhichstepsarehighlightedsynchronouslywiththe

animation;thethirdisaverbalexplanationoftheeventsoccurringintheanimation,andthefourthisascoreboardofvariables.Thethirdmodule(PopulatedView)presentsan

animationofthealgorithmsoperationonamuchlargerdataset.Italsoallowstheusertomakepredictionsaboutparametersofthealgorithmsbehaviorandcomparetheseagainstactualvalues.Thisfacilityandquestionsprovidedbyasupportingmodule(Questions)areintendedasself-assessmenttoolsforthelearner.

Architecture

CONTENTSEXIT

◎ISLab,AubunUniversity

Architecture

Animationstepshighlightedin

pseudocode

Verbalexplanationsofeventsinthea