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í
×
dnes 12:44 | Komunita

Nadace Cloud Native Computing Foundation (CNCF), jejíž cílem je usnadnit spolupráci při vývoji a zavádění nových cloudových technologií, projekt konsorcia Linux Foundation, organizovala od 10. do 13. prosince v Seattlu konferenci KubeCon + CloudNativeCon North America 2018. Shrnutí dění na konferenci v příspěvku na blogu. V úvodu konference společnost Red Hat věnovala této nadaci distribuovanou key-value databázi etcd. Jedná se o

… více »
Ladislav Hagara | Komentářů: 0
14.12. 14:33 | Nová verze

Byla vydána nová verze 1.30 editoru zdrojových kódů Visual Studio Code (Wikipedie). Přehled novinek i s náhledy a animovanými gify v poznámkách k vydání.

Ladislav Hagara | Komentářů: 2
14.12. 14:22 | Nová verze

Deset dnů po představení beta verze byla vydána stabilní verze Steam Linku pro Raspberry Pi umožňující streamovat hry ve službě Steam z počítače na televizní obrazovku.

Ladislav Hagara | Komentářů: 9
13.12. 20:00 | Nová verze

Byla vydána (YouTube) verze 2018.3 multiplatformního herního enginu Unity (Wikipedie). Přehled novinek i s videoukázkami v příspěvku na blogu a v poznámkách k vydání.

Ladislav Hagara | Komentářů: 0
13.12. 19:33 | Nová verze

Byla vydána verze 18.12.0 KDE Aplikací (KDE Applications). Přehled novinek v kompletním seznamu změn a na stránce s dalšími informacemi. Správce souborů Dolphin umí nově například zobrazovat náhledy dokumentů vytvořených v LibreOffice a aplikací ve formátu AppImage. Konsole plně podporuje obrázkové znaky emoji. V Okularu lze k pdf souborům přidávat poznámky.

Ladislav Hagara | Komentářů: 12
13.12. 17:11 | Nová verze

Byla vydána nová stabilní verze 2.2 (2.2.1388.34) webového prohlížeče Vivaldi (Wikipedie). Z novinek vývojáři zdůrazňují například vylepšení správy listů - vybrané listy lze uložit jako relaci, možnost zobrazení klávesových zkratek určených webovou stránkou nebo možnost přehrávání videí v režimu obrazu v obraze. Nejnovější Vivaldi je postaveno na Chromiu 71.0.3578.85.

Ladislav Hagara | Komentářů: 9
13.12. 14:22 | Nová verze

Po 4 měsících vývoje od vydání verze 3.0.0 byla vydána nová verze 3.1.0 otevřeného emulátoru procesorů a virtualizačního nástroje QEMU (Wikipedie). Přispělo 189 vývojářů. Provedeno bylo více než 1 900 commitů. Přehled úprav a nových vlastností v seznamu změn.

Ladislav Hagara | Komentářů: 0
13.12. 01:32 | Nová verze

Letos bylo v komunitě Mageia hodně změn. Po volbě nových vedoucích přišla velká aktualizace a krátce na to udržovací verze 6.1. 7.12., dle plánu, vyšla Mageia s číslem 7 v její první beta verzi. Chyby můžete hlásit v bugzille. Chyby v českých překladech pak na fóru české komunity.

Joelp | Komentářů: 3
13.12. 00:11 | Zajímavý projekt

Kvůli rychlejšímu vývojovému cyklu byla přemístěna Cinelerra-gg. Cinelerra-gg je fork Cinelerry-hv. Některé rozdíly forků popisuje sám hlavní vývojář William Morrow (aka GoodGuy). Není zde popsán i fork Lumiera, zřejmě kvůli zatím nepoužitelnému stavu.

… více »
D81 | Komentářů: 3
12.12. 19:11 | Nová verze

Do aplikace pro instant messaging Telegram (Wikipedie) lze nově nahrát češtinu. Více v příspěvku na blogu Telegramu.

Ladislav Hagara | Komentářů: 7
Chystáte se přejít na Wayland na „desktopu“?
 (24%)
 (8%)
 (12%)
 (31%)
 (25%)
Celkem 134 hlasů
 Komentářů: 19, poslední 14.12. 18:37
Rozcestník

Minimalistické prezentace s Markdown

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

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.