Php, myqsl case study
Mitäs nyt tekisi app
Sovelluksen kuvaus:
Nimi: "Mitäs nyt tekisi app"
Konsepti brainstormailua:
Websivulla näkyy kuva sohvalla istuvasta tyypistä.
Käyttäjä ehdottaa tekstikentään mitä hahmo voisi tehdä. Tekstikentän vihjetekstejä tulee tyrkylle: esim:
tiskaa
siivoa
sulje tv
tietokannassa on myös lista vastauksista eli miten hahmo reagoi ehdotuksiin
(esim: "helppo sun on sanoo")
käyttäjän syöttämät ehdotukset (jos eivät jo tietokannassa lisätään tietokantaan)
toteutustekniikat:
html, css, javascript, php, mysql
javascript: vihjetekstit, lomakkeen käsittely ja dynaamisen html:n (vastaus repliikit) front end puolella
tietokannassa taulu:
ehdotus_vastaus
toimintaehdotukset tekstiä (esim: tiskaa, siivoa, sulje tv)
vastaukset tekstiä (esim. (
"tiskiaine on loppu" , "helppo sun on sanoo", "joo enpä tullutkaan tota ajatelleeksi"; jne,)
linkki: ilmianna sopimaton ehdotus
(anomalia?
Tietokanta suunnittelu:
taulu:
ehdotus_vastaus
sarakkeet: id, timestamp, ehdotus, vastaus
php: lataa listan ehdotuksia sivulle: javascriptin array:hin
eka toiminto: index.html sivu: yksi tekstikenttä ja submit nappi ja kuva tyypistä, joka nuokkuu sohvalla
sivu lataa jo olemassa olevan ehdotuslistan tietokannasta
javascript syöttää vinkkitekstejä kun ensimäinen kirjain on kirjoitettu, noukkii sieltä
1. mysql tietokanta
2. taulu jossa sarakkeet: id, timestamp, ehdotus, vastaus
3. php tiedosto
4. html tiedosto
5. javascript
käytetään koodailukokeilun lähtökohtana Kevin Yankin php mysql kirjan vitsitietokanta esimerkkiä
Ensimäinen koodaus etappi
luodaan tietokanta ja php tiedosto, joka lukee tietokannasta listan ehdotukista
- luo tietokanta
- luo käyttäjä tietokannalle
- luo php tiedosto, joka lukee tietokanta taulusta sarakkeen tiedot
- html.php template tiedosto näyttää tiedot
Toinen koodaus etappi
- testataan jquery-ui kirjaston autocomplete toimintoa
- testataan jqueryn ajax toimintoa json data formaatilla
- yhdistetään autocomplete toiminto hakemaan sanalistan ajax:in kautta php tiedostosta, joka lukee listan tietokannasta
- toteutetaan tekstikentän sisällön syöttö tietokantaan