Prototypointiraportti
Tämä raportti pitää sisällään PedaPro-projektiryhmän ehdottamat prototyypit Peda.net-kouluverkon käyttökokemuksen parantamiseksi. Dokumentti kehitysehdotuksista löytyy Peda.netistä. Prototyypeillä tarkoitetaan sekä toiminnallisuuksia sisältäviä HTML-prototyyppejä että kehitysehdotukset sisältäviä kuvia.
Muutosloki
19.4.2017 | Prototypointiraportin runko valmis |
20.4.2017 | Lisätty prototyyppejä |
24.4.2017 | Lisätty prototyyppejä |
26.4.2017 versio 0.1 |
|
2.5.2017 |
|
3.5.2017 |
|
4.5.2017
versio 0.2 |
|
11.5.2017 versio 0.3 |
|
16.5.2017 versio 1.0 |
|
Sisältö
Kehitysehdotusdokumenttiin liittyvät prototyypit
Alla listatut prototyypit on tehty kehitysehdotusdokumentin perusteella. Kehitysehdotukset on luotu Peda.net-testauksen sekä kyselyiden ja haastatteluiden perusteella.
Lomake-työväline
Ehdotukseen on lisätty malli lomake-työvälineen lomakekenttien ohjeistuksesta, joka näytetään vietäessä hiiri lomakekentän vieressä sijaitsevan kysymysmerkkikuvakkeen päälle. Kosketusnäytöllä vastaava onnistuu painamalla kysymysmerkkikuvaketta. Ehdotetussa mallissa on käytetty HTML5:tä,CSS-muotoiluja ja Javascriptiä.
Sisäänkirjautuminen
Prototyypissä on pyritty selkeyttämään kirjautumissivua. Lisäksi kirjautumislomakkeeseen on lisätty paranneltu toiminnallisuus kirjautumiseen pelkästään näppäimistöä käyttämällä. Ehdotukseen on lisätty myös Javascript-toiminnallisuus, joka aktivoi submit-painikkeen vasta, kun molemmissa kirjautumiskentissä (käyttäjätunnus, salasana) on tekstiä. Tämän jälkeen Enter-näppäimellä lähetetään lomake. Ehdotuksen toiminnallisuuteen on otettu mallia tunnetuista verkkopalveluista, esimerkkeinä Google ja Facebook.
Hakutoiminnallisuus
Prototyypeissä etusivun hakutoiminnallisuutta ehdotetaan sijoitettavaksi joko Peda.netin logon alle tai yläpalkkiin. Alasivuilla hieman pienennetty hakukenttä olisi sijoitettuna yläpalkkiin. Hakukenttä tulisi uudessa ehdotuksessa näkyviin kokonaan ja hakua pystyisi rajaamaan eri perustein.
Ulkoasun muokkaaminen
OmaTilan teeman muokkausvaihtoehtoihin on lisätty prototyypissä mahdollisuus esikatsella väriteeman vaihtamista reaaliajassa ilman välitallennusta sekä valintaruutu Peda.netin teeman oletusvärien palauttamiseksi. Muut prototyypissä näkyvät toiminnallisuudet (yläpalkin tyylin ja otsikon taustakuvan vaihtaminen) eivät toimi.
Muut sisäisen testauksen perusteella tehdyt prototyypit
Alla listatut prototyypit on tehty projektin aikana, mutta ne eivät kuulu kehitysehdotusraportissa nostettuihin ehdotuksiin käyttökokemuksen parantamisesta.
Elementtien uudelleenjärjestely
Prototyypissä Peda.net-alasivujen elementtien uudelleenjärjestely on toteutettu käyttäen GitHub-käyttäjän sunpietro kehittämää dragster.js-kirjastoa. Elementtien siirteleminen toimii raahaustilan ollessa aktiivisena joko hiirellä raahaamalla tai kosketusnäytöillä kosketuksen avulla niiden elementtien kohdalla, jotka kuuluvat muokattaviin alueisiin.