abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
včera 23:15 | IT novinky
Firma Raptor Computing Systems, která stojí také za pracovní stanicí Talos II, představila levnější desku Blackbird s podporou jednoho 4-/8jádrového CPU POWER9 Sforza a formátem microATX; bližší specifikace jsou ve wiki výrobce.
Fluttershy, yay! | Komentářů: 0
včera 22:11 | Zajímavý projekt

Byla vydána verze 1.0 svobodné federalizované platformy pro sledování a sdílení videí, alternativy YouTube s podporou P2P, PeerTube (Wikipedie). Za vývojem PeerTube stojí nezisková organizace Framasoft snažící se mimo jiné nahradit svými svobodnými Frama službami služby společnosti Google (De-google-ify Internet).

Ladislav Hagara | Komentářů: 0
včera 19:44 | Zajímavý projekt

Společnost System76 prodávající počítače s Pop!_OS nebo Ubuntu plánuje prodej vlastního open source počítače s názvem Thelio. Informací je poskrovnu. Na Twitteru byla představena open source rozšířující deska (daughterboard), která by měla převzít funkce proprietárního softwaru na základní desce (motherboard).

Ladislav Hagara | Komentářů: 2
včera 00:22 | Nová verze

Google Chrome 70 byl prohlášen za stabilní (YouTube). Nejnovější stabilní verze 70.0.3538.67 tohoto webového prohlížeče přináší řadu oprav a vylepšení. Vylepšeny byly také nástroje pro vývojáře (YouTube). Opraveno bylo 23 bezpečnostních chyb.

Ladislav Hagara | Komentářů: 6
16.10. 22:44 | Komunita

Open source nástroj pro monitorování zabezpečení počítačových sítí Bro (Bro Network Security Monitor, Wikipedie) byl přejmenován na Zeek (Zeek Network Security Monitor). Nový název bez negativní konotace by měl být pro uživatele atraktivnější.

Ladislav Hagara | Komentářů: 13
16.10. 22:00 | Nová verze

Po dvou letech od vydání verze 0.4 byla vydána nová major verze 5 linuxové distribuce elementary OS (Wikipedie) vycházející z Ubuntu. Kódové jméno této nejnovější verze je Juno. Přehled novinek i s náhledy v příspěvku na Medium.

Ladislav Hagara | Komentářů: 0
16.10. 18:33 | Komunita

Svobodná decentralizovaná mikroblogovací platforma a sociální síť podobná Twitteru Mastodon (Wikipedie) slaví 2 roky. Krátkou historii a milníky shrnuje příspěvek na blogu.

Ladislav Hagara | Komentářů: 0
16.10. 11:11 | Zajímavý článek

Společnosti Microsoft, Google, Apple i Mozilla včera shodně oznámily, že z jejich webových prohlížečů Internet Explorer, Edge, Chrome, Safari a Firefox počátkem roku 2020 odstraní protokoly TLS 1.0 a TLS 1.1. Michal Špaček v článku Vypněte TLS 1.0 a 1.1 už dnes na svých stránkách informuje, že TLS 1.0 a 1.1 lze vypnout již dnes. Ověřit to lze například pomocí SSL Labs Server Testu.

Ladislav Hagara | Komentářů: 13
16.10. 05:55 | Humor

Banksy před několika dny šokoval umělecký svět svým obrazem, jenž se přímo v aukční síni po svém prodeji za více než 30 milionů korun sám částečně skartoval. Z obrazu Dívka s balónem vznikl obraz Láska v koši. Command Line Magic ukazuje, jak na podobného Banksyho z příkazového řádku.

Ladislav Hagara | Komentářů: 3
15.10. 16:55 | Komunita

Handshake, decentralizovaná certifikační autorita a peer-to-peer DNS aneb DNS v blockchainu, postupně rozděluje mezi svobodné a open source projekty celkově 10,2 milionu dolarů. V srpnu získalo 300 000 dolarů GNOME a 100 000 dolarů GIMP. Dnes oznámila nezisková organizace KDE e.V. zastupující komunitu kolem KDE v právních a finančních záležitostech, že od Handshake získala 300 000 dolarů, z čehož 100 000 dolarů je alokováno pro multiplatformní balík svobodných kancelářských a grafických aplikací Calligra.

Ladislav Hagara | Komentářů: 69
Přispíváte osobně k vývoji svobodného softwaru?
 (41%)
 (42%)
 (23%)
 (23%)
 (11%)
 (36%)
Celkem 231 hlasů
 Komentářů: 12, poslední včera 21:18
Rozcestník

Minimalistické prezentace s Markdown

30. 4. 2013 | David Kolibáč | Tipy a triky | Návody | 5902×

Ohledně tvorby prezentací je de facto průmyslovým standardem MS PowerPoint, resp. tu a tam se objeví alternativa z jiného kancelářského balíku, tedy OpenOffice.org/LibreOffice Impress nebo Keynote (součást Apple iWork). Tyto aplikace jsou ovšem poměrně těžkopádné a příslušné datové formáty často trpí v oblasti přenositelnosti. Existuje alternativa? Určitě ano, v tomto článku se podíváme na některé šablony, které používají standardní webové technologie, a tak si při prezentování vystačíme s textovým editorem a moderním webovým prohlížečem.

Úvod

Kancelářské balíky zpravidla používají pro ukládání svůj nativní formát, ať už je to ODF, OpenXML nebo třeba starší skupina binárních formátů MS Office. Jejich zásadní nevýhodou, se kterou se pravděpodobně setkal skoro každý, je nekompatibilita nejen mezi aplikacemi různých dodavatelů, ale i mezi různými verzemi téže aplikace. Je to tím, že tyto formáty jsou velmi komplexní a aplikace se snaží poskytovat WYSIWYG tvorbu dokumentů, přičemž v souborech postupnými editacemi zůstává různý balast. Když se chceme vyhnout problémům s kompatibilitou, obvykle výsledek snažení exportujeme do PDF, které jde zobrazit na téměř libovolném osobním počítači. Jenže pak zase nastává problém s editací takového souboru.

Když člověk chce mít absolutní kontrolu nad tím, jak bude prezentace vypadat, použije latexový Beamer nebo si prezentaci rovnou “naprogramuje” v QML, JavaScriptu nebo třeba Pythonu (typicky s použitím SDL). To zase není pro každého…

Naštěstí existuje jednoduché řešení, a sice některá minimalistická šablona v HTML, která používá CSS a JavaScript k tomu, aby obyčejnou webovou stránku proměnila v klasické “slajdy”. Nebudeme ale editovat přímo HTML, ačkoliv i to je možné, nýbrž využijeme jednoduchý značkovací jazyk Markdown, resp. jeho implementaci (a rozšíření) pandoc, o němž jsem se zmiňoval v dřívějším článku.

Od prostého textu k prezentaci

Ukažme si tedy jednoduchý text (uvažujme, že je v souboru prezentace.txt), který následně proměníme v prezentaci:

% Lokalizace (svobodného) softwaru
% David Kolibáč
% 30. dubna 2013

# i18n, l10n

> * systémy psaní
> * překlady
> * kulturní zvyklosti
> * typografie

----

# GNU gettext

1. `printf(_("About application %s.\n"), app_name);`
2. `xgettext --keyword=_ derp.c -o derp.pot`
3. `derp.po`

~~~~~~~
#: src/derp.c:42
msgid "About application %s.\n"
msgstr "O aplikaci %s.\n"
~~~~~~~

4. `msgfmt derp.po -o derp.mo`

----

# otázky?

Syntaxi zde nebudu rozebírat, jednak jsem základy naznačil ve výše odkazovaném starším článku, jednak je rozebraná v dokumentaci. Za zmínku stojí několik drobností specifických pro prezentace:

  • První tři řádky uvozené znakem procento (%) tvoří hlavičku, zobrazí se na úvodním slajdu a v metadatech dokumentu.
  • Slajdy se oddělují pomocí horizontalní čáry nebo nadpisů určité úrovně (jde to nastavit, ale zde uvažujeme nejvyšší úroveň).
  • Odrážky uvozené menšítkem (>) se při přechodu na danou stránku prezentace zobrazí postupně, nikoliv zároveň — nebo právě naopak (pokud se použije přepínač -i).

Nyní si uvedený zdrojový soubor přeložíme do prezentace, která už bude vypadat… jako prezentace:

pandoc -i -t dzslides -s prezentace.txt -o presentace.html

Na první pohled je vidět, že -s prezentace.txt označuje vstupní soubor a -o presentace.html soubor výstupní. Význam přepínače -i jsem zmínil výše, slouží k tomu, aby se položky seznamů zobrazovaly postupně. Přepínač -t, resp. slovo za ním následující určuje použitý výstupní formát, v tomto případě použitou šablonu — dostupné šablony jsou:

S5 (s5)
populární šablona původně od Erica Meyera, která existuje ve velkém množství různých variant a rozšíření
Slidy (slidy)
velmi prostě vypadající šablona z dílny W3C
Slideous (slideous)
další šablona, evolučně navazující na předchozí dvě
DZSlides (dzslides)
minimalistická novinka využívající možností HTML5, proto nemusí fungovat ve starších prohlížečích; dá se snadno např. vložit do webových stránek
Beamer (beamer)
prezentace v LaTeXu, vyžaduje následný export do PDF/PS, tento formát je mimo rámec tohoto článku

Další užitečný parametr je --self-contained, který zajistí, že všechno, co je pro spuštění prezentace v prohlížeči třeba, bude zahrnuto v jediném souboru — od samotné prezentace přes javascript a stylopis až po obrázky.

Pokud náhodou nemáte na počítači k dispozici pandoc, není všem dnům konec. Prezentaci můžete vytvořit jako stránku ve wiki gitit a exportovat ji do kýženého formátu. Tento CMS mimochodem mohu jen a jen doporučit — krom toho, že používá pandoc, má ještě jednu zajímavou vlastnost, data jsou totiž uchovávána v klasickém gitovém repozitáři a můžete s nimi podle toho nakládat.

Export ve wiki gitit

Kterou šablonu zvolit?

Všechny čtyři šablony mají společné to, že se ovládají pomocí kurzorových kláves a vypadají podobně jednoduše. Pokud chcete vychytávky jako obsah prezentace nebo číslování stránek, sáhněte po některé z prvních tří. DZSlides se také vyhněte, pokud vám hrozí riziko nekompatibility prohlížeče s novinkami v HTML5.

Osobně jsem Slideous snad nikdy doopravdy nezprovoznil a nevyhovuje mi výchozí ovládání a vzhled S5, tudíž se omezuji na čisté Slidy — nebo v poslední době DZSlides. Na nich se mi zamlouvá to, že kaskádové styly jsou přímo v souboru s prezentací, proto je úprava vzhledu triviální, není třeba upravovat šablonu. Výchozí šablony mimochodem najdete v adresáři jako např. /usr/share/pandoc-1.9.1.1/ v mém případě.

Výchozí vzhled S5 Výchozí vzhled Slidy Výchozí vzhled DZSlides

       

Hodnocení: 100 %

        špatnédobré        

Nástroje: Tisk bez diskuse

Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

Komentáře

Vložit další komentář

30.4.2013 12:34 Boris Dušek | skóre: 22 | blog: everything
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
součást Apple iWorks
iWork, nikoliv iWorks
vim ~/.emacs
Luboš Doležel (Doli) avatar 30.4.2013 13:18 Luboš Doležel (Doli) | skóre: 98 | blog: Doliho blog | Kladensko
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Opraveno.
30.4.2013 14:32 rastakajakwanna
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Osobně jsem nakonec objevil jako nejjednodušší implementaci Opery (Opera Show Format) a tu následně používal pro prezentaci stránek s dokumenty.
30.4.2013 14:36 rastakajakwanna
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Pohrával jsem si ovšem i se Slidy2, který taky v (nejen?) Opeře funguje dobře.
30.4.2013 14:43 rastakajakwanna
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
A uniklo mi, že byl zmíněný v článku :D Každopádně by to mohl být hezký seriál, je to v plánu?
Fluttershy, yay! avatar 30.4.2013 15:02 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Ne. V plánu mám akorát něco o gitit a příp. stylování šablon. Ale nikdo ti o tom nebrání napsat. ~_^
belisarivs avatar 30.4.2013 15:42 belisarivs | skóre: 22 | blog: Psychobláboly
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Ma tohle nejaku vyhodu proti latex-beameru?
IRC is just multiplayer notepad.
Fluttershy, yay! avatar 30.4.2013 15:55 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Jo, nefiguruje tam LaTeX. ^.^
xkucf03 avatar 30.4.2013 19:39 xkucf03 | skóre: 46 | blog: xkucf03
Rozbalit Rozbalit vše Markdown vs. LaTeX
s/vyhodu/nevýhodu/g
s/nefiguruje/nefunguje/g
Mám rád, když se lidé přou, znamená to, že vědí, co dělají, a že mají směr. Frantovo.cz, SQL-Výuka.cz, Nekuřák.net
Fluttershy, yay! avatar 30.4.2013 19:47 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
1.5.2013 20:51 IGD
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
wat sa nepíše s otáznikom.
Fluttershy, yay! avatar 1.5.2013 21:01 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
1.5.2013 22:59 UDG
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
Jéééé, ty jsi frajer!! Taková znalost kultury!! Ten PŘEHLED!! /s
little.owl avatar 2.5.2013 00:07 little.owl | skóre: 22 | Brighton/Praha
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
Vy zase vemte na vedomi, ze "wat" se pouziva v nekolika kontextech a vyznamech a muze se psat s otaznikem.
$ man rtfm
2.5.2013 10:22 UDG
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
Proč bych já měl brát něco na vědomí - bavil jsem se snad o něčem takovém? Žádné "wat" jsem nikde nezmiňoval, vyčisti si brejle, agresore.
pavlix avatar 2.5.2013 10:24 pavlix | skóre: 54 | blog: pavlix
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
Troll alert.
Já už tu vlastně ani nejsem. Abclinuxu umřelo.
2.5.2013 10:43 UDG
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
Dík, myslel jsem si, že je,
2.5.2013 12:27 JS
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
wy?
5.5.2013 00:12 twat
Rozbalit Rozbalit vše Re: Markdown vs. LaTeX
twat?
little.owl avatar 30.4.2013 15:57 little.owl | skóre: 22 | Brighton/Praha
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Ano. Neni to psane v latex.
$ man rtfm
30.4.2013 16:13 Milan Vančura | skóre: 2
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Díky za zajímavý článek. Putuje do záložek.
30.4.2013 23:00 jurasn
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown

"Když člověk chce mít absolutní kontrolu nad tím, jak bude prezentace vypadat, použije latexový Beamer"

Nevím, jak ostatní uživatelé, ale já používám Beamer právě proto, že nemusím řešit, jak má daná prezentace vypadat, jelikož Beamer to na ty slidy naskládá víceméně automaticky tak, aby to nějako rozumě vypadalo.

Fluttershy, yay! avatar 1.5.2013 03:54 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
To udělá i to popsané v článku, rozdíl je v preciznosti sazby.
1.5.2013 08:41 petr_p | skóre: 59 | blog: pb
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Bohužel moje zkušenosti jsou špatné. Všechny exporty do HTML trpí tím, že různé prohlížeče s různou velikosti pixelů a různými fonty vykreslí text různě velký a s rastrovou grafiku se občas nevejdou do viewportu prohlížeče. Tohle se s výstupem do PDF, které má předem daný rozměr nestane.
Fluttershy, yay! avatar 1.5.2013 09:53 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
různé prohlížeče s různou velikosti pixelů a různými fonty vykreslí text různě velký a s rastrovou grafiku se občas nevejdou do viewportu prohlížeče

Což je vlastnost. Např. Slidy v tom případě zobrazí posuvník. Kéž by to platilo také u PDF, kde ale bohužel přetékající obsah prostě není vidět.

Skutečný problém je ovšem někde úplně jinde, a to v lidech, kteří tlačí příliš mnoho obsahu na jeden slajd. Tu a tam to může mít smysl, nicméně v drtivé většině případů, co jsem měl možnost vidět, se jedná o zásadní chybu.

MaT avatar 2.5.2013 01:14 MaT | skóre: 28
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Dají se v takových prezentacích nějak využít i obrázky? Jak moc složité je jejich vkládání? Jak pak takovou prezentaci někam přenést (když to nebude v jednom souboru)?

Něco tak zásadního mi v článku celkem chybí. Já vím, v titulku je "minimalistické", ale myslím, že asi nebudu jediný, kdo v prezentaci občas nějaký ten obrázek potřebuje... :-)
Open source software for open minded people. :-)
Fluttershy, yay! avatar 2.5.2013 03:52 Fluttershy, yay! | skóre: 83 | blog:
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown

Dají, stačí použít ![popisek](adresa/někam.png), což se převede na obrázek (cesta může být jak absolutní, tak relativní, resp. v případě --self-contained se obrázek zahrne přímo do souboru — to je v článku mimochodem zmíněno) a případně i textový popisek pod ním, pokud je vyplněný. Ono je to ostatně zřejmé (nepozorné čtení v 1:14 však vyčítat nebudu ^.^), když jde použít prakticky cokoliv z Markdownu, potažmo jeho rozšíření.

MaT avatar 2.5.2013 21:58 MaT | skóre: 28
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Fajn, tohle jsem potřeboval vědět a v článku to nebylo. :-) Já ho četl, i ten odstavec o parametru self-contained, ale právě zajímalo mě, jak složitě se s obrázky pracuje. Předchozí článek o Markdown jsem nečetl (zatím :-), tak právě abych věděl, jestli se o to mám zajímat dál...
Open source software for open minded people. :-)
alblaho avatar 2.5.2013 11:13 alblaho | skóre: 17 | blog: alblog
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Já jsem si docela oblíbil, Reveal.js.

http://www.root.cz/clanky/reveal-js-efektni-prezentace-pomoci-html/

Dřív jsem docela spokojeně používal Impress, zkoušel jsem Beamer, ale nelíbily se mi šablony (sterilní) a s tvorbou vlastní se mi v TeXu nechtělo štvát.

Na Reveal.js se mi líbí, že graficky působí elegantně. Pro použití v češtině jsem musel trochu hacknout fonty.
7.5.2013 00:11 jiřík | skóre: 9 | Hradec Králové
Rozbalit Rozbalit vše Re: Minimalistické prezentace s Markdown
Zajímavý, díky. Jen tak do budoucna, co je myšlený hackem fontů?
Zapomeňte na pumpičku a na rozhodčí, hrajte Ultimate Frisbee http://www.frisbee.cz

Založit nové vláknoNahoru

ISSN 1214-1267   www.czech-server.cz
© 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.