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). Voit tehdä kaikkikin tehtävät, mutta täysiin pisteisiin riittää, että teet joko tehtävät 1 ja 2 tai tehtävät 2 ja 3. Tietojekäsittelytieteiden opiskelijoille kolmas tehtävä on kuitenkin pakollinen, joten heidän tulee tehdä tehtävät 2 ja 3. Tehtävässä 3 julkaistaan tehtävässä 2 tehdyt sivu yliopiston palvelimella. Jotta sen voit tehdä, sinulla tulee olla NettiKatin kautta haettava kotisivuoikeus voimassa (vrt. viesti kurssisivujen Ajankohtaista-palstalla 25.10.). Vaikka et suunnittelisikaan milloinkaan ylläpitäväsi tai julkaisevasi sivustoja internetissä, 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 kurssin tai seminaarin osallistujille. Siinä tapauksessa verkko-osoitteen kertominen muille osallistujille vaihtoehtona sille, että lähettää materiaalin kaikille sähköpostitse kuulostaa järkevältä vaihtoehdolta. Harjoituksessa H3 tutustuimme siihen miten O365-palvelua voi käyttää tiedostojen jakamiseen, tämän kerran ensimmäisessä harjoituksessa tutustutaan Dropboxin käyttöön. Tehtävä 1 (5p) Tutustutaan Droboxiin, jonka kautta voit välittää esimerkiksi kuvia tai muita tiedostoja myös yliopistoyhteisön ulkopuolisille. Ensimmäisestä tehtävästä palautat ratkaisutiedostona yhden tekstityyppisen tiedoston H9T1.txt, jossa annat osoitteet tehtävissä julkaistuihin tiedostoon ja kahteen kansioon. Tehtävä 2 (5p) WWW-sivuston luonti sivueditoria käyttäen. Toisesta tehtävästä palautat wwwsivuston sisältävän kansion zip-pakettina H9T2.zip. Tehtävä 3 (5p) Kolmas tehtävä kannattaa tehdä tietojenkäsittelytieteen opiskelijoiden lisäksi niiden, jotka aikovat jatkaa jossain vaiheessa www-sivujen toteutuksen opettelua vähän teknisemmästä näkökulmasta. Jatkokursseilla esim. tiedostojen oikeuksien käsittelyn oletetaan olevan hallussa. Jos teet tehtävän 3, voit hyvin jättää ensimmäisen tehtävän tekemättä. Toki kaikki saa tehdä, mutta maksimipisteet harjoituksesta ovat joka tapauksessa vain 10 pistettä; vaikka tekisit tehtäviä 15 pisteen arvoisesti, saat kuitenkin vain maksimit 10 pistettä. 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) ymmärrän eron www-sivujen linkin (osoitteen) jakamisen ja sisällön (kansion) jakamisen välillä osaan luoda www-sivuja WYSIWYG-periaatteella toimivan sivueditoriohjelman avulla - 1 -
ne, jotka ajattelevat jatko-opiskelevansa jossain vaiheessa webbisivujen toteuttamista, osaavat viedä sivut näkyviin Internetiin unix/linux-palvelimelle ja osaavat ratkaista sivujen webissä näkymisen Unix-oikeuksiin liittyvät ongelmat 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. Jos sinulla on Dropbox jo käytössä, voit käyttää sitä olemassa olevaa tiliäsi tehtävän tekemiseen. Tee Dropboxiin yksi kansio, ja anna sille nimi jakoon, johon viet kolme tiedostoa, yksi pdf-tiedosto (joku.pdf), yksi tekstidokumentti (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 jakoonkansiolle. Nämä linkit ovat osoitteita, jotka voit lähettää esimerkiksi sähköpostitse henkilölle, joiden haluat pääsevän näkemään Dropboxiin viemäsi tiedostot. Halutessaan hän voi myös ladata (download) ne omalle koneelleen. Tee vielä toinen kansio, jonka nimi on kuvat, ja vie sinne muutama valokuva. Tee myös tuolle kansiolle osoite (Share link) samaan tapaan kuin edellä jakoon-kansiolle. Huomaa, että Palautat tästä siis tekstitiedoston H9T1.txt, jossa on kolme osoitetta, ensimmäinen yksittäiseen tiedostoon ja kaksi kokonaisiin kansioihin: (1) osoite Dropboxin kautta julkaisemaasi yksittäiseen pdf-tiedostoon (2) osoite Dropboxin kautta julkaisemaasi jakoon-kansioon (3) osoite Dropboxin kautta julkaisemaasi kuvat-kansioon Vihjeitä tehtävän tekemiseen ja Dropboxin käyttöön yleisemminkin: Voit luoda Dropbox-käyttäjätilin Dropboxin etusivulta osoitteesta https://www.dropbox.com/ (Sign up). Antamastasi email-osoitteesta ja salasanasta tulee tunnus, joita käyttäen pääset jatkossa ei tarvitse asentaa, jos käytät vain selainkäyttöliittymän kautta jos käytät omaa konetta, asentamalla Dropboxin koneelle, käyttö sulavampaa Kuva 1. Dropbox-tilin luonti ja sovelluksen lataus omalle koneelle Dropbox-tiliisi käsiksi. Laita ne siis huolellisesti muistiin. Kun painat Sign up for free -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 välttämättä tarvitse tehdä, jos haluat käyttää Dropboxia vain selaimen kautta. Jos käytät Dropboxia omalta koneeltasi, kannattaa asennus tehdä, käyttö on silloin suoraviivaisempaa. Tässä - 2 -
voit siis halutessasi jatkaa myös tekemättä asennusta ja käyttää vain selainpohjaista käyttöliittymää, ja mikroluokassa työskentelevät joutuvat niin tekemäänkin (yliopiston koneisiin ei voi asentaa itse mitään ohjelmia). 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 uudelleen (aina myöhemminkin) avaa palvelun kotisivu http://www.dropbox.com ja kirjaudu sisään (sing in), älä enää rekisteröidy (sign up tai create an account). 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). Kuva 2. Pääset oman tilin tietoihin oikeasta yläkulmasta (Settings) 1. Kansion luonti Dropboxiin webbiliittymän kautta 2. Tiedostojen vienti Dropbox-kansioon webbiliittymän kautta Kuva 3. Tiedostojen vienti Dropboxiin webbikäyttöliittymän kautta Luo kansiot jakoon ja kuvat ja vie niihin pyydetyt tiedostot. Pyydä sen jälkeen Dropboxia luomaan osoitteet pdf-tiedostoon, ja kahteen kansioon, jota voit käyttää jakaaksesi tiedoston ja kansioiden sisällön muille. Kuvassa 4 haetaan osoite tiedostolle 6-Kuvankäsittely.pdf. Share aukaisee sivun, jossa ensin luot linkin, ja saat sen kopioiduksi. - 3 -
Kuva 4. Internet-osoitteen pyytäminen Dropboxiin tallnennetulle 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. Kansio- ja selainpohjainen käyttöliittymä omalle koneelle asennettuun Dropboxiin Kuva 6. Dropboxin asetukset Koneellesi tallentunut kansio on siis synkronoitu hakemisto pilvessä sijaitsevaan Dropbox-hakemistoon. 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. Kuten taustamateriaalissa mainittiin, voit myös määritellä, että vain tietyt kansiot Dropboxissasi synkronoidaan kotikoneesi Dropbox-kansion kanssa. Se tapahtuu asetuksien kautta (Kuva 6). - 4 -
Kuvassa 7 näet, miten omalle koneelle asennetussa Dropboxissa pyydät osoitteen, jonka kautta voit jakaa (share) tiedoston tai kansion muiden kanssa, tai vain antaa osoitteen (Dropbox link), jonka kautta tiedoston pääsee näkemään. Kuva 7. 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 ja arkisto sivulla linkki johonkin paikalliseen tiedostoon (ts. lisää jokin tiedosto mukaan palautukseen ja laita linkki siihen). 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 -