Tartu Ülikooli virtuaaltuur

Kui keset ülikuuma juulikuud maandus meie käte vahele Tartu Ülikooli virtuaaltuuri veebikeskkonna briif, olime tõeliselt põnevil ja ei jõudnud töö kallale asumist ära oodata!

Põnev lähteülesanne

Mitte ainult Tartu, vaid terve Eesti sümbol ja väärt kõrghariduse kants Tartu Ülikool soovis endale välismaiste ülikoolide eeskujul ilusat ja kvaliteetset interaktiivsete kaartide veebikeskkonda. Eesmärgiks oli luua peamiselt välistudengitele suunatud lehekülg, kus oleks näha Tartu kompaktsus ja atraktiivsus nn campus city'na ja lisaks õppehoonetele oleks nähtavad ka muud TÜ hooned.

Kliendi kindel visioon oli esitleda TÜ hooneid efektse linnulennu-vaatega ja kasutada aerofotosid. Samas pidi kuidagi olema esitatud kaart hoonete asukohtade ja nendevaheliste distantsidega.

Kättesaadavad pidid olema hooneid tutvustavad tekstid ja edasised tegevused nagu võimalus vaadata hoone pildigaleriid, videosid, ruumiplaane ja 360-kraadist virtuaaltuuri (väline olemasolev lahendus, ei ole Redwalli tehtud).

Hooneid pidi saama nende liigi järgi eristada (õppehooned, ühiselamud, raamatukogud, spordirajatised, muuseumid) ja eraldi vaates tuli esitleda Maarjamõisa teaduskeskust. Lisaks Tartule on ülikool esindatud ka teistes Eesti linnades, mis kõik pidid samuti kaardistatud saama.

Lühidalt: tuli ühendada foto, kaardi ja mitmekesise detailinfo kihid ja luua terviklik, kasutajat kaasa haarav kogemus. Süsteem pidi olema Wordpressis lihtsalt hallatav.


Hoolikas kasutajakogemuse disain

Kasutajakogemuse seisukohalt oli väljakutseks eri laadi infokihid ja vaated koos sujuvalt toimima panna. Fotodel on oma spetsiifika ja võimalused, kaartidel teised, tekstil hoopis kolmandad. Oli vaja tagada, et iga infokiht oleks kasutajale just vajalikul hetkel kättesaadav. Tuli vältida kasutaja uputamist infomassiivi ja menüüde sügavikesse. Tänapäevane netikasutaja on väga pirtsakas ja nõudlik, ses mõttes, et lahendust peab olema mugav ja kiire kasutada, muidu lihtsalt lahkutakse lehelt. Sellega ei saa riskida, tuleb pakkuda mõtestatud sisu mugaval viisil.

Kujunduselt järgib lahendus TÜ visuaalset identiteeti. Värvid ja fondid on TÜ lehelt tuttavad, kujundus kerge, selge ja praktiline. Lähtudes identiteedist, kujundasime rakendusele ikoonid.



Efektsed ja sisukad aerofotod

Aerofoto ja -video on tõusev trend ja on rõõm, et ülikool seda kasutada otsustas. Aerofoto on efektne ja samas ka informatiivne, seega on see antud lahenduses täiesti ideaalne valik.

Leidsime aerofotosid pakkuvate ettevõtete seast endale sobivaima, panime Google Earthi kasutades kliendiga koos paika nende poolt soovitud rakursid – nii et kõik hooned kenasti näha oleks – ning saatsime "linnukese" teele. Siinkohal tahaksimegi soojalt tänada meie partnerit taevakaamera.ee, kes taotles kõik vajalikud lennuload ja oli ülimalt professionaalne ning – mis kõige tähtsam – neil on fantastiline droon, mis suudab lennata kuni 1 km kõrgusele!



Google Maps'i ja WordPressi põhine arendus

Enamasti kasutavad välismaised analoogid siiani Flashi-põhiseid lahendusi, mis paraku on keerukad hallata, tehnoloogiliselt aegunud ja mobiilsetes seadmetes kasutamatud. Redwalli lahendus kasutab kaasaegsemaid dünaamilisi ja soodsaid lahendusi, mis töötavad kõigis seadmetes ja on tuleviku-kindlad.

TÜ eelistab WordPressi sisuhaldust. Esmalt pakkus mõtlemisainet, kuidas kõik võimalused ja sisumoodulid/pluginad omavahel siduda. Paigaldasime Google'i kaardirakenduse, millega sidusime kõik vajaliku.

Tuli planeerida, kuidas teha sisu lihtsasti hallatavaks. Võib küll kokku panna kena asja, aga kui keegi sinna sisu lisada ja muuta ei oska, on tehtud töö kasutu. Lihtsasti pidi olema võimalik määrata asukoht Google'i kaardil, kirjeldus, galerii, majaplaan, video, 360-kraadise virtuaaltuuri link.

Võtsime Wordpressist viimase välja ja seadistasime süsteemi selliselt, et sisu haldaja saab kõiki elemente hallata ühe blogiartikli raames. Nii on sisu toimetamine mugav ja kiire ning ei ole ohtu midagi vussi keerata.

Front-endi osas tuli mõelda, kuidas oleks sisu kõige optimaalsem kuvada nii telefonis kui suurel lauaarvuti ekraanil. Hoolimata sellest, et hoonete asetus eri linnades on erinev, pidid aerofotod koos sellele kinnitatud objektidega kohanduma kõikidele seadmetele nii, et hoonete asukohad oleks korralikult näha. Sai katsetatud eri variante ja lõpuks jäi sõelale kõige optimaalsem.


Mida lahendusega teha saab?

Sõltuvalt linnast, kus seda vaadata, satub esmalt Tartu või vastava linna aerofoto vaatesse, kus on kaardimarkeritega kuvatud hoonete asukohad. Ikooni või pildiga on näidatud hoone tüüp (õppehoone, ühiselamu vms). Lehe päises on kättesaadavad teised linnad, vahvaks elemendiks on siin distantsid ja suunanooled, mis arvutavad end automaatselt ümber kui linna vahetada.

Avalehel mõnel hoonel klikkides tuleb aerofoto alt nähtavale kaardivaade. Kaardi peal on endiselt markerid ja infokast valitud hoone lühikirjelduse ja edasiste tegevustega – olenevalt hoonest saab edasi liikuda galerii, lisainfo, hooneplaanide, distantside ja/või 360-virtuaaltuuri juurde.

Objekti detailvaade on lahendatud lightboxiga, mis on mugav ja kiire viis spetsiifilisema info esitamiseks. Eriti mobiilsetes seadmetes on see mugav, sest ei toimu lehe vahetust. Eelmine leht jääb alles ja sinna saab kiirelt tagasi, ilma et seda uuesti laadima peaks.




Kokkuvõte

Loodud kaasaegne responsive veebikeskkond täidab igati oma eesmärki. See on erinevates seadmetes ilus vaadata ja mugav kasutada. Tulevasele rebasele või välismaisele noorele, kes plaanib Eestisse õppima tulla, on kohe selge, et tegemist on ajalooliselt rikka looduskauni kohaga, kus distantsid on mugavalt lühikesed ja õpikeskkond kaasaegne. Lisaks on oluline, et lehte on mugav hallata.

Tänu tugevale eeltööle, professionaalsele fotopartnerile ja heale teineteisemõistmisele kliendiga lahenes projekt loogiliselt ja muretult. Täname!


Klient: Tartu Ülikool
http://virtualtour.ut.ee/
2014

Disainibüroo: Redwall Digital
www.redwall.ee



veebidisain, Redwall Digital, avalik sektor