Kirjautuminen

4x40 Reveal.js - Viikon VALO #196

5
Keskiarvo: 5 (1 arvio)
Oma arviosi: Ei ole

Reveal.js on JavaScript-työkalu näyttävien html5-pohjaisten esitysten tekemiseen.
valo196-revealjs.png Reveal.js on JavaScript-kirjasto, joka muodostaa html5-tiedostona luodusta esitysmateriaalista näyttävän esityksen. Esitys on näytettävissä ja selattavissa nykyaikaisella www-selaimella. Reveal.js sisältää muun muassa hienot esityskalvojen väliset siirtymät, alasivut sekä esittäjän muistiinpanot. Järjestelmä on laajennettavissa lisäosilla, jotka mahdollistavat esimerkiksi matematiikan sekä syntaksikorostetun ohjelmakoodin näyttämisen. Html5-sovelluksena esitykseen voi sisällyttää myös esimerkiksi ääntä ja videoita audio- ja video-elementeillä. Paketti sisältää muutaman valmiin teeman ja omia voi tehdä osaamisen mukaan.

Reveal.js:n käyttäminen suoraan html-tiedostoa muokkaamalla vaatii käyttäjältä hieman uskallusta lähteä muokkaamaan valmista html-pohjaa. Yksittäiset kalvot järjestelmässä kirjoitetaan html5:n section-elementteinä ja kalvojen sisältö on myös html-kieltä. Halutessaan käyttäjä voi kuitenkin käyttää myös yksinkertaisempaa Markdown-merkintäkieltä sisällön kirjoittamiseen.

Perusasennuksena ohjelman Github-sivulta ladataan zip-paketti, jonka sisältämää index.html-tiedostoa voi muokata haluamansa kaltaiseksi. Täydessä asennuksessa käytetään lisäksi Node.js-ohjelmistoa toimimaan paikallisena palvelimena, johon www-selaimella otetaan yhteys. Täyden asennuksen etuna perusasennukseen ovat muutamat lisäominaisuudet, joita voidaan käyttää vain palvelinyhteyden kautta. Näitä ovat muun muassa Markdown-muotoisen sisällön käyttäminen ulkoisista tiedostoista sekä puhujan muistiinpanonäkymä. Muistiinpanonäkymä on erillinen ikkuna, joka voi olla näkyvissä puhujan käyttämän tietokoneen omalla näytöllä pääikkunan ollessa näkyvissä valkokankaalla. Palvelinasennusta käytettäessä puhujan muistiinpanot saadaan näkyviin pop-up-ikkunana painamalla 's'-näppäintä. Puhujan muistiinpanonäkymässä näkyy pääikkunassa näkyvä kalvo ja siihen liittyvät muistiinpanot sekä esikatselunäkymä seuraavasta kalvosta. Lisäksi näkymässä on näkyvissä kello ja kulunutta aikaa näyttävä laskuri.

Reveal.js-esitykset ovat katsottavissa myös mobiililaitteilla ja esimerkiksi kalvon vaihtaminen iPadilla hoituu pyyhkäisemällä kosketusnäyttöä.

Reveal.js sisältää oletuksena lisäosat ainakin Markdown-sisällölle, matematiikan näyttämiseen MathJax-työkalulla, esiintyjän muistiinpanonäkymän sekä ohjelmakoodin esittämisen syntaksikorostuksella.

Niille, jotka eivät halua rakentaa esityksiään kirjoittamalla html-kieltä tekstieditorilla, on tarjolla visuaalinen käyttöliittymä verkkopalveluna osoitteessa http://slides.com . Palvelu tarjoaa eri hintaisia ja erilaisia tallennusmahdollisuuksia antavia paketteja. Ilmainen paketti sisältää hieman levytilaa ja mahdollistaa vain julkisesti näkyvien esitysten tekemisen. Työkalulla tehdyt esitykset (html-tiedostot) ovat kuitenkin ladattavissa sivustolta myös omalle koneelle ja käytettävissä normaalin reveal.js-paketin kanssa.

Kotisivu
https://github.com/hakimel/reveal.js (Lataus ja ohjeet)
http://lab.hakim.se/reveal-js (Demo-esitys)
Lisenssi
MIT
Toimii seuraavilla alustoilla
www-selaimet
Asennus
Tarvittavat paketit löytyvät Reveal.js:n Github-sivulta. Työkalua voi käyttää joko perusasennuksella html-tiedostosta tai täydellä asennuksella Node.js-palvelimen kautta.
Käyttöohjeet
Reveal.js:n omat ohjeet Githubissa.
Tutoriaali aloittelijoille
Esimerkkiesityksiä

Teksti: Pesasa
Kuvakaappaukset: Pesasa

4x39 Subtitle Editor - Viikon VALO #195

0
Ei vielä arvioita
Oma arviosi: Ei ole

Subtitle Editor on vapaa työkalu videoiden tekstitysten tekemiseen ja kääntämiseen.
valo195-subtitleeditor.png

Subtitle Editor on ohjelma, jolla voi luoda ja muokata videotiedostoihin liittyviä tekstitystiedostoja. Tällaisia ovat esimerkiksi paljon käytetyt SubRip-tekstitykset, eli srt-päätteiset tekstitystiedostot. Ohjelma osaa käsitellä monessa eri tiedostomuodossa tallennettua tekstimuotoista tekstitystä. Tekstitystiedostot sisältävät tyypillisesti tiedon näytettävistä teksteistä, näyttämisen aloitusajan millisekunteina sekä näytettävän tekstityksen keston. Monet videotoistimet, kuten VLC-mediasoitin, osaavat näyttää erillisessä tiedostossa tallennettuja tekstityksiä videotiedostojen yhteydessä. Useimpia tekstimuotoisia tekstitystiedostoja on mahdollista muokata suoraan tekstinä, mutta hyvällä ja havainnollisella työkalulla muokkaaminen on vaivattomampaa. Subtitle Editor sisältää muun muassa työkalut tekstitysten muokkaamiseen, tekstitetyn videon esikatselutoiminnon sekä aikajanamaisen näkymän videon ääniraitaan.

Ohjelman muokkausnäkymä voi olla joko ajoitustilassa, jossa näkyvissä ovat tekstien alku- ja loppuajat sekä kesto, taikka käännösnäkymässä, jossa voi kääntää jo oikein ajoitettua tekstitystä toiselle kielelle. Ajoitusnäkymässä valittujen tekstitysten aloitusaikaa ja kestoa voi muokata valikoiden monipuolisilla toiminnoilla. Useimmin käytetyille valikoista saataville toiminnoille on helppoa määritellä omia pikanäppäimiä viemällä hiiren osoitin niiden päälle ja painamalla haluttua pikanäppäintä.

Videonäkymään voi avata halutun videotiedoston, esimerkiksi elokuvan tai tv-sarjan jakson, johon halutaan luoda tekstitystä. Videonäkymä näyttää muokattavan tekstityksen ajoituksen mukaisesti videon päällä.

Aaltomuotonäkymässä (Waveform) näytetään siihen avatun äänitiedoston, joko videon ääniraidan tai jonkin ulkoisen tiedoston, aaltomuotoinen esitys aikajanana. Aikajanan päälle on merkitty kukin muokkausnäkymässä näkyvä tekstitys omana lohkonaan. Lohkoja voi hiirellä vetämällä siirrellä ja venytellä halutun kokoiseksi. Näin tekstejä ei tarvitse sijoitella vain korvakuulolla vaan voi hyödyntää myös ääniraidan aaltomuodossa näkyviä vaihteluita. Aaltomuotonäkymää voi zoomata ja skrollata mieleisekseen.

Kun videota toistetaan esikatselunäkymässä, aaltomuotonäkymä seuraa äänen toiston etenemistä näyttäen koko ajan, missä kohtaa ja minkä tekstityksen kohdalla mennään.

Subtitle Editor osaa hyödyntää käyttöjärjestelmään asennettua oikolukutyökalua, esimerkiksi Voikkoa, ja huomauttaa kirjoitusvirheistä. Virheidentarkistustyökalu näyttää kootusti kaikki sen löytämät tekstitysten ajoitukseen liittyvät virheet, kuten tekstitysten päällekkäisyydet taikka kestoltaan määriteltyjä raja-arvoja lyhyemmät tai pidemmät tekstitykset. Automaattinen korjaustoiminto osaa myös korjata suurimman osan näistä virheistä lähinnä kai säätämällä tekstitysten kestoja.

Tekstityksille voi myös lisäillä erilaisia tyylittelyitä, kuten värejä, riippuen käytettävästä tallennusmuodosta. Kannattaa huomioida, että kaikki tallennusmuodot ja videosoittimet eivät välttämättä tue tyylittelyitä.

Ohjelma tukee ainakin seuraavia tiedostomuotoja (tiedostopääte sulkeissa):
  • Adobe Encore DVD (NTSC) (txt)
  • Adobe Encore DVD (PAL) (txt)
  • Advanced Sub Station Alpha (ass)
  • BITC (Burnt-in timecode) (txt)
  • DCSubtitle (xml)
  • MicroDVD (sub)
  • MPL2 (txt)
  • MPsub (sub)
  • Plain Text Format (txt)
  • Sami (smi)
  • SBV (sbv)
  • Spruce STL (stl)
  • SubRip (srt)
  • Sub Station Alpha (ssa)
  • Subtitle Editor Project (xml)
  • SubViewer 2.0 (sub)
  • Timed Text Authoring Format 1.0 (xml)
Kotisivu
http://home.gna.org/subtitleeditor/
Lisenssi
GNU GPL v3
Toimii seuraavilla alustoilla
Linux, FreeBSD, OpenBSD, NetBSD
Asennus
Ohjelma on ladattavissa sen kotisivuilta. Linux-jakeluihin se löytyy todennäköisesti jakelun omasta pakettivarastosta.
Ohjeita
Subtitling with Linux Tutorial

Teksti: Pesasa
Kuvakaappaukset: Pesasa

4x38 Unsplash - Viikon VALO #194

0
Ei vielä arvioita
Oma arviosi: Ei ole

Unsplash on kokoelma vapaasti käytettäviä korkeatarkkuuksisia ja taiteellisia valokuvia.
valo194-unsplash.png Unsplash tarjoaa täysin vapaaseen käyttöön kokoelman valikoitujen ammattilaisten ottamia kauniita valokuvia hyvällä tarkkuudella. Kaikki Unsplashin kuvat on lisensoitu Creative Commonsin täysin vapaalla CC0-lisenssillä, joka antaa täysin vapaat kädet teosten hyödyntämiseen. Kuvia voi selata suoraan sivuston etusivulta tai pienempinä esikatselukuvina arkistosta. Kaikki kuvat ovat erittäin kauniita ja tunnelmallisia sekä riittävän korkealla resoluutiolla moneen hyödylliseen käyttöön. Kuvat ovat selvästi taitavien ja ammattitaitoisten kuvaajien ottamia.

Unsplash esittelee palvelusta saatuja kuvia käyttämällä tehtyjä teoksia Made with Unsplash -osiossaan.

Palvelun takana on Crew, joka tekee liiketoimintaa toimimalla linkkinä graafista toteutusta tarvitsevien tahojen sekä ammattitaitoisten osaajien välillä.

Kotisivu
http://unsplash.com/
Lisenssi
CC0
Toimii seuraavilla alustoilla
Kaikki

Teksti: Pesasa
Kuvakaappaukset: Pesasa
Kuvat: Unsplash

4x37 Graphviz - Viikon VALO #193

0
Ei vielä arvioita
Oma arviosi: Ei ole

Graphviz on automatisoitu työkalu graafien piirtämiseen.
valo193-graphviz.png Graphviz piirtää huolellisesti sijoiteltuja graafeja sille annetusta tekstimuotoisesta tiedosta. Piirrettävän graafin tiedot kirjoitetaan tekstitiedostoon, joka kuvaa graafissa esiintyvät solmut ja niiden väliset kaaret. Solmuille määritellään niiden sisältöteksti sekä ulkoasu, eli väri, muoto, tyyppi sekä muita ominaisuuksia, ja kerrotaan, mitkä solmut on yhdistetty toisiinsa kaarilla. Kaarille voidaan niin ikään määritellä erilaisia ominaisuuksia, kuten väri, viivan tyyppi sekä tekstileima. Graphviz muodostaa saamastaan tiedosta graafin, jonka se sijoittelee parhaaksi näkemällään tavalla tasoon. Graphviz pyrkii minimoimaan kaarien päällekkäisyyksiä ja pitämään tuotetun kuvan muutenkin mahdollisimman selkeänä. Valittavissa on muutama eri tavoin optimoitu algoritmi, joilla tuotettujen kuvien solmut sijoitellaan hieman toisistaan poikkeavilla tavoilla.

Ohjelma osaa tuottaa kuvia muutamassa erilaisessa tiedostomuodossa, kuten: PS, PDF, SVG, FIG, PNG ja GIF. Näistä muodoista kuvia voidaan toki muuntaa vielä useampiin muotoihin ja vektorimuotoista SVG-kuvaa voidaan tietenkin myös jatkomuokata esimerkiksi Inkscapella. Ohjelma on erityisen käyttökelpoinen tieteellisten tulosten havainnollistamisessa, kun esitettävä graafimuotoinen materiaali on esimerkiksi jonkin ohjelman automaattisesti tuottamaa dataa.

Ohjelman syötteenään käyttämä DOT-tiedostomuoto on varsin selkeä ja ymmärrettävä, joskin solmuille ja kaarille voi valita niin monenlaisia ominaisuuksia, että niihin kannattaa tutustua sopivan dokumentaation ja esimerkkien kautta. DOT-tiedostossa kerrotaan ensimmäiseksi, onko kyseessä suunnattu vai suuntaamaton graafi (digraph tai graph) tämän jälkeen luetellaan aaltosulkeiden sisällä solmut ja kaaret, niiden ominaisuudet sekä koko graafia koskevat ominaisuustiedot. Esimerkiksi:

    digraph G {
        rankdir=LR;
        A -> B [color=red];
        A -> C [style=dotted];
        B -> D;
        C -> D [style=dashed, dir=both];
        C [style=filled];
        D [shape=box];
    }
Yllä oleva esimerkki määrittelee suunnatun graafin, joka koostuu neljästä solmusta, A, B, C ja D, joiden välille on määritelty kaaria "->" operaattorilla. Kaarien ja solmujen ominaisuuksille on määritelty oletusarvoista poikkeavia arvoja hakasulkujen väliin. Solmua ei tarvitse erikseen luetella, jos se esiintyy jonkin kaaren päätepisteenä eikä sille haluta antaa oletusarvoista poikkeavia ominaisuuksia. Graafit kasvavat oletuksena ylhäältä alas päin, mutta tässä esimerkissä on kasvusuunnaksi määritelty vasemmalta oikealle, eli LR.

Tekstimuodossa määritelty graafi käännetään halutun tyyppiseksi kuvaksi jollain tarjolla olevista komentoriviohjelmista: dot, neato, twopi, circo, fdp, sfdp ja patchwork. Nämä ohjelmat soveltavat solmujen ja kaarien sijoitteluun eri algoritmeja ja tuottavat siksi erinäköiset kuvat. Ohjelmat on optimoitu seuraaviin käyttöihin:
  • dot - Suunnatut graafit, erityisesti puumaiset syklittömät graafit
  • neato - Suuntaamattomat graafit
  • twopi - Graafit säteittäisellä asettelulla, jossa yksi solmu on keskipiste ja muut etäisyyden mukaan kehinä sen ympärillä
  • circo - Ympyrän muotoinen asettelu
  • fdp - Suuntaamattomat graafit
  • sfdp - Suuntaamattomat graafit
  • patchwork - Klustereista koostuvien graafien esittämiseen puukarttoina.

Graafin asettelun laskemiseen sovelletaan graafiteorian tuloksia ja algoritmeja.

Edellä esitetty DOT-tiedosto käännetään kuvatiedostoksi esimerkiksi seuraavasti:

   dot -Tpng graphviz.dot -o graphviz.png
Tuotettu lopputulos näyttää tältä: graphviz.png

Minimutkaisemmat graafit voivat muodostua myös aligraafeista. Aligraafeja voidaan käyttää ryhmittelemään graafin solmuja joko niiden asetusten määrittämiseen yhdellä kertaa samanlaisiksi taikka tai niiden sijoitteluun yhtenä ryppäänä.

Graphvizin ymmärtämän DOT-tiedoston luominen ohjelmallisesti on melko yksinkertaista. Lisäksi useimpiin ohjelmointikieliin löytyvät suoraan kytkennät Graphvizin käyttämiseen kirjastona. Monet ohjelmat hyödyntävätkin Graphvizia graafien luomiseen sen sijaan, että yrittäisivät itse laskea sopivaa sijoittelua graafin solmuille. Eräs tällainen ohjelma on debtree, joka tulostaa DOT-tiedoston pyydetyn Debian- ja Ubuntu-jakeluissa käytettävän deb-paketin riippuvuuksista.

Kotisivu
http://www.graphviz.org/
Lisenssi
Eclipse Public License (EPL)
Toimii seuraavilla alustoilla
Linux, Solaris, Windows, Mac OS X, FreeBSD, OpenBSD, NetBSD
Asennus
Linux-jakeluihin Graphviz löytyy suoraan paketinhallinnasta. Muille alustoille se on ladattavissa ohjelmiston kotisivulta.
Käyttöohjeet
Ohjelman dokumentaatiota
Graafien, solmujen ja kaarien ominaisuuksia
GraphViz for discrete math students

Teksti: Pesasa
Kuvakaappaukset: Pesasa

Julkaise syötteitä