Toimituksellinen käyttöliittymä

Alapuolelle olemme koonneet toimitukselliset toiminnallisuudet, jotka ovat yhteisiä kaikille sivutyypeille.

Muista

Esimerkki ohjetekstistä "Lihavoi"-painikkeelle

Olemme yrittäneet olla tarkkoja ja lisätä ohjetekstejä kaikkiin painikkeisiin ja kenttiin. Ohjetekstit näkyvät, kun hiiren kursorin vie painikkeen tai kentän päälle ja antaa sen olla paikallaan hetken. Mikäli painikkeen tai kentän toimivuudesta on epäselvyyttä, saa käyttäjä ainakin pienen ohjeistuksen ohjetekstien avulla.

Dokumentin työstäminen

Kun avaat dokumentin muokattavaksi, Saga yrittää lukita sen niin, ettei kukaan muu voi muokata dokumenttia samanaikaisesti. Kun olet valmis muokkausten kanssa, Saga merkitsee dokumentin jälleen saatavaksi.

Jos taas avaat dokumentin, jota joku muu muokkaa, näytetään banneri sivun yläreunassa. Bannerissa on tieto siitä, kuka muokkaa dokumenttia ja milloin heidät viimeksi nähtiin.

Esimerkki dokumentista, jota joku muu muokkaa.

Banneri sisältää jopa kellonajan, joka kertoo, milloin toinen toimittaja työskenteli dokumentin kanssa. Jos bannerissa on tieto ”juuri nyt”, dokumentti on ollut avattuna Sagassa viimeisen minuutin aikana. Jos kulunut aika on pidempi, näytetään tarkempi kellonaika.

Muista

Saga yrittää merkitä dokumentin ”saatavaksi”, kun edellinen muokkaaja siirtyy toiselle sivulle, sulkee välilehden tai selaimen. Toki löytyy useita tilanteita, jolloin tämä epäonnistuu, esim. jos internet-yhteys katoaa tai tietokone siirtyy lepotilaan. Tällöin dokumentti säilyy lukittuna kunnes toimittaja tulee takaisin tai joku toinen ottaa sivun hallintaan.

Painike ”Ota sivu hallintaan” on olemassa siksi, että sen avulla sivuston hallinnan voi pakottaa itselleen. Tämä on tärkeä ominaisuus, jotta kukaan ei lukitse tärkeitä sivuja, kuten esim. etusivua tai kirjastosivua ja unohda kirjata sivua sisään lähtiessään kotiin.

Jos pakotat dokumentin hallinnan itsellesi, kaikki kentät lukitaan siltä henkilöltä, joka muokkasi sivua aiemmin, ja seuraava viesti ilmestyy hänen ruudulleen.

Esimerkki siitä, kun joku pakottaa muokkaamasi sivun hallinnan itselleen.

Jos odotat hetken, että toinen henkilö saa muokkauksensa valmiiksi, saat sen sijaan näkyville bannerin, joka kertoo dokumentin olevan saatavilla ja muokattavissa. Tässä tilassa on riskitöntä ottaa sivu hallintaan.

Esimerkki dokumentista, joka on saatavilla muokkauksia varten, mutta jota ei vielä ole lukittu toimittajalle.

Asetukset-välilehti

Asetukset-välilehdeltä löydät useimmat yhteisistä asetuksista dokumenteille, kuten otsikon, ingressin, kuvan, tägit ja historian. Pitääksemme kokonaisuuden selkeänä, on asetukset jaettu kolmelle välilehdelle, ”Yleistä”, ”Tägit” ja ”Historia”. Joillain sivutyypeillä on omia lisävälilehtiä, joilla on lisää toimintoja.

Yleiset asetukset

Välilehdeltä ”Yleistä” löydät yleisimmät asetukset, kuten otsikon, ingressin ja kuvan. Monet sivutyypit lisäävät välilehdelle lisäkenttiä, kuten kohderyhmän tai kirjoittanut.

Tilapaneeli

Oikeassa reunassa on tilapaneeli, joka kertoo dokumentin tilan sekä sen, puuttuuko siitä tietoja.

Tilapaneeli luonnokselle, jota ei ole tallennettu Tilapaneeli tallennetulle luonnokselle

Kentät, joita kontrolloidaan, eivät ole pakollisia, mutta niide täyttöä suositellaan, jotta dokumentista tulisi mahdollisimman hyvä.

Tägit

Dokumentille lisättyjä tägejä käytetään ensisijaisesti helpottamaan relevanttien hakujen tekemistä pienoisohjelmissa ja verkkosivustolla.

Tägi-välilehti, jossa näkyy ehdotus "Katt-ungar"

Tägit kirjoitetaan joko vapaatekstinä tai valitsemalla kirjoitetun sanan perusteella esiin tulleesta ehdotuslistasta. Ehdotusta voidaan käyttää hyödyksi siinä, että kaikki kirjoittavat tägit samalla tavalla, eikä sama termi vaihtele kirjoittajan mukaan (ml. kirjoitusvirheet).

Tietyille sivutyypeille on mahdollista luoda tägejä automaattisesti. Nämä tägit merkitään poikkeavalla värillä. Ks. esim. teoksen yhdistäminen Vinkkeihin.

Asetukset

Tägien kanssa samalta välilehdeltä löytyy myös muita asetuksia sivutyypistä riippuen. Ainoa asetus, joka löytyy kaikilta sivutyypeiltä, on ”Sivun URL”, eli mikä hakupolku sivulla on verkkosivustolla.

URL:t voivat sisältää kirjaimia a-ö (pienet kirjaimet), numeroita ja väliviivoja. Muut merkit aiheuttavat virheen ja saat tällöin kirjoitetun ehdotuksen ilman kelpaamattomia merkkejä.

Tägi-välilehti, jossa näkyy ehdotus "Katt-ungar"

Virhe voi myös tulla esille silloin, kun annetaan URL-osoite, joka on jo toisen dokumentin käytössä. Näissä tapauksissa ehdotetaan, että loppuun lisätään numero, esim. satutunti-1.

Historia

Välilehdeltä Historia löydät kaikki muokattavana olevan dokumentin versiot. Versiot käsittävät kaiken tallennetusta luonnoksesta ajastettuihin julkaisuihin sekä arkistoituihin versioihin.

Käyttäjällä on mahdollisuus esikatsella tai palauttaa dokumentin muita versioita.

Lisätietoja historiasta löydät sivulta Julkaisunkulku.

Tekstieditori

Tekstieditori toimii melko pitkälle kuin WYSIWYG-editori. Voit kirjoittaa haluamasi tekstin, lisätä otsikkotasot, kuvat jne. ja nähdä nopeasti, miltä se suurinpiirtein näyttää verkkosivustolla.

Toisaalta, Saga lisää mukaan muutamia omia konsepteja;

Layout
Layout määrittelee alueiden lukumäärän sivulla sekä kuinka alueet jaetaan sarakkeiksi. Esimerkiksi layout 2-1 koostuu kolmesta alueesta, joista kaksi ensimmäistä ovat vierekkäin ja kolmas sijoittuu näiden kahden alapuolelle. Layoutin valinta peilataan editorissa.
Pienoisohjelma
Pienoisohjelmat lisäävät tarkennettuja toimintoja, kuten tietokantahakuja, kuvakarusellin, aukioloajat jne., mutta myös yksinkertaisempia asioita kuten linkkejä ja kuvia. Pienoisohjelmilla on usein jonkintyyppisiä asetuksia, ja ne näkyvät oranssina ruutuna editorissa. Kun sivu näytetään verkkosivustolla, korvataan pienoisohjelma oikealla sisällöllä. Lisätietoja ja tietoja yksittäisistä pienoisohjelmista löydät pienoisohjelma-sivulta.

Työkalurivi

Ylimpänä ”Sisältö”-välilehdeltä löytyy työkalurivi, josta löydät kaikki saatavana olevat toiminnot. Työkalurivi seuraa sivua alaspäin selatessa.

Painike työkalurivillä Kuvaus
Työkalupainike muotovalikolle Näyttää muotovalikon, esim. otsikkotasot
Työkalupainike lihavoinnille Lihavoi valittu teksti
Työkalupainike kursivoinnille Kursivoi valittu teksti
Työkalupainike alleviivaukselle Alleviivaa valittu teksti
Työkalupainike yliviivaukselle Yliviivaa valittu teksti
Työkalupainike vasemmalta tasatulle tekstille Tasaa valittu teksti vasemmalle
Työkalupainike keskitetylle tekstille Keskitä valittu teksti
Työkalupainike oikealta tasatulle tekstille Tasaa valittu teksti oikealle
Työkalupainike molemmin puolin tasatulle tekstille Tasaa valittu teksti molemmista reunoista
Työkalupainike luettelolistan luomiseen Luo lista luettelomerkeillä
Työkalupainike numeroidun listan luomiseen Luo numeroitu lista
Työkalupainike linkin luomiseen Lisää linkki
Työkalupainike kuvan lisäämiseksi Lisää kuva
Työkalupainike ladattavan tiedoston lisäämiseksi Lisää tiedosto
Työkalupainike taulukon lisäämiseksi Avaa valikon taulukon lisäämistä varten
Työkalupainike layout-valikolle Avaa layout-valikon
Työkalupainike pienoisohjelmavalikolle Avaa pienoisohjelmavalikon
Työkalupainike esikatselulle Avaa esikatseluikkunan

Pienoisohjelmat

Pienoisohjelmat ovat tarkennettuja toimintoja, kuten esim. tietokantahaut, kuvakaruselli, aukioloajat jne., mutta niitä voidaan käyttää myös yksinkertaisempien asioiden, kuten kuvien ja linkkien lisäämiseen.

Muista

Olemassa olevat pienoisohjelmat ja niiden asetukset kuvataan tarkemmin kohdassa Pienoisohjelmat.

Kun lisäät pienoisohjelman editoriin, ohjelma näytetään pitkänä ruutuna, jossa on pienoisohjelman kuvake ja nimi. Jos pienoisohjelma tukee otsikkoa, tämäkin näytetään ruudussa.

Näyttää pienoisohjelman "Näytä nimeke", jolla on otsikko.

Muokataksesi pienoisohjelman asetuksia, tuplaklikkaa ruutua. Kyseisen pienoisohjelman asetukset näytetään asetusikkunassa vasemmalla puolella.

Pienoisohjelmia voidaan lisätä mihin tahansa editorissa, tosin niitä ei kannata lisätä esimerkiksi linkki-pienoisohjelmaan tai otsikon sisälle. Jos sijoitat pienoisohjelman paikkaan, jossa siitä on harmia, se merkitään punaisella varoituslinjalla pienoisohjelman reunoille.

Näyttää pienoisohjelman lisättynä otsikon sisälle. Varoitusreuna näkyy pienoisohjelman reunoilla.

Taulukot

Varoitus

Taulukot ovat erinomaisia informaation näyttämiseen taulukkomuodossa. Taulukkoa EI KOSKAAN käytetä elementtien sijoitteluun verkkosivustolla. Osin siitä syystä, että pieniruutuiset laitteet eivät pysty näyttämään elementtejä oikein, osin siitä syystä, että ruudunlukuohjelmat eivät ymmärrä sivua tällöin oikein.

Kun klikkaat ”Taulukko”-painiketta työkalurivillä, saat näkyville ruutuverkon, jossa pystyt valitsemaan taulukon koon. Jokainen ruutu sivuttain on uusi sarake ja jokainen ruutu päällekkäin on uusi rivi.

Näyttää, kuinka taulukko kahdella sarakkeella ja kahdella rivillä lisätään.

Yläpuolella olevassa kuvassa lisätään taulukko, jossa on kaksi saraketta ja kaksi riviä.

Jos haluat jälkikäteen muokata sarakkeiden ja/tai rivien lukumäärää taulukossasi, aseta kursori taulukkoon ja uusi työkalurivi ilmestyy alapuolelle.

Työkalurivi olemassaolevan taulukon muokkaamiseen.

Voit poistaa taulukon tai lisätä sille uusia rivejä tai sarakkeita riippuen siitä, missä solussa kursori sijaitsee. Jokaisella painikkeella on ohjeteksti, jotta voit mahdollisimman helposti muokata taulukkoasi.

Muista

Sagan taulukkotyökalu ei tue kaikkia hienouksia, joita taulukoissa käytetään. Jos haluat siis tehdä edistyneempiä muokkauksia (kuten esim. lisätä otsikkosoluja, yhdistää soluja, ryhmitellä sarakkeita jne.), käytä sen sijaan HTML-tilaa tai en koodi-pienoisohjelmaa.

HTML-tila

Välilehteä ”HTML” käytetään edistyneempien toimintojen tarkasteluun, eikä useimpien tarvitse koskaan käydä siellä. Välilehdellä voi halutessaan tehdä hienosäätöjä sisältöön, mutta muutokset tehdään omalla riskillä. Ota huomioon, että pienoisohjelmat on nykyään korvattu erikoistägillä, joka voi näyttää tältä.

<widget id="work-widget-3867" type="work-widget" data-widget> Näytä nimekkeet </widget>

Näitä voi liikutella eri paikkoihin, mutta niiden arvoja ei tulisi muutella tai niihin ei pitäisi lisätä luokkia tai style-attribuutteja, koska parhaimmassa tapauksessa nämä voivat kadota, tai pahimmassa tapauksessa pienoisohjelmat ja sen asetukset ovat käyttökelvottomia.

Kuten sanottu, jopa linkit ja kuvat ovat pienoisohjelmia Sagassa, mutta niille on annettu hieman erikoiskäsittelyä, jotta ne toimisivat kuten tavalliset linkit ja kuvat. ”HTML”-välilehdellä ne näyttävät tältä.

<a id="link-widget-8917" href="#" data-widget="" type="link-widget">Aukioloajat</a>
<img id="image-widget-5129" src="https://cdn1.saga-biblioteket.se/images/58a1afa940d4fa1a54ec2fd0" data-widget="" type="image-widget" />

Jopa täällä pitäisi välttää tekemästä muutoksia tägeihin tai muuttaa linkkiä tai kuvan polkua, vaan muutokset on tehtävä tavallisten pienoisohjelma-asetusten kautta.