Digitaalisen median tekniikat (kevät 2009) / harjoitukset 1

Harjoitukset tehdään harjoitustilaisuudessa mikroluokissa. Ensimmäisiä tehtäviä ei siis tarvitse tehdä etukäteen. Varmista, että voit kirjautua laitoksen koneille (sivuaineopiskelijoiden ohjeet).

Näiden harjoituksien tarkoituksena on varmistaa, että kaikki kurssia varten tarvittava toimii. Harjoitusryhmän vetäjä auttaa kurssin kannalta parhaimman tekstieditorin valinnassa. Harjoituksissa 2 päästään todella vauhtiin kurssin kanssa!

Harjoitukset tehdään enimmäkseen (pien)ryhmissä (paitsi mitä osaan -formi). Mikäli harjoitusten ohjaaja ei pakota teitä ryhmiin, hakeudu ryhmään vieressä istuvien kanssa!

1. Kotihakemisto db:lle

db.cs.helsinki.fi on laitoksen erillinen "harjoitustyöpalvelin", jota käytetään tämän kurssin aikana. db:llä on erillinen kotihakemisto, johon saa www-sivut samoin kuin laitoksen "normaaliin" fs-kotihakemistoonkin.

1. Kirjaudu db-koneelle sisään SSH:lla.
2. Luo public_html -hakemisto kotihakemistoosi (ellei ole ennestään).
3. Tarkista joka välissä www-selaimella, miltä näyttää: http://db.cs.helsinki.fi/~TUNNUS
4. Luo public_html -hakemiston alle hakemisto dime.
5. Luo public_html -hakemistoon index.html -tiedosto.
6. Tarkista, että oikeudet ovat o+x hakemistolle ja o+r tiedostoille.
   • Ellet erikseen halua jonkin hakemiston tiedostolistausta näkymään internetiin, jolloin o+r.
   • index.html piilottaa hakemistolistauksen internetistä, mutta...
   • Jos laitat public_html -hakemistolle g+r, kaikki pääaineopiskelijat näkevät (ssh:n kautta) sen sisällön. Jos laitat o+r, kaikki sivuaineopiskelijat näkevät sen sisällön :)
7. Tutustu komentoon wwwonly.
8. Selvitä miten siirrät tiedostoja db-koneelle laitokselta tai mahdollisesti kotikoneeltasi.

2. "Mitä osaan" -lomake (kaikki kurssin asiat 4 minuutissa)

Täytä lomake. Lomakkeessa kysellään kiinnostuksen kohteita ja kartoitetaan opiskelijoiden lähtötasoa. Palautusten perusteella kurssin sisältöön tehdään pieniä muutoksia.

3. Moodle

Kirjaudu sisään laitoksen Moodleen ja rekisteröidy kurssin Moodle-sivulle.

4. Firefoxin laajennokset

Asenna Firefoxiin HTML Validator, Firebug ja Web developer -laajennokset.

5. PHP-säätö

Huom! Tästä ei tarvitse ymmärtää (vielä) mitään, mutta on hyödyllistä kokeilla, että PHP toimii jo nyt.

Tee tiedosto koe.php db-koneen public_html-hakemistoon alle sisällöllä:

PHP...
<?php
echo " toimii!";
?>

Katso selaimessa. Säädä toimimaan. Varo laitoksen rikkinäisiä ohjeita, ohjaaja antaa toimivat ohjeet!

6. KOKO WEB VÄÄRIN!

Kopioi oheinen pohja (koko hakemistopuu) omaan public_html-hakemistoosi (db:lle tai fs:lle). Sama zip-pakettina jos haluat oikaista :)

Tutustu tämän antisivuston hirveyteen ja testaile vaihtaa siitä esim. seuraavia asioita:

• Kehysten kokoja,
• tekstin väriä,
• taulukoin asemoidut kuva+teksti toisin päin,
• flickr-linkit aukeamaan koko selainikkunaan eikä nykyiseen kehykseen
• ...

Huom! Tästäkään ei tarvitse (vielä) ymmärtää mitään. NYT kun tämä on nähty, ei MITÄÄN antisivuston asioita tarvitse enää IKINÄ tehdä! (Sen sijaan niihin kyllä palataan luennoilla ja korjaillaan hiljalleen.)