Ekstraopgave til Løbeseddel 11: Klikbare billeder

for Databasestøttet Webpublicering

af Martin Elsman og Niels Hallenberg sidst rettet 15. februar, 2002


Dette ekstrasæt til løbeseddel 11 indeholder en opgave, som går ud på at anvende usemaps til at lave klikbare billeder.

Florida Ballot Trainer

I denne opgave skal du lave en Florida Ballot Trainer, dvs. et lille spil hvor brugeren præsenteres for en stemmeseddel som ligner den maskine, hvor man afgiver sin stemme. Ideen er, at spillet angiver hvem man skal stemme på, og hvis det lykkes at stemme på den rigtige person fem gange i træk, så er man færdig.

Du skal ikke anvende en database. Du skal anvende samme teknik som i gaet_et_tal, dvs skjule form-variable der husker på antallet af rigtige svar brugeren har angivet, samt hvilken kandidat der skal stemmes på næste gang.

Du kan f.eks. gemme kandidaterne i en liste

set kandidater [list Bush Buchanan Gore Nadar]
set q_kandidat [randomRange 4]
Med randomRange kan du vælge en tilfældig kandidat, q_kandidat, der er et indeks ind i listen af kadidater. Til hver sort knap laver du et area-tag, der bl.a. indeholder et link til dit Tcl-program. Linket indholder tre form-variable: (1) antal rigtige forsøg, (2) indeks på den kandidat som brugeren skal stemme på (q_kandidat) og (3) indeks på den kandidat som brugeren faktisk har stemt på (a_kandidat). Du kan anvende indekset på en kandidat i stedet for navnet idet et indeks entydigt angiver en kandidats navn, f.eks. svarer indeks 3 til Gore. Eksempel på link:
 <img src="florida_ballot.jpg" usemap="#florida_ballot">
  <map name="florida_ballot">
  <area shape=circle coords="506,128,15" 
    href="florida_ballot.tcl?antal_rigtige=0&q_kandidat=0&a_kandidat=0">
  <area shape=circle coords="506,273,15" 
    href="florida_ballot.tcl?antal_rigtige=0&q_kandidat=1&a_kandidat=1">
  ...

For at lave area tags skal du kende centrum og radius af de fire sorte cirkler til højre i billedet. Du kan anvende programmet ismap_florida.tcl program til at finde centrum og radius; du skal blot klikke på billedet og aflæse x og y koordinaterne.


mael@it.edu, nh@it.edu