H9 Julkaiseminen webissä Tässä harjoituksessa opetetaan kaksi tapaa viedä tiedostoja jakoon webin kautta (tehtävä 1 ja tehtävä 3), sekä kokeillaan yksinkertaista, jokamiehen tapaa tehdä oma sivusto (tehtävä 2). Kaikkien tulisi yrittää tehdä tehtävät 1 ja 2, mutta kolmas tehtävä on pakollinen vain tietojenkäsittelytieteen opiskelijoille. Lisäksi niiden, jotka aikovat jatkaa jossain vaiheessa www-sivujen toteutuksen opettelua vähän teknisemmästä näkökulmast, kannattaa tehdä kolmas tehtävä koska jatkokursseilla tiedostojen oikeuksien käsittelyn oletetaan olevan hallussa. Ne, jotka tekevät tehtävän 3, saavat jättää ensimmäisen tehtävän tekemättä. Maksimipisteet harjoituksesta ovat joka tapauksessa vain 10 pistettä, ts. jos teet tehtäviä 15 pisteen arvoisesti, saat kuitenkin vain maksimit 10 pistettä. Vaikka et tulisikaan koskaan ylläpitämään sivustoja, on silti hyvä pystyä viemään materiaalia verkkoon muiden saataville. Usein tulee tilanteita jossa haluaisi antaa materiaalia jakoon isommalle määrälle ihmisiä, vaikkapa muille seminaariin osallistujille. Siinä tapauksessa verkko-osoitteen kertominen muille osallistujille vaihtoehtona sille, että lähettää materiaalin kaikille sähköpostitse kuulostaa aika miellyttävältä vaihtoehdolta. Ensimmäisestä tehtävästä palautat ratkaisutiedostona yhden tekstityyppisen tiedoston H9T1.txt, jossa annat osoitteet tehtävissä julkaistuihin tiedostoon ja kahteen kansioon. Toisesta tehtävästä palautat www-sivuston sisältävän kansion zip-pakettina H9T2.zip. Jos julkaiset kakkostehtävän sivuston yliopiston palvelimella, ei kakkostehtävän pakettia tarvitse palauttaa. Silloin riittää sivuston osoite tiedostossa H9T2jaT3.txt. Harjoituksen tavoitteet Harjoituksen tavoitteena on tutustua eri tapoihin julkaista materiaalia webissä. Osaamistavoitteet: osaan viedä tiedostoja jakoon internetiin Dropboxin ja/tai yliopiston www-palvelimen kautta osaan luoda www-sivuja WYSIWYG-periaatteella toimivan sivueditoriohjelman avulla ne, jotka aikovat jatko-opiskella webbisivujen toteuttamista, osaavat viedä sivut näkyviin Internetiin yliopiston www-palvelimelle ja osaavat ratkaista sivujen webissä näkymiseen liittyvät ongelmat muokkaamalla hakemistojen ja tiedostojen oikeuksia Tehtävänanto Tehtävä 1 (5p) Tiedostojen ja valokuvien jakaminen Dropboxin kautta. Ellet ole käyttänyt Dropboxia aiemmin, käy aluksi luomassa itsellesi Dropbox käyttäjätili. Tee sitten Dropboxiin yksi kansio nimelle Share, johon viet kolme tiedostoa, yhden pdf-tiedoston (joku.pdf), yhden tekstidokumentin (joku.odt tai joku.docx) ja yhden kuvan (joku.jpg). Luo sitten Dropboxin käyttöliittymää käyttäen url-osoite (Share link) pdf-tiedostolle, ja toinen url-osoite koko Share-kansiolle. Näiden linkit ovat osoitteita, joiden avulla Dropboxiin viemiisi tiedostoihin pääsee käsiksi. Tee vielä toinen kansio, jonka nimi on Kuvat, ja vie sinne muutama valokuva. Hae tuolle kansiolle myös osoite samaan tapaan kuin edellä Share-kansiolle. Palautat tästä siis tekstitiedoston H9T1.txt, jossa on kolme osoitetta: - 1 -
(1) osoite Dropboxin kautta julkaisemaasi pdf-tiedostoon (2) osoite Dropboxin kautta julkaisemaasi Share-kansioon (3) osoite Dropboxin kautta julkaisemaasi Kuvat-kansioon Vihjeitä tehtävän tekemiseen: Voit luoda Dropbox-käyttäjätilin Dropboxin etusivulta osoitteesta https://www.dropbox.com/. Antamastasi email-osoitteesta ja salasanasta tulee tunnus joita käyttäen pääset jatkossa Dropboxtiliisi käsiksi. Laita ne siis huolellisesti muistiin. Kun painat Create account -painiketta Dropbox pyytää sinua lataamaan Dropbox asennuspaketin (Kuva 1, oikealla, kuva otettu Firefoxista). Jos teet tehtävää omalla koneella, voit ladata ja asentaa Dropbox-sovelluksen, mutta sitä ei ole pakko tehdä. Vaikka suosittelenkin tekemään asennuksen (käyttö on silloin suoraviivaisempaa), voi Dropboxia käyttää myös ihan puhtaasti selainpohjaisena sovelluksena. Mikroluokassa työskentelevät joutuvatkin näin tekemään koska koneille ei voi asentaa sovelluksia voitte siis jatkaa tekemättä asennusta. Kuva 1. Dropbox-tilin luonti ja sovelluksen lataus omalle koneelle Selainpohjaista käyttöliittymää käyttävät Kuvassa 2 näet tilanteen tilin luonnin jälkeen. Käy katsomassa tilisi asetuksia settings. Ennen kuin viet Dropboxiin mitään, sinun kannattaa käydä kerran kirjautumassa ulos log out, jotta tarkistat että pääset takaisin sisään (että muistat antamasi tunnukset oikein). Kun menet Dropboxiin uudellen (aina myöhemminkin) avaa palvelun kotisivu http://www.dropbox.com ja kirjaudu sisään (sing in), älä enää rekisteröidy (sign up). Voit käydä myös tarkistamassa että sait Dropboxilta tilinluontikuittauksen sähköpostina antamaasi osoitteeseen. Kun olet varmistanut, että pääset takaisin Dropbox-selainliittymääsi, voit viedä pyydetyt tiedostot Dropbox-kansioosi. Käytä selainkäyttöliittymän yläreunasta löytyviä työkaluja kansioiden luontiin (New Folder), ja tiedostojen vientiin (Upload, Kuva 3). - 2 -
Kuva 2. Pääset oman tilin tietoihin oikeasta yläkulmasta (Settings) Kuva 3. Tiedostojen vienti Dropboxiin Kun olet tehnyt pyydetyt kansiot Share ja Kuvat ja vienyt sinne tiedostot, pyydä Dropboxia luomaan osoitteet pdf-tiedostoon, ja kahteen kansioon, jota voit käyttää jakaaksesi tiedoston ja kansioiden sisällön muille. Kuvassa 4 pyydetään esimerkin vuoksi osoitetta kuvalle Aulikki.jpg. Share Link aukaisee sivun, jonka osoitteen voit kopioida jaettavaksi. - 3 -
Kuva 4. Osoitteen pyytäminen tiedostolle Dropbox omalle koneelle asennettuna Jos asensit Dropboxin omalle koneellesi, sen käyttö on yhtä yksinkertaista kuin minkä tahansa muun kansion käyttäminen koneellasi. Ilmaisinalueelle (Kuva 5), näytön oikeaan alareunaan ilmestyy Dropbox-kuvake, josta voit aukaista Dropboxisi joko yllä kuvatunlaiseen selainpohjaisen käyttöliittymän kautta hallittavaksi (Dropbox.com), tai normaalin kansion kaltaiseksi ikkunaksi (Dropbox Forlder). Kun avaat Dropboxisi jälkimmäisestä vaihtoehdosta normaaliksi kansioksi, huomaat että se on tallentunut tietokoneellesi oman käyttäjätunnuksesi alle nimelle Dropbox, hakemistopolku kansioon koneellasi on siis todennäköisesti C:\Users\kayttajanimesi\Dropbox. Tosin sinun ei tarvitse sijaintia tietää, koska pääset siihen aina käsiksi ilmaisinalueen kuvakkeen avulla. Kuva 5. Dropbox omalle koneelle asennettuna Koneellesi tallentunut kansio on siis synkronoitu hakemisto pilvessä sijaitsevaan Dropboxhakemistoon. Jos muokkaat kansiota selainkäyttöliittymän kautta esimerkiksi puhelimellasi tai jollain toisella koneella, sama muutos tehdään myös oman koneesi hakemistoon heti kun koneesi on seuraavan kerran yhteydessä Dropboxiin. Kuvassa 6 näet, miten omalle koneelle asennetussa Dropboxissa pyydät osoitteen jonka kautta voit jakaa tiedoston tai kansion muiden kanssa. - 4 -
Kuva 6. Dropbox omalle koneelle asennettuna, osoite tiedoston /hakemiston julkaisuun Tehtävä 2 (5p): Www-sivuston luonti Tee kolme www-sivua sisältävä sivusto, niin, että sivut on linkitetty toisiinsa, jollekin sivuista on liitetty ainakin yksi kuva. Voit ottaa esimerkkiä malliksi tekemältäni sivustolta osoitteessa http://people.uta.fi/~ah/index.html. Sinulta edellytetään vastaavaa sivujen linkitystä, kuin annetussa mallissa: etusivulla linkit kahdelle sivulle (linkit ja arkisto) ja niistä kummastakin takaisin etusivulle. Linkit sivulla pitäisi tietysti olla toimivia linkkejä muutamalle ulkopuoliselle sivulle. Tallenna ensimmäinen, pääsivu tiedostonimellä index.html ja kaksi muuta sivua nimillä linkit.html ja arkisto.html. Saat tehdä sivuston millä välineellä haluat, mutta jos asia on sinulle uutta, tee tämä tehtävä käyttäen apuna taustamateriaalissa esiteltyä SeaMonkey webeditoria. Jos et julkaise näitä sivuja yliopiston palvelimella, tee sivut sisältävästä kansiosta zip-kansio, ja palauta se vastauksena tähän tehtävään. Jos kuitenkin teet, kolmannen tehtävän, tätä pakettia ei tarvitse erikseen lähettää vastauksena, koska sen voi tarkistaa yliopiston url-osoitteen kautta. Tästä harjoituksesta jätetään siis zip-paketti H9T2.zip (paitsi jos teet, kolmannen tehtävän). Tehtävä 3 (5p): Julkaise edellä tekemäsi sivut yliopiston people-palvelimella. Palautat tästä osoite, jossa on julkaisemasi pääsivun index.html -tiedoston osoite, osoite on jotain seuraavan kaltaista http://people.uta.fi/~es12345/index.html Tästä harjoituksesta palautat siis yhden tekstitiedoston H9T2jaT3.txt jossa on osoite julkaisemasi sivuston etusivulle. - 5 -