Mobie Oy:n koulutusmateriaalit. Mobie Zine -käyttöohjeet

Transkriptio

1 Mobie Oy:n koulutusmateriaalit Mobie Zine -käyttöohjeet

2 Sisällysluettelo Tervetuoa Digitaalisen julkaisun uudelle aikakaudelle! Mobie Zine Helppo päivittää palveluun sisältyvällä Reporter-järjestelmällä Täydennä sisältöäsi upotuksilla Sisallontuotanto WordPress-julkaisujärjestelmässä Järjestelmään kirjautuminen Uuden julkaisun luominen Artikkelin lisääminen julkaisuun Julkaisun ja artikkelityypin valinta (4-6) Tekstin lisääminen artikkeliin Lite bättre! Artikkelin kielen valinta Kuvien lisääminen artikkeliin Sisällysluettelokuvan lisääminen artikkeliin Videoiden, karttojen ja esitysgrafiikan lisääminen Microsoft Office-dokumenttien lisääminen Artikkelien järjestyksen vaihtaminen Mobie Zine-julkaisussa Sisällön lisääminen Mobie Zine-järjestelmään sähköpostitse Artikkelin lisääminen julkaisuun ipadissa Artikkelin lisääminen julkaisuun Nokian Lumiassa Yleisiä huomioita järjestelmästä Mobie Zine-koulutus- materiaalin käyttöehdot

3 Tervetuoa Digitaalisen julkaisun uudelle aikakaudelle! Olette valinneet digitaalisen julkaisun järjestelmäksenne Mobie Oy:n kehittämän kotimaisen Mobie Zinen, jolla tuotetut julkaisut näkyvät kaikissa päätelaitteissa kosketusnäytöllisistä älypuhelimista, tablet-laitteisiin. tietokoneisiin ja nykyaikaisiin tv-vastaanottimiin käyttöjärjestelmästä riippumatta. Julkaisujen tekeminen ja muokkaaminen on tehty järjestelmässä mahdollisimman helpoksi ja aikaa säästäväksi toimenpiteeksi, joka ei vaadi erityistaitoja. Tässä oppaassa kerromme Sinulle kuinka otat järjestelmän käytön haltuusi ja tuottat sillä uskomattoman näyttäviä julkaisuja joko itse tai ryhmätyönä muiden kanssa. Jos Sinulla on kysymyksiä, niin voit aina olla meihin yhteydessä joko puhelimitse tai sähköpostitse. Muista että harjoitus tekee mestarin! Kuva 1: Kari Vatanen, toimitusjohtaja, Mobie Oy 3

4 Mobie Zine HTML5 -verkkojulkaisu kaikille laitealustoille Mobie Oy:n kehittämä Mobie Zine on käyttäjäystävällinen HTML5-verkkojulkaisu joka on luettavissa esteettömästi kaikilla laitteilla pienistä älypuhelimista, tabletlaitteisiin, tietokoneisiin ja tv-vastaanottimiin laitealustasta riippumatta. Android, ios, Windows? Et tarvitse enää pohtia mitä laitealustaa lukijasi käyttävät nyt ja tulevaisuudessa ja mille alustalle sovelluksesi rakennat. Mobie Zine on tuotettu uudella standardinmukaisella HTML5-kielellä verkkopohjaiseksi julkaisuksi, joka toimii kaikissa uusissa nettiselaimissa. Voit olla varma että lukijasi pystyvät lukemaan julkaisusi jatkossakin riippumatta siitä mitä käyttöjärjestelmiä uudet laitteet käyttävät. hitaimmallakin nettiyhteydellä, joten siirtyessäsi julkaisussa uudelle sivulle se avautuu välittömästi. Julkaisu tallentuu haluttaessa laitteellesi, joten voit katsella sitä myös offlinetilassa ilman nettiyhteyttä. Kun klikkaat julkaisun kuvia tai videoita, niin ne avautuvat koko näytön kokoisina omaan ikkunaansa. Voit tulostaaa julkaisun omalla tulostimellasi tai jakaa sen joko sähköpostitse tai sosiaalisen median kautta. Julkaisu ja sen artikkelit ovat myös linkitettävissä. Uudenaikaisilla kosketusnäytöllisillä laitteilla käyttökokemus paranee entisestään, sillä voit siirtyä sivuilta toisille yksikertaisesti pyyhkäisemällä sivua ja kuvat aukeavat niitä sormella napauttamalla. Käyttäjäystävällinen HTML5-julkaisu jota on miellyttävä lukea HTML5-muotoinen Mobie Zine -verkkojulkaisu on erittäin helppokäyttöinen ja miellyttävä lukea. Sisältöä ei tarvitse zoomata tai vierittää sillä se on luettavissa välittömästi koko näytöllä ja teksti on riittävän suurta. Siirryt sivulta toiselle helposti näppäimistön nuolinäppäimillä ja sisältö skaalautuu automaattisesti koko näyttöruudulle sopivaksi. Kun muutat selainikkunan kokoa, niin järjestelmä palstoittaa sisällön salamannopeasti uuteen näyttökokoon sopivaksi. Järjestelmä ei venytä julkaisua näytölle sopivaksi, vaan taittaa sen uudelleen. Julkaisu latautuu taustalla erittäin nopeasti Kaikille laitealustoille näyttökoosta riippumatta Et tarvitse enää pohtia mitä laitealustaa asiakkaasi käyttävät tänä päivänä ja mikä järjestelmä on hallitsevassa asemassa tulevina vuosina. Voit olla varma että HTML5-standardin mukaisesti tuotettu Mobie Zine-julkaisu näkyy kaikilla laitteilla myös tulevaisuudessa. Mobie Zine toimii verkossa natiivien sovellusten tapaan, ilman tarvetta investoida jokaiselle käyttäjärjestelmälle ja näyttökoolle erikseeen tuotettuihin sovelluksiin. Julkaisu tallentuu halutessasi laitteellesi, jolloin voit lukea sitä ilman nettiyhteyttä. Mobie Zine toimii kaikissa seuraavissa nettiselaimissa, mainituista versioista lähtien: IE 4

5 (versio 7.0-), Firefox (versio 2.0-), Chrome (versio 3-) ja Safari (versio 3-). Tämän lisäksi se toimii kaikissa nykyaikaisten mobiililaitteiden nettiselaimissa jotka tukevat HTML 5-standardia. Näitä ovat mm. kaikki tablet -laitteet (ipad, Android, Windows), sekä puhelimista Symbian^3, Meego, Windows, iphone ja Android. Tietoturvallinen ratkaisu Mobie Zine on tietoturvallinen ratkaisu joka voidaan jakaa käyttäjätunnistuksella varustettuna halutuille kohderyhmille. Jos haluat myydä julkaisujasi, et tarvitse enää maksaa myydyistä julkaisuista osuutta ulkopuolisille, vaan pidät kaikki myyntitulot itselläsi. Myös asiakastiedot säilyvät täysin omissa käsissäsi. Miten saavuttaa parhaiten lukijat Mobie Zine voidaan linkittää olemassa oleviin verkkopalveluihin tai lähettää halutuille kohderyhmille sähköisenä uutiskirjeenä. Julkaisu on myös mahdollista toimittaa reaaliaikaisesti Android- tai Windows -älypuhelimen tai tablet -tietokoneen työpöydälle sekä Windows 8 -käyttöjärjestelmän myötä tietokoneen työpöydälle. Android-laitteissa tämä tapahtuu asiakaskohtaisesti räätälöitävän natiivin työpöytäsovelluksen (Widgetin) myötä ja Windows Phoneja Windows 8 -laitteissa Microsoftin luoman uuden käyttöliittymän Live -tiilien kautta omana sovelluksenaan. Mobie Zine pähkinänkuoressa: Käyttäjäystävällinen 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 pienikokoisista älypuhelimista tablet-laitteisiin, tietokoneisiin ja TV-vastaanottimiin 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 (jakelu myös maksullisena oman kauppapaikkasi kautta) Erittäin monipuoliset lukijatilastot luettavissa joko netti- tai mobiilikäyttöliittymässä Helppo ja edullinen sisällöntuotanto/- muokkaus netissä, mobiililaitteilla tai sähköpostitse mistä ja milloin vain (Mobie Reporter) Lisäät tekstin ja kuvat ja 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- ja Prezi-esitysten sekä Googlen karttojen ja dokumenttien lisäysmahdollisuus Microsoft Office -dokumenttien 5

6 (Word, Excel, PowerPoint ja OneNote) lisäysmahdollisuus Integroitu lähes viiteenkymmeneen eri palveluun Sisällöt tavutettuna tasapalstaan (suomen ja englannin kielen tavutus) Hakukoneoptimointi sekä julkaisujen jako sosiaaliseen mediaan Tulostus palstoitettuna (PDF) Tiesitkö että jo lähes puolet lukijoista käyttää nettiä erilaisilla mobiililaitteilla ja määrä kasvaa. Kuva 2: EK:n luottamusindikaattorit Mobie Zine -julkaisuna Samsungin sarjan Smart TV:ssä. Klikkaa kuvaa suurentaaksesi! Kuva 3: Snellman-kesäyliopiston koulutusopas Samsung Galaxy SIII -puhelimessa. Klikkaa kuvaa suurentaaksesi sen! 6

7 Helppo päivittää palveluun sisältyvällä Reporter-järjestelmällä Ajankohtaisviestinnän hektisessä uutisvirrassa on tärkeää että käytettävät työkalut ovat kunnossa. Muistilehtiö, kynä ja kamera eivät enää riitä nykyisenä digitaalisen viestinnän aikanana vaikka ne onkin vuosien saatossa hyviksi todettu. Tänä päivänä verkkosisällöt on saatava näkyville mahdollisimman nopeasti ja mieluummin sieltä missä tapahtuu. Ei ole aikaa kuvien siirtoon kamerasta tietokoneelle, eikä niiden käsittelyyn ja lataamiseen tuotantojärjestelmiin. Videoiden muuntaminen on lähes mahdotonta kenttälosuhteissa. Monipuolista ja helppoa sisällöntuotantoa sieltä missä tapahtuu. Kun lisäksi kustannuspaineet vähentävät koko ajan viestinnän ja uutistuotannon resursseja, on toimittajien ja tiedottajien työ muuttunut entistä hektisemmäksi ja stressaavammaksi. On saatava aikaiseksi entistä enemmän, nopeasti ja entistä pienemmällä väkimäärällä. Sisällöntuotanto Mobie Zineen on erittäin helppoa milloin ja mistä vain palveluun sisältyvällä Reporter-järjestelmällä. Voit lisätä tai päivittää sisällöt kolmella eri tavalla: Palveluun integroidussa WordPress - julkaisujärjestelmän nettikäyttöliittymässä Lähettämällä julkaisun artikkelit sähköpostitse järjestelmään valokuvineen Mobiililaitteilla, jolloin artikkeli voi sisältää laitteella otettuja valokuvia tai jopa videoita 1. Sisällön lisääminen ja muokkaaminen nettikäyttöliittymässä Mobie Zine on integroitu maailman suosituimpaan avoimen lähdekoodin WordPress - nettijulkaisujärjestelmään erillisenä lisäosana. WordPress toimii Mobie Reporter -järjestelmän nettikäyttöliittymänä. Voit lisätä ja muokata julkaisusi sisällöt helposti nettiselaimellasi ilman tietokoneellesi asennettavia erillissovelluksia. Kirjaudut vain omilla käyttäjätunnuksilla WordPress -julkaisujärjestelmään ja tuotat tai muokkaat haluamasi sisällöt järjestelmän sisältöeditorissa. Nettikäyttöliittymässä muodostat myös kaikki uudet julkaisut, sekä valitset niihin tulevat artikkelit ja määrität näiden järjestetyksen. Hallinnoit myös muista lähteistä (sähköposti/mobiililaitteet) järjestelmään lähetettäviä artikkeleita oikolukemalla ja tarkistamalla tekstit sekä lisäämällä ne haluamiisi julkaisuihin. Sisällöntuottajat voivat lisätä artikkelit järjestelmään milloin ja mistä vain sähköpostitse tai mobiililaitteilla. Julkaisun päätoimittajan on tämän jälkeen helppo valita järjestelmän artikkelitietokannasta näistä sopivimmat kulloiseenkin julkaisuun. 7

8 2. Sisällön lisääminen sähköpostitse Mobie Zine -järjestelmän tietokantaan voidaan lisätä yksittäisiä artikkeleita sähköpostitse. Käyttöoikeudet omaava henkilö lähettää artikkelin järjestelmään siten, että viestin otsikosta tulee artikkelin otsikko ja sisältötekstistä sen sisältö. Liitetiedostona olevat valokuvat muokataan järjestelmän palvelimilla eri kokoisille laitteille sopiviksi ja liitetään artikkelin kuvituskuviksi. tapahtuu ja editoida niitä helposti milloin ja missä vain. Ei pikseelintarkkaa sisällön taittoa tai kuvankäsittelyä, järjestelmä hoitaa ne puolestasi automaattisesti. Artikkeli tallentuu järjestelmän tietokantaan josta se voidaan poimia liitettäväksi haluttuun julkaisuun. Artikkeliin voidaan tehdä tässä vaiheessa halutut muutokset. 3. Sisällön lisääminen mobiililaitteilla Sisällöntuotantoon ja tallennettujen sisältöjen muokkaamiseen voidaan käyttää myös nykyaikaisia kosketusnäytöllisiä mobiililaitteita. Tuettuina ovat matkapuhelimissa Android-, ios-, Symbian^3- ja Windows Phone -käyttöjärjestelmää käyttävät älypuhelimet sekä ipad- ja Android -tabletit. Kuva 4: Mobie Reporter mahdollistaa myös sisällöntuotannon erilaisilla mobiililaitteilla. Järjestelmä mahdollistaa mobiililaitteella otattavien valokuvien lisäämisen artikkeliin. Valokuvat muunnetaan palvelimillamme tausta-ajona sopivaan muotoon ja kokoon ja liitetään automaattisesti Mobie Zine-artikkeliin. Helppoa, nopeaa ja kustannustehokasta Mobie Reporter on kustannustehokas sisälöntuotantojärjestelmä, jota käyttämällä säästät aikaasi voidessasi tuottaa sisällöt sieltä missä Kuva 5: Mobie Zine -julkasisun muokkaaminen WordPress-käyttöliittymässä. 8

9 Kuva 6: Mobie Zine -julkaisun artikkelin muokkaaminen Nokia Lumia puhelimessa. Kuva 7: Tekstin lisääminen Mobie Zineen sähköpostiviestinä. Klikkaa kuvaa suurentaaksesi! 9

10 Täydennä sisältöäsi upotuksilla Voit tuoda julkaisusi sivuille sisältöä ulkopuolisista palveluista Voit lisätä helposti julkaisusi sivuille sisältöä ulkopuolisista palveluista. Tuettuja palveluja ovat esimerkiksi YouTube- ja Vimeo -videot, SlideShare- ja Prezi -esitysgrafiikat, Google Maps -kartat, Google kalenteri sekä Googlen dokumentit, Microsoft Office -dokumentit (Word, Excel, PowerPoint ja OneNote), sekä sosiaalinen media (Facebook, Twitter ja Google+). Tulossa iclass-tuntitallenteet. Tuettuja palveluja on jo lähes viiskymmentä. 10

11 11

12 Järjestelmään kirjautuminen Aloitustoimenpiteet ja salasanan vaihto Kirjaudu järjestelmään organisaatiosi pääkäyttäjältä tai Mobie Oy:ltä saamillasi käyttäjätunnuksilla. Järjestelmän osoite on yleensä muotoa, jossa organisaatiosi sanan tilalle tulee omaa julkaisuasi tai organisaatiotasi kuvaava sana. Älä koskaan tallenna käyttäjätunnuksiasi selaimen muistiin vaikka se sitä ehdottaakin! Aloitusnäkymän siivoaminen ensimmäisellä käyttökerralla Kun avaat järjestelmän ensimmäistä kertaa, on syytä poistaa aloitusnäkymästä kaikki ylimääräinen ja turha. Tämä tapahtuu klikkaamalla näytön oikeassa reunassa keltaisessa palkissa olevaa harmaata Näyttöasetukset -painiketta. Poista klikkauksen jälkeen avautuvasta valikosta tämän jälkeen kaikki muut ruksit ruuduista lukkunottamatta seuraavia kolmea, Sivuillasi nyt Pikajulkaisu Viimeisimmät julkaisut Klikkaa tämän jälkeen uudelleen Näyttöasetukset -painiketta sulkeaksesi valikon. 1 Salasanan vaihtaminen Kun avaat järjestelmän ensimmäistä kertaa, on erittäin tärkeää että vaihdat saamasi salasanan uuteen. Salasana on hyvä vaihtaa myös aika ajoin. Muista että huono salasana ja sen heikko ylläpito on tietoturvan kannalta riskialttein asia. Salasanan vaihto tapahtuu seuraavasti: 1. Mene vasemmasta valikosta kohtaan Profiili 2. Vieritä sivua alaspäin niin, että näyvillä on kohta Uusi salasana 3. Kirjoita ylimpään kenttään uusi salasana ja huomioi että se on riittävän pitkä ja sisältää erikoismerkkejä 4. Kirjoita uusi salasana uudelleen alempaan kenttään 5. Paina lopuksi Päivitä käyttäjätiedot Olet nyt vaihtanut salasanasi ja suorittanut tarvittavat alkutoimenpiteet. Voit jatkaa työskentelyäsi lukemalla seuraavat kappaleet tai poistua järjestelmästä viemällä hiiren sivun oikeassa ylänurkassa näkyvän käyttäjätunnuksesi tai nimesi päälle ja valitsemalla avautuvasta valikosta Kirjaudu ulos. Muista että kun poistut järjestelmästä, sinun tulee aina kirjautua siitä ensiksi em. tavalla ulos

13 Kuva 8: Järjestelmästä on poistuttava kirjautumalla siitä ensin ulos! Klikkaa kuvaa suurentaaksesi sen! 13

14 Uuden julkaisun luominen Luo uusi julkaisu Mobie Zine-järjestelmään Uusi Mobie Zine -julkaisu luodaan klikkaamalla ensin vasemmasta valikosta Zine -hakemistoa ja valitsemalla tämän jälkeen avautuvasta valikosta Julkaisut. Näet nyt luettelon kaikista järjestelmään luoduista julkaisuista. Luo uusi julkaisu seuraavasti: 1. Klikkaa sivun vasemmassa yläosassa olevaa Julkaisut Luo uusi -linkkiä 2. Julkaisun määrittelylomake avautuu 3. Kirjoita ensimmäiseen lomakekohtaan Julkaisun nimi julkaisusi nimi (esim. Mobie Oy:n asiakasjulkaisu) 4. Kirjoita toiseen lomakekohtaan Painoksen nimi julkaisusi alaotsikko (esim ) 5. Molemmat em. kohdat tulee aina täyttää. Huomioi että tekstit eivät saa olla liian pitkiä jotta ne näkyvät hyvin myös pienillä näytöillä! 6. Anna julkaisun perustamisajan Päiväys olla ennallaan 7. Määritä aina Julkaisuaika muodossa :00. Jos et tiedä milloin julkaisu tapahtuu, niin laita julkaisuaika riittävän kauas tulevaisuuteen jotta ennätät luoda julkaisun. Voit muuttaa ajan myöhemmin. 8. Ohita seuraavat kaksi kenttää Polkutunnus ja Painoksen numero. Ne ovat tulevia tarpeita varten. 9. Valitse julkaisun Teema pudotusvalikosta. Kysy ohjeita pääkäyttäjältä. 10. Valitse julkaisullesi Kansikuva, jonka koon tulee olla 1062 x 1495 px 11. Paina lopuksi alalaidan sinistä Tallenna -painiketta Huomioitavaa julkaisun luomisessa! Julkaisun ja painoksen nimi Kirjoita tekstit riittävän lyhyinä jotta ne näkyvät hyvin myös pienillä näytöillä. Tarkista matkapuhelimella tai muuttamalla esikatselussa selainikkunan kokoa. Älä kaytä koskaan versaalitekstiä (=isoja kirjaimia)! 7. Julkaisuaika Julkaisuajan määrittäminen on tehtävä aina, vaikka et tietäisikään lopullista julkaisuaikaa. Jos julkaisuaikaa ei ole määritetty, niin lukijat voivat joissakin tapauksissa nähdä keskeneräisen julkaisusi tai harjoitustyösi. Jos et tiedä julkaisuaikaa, niin laita se riittävän pitkälle tulevaisuuteen, vaikkapa 20-vuoden päähän. Voit muuttaa julkaisuaikaa milloin tahansa menemällä kohtaan Zine > Julkaisut ja viemällä hiiren kursorin julkaisun nimen päälle, jolloin sen alapuolelle avautuu uusi valikko. Valitse Muokkaa jolloin pääset muuttamaan kaikkia julkaisusi asetuskohtia. 9. Teema Julkaisun teema määrittelee koko julkaisun ulkoasun fontteineen, otsikkoväreineen 14

15 ja kansikuvan päälle tulevine graafisine elementteineen. Mobie Zine -perustoimitus sisältää yhden organisaation tai julkaisun mukaan nimetyn perusteeman. Älä käytä muita valikossa näkyviä teemoja! Voit tilata lisähintaan erilaisia teemoja esimerkiksi eri julkaisusarjoja varten. Ota yhteyttä Mobie Oy:n tukeen. kuvan kokonaiskoko ei saisi olla suurempi kuin 500 Kt 10. Kansikuva Julkaisun kansikuvan koko tulee aina olla 1062 x 1495 px ja kuvan resoluutio joko 72 tai 96 dpi. Kuvan oikea koko on erittäin tärkeä sen vuoksi että valmis kansi näkyy parhaalla mahdollisella tavalla eri kokoisilla näytöillä. Jos käytössänne on Mobie Oy:n tuottama sivusto (esim. OnEdu), johon julkaisut listautuvat automaattisesti, on kansikuvan oikea koko myös erittäin tärkeää. Julkaisujen kuvat eivät listaudu jos alkuperäinen kuvakoko on väärä! Älä siis koskaan käytä eri kokosia tai mallisia kansikuvia vaikka järjestelmä sen salliikin. Kuva 9: Kuvassa julkaisun kansi. Ylälaidan kaareva osa on vakiografiikkaa joka asettuu kansikuvan päälle. Alalaidassa Julkaisun nimi ja Painoksen nimi. Huomioi myös seuraavat asiat, kuvan alaosan tulee olla mahdollisimman tasavärinen jotta sen päälle tuleva tekstipalkki erottu hyvin kannen tyylimäärittelyjen mukaiset graafiset vakioelementit eivät peitä mitään oleellista kuvasta kansikuvassa ihminen katsoo ja tapahtumat kulkevat aina julkaisuun päin, ts. vasemmalta oikealle Kuva 10: Uuden julkaisun määrittäminen Mobie Zineen. Klikkaa kuvaa suurentaaksesi! 15

16 Artikkelin lisääminen julkaisuun WordPress -käyttöliittymä Voit lisätä uuden artikkelin julkaisuun kolmella eri tavalla, tietokoneella WordPress-käyttöliittymässä, lähettämällä artikkelit järjestelmään sähköpostitse tai lisäämällä ne mobiilisovelluksella. Seuraavaksi käsittelemme artikkelin lisäämistä WordPress-käyttöliittymässä. Lisätäksesi artikkelin toimi seuraavasti: 1. Klikkaa vasemmasta valikosta Artikkelit ja avautuvasta valikosta Lisää uusi. Tee juttusi aina Artikkelit-hakemiston alle vaikka Zine-hakemistosta löytyykin vastaava kohta. Molemmat toimivat, mutta voit editoida vain päähakemistossa olevia artikkeleita mobiililaitteilla. 2. Kirjoita artikkelin otsikko (älä käytä otsikossa versaalia) 3. Kirjoita editorikentän alla olevaan Zine/Alaotsikko -kentään artikkelin alaotsikko 4. Valitse Zine/Julkaisut -kohdasta avautuvan popup-ikkunan pudotusvalikosta julkaisu johon haluat liittää artikkelisi 5. Valitse artikelin tyyppi (pääkirjoitus, artikkeli tai kuva-artikkeli. Katso lisätiedot kohdasta Julkaisun ja artikkelityypin valinta 6. Jos haluat että artikkelisi ei näy sisällysluettelossa, poista rasti ao. ruudusta 7. Lisää teksti editorikenttään joko kirjoittamalla tai kopioimalla se muista ohjelmista. Katso lisätiedot kohdasta Tekstin lisääminen artikkeliin 8. Lisää kuvat, videot, Google-kartat tai SlideShare-esitysgrafiikat tekstin jälkeen haluamassasi järjestyksessä. Kuvat voit lisätä myös tekstiin. Katso lisätietoja kohdasta Kuvien lisääminen artikkeliin ja Videoiden, karttojen ja esitysgraafikan lisääminen artikkeliin 9. Lisää kuvatekstit ja määritä kuvat pakollisiksi aktivoimalla kuva ja klikkaamalla tämän jälkeen Pakollinen kuva -painiketta. Toista tämä kaikkien kuvien osalta 10. Lisää sisällysluettelokuva kohtaan Artikkelikuva/Aseta artikkelikuva ja klikkaa lopuksi Tallenna. Artikkelikuvan koko on 600 x 350 px. Huomioi kuvan rajaus lopullisessa sisällysluettelonäkymässä niin, että mitään tärkeää ei jää pois. Kuva 11: Artikkelin lisääminen Mobie Zinejulkaisuun. Klikkaa kuvaa suurentaaksesi! 16

17 Julkaisun ja artikkelityypin valinta (4-6) Artikkelin lisääminen julkaisuun ja artikkelityypin valinta Valitse julkaisu ja artikkelin tyyppi klikkaamalla sisältöeditorin alapuolella olevasta Zine/Julkaisut -kohdasta Liitä julkaisuun. Valitse avautuvan ikkunan Julkaisu -pudotusvalikosta julkaisu johon haluat artikkelisi liittää ja tämän jälkeen artikkelityyppi sekä haluatko artikkelisi näkyvän sisällysluettelossa. Tallenna lopuksi. Artikkelivaihtoehdot ovat: Artikkeli Artikkeli on julkaisun perussivupohja, joka on asetuksissa oletuksena. Tällä tehdään pääasiassa kaikki julkaisun artikkelit. Kuva-artikkeli Kuva-artikkeli sisältää nimensä mukaisesti vain kuvan tai kuvia. Kuvat ovat aina kokosivun kokoisia (1062 x 1495 px) ja voit lisätä yhteen artikkeliin useita kuvia, jolloin jokainen näkyy julkaisussa omana sivunaan. Kuva-artikkeli voi sisältää myös upotettuja ulkopuolisia sisältöjä. (esim. Word, Excel, One- Note tai PowerPoint). Pääkirjoitus Pääkirjoitussivu on aina 2-palstainen, jossa vasemmassa palstassa on tekstiä ja oikeassa pystymallinen kuva. Sisällöksi vain pieni määrä tekstiä (=yksi sivu). Jos et halua julkaisusi näkyvän sisällysluettelossa, niin poista rasti ao. ruudusta. Usein kuvituskuvina olevien kuva-artikkelien tai artikkeliin lisättyjen upotussivujen ei haluta näkyvän sisällysluettelossa. Paina lopuksi sinistä Tallenna -painiketta. Muista myös tallentaa koko artikkeli aika ajoin siirtääksesi sisällön palvelimille. 17

18 18

19 Tekstin lisääminen artikkeliin Tekstin kirjoittaminen tai kopioiminen Mobie Zine-artikkeliin Voit lisätä tekstin Mobie Zine -artikkeliin joko kirjoittamalla sen suoraan julkaisujärjestelmän editorikenttään tai kopioimalla muista järjestelmistä. Huomioi tekstiä kopioidessasi se että varsinkin vanhemmat Word-versiot tuottavat huomattavan määrän ylimääräistä näkymätöntä muotoilukoodia, joka voi sekoittaa tekstin muotoilun www-sisältöeditoreissa ja siten myös WordPress-järjestelmässä. Mobie Zine -julkaisussa käytetään aina sen omia tyylimäärittelyjä, vain otsikkotyylit (väliotsokko=otsikko 6), lihavoinnit ja linkitykset siirtyvät julkaisuun alkuperäisestä tekstistä. Tekstin muotoilun korjaaminen Mikäli lopullinen teksti ei muotoudu oikein, kokeile ensin maalata koko tekstialue WordPressin-editorikentässä ja klikkaa editorin toisella rivillä olevaa Poista muotoilut - painiketta ja tallenna tämän jälkeen artikkelisi. Mikäli teksti ei tämänkään jälkeen näy kunnolla, voit korjata sisällön lähdekoodia klikkaamalla editorin oikeasta ylälaidasta Koodi -painiketta ja poistamalla tämän jälkeen koodista ylimääräiset muotoilukoodit. Tämä vaatii hieman HTML-kielen osaamista, joten helpompi keino on poistaa koko teksti ja tuoda se uudelleen alkuperäisestä Word-dokumentista Notepadin tai muun tekstieditorin kautta WordPressiin. Huomioitavaa ingressi ja leipäteksti tulee aina määrittää tasapalstaan Tasaa molemmat reunat -painikkeella. väliotsikot vasemalle tasattuina väliotsikot tulee aina määrittää Otsikko 6 -tyylimääritteellä (maalataan ja valitaan editorin Muoto -valikosta) jos haluat artikkelin alkuun anfangin, niin maalaa tekstin ensimmäinen kirjain ja klikkaa editorin alarivin vasemmasta laidasta Anfangi -painiketta älä käytä anfangia muualla kuin koko artikkelin alussa käytä editorin alarivin Väli kappaleen jälkeen ja Ei ensimmäisen rivin sisennystä -painikkeita tekstin muotoiluun. kuvat ja videot lisätään tekstin loppuun halutussa järjestyksessä tai kuvien osalta vaihtoehtoisesti haluttuun kohtaan tekstissä (uusi ominaisuus). Seuraavassa artikkelissa (Lite bättre) hieman lisätietoa sisällön muotoilusta

20 Lite bättre! Yleisiä huomioita verkkokirjoittamisesta Otsikon Lite bättre (Hieman paremmin)-sanonta oli yksi Suomen jääkiekkomaajoukkueen ruotsalaisen päävalmentajan, Curt Lindströmmin mielilauseista hänen johdattaessaan Leijonat ensimmäiseen maailmanmestaruuteen vuonna Lauseessa piilee suuri viisaus myös verkkojulkaisun sisällönkirjoitusta ja muotoilua ajaellen. Katsotaanpa asiaa lähemmin. Verkkojulkaisua ei koskaan lueta vaan ainoastaan silmäillään Tutkimusten mukaan verkkojulkaisua ei koskaan lueta, vaan ainoastaan silmäillään. Avatessaan verkkojulkaisun sivun ihminen skannaa sisällön nopeasti läpi ja palaa sitten niihin kohtiin jotka häntä kiinnostavat. Tavallisen verkkosivun näkyvillä olevaan sisältöön käytetään aikaa 80% koko ao. sivulla oloajasta ja vieritettävään osaan vain 20%. Sivujen sisällöstä luetaan vain neljännes. Tämän lisäksi artikkelin leipätekstin lyhyistä sanoista ohitetaan 85% ja avainsanoistakin 35%. On sanomattakin selvää että sisällön tulee olla tämän vuoksi silmailtävää ja miellyttävää lukea! Mobiililaitteissa tämä korostuu entisestään. Mobiilisisältöjä on yleisesti ottaen 108% vaikeampi ymmärtää kuin tavallisia verkkosivuja. Kriitinen aika tavallisilla verkkosivuilla on 10 sekuntia kun se on mobiilisivuilla vain 3-5 sekuntia. Tuossa ajassa ihminen tekee päätöksen siitä kannattaako lukemista jatkaa. Kuinka sitten voimme vaikuttaa silmäiltävyteen? Käytännön ohjeita Älä koskaan käytä, tekstissä, otsikoissa tai väliotsikoissa versaalia (=isoja kirjaimia). Vain aivan lyhyet yksittäiset sanat voidaan kirjoittaa isoilla kirjaimilla Älä lihavoi kokonaisia lauseita tai useita peräkkäisiä sanoja. Lihavoi vain yksittäisiä avainsanoja tai henkilöidän nimiä. Merkitse aina väliotsikot Zinessä tyylillä (Otsikko 6), älä lihavoi niitä. Tämä siksi että järjestelmä osaa huomioida sivujen vaihtumisen eri kokosilla näytöillä niin että otsikko ei jää yksin sivun tai palstan loppuun. Älä käytä tekstissä useita peräkkäisiä lyhyitä (1-3 riviä) kappaleita, vaan yhdistä kappaleet 5-12 rivin mittaisiksi vaikka vähän kieliopin kannalta väkivaltaakin käyttäen. Käytä järjestelmän listaelementtejä luettelomaisten sisältöjen muotoiluun, älä koskaan tekstissä olevia ranskalaisia viivoja. Määritä ingressi, leipäteksti ja paljon tekstiä sisältävät listaukset tasapalstaan Lyhyet luettelomaiset tekstit aina vasemmalle tasattuina. Käytä myös pakotettuja rivivaihtoja muotoillaksesi tekstin silmäiltävämmäksi. Tee tyhjä tila luettelotekstin yläpuolelle 20

21 viemällä hiiren kursorin edellisen kappaleen loppuun ja klikkaamalla editorin alimman rivin vasemmanpuoleista painiketta Väli kappaleen jälkeen. Väliotsikot aina vasemmalle tasattuina Älä kirjoita tekstiin pitkiä linkkiosoitteita, vaan linkitä ne tekstissä oleviin sanoihin. Linkitys on muutenkin parempi, sillä henkilö voi näin siirtyä suoraan haluamalleen sivulle klikkaamalla linkkiä. Voit tehdä kappaleiden väliin tyhjän tilan viemällä hiiren kursorin edellisen kappaleen loppuun ja klikkaamalla editorin alimman rivin vasemmanpuoleista painiketta Väli kappaleen jälkeen. Vie kursori tämän jälkeen seuraavan kappaleen alkuun ja klikkaa äskeisen painikkeen oikealla puolella olevaa Ei ensimmäisen rivin sisennystä -painiketta. Noudattamalla pelkästään näitä yksikertaisia ohjeita ja muistamalla otsikon Lite bättre -ajatuksen, saat julkaisusi näyttämään huomattavasti paremmilta. Luo lopuksi itse pikainen katse valmiiseen artikkeliin/julkaisuun ja mieti mitä voisit tehdä vielä paremmin. Se kannattaa. Kuva 12: Verkossa tekstiä vain silmäillään, ei lueta. Ihmissilmä ja -mieli pystyy halutessaan ihmeellisiin suorituksiin lukiessaan sisältöä. Testaa itse lukemalla oheinen teksti. Klikkaa kuvaa suurentaaksesi sen! 21

22 Artikkelin kielen valinta Tavutuskieleksi valittavissa suomi tai englanti Mobie Zine -julkaisuissa on käytössä suomen ja englanninkieliset tavutusohjelmistot. Artikkelissa käytettävä kieli tulee valita artikkelikohtaisesti sisällön muokkauslomakkeella. Oletuskieli on suomi. Kielen valinta tapahtuu seuraavasti: 1. Mene artikkelin muokkauslomakkeella kohtaan Zine > Kieli 2. Valise kieliversio (suomi/englanti) 3. Tallenna artikkeli normaalisti Kuva 13: Valitse artikkelin kieli editorikentän alapuolella olevasta pudotusvalikosta. Klikkaa kuvaa suurentaaksesi! 22

23 Kuvien lisääminen artikkeliin Kunka lisäät valokuvia Mobie Zine-artikkeliin Kuvat lisätään Mobie Zine-järjestelmässä artikkeliin siten, että ne tuodaan ensin järjestelmän Media-kirjastoon joko yksittäisen kuvan lisäysvaiheessa tai erikseen isompana kuvien ryhmätuontina. Järjestelmä tekee kuvista automaattisesti 18 eri kuvakokoa. Originaalikuvien tulisi olla aina niin suuria, että ne näkyvät auki klikattaessa ruudun kokoisina myös isommilla näytöillä. Kuvakokosuositukset Vaakakuvat: x px, resoluutio 72 tai 96 dpi. Pystykuvat: 600 x 800 px Artikkelikuvat (=sisällysluettelokuva): 600 x 350 px Kokosivun kuvat: 1062 x 1495 px Käytettävien kuvien tulee olla joko jpg- tai png-muotoisia Huomaa että sekä vaaka- että pystykuvien kokosuositukset ovat vain suuntaa antavia ja voit käyttää myös muita kuvakokoja. Edellä mainitut kuvakoot ovat optimikuvakokoja eri kokosille näytöille. Pysty- ja artikkelikuvien koon tulisi kuitenkin olla aina esitetyn mukainen! Kuvien lisääminen artikkeliin (kuvien vapaa asettelu) 1. vie kursori tekstin loppuun 2. klikkaa editorin vasemmasta yläosasta Lisää/siirrä media -painiketta 3. jos lataat kuvan omalta koneeltasi, klikkaa ensin Valitse tiedostot -painiketta ja valitse haluamasi kuva (jpg- tai png) 4. Kirjoita avautuvaan lomakkeeseen aina kuvateksti sille varattuun kohtaan 5. Klikkaa lopuksi Lisää tekstiin -painiketta, jolloin kuva näkyy editorikentässä 6. Aktivoi tämän jälkeen kuva klikkaamalla sitä ja valitse editorin alariviltä painike Pakollinen kuva 7. Tallenna julkaisusi klikkamalla sivun oikean ylälaidan Päivitä -painiketta Voit lisätä kuvan myös valitsemalla sen kohdassa 3 lomakkeen ylälaidan Mediakirjastosta, johon olet tuonut kuvan aikaisemmin. Valitse kuva kirjastosta klikaamalla kuvan Avaa -painiketta. Toimi tämän jälkeen kohtien 4-6 mukaisesti. Jos haluat lisätä artikkeliisi useita kuvia, niin klikkaa artikkeliin jo lisäämääsi kuvaa, näpäytä näppäimistön Oikealle -painiketta kerran ja paina Enter. Lisää tämän jälkeen uusi kuva normaaliin tapaan ja muista asettaa kaikki kuvat pakollisiksi. Toista menettely kaikkien kuvien osalla. Jos et aseta kuvia pakollisiksi, niin järjestelmä määrittää itse missä järjestyksessä se esittää kuvat eri kokoisilla näytöillä ja saattaa jättää myös osan kuvista näyttämättä pienemmillä näytöillä. 23

24 Kuvien lisääminen tekstiin Voit lisätä kuvat myös haluamaasi kohtaan tekstissä (uusi ominaisuus 1/2013). Kuvat näkyvät valmiissa julkaisussa palstan levyisenä halutussa kohdassa tekstiä ja avautuvat normaalisti ruudun kokoisiksi klikattaessa. Katso kuva alla. Kuva 15: 3. Valitse kuva joko omalta koneeltasi tai Mediakirjastosta. Klikkaa kuvaa suurentaaksesi! Lisää kuvat normaalisti, mutta nyt tekstiin omalle rivilleen. Tee kuvan ylä- ja alapuolelle tyhjä rivi Väli kappaleen jälkeen -painikkeella ja klikkaa kuvaa sekä tämän jälkeen Ei ensimmäisen rivin sisännystä -painiketta. Aktivoi lopuksi kuva ja klikkaa alarivin Palstansisäinen kuva -painiketta. Tallenna artikkeli normaalisti. Kuva 16: 4-5. Lisää kuvaan aina kuvateksti ja klikkaa lopuksi Lisää tekstiin. Klikkaa kuvaa suurentaaksesi! Kuva 17: 6-7. Aktivoi kuva klikkaamalla ja valitse Pakollinen kuva. Päivitä artikkeli.klikkaa kuvaa suurentaaksesi! Kuva 14: 1-2. Siirrä kursori tekstin loppuun ja klikkaa Lisää/siirrä media. Klikkaa kuvaa suurentaaksesi! 24

25 25

26 Sisällysluettelokuvan lisääminen artikkeliin Sisällysluettelon kuva = Artikkelikuva WordPressissa Jokaiseen artikkeliin on lisättävä artikkelikuva, joka näkyy julkaisun sisällysluettelossa. Ensimmäisten (viiden) artikkelin kuvat näkyvät julkaisuissa suurempina kuin loput, tosin puhelimen näytöillä kaikki sisällysluettelokuvat ovat samankokoisia neliöitä. Tämä tulee huomioida artikkelikuvia valittaessa/rajattaessa. Artikkelikuvan optimikoko on 600 x 350 px. Kuvaa rajattaessa tulee huomioida että siitä ei rajaudu lopullisessa sisällysluettelossa mitää tärkeitä asioita pois. Järjestelmä rajaa kuvan aina keskeltä kuvaa. Lisää sisällysluettelokuva artikkeliin seuravasti: Jos julkaisussa on enemmän kuin viisi artikkelia, niin loput sisällysluettelokuvat näkyvät eri laitteissa pääasiassa neliön muotoisina. Tällöin sisällysluetttelokuvan (=Artikkelikuva) voi tehdä mistä tahansa artikkelin kuvasta tätä lisättäessä valitsemalla ensin Aseta artikkelikuva ja vasta tämän jälkeen Lisää tekstiin. Huomioi kuitenkin kuvan rajautuminen. Joissain tapauksissa artikkelin ei haluta näkyvän sisällysluettelossa, tällöin ei ole myöskään tarpeelista asettaa artikkelikuvaa. 1. Valitse artikkelin muokkaussivun oikean palstan alalaidasta Aseta artikkelikuva 2. Valiste haluamasi kuva joko omalta koneeltasi tai Mediakirjastosta 3. Klikkaa Käytä artikkelikuvana ja sulje kuvaikkuna 4. Päivitä artikkeli 5. Tarkista esikatselusta mille kuva näyttää sisällysluettelossa Kuva 18: Sisällysluettelon 5 ensimmäistä kuvaa ovat suurempia kuin muut. Optimi kuvakoko 600 x 350 px. 26

27 Videoiden, karttojen ja esitysgrafiikan lisääminen YouTube, Vimeo, iclass, Google-kartat ja SlideShare Voit lisätä joitakin ulkopuolisia sisältöjä Mobie Zinen sivuille yksinkertaisesti vain kopioimalla kyseisen palvelun tuottaman upotus- tai jakokoodin artikkeliin tekstin jälkeen. Nämä sisällöt käyttäytyvät kuten lisäämäsi kuvat, ts. ne skaalautuvat automaattisesti näyttökoon mukaan erikokoisiin palstoihin. Sisällöt lisätään halutussa järjestyksessä kuvien joukkoon. Tällaisia sisältöjä ovat tällä hetkellä ( ) YouTube- (Kuva1) ja Vimeo-videot, Googlen-kartat (Kuva2) ja SlideShareesitysgrafiikat (Kuva3). Myös Prezi-esitysgrafiikat ovat tuettuja, mutta huomioitahan että ne eivät toimi mobiililaitteissa jotka eivät tue Flashia (ipad, iphone ja Windows 8 -puhelimet). Voit kokeilla myös muidenkin palvelujen lisäämistä mikäli ao. palvelu tuottaa upotus- /jakolinkin. Olethan ystävällinen ja jaat kokemuksesi myös muiden kanssa jos löydät muita tällä tavalla upotettavia hyödyllisiä palveluja. Kuva 20: Kuva2. Googlen-karttalinkin lisääminen artikkeliin. Voit käyttää myös lyhyttä linkkiosoitetta. Klikkaa kuvaa suurentaaksesi! Kuva 21: Kuva3. SlideShare-esityslinkin lisääminen artikkeliin. Klikkaa kuvaa suurentaaksesi! Kuva 19: Kuva1. YouTube -videon linkin lisääminen artikkelin loppuun. Klikkaa kuvaa suurentaaksesi! 27

28 Microsoft Office-dokumenttien lisääminen Word, Excel, PowerPoint ja OneNote Voit lisätä Mobie Zine -julkaisusi sivuille Microsoftin Office -dokumentteja (Word, Excel, PowerPoint ja OneNote) upotettuina sisältöön. Vaihtoehtoisia tapoja on kaksi: Office-dokumentti upotettuna tekstiin Office dokumentti kokosivun kokoisena upotuksena (kuva-artikkeli) Upottaaksesi Office-dokumentin se täytyy ensiksi tallentaa Microsoftin SkyDrive -palveluun ja määrittää se siellä julkiseksi. Tallentaaksesi dokumentin sinulla täytyy olla Microsoftin Live ID -käyttäjätunnukset. Jos sinulla on olemassa oleva Hotmail-sähköpostitili, niin voit kirjautua sen tunnuksilla, muussa tapauksessa luo itsellesi tai organisaatiollesi uusi tili Microsoftin sivuilla 2. Dokumentille voidaan antaa erilaisia käyttöoikeuksia (lukuoikeudet tai muokkausoikeus). Jos olet antanut dokumentille lukuoikeuden, niin kaikki Mobie Zinen lukijat voivat lukea sitä vapaasti sekä ladata sen omalle koneelleen. Jos taas olet antanut haluamillesi henkilöille muokkausoikeudet dokumenttiin, niin he voivat myös avata sen Mobie Zinen sivuilta muokaustilaan omilla SkyDrive-tunnuksillaan ja tehdä dokumenttiin vapaasti muutoksia ja kommentteja. Muokkaus onnistuu verkossa olevalla editorilla vaikka käyttäjällä ei olisikaan Office-ohjelmistoja asennettuna omalle koneelleen ja voit käyttää muokkaukseen myös erilaisia mobiililaitteita. 2 Dokumentin käyttöoikeuksien määrittely SkyDrivessa Avaa dokumentti SkyDrivessa ja klikkaa vasemmassa yläkulmassa olevaa Tiedosto - linkkiä. Valitse tämän jälkeen Jaa > Jaa muiden kanssa ja tee haluamasi määrittelyt. Voit lähettää järjestelmästä sähköpostitse ilmoituksen kaikille joille annat dokumentin muokkausoikeudet. Dokumentin upotuskoodin kopiointi SkyDrivesta (Kuvat 1-3) Jotta voit upottaa dokumentin Mobie Zine -julkaisuusi, sinun tulee kopioida sen upotuskoodi SkyDrivesta. Tämä tapahtuu aktivoimalla SkyDrivessa haluttu dokumentti ja klikkaamalla tämän jälkeen yläpalkin Upota -painiketta (Kuva1). Luo avautuvassa ikkunassa HTML-upotuskoodi klikkaamalla Luo -painiketta (Kuva2). Kopioi tämä koodi (Kuva3), sillä tarvitset sitä liittääksesi dokumentin omaan Mobie Zine-julkaisuusi. Paina tämän jälkeen Valmis -painiketta ja sulje SkyDrive. Voit nyt liittää kopioimasi upotuskoodin artikkeliin. Office-dokumentin upottaminen tekstiin (Kuva4) Upota Office-dokumentti haluamaasi kohtaan tekstissä liittämällä edellä mainittu koodi WordPress-järjestelmän sisältöeditorin 28

29 koodi-tilassa (editorin oikea ylälaita) sivulle. Kun upotat sisältöjä tekstin joukkoon, tulee em. koodissa olevat leveys- (Width) ja korkeusmitat (Height) muuttaa sopiviksi. Leveyden tulee olla 250 px (Mobie Zinen palstan leveys on aina 252 px) ja korkeus ei saa olla tätä suurempi. Optimikoko on siis 250 x 250 px. Siirry tämän jälkeen takaisin editorin Graafisen tilaan ja päivitä artikkeli. Tarkista lopputulos esikatselunäkymässä ja säädä tarvittaessa upotuskoodin korkeus- ja leveysmittoja. Kuva 23: Kuva5. PowerPoint -dokumentin lisääminen kuva-artikkeliin. Klikkaa kuvaa suurentaaksesi! Office-dokumentin upottaminen sivun kokoisena (Kuva5) Office-dokumentti voidaan upottaa julkaisuun myös koko sivun kokoisena. Luo tällöin uusi kuva-artikkeli ja liitä SkyDrivesta kopioitu koodi tämän editorikenttään koodi-tilassa. Määritä koodissa oleviksi mitoiksi 1062 px (leveys) x 1495 px (korkeus), mikä on sama kuin kansikuvassa ja kokosvun kuvissa. Edellä mainittu koko soveltuu parhaiten Word-, Excel- ja OneNote -dokumentteihin. PowerPoint -esityksessä voit käyttää kokona SkyDriven oletusmittoja (esim. toiseksi suurin tarjolla olevista oletusarvoista). Kuva 24: Kuva 1. Valitse haluamasi dokumentti SkyDrivessa ja klikkaa yläpalkista Upota-painiketta. Klikkaa kuvaa suurentaaksesi sen! Kuva 22: Kuva4. Office-dokumentin upottaminen tektiin editorin koodi-tilassa. Klikkaa kuvaa suurentaaksesi! Kuva 25: Kuva 2. Luo tiedostoon liitettävä HTML-koodi klikkaamalla Luo-painiketta. Suurenna klikkaamalla kuvaa! 29

30 Kuva 26: Kuva 3. Kopioi sinisellä merkitty koodi ja klikkaa Valmis. Klikkaa kuvaa suurentaaksesi! 30

31 Artikkelien järjestyksen vaihtaminen Mobie Zine-julkaisussa Voit vaihtaa artikkelien järjestystä julkaisuissa menemällä Zine-hakemistoon, valitsemalla tämän jälkeen Julkaisut, viemällä hiiri halutun julkaisun päälle ja valitsemalla avautuvasta valikosta Hallitse. Voit raahata artikkelin toiseen kohtaan sisällysluettelossa painamalla samalla hiiren vasenta painiketta. Tallenna lopuksi muutokset ja paina Tyhjennä välimuisti. Kuva 27: Raahaa artikkelit haluttuun järjestykseen julkaisujen hallintanäkymässä. Klikkaa kuvaa suurentaaksesi! 31

32 Sisällön lisääminen Mobie Zine-järjestelmään sähköpostitse Yksi Mobie Zine-järjestelmän ainutlaatuisista ja aikaa säästävistä ominaisuuksista on mahdollisuus lähettää artikkelit järjestelmään sähköpostitse mistä tahansa sähköpostiohjelmsta. Tämä jos mikä säästää huomattavasti aikaa. Kaikille sähköpostitse julkaisuihin sisältöjä lähettäville tukee määrittää käyttöoikeudet järjestelmän Käyttäjät -osiossa. Jos kirjoittaja tarvitsee vain sähköpostioikeudet, niin määritä hänen käyttöoikeuksikseen Kirjoittaja. Järjestelmään voi lähettää sisältöjä vain määritellyistä sähköpostiosoitteista. Viestien lähettäminen 1. Valitse järjestelmän vasemman valikon yläosan Ohjausnäkymä -kohdasta Sähköposti 2. Klikkaa Lataa sähköpostit 3. Klikkaa seuraavasta näkymästä uudelleen Lataa sähköpostit 4. Sähköpostit latautuvat artikkelitietokantaan luonnoksina. Huomioi että tuodut artikkelit näkyvät vain Artikkelit -hakemistossa, eivät Zine-hakemiston artikkelikansiossa. 5. Oikolue ja tarkista artikkelit muotoilun osalta ja liitä ne haluamaasi julkaisuun normaalisti. Kirjoita artikkeli normaalisti tekstinkäsittelyohjelmalla ja kopioi sen sisältöteksti sähköpostiviestin sisällöksi. Määritä sähköpostiviestin otsikoksi artikkelin otsikko ja lisää artikkeliin haluamasi kuvat liitetiedostoiksi halutussa järjestyksessä. Kuvien tulee olla jpg tai png-muodossa ja kuvakokojen tulee noudattaa yleisiä Mobie Zine-ohjeita. Lähetä lopuksi viestisi organisaatiosi tätä tarkoitusta varten määriteltyyn sähköpostilaatikkoon. Toista tämä jokaisen kirjoittamasi artikkelin osalta. Viestien lataaminen järjestelmään Tarkista ensin organisaatiosi sähköpostilaatikko normaalisti sähköpostiohjelmallasi ja poista sielä mahdollisesti olevat ylimääräiset viestit. Toimi tämän jälkeen seuraavasti: Kuva 28: Tekstin lisääminen Mobie Reporteriin sähköpostiviestinä. Klikkaa kuvaa suurentaaksesi! 32

33 Artikkelin lisääminen julkaisuun ipadissa WordPress-käyttöliittymä - ipad Voit lisätä artikkeleita ja muokata niitä ipadin WordPress-sovelluksella siihen liitetyn Mobie Reporter-palvelinsovelluksen ansiosta. Voit lisätä artikkeleihin valokuvia ja videoita joko ottamalla laitteen kameralla uusia tai poimimalla aikaisemmin otettuja laitteen galleriasta. Uuden artikkelin luominen ipadissa 1. Avaa WordPress-sovellus ja klikkaa näytön alalaidan +painiketta jolloin aukeaa New Post -ikkuna 2. Kirjoita artikkelin otsikko (Title) 3. Aloita sisältötekstin kirjoittaminen klikkaamalla Tap here to begin writing 4. Voit lihavoida tekstiä, määrittää tekstiä kursivoiduksi tai tehdä tekstiin linkin, myös listauksen tekeminen onnistuu. 5. Lisää tekstiin kuva tai video klikkaamalla oikean alalaidan ikoneita 6. Voit ottaa kuvan tai videon laitteen kameralla tai poimia sen galleriasta 7. Jos poimit kuvan galleriasta, laite pyytää sinua määrittelemään kuvakoon. Valitse Large tai Original 8. Jos otat uuden kuvan, niin näet esikatselukuvan ja voit joko hyväksyä sen (Use) tai ottaa uuden kuvan (Retake). Määritä tämän jälkeen kuvakoko kuten kohdassa Jos otat laitteellasi videon, niin huomioi että mobiililaitteella videon siirto palvelimille saattaa kestää todella pitkän ajan ja sen vuoksi suosittelemme vain max. 20 sekunnin mittaisia videoita. Voit esikatsella videon ennen sen lataamista palvelimelle. 10. Järjestelmä siirtää kuvan tai videon palvelimelle, jonka jälkeen voit julkaista artikkelin klikkaamalla Publish - painiketta. Olemassa olevan artikkelin muokkaaminen Voit muokata mitä tahansa aikaisemmin tehtyä artikkelia johon sinulla on käyttöoikeudet seuraavasti: 1. Avaa WordPress-sovellus 2. Valitse avautuvasta luettelosta artikkeli jota haluat muokata 3. Klikkaa sivun alalaidasta Edit -painiketta avataksesi muokkaustilan 4. Tee tarvittavat muutokset artikkeliin ja klikkaa lopuksi Update -painiketta päivittääksesi artikkelin palvelimille Voit lisätä ja muokata vastaavasti sisältöjä Android-laitteissa, joskin käyttöliittymä on hieman erilainen ja tekstit suomeksi. Windows-tableteissa voit käyttää suoraan nettiselainta ja normaalia WordPress-käyttöliittymää. 33

34 Kuva 30: Ohjeet sisällön tuottamiseksi Samsung Galaxy-puhelimilla tulossa lähiaikoina. Klikkaa suurentaaksesi! Kuva 29: Artikkelin lisääminen/muokkaminen ipadissa. Klikkaa kuvaa suurentaaksesi sen! 34

35 Artikkelin lisääminen julkaisuun Nokian Lumiassa WordPress-käyttöliittymä - Windows-puhelimet Voit lisätä Mobie Zine-julkaisuun uusia artikkeleita kuvineen ja videoineen, sekä muokata niitä uusilla Windows-puhelimilla (esim. Nokia Lumia -puhelimet). Lataa ensin puhelimeesi ilmainen WordPress-sovellus Microsoftin-kauppapaikasta ja määritä sovellusasetukset seuraavasti: 1. Avaa WordPress -sovellus 2. Klikkaa aloitusruudun alalaidassa olevaa +painiketta lisätäksesi Mobie Zine -järjestelmäsi sovellukseen 3. Valitse ruudukon alalaidasta Add selfhosted WordPress blog 4. Lisää järjestelmäsi osoite, esim Lisää oma käyttäjätunnuksesi (username) ja salasana (password) 6. Klikkaa näytön alalaidan tallenuspainiketta 7. Näet nyt blogs-sivulla oman Mobie Zine -järjestelmäsi nimen Olet nyt tehnyt WordPress -sovelluksen perusasetukset ja voit ryhtyä käyttämään sitä. Voit lisätä sovelluksen pikakuvakkeen puhelimesi etusivulle painamalla sovelluksen nimeä ohjelmistovalikossa niin pitkään, että avautuu uusi valikko. Valitse tämän jälkeen valikosta kiinnitä aloitusnäyttöön. Lisää nyt uusi artikkeli seuraavasti: 2. Lisää uusi artikkeli klikkaamalla add a post -painiketta 3. Syötä artikkelin otsikko (title) ja sisältö (content) 4. Voit muotoilla tekstiä tai lisätä siihen linkkejä maalamalla haluamasi tekstin ja klikkaamalla sisältökentän alapuolella olevia toimintopainikkeita 5. Lisää artikkeliin kuva tai video klikkaamalla media > add new 6. Valitse haluamasi kuva tai video puhelimesi mediagalleriasta tai ota uusi kuva/video 7. Kuva tai video näkyy nyt ao. sivulla 8. Määritä tarvittaessa kategoria 9. Aseta julkaisupäivä/-aika 10. Klikkaa tallennuspainiketta Näet nyt kirjoittamasi artikkelin otsikon aloitussivun (posts) luettelossa ja voit muokata sitä klikkaamalla otsikkoa. Huomioi videoita lisätessäsi se, että materiaalin siirtäminen matkapuhelimelta palvelimille vie huomattavasti kaistaa ja saattaa kestää hyvinkin pitkän ajan. Tämän vuoksi on suositeltavaa että puhelimella otettavien videoiden maksimipituus on vain sekuntia! 1. Klikkaa aloitussivulta oman järjestelmäsi nimeä 35

36 Kuva 31: Sisällön lisääminen/muokkaaminen Nokian Lumia -puhelimissa. Klikkaa kuvaa suurentaaksesi! 36

37 37

38 Yleisiä huomioita järjestelmästä Mobie Zine -julkaisujen erityispiirteet ja kehitystyö Mobie Zine on järjestelmä jossa päätavoite on sisällön esteetön näyttäminen mahdollisimman monissa päätelaitteissa näiden käyttöjärjestelmistä riippumatta. Järjestelmällä tuotettuja HTML5-julkaisuja ei voi koskaan verrata painotuotteisiin tai www-sivuihin, koska monikanavaisuus tuo julkaisun visuaalisuuteen omia haasteitaan. Järjestelmällä voi kuka tahansa tuottaa erittäin näyttäviä julkaisuja, mutta huomioiden sen asettamat rajoitteet. Muista että Mobie Zine-julkaisut näkyvät erilailla kaikissa eri laitteessa ja näyttöissä. Järjestelmä taittaa sisällön kulloinkin käytössä olevalle näytölle parhaalla mahdollisella tavalla, joten et voi päätellä sivutaiton visuaalista ilmetta pelkästään oman laitteesi näkymän perusteella. Jos omalla laiteellasi jää näkyviin orporivejä tai tyhjiä sivuja tekstin välissä, niin muissa laitteissa sivut näkyvät toisin. Älä siis muokkaa sivuja pelkästään oman näkymäsi perusteella, vaan pyri tarkastelemaan julkaisuasi useilla eri laitteilla. Jos sinulla on käytössäsi vain yksi laite jolla muokkaat julkaisua, niin muuta välillä selainikkunan kokoa nähdäksesi miten sisältö asettuu eri kokosilla näytöillä. Huomioita sivujen muotoilusta Kun olet julkaissut Mobie Zine-julkaisuja eri kohderyhmille, niin voit kartsoa järjestelmän kävijätilastoista (Google Analytics) minkä kokosilla näytöillä julkaisujasi on pääasiassa luettu. Voi tämän jälkeen huomioida tämän omassa taittotyössäsi säätämällä sisältöä sopivaksi näille näytöille. Voit tällöin esimerkiksi poistaa mahdollsia orporivejä joko tekstisisältöä muuttamalla tai käyttämällä harkiten järjestelmän tekstin välistystoimintoa. Jos teet materiaalia vaikkapa kurssille, jossa kaikilla oppilailla on käytössään ipadit, niin tällöin sisällön esikatselu on syytä suorittaa kyseisillä laitteilla ja säätää sisältö niille sopivaksi. Sisällön erityistapaukset Jos taittotyössäsi toistuu usein vakiomuotoinen sisältö, jonka taittotyön koet erityisen hankalaksi, niin ota yhteyttä tukeemme. Useissa tapauksissa tällaisia sisältöjä voidaan muokata automatisoidusti tyylitiedostoilla ja nopeuttaa täten taittotyötä. Tällaisten tyyliasetusten muutokset ovat tuntilaskutuspohjaista lisätyötä, mutta maksavat usein itsensä takaisin hyvinkin pian. Järjestelmän kehitystyö Mobie Zinen kehitystyö on erittäin voimakasta. Teemme jatkuvaa kehitystyötä asiakkailtamme saamiemme palautteiden pohjalta ja sen vuoksi myös Sinun panoksesi on erittäin tärkeää! Jos Sinulla on ideoita tai ajatuksia siitä miten asiat voisi tehdä järjestelmässä paremmin tai jos joitakin mielestäsi tärkeitä ominaisuuksia puuttuu, niin ilmoita siitä meille. 38

39 Tulemme päivittämään tätä julkaisua uusilla artikkelilla jatkuvasti. Tulossa on mm. tietoturvaa käsittelevä artikkeli, sisällöntuotanto Samsung Galaxy S3 ja Note2 -älypuhelimissa sekä artikkeli, joka käsittelee matemaattisten kaavojen lisäämistä julkaisuun. Avaamme myös samanaikaisesti tämän oppaan kanssa Mobie Zine-käyttäjille tarkoitetun suljetun Facebook-ryhmän, jossa tulemme esittelemään pieniä käyttöniksejä, kertomaan tulevista uudistuksista ja kysymään mielipidettänne tulevaisuuden kehitystyöhän liittyen. Toivomme myös käyttäjien vaihtavan keskenään kokemuksiaan järjestelmän käytöstä. Löydät ryhmän Facebookista hakusanalla Mobie Zine 3. Kuva 32: Mobie Zine-julkaisu Microsoftin Surface-tabletissa. Klikkaa kuvaa suurentaaksesi!