Mobie Zine -julkaisut

Julkaisujen luominen ja muokkaaminen

Kesäkuu 2015

Matleena Laakso Blogi: www.matleenalaakso.fiTwitter: @matleenalaakso

Diat: www.slideshare.net/MatleenaLaaksoValokuvat ja ruudunkaappauskuvat ovat Mobie Oy:n ja OnEdun verkko-sivulta eikä niitä ole CC-lisensoitu.

Tämän diasarjan teemat• Mikä on Mobie Zine -julkaisu?• Julkaisun luominen• Julkaisun artikkeleiden luominen• Artikkelin sisällön luominen

– Tekstin muokkaaminen– Kuvat ja videot– Tehtävien ja keskusteluiden

lisääminen – Sisällysluettelon muokkaaminen– eOpin oppikirjojen muokkaaminen

• Pdf-versiosta tulosteeksi• Google Analytics• Kysyttävää? Vinkkejä!

Tämän ja muut diani OnEdusta ja Mobie Zinestä löydät blogistani

www.matleenalaakso.fi/p/onedu.html

Mikä on Mobie Zine?• Mobie Oy:n kehittämä Mobie Zine on HTML5-verkkojulkaisu

joka on luettavissa esteettömästi kaikilla laitteilla laitealustasta riippumatta.

• Julkaisujen sisällöntuotanto on helppoa, sillä järjestelmä taittaa sisällöt automaattisesti.

• Voit helposti lisätä julkaisuihin mm. videoita, esitysgrafiikoita, karttoja, interaktiivisia palveluja ja Office 365 -dokumentteja.

• Osa OnEdu-oppimisympäristöä, mutta saatavilla myös erillisenä palveluna.

Mihin Mobie Zine sopii?Se on parhaimmillaan verkkolehtimuotoisessa julkaisemisessa, joka ei vaadi painotuotteen omaista taittoa, kuten •artikkelipohjaiset lehdet, asiakas- ja sidosryhmäjulkaisut•tuote- ja yritys/organisaatioesitteet•raportit, vuosikertomukset•vuorovaikutteiset koulutusmateriaalit ja oppikirjat•opinto- ja opettajaoppaat •henkilöstön perehdyttämisoppaat•matka- ja hankeraportit

Tutustu Zine-julkaisuihin!Linkkejä esimerkkeihin: mobieshop.fi/mobie-zine ja

www.matleenalaakso.fi/p/onedu.html

Mobie Zine pähkinänkuoressaTiivistelmä sivulta: mobieshop.fi/mobie-zine

• Käyttäjäystävällinen, ekologinen ja esteetön HTML5-verkkolehti• Linkitettävissä ja jaettavissa yksittäisenä julkaisuna tai artikkelina• Toimii käyttöjärjestelmästä riippumatta kaikilla laitteilla joiden nettiselain tukee

HTML5-kuvauskieltä• Sivut skaalautuvat automaattisesti eri kokoisille näytöille • Mobiililaitteissa natiivisovelluksia vastaavat toiminnallisuudet (sivujen vaihto

pyyhkäisemällä, sivujen tallennus ja lukeminen offline -tilassa)• Tietoturvallinen kotimainen ratkaisu, sisällöt suojattavissa

käyttäjätunnistuksella.• Helppo sisällöntuotanto/-muokkaus netissä, mobiililaitteilla mistä ja milloin vain.• Lisäät tekstin, kuvat ja videot jonka jälkeen järjestelmä taittaa sivut

automaattisesti kaikille laitteille sopivaksi. Tämän jälkeen asetat vain artikkelit haluamaasi järjestykseen, valitset kansikuvan ja julkaisusi on valmis.

• Videoiden (Mobiili, YouTube/Vimeo), SlideShare-esitysten sekä Googlen karttojen ja Microsoft Office -dokumenttien (Word, Excel, PowerPoint ja OneNote) lisäysmahdollisuus

• Sisällöt tavutettuna tasapalstaan (suomen, ruotsin ja englannin kielen tavutus)• Hakukoneoptimointi• Tulostus palstoitettuna (pdf)

Julkaisu koostuu artikkeleistaJULKAISU

Vrt. kirja tai esite

ARTIKKELIVrt. kirjan luku

SisällysluetteloARTIKKELIVrt. kirjan luku

ARTIKKELIVrt. kirjan luku

ARTIKKELIVrt. kirjan luku

Yksittäiset artikkelit liitetään julkaisuun

JULKAISUVrt. kirja tai esite

ARTIKKELIVrt. kirjan luku

SisällysluetteloARTIKKELIVrt. kirjan luku

ARTIKKELIVrt. kirjan luku

ARTIKKELIVrt. kirjan luku

Julkaisun luominen 1/21. Siirry OnEdun ohjausnäkymään2. Valitse: Zine Julkaisut3. Valitse: Lisää uusi julkaisu

Julkaisun luominen 2/2• Otsikoi julkaisu ja anna

painoksen nimi• Lisää julkaisuaika, mikäli et

halua julkaista heti• Valitse teema• Muut kohdat voit ohittaa • Lisää kansikuva

– Suositus 1062 x 1495 px – Kuvaformaatti jpg tai png

Julkaisun asetukset

• ASETUKSET (kuva)– Todennus: pois käytöstä = kaikki näkevät julkaisun;

WordPress = vain kyseisen OnEdun käyttäjät näkevät julkaisun.– Offline-tallennus: Ota käyttöön, vasta kun julkaisu on valmis, niin luonnosten

katsominen onnistuu sujuvammin. Harkitse offlinen käyttöä, jos julkaisua on tarkoitus päivittää.

– Ota tavutus käyttöön!

• ARTIKKELIT-kohdasta muokataan artikkeleiden järjestystä sisällysluetteloon

• MONISTA: Tästä voit kopioida julkaisun

Artikkelin luominen 1/31. Siirry OnEdun ohjausnäkymään2. Zine Lisää uusi artikkeli

Artikkelin luominen 2/3• Otsikoi• Liitä julkaisuun ja valitse sivupohja

– Artikkeli: tekstipohjainen artikkeli, voi sisältää mm. kuvia ja verkosta upotettua sisältöä

– Kuva-artikkeli: sisältää vain kuvia, jotka ovat automaattisesti sivun kokoisia (1062 x 1495 px). Voi voi sisältää myös upotettuja ulkopuolisia sisältöjä. (esim. Word, Excel, OneNote tai PowerPoint).

– Pääkirjoitus: kaksi palstaa, oikealla kuva ja vasemmalla teksti

• Valitse artikkelin näkyminen sisällysluettelossa

Artikkelin luominen 3/3• Lisää halutessasi alaotsikko ja valitse kieli• Artikkelityypit

– Zine-artikkeli: Ensisijainen valinta Mobie Zine-julkaisuun– WordPress-artikkeli:

• Valitse tämä, jos haluat muokata artikkelia mobiililaitteiden WP-sovelluksella• WP-luonnoksen voi tallentaa luonnoksena OnEdun lomakkeella (myös ilman OnEdu-opettaja/kouluttaja-

tunnuksia) • Sopii yksittäiseksi kurssille liitettäväksi artikkeliksi • Löytyvät kootusti: Ohjausnäkymä Sivusto Kaikki artikkelit

– Avainkentät voi ohittaa• Lisää sisällysluettelossa

näkyvä artikkelikuva(suositus 600 x 350 px)

• Julkaise

WordPress-mobiilisovellus• Luo/päivitä artikkeleita, joita sovellus kutsuu nimellä Blog

Post.• Myös kurssisivut (Pages) ovat muokattavissa samalla

sovelluksella.

WordPress-artikkelia voi käyttää Zinessä ja kurssilla

Tekstin muokkaamisen työkaluja• Kirjoita teksti suoraan artikkeliin TAI• Linkitä/upota teksti esim. Office 365 -dokumenteista TAI• Tuo teksti toisesta dokumentista, käytä tarvittaessa

työkalupakin seuraavia työkaluja

• Tasaa teksti molempiin reunoihin

• Valitse väliotsikoille tyypiksi:

Tekstin muokkaamisen työkaluja• Älä kirjoita linkkiä vaan tee se

sanasta tai sanaparista

• Tee suorat lainaukset Add Quote -työkalulla(teema vaikuttaa ulkonäköön)

• Käytä ranskalaisten viivojen sijaan siihen tarkoitettuja työkaluja

• Työkaluista löydät myös mm. lihavoinnin, tekstin värityksen yms. Jos osa työkaluista on piilotettu, klikkaa kuvan näytä/piilota-ikonia.

Työkalupakin erikoismerkit Zinelle 1/2Työkalupakin alimman rivin kuvakkeet ovat vain Zineä varten

• Väli kappaleen jälkeen• Sisennä ensimmäinen rivi

• Angangi suurentaa artikkelin ensimmäisen kirjaimen (vrt. OnEdu-kurssin Add Dropcap)

• Nostolaatikolla voit tehdä erivärisiä laatikoita korostaaksesi tiettyjä kohtia tekstistä.

Artikkeleiden kuvatKuvat tuot artikkeliin kohdasta:

•Liitä aina mukaan kuvateksti. •Kuvaukseen voit halutessasi kirjoittaa tietoja muille OnEdun muokkaajille.•Lisää kuvat ja videot ensisijassa artikkelin loppuun haluamassasi järjestyksessä. Tällöin järjestelmä taittaa ne automaattisesti riippuen näytön koosta. • Jos et aseta kuvia pakollisiksi, niin Zine voi jättää osan

kuvista näyttämättä etenkin pienemmillä näytöillä ja jos kuvia runsaasti tekstiin nähden.

• Lukija voi aina klikata kuvat koko ruudun kokoisiksi.

Järjestelmä taittaa artikkelin automaattisestiTaittoon vaikuttavat mm. näytön koko, asento ja zoomaus

Kuvakokosuositukset• Kansikuva 1062 x 1495 px • Artikkelikuva, näkyy sisällysluettelossa 600 x 350 px• Vaakakuvat: 1600-1800 x 900-1100 px• Pystykuvat: 600 x 800 px• Kokosivun kuvat: 1062 x 1495 px

Tuo kuvat Zineen sellaisenaan ja pienennä vasta Mediakirjastossa!

Työkalupakin erikoismerkit Zinelle 2/2Työkalupakin alimman rivin kuvakkeet ovat vain Zineä varten

Palstan sisäinen•Kuva pakotetaan kyseiselle palstalle, palstan levyisenä. •Vaihtoehtoisesti Zine taittaa artikkelin automaat-tisesti huomioiden mm. lukijan näytön koon.

Pakollinen kuva •Kuva näkyy aina artikkelia luettaessa.

Videoiden lisääminen• YouTubessa tai Vimeossa olevan videon

voit upottaa näistä kuvakkeista: – Muista videoista tarvitset upotuskoodin (embed code) tai voit

tuoda ne linkkeinä.

• Jos lisäät videon tekstin loppuun, se skaalautuu erikokoisilla näytöillä 1-3 palstan kokoiseksi, mutta videon paikkaa tekstissä ei ole määritelty.

• Jos haluat videon näkyvän palstan levyisenä tietyssä kohdassa tekstiä, niin aseta hiiren kursori linkkitekstin sisälle ja klikkaa editorikentän alarivillä olevaa “Palstansisäinen” -painiketta.

Tehtävien ja keskustelualueiden lisääminen

• Tee ensin automaattisesti tarkistuvat tehtävät/kokeet tai keskustelualue normaalisti OnEdussa. Ohjeet: bit.ly/onedudiat• Huomaa, että esim. keskustelualueen yksityisyysasetukset

vaikuttavat siihen, kuka ne näkee.

• Kopioi sitten tehtäväpaketin tai keskustelualueen linkki.• Siirry Zine-julkaisun artikkeliin– Tuo tehtävät/keskustelu tavallisella linkillä TAI– Klikkaa Lisää media -painiketta ja valitse tekemäsi kuva ja lisää se

haluamaasi kohtaan.• Kun olet lisännyt kuvan, aktivoi se ja korvaa avautuvassa

ikkunassa kuvan url-osoite alussa kopioimallasi tehtävän linkkiosoitteella.

Sisällysluettelon muokkaaminenOhjausnäkymä Zine Julkaisut Muokkaa (oma julkaisun kohdalta) Artikkelit

Opettaja saa muokata eOpin oppikirjoja

• eOpin kustantamat oppikirjat ovat Zine-julkaisuja, joiden muokkaaminen ei eroa edellä opastetusta.

• Näet kaikki käytössäsi olevat Zine-julkaisut ohjausnäkymän kohdasta Zine Julkaisut.

• Julkaisujen listasta näet onko kyseessä alkuperäinen julkaisu (master) vai sinun tai kollegasi muokkaama (klooni).

Tee kirjasta kopio ennen muokkaamista

• Valitse listalta alkuperäinen julkaisu– Valitse MUOKKAA ja sitten MONISTA– Aloita antamalla uudelle painoksellesi nimi yms. TALLENNA

• Nyt omakin versiosi (tai kollegan kanssa yhteinen) löytyy Zine-julkaisuista– Pääset helposti muokkaamaan sitä kohdasta ARTIKKELIT– Zine-artikkelia (kirjan luku) voi kerralla muokata yksi henkilö

Oppikirjan muokkaaminenValitse lopuksi ESIKATSELE MUUTOKSET ja/tai PÄIVITÄ

• Tekstin muokkaus onnistuu helposti tekstieditorilla– Väliotsikot: tyyliksi Otsikko 6– Teksti: tasaa molempiin reunoihin, mukana automaattitavutus– Tarkemmat editointityökalut löytyvät Työkalupakki-kuvakkeesta:

• Kuvia (jpg, png) ja äänitiedostoja (mp3) lisäät kohdasta LISÄÄ MEDIA. • Toki sisältöä voi aina tuoda myös linkkinä, esim. vocaroo.com-tiedostot

• YouTube- ja Vimeo-videot tuodaan omasta ikonista• GoogleDocsin voit tuoda kohdasta GOOGLEDOCS EMBEDDER ja

Google-kartan upottamalla

Jotta verkkoteksti olisi sujuvaa luettavaa, kannattaa suosia upottamista. Silloin kun se ei onnistu tai et halua niin tehdä,

linkitä tekstissä oleviin sanoihin, älä kirjoita verkko-osoitteita!

Oppikirjan tehtäviä voit muokata OnEdussasamalla tavoin kuin muutakin kurssisisältöä

Julkaisusta voi tehdä pdf-version• Poista julkaisun osoite-riviltä loppuosa cover

ja lisää sen paikalle pdf• Näin saat pdf-version, minkä voit halutessasi tallentaa

tai tulostaa.

• Mikä on Google Analytics?– www.google.fi/intl/fi/analytics

• Analyticsin avulla voit tutkia kävijätilastoista mm. minkä kokosilla näytöillä julkaisujasi on pääasiassa luettu ja huomioida tämän omassa taittotyössäsi.

• Jos teet materiaalia kurssille, jossa kaikilla oppijoilla on käytössään iPadit, niin sisällön esikatselu on syytä suorittaa kyseisillä laitteilla ja säätää sisältö niille sopivaksi.

Kysyttävää? Älä jää yksin!OnEdun koulutussivusto: koulutus.onedu.fi •Zine-verkkokurssilla opit muokkaamaan valmiita kustantajan e-oppikirjoja sekä tuottamaan omaa oppi-materiaalia ja muita julkaisuja Mobie Zine -formaatissa. Kurssin materiaaleista on tehty myös Zine-julkaisu: koulutus.onedu.fi/onedu/zine/46/cover (1.1.2013)•Virka-aikaan apua tarjolla chatin kautta

Matleena Laakson OnEdu-diasarjat• www.matleenalaakso.fi/p/onedu.html

Facebook-ryhmä OnEdu-oppimisympäristö:•www.facebook.com/groups/1596724747280862

Tämä diasarja on lisensoitu Creative Commons -lisenssillä CC BY-SA 4.0HUOM: Valokuvat ja ruudunkaappauskuvat ovat Mobie Oy:n luvalla sen

verkkosivulta tai ruudunkaappauskuvia OnEdusta eikä niitä ole CC-lisensoitu

• Lisätietoja CC-lisensseistä: creativecommons.fi • CC BY-SA 4.0 eli Creative Commons Nimeä-Jaa samoin 4.0

Kansainvälinen -lisenssi: creativecommons.org/licenses/by-sa/4.0/deed.fi – Sinä saat jakaa ja muuntaa tätä diasarjaa, myös kaupallinen hyödyntäminen

on sallittu.– Ehtona on, että viittaat aina alkuperäiseen tekijään ja lähteisiin:

Matleena Laakso, www.slideshare.net/MatleenaLaakso/mobie-zine-julkaisut– Diasarja perustuu teokseen: Mobie Oy, Kari Vatanen, OnEdu-

oppimisympäristön koulutusmateriaalit koulutus.onedu.fi/onedu sekä Mobie Zine -käyttöohjeet 1.1.2013: http://koulutus.onedu.fi/onedu/zine/46/cover.

– Mahdollinen muokattu teos tulee jakaa tällä samalla lisenssillä.  

• Tätä lisenssiä laajempia oikeuksia voi olla saatavilla osoitteessa www.matleenalaakso.fi