Retro Games

Yleistä

Tehtävänä on laatia pienryhmässä ulkoasu ja toiminnallisuuksia Retro Games -palveluun. Tehtävä on mukailtu Taitaja-kisan vuoden 2024 finaalitehtävästä. Taitaja-kilpailussa tehtävä tehdään yksilötyönä mutta tässä harjoituksessa työskennellään parin kanssa. Kokeillaan VSCoden Live Share-lisäosaa sekä Figma-työkalua.

GitHub

  • Liittykää parin kanssa GitHub-repoon taitaja2024 retro games. Ensimmäinen luo repon ja toinen liittyy mukaan jäseneksi.
  • Lisätkää readme.md -tiedosto ja siihen otsikot (yleistä, tekniikat, linkit).

Moduuli A

  • Tehtävänä parin kanssa suunnitella nopea Wireframe-ulkoasu Figman avulla.
  • Figmassa on web-käyttöliittymä, sovellusta ei tarvitse ladata ja asentaa tietokoneelle. Pyritään käyttämään Figmaa yhdessä parin kanssa samanaikaisesti jotta työskentely olisi nopeampaa.
  • Esitelkää parin kanssa ulkoasusuunnitelma ennen siirtymistä moduuliin B
    • Tallettakaa pdf-tiedostona ulkoasusuunnitelma GitHub-repoon.
    • Tehtävänä suunnitella kaksi sivua, etusivu ja pelisivu. Molemmista tehdään myös mobiiliversiot.
    • Lukekaa myös moduulin B tehtäväkuvaus jotta tiedätte tarkemmin mitä sivulla tulisi olla mukana (etusivulla: pelien tiedot, haku ja sivutus ja pelisivulla: haku, pelin tiedot ja tulostaulukko)

Moduuli B

  • Käytössä ryhmälle oma GitHub-repo (ks. Teams). Parin kannattaa kloonata itselleen paikallisesti finaalin repo jotta saatte sieltä tarvittavat materiaalit.
  • Tehkää ryhmän GitHub-repon alle alikansio ModuuliB.
  • Moduulissa toteutetaan index.html ja peli.html -sivut. Lisää css-tyylit ja javascript-funktiot omiin tiedostoihinsa. Hyödyntämäsi kuvat ja ikonit kannattaa sijoittaa alikansioon.

Moduuli C

  • Tehkää ryhmän GitHub-repon alle alikansio ModuuliC.
  • Tietokanta kannattaa tehdä jomman kumman opiskelijan omaan cPaneliin. Tietokannan ei tarvitse olla samanlainen kuin moduulin B json-tiedosto mutta siitä voi ottaa mallia omaan tietokantaan. Lisätkää sql dump (export) ModuuliC -kansioonne.
  • Ylläpitotyökalun toteuttaminen sisältää monia toiminnallisuuksia ja miettikää miten tätä pystytään jakamaan parin kanssa.

Moduuli D

  • Interaktiivisen moduulin aiheena on laatia matopeli. Matopeliä ei tarvitse integroida edellisiin töihin vaan tehkää se myös omaan kansioon.
  • Pisteiden tallettaminen hyödyntää moduulin C tietokantaa.

Linkit