Tietovisa

Yleistä

Tehtävä ja tietokanta

Tehtävänä on suunnitella ja toteuttaa yksinkertainen tietovisa. Pelissä on erilaisia tietovisoja jotka sisältävät monivalintakysymyksiä. Pelattuaan pelin pelaajkaltan pyydetään nimimerkki ja tulos voidaan tallentaa tietokantaan.

Voit käyttää tietokannan pohjana react_quiz.sql-tiedostoa. Tietokantaa voi laajentaa tarpeen mukaan (mm. käyttäjät).

Ryhmätyöskentely

Käytetään omaa GitHub-repoa jossa ryhmä voi tehdä yhteisen projektin.

• Tehkää ryhmälle myös projektiseinä ja määritelkää siellä tehtävät
• Backlog, In Progress, Done ja Daily -sarakkeet

Ryhmässä päätetään tehtävät ja hallitaan niitä projektiseinän avulla.

Tehdään oma branch joko käyttäjälle tai tehtävälle. Kun tietty osatehtävä valmis se tuodaan main-branchin osaksi Pull Request-toiminnon avulla.

Toiminnot

Käyttäjät

Tietokannassa ei ole vielä käyttäjiä. Tarkoitus on että käyttäjät voivat tehdä sisältöä tietovisasovellukselle ja toimia omien tietovisojensa ylläpitäjinä. Lisää quiz-taululle relaatio käyttäjä-tauluun.

• Kirjautumaton käyttäjä voi pelata peliä ja nähdä parhaat tulokset.
• Kirjautunut käyttäjä pystyy
  • lisäämään uusia tietovisoja, poistamaan olemassa olevia ja muokkaamaan tietovisan nimeä.
  • lisäämään tietovisalle uusia kysymyksiä tai poistamaan olemassa olevia.
  • tyhjentämään valitun tietovisan high score-taulukon.

Tee taulu tietokannan käyttäjälle (esim. admin tai user) ja mieti sopivat kentät.

Etusivu

Etusivulla näytetään esittelyteksti ja painike Aloita peli joka ohjaa sivulle Pelin aloittaminen. Etusivulla esitetään tietovisojen parhaat tulokset taulukossa. Tulokset ryhmitellään eri kestojen (lyhyt, normaali, pitkä) mukaan.

Pelin aloittaminen

Pelin aloitus tapahtuu valitsemalla haluttu tietovisa alasvetovalikosta. Käyttäjä valitsee myös pelin pituuden (lyhyt - 5 kysymystä, normaali - 10 kysymystä tai pitkä - 15 kysymystä). Peli käynnistyy painamalla 'Pelaamaan!' -painiketta.

Tietovisan pelaaminen

Tietovisan aikana näytetään haluttu määrä kysymyksiä yksitellen. Jos pelaaja vastaa oikein niin näytetään lyhyt animaatio. Mikäli pelaaja vastaa väärin niin oikea vastaus animoidaan ennen siirtymistä seuraavaan kysymykseen.

Pelin päätteeksi näytetään tulos ja pyydetään nimimerkkiä tallennettavaksi High score-taulukkoa varten. Pelaaja voi myös valita 'Älä tallenna tulosta' mikäli hän ei halua tulostaan talteen.

High score-taulukko

Kun peli päättyy näytetään parhaat tulokset taulukossa. Pelaajan tulos korostetaan tulosjoukossa. Jos tuloksia on yli 20 niin näytetään sivutus (20 tulosta / sivu).

Mieti sopiva tapa esittää taulukon tiedot ja suodattaminen eri kestojen mukaisesti.

Peliä pelataan pääsääntöisesti mobiililaitteella joten sovelluksen tulee huomioida responsiivisuus (Google Chrome Dimensions: iPhone SE).