Exercise assistant on-line

Transcriptie

1 Exercise assistant on-line

2 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

3 progress submit, hint, undo Exercise Assistant werkveld history feedback

4 Uitgangspunt Exercise assistant in Haskell want: parsen, symbolische evaluatie, gemakkelijk in een functionele taal - We voorzien veel veranderingen - We willen met een release komen - We willen gegevens verzamelen van groepen gebruikers - Dus: gebruik on-line gewenst

5 On-line, hoe?

6 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

7 Gewenste configuratie Model: - Exercise Assistant View: -HTML Control: - Javascript, geïnterpreteerd in browser

8 Web service - Nodig: communicatie tussen web server en exercise assistant - Mogelijkheden: - Tool aanroepen vanuit bijvoorbeeld php - Tool als CGI programma - Tool refactoren naar Haskell Server Pages - Applicatieserver in Haskell, die tool inbindt

9 {- geeft bij een aangeboden seed formules terug -} app GET _ ["generator"] = do rq <- getevent put $ MyState (looks 200 rq "seed") sresult 200 (geefformule (looks 200 rq "seed")) {- evalueert opgestuurde formules en geeft feedback terug -} app POST _ ["application"] = do rq <- getevent put $ MyState (stripballast (show (looks 200 rq "antwoord"))) sresult 200 (geeffeedback (looks 200 rq "antwoord") (looks 200 rq "vorigeantwoord")) main = stdmain $ simplehttp "" [] app :*: End GET: http request, Get of Post [ application ] string uit de url geeffeedback: aanroep Exercise Assistant

10 Ajax voor interactiviteit Object in HTML pagina function submitantwoord() { var oplossing = $("werk").value; var text = URLEncode( &antwoord=" + oplossing + &vorigeantwoord=" + historystorage.get("vorigeantwoord") + n ); } sendpostrequest(url, text, feedbackontvangen); function feedbackontvangen() { var antwoord = eval("(" + xmlhttp.responsetext + ")"); if (niet-goed) {$( feedback ).value = antwoord.feedback; } }

11 Resultaat $( werk ) $( feedback )

12 Probleem: hercompileren Oorzaak: Haskell programma geïntegreerd in applicatieserver dmv functieaanroep Mogelijke oplossing: - Configuratiebestand met url-patterns - Daar aan gekoppeld functieaanroepen - (voorbeeld uit Cocoon) <map:match pattern="hello.html"> <map:generate src="docs/samples/hello-page.xml"/> <map:transform src="stylesheets/page/simple-page2html.xsl"/> <map:serialize type="html"/> </map:match> In combinatie met pluggable Haskell

13 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

14 Groter probleem: veranderingen van interface - Niet alleen implementatie verandert, maar ook de interface - Nu twee interfaces: - <url bevat generator > - Integer in (seed), string met opgave uit - <url bevat feedback > Twee strings in (antwoord en vorigeantwoord) - Twee strings uit (feedback en voortgang)

15 Communicatie: Ajax antwoord=<value>&vorigeantwoord=<value> Browser http GET string Web server http GET string App. server Browser xmlhttp POST string Web server xmlhttp POST string App. server feedbackstring=<value>&indicatorstring=<value>

16 Afhankelijkheden communicatie Kennis: - antwoord=value&vorigeantwoord=value - feedbackstring=value&indicatorstring=value Aanwezig bij Exercise Assistant *en* Javascript (Model en Control) Dus het lijkt gescheiden, maar is het niet

17 Afhankelijkheden presentatie HTML: View Javascript: Control

18 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

19 Mogelijke oplossing - Javascript de verantwoordelijkheid houden van exercise assistant - Gedeelt van de HTML de verantwoordelijkheid houden van de Exercise Assistant - Dus: Model levert ook de juiste View en Control op

20 HTML pagina <head> <script type="text/javascript" src= </script> </head> <body> <script type="text/javascript">schrijfexerciseassistant() </script>

21 Javascript document.write( <h3>opgave</h3> <div id="opgave" ></div> <h3 Werkveld: wijzig en controleer:</h3> <textarea id="werk" onkeydown="controleer(event)"> </textarea> <input id="controleerbutton" type="button" onclick="submitantwoord() "value="submit" >

22 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

23 Javascript genereren - De exercise Assistant is volop in ontwikkeling -> we kunnen nog allerlei veranderingen verwachten in de interface - Elke keer met de hand de benodigde Javascript schrijven -> bron van fouten - Liefst: - Declaratiebestand met interface - Op basis daarvan Javascript genereren

24 Slim selecteren in Javascript - Voorbeeld: Niet toestaan - (1 + 2) * 3 5 = x - (1 + 2) * 3 5 = x Wel toestaan -> aan server opvragen welke bewerkingen mogelijk zijn -> in Javascript aangeven welke uitbreidingen mogelijk zijn

25 Domeinen uitbreiden Nu: - Logische expressies - Wiskundige vergelijkingen met 2 of 3 onbekenden - Uitbreiden naar andere domeinen - Differentiaalvergelijkingen - Progammacode -

26 Wiskundige formules mogelijk maken MathML Slim kunnen selecteren!

27 Parsen - Om slim te kunnen selecteren: parser nodig die een boom contrueert - Haskell tool doet dat al - Daar zoveel mogelijk van profiteren! - gebruik maken van dezelfde declaratie van de syntax - Parsen zoveel mogelijk identiek uitvoeren (Javascript kent ook functies als parameters) - Weer: benodigde Javascript genereren

28 Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

29 En veel meer - Analyseren van logging van het gebruik (van alle stappen in afleidingen plus de feedback), en bedenken wat je daarmee kunt doen - Logging naar database - Inrichten bugtracking systeem - Blackboard building block maken -