Storybook

Sorakuilu

Mallisovellus MVC-mallin mukaisesti

Harjoituksen osat

Tunti 1. Toimeksianto ja storybook-sovelluksen esitutkimus
Tunti 2. Suunnittele storybook
Tunti 3. Toteuta tietokanta
Tunti 4. Toteuta käyttöliittymä
Tunti 5. Laadi runko ja reititys järjestelmään
Tunti 6. Toteuta lukijan etusivu (tietojen haku lukijan näkymässä)
Tunti 7. Toteuta rekisteröityminen(tietojen lisäys lukijan näkymässä)
Tunti 8. Toteuta autentikointi (kirjaudu ja kirjaudu ulos)
Tunti 9. Toteuta ylläpidon etusivu (tietojen haku)
Tunti 10.Toteuta jutun lisäys ylläpitonäkymässä, tietojen tarkistus mukaan
Tunti 11.Toteuta jutun muokkaus ylläpitonäkymässä, tietojen tarkistus mukaan
Tunti 12.Toteuta jutun poistaminen ylläpitonäkymässä
Omat tehtävät: suunnittele ja toteuta admin-näkymän yhden jutun näyttäminen (linkki on jo olemassa), omien tietojen muokkaaminen sekä salasanan vaihtaminen (piirrä lisäksi kaaviot)


Tunti 1. Toimeksianto ja storybook-sovelluksen esisuunnitelma

Tämän tunnin tavoite

Perehdy use case- kaavion, näyttökartan ja ulkoasusuunnitelman laatimiseen.

Tehtävä

Laadi vieraskirja (storybook-sovellus) liitettäväksi harjoitusten palautuskansioon. Siinä on oltava vähintään seuraavan (yhdessä tehtävän mallin mukaisen) luettelon mukaiset lukijan ja kirjoittajan toiminnot.

Toiminnot

Mallisovelluksessa ovat seuraavat toiminnot:

Lukija

Kirjoittaja

Lisäksi storyboook-sovellukseen voisi kuulua moderaattori - tässä mallissa roolia ei toteuteta (rajaus). Mahdollisia toimintoja voisivat olla

Määrittele toiminnot (use case)

Mallisovelluksessa toiminnot ovat seuraavan kuvan mukaiset:

use case

Ulkoasu (PhotoShop-kuva)

Mallisovelluksen ulkoasu on yksinkertainen - kuvassa etusivu, taustakuvat ja fontit.

Kun laadit kuvaa, sijoita sivuittain muuttuvat osat (esim. tekstit) eri layereille (kaikissa sivuissa toistuvaa osaa voit käyttää pohjana tarkemmille suunnitelmille).

ulkoasu

Näyttökartta

Sivusto koostuu seuraavista näkymistä:

nayttokartta
>> Tunti 2. Suunnittele storybook >>