Käyttöliittymän paperiprototyyppi Koordinaattieditori Versio Päiväys Tekijä Kuvaus 0.1 08.12.01 Mika Ståhlberg Ensimmäinen luonnos 0.2 10.12.01 Mika Ståhlberg Useita muutoksia - merkittävimmät Playback-osuuteen 1
Sisällysluettelo 1. Johdanto...2 2. Menu-valikot...4 2.1. File...4 2.2. Object...4 2.3. Playback...5 2.4. View...5 2.5. Help...5 3. Info-ikkuna...5 4. Projektien hallinta...5 4.1. Uuden projektin luominen (UC:001)...5 4.2. Projektin tallentaminen (UC:006)...6 4.3. Projektin lataaminen (UC:007)...6 4.4. Objektitietojen vienti projektista (UC:008)...6 5. Ajassa liikkuminen (playback) (UC:003, UC:010)...7 6. Objektien hallinta...8 6.1. Uuden objektin luominen (UC:002)...8 6.2. Objektin ominaisuudet (UC:004)...8 6.3. Objektin tuhoaminen (UC:005)...9 6.4. Objektin liikuttaminen (UC:004)...9 6.5. Objektin muodon muuttaminen ja pyörittäminen (UC:004)...9 6.6. Objektiluettelo (UC:004, UC:009)...10 7. Videokuvan skaalaaminen...11 8. Näkyvillä olevan kehyksen tallentaminen kuvana (UC:011)...11 1. Johdanto Tässä dokumentissa kuvataan koordinaattieditorin käyttöliittymän suunnitelma paperiprototyyppivaiheen päättyessä T1-vaiheen lopussa. Seuraavassa vaiheessa prototyyppi kehitetään interaktiiviseksi ja interaktiivinen testaaminen alkaa. Paperipprototyyppi on erittäin hyödyllinen osa käyttöliittymäsuunnittelua, sillä sen avulla voidaan karsia toteuttamiskelvottomia ja etsiä parhaita vaihtoehtoja käyttöliittymälle ilman aikaavieviä ohjelmamuutoksia. Lisäksi liian aikaisessa vaiheessa aloitettu käyttöliittymäkoodaus helposti tapahtuu koodin (ei käytettävyyden) ehdoilla. Editori Käyttöliittymän paperiprototyyppi 2
Edellisellä sivulla on esitettynä paperiprototyypin alkoasu. Varsinainen toiminnallisuus on kuvattuna tässä dokumentissa. UC:XXX muotoiset koodit viittaavat koordinaattieditorin käyttötapauksiin. Ne on määritelty dokumentissa: Koordinaattieditori: Käyttötapaukset (v0.2 14.11.2001). 2. Menu-valikot File New Project Open Project Export Export image Save Save as Quit Object New > square > circle Properties Rotate Deactivate Hide Delete (undo delete) Playback Stop Play Reverse Jump forward Jump back To Beginning To End Settings View 100 % 50 % 25 % zoom Help Contents About Periaatteessa kaikki käyttöliittymän toimenpiteet voi tehdä Menu-valikkojen avulla. Tarkoituksena ei kuitenkaan ole, että Menut olisivat jotenkin olennainen osa editorin käyttämistä. Lähinnä Menut toimivat näppäinoikoteiden muistilappuna. 2.1. File File-valikosta voidaan aloittaa uusi projekti (ks. 4.1), avata aiemmin tallennettu projekti (ks. 4.3), tallentaa editoitavana oleva projekti (ks. 0) XML-muodossa ja viedä objektitiedot sovellusten synkroinointiin tarkoitetussa tiedostomuodossa (ks. 4.4). 2.2. Object Object-valikosta löytyvät pääosin samat toiminteen kuin työkalupalkista (ks. 6). 4
2.3. Playback Playback-valikon avulla voidaan kelata videokuvaa. Kelaaminen eli ajassa liikkuminen (ks. 5) on tarkoitettu pääasiassa tehtäväksi näppäinkomennoilla, joten tämä valikko toimii enimmäkseen vain muistin tukena. 2.4. View View-valikon avulla muutetaan videokuvan skaalausta. Skaalausta voi muuttaa vain tämän valikon kautta. Hypoteesina on, ettei editoiminen vaadi niin suurta tarkkuutta, että videokuvan skaalauksen tarvitsisi olla edes 1:1. 2.5. Help Help-valikosta voidaan lukea editorin käyttöohjetta. Käyttöohje on suunniteltu alustavasti toteutettavaksi etsittävällä ja ristiviitatulla PDF-tiedostolla, jolloin se on alustariippumaton, helposti päivitettävissä ja ulkoasultaan luettava (myös tulostettaessa). 3. Info-ikkuna Info Time Time 00:23:00:12 / 02:34:56 of 23:33:21 Frame 032 / 967 Frame of 967 Coords X = 023 W = 34 Pos Y = 154 H = 123 x y Info-ikkuna on koko ajan näkyvissä käyttöliittymässä. Sen avulla editorin käyttäjä pystyy seuraamaan videon aikaa ja hiiren kohdistimen koordinaatteja. Aika ilmoitetaan muodossa HH:MM:SS:FF, jossa FF on frame-number ko. sekunnin sisällä (1..25). Koordinaatit kertovat hiiren kohdistimen sijainnin videoruudulla (tyhjää, jos kohdistin on ruudun ulkopuolella). Koordinaattien vieressä näkyy objektin leveys ja korkeus, jos käyttäjä on juuri skaalaamassa jotakin objektia. 4. Projektien hallinta 4.1. Uuden projektin luominen (UC:001) Editori Käyttöliittymän paperiprototyyppi 5
Project setup Project file Video file c:\temp\lauantaiatanssit.mpg OK Cancel Valittaessa File - New Project aukeaa yllä kuvattu ikkuna. Projektia aloitettaessa sille annetaan aina nimi ja siihen liittyvän videotiedoston polku. Mitään nimettömiä projekteja ei koordinaattieditorissa ole. 4.2. Projektin tallentaminen (UC:006) Projektin tallentaminen tapahtuu Java Swing tiedostoikkunan (file dialog) avulla. 4.3. Projektin lataaminen (UC:007) Projektin lataaminen tapahtuu Java Swing tiedostoikkunan (file dialog) avulla. 4.4. Objektitietojen vienti projektista (UC:008) Projektin vienti tapahtuu vaiheessa T2 suunniteltavan ikkunan avulla. Editori Käyttöliittymän paperiprototyyppi 6
5. Ajassa liikkuminen (playback) (UC:003, UC:010) Playback settings Continuous Jump x normal speed seconds frames OK Cancel Playback Settings Play Jump x normal speed Frames Seconds Ajassa liikkuminen on pääasiallisesti suunniteltu toteutettavaksi näppäinoikoteiden avulla. Käyttöliittymässä on kylläkin myös Playback -työkalupalkki, josta videota voidaan kelata. Kelaamisen asetukset löytyvät kahdesta eri paikasta. Valikon Playback - Settings takaa tai Playback-työkalupalkin kanssa vaihtoehtoiselta tabilta. Ajassa liikutaan kahdella eri menetelmällä:? JUMP tarkoittaa suoraa siirtymistä tietyn ajan päähän eteen- (/ taakse-) päin. Video pysähtyy käyttäjän Settings -valikosta valitseman frameluvun tai sekuntimäärän päästä.? PLAY on videon jatkuvaa kelaamista. Kelaamisnopeus voidaan määrittää Settings-valikosta. Editori Käyttöliittymän paperiprototyyppi 7
6. Objektien hallinta Kuva 1. Työkalupalkki. (vas-oik) Uusi nelikulmio, uusi ellipsi, tuhoa objekti, pyöritä objektia ja valintatyökalu. 6.1. Uuden objektin luominen (UC:002) Uusi objekti voidaan luoda kolmella tavalla:? Valitsemalla työpöydältä työkaluvalikosta Uusi -työkalu (joko nelikulmio tai ellipsi)? Valitsemalla työpöydän menuvalikosta Object - New - Square/circle? Valitsemalla pikakomento (näppäinyhdistelmä) Jokaisen ylläolevan vaihtoehdon myötä muuttuu hiiren kohdistin Uusi objekti -työkaluksi. Hiiren klikkaus ja raahaus videoruudulla sijoittaa uuden objektin ko. koordinaatteihin ja avaa objektin ominaisuudet -apuikkunan. Apuikkunaan annetaan objektille nimi. Jos käyttäjä pitää objektin muotoa muokatessaan shift -näppäimen pohjassa, tulee suorakulmiosta neliö ja ellipsistä ympyrä. 6.2. Objektin ominaisuudet (UC:004) Objektin ominaisuuksia muutetaan Object properties -ikkunan avulla. Kyseinen ikkuna tulee näkyviin: 1. Luotaessa uusi objekti 2. Tuplaklikkaamalla olemassaolevaa objektia videoruudussa 3. Tuplaklikkaamalla objektin nimeä objektilistassa Editori Käyttöliittymän paperiprototyyppi 8
Object properties Name x y?x?y? OK Apply Cancel Objektin ominaisuuksista muokataan seuraavia - nimi - muoto (suorakulmio tai ympyrä) - koordinaatit - leveys (pääakselin suuntaan) - korkeus (pääakselin suuntaa vastaan kohtisuoraan) - pääakselin suunta - näkyvyys (silmä) (show/hide) - olemassaolo (activate/deactivate) - Väri 6.3. Objektin tuhoaminen (UC:005) Tuhoa objekti työkalulla tai menu-valinnalla saa käyttäjä kohdistimeksi pääkallokursorin, joka tuhoaa sillä klikatun objektin. Ohjelma kysyy käyttäjältä varmistuksen ennen tuhoamista. Viimeisin tuhottu objekti voidaan myös palauttaa undo -toiminteella. 6.4. Objektin liikuttaminen (UC:004) Objekteja liikutetaan hiirellä raahaamalla (vasen nappi). 6.5. Objektin muodon muuttaminen ja pyörittäminen (UC:004) Valittaessa objekti, sille ilmestyy ruudulle kahvat, joiden avulla sen kokoa voidaan muuttaa. Editori Käyttöliittymän paperiprototyyppi 9
Objektin pyörittäminen tapahtuu Object - Rotate menuvalinnalla tai pyöritystyökalulla. Työkalun valinta muuttaa hiiren kohdistimeksi pyöräytysnuolen, jolla klikattavia objekteja voidaan pyörittää. 6.6. Objektiluettelo (UC:004, UC:009) Objects Schumacher Häkkinen Barrichello Räikkönen Objektiluettelo on erittäin olennainen osa käyttöliittymää. Se toteutetaan työkalupalkki-oliona, joka voidaan haluttaessa muuttaa kelluvaksi ja siirtää sovellusikkunan ulkopuolelle. Klikattaessa objektin nimeä kerran, valitaan objekti, josta merkiksi sen ympärille kuvaruudulle ilmestyvät muokkauskahvat. Klikattaessa vähän ajan päästä uudellen, voidaan objektin nimeä muokata suoraan listasta (vrt. Win95 resurssienhallinta). Tuplaklikattaessa objektin nimeä, aukeaa object properties -ikkuna. Klikattaessa silmää saadaan objekti näkymättömäksi, jolloin se tulee mukaan projektitiedostoon, mutta sitä ei näy editorin ikkunassa (show/hide). Tämän toiminteen avulla ylimääräiset objektit saadaan pois häiritsemästä. Klikattaessa objektin väristä kertovaa neliötä, se muuttuu pysäköintikielloksi, tällöin objekti ole olemassa ko. ajanhetkellä (activate/deactivate). Editori Käyttöliittymän paperiprototyyppi 10
7. Videokuvan skaalaaminen Tapahtuu ainoastaan menuvalinnan kautta (ks. 2.4). 8. Näkyvillä olevan kehyksen tallentaminen kuvana (UC:011) Ei toteuteta. Kyseessä olisi periaatteessa vain screen capture, eikä toiminteella ole merkittävää lisäarvoa tässä vaiheessa. Voidaan toteuttaa optiona myöhemmin. Editori Käyttöliittymän paperiprototyyppi 11