LUENTO 6 VERKKOJULKAISEMINEN JA ESITYSGRAFIIKKA

Transkriptio

1 LUENTO 6 VERKKOJULKAISEMINEN JA ESITYSGRAFIIKKA TIEY4 TIETOTEKNIIKKATAIDOT ELOKUU 2017 JUHANI LINNA ANTTI SAND

2 LUENTO Tällä luennolla Taustaa harjoituksiin 9 ja 10: 1. Yleistä kurssiasiaa 2. Julkaiseminen verkossa 3. Esitysgrafiikka (PowerPoint / Sway) Kalvojen materiaali Antti Sand ja Juhani Linna

3 1. YLEISTÄ KURSSIASIAA Aikataulusta Harjoituksista Vertaisarvioinneista Kurssiarvostelu

4 1. YLEISTÄ KURSSIASIAA AIKATAULUSTA

5 1. YLEISTÄ KURSSIASIAA HARJOITUKSISTA H9 julkaistu, aiheena verkkojulkaiseminen Käytetään Dropboxia, tehdään verkkosivu ja tehtävässä kolme julkaistaan se yliopiston palvelimella Kolmas tehtävä pakollinen (vain) tietojenkäsittelytieteen opiskelijoille H10A (PowerPoint) ja H10B (Sway) julkaistu; aiheena esitysgrafiikka Tee ja palauta jompikumpi! Esityksen aihe lähetetty sähköpostiin jos et saanut omaasi, meilaa Esityksiä joudut tekemään paljon, hyvä tietää jotain vaikket harjoitusta palauttaisikaan Vaihtoehtoina PowerPoint ja Sway Palauttakaa edelleen oikeaan paikkaan ja viekää palautus loppuun!

6 1. YLEISTÄ KURSSIASIAA HARJOITUKSISTA H11 Kertaus julkaistaan tänään illalla Harjoituksen tekemällä voi kerätä pisteitä ja/tai korvata yhden väliin jääneen palautuskerran sopii myös niille jotka haluavat kerrata oppimaansa Palautusdedis maanantaina klo 18:30 Arviointidedis keskiviikkona klo 18:30 Huomaa hieman poikkeavat vaatimukset kaikki tehtävät tehtävä, ja minivaatimus on 5 pistettä

7 1. YLEISTÄ KURSSIASIAA VERTAISARVIOINNEISTA H7 ja H8 vertaisarvioinnit arvottu H7:ssa kuvien näkyvyysongelma, ratkennut? Kuvat joka tapauksessa myös Moodlessa Vertaisarvioinnit H9 ja H10 jaetaan Deadline klo 18 Arvioinnit olleet hyviä, tehkää loppuun asti kunnolla!

8 1. YLEISTÄ KURSSIASIAA KURSSIARVOSTELU Viimeiset vertaisarviot ensi viikolla Sen jälkeen pakollinen kurssipalaute (linkki lähetetään sähköpostiin) Sen jälkeen kootaan listat vertaisarvioinnit ja harjoitukset hyväksytysti suorittaneista n. viikon kuluessa Läpipäässeiden lista eteenpäin kirjaamoon viikolla 36 Kurssisuoritukset NettiOpsussa n. viikolla 37 Seuraava kurssi alkaa (muista ilmoittautua, jos olet tulossa)

9 2. VERKKOJULKAISEMINEN Julkaisutapoja Pilvipalvelut - Dropbox Verkkosivu Verkkosivujen tekemisen työkalut ja SeaMonkey People.uta.fi

10 2. VERKKOJULKAISEMINEN JULKAISUTAPOJA Monta tapaa julkaista verkossa, myös ilman sen kummempaa teknistä osaamista tai rahaa Epävirallisesti jaoteltuna esim. Blogit: Blogger, Vuodatus ja Vlogit: YouTube Wikit: Wikipedia, Wikispecies, projektiwikit, yrityswikit, muut Mediajulkaisupalvelut: Instagram, Youtube, SoundCloud, Flickr Keskustelupalstat: Suomi24, Demi Muu sosiaalinen media: Facebook, MySpace, LinkedIn, Google+ Tiedostonjakopalvelut pilvilevyt : Dropbox, Google Drive, icloud, GoogleDrive Kotisivut Oikea kanava riippuu käyttötarkoituksesta ja resursseista Ajatuksia kavereille -> sosiaalinen media(?) Ajatuksia maailmalle -> blogit ja vlogit(?) Tuotoksia kavereille -> tiedostonjakopalvelut Tuotoksia maailmalle -> mediajulkaisupalvelut(?) Sisältöbisnes -> blogit/ mediajulkaisupalvelut(?) Verkkokauppa -> kotisivu(?)

11 2. VERKKOJULKAISEMINEN JULKAISUTAPOJA SOSIAALINEN MEDIA

12 Blogger (Google) 2. VERKKOJULKAISEMINEN JULKAISUTAPOJA - KÄYTTÖEHDOISTA

13 Facebook 2. VERKKOJULKAISEMINEN JULKAISUTAPOJA - KÄYTTÖEHDOISTA

14 Dropbox 2. VERKKOJULKAISEMINEN JULKAISUTAPOJA - KÄYTTÖEHDOISTA

15 2. VERKKOJULKAISEMINEN PILVIPALVELUT - PILVILEVYT Pilvilevy on yhdentyyppinen pilvipalvelu, joka tarjoaa tallennustilaa verkkolevyllä Käyttäjätunnuksen ja salasanan avulla tiedostoihin pääsee käsiksi internetyhteyden kautta (melkein) millä ja missä tahansa Käytetään joko selaimen kautta, tai omalla ohjelmalla (asiakasohjelma eli client) Suosituimpia pilvilevyjä ovat Dropbox, icloud, OneDrive ja GoogleDrive Perusliiketoimintamalli on tarjota hieman tilaa ja toiminnallisuuksia ilmaiseksi, ja myydä lisäominaisuuksia ja tilaa sitä tarvitseville Etuja Haittoja Kätevyys Varmuuskopiointi Tiedot palveluntarjoajan hallussa väärinkäytösten riski kuitenkin verrattain vähäinen

16 2. VERKKOJULKAISEMINEN PILVIPALVELUT - DROPBOX Ensimmäisiä käteviä ja laajalle levinneitä pilvilevypalveluita Nykyään 2 GB ilmaista tilaa; Dropbox Basic Dropbox Plus (8,25 / kk) = 1 TB (1000 GB) tallennustilaa ja muutama palvelu kaupan päälle Tiimeille ja yrityksille Dropbox Business Voidaan käyttää myös tiedostojen jakamiseen Yksittäisenä linkkinä Kansiolinkkinä Kannattaa pitää mielessä mitä jakaa kenelle jakaa Linkkejä voidaan vaivattomasti välittää eteenpäin (kuten voidaan toki liitetiedostojakin)

17 2. VERKKOJULKAISEMINEN VERKKOSIVU Verkkosivu on Internetissä (tai intranetissä) julkaistu sivu Sijaitsevat fyysisesti jollakin palvelinkoneella Esim. Suomessa, Saksassa tai Ugandassa Löydetään ja luetaan selaimilla Verkkosivut kuvataan HTML (ja XML) kuvauskielillä (jota siis selain tulkitsee käyttäjälle) Tiedostopääte.html

18 2. VERKKOJULKAISEMINEN VERKKOSIVU Otsaketiedot Varsinainen sisältö

19 2. VERKKOJULKAISEMINEN VERKKOSIVUJEN TEKEMISEN TYÖKALUT Ennen muinoin verkkosivuja tehtiin lähinnä kirjoittamalla sivuja HTMLkielellä Nykyään amatööreille on tarjolla monenmoisia WYSIWYG*-editoreita, joilla voi tehdä sivuja järjestelemällä tekstikappaleita ja mediaelementtejä tekstinkäsittelyohjelman tapaan: Ohjelma tekee sivusta HTML-koodin käyttäjän puolesta Mozillan SeaMonkey on yksi tällainen editori * WhatYou See Is WhatYou Get Viimeaikoina yleistynyt myös ns. sisällönhallintaohjelmistojen käyttö Monet verkkosivut sisältävät paljon päivitettäviä mediatiedostoja, joita halutaan hallita mielekkäästi WordPress ja Drupal suosituimpia ohjelmia Myynnissä/jaossa paljon valmiita pohjia kotisivuille Responsiivisuus (=mukautuminen eri näyttökokoihin) alkaa olemaan standardi ei enää erillisiä mobiilisivuja

20 2. VERKKOJULKAISEMINEN VERKKOSIVUJEN TEKEMISEN TYÖKALUT - SEAMONKEY Esimerkki

21 2. VERKKOJULKAISEMINEN PEOPLE.UTA.FI Yliopiston opiskelijat ja henkilökunta voivat tehdä kotisivuja people.uta.fi-palvelimelle YH9 tehtävä 3 Oman kotisivun osoite on Kotisivut sijoitetaan fyysisesti oman kotihakemiston public_html kansioon Public_html kansioon sijoitettu tiedosto index.html on se sivu, joka osoitteeseen surffaajalle näytetään ensin Jotta sivut tulevat julki, tarvitset kotisivuoikeudet NettiKatista Ohjeet myös Tietohallinnon intrasivuilta:

22 2. VERKKOJULKAISEMINEN BLOGIT, ISSUU, SLIDESHARE Esimerkki

23 3. ESITYSGRAFIIKKA Perustietoa - PowerPoint Sway Vinkkejä

24 3. ESITYSGRAFIIKKA PERUSTIETOA Toimisto-ohjelmistojen osa, piirtoheitinkalvojen korvaaja Tietotyöläisen perustaito (ja riesa?) Ohjelmat erittäin helppokäyttöisiä mutta hyvän esityksen tekeminen ei välttämättä ole helppoa Asia on (usein) tärkein, mutta muotoseikkoja ei kannata ylenkatsoa eli opettele hallitsemaan ainakin perusasiat Nykyään esitysgrafiikkaohjelmat ovat sangen monipuolisia

25

26 3. ESITYSGRAFIIKKA PERUSTIETOA Esimerkki

27 3. ESITYSGRAFIIKKA SWAY Digitaalinen tarinankerrontasovellus, saatavilla Selainversio (tällä kurssilla) Työpöytäversio Osa Office 365 sovellusvalikoimaa, PowerPointin vaihtoehto Sway suunniteltu enemmän eri ruuduilta katsottavan (ja verkossa jaettavan) kuin auditorioissa esiteltävän sisällön tuottamiseen Sisällön lisääminen eri lähteistä (Youtube, Facebookin suhteellisen suoraviivaista -> Jos julkaiset lähinnä verkkoon, ehken PowerPointtia parempi?

28 3. ESITYSGRAFIIKKA SWAY Keskeiset elementit ovat kortteja (cards) Etenemisvaihtoehdot pääasiassa scrollaus ja esitysmoodi Sisältöä voidaan tuoda myös esim. PowerPointista Esimerkki

29 3. ESITYSGRAFIIKKA VINKKEJÄ ESITYKSEEN Sisällön määrästä esitystilanteessa Vain noin kolme tärkeää pointtia kalvoa/ruutua kohden Älä laita liikaa asioita yhdelle kalvolle/ruudulle Informaatioähky kuormittaa kuulijaa Tärkeät asiat hukkuvat liian tiedon alle Tekstin koko pienenee 2.5 cm korkea teksti luettavissa 3 metrin päästä 5 cm korkea teksti luettavissa 6 metrin päästä 7.5 cm korkea teksti luettavissa 9 metrin päästä

30 3. ESITYSGRAFIIKKA VINKKEJÄ ESITYKSEEN Puheen ja tekstin yhteydestä Älä laita kalvoille sellaista sisältöä, jota et käsittele puheessasi Kuulijan huomio jakaantuu kuuntelemisen ja lukemisen välillä ja lukeminen yleensä voittaa Poimi esitykseen tärkeitä pointteja puheestasi

31 3. ESITYSGRAFIIKKA VINKKEJÄ ESITYKSEEN Graafisesta ilmeestä Pidä graafinen ilme yhtenevänä Vältä värien sekamelskaa Huomaa riittävä kontrasti tekstin kanssa Käytä grafiikkaa havainnollistaaksesi asioita Käytä animaatioita korostaaksesi tärkeitä asioita ja muutoksia kalvossa - kuitenkin säästeliääsi ja yhdenmukaisesti

32 3. ESITYSGRAFIIKKA VINKKEJÄ ESITYKSEEN Yleisesti Jos käytät videota ja/tai ääntä, testaa esitystilassa Harjoittele tarvittaessa ja mittaa esim. kesto Ota häiritsevät ohjelmat pois päältä Näytönsäästäjä Skype, pikaviestimet

33 KIITOS! Seuraavaksi erityistuki harjoituksille 9 ja/tai 10 klo 13:15 luokassa B1084 Huomenna viimeisen kerran mikrotukea 8-18 joka luokassa kaikkiin harjoituksiin myös harjoitukseen 11