Demo5 - WWW-lomakkeet

1. Suunnittele kyselylomake, jonka avulla kartoitetaan TV-ohjelmien katsomistottumuksia. Seuraavassa on lista erilaisista asioista, joita lomakkeella voidaan kysyä. Sinun tehtäväksesi jää suunnitella millaisilla lomake-elementeillä (valintalaatikoilla, radio-painikkeilla, valikoilla vai tekstikenttillä) listassa olevien asioiden kysely on järkevää suorittaa. Aloita varsinainen lomakkeen toteuttaminen vasta tehtävässä 2.

   Vastaajan sukupuoli:

   • Mies
   • Nainen

   Vastaajan ikäjakauma:

   • < 20 vuotta
   • 20 - 30 vuotta
   • 30 - 40 vuotta
   • 40 - 50 vuotta
   • 50 - 60 vuotta
   • > 60 vuotta

   Vastaajan siviilisääty:

   • Naimisissa
   • Naimaton

   Vastaajan osoitetiedot:

   • Katuosoite
   • Postitoimipaikka
   • Postinumero
   • Puhelinnumero
   • Sähköpostiosoite

   Kielitaito:

   • Suomi
   • Ruotsi
   • Englanti
   • Saksa
   • Venäjä
   • Ranska
   • Muu kieli, mikä?

   Koulutustausta:

   • Peruskoulu tai kansakoulu
   • Lukio
   • Ammattikoulu
   • Korkeakoulu tai yliopisto

   Lisäksi lomakkeella pitää tietenkin olla lukuisa joukko kysymyksiä, jotka koskevat TV-ohjelmien katsomistottumuksia. Seuraavista osoitteista voi katso viikon tv-ohjelmia.

   • http://www.yle.fi/ohjelmaopas/
   • http://www.mtv3.fi/ohjelmat/

2. Toteuta edellä suunnittelemasi lomake. Vinkkejä ja esimerkkejä lomake-elementtien käyttöön löytyy lomakkeita käsittelevältä luennolta.

   Tee lomakkeesta sellainen, että kyselyn tiedot välitetään kyselyn tekijälle sähköpostitse. Tee tietojen lähettäminen luentoesimerkissä kerrotulla tavalla käyttämällä action-attribuutissa arvoa mailto:tunnus@osoite.fi. Attribuuttia käytetään lomakkeen alussa olevan form-elementin sisällä.

   Ennen lomakkeen toimimista joudut konfiguroimaan selaimen ominaisuuksia. Joudut täyttämään seuraavat Netscapen käyttäjätiedot valinnalla Edit | Preferences | Mail & Newsgroups | Identity . Jos käytät Internet Exploreria, niin vaihda tietojen täyttämisen jälkeen oletusähköpostiohjelmaksi Netscape Messenger valinnalla Tools | Internet Options | Programs | Email: Netscape Messenger.

   • Your name: (Oma nimi tai jonkun kaverin nimi :) )
   • Email address: (Oma sähköpostiosoite tai nobody@cc.jyu.fi)
   • Reply to address: (Oma sähköpostiosoite tai nobody@cc.jyu.fi)

   Kun saat lomakkeen valmiiksi, niin kokeile sen toimintaa. Kokeile kirjoittaa tekemällesi lomakkeelle erikoismerkkejä ja ääkkösiä. Millaisena ne näkyvät sähköpostitse saamassasi viestissä? Joissakin tapauksissa saamasi viesti täytyy ensin tallentaa kotihakemistoosi ja sen jälkeen voit mennä katselemaan tiedostoa pico-editorin avulla.

3. Kokeile käyttää form-elementin enctype-attribuuttia (enctype="text/plain"). Attribuutin avulla kerrotaan sähköpostitse lähetettävän tiedoston tyyppi on tekstiä. Oletuksena tiedoston tyyppi on sellainen, että sähköpostiohjelmat ei välttämättä tunnusta liitteenä olevaa tiedostoa.
4. Muuta tämän jälkeen lomake käyttämään cgi-ohjelmaa, joka löytyy osoitteesta: <URL: http://www.mit.jyu.fi/opetus/appro/cgi-bin/laheta/>. Sivulta löytyy ohjeita CGI-ohjelman käyttämiseen, joten kokeile saamaan ohjelma toimimaan lomakkeesi kanssa. Muista lisätä piilotettu kenttä, jossa kerrotaan sähköpostiosoitteesi lomakkeen alkuun! Poista form-elementissä oleva enctype-attribuutti ja sen arvo! Millaisen palautteen saat lähetettyäsi lomakkeen tiedot?

5. CGI-ohjelman lisäominaisuuksien avulla lomakkeen antamaan palautetta voitiin muuttaa hieman toisenlaiseksi. Kokeile muuttaa piilotettujen kenttien avulla lomakkeen antamaa palautetta seuraavaksi:

   • Otsikoksi (h1) teksti: "Kiitokset vastauksestasi TV-kyselyyn!"
   • Otsikon jälkeiseksi kappaleeksi: "Kiitos vastauksestasi! Vastasit kyselyymme seuraavasti:"

   Kokeile myös koko vastaussivun muuttamista toiseksi!

6. Tarkista lomakkeesi oikeellisuus jollakin validaattorilla.

Lisätehtäviä

1. Muotoile lomakkeen ulkoasu siistiksi CSS:n avulla.