j
DJ
als de clientcom-
puter. Op de ser
ver moet een da
tabase toeganke
lijk zijn en er
moeten scripts
geparst kunnen
worden. Op de
clientcomputer
dient de plug-in
aanwezig te zijn,
anders kan de da
ta die vanaf de
server wordt ver
stuurd niet wor
den veiwerkt (fig.
7).
v-V
Fig. 6.
Schematische
weergave van het
internetverkeer hij
dynamische
pagina's met
server-side oplossing.
Beland
met data
Het platfonn dat
gebruikt is voor
het maken van de
applicatie heet
PHP. Dit is een
programmeertaal
die dynamische
pagina's lean ma
ken en daarbij
een database kan
aanspreken. Dit
komt er in de
praktijk op neer
dat er geen kant
en klare HTML-pagina's op de server staan. Er staan slechts
scripts die nadat ze geparst zijn een HTML-bestand naar de
cliënt sturen. Bij ieder verzoek van een clientcomputer
moet het HTML-bestancl dat opgevraagd wordt dus nog aan
gemaakt worden, Als database is een MySQL database ge
bruikt. Dit is de meest gebruikte database voor PHP, aange
zien PHP over meer functies beschikt voor een MySQL-data
base dan voor andere databases. Bovendien bestaat binnen
PHP de mogelijkheid om "PNG"-bestanden te maken. Dit is
een bestandsformaat voor plaatjes.
Fig. 7.
Schematische
weergave van het
internetverkeer bij
dynamische
pagina's met een
combinatie van een
client-side en een
server-side oplossing.
Het schrijven van de applicatie
Voor het schrijven van de applicatie is eerst een database
aangelegd. In een tabel werden alle coördinaten die voor de
kaart nodig waren opgenomen met daarbij een nummer
van een polygoon. Dit polygoonnummer kon veivolgens ge
koppeld worden aan de naam van een gemeente. Vervol
gens werd een derde tabel aangemaakt waarin alle gege
vens uit het statistisch zakboek werden opgeslagen. Deze ta
bel bestaat uit drie kolommen: het gemeenten mnmer, de
categorie en de waarde in die categorie. Vervolgens werden
de PNG-functies van PHP aangesproken om een plaatje te
genereren van de coördinatenvariabelen uit de database.
Op dat moment werd duidelijk dat de coördinaten omge
draaid moesten worden. Een PNG-bestand heeft het nul
punt linksboven in de hoek. De coördinaten zoals die uit
ARC-INFO gehaald werden hadden hun nulpunt linksonder
in de kaart. Bij het één op één overnemen werd het kaartje
dus op zijn kop getekend.
Na het converteren van de coördinaten
werd in HTML een interface gebouwd
waarmee men kon aangeven voor wel
ke categorie men de gegevens gevisua
liseerd wilde zien. Vervolgens werden
de laagste en de hoogste waarde uitge
zocht. De laagste waarde werd op 0 ge
zet en de hoogste op 255. Alle tussen
liggende waarden werden omgere
kend naar een getal tussen de 0 en 255.
Het toekennen van kleuren bij het ma
ken van een PNG-bestand met behulp
van PHP geschied op basis van de R.GB-
kleurenindeling. Een code voor een
kleur bestaat dus uit drie getallen die
de hoeveelheid rood, groen en blauw
aangegeven. De waarden die de ge
meenten in een bepaalde categorie
kregen, werden zo gekoppeld aan de
kleur. Vervolgens werden de polygo
nen weer getekend zoals hierboven be
schreven en gevuld met de waarde zo
als ze die per gemeente hadden gekre
gen voor de kleur "rood". Een gebied
met een score 0 werd dan geel en een
gebied met de score 255 werd dan
rood, aangezien groen en blauw stan
daard de waarde 255 meekregen.
Op dit moment was nog geen interac
tie mogelijk. Dit werd gerealiseerd
met behulp van een clickable map. Een
clickable map is HTML-code die het
mogelijk maakt acties te koppelen aan
een gebied (hotspot) in een plaatje. Het
was de bedoeling dat als men over het
plaatje heen beweegt, er een alt-tekst -
dit is een geel tekstvakje dat in webpa
gina's kan verschijnen om extra infor
matie te bieden - verschijnt met daar
in de naam van de desbetreffende ge
meente en de exacte waarde van die
gemeente voor de categorie waarvoor
het plaatje is gemaakt. Deze clickable
map wordt in HTML dus als het ware
over het plaatje heen gelegd. Ook deze
map kan met behulp van PHP gemaakt,
worden. In tegenstelling tot het PNG-
bestand worden bij de clickable map
alle coördinaten in de HTML-broncode
meegestuurd. Dit leverde een bestand
van 60 kb op. In de praktijk betekent
dit dat de pagina pas na 10 seconden
op het scherm stond. Vandaar dat voor
de clickable map elke 10e coördinaat
werd gebruikt. Dit levert een wat gro
ver beeld op maar dit is geen probleem
aangezien de map onzichtbaar is. Ver
volgens werden de alt-teksten aan de
verschillende gebieden binnen de clic
kable map gekoppeld. Ten slotte wer
den links gekoppeld aan de gebieden
Database Parser
BesUand Bestand
met kaart met kaart
Server PC
Database Parser
Plugiru Kaart
Serv
CEO-INFO 2003-0