Snap on yksinkertainen, helppokäyttöinen ja kaikille laitetyypeille sopiva teema, joka perustuu Twitter Bootstrap 3.2 -rakenteeseen.

Snapin suurin etu on se, että se tarjoaa johdonmukaisen käyttöliittymän kaikille laitteille. Snap tarjoaa tyylikkään ja nykyaikaisen verkko-oppimissivuston.


Snapin toiminnot ja ominaisuudet

Snap houkuttelee käyttäjiä siistillä visuaalisella ilmeellä. Se tarjoaa opettajille ja opiskelijoille nopean tavan käyttää heille tärkeitä kursseja.

  • Sopii kaikille laitteille: Snap näyttää tiedot hyvin erikokoisilla näytöillä. Kuvat, videot ja kaikki oppilaitoksesi sisältö skaalataan sopivaksi käyttäjien laitteille riippumatta näytön koosta tai suunnasta. Myös tekstikoko optimoidaan näytön koon mukaan. Käyttäjät voivat tämän ansiosta käyttää opetusmateriaaleja millä tahansa haluamallaan laitteella. Laitekohtaisen optimoinnin lisäksi Snap tarjoaa myös yksinkertaiset ja kaikille laitteille soveltuvat siirtymistoiminnot.
  • Yksinkertainen asettelu ja helpot siirtymistoiminnot:
    • Henkilökohtainen valikko: Valikossa käyttäjät voivat käyttää nopeasti kaikkia kurssejaan riippumatta siitä, missä sivuston osassa he ovat. Ylläpitäjät voivat määrittää valikon värin Snap-teeman asetussivulla. Ohjaajat puolestaan voivat määrittää kurssiensa kuvat näytettäväksi valikossa. Valikko voi sisältää myös käyttäjän kurssitehtävien määräajat sekä ilmoitukset viesteistä. Henkilökohtaisessa valikossa näytetään nykyiset ja menneet kurssit päättymispäivämäärän mukaan lajiteltuna, jotta ne ovat helposti opiskelijoiden käytettävissä.
    • Ylläpito-valikko: Ylläpito-valikon kautta pääsee nopeasti Ylläpito-lohkoon miltä tahansa sivulta.
    • Kurssisisältö, työkalut ja haku: Snapin kurssiasettelu on uudistettu samankaltaiseksi kuin tavallisissa verkkosivuissa. Snapin kurssiasettelussa näytetään kukin kurssi osio, viikko tai aihe omalla sivullaan, joilla on selkeät otsikot. Lisäksi siirtyminen sivulta toisella on selkeää. Muut kurssien elementit (esimerkiksi osallistujat, arvosanat ja lohkot) näytetään kurssin koontinäytön välilehdessä. Snapin ainutlaatuisen yhden sarakkeen rakenteen ansiosta opettajat voivat luoda siistin ja yksinkertaisen sivustoasettelun, jossa voidaan näyttää paljon sisältöä, joka tukee oppimista ja jossa liikkuminen on helppoa.
    • Merkitty tähdellä tai suosikkikurssit: Snap-teemassa voit määrittää kurssin suosikiksi valitsemalla kurssinkortissa olevan tähtikuvakkeen. Tämä toiminto pysyy kaikissa teemoissa, joten kurssin voi merkitä suosikiksi missä tahansa tai käytössä voi olla mikä tahansa teema ja kurssi pysyy silti suosikkina.

Snapin käyttöönotto oppilaitoksessa

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Teeman valinta.

Jos haluat valita Snap-teeman, kirjaudu käyttäjätilillä, jolla on oikeudet sivuston hallintaan.

  1. Valitse Sivuston hallinta -kohdasta Ulkoasu.
  2. Valitse Teemat > Teeman valinta.
  3. Valitse Oletus-kohdan vierestä Vaihda teemaa.
  4. Etsi Snap-teema ja valitse sen kohdalla Käytä teemaa.
  5. Valitse Jatka.

Snapin mukauttaminen

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.

Snap tarjoaa ylläpitäjille yksinkertaisia ja silti tehokkaita toimintoja sivuston mukauttamiseen. Voit muokata Snapin navigointipalkin neljän alueen värejä lisäämättä CSS:ää. Voit muokata navigointipalkin tausta- ja fonttivärejä sekä Omat kurssit -linkin väriä.

  1. Valitse Sivuston hallinta -kohdasta Ulkoasu.
  2. Valitse Teemat > Snap.
  3. Valitse sivustosi mukautus:
    • Kirjoita oppilaitoksesi nimi Sivuston nimi -kohtaan.
    • Kirjoita oppilaitoksesi kuvaus Sivuston kuvaus -kohtaan. Tämän kentän sisältö näytetään sivuston etusivulla. Tämä ei kuitenkaan ole sivustosi nimi.
    • Määritä oppilaitoksesi mukautettu väri. Voit antaa värin heksadesimaalikoodin tai valita värin. Kaikki sivustosi linkit ja monet taustat käyttävät väriä.
    • Valitse oppilaitoksesi sivuston logo. Voit vetää logon tai ladata sen tiedostona.
    • Valitse Favicon-kuvake eli suosikkikuvake. Valitse kuva, jota käytetään kirjanmerkkilinkkinä, kun opiskelija tai ohjaaja merkitsee sivuston suosikiksi selaimessaan.
    • Jos haluat ladata kuvan oppilaitoksesi sivustoon, valitse kansikuvan kohta. Voit vetää sivuston aloitussivun kuvan tai ladata sen tiedostona. Voit halutessasi ladata jopa kolme kuvaa, joita käytetään kurssin karusellina.
  4. Määritä sivustosi valikot ja siirtymistoiminnot.
    • Valitse, mitä haluat näyttää käyttäjien henkilökohtaisessa valikossa. Kaikki asetukset ovat oletusarvoisesti valittuna.
    • Piilota Moodlen oletusnavigointilohko -asetus on oletusarvoisesti valittuna. Tämä poistaa Moodle-lohkot ja näyttää vain Snap-valikon.
    • Näytä kurssin alatunniste -asetus on oletusarvoisesti valittuna.
    • Anna sivuston alatunnisteessa näytettävät tiedot. Alatunniste on hyvä paikka näyttää linkkejä muihin sivustoihin, jotka saattavat olla tärkeitä opiskelijoillesi. Se on hyvä paikka näyttää myös ohje- ja tukilinkit sekä käytännöt, jotka oppilaitoksesi saattaa olla velvoitettu julkaisemaan, sekä muita tärkeitä tietoja (esimerkiksi osoitetietoja ja puhelinnumeroita).

      Jos haluat muokata alatunnisteen oikean alareunan oletuslinkkejä, tee haluamasi muutokset teema-asetusten osiossa. Valitse Sivuston hallinta > Ulkoasu > Teemat > Teeman asetukset. Tee haluamasi muutokset Mukautetun valikon kohteet -ruudussa.

  5. Määritä sivustosi lisämukautus. Blackboard suosittelee, että säilytät oletusarvot. Lisämukautus-osio on tarkoitettu käyttäjille, joilla on erittäin hyvät HTML- ja CSS-taidot. Lue lisätietoja fonttien aktivoinnista ja mukautetusta CSS:stä.

Blackboard Open LMS ei tarjoa tukea ongelmille, jotka johtuvat CSS:n mukauttamisesta. Kaikkien mukautetusta CSS:stä johtuvien ongelmien ratkaiseminen on omalla vastuullasi.


Lisäbrändäys

Mukautetun fonttikirjaston käyttö Snapissa on mahdollista samalla tavalla kuin missä tahansa muussakin HTML- ja CSS-pohjaisessa verkkosivustossa. Jos käytät sivustosi fonteille jotain palvelua (esimerkiksi Adobe, cloud.typography, Fontdeck, Typekit tai Google Fonts) sinun täytyy luoda linkki, jolla fontit sisällytetään sivustoosi.

Jos isännöit fontteja omassa sisältöverkostossasi, tarvitset sen linkkitunnisteen.

Fonttien upottaminen

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Lisä-HTML.

  1. Valitse Sivuston hallinta > Ulkoasu > Lisä-HTML.
  2. Kirjoita Head-tunnisteessa-kenttään fontti ja sen komentosarja.
  3. Valitse Tallenna muutokset.

Tämä sisällyttää fontit sivustosi kaikille sivuille.

Fonttien aktivoiminen

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.

  1. Valitse Sivuston hallinta -kohdasta Ulkoasu.
  2. Valitse Teemat > Snap.
  3. Kirjoita Otsikon fontti -kohtaan ja Serif-fontit-kohtiin fonttien nimet lainausmerkeissä.

    "Roboto"

Mukautettu CSS

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.

Snap-teemaa käyttäessäsi voit lisätä oman mukautetun CSS:n, joka voidaan sisällyttää sivustosi kaikille sivuille. Mukautettu CSS -ruutuun voit kirjoittaa CSS-koodin, jota haluat käyttää. Näin voit kumota aiemman CSS:n tai luoda uutta CSS:ää ilman, että sinun täytyy muokata CSS-tiedostoa tai ladata ulkoasua. Suosittelemme, että tarkistat kaiken lisäämäsi CSS-koodin ennen sen sisällyttämistä sivustoosi.

  1. Valitse Sivuston hallinta -kohdasta Ulkoasu.
  2. Valitse Teemat > Snap.
  3. Kirjoita mukautetun CSS:n koodi.

Blackboard Open LMS ei tarjoa tukea ongelmille, jotka johtuvat CSS:n mukauttamisesta. Kaikkien mukautetusta CSS:stä johtuvien ongelmien ratkaiseminen on omalla vastuullasi.

Profiilipohjainen brändäys

Ohjeet: Valitse Sivuston hallinta > Ulkoasu > Teemat > Snap

Snap sallii mukautetun CSS-luokan lisäämisen sivuston body-tunnisteeseen käyttäjäprofiilin kentän perusteella. Valitse valmiista käyttäjäkentistä tai luo oma mukautettu kenttä, johon tallennetaan arvot, joiden perusteella CSS-luokan nimi luodaan.

Blackboard Open LMS ei tarjoa tukea ongelmille, jotka johtuvat CSS:n mukauttamisesta. Kaikkien profiilipohjaisesta brändäyksestä tai mukautetusta CSS:stä johtuvien ongelmien ratkaiseminen on omalla vastuullasi.

Ota profiilipohjainen brändäys käyttöön

  1. Valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.
  2. Valitse Profiilipohjainen brändäys.
  3. Ota Profiilipohjainen brändäys käyttöön.
  4. Valitse käyttäjäkenttä. Hyväksyttyjä käyttäjäprofiilin kenttiä:
    • Oppilaitos
    • Osasto
    • Osoite
    • Paikkakunta
    • Maa
    • Tekstin syöttö
      • Mukautettujen käyttäjäkenttien tyyppi pitää olla tekstin syöttö, jotta ne näkyisivät käyttäjäkenttien valinnan valikossa.
  5. Valitse Tallenna.

Kun käytät tätä ominaisuutta:

  • Käyttäjäkentän merkkijono muutetaan pieniksi kirjaimiksi ja erotellaan väliviivalla. (-)
  • Merkkijonon alkuun lisätään snap-pbb-.
  • Tämä luokka lisätään HTML-koodin body-tunnisteeseen.

Esimerkiksi käyttäjäkentän arvo Blueberry Extravaganza muunnetaan muotoon snap-pbb-blueberry-extravaganza.

Tätä ominaisuutta käytetään yhdessä mukautetun CSS:n kanssa.

Blackboard Open LMS ei tarjoa tukea ongelmille, jotka johtuvat CSS:n mukauttamisesta. Kaikkien profiilipohjaisesta brändäyksestä tai mukautetusta CSS:stä johtuvien ongelmien ratkaiseminen on omalla vastuullasi.


Snap ja LaTeX-suodatin

Ohjeet: valitse Sivuston hallinta > Lisäosat > Suodattimet > TeX-merkintätapa.

Jos oppilaitoksesi käyttää matemaattisten lausekkeiden LaTeX-suodatinta, sivustossasi voi esiintyä suuria fonttikokoja. Voit taata parhaan mahdollisen näyttötavan seuraavasti:

  1. Valitse Sivuston hallinta -kohdasta Lisäosat.
  2. Valitse Suodattimet > TeX-merkintätapa.
  3. Vaihda TeX-merkintätapa -sivun Tiheys-asetus suuremmaksi.

    Suosittelemme, että määrität Snapissa tiheysasetuksen arvoksi 280. Tämä parantaa kuvien viivojen pehmeyttä.

  4. Vaihda muunnosten tulostemuodoksi PNG.

    PNG-tiedostotyyppi tekee lausekkeista huomattavasti paremman näköisiä. Nämä asetukset vaikuttavat TeX-suodatettujen merkintöjen näyttötapaan koko sivustossa.


Snap-teeman värikontrastin tarkistustoiminto

Osana Blackboardin jatkuvaa sitoutumista helppokäyttöisyyteen, Snap-teeman värien valintatoimintoihin on lisätty tietokerros. Kerros ilmoittaa sivuston ylläpitäjille, kun väriyhdistelmä ei täytä ehdotettua WCAG 2.0 -kontrastisuhdetta. Seuraavat elementit vahvistetaan osana kontrastitarkistusta:

  • Sivuston tekstin väri valkoista taustaa vasten
  • Navigointipalkin tausta ja tekstin väri
  • Kurssivalikkopainike taustaa vasten ja tekstin väri
  • Yksilölliset kategorioiden värit valkoista taustaa, navigoinnin taustaa ja kurssivalikkopainiketta vasten

Snap-toimintojen ja etujen mainospaikat

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap ja valitse sitten toimintojen ja etujen markkinoinnin kohta.

Voit lisätä jopa kolme tietosaraketta sivun bannerikuvan alle Snap-teemassa. Tällä alueella voit mainostaa sivustosi toimintoja tai etuja käyttäjille ja mahdollisille käyttäjille.

Ylläpitäjä voi luoda toiminnon tai edun mainoksen sivuston hallinnassa. Valitse Sivuston hallinta > Ulkoasu > Teemat > Snap ja valitse sitten toimintojen ja etujen markkinoinnin kohta. Siellä voit lisätä etusivulle jopa kolme etua tai toimintoja, jotka näytetään sivun bannerikuvan alla.

Kun luot toiminnon esittelyä, lisää sille otsikko ja teksti (ja halutessasi myös kuva). Voit esitellä yhtä, kahta tai kolmea toimintoa. Voit lisätä toimintomainoksille myös otsikon, joka näytetään vain, jos olet luonut toimintomainoksen.

Kun olet lisännyt toimintomainoksen, napsauta etusivulla Muokkaustila päälle. Näin näet pikalinkin toimintomainoksen muokkaamiseksi. Tällä tavoin voit lisätä markkinointimateriaalia etusivulle nopeasti. Lisäksi voit hallita sitä paremmin ilman syvällistä HTML-osaamista.

Lisäominaisuudet ja edut


Snap-karuselli

Snap-teeman kansikaruselli


Kategorioiden väriasetukset

Voit nyt määrittää fonttien ja muiden visuaalisten elementtien värit, jotka ovat käytössä Snapin tietyissä kategorioissa. Voit tehdä tämän lisäämällä kategorian tunnuksen ja värikoodiarvon Snap-asetuksissa.

Kun värit määritetään tällä tavalla, väri näytetään tietyssä kategoriassa ja sen alla olevissa alakategorioissa ja kursseissa.

Kurssien esitteleminen

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap ja valitse sitten esiteltyjen kurssien kohta.

Voit esitellä kursseja etusivulla. Sivuston ylläpitäjät voivat lisätä etusivulle jopa kahdeksan kurssia niiden tunnusnumeroiden avulla.

  1. Valitse Sivuston hallinta > Ulkoasu > Teemat.
  2. Laajenna Snap-kohta ja valitse sitten esiteltävien kurssien kohta.
  3. Anna kaikkien niiden kurssien tunnukset, joita haluat esitellä.
  4. Valitse Tallenna muutokset.

Kurssien kansikuvat ja otsikot näytetään etusivulla automaattisesti määrittämisen jälkeen.


Aineistojen näyttäminen kortteina tai listoina

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap > Kurssinäkymä.

Voit muokata sitä, miten aineistot ja aktiviteetit näytetään Snap-kursseilla. Snapin avulla organisaatiot voivat näyttää aineistoja ja aktiviteetteja kortteina tai yksinkertaisina linkkeinä.

  1. Valitse Sivuston hallinta > Ulkoasu > Teemat.
  2. Laajenna Snap-kohta ja valitse sitten aineistojen näyttämisen kohta.
  3. Valitse lista tai kortti.
  4. Valitse Tallenna muutokset.


Kurssisivun asettelun muokkaaminen

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.

Ylläpitäjät voivat nyt valita, minne kurssin siirtymistoiminnot vievät Snapissa. Voit siirtää sisällysluettelon kurssisisällön vasemmalle puolelle tai sen yläpuolelle.

Sisällysluettelo näytetään oletusarvoisesti kurssisisällön yläpuolella. Jos haluat siirtää sen vasemmalle, toimi alla annettujen ohjeiden mukaisesti.

  1. Valitse Sivuston hallinta > Ulkoasu > Teemat.
  2. Laajenna Snap-kohta ja valitse sitten Snap.
  3. Valitse Lisämukautus-kohdassa pystysuuntaisen sisällysluettelon kohta.
  4. Valitse Tallenna muutokset.


Yhteisöpalveluiden linkit Snapissa

Ohjeet: valitse Sivuston hallinta > Ulkoasu > Teemat > Snap.

Lisää Facebook-, Twitter, YouTube- ja Instagram-linkkejä alatunnisteeseen automaattisesti. Kun lisäät Snapin ylläpitoasetuksissa URL-osoitteet, jotka osoittavat kunkin palvelun sivulle, näet kuvakkeet ja linkit alatunnisteessa.

Tällä tavoin voit pitää yhteyttä käyttäjiin yhteisöpalveluissa ilman, että sinun täytyy lisätä HTML:ää sivuston alatunnistealueelle Snapin asetuksissa. Näiden kuvakkeiden paikat on määritetty alatunnisteessa valmiiksi. Niitä voi vaihtaa vain CSS:n avulla.