Viikko 2
Deadline:
su 9.11. klo 23:00Toisella viikolla jatketaan työn suunnittelua käytännöllisemmällä puolella suunnittelemalla työlle käyttöliittymä ja tietokanta.
Tämän jälkeen käyttöliittymästä toteutetaan oikean näköiset, mutta epätoiminnalliset raakaversiot HTML:llä, pystytetään tietokanta users-palvelimelle ja tehdään pienimuotoinen testiohjelma sen käyttöön.
Näitä harjoituksia on yleensä paras tulla tekemään pajaan, jolloin ohjaaja voi antaa vinkkejä niiden tekemisessä.
Palautuspäivämäärään mennessä työn on täytettävä seuraavat vaatimukset. Kunkin otsikon alla olevista asioista saa suluissa määritellyt aikataulupisteet.
Käyttöliittymän suunnittelu ja toteutus (1½p)
- Dokumentoi ja suunnittele sovelluksellesi käyttöliittymä
- Dokumentaatioon alustava käyttöliittymäkaavio
- Suunnitelmien perusteella luodaan sivuista oikean näköiset demoversiot.
- Demoversion ei vielä tarvitse käyttää tietokantaa tai sisältää ajettavia ohjelmia
- Toteutettuna pitää olla HTML-versiot ainakin seuraavista aiemmin suunnitelluista sivuista:
- Sivujen runko ja navigaatio
- Etusivu
- Listaussivut
- Muokkaus ja tietonäkymät
- Demoversiot saa halutessaan toteuttaa suoraan MVC-mallin mukaisina näkyminä, mutta tätä ei tällä viikolla vielä vaadita.
Tietokannan käytön aloittaminen ja dokumentointi (1½p)
Suunnittele ja dokumentoi sovelluksellesi tietokanta sekä sanallisella että kooditasolla. Pisteistä puolikas piste tulee dokumentaatiosta.
- Tietokannan pystyttäminen palvelimelle
- Luo SQL-tiedostot, joilla kannan rakenteen saa vedettyä ylös ja alas.
- Käytä luotuja tiedostoja tietokannan pystyttämiseen
- Ota käyttöön ConnectionTest-testisovellus
- Sovellus näyttää tietokannan taulut ja niiden sisältöä. Ohjaaja käyttää tätä pysyäkseen paremmin kärryillä tietokannan tilasta.
- Testisovelluksen tulee näkyä Users-palvelimella.
- Tarvitset koodaamiseen tietokantayhteyden muodostavan koodi, joka pitää sijoittaa omaan tiedostoonsa.
- Tee yhteyttä käyttävä kevyt testisivu, joka listaa jonkin tietokantataulun kaikkilta riveiltä jotakin, esimerkiksi jokaisen käyttäjän nimen.
- Käytä tietokannan täyttämiseen
add-test-data.sql
-tiedostoa, niin sivulla on jotain näytettävää. - Testisivuksi kelpaa myös valmiiseen sovellukseen tuleva näkymä, joka listaa tietokannasta jotakin.
- Käytä tietokannan täyttämiseen
- Dokumentaatioon lisätään asiaanliittyvät kaaviot ja kappaleet Järjestelmän tietosisältö ja Relaatiotietokantakaavio
Ohje:
Aloita sivulta käyttöliittymän suunnittelu. ja seuraa vihreitä ohjelaatikoita.
Kun ole tehnyt kaiken laita kaikki tekemäsi uudet tiedostot git-repositorioosi. (ConnectionTest-sovellusta ei tosin ole tarpeellista laittaa repositorioon). Muista myös päivittää kaikki tekeäsi uudet asiat esittelysivulle.
- Käyttöliittymän suunnittelu
- Käyttöliittymädemon toteuttaminen
- Tietokannan suunnittelu
- Tietokannan dokumentointi
- Tietokantataulujen pystyttäminen
- ConnectionTest-testisovellus
- Git-repositoriot ja salasanat
- Dokumentaatio-ohje
- Kielikohtaiset ohjeet
- PHP: Tietokantayhteyden pystytys
- PHP: Listaustesti
- Java: Tietokantayhteyden pystytys
- Java: Listaustesti
- Hyödyllisiä sivuja edelliseltä viikolta
- PostgreSql-kannan etäkäyttö
- NetBeansin käyttöönotto
- NetBeansin käyttö Javan kanssa
- NetBeansin käyttö PHP:n kanssa
- Unlock your keyring? - Avainnippujen nollaus
- Tiedostojen etämuokkaus Linuxilla
- Kotikoneella tehdyn Java-työn julkaisu
- Tomcatin ongelmien ratkominen
- Lyhyt PHP-opas Java-koodarille
- PHP:n virheilmoitusten katselu
Palautuksen kansiorakenne
Lopullisen palautuksesi kansiorakenteen pitäisi näyttää suurinpiirtein allaolevalta. Varmista, että olet ottanut kaikki tarvittavat tiedostot mukaan, ja että ne myös näkyvät selaimella testausosoitteessasi.
css/
bootstrap.css
...
doc/
dokumentaatio.pdf
relaatiotietokantakaavio.dia
sivukartta.png
tietosisältökaavio.dia
fonts/
...
html-demo/
index.html
kissalista.html
muokkaakissaa.html js/
...
libs/
tietokantayhteys.php
sql/
create-tables.sql
drop-tables.sql
add-test-data.sql
...
esittelysivu.html
index.php
listaustesti.php
connectionTest.php
.gitignore
doc/
dokumentaatio.pdf
relaatiotietokantakaavio.dia
sivukartta.png
tietosisältökaavio.dia
src/
conf/
java/
Kissalista/
Models/
Tietokanta.java
Servlets/
Listaservlet.java
...
web/
css/
bootstrap.css
...
fonts/
...
html-demo/
index.html
kissalista.html
muokkaakissaa.html
js/
esittelysivu.html
index.jsp
...
sql/
create-tables.sql
drop-tables.sql
add-test-data.sql
.gitignore
doc/
dokumentaatio.pdf
relaatiotietokantakaavio.dia
sivukartta.png
tietosisältökaavio.dia
css/
bootstrap.css
...
fonts/
...
html-demo/
index.html
kissalista.html
muokkaakissaa.html
js/
...
sql/
create-tables.sql
drop-tables.sql
add-test-data.sql
src/
Kissalista/
Models/
Tietokanta.java
Servlets/
Listaservlet.java
...
.gitignore
esittelysivu.html
index.jsp
NetBeansia käyttävillä on projektissaan todennäköisesti huomattavasti enemmän tiedostoja. Se ei haittaa.