Delprosjekt:
Beirut Kart
Ansvarlig:
Morten Gustavsen (morten.a.gustavsen@hiof.no)
Innledning
Avdelingen om Libanon er kanskje den mest sentrale ved serveren. Veileder
Børre Ludvigsen har innhentet masse informasjon om dette landet bl.a fra sine turer til dette l
andet. Dette har ført til at det har blitt en mengde bilder fra hovedstaden Beirut.
Problemstilling
Hvordan presentere disse bildene på en mest mulig interresant måte
for brukeren.
Gjennomføring
Etter å ha diskutert med veileder falt løsningen på å samle bildene i billedserier fra områdene de var fotografert fra. Brukeren skulle få tilgang til områdene gjennom et navigerbart kart, hvor han/hun kunne trykke på de ulike områdene i Beirut.
Åpningsiden skulle inneholde et komplett kart av Beirut. Ved å klikke på en kartrute, får man presentert en detaljert versjon av den samme kartruten.
Det nye bildet er delt inn områdene, disse områdene er linket til tilsvarende billedserie.
Første oppgave var å få scannet inn kartet. Vi begynte med å scanne inn en rute av gangen.
Dette viste seg å ikke være et fornuftig valg, fordi etterhvert fant vi ut at ved å
benytte oss av litt forskjellige innstillinger kunne vi klare å få scannet inn mye større deler av kartet på en gang, og likevel beholde den samme kvaliteten.
Et av problemene vi støtte på, var at kartet var mye mørkere der hvor befolkningstetthet var høy. Derfor ble disse områdene mørke, og det var vanskelig å se hvor man befant seg.
Vi har brukt en del tid på å få forbedret kvaliteten på disse områdene, ved bl. å benytte oss av ulike innstillinger i scanner-softwaren. Vi var også nødt til å editere hvert enkelt bilde i Adobe Photoshop, for å oppnå så bra resultat som mulig.
Når vi var fornøyd med resultatet på kartbitene, måtte vi sette de sammen slik at vi kunne få et komplett oversiktskart.
På oversikts kartet lagde vi imagemaps på hver rute som linket til det
det tilsvarende detaljerte bilde av denne kartruten. Kartruten dukker opp i et nytt vindu som blir åpnet med javascript.
Hver enkel kartrute skulle ha en egen tilsvarende html-side, tilsammen blir det ca 60 stykker.
En enkel måte å lage disse sidene dette på, er å lage et perl-script som automatisk generer sidene. Siden vi skulle ha alle bilder i en katalog, laget vi et script som genererte html filer utifra de filer som lå i denne katalogen. Dette viste seg å være et fornuftig valg, fordi vi var nødt til å gjøre noen forandringer i utseendet på html filene underveis. Disse forandringene var enkle å gjennomføre, fordi det var bare å forandre litt på kildekoden, og kjøre scriptet på nytt.
kildekode til script (Makehtml.pl)
Navigasjon
Problemet med navigasjonen på kartet, løste vi på følgende måte:
Vi utelot et lite område på utsiden av hver kartrute. De ulike områdene på utsiden av kartet, linker til den tilsvarende kartrute. For å lage denne linkingen, brukte vi en imagemap. Kartet var nå navigerbart i alle retninger.
Det som gjensto nå, var å lage imagemaps på de ulike områdene som bildeseriene var fra. Børre Ludvigsen laget en skisse over områdene på papir, og vi tegnet de tilsvarende områdene inn på kartrutene som imagemaps.
For å lage forskjellige imagemaps har vi benyttet oss av et program som heter Mapedit. Det er gratis, og det er tilgjengelig over nettet. Dessuten skriver den ryddig og korrekt html kode.
Konklusjon
På dette delprosjektet kunne vi spart en masse tid og arbeid hvis vi hadde gjort skikkelig forarbeid først, da kunne vi få redusert antall scanninger kraftig.
Valget med å bruke et eget program som produserer imagemaps, var fornuftig. Dette sparte oss en masse tid i forhold til å lage disse manuellt.
Ressurser:
- Mapedit : program som produserer imagemaps.
- Adobe Photoshop 5.0 : Editeringsprogram for Bilder.
- Perl
- Emacs
Tidsestimering
Det ferdige resultatet
|
