A.E.Veltstra
23/05/2002
De ruimtelijke interface is afgekeurd door Bobby. De afbeelding (links) stelt de ruimtelijke interface voor, een driemensionale weergave van een kamer, in dit geval deze website. Omdat Omega Junior Web zo'n beetje mijn archief is, heb ik de ruimte gebouwd als bibliotheek met kasten.
De kasten lijken nu leeg. Ze klappen naar voren zodra je er met de muis overheen beweegt. Dan zie je de artikelen. Er is plaats voor 75 artikelen. Op dit moment zijn niet alle plaatsen ingevuld. Ik heb een beetje met de plaatsing van artikelen gespeeld om te tonen hoe flexibel de interface is.
De instellingen voor de artikelen zijn opgeslagen in een javascript databestand, genaamd 'artikelen.js'. Dit bestand beschrijft exact hoe een artikel ingesteld moet worden. In het kort krijgt elk artikel zijn eigen nummer, titel, omschrijving, hyperlink en afbeelding. Het artikelnummer komt overeen met de plaats in de bibliotheek.
Wat nu nog onderdeel uitmaakt van de afbeeldingen zelf, zijn de naambordjes bovenop de kasten. Ik weet nog niet of ik dat wel dynamisch moet maken.
De ruimtelijke interface heeft een heel groot nadeel ten opzichte van tekstuele sitemaps. De artikeltitels zijn pas zichtbaar als je met de muis dichtbij komt, en verdwijnen daarna weer. Dit wordt "Mystery Meat Navigation" genoemd, aldus de website Web Pages that Suck. Totdat ik dat opgelost heb, wordt de ruimtelijke interface niet als standaard sitemap gebruikt in deze website.
Het heeft wat moeite gekost om de Opera browser om te laten gaan met deze interface. Opera kon de javascript wel, maar de css-stijlen niet uitvoeren. Erg lastig. In eerste instantie had ik de planken en artikelen de eigenschap "visibility: inherit" gegeven. Als de kast zichtbaar wordt, zouden hun planken en artikelen automatisch moeten verschijnen. Internet Explorer en Mozilla kunnen dit wel; Opera niet. Uiteindelijk heb ik de "visibility" eigenschap helemaal weggelaten.
Toen gaf Opera alle artikelen wel weer, maar de eerste plank werd niet absoluut gepositioneerd. Alle andere planken wel, maar de eerste niet. Ik heb van alles geprobeerd, maar het schijnt gewoon een bug in Opera te zijn. Hier heb ik omheen gewerkt door een onbruikbare nulde plank toe te voegen. Als Opera deze nulde plank niet absoluut positioneert, is dat niet erg. Ze positioneert de overige planken dan wel correct.
Had ik eindelijk alles op zijn plaats in Opera, zet Internet Explorer alle artikelen in een rijtje boven de kasten. Het was in eerste instantie niet helder waar dat aan lag, tot bleek, dat Internet Explorer (5.01 voor MacOs) de maateenheid in css niet automatisch op pixels instelt als er geen maateenheid is opgegeven. Dus snel mijn css vervolmaakt, maateenheden toegevoegd en ook Internet Explorer toonde geen afwijkingen meer.
Het spreekt voor de kwaliteit van Mozilla dat deze browser vanaf het ontstaan van deze ruimtelijke interface tot nu toe er foutloos mee om kon gaan.
De ruimtelijke interface leunt sterk op javascript. Dat betekent dat ze niet zo geschikt is voor interoperabele, multitoegankelijke sitemaps. Ik gebruik de interface zelf als sitemap, maar u ziet dat ik een kopie van de sitemap in tekstvorm heb aangehouden.