PB029 Elektronická příprava dokumentů
“Anyone who would letterspace the lowercase would steal sheep.” Frederick Goudy (1865–1947), when looking on a prize winner certificate
“You cannot not communicate.” Paul Watzlawick (1921–2007), in Pragmatics of Human Communication Lidé komunikují prostřednictvím dokumentů připravovaných elektronicky.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 1 / 256 PB029 Elektronická příprava dokumentů
PB029 Elektronická příprava dokumentů
Petr Sojka, Vít Novotný Fakulta informatiky MU, Brno podzim 2020
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 2 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 PB029
Elektronická příprava dokumentů Electronic Preparation of Documents
Petr Sojka, [email protected] Konzultační hodiny na podzim 2020: vždy po online výuce či po domluvě emailem i jindy. Cvičení jednohodinová, účast povinná: Vít Novotný, Michal Růžička, Dávid Lupták,(Petr Sojka).
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 3 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Rozvrh výuky PB029
10:00–10:50 11:00–11:50 . . . 16:00–16:50 17:00–17:50 Po Cvičení 03 Út St Přednáška Přednáška Cvičení 01 Cvičení 02 Čt Pá
Výuka sestává z následujících částí: teoretická přednáška o konceptech přípravy dokumentů, příp. i demonstrační přednáška představující praktickou přípravu, cvičení, která jsou určena k vlastní práci studenta na zadáních navazujících na teoretickou a demonstrační přednášku.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 4 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Osnova dnešní přednášky
Přednáška Úvod, základní pojmy v cyklu přípravy dokumentů. Komentovaný sylabus kursu, doporučená literatura. Zkušební korektura. Anketa, čtení na příště (readings).
Organizace předmětu a cvičení. Metody hodnocení. Software pro PB029, první dokument v TEXu.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 5 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Základní informace k předmětu
Materiály k předmětu budou průběžně zveřejňovány na webové stránce předmětu, a v interaktivní osnově v IS MU. Aktuální sylabus předmětu je na IS MU. Doporučená komunikace: synchronně na on-line výuce, asynchronně na diskuzním fóru ISu. Kredity: tři plus ukončení.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 6 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Základní principy přemýšlení o přípravě dokumentů: od Gutenberga po Knutha
I think it’s important to reason from first principles rather than by analogy. The normal way we conduct our lives is we reason by analogy. We are doing this because it’s like something else that was done, or it is like what other people are doing. [With first principles] you boil things down to the most funda- mental truths. . . and then reason up from there. Elon Musk
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 7 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Úvod, základní pojmy
Informatika – „Nauka o vzniku, oběhu a působení informací.“ Informace, její předávání – dokument: “A document is one or more official pieces of paper with writing on them.” (Collins Cobuild) PB029 dokumenty k tisku, na web, ebook, ale ne audio, či video. Příprava dokumentů: obsah a forma dokumentů. Prezentace informací a její důležitost, stále častěji, ne-li výhradně elektronicky: “An electronic process or activity involves the use of electronic devices.” Stále vyšší požadavky na přípravu dokumentů: “Preparation is the process of getting something ready for use or for a particular purpose.”
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 8 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Cyklus vývoje a ladění dokumentů
“A man who would letterspace lower case would steal sheep.” Frederick Goudy (1865–1947)
“If this wisdom needs updating, it is chiefly to add that A woman who would letterspace . . . ” Robert Bringhurst (1946– )
1. Autor −→ čtenář. 2. Cyklus vývoje a ladění dokumentu: paralela s laděním programu (waterfall diagram).
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 9 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 10 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Cyklus vývoje dokumentů
1. Pořízení textu, značkování logických částí. 2. Design – návrh dokumentu. 3. Sazba, typografie. 4. Korektury. 5. Vytvoření předlohy/matrice. 6. Tisk, vystavení dokumentu. Stále častěji dynamické, interaktivní, hypertextové „dokumenty“.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 11 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Sylabus přednáškyI
Dozvíte se základní principy, techniky, algoritmy tvorby dokumentů: závěrečných prací, webových dokumentů, prezentací, rozsáhlejších technických textů, s praktickým zaměřením na systém TEX. 1. Postup při přípravě dokumentů; základní pojmy a terminologie. LATEXová kuchařka. 2. Značkování. Zápis textů, Unicode. Logická struktura dokumentu. Principy značkovacích jazyků. 3. XML a LATEX jako značkovací jazyky. Motivační příklady a LATEXová kuchařka.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 12 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Sylabus přednáškyII
4. XML/XHTML. DTD, XML Schema, validace. Příklady webových technologií. DOM, AJAX, HTML5. Návrh. Principy knižního designu. 5. Principy a specifika designu webu. CSS, JavaScript, XSL, XSLT, XSLT-FO. Transformace a konverze dokumentů. 6. Základy a pravidla typografie, terminologie. Písma, typy písem, způsoby reprezentace a designu písem. Rastrovací algoritmy, techniky redukcí tvaru písem. Formáty písem, METAFONT. 7. Sazba. Specifika a pravidla sazby českých textů. Pravidla pro citování.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 13 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Sylabus přednášky III
8. Sázecí systémy. LATEX. Styly sazby a jejich implementace (makroprogramování). 9. Principy a algoritmy sazby na příkladu TEXu. Algoritmy řádkového a stránkového zlomu, hz-algoritmus. 10. Předtisková příprava. Jazyky pro popis stránek. PostScript, PDF. Výstupní zařízení, jejich charakteristiky. Osvit. 11. Tisk a distribuce. Typy tisku a vazba. 12. Závěrečné shrnutí, sdílení zkušeností.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 14 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Sylabus přednáškyIV
„Rozhodně, prosím, opusťte vody nepoučených nalévačů textu‘ či ’ myšařů‘ a začněte vyrábět sazbu, již je nejen radost číst, ale na níž i ’ oko se zalíbením spočinouti může.“ Michal Ptáček
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 15 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Osnova cvičeníI
1. 05.10.–11.10. Organizační pokyny, Overleaf PRO Prostředí a editace pro TEX 2. 12.10.–18.10. Pomoc s instalací, různé podoby TEXu 3. 19.10.–25.10. Textové soubory na různých platformách + Vícejazyčná sazba TEXem 4. 26.10.–03.11. (X)HTML(5), LaTeXové makrobalíky, CTAN 5. 04.11.–10.11. CSS + JavaScript 6. 11.11.–17.11. Automatizace sazby dokumentu + Správa verzí elektronických dokumentů (+ GIT) 7. 18.11.–24.11. XML
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 16 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Osnova cvičeníII
8. 25.11.–01.12. Sazba bibliografie + Automatizace sazby 1 9. 02.12.–08.11. Sazba rejstříku + Automatizace sazby 2
10. 09.12.–15.12. Obrázky v TEXu + Vkládání PDF souborů do TEXových dokumentů + Mikrotypografie 11. 16.12.–22.12. Nástroje WYSIWYG, Scribus 12. 04.01.–10.01. Příprava závěrečné práce (fithesis3) + prezentace TeXem (+ mubeamer) 13. 11.01.–17.01. Korekturní cvičení
Změny vyhrazeny!
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 17 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Shrnutí – Dokumenty a VT
1. Použití výpočetní techniky při celém cyklu práce s dokumenty (vytváření, testování a údržba dokumentů – nosičů informací). 2. Dokumenty tištěné; zaměření na technické, strukturované (DP, odborné publikace, články, přípravy). 3. Hypertext: „dokumenty“ elektronické, jejich značkování, vytváření, validace, konverze, šíření. 4. Přednášky – „teorie“, důraz na principy; cvičení – „praxe“, sdílení zkušeností se softwarovými systémy a el. vytvářením dokumentů, nejen TEX.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 18 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Organizační pokyny
Interaktivní osnova a web předmětu budou obsahovat veškeré důležité informace. Seznamte se s jeho strukturou a průběžně jej sledujte: fi.muni.cz/lemma/PB029 Pro řešení problémů je mimo přímého dotazu na cvičeních optimální využít diskuzního fóra předmětu v IS MU:
is.muni.cz/auth/discussion/predmetove/fi/podzim2020/PB029/ Účast na cvičeních je povinná a práce ze cvičení se povinně odevzdává do dvou týdnů od zadání (na cvičení). V případě potřeby můžete v daném týdnu navštívit i jiné cvičení, než do kterého jste registrováni. Odpovědníky jsou nepovinné; umožňují vám procvičit si látku z předchozího týdne a získat malý bodový bonus.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 19 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Hodnocení – bodovací systémI
Závěrečné hodnocení předmětu se skládá z: nepovinných odpovědníků (10 × 1 b = 10 b), nepovinné práce ze cvičení (8 × 5 b = 40 b), povinného tištěného zápočtového dokumentu (10 b), povinného elektronického zápočtového dokumentu (15 b), hodnocení aktivity na přednáškách (až 10 b), (ne)povinné závěrečné zkoušky (15 b) a korektury (10 b). K zápočtu je třeba získat 45 b, pro kolokvium alespoň 50 b a 55 b pro ukončení zkouškou. Pro úspěšné zakončení zkouškou je dále nutné získat za zkoušku a korekturu dohromady alespoň 10 b.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 20 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Hodnocení – bodovací systémII
Během zkoušky nelze používat jakékoliv materiály. Hranice hodnocení E–A je určována poměrově metodikou ECTS. Prémiové body: prémiové úkoly na webu předmětu, aktivita na přednáškách, cvičeních, diskusním fóru předmětu, za upozornění na chyby v materiálech předmětu. Detailní organizační pokyny naleznete na webu předmětu: fi.muni.cz/lemma/PB029/practices/organizacni-pokyny. Zadání zápočtových úloh je na fi.muni.cz/lemma/PB029/finalwork.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 21 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Relevantní kurzy na MUI
1. PřF:M5751 – Elektronická sazba a publikování v TEXu 2. FI:PV123 – Základy vizuální komunikace 3. FI:PV219 – Seminář webdesignu 4. FI:PV212 – Seminar on Digital Typography, . . . 5. FI:PB138 – Moderní značkovací jazyky 6. FI:PV066, PV067 – Typografie I, II 7. FI:PV257 – Graphics Design and Multimedia Project 8. FI:PV078, PV083 – Grafický design I, II 9. FI:PV084, PV085 – Písmo I, II 10. nebo i FI:PV211 – Introduction to Information Retrieval
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 22 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Doporučené zdroje a literatura
1. Electronic Document Preparation Pocket Primer: Vznikající kuchařka předmětu psaná v angličtině. 2. Jiří Rybička: LATEX pro začátečníky, Konvoj 2003, 3. vydání. 3. Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, 6. vydání. 4. Jiří Rybička, Petra Čačková, Jan Přichystal: Průvodce tvorbou dokumentů, Nakladatelství Stříž, 2011. 5. Studijní materiály v ISu, odpovědníky, DVDTEXlive 2020, www.CSTUG.cz a odkazy na webové stránce předmětu. 6. Bohatá knihovna na FI (s poličkou předmětu s materiály PB029, časopisem Font,. . . ).
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 23 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Další zdroje, příbuzná literaturaI
1. Robert Bringhurst: The Elements of Style, Hartley & Marks, 1992. 2. Airi Salminen, Frank Tompa: Communicating with XML, Springer, 2011. 3. Jiří Kosek: XML pro každého, Grada, 2000. 4. Pavel Satrapa: WWW pro čtenáře, autory a misionáře. 5. P. Taylor, J. Zlatuška: Book design, sborník SOFSEM 1993, Zpravodaj CSTUG 1–4/95. 6. Petr Olšák: Typografický systém TEX, Konvoj&풞풮TUG, 2000. 7. Petr Olšák: TEXbook naruby, Konvoj, 1998. 8. P. Pop a kol.: Sazba I, SPN 1984.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 24 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Další zdroje, příbuzná literaturaII
9. Donald Knuth: Digital Typography, Addison-Wesley, 1999. 10. Jean-Luc Dusong, Fabienne Siegwartová: Typografie od olova k počítačům, Svojtka, Vašut, 1997. 11. Zdenka Dvořáková: DTP a předtisková příprava, CPress 2008.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 25 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Obecné informace – software
Pro práci můžete: využít počítač s Windows v učebně, ke kterému se můžete přihlásit i vzdáleně nebo se vzdáleně přihlásit na některý z unixových serverů na FI. Pak můžete také (silně doporučeno): využít on-line služby pro práci s TeXem a pracovat na vlastním počítači s distribucí TeX Live nebo MikTeX. Detailní informace naleznete na webu předmětu: fi.muni.cz/lemma/PB029/practices/software
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 26 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 TEX mimo FI
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 27 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Overleaf, Overleaf PRO
Overleaf – instantní start do světa s TeXem! fakultní PRO licence bohatství šablon FI MU, fithesis
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 28 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Vyhodnocení korektury
Spočtěte počet úspěšně nalezených chyb v korektuře.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 29 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Minianketa
1. Dosavadní praxe vytváření tištěných (zejména technických, i pracovních) a elektronických/multimediálních (webové stránky, PDF, E-pub apod.) dokumentů: 1.1 rozsah a typ dokumentů (odb. literatura, eseje, dopisy, . . . ) 1.2 jaký software používáte? 1.3 v čem jste s dosavadním stavem nespokojeni? 2. Proč jste si předmět zapsali (co si slibujete od jeho absolvování) – kromě kreditů? 3. Návrhy či připomínky k přednášce, jak ji obohatit, rozšířit? 4. Jak hodláte zúročit informace z předmětu v praxi? 5. Jakou vlastníte relevantní literaturu a jaké příbuzné předměty jste absolvovali, respektive je máte zapsány? 6. Návrhy na prémiové úkoly, zadání závěrečné práce (oblasti Vaší expertízy, o čem byste chtěli případně poreferovat)?
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 30 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020 Rozchod
Je čas na závěrečnou anketu!
A přečtěte si Readings odkazované na konci interaktivní osnovy předmětu.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 31 / 256 PB029 Elektronická příprava dokumentů 1. přednáška, 7. 10. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 32 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Osnova dnešní přednášky
Přednáška Shrnutí předchozí hodiny, komentáře k anketě. Zápis textu v Unicode. Logická struktura dokumentu, značkování. XML a LATEX jako příklady značkovacích metajazyků. Značkování v LATEXu. TEX ve školách? Příklady dobré praxe, makrobalíky.
Demopřednáška: Rozdíly a záludnosti textových souborů na různých platformách v mezinárodním prostředí.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 33 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Anketa – komentářeI
1. Dosavadní praxe vytváření tištěných (zejména tištěných, i pracovních) a elektronických/multimediálních dokumentů: a) rozsah a typ dokumentů (odb. literatura, eseje, ...) Počet respondentů: 9 Nejčastější odpovědi: 1 bakalářská práce, úlohy do školy na FI (5×) 2 eseje, reporty, maturitní práce (3×) 3 webové stránky, papírový zpěvník,... b) jaký software používáte? Počet respondentů: 9 Nejčastější odpovědi: 1 Overleaf (5×) 2 Google Dokumenty, Microsoft Office (5×) 3 JSweave a knitr z R-Studia, Python=Django, TexShop, PSPad, Notion c) v čem jste s dosavadním stavem nespokojeni? Počet respondentů: 9
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 34 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Anketa – komentářeII
Nejčastější odpovědi: 1 Neznám / neumím používat nástroje. 2 Neznám pravidla typografie. 3 Chybí mi komplexní znalosti. 4 Neumím XML.
2. Proč jste si předmět zapsali (co si slibujete od jeho absolvování) - kromě kreditů? Počet respondentů: 9 Nejčastější odpovědi: 1 příprava závěrečné práce 2 znalost TeXu a přidružených nástrojů 3 schopnost vytvářet kvalitně dokumenty 4 kredity
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 35 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Anketa – komentáře III
3. Návrhy či připomínky k přednášce, jak obohatit, rozšířit? Počet respondentů: 9 Nejčastější odpovědi: 1 Nevím, nenapadá mě nic. 2 Přidejte praktické ukázky látky. 3 Přednáška OK, líbilo se i vyzvání k zapnutí kamer (zatím ojedinělé). 4 Velmi mi nevyhovují videokamery, celkově pomalé tempo.
4. Jak hodláte zúročit informace z předmětu v praxi? Počet respondentů: 9 Nejčastější odpovědi: 1 příprava závěrečné práce 2 příprava osobních dokumentů 3 příprava dokumentů ve škole a práci
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 36 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Anketa – komentářeIV
5a. Jakou vlastníte relevantní literaturu? Počet respondentů: 9 Nejčastější odpovědi: 1 žádnou 2 Pište správně česky 5b. Jaké příbuzné předměty jste absolvovali? Počet respondentů: 9 Nejčastější odpovědi: 1 žádné 2 FI:PV123 - Základy viz. komunikace 3 FI:PB138, PřF:C150
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 37 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Anketa – komentářeV
6a. Návrhy na prémiové úkoly, zadání závěrečné práce? Počet respondentů: 9 Nejčastější odpovědi: 1 Nevím.
6b. Oblasti Vaší expertízy, o čem byste chtěli případně poreferovat? Počet respondentů: 9 Nejčastější odpovědi: 1 Nevím. 2 Sazba not, Lilypond.
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 38 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Od autora ke čtenáři · podzim 2020 39 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Linearizované myšlenky z hlavy autora do textu
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 40 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Myšlenky z hlavy autora do textu
“We thrive in information-thick worlds because of our marvelous and everyday capacity to select, edit, single out, structure, highlight, group, pair, merge, harmonize, synthesize, focus, organize, condense, reduce, boil down, choose, categorize, catalog, classify, list, abstract, scan, look into, idealize, isolate, discriminate, distinguish, screen, pigeonhole, pick over, sort, integrate, blend, inspect, filter, lump, skip, smooth, chunk, average, approximate, cluster, aggregate, outline, summarize, itemize, review, dip into, flip through, browse, glance into, leaf through, skim, refine, enumerate, glean, synopsize, winnow the wheat from the chaff and separate the sheep from the goats.” Edward Tufte
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 41 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Zápis textů elektronicky: UnicodeI
Kódování textů. 5000 živých jazyků se stovkami tisíc znaků. Hlavní motivace: nutnost shody na reprezentaci znaků při digitální komunikaci a přípravě dokumentů (dříve např. čeština kódována v CS Kam, KOI-8, CP-1250, ISO Latin2, . . . ). Unicode Standard Version 13.0.0
Unicode Consortium je nevýdělečná organizace založená v roce 1989 pro vývoj, rozšiřování a podporu používání Unicode Standardu. Členové konsorcia představují široké spektrum korporací a organizací.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 42 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Zápis textů elektronicky: UnicodeII
Respektuje ISO (International Standard Organization), mezinárodní ISO standard ISO/IEC 10646-1, 1993: Universal Multiple-Octet Coded Character Set (UCS). První standard s ambiciózním cílem obsahovat všechny znaky používané v psaných jazycích, včetně matematických a dalších symbolů. Jazykově neutrální, zrušení předpokladů ekvivalence znaků a glyfů, neproporcionality hladkého textu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 43 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Unicode principy návrhu
univerzalita logické pořadí efektivita unifikace znaků rozlišení znaků a glyfů dynamická kompozice znaků dobře definovaná sémantika ekvivalentní sekvence znaků znaků konvertibilita umožňuje i holý (plain) text permanentní stabilita
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 44 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 The Unicode Standard, ISO/IEC 10646I
Unicode (k 9/2020 verze 13.0): sada 143859 znaků pro 154 abeced, spolu s pravidly zpracování specifikovaná konsorciem Unicode: www.unicode.org/versions/Unicode13.0.0/ na 1030 stranách. Jednoznačný kód (číslo U+0000..U+10FFFF, 21 bitů) pro každý znak nezávisle na OS, jazyce, programu; 17 rovin po až 216 = 65 536 znacích. Databáze znaků, přehledné tabulky znaků. Znak s libovolným kódem můžeme zapsat pomocí entity &#kod (kod je v desítkové soustavě) nebo &#xkod (kod je šestnáctkově): code points 0–10FFFF16.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 45 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 The Unicode Standard, ISO/IEC 10646II
UCS-4 resp. UCS-2 “Universal Character Set coded in 4 resp. 2 octets”. UCS-2 pouze pro nultou rovinu (basic multilingual plane, BMP) (two-octet BMP form). Jednoznačný trend použití všude (na WWW, v OS [cut & paste], značkovacích i programovacích jazycích). Kritériem přidání znaku je odlišnost ve významu i tvaru (CJK unifikace). Výjimky: Latin P, Greek P (capital rho), Cyrillic P (R). Neznaky (noncharacters), privátní zóny (roviny 15 a 16) pro specifické použití aplikací.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 46 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 The Unicode Standard, ISO/IEC 10646 III
S klesající abstrakcí rozpoznáváme znaky, grafémy a kód:
41 cc 8a cc 81
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 47 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Unicode Transformation Format UTF: přenos znakůI
Problémy s přímým přenosem textů v UCS-4 (prostorově neefektivní) → transformační/kódovací metody UTF-8, UTF-7, UTF-16, UTF-32 jako jednoznačné mapování znaků. UTF-16 16bitové slovo obsahuje kód znaku, rozšíření: 1 znak zabere dvě 16bitová slova. UTF-16BE a UTF-16LE. UTF-8: znaky ASCII nahrazeny byty hex 00-7F. Ostatní znaky nahrazeny dvěma až čtyřmi byty hex 80-FF. UTF-7: pro SMTP protokol; kódovány i speciální znaky ASCII. Specifikovaný IETF, Internet Engineering Task Force, a formálně nesouvisející s ISO/IEC 10646. Výsledkem je text neobsahující kontrolní znaky a znaky nad 7F.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 48 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Unicode Transformation Format UTF: přenos znakůII
UTF-32, UTF-32BE (big endian), UTF-32LE (little endian). Vícebytová pořadí: BOM – Byte Order Mark, OxFEFF. UTF a BOM FAQ. Bytes Encoding Form 00 00 FE FF UTF-32, big-endian FF FE 00 00 UTF-32, little-endian FE FF UTF-16, big-endian FF FE UTF-16, little-endian EF BB BF UTF-8
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 49 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Standardní implementační úrovně 1–3 podporované v software
Příklad dánského “A with ring above and acute accent”: 01FA reprezentace použitá v úrovních 1 a 2: jeden složený znak; 00C5 0301 “A with ring above” + combining acute accent nebo 0041 030A 0301 “A” + combining ring above + combining acute accent. Program implementující standard úrovně 3 musí být schopen zpracovat tyto kompozitní sekvence stejně jako výše uvedenou reprezentaci.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 50 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Unicode vlastnosti, shrnutí
Třídění: Unicode Collation Algorithm, způsob definice porovnání řetězců. Normalizace textu, kanonická forma, ligatury. Tři úrovně implementace Unicode, obousměrný text, kombinace znaků, kompozitní sekvence znaků. ICU: International Components for Unicode.
Shrnutí, detaily a přehled. Sekce 1 z Electronic Document Primer.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 51 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Obsah a forma
“Algorithms + Data = Program” Niklaus Wirth
„Forma + Obsah = Dokument“ Petr Sojka
1. Přenos informace – raison d’être dokumentu 2. Obsah – stylistika, jazyková správnost, koheze 3. Forma jednotnost přenos informace struktura typografie interpretace = skladby literatura kompozice
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 52 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Logické a vizuální značkování
1. Obsah −→ Forma; vizuální prvky musí podporovat vnitřní obsah a strukturu a být s ní konzistentní. 2. Značkovací jazyky (Markup Languages): XML/SGML/HTML, LATEX umožňují oddělit obsah a formu tam, kde je to možné. 3. Značky logické struktury × vizuální × procesní. 4. Někdy oddělit nelze (Trychtýř Christiana Morgensterna).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 53 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Z hlavy autora do elektronické podoby
“Data cannot be used at a finer grain than it is marked up at.” R. Jelliffe
1. Autor, jeho interní model problematiky v hlavě a jeho (neustálá) reorganizace. 2. Lineární zápis (psaní) v časovém okamžiku formou textu dokumentu. 3. Krátké versus delší, strukturované texty. 4. Koherence, stavba a struktura textu. 5. Logická struktura dokumentu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 54 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Logická struktura dokumentuI
1. Pro prezentaci logické struktury obsahu, pro automatizaci zpracování, pro oddělení formy od obsahu je vhodné do textu přidávat explicitní značky. 2. Dříve sazeč určoval interpretaci implicitně z kontextu a sémantiky textu: holý text v přirozeném jazyce ve strojopise může být víceznačný. 3. Značka explicitně zjednoznačňuje (víceznačný) text. 4. Příklady strukturování dokumentu. 5. Příklady zjednoznačňujících značek: :-) (ze slovníčku smileys) či
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 55 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Logická struktura dokumentuII
6. Značka je kód přidávaný k (elektronicky) vytvářenému textu, který definuje strukturu textu (logická značka) nebo formát textu (vizuální značka ) nebo pojmenovává způsob zpracování textu (procedurální značka) \newpage.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 56 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Jaké značky?I
1. Autorovi nejbližší sémantické, deklarativní, deskriptivní značkování (jména pro kategorizaci). 2. Výhody deskriptivního značkování: Nezávislé zpracování označených dat různými způsoby a programy: generování různých výstupů z jednoho zdroje (databáze, dobře označkovaný text) pro elektronickou (XML, HTML, PDF, Hypercard, . . . ) nebo tištěnou verzi (PS, PDF z LATEXu). Oddělení obsahu a formy (ohledně formy má rozhodující slovo nakladatel). Je snazší výměna a komunikace obsahu: komunikace mezi (spolu)autory, redakcí (přes Internet).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 57 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Jaké značky?II
Datová nezávislost: textové soubory, dlouhodobá archivace trvalých hodnot [papír (500 let) versus bity (k nové verzi programu)].
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 58 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Jaký značkovací jazyk?I
1. Nevýhody proprietárních formátů (Word, WordPerfect): účelově se mění, jsou nestabilní, uzavřené formáty. 2. Hrozí babylonské zmatení jazyků nebo monopol nevhodného formátu. → lingua franca značkovacích jazyků? ?
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 59 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 XML?
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 60 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 XML? XML! Nikdy není pozdě!
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 61 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 XML jako značkovací jazyk
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 62 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 LATEX?
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 63 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 LATEX jako značkovací jazyk?
\documentclass{article} \title{\TeX\ in Schools: Just Say No} \author{Konrad Neuwirth} \begin{document} \begin{abstract} \TeX\ is a very good tool for typesetting. But does it offer anything for schools? The author explains in detail why he thinks that \TeX\ should not go into the schools. \end{abstract} \maketitle \section{Introduction} ... \end{document}
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 64 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 LATEX jako značkovací jazyk do škol?
“TEX in Schools? Just Say No!” (Konrad Neuwirth, 1990)
“TEX in Schools? Just Say Yes!” (Petr Sojka, Vít Novotný, 2017)
Proč zrovna LATEX do škol?
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 65 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 LATEX v cloudu
1. Přestože je TEX dávkový systém, existují téměř WYSIWYG cloudové [komerční] systémy Overleaf (dříve WriteLaTeX, nyní sloučen s ShareLaTeX, TeXonWeb, Sciencesoft. 2. Sdílená editace se spoluautory, mnohé šablony včetně šablon MU, uložení v cloudu, možnost synchronizace dat projektu na lokální PC jako projekt gitu (či jako .zip).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 66 / 256 PB029 Elektronická příprava dokumentů 2. přednáška, 14. 10. 2020 Ukázky značkování LATEXu a způsobu vývoje
1. Visačka pro recepční (obsah a forma) 2. Studuj na FI MU 2021/2022 (sdílení dat) 3.T EX in Schools? (příklad článku) 4.T EX in Schools? (slidy, znovuužití) 5. muletter (příklad dopisu JVS MU) 6. dodecahedron (příklad síly maker)
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 67 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 68 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Osnova dnešní přednášky
Přednáška Různé podoby TeXu: TeX, e-TeX, pdfTeX, XeTeX, LuaTeX, plain TeX, csplain, LaTeX, ConTeXt a co si s tím vším počít. Rychlokurs značkování LATEXu. Zkušenosti s TEXem, sdílení v breakout room. XML: dobrá strukturovanost, validace.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 69 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Vzkazy od DEK, autora TEXu
8.–11. 10. 2019 byl prof. Knuth v Brně v rámci oslav 25 let FI: jeho doporučenía záznam české premiéry jeho varhanního oratoria....
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 70 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 LATEXová kuchařka
&DU\kern-1ptANE BIBBY\cr \noalign{\vfill} &\setbox0=\hbox{\manual77}% \setbox2=\hbox to\wd0{\hss\manual6\hss}% \raise2.3mm\box2\kern-\wd0\box0\cr % A-W logo &ADDISON\kern.1em--WESLEY\cr %&PUBLISHING COMP\kern-.13emANY\kern-1.5mm\cr
WTF? Rychlokurs značkování (značky logické a procesní) LATEXu v separátní prezentaci:LATEX for beginner’s
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 71 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Diagram cyklu vývoje a ladění dokumentů v TEXu
TEX je inherentně dávkový systém, komunikující přes externí soubory. Nezbytná orientace v závislostech, formátech, téměř čtyřicetileté dědictví otevřenosti a vývoje. Verze TEXu, formáty, pomocné programy. Cyklus vývoje dokumentu, jeho automatizace, „jedno tlačítko“.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 72 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020
TFM HYP CLS POOL
INITEX
LOG FMT TEX STY CLS TFM
(pdf)TEX
FNT DVI LOG IDX AUX
IST BIB BST
DVI ovladač MakeIndex BibTEX
výstup ILG IND BLG BBL
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 73 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Použití přípon souborů
Soubor Popis Identifikace (suffix, extenze, etc.) TEX textový vstup tex, ltx DVI výstup TEXu, zformátovaný text dvi PDF výstup (pdf)TEXu, zformátovaný text pdf LOG zpráva o překladu log HYP vzory dělení slov tex, pat, hyp TFM metriky fontů tfm FMT formátový soubor fmt CLS TEXové styly cls, tex, dtx STY TEXové pomocné styly sty, tex, doc AUX pomocné soubory aux, toc, lot, lof, glo, tmp, tex IDX neutříděný rejstřík idx IST styl sazby rejstříku ist ILG MakeIndex log soubor ilg IND utříděný rejstřík ind BIB bibliografické záznamy bib BBL seznamy citací bbl BLG BibTEX log soubor blg BST BibTEX style soubor bst
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 74 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Verze TEXu, formáty, specifika české sazby
Vývoj od 7bitového TEXu přes TEX 3.0 až po XeTeX optimalizovaný pro Unicode a OpenType a LuaTEX s vestavěným interpretem Lua. Programy: TEX, pdfTEX, XeTEX, LuaTEX. Formáty: plainTeX, LATEX a CSLATEX, LATEX+babel, pdfLATEX, XeLATEX, LuaLATEX. Cvičení Různé podoby TEXu Cvičení Česká sazba TEXem
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 75 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 LATEXová kuchařka
Rychlokurs značkování (značky logické a procesní) LATEXu v separátní prezentaci:LATEX for beginner’s
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 76 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 XML vs. LATEX: výhody a nevýhody
1. Snadnost zavedení vlastního jazyka a zkratek. 2. Algoritmické vynucení struktury, a značkování. 3. Množství software a nástrojů pro zpracování a jejich portabilita. 4. Uživatelská přítulnost a snadnost editace. 5. Rozšířenost a podpora.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 77 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 78 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Co je to XML?
1. XML: EXtensible Markup Language. 2. Univerzální a otevřený formát pro reprezentaci (a výměnu) téměř libovolné datové struktury – dokumentů i dat. 3. Doporučení WWW Consortium: rozšiřitelný značkovací (meta)jazyk.
4. Celá sada technologií a formátů s XML souvisejících (XHTML, XSL, XSL-FO, CSS, XPointer, XLink, . . . ) pro elektronické zpracování textů, design, sazbu i výměnu dokumentů či dat.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 79 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Příklad XML dokumentu
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 80 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Vymezení XML
Násobné a opakované použití dat. Metajazyk: XML nespecifikuje ani sémantiku, ani množinu značek, umožňuje však značky definovat a definovat jejich strukturální závislosti. Sémantiku určují aplikace (webové prohlížeče jsou jedny z nich). Části XML dokumentu: deklarace + gramatika + data.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 81 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 XML jako metajazyk
XML je mezinárodní standard pro popis značkovacích jazyků. Formálněji je to syntaktický metajazyk pro definici tříd dokumentů (deskriptivních značkovacích jazyků), nezávislých na abecedě. Formální definice typu dokumentu se nazývá DTD – Document Type Definition, definice typu dokumentu (gramatika třídy dokumentů). XML parser (validátor) pak čte na vstupu DTD a kontroluje formální správnost. Instance XML dokumentu (dále jen XML dokument) sestává z deklarace (pokynů pro parser), gramatiky (DTD) a vlastního popisně označkovaného textu, dat.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 82 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Syntaxe XML: správná strukturovanost “well formed”
XML document s korektní syntaxí (stromová struktura) je nazýván správně strukturovaný, well-formed. X Správně strukturovaný dokument by měla zpracovat každá XML aplikace. Sekce CDATA pro pohodlnější psaní části dokumentů obsahujících významné znaky:
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 83 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Validita XMLI
Silnější pojem než správná strukturovanost: validita. Dokument vyhovuje gramatice, která vynucuje strukturu, pořadí a množství značek. Gramatika ve formě DTD (Document Type Definition). Validátory (parsery): nsgmls, msxml, xerces, xmllint,... Webová validace XHTML: https://validator.w3.org. HTML5 validace: https://html5.validator.nu. Lokální validace: například nsgmls od Jamese Clarka z modulu sp (module add sp) na aisa. Třídy dokumentů. CATALOG. /packages/share/sgml-catalogs/
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 84 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Validita XMLII
Výstup parseru: Element Structure Information Set (ESIS) formát (strom dokumentu). Příklady DTD – informace o studijním předmětu. X Příklad editace webových stránek FI MU.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 85 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 XML deklarace
Musí být na prvním řádku dokumentu, pro způsob interpretace zbývajících bytů. Při standalone="yes" není třeba číst externí DTD.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 86 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Instrukce pro zpracování konkrétní aplikací
Pokyny (procesní instrukce) pro specifické aplikace:
nebo
nebo
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 87 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Z hlavy autora do značek: historický vývoj
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 88 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Historie XML (od SGML 1986)I
1. Organizace ISO (International Standards Organization), vydává známé normy jako ISO 8859-2, 10646-1 (Unicode), . . . 2. Norma ISO 8879:1986 Information processing – Text and office systems – Standard Generalized Markup Language (SGML), vydaná 15. 10. 1986 po dlouhém procesu standardizace na základě návrhu Charlese Goldfarba a jeho GML. Počátky již na konci šedesátých let při návrhu informačního systému právnických textů v IBM.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 89 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Historie XML (od SGML 1986)II
3. Celá sada standardů ISO: kromě SGML, DSSSL (Document Style Semantics and Specification Language, ISO/IEC DIS 10179.2:1994), SPDL (Standard Page Description Language, ISO/IEC DIS 10180:1991) a HyTime (Hypermedia/Time-based Structuring Language, ISO/IEC 10744:1992). X 4. S odstupem času: nesporný úspěch SGML, základ pro další značkovací jazyky (XML), ale například neúspěch SPDL oproti proprietárnímu PostScriptu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 90 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 SGML – historické poznámky a motivace XMLI
Výhody: znovupoužívání částí dokumentů, kvalita a otevřenost systému, obecnost, nezávislost na konkrétní formě (WWW konsorcium), rozšiřitelnost dle technologických možností (hypertext), snížení nákladů, možnost validace (ověření korektnosti dokumentu na základě formální definice jazyka dokumentu). Nevýhody: za obecnost se platí složitostí, i po dekádách užívání jsou nejlepší systémy na plné SGML drahé, změna s rozšířeními HTML, přesto přechod k XML (složitost).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 91 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 SGML – historické poznámky a motivace XMLII
Uživatelé SGML (zpočátku velké instituce, elektronický a letecký průmysl, nakladatelé): AAP, OUP, Boeing, Lufthansa, British Patent Office, Association of German editors, TEI, McGraw-Hill, LDC, . . . viz stránky Organization for the Advancement of Structured Information Standards. Dnešní motivací je přesnější a relevantnější vyhledávání na Internetu (mikroformáty apod.).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 92 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 SGML deklaraceI
„Pokyny pro parser“ s definicemi abeced (analogie popisu BNF): role oddělovačů; rezervovaná jména; zakázané znaky, typicky kontrolní ASCII; pravidla pro pojmenovávání, citlivost na malá a velká písmena; velikosti délek, značek, . . . ; komentáře; parametry chování, které vlastnosti kontrolovat (OMITTAG). Pokud deklarace v dokumentu není uvedena, používá se implicitně referenční syntaxe Reference Concrete Syntax (RCS).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 93 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Příklad SGML deklaraceI
" - markup decl close - DSO "[" - declaration subset open -
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 94 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Příklad SGML deklaraceII
DSC "]" - declaration subset close - MSC "]]" - marked section close - COM "--" - comment - RNI "#" - reserved name indicator - LIT """ - literal - LITA "’" - alternative literal - GRPO "(" - group open - GRPC ")" - group close - AND "&" - and connector - OR "|" - or connector - SEQ "," - seq connector - OPT "?" - opt occurrence indicator - REP "*" - rep occurrence indicator - PLUS "+" - plus occ ind, inclusion - MINUS "-" - exclusion, omission flag - CRO "&#" - character reference open - ERO "&" - entity reference open -
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 95 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Příklad SGML deklarace III
PERO "%" - parameter entity reference open - REFC ";" - reference close - PIO "" - processing instruction close - STAGO "<" - start tag open - ETAGO "" - tag close - NET "/" - null end-tag - ...
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 96 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 SGML/XML DTD: atributová gramatikaI Terminologie teorie formálních jazyků: neterminály (elementy), terminály (entity). Elementy vytvářejí stromovou strukturu, nemohou se navzájem křížit, jeden element je kořenový. Lze použít prázdné elementy. . Elementy mohou mít atributy. X
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 97 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 SGML/XML DTD: atributová gramatikaII
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 98 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Deklarace elementů a atributů
Sekvence, alternativa, ANY, EMPTY, #PCDATA. Opakování: právě jednou, nejvýše jednou (?), alespoň jednou (+), libovolněkrát (*). Typy atributů CDATA, NMTOKEN, NMTOKENS, ID, IDREF, IDREFS, ENTITY, ENTITIES, výčet. Implicitní hodnoty atributů: "hodnota", #REQUIRED, #IMPLIED, #FIXED "hodnota". Formální zápis možný v Backus Naur formě (BNF) jak v doporučení W3C či graficky či výrazem X
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 99 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 EntityI
Vhodné pojmenovat části a fragmenty XML, některé řetězce (&TeX; v IS) a znaky použité jako oddělovače v gramatice: <, &, ". Entity interní textové, externí textové, externí binární a parametrické. Příklad množiny interních textových entit: ISO Latin2.
%ISOlat2; -> ...
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 100 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 EntityII
Externí textové entity:
Externí binární entity:
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 101 / 256 PB029 Elektronická příprava dokumentů 3. přednáška, 21. 10. 2020 Příklady DTDI
1. DTD diplomové práce X . 2. DTD informací o studijním předmětu X . 3. DTD rozvrhu na FI MU a MU (akvizice/generování ISem a konverze do maker fitimetables.sty a sazba interní instalací TEXu ISu. 4. MathML jako příklad DTD používaného pro uložení a výměnu matematických formulí. X
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 102 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Osnova dnešní přednášky a demopřednášky
Přednáška XML, Historický vývoj od SGML k XML. Formální dokumenty a gramatiky: DTD, XML Schema, Relax NG. HTML, XHTML, MathML, HTML5. Demopřednáška: Základní principy XML, tvorba vlastního XML jazyka s formální definicí pomocí XML Schema, transformace XML (povinná úloha). Příprava 1. a 2. zápočtového dokumentu – doporučení.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 103 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Připojení DTD k instanci dokumentuI
Odkazem na soubor:
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 104 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Připojení DTD k instanci dokumentuII
V případě veřejného identifikátoru je mapování od řetězce k souboru určeno tzv. katalogem (proměnná okolí SGML_CATALOG_FILES či XML_CATALOG_FILES).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 105 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Pohledy na XMLI
1. Lexikální pohled: XML dokument je řetěz znaků, z nichž některé jsou data a některé oddělovače, značky. Základem ......
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 106 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Pohledy na XMLII
2. Syntaktický pohled: XML dokument má tři části: XML deklaraci (instrukce pro XML parser), DTD (gramatiku jazyka) a vlastní instanci dokumentu (v tomto jazyce). Instance dokumentu obsahuje data a značky vyhovující DTD. Tento pohled vytváří parser z lexikálního pohledu. 3. Pohled hierarchie objektů: XML dokument je uspořádaná hierarchie (obvykle stromová struktura) objektů s obsahem (elementů). Elementy mají atributy, obsah a další vlastnosti. 4. Entitně-strukturní pohled: XML dokument je vnořená kolekce entit. Většina entit je pojmenovaných. Textové entity mohou odkazovat na další entity, zatímco datové entity obsahují libovolná data.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 107 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Pohledy na XML III
5. Aplikační pohled: XML dokument je cokoli, co autor chce aby jím bylo. Data belongs to whoever creates it, and you get to decide what’s important about your own data.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 108 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Typová kontrola XML: schémata
Oproti DTD (struktura, pořadí elementů) přesnější kontrolu nad obsahem XML dávají jazyky XML Schema nebo Relax NG. Možná kontrola typů. Stejný cíl, různá syntaxe.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 109 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 XML Schema
Více a detaily: https://www.kosek.cz/xml/schema/wxs.html
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 110 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Relax NG
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 111 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Relax NG: kompaktní syntaxe
element zamestnanec { attribute id { text }, element jmeno { text }, element prijmeni { text }, element plat { text }, element narozen { text } }
Detaily: https://www.kosek.cz/xml/schema/rng.html
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 112 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Vytváření značkovaných dokumentůI
Běžný ascii editor (emacs, joe, pico, vim nebo i notepad). PSGML mód emacsu: příklad stránky předmětu. Komerční systémy: Arbortext (Epic), SoftQuad, Corel XMetal . . . (X)HTML svět: Mozilla/Firefox, MSIE, Site, Netscape, FrontPage, . . . Na dnešní demopřednášce: ukázky, workflow pro vývoj XML, přípravu 2. zápočtového dokumentu
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 113 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Vývoj značkovacích jazyků na InternetuI
3/1989: návrh projektu World Wide Web, Tim Berners-Lee, CERN. 12/1990: návrh HTML DTD, první Web software pod NExT. 1991: první WWW prohlížeč pro omezené užití. 1992: CERN začíná propagovat WWW projekt. 2/1993: NCSA zveřejňuje 훼 verzi prohlížeče Mosaic/X M. Andreesena. 7/1993: HTML 1.0 specifikace (Hypertext Markup Language) (RFC 1866) jako Internet draft pracovní skupinou IETF/IIR (Internet Engineering Task Force Internet Information Resources): dokumentový jazyk definovaný pomocí SGML užívaný na WWW. 9/1993: Mosaic pro PC, MAC a X-Window. 11/1993: Dave Raggett (HP) navrhuje HTML specifikaci s formuláři, tabulkami a rovnicemi.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 114 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Vývoj značkovacích jazyků na InternetuII
6/1994: MIT/CERN vytváří organizaci W3. 6/1994: IETF vytváří pracovní skupinu HTML a HTML 2.0 specifikaci. 11/1994: volně šířený prohlížeč Netscape 1.0. 4/1995: Netscape Navigator 1.1. . . . World Wide Web Consortium (W3C). XML/XHTML, MathML.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 115 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Výměna dokumentů na Internetu
Identifikace dokumentů na Internetu: Uniform Resource Locator/Identifier/Name (URL/URI/URN). URN: URI, kdy organizace zajištuje trvalost odkazů (typicky překladovou službou). X metoda://server[:port]/cesta/soubor[#kotva] Http, https, mailto, news, file, ftp, gopher, rlogin, telnet, tn3270, wais. Klient/server architektura; http, https server. Klienti: Google Chrome, Firefox/Mozilla, MS Internet Explorer, Edge, Safari, Opera, Galeon, Konqueror, Amaya, HotJava, . . . Různé módy renderování v klientech: zpětně kompatibilní (quirk mode) a standardy W3C dodržující (standard mode). Servery: Apache (na aise), MS IIS, NCSA, . . . .
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 116 / 256 PB029 Elektronická příprava dokumentů 4. přednáška, 26. 10. 2020 Dokumentové jazyky založené na XML/SGMLI
Vývoj HTML – různá fixní DTD (jedné třídy dokumentů). Koordinace W3C, velké nekompatibilní odchylky velkých firem, problémy s validací. DocBook DTD: svět Linuxu, dokumentace, knihy (O’Reilly, Kosek, Safari online). Nejrozšířenější je HTML, další dokumentové jazyky: TEI (Text Encoding Initiative) DTD; Rainbow DTD: formalizace RTF pro konverze z Wordu; MATHML, TEXML, CALS, WML (WAP) . . . Nyní HTML5 viz rozdíly HTML4 a HTML5.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 117 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Osnova dnešní přednášky a demopřednášky
Přednáška *ML, HTML, HTML5 vs. XHTML (dok.) Formáty a normy související s XML (XLink, XPointer, RDF, XTM). AJAX. DOM. Výměna dokumentů na Internetu, URI/URL/URN. Design – specifická etapa vývoje dokumentů. Principy návrhu. Návrh (design, styl): typografické tradice. Základy a specifika knižního (tištěného) designu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 118 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Na cestě k sémantickému webu
Hledání na webu: od řetězců znaků, přes slova k významům [slov, vět, odstavců, sekcí a dokumentů]. Strojově učená reprezentace významu: spojité vnoření do prostoru (embeddings), nebo diskrétní reprezentace vazeb: Knowledge Graph či komunitní databáze Freebase. Relevance, sémantika, sémantický web, ontologie: formální vyjádření sdílené konceptualizace daného oboru. Použití pro přesnější vyhledávání, Google.
Video Davida Siegela: History of information: Push → Pull.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 119 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 XHTML? XHTML!
Postupný přechod z HTML: XHTML, reformulace HTML jako modulární XML aplikace. XHTML čtou všechny XML-kompatibilní aplikace. Příklad:
a simple paragraph
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 120 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 HTML? HTML5!
Postupný přechod z HTML: XHTML, reformulace HTML jako modulární XML aplikace. HTML5! Příklad HTML5 dokumentu:
Příklad
Toto je příklad HTML dokumentu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 121 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 MathML: značkování matematiky na WebuI
MATHML 3.0 (Mathematical Markup Language) – doporučení W3C. XML slovník/aplikace pro popis matematiky (struktury formulí i prezentačních forem). Příklad: kubickou křivku formalizovat pro další zpracování (vykreslení křivky, integrace, . . . ) z MathML kódu:
Použití jak pro sazbu, tak pro výpočet v systémech jako je Mathematica: přímočaré odlišení víceznačností: diferenciál x od proměnné dx a součinu proměnných dx.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 122 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 MathML: značkování matematiky na WebuII
Možnosti výpočtů, validace, renderování na MathMLcentral. Možnost copy&paste. Značkování matematiky v (Tagged) PDF. Indexování MathML na https://eudml.org. Ukázka hledání včetně formulí.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 123 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 XPointer a XLinkI
“Only connect! That was the whole of the sermon” E. M. Forster, (1879–1970)
Doporučení XLink XML Linking Language a draft XPointer XML Pointer language pro specifikaci vazeb mezi XML dokumenty nebo jejich částmi. Zobecnění hypertextového odkazu známého z HTML, „zpětná kompatibilita“. Odkazy mezi více zdroji. Doplnění odkazů o metadata. Odkazy je možno uložit mimo odkazované dokumenty.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 124 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 XPointer a XLinkII
Xpointer: přesné určení místa ve zdroji, případně výběr jeho části. Odkazy se vytvářejí pomocí elementů a atributů patřících do jmenného prostoru https://www.w3.org/1999/xlink.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 125 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 RDF (Resource Description Framework)
Formální model (RDF validátor) pro reprezentaci metadat: pojmenovaných vlastností a reprezentaci hodnot. Krok k sémantickému Webu?
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 126 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 MikroformátyI
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 127 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 MikroformátyII
Mikroformáty a Google: If I mark up my pages, does that guarantee I’ll get Rich Snippets? No. We will be rolling this out gradually, and as always we will use our own algorithms and policies to determine relevant snip- pets for users’ queries. We will use structured data when we are able to determine that it helps users find answers sooner. And because you’re providing the data on your pages, you should an- ticipate that other websites and other tools (browsers, phones) might use this data as well. You can let us know that you’re in- terested in participating by filling out this form.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 128 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 RDFa: Resource Description Framework in attributes
Technologie pro přenos strukturovaných informací uvnitř webových stránek. RDFa je jeden ze způsobů zápisu (serializace) datového formátu Resource Description Framework (RDF).
... ...
The Trouble with Bob
Date: 2011-09-10
...Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 129 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 DOM: Document Object Model
Objektový model dokumentu W3C: https://www.w3.org/DOM/. Webová stránka dostupná jako datová struktura – strom. Softwarové knihovny pro algoritmické zpracování webového dokumentu.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 130 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 JavaScript: interaktivita pro web, dynamické HTML
Objektově orientovaný skriptovací jazyk, obvykle spouštěný na straně klienta.
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 131 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 AJAX: Asynchronous JavaScript and XML
Motivace: aktualizace pouze části stránky.
w3schools.com Příklady aplikací s AJAXem: Google Suggest (2005), Gmail, Youtube, Google Maps, Facebook tabs. Více: https://www.w3schools.com/xml/ajax_intro.asp
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 132 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Závěrem k etapě o značkování
B2B, B2C rozhraní a služby na Webu: SOAP, UDDI, WSDL, XLANG/XAML, XKMS. XML a navazující technologie, Topic Maps (ISO/IEC 13250) mapy témat, XTM 1.0. SMIL (Synchronized Multimedia Integration Language) pro interaktivní multimédia na Webu. XML pro každého: stránky XML guru kolegy Koska http://www.kosek.cz/xml/. Školičky WWW technologií: W3Schools Technický úvod do XML Normana Walshe. Další zdroje, odkazy a literatura je na stránce předmětu (Kosek,xml.com, zvon.org, W3C, JakPsatWeb.cz...).
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 133 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Shrnutí části o značkování
Proč značky? Jaký značkovací jazyk? Jak jemné značky? Jak použití značkovacího jazyka definovat a kontrolovat?
XML či LATEX, DocBook či fithesis4.cls
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 134 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Značkování · podzim 2020 135 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Principy designu publikací knižního typu
“No, Watson, this was not done by accident, but by design.” Sherlock Holmes
Často zcela absentující etapa designu (Word).
„Forma + Obsah = Dokument“ Petr Sojka
Často zcela absentující oddělení obsahu a formy (Word).
“Semantic == Unambiguous.” David Siegel
Často zcela absentující jednoznačnost daná formou (Word).
Petr Sojka, Vít Novotný · PB029 – Design · podzim 2020 136 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Principy návrhu: styl, design, forma
„Rozhodně, prosím, opusťte vody nepoučených „nalévačů textu“ či „myšařů“a začněte vyrábět sazbu, již je nejen radost číst, ale na níž i oko se zalíbením počinouti může.“ Michal Ptáček, 1995 (seriál v PC World)
Generace návrhářů, typografů samouků; samozvaných expertů. Nejčastější chyba: instantní řešení, absence návrhu (designu). Schopnost odlišovat dobrý návrh od špatného. Černobílost pohledu, protikladnost požadavků, výjimky. „Šaty dělaj’ člověka.“
Petr Sojka, Vít Novotný · PB029 – Design · podzim 2020 137 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Knižní design: co je kniha?
Specifika knihy? Poctivost obalu (na rozdíl od časopisu). Vazba po blocích (na rozdíl od vazby na stříšku). Forma Jednotnost. Přenos informace (raison d’être). Struktura (rejstřík, obsah).
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 138 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Jednotnost (makrotypografie)
Pravidelné šedivé mřížky (citlivost oka). Nezbytnost bílých míst (horror vacui), nesou informaci (oddělují, spojují)! Dvoustránka (double-spread), vyváženost, příklad výjimky: zkrácení dvoustránky. Jednotnost umístění stránky, prvků ve stránce. Řádkový rejstřík (protisk!).
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 139 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Jednotnost (mikrotypografie)
Mezipísmenný proklad. Mezerování (data, zkratky, sazba telefonních čísel, mezivětné mezery). Zavěšená interpunkce. Odstavcová odrážka. „Zákon malých celých čísel“.
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 140 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Přenos informace
“Printing should be invisible.” Beatrice Warde
Spojitost nadpisu s následným textem. Spojitost popisky s tabulkou, obrázkem. Způsoby vyjádření vazeb, spojitostí, nebezpečí (duktus/velikost). Patkové, bezpatkové písmo. Střídmost. Čitelnost. Počet znaků na řádek. Velikosti stránek. Souhrn standardů – paskvil. Volba písem – střední výška písma.
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 141 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Struktura
Obsah, seznamy tabulek, obrázků. Křížové odkazy, jednoúrovňové, dvojúrovňové (nepřímé). Rejstřík. Paginace, paginace vakátů. Spuštěné číslování na úvodních stránkách kapitol. Živá záhlaví, zápatí, co do nich (která úroveň nadpisů)? Zkracování nadpisů do záhlaví, číslování.
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 142 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Knižní design – praktické rady
Stránka/dvoustránka – maketa Rozměry stránky: standardní velikosti (řada A, B, kvarto, folio, . . . ). Aspect ratio: poměr šířky k výšce; důvody: stabilnost držení v ruce (těžiště blíže než délka dlaně); počet znaků na řádku 40–70. Okraje: 1:6:2, 1:8:3, ořez, odpad (montáž), vazba, avantgardní design, marginálie jako prvek designu. Umístění stránky na listu: světlost záhlaví, zápatí. Symetrie a asymetrie. Mřížkový design.
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 143 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Písmo a rozpal
Písmo, základní parametr návrhu. Konotace – klasická (Antikva) × avantgardní (Grotesk) písma. Čitelnost (patkové × bezpatkové). Velikost (mladí × staří čtenáři). Rodina (Times × Palatino), anamorfní zmenšení písma (na 24/25 ve vertikálním směru) v případě nutného přizpůsobení Computer Modern (Monotype 8a), závisí na výstupním zařízení (kontrast mezi tenkými a silnými liniemi). Základní velikost mezislovní mezery (řeky, řešení východů kapitol). Jednotnost: řezy téže rodiny, i pro matematiku (zatím malý výběr). Rozpal: 10/12, světlost, sazba na řádek; typ textů (diplomová práce, inzerát).
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 144 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Číslování a řazení v knize i. patitul ii. vakát iii. titul iv. katalogizace publikace, copyright, [tiráž] v. předmluva k vydání vi. obecná předmluva vii. ditto, pokračování viii. vakát ix. obsah x. ditto, pokračování xi. slovníček xii. vakát 1 první kapitola ... [tiráž]
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 145 / 256 PB029 Elektronická příprava dokumentů 5. týden, 4. 11. 2020 Dobrý návrh nekřičí
“Good typography is not loud. A resonably applied and readable type style is the first ingredient of good composition. Today, asymmetric composition is certainly feasible, however, typography is intrinsically symmetrical. A text block without indents is unclear. Indents help the reader by reinforcing the logical order of the text. The best typography is invisible to the reader and serves to transmit the thoughts and intent of the author. Beautiful text, a text well-composed, is legible. One of the highest virtues of good typography is its subtle elegance. It is not the duty of the typographer to consciously display or emulate the style of current trends, nor to reflect the spirit of the times. Typography must be itself, it must be pleasing to the eye and not tiring. Good typography has absolutely nothing to do with remarkable or exotic type styles. This is the opinion of amateurs. The essence of letterform is not modernity, but readability.” Jan Tschichold
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 146 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Osnova dnešní přednášky a demopřednášky
Agenda Prémiové body a úkoly, program děkana či rektora, bakalářské, diplomové či doktorské práce, . . . ). Zítřejší přednáška FI:PV212 o Markdown: https://is.muni.cz/el/fi/podzim2020/PV212/ index.qwarp?prejit=5595952 Přednáška Principy knižního designu (dokončení). Webový design. Kuchařka webového designu. Dogma W4D. Specifika návrhu webových stránek a publikování na Internetu. Technologie a platformy pro webový design ve třetím tisíciletí: CSS, XSL, XSLT, XSL-FO, . . .
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 147 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 WWW designI
„Já věřím tomu, co je vytištěno černou barvou na papíře. Média jsou pro okultisty.“ František Štorm, 1. střešovická písmolijna
Design dokumentu je závislý na přenosovém médiu (pravidla pro knižní design pro WWW design vesměs neplatí). Nutno proto mít různé verze dokumentů pro různá média. Specifika WWW: čtení na obrazovce počítače (poměr stran, rozlišení), různé „oči“ (prohlížeče), různá „viditelnost/osvětlení“ (tloušťka/rychlost linky síťového připojení), snadnost vyjádření struktury, vazeb (hypertext, nelineárnost). Informační × prezentační web.
Petr Sojka, Vít Novotný · PB029 – Design knih · podzim 2020 148 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Kuchařka dobrého WWW designu (Satrapa)
Web není WYSIWYG (návrhář nezná předem čtenářova nastavení). Klíč k úspěchu je originální obsah. Vytváření stránek se liší od zpracování textu. HTML/XHTML/XML je strukturální jazyk. Ne každý uživatel má grafického klienta nebo funkční zrak. Většina skvělých triků není až tak skvělá, zmenšuje čtenářskou obec. Důležité je časování, čtenář a jeho konektivita se mění, špičkové věci rychle zastarávají. Dodržování standardů – statistika není argument pro nekorektní stránky. Uživatelé mají rádi rychlé stránky. Kontrolujte se.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 149 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Kuchařka dobrého webového designu
Lidé chodí na weby kvůli obsahu a ne grafice. Web musí respektovat principy grafického designu. Web musí respektovat specifika svého média. Web ostrý jako břitva od Jana Řezáče (absolvent PB029, FI MU): https://houseofrezac.com/tvorba-webu
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 150 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Desatero WWW designuI
1. Thou shalt put no page element before Content, for Content is thy lord and It is a jealous lord. 2. Thou shalt make thy webpages to load quickly. 3. Thou shalt respect the trademarks, copyrights, and reputation of thy neighbor. 4. Thou shalt use graphics and animations that are relevant and meaningful, and thou shalt not scatter them carelessly as birds scatter seeds on hard ground. 5. Thou shalt not resize thy neighbor’s browser window nor shall thou disrupt the function of thy neighbor’s "back" button nor shall thou force text to a size that is unreadably small on thy neighbor’s 1280×1024 display. 6. If thou art inspired to create a webpage of lasting value, then thou shalt make it in such a manner so that thy neighbor may bookmark or print it. Twould be even better if he could do both.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 151 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Desatero WWW designuII
7. Thou shalt make the elements which must be seen and comprehended first so that they load first. 8. Thou shalt use text for text and graphics for graphics and never graphics where text is appropriate, under threat of banishment to the pit of darkness where searches and indexes are unknown. 9. Thou shalt make thy pages to be both standards compliant and backwards compatible, but where backward compatibility shall cause the page to load slowly, thou shalt leave those with weak and old browsers in the wilderness they have chosen for their home. 10. Thou shalt not steal bandwidth by including images or other objects housed on thy neighbor’s website on thy own pages, nor shalt thou place thy neighbor’s website in a frame on thy page. In all things remember to treat thy neighbor’s website as thou wouldst have him or her treat thine.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 152 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Chyby návrhu WWW stránekI
Chybějící navigační podpora. Nekonzistence (nejednotnost) a přeplácanost. Příliš pomalá doprava. Osiřelé stránky. Dlouhé, těžké stránky. Zastaralé informace. Nadužívání nejmodernějších technologií. Pohyb bez příčiny. Složitá URL. Nestandardní barvy odkazů. Používání rámů.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 153 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Dogma WWWW: Worth world wide web
13 zásad pro vytváření hodnotného webu: Dogma W4? Dodržení těchto postupů má zajistit všeobecně přístupné, bezbariérové a přehledné dokumenty. Užití pro zápočtový dokument.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 154 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 CSS – kaskádové styly
“The Web is Ruined and I Ruined It!” David Siegel
Informační web – výhody strikního oddělení obsahu a formy: CSS Zen Garden. Kaskádové styly. CSS, CSS2 (1998), CSS3. Jazyk stylů má formální gramatiku, proto je možná validace CSS.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 155 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Zpracování dokumentu s kaskádovými styly
Parsing a vytvoření stromu dokumentu. Identifikace výstupního zařízení. Stažení všech stylů souvisejících s vybraným výstupním zařízením. Přiřazení hodnot všem vlastnostem výstupního zařízení, použitím pravidel dědičnosti a kaskádování. Pravidlo: selektor a deklarace. BODY { font-size: 10pt } H1 { font-size: 120% } Kaskáda pravidel: autor (ve stránce), uživatel, uživatelův agent (nejnižší váha). Nejvyšší váhu má implicitně autor, uživatel ji ale může přebít (!important).
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 156 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Vytváření kaskádového stylu a webů s nimi
Koskův článek o dynamickém HTML. Kuchařka Dave Raggetta. HTML Tidy, HTML Slidy,.. . . Příklady webů protagonistů W4D, např. pana Staníčka.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 157 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad CSS2I
BODY { padding: 8px; line-height: 1.33 } H1 { font-size: 2em; margin: .67em 0 } H2 { font-size: 1.5em; margin: .83em 0 } H3 { font-size: 1.17em; margin: 1em 0 } H4, P, BLOCKQUOTE, UL, FIELDSET, FORM, OL, DL, DIR, MENU { margin: 1.33em 0 } H5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 } H6 { font-size: .67em; margin: 2.33em 0 } H1, H2, H3, H4, H5, H6, B, STRONG { font-weight: bolder } BLOCKQUOTE { margin-left: 40px; margin-right: 40px } I, CITE, EM, VAR, ADDRESS { font-style: italic } PRE, TT, CODE, KBD, SAMP { font-family: monospace } PRE { white-space: pre }
BIG { font-size: 1.17em } SMALL, SUB, SUP { font-size: .83em } SUB { vertical-align: sub } SUP { vertical-align: super } S, STRIKE, DEL { text-decoration: line-through } HR { border: 1px inset } OL, UL, DIR, MENU, DD { margin-left: 40px } OL { list-style-type: decimal } OL UL, UL OL, UL UL, OL OL { margin-top: 0; margin-bottom: 0 } U, INS { text-decoration: underline }
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 158 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad CSS2II
CENTER { text-align: center } BR:before { content: "A" }
/* An example of style for HTML 4.0’s ABBR/ACRONYM elements */
ABBR, ACRONYM { font-variant: small-caps; letter-spacing: 0.1em } A[href] { text-decoration: underline } :focus { outline: thin dotted invert }
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 159 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad CSS2 III
/* Printing setting */ @media print { @page { margin: 10% } H1, H2, H3, H4, H5, H6 { page-break-after: avoid; page-break-inside: avoid } BLOCKQUOTE, PRE { page-break-inside: avoid } UL, OL, DL { page-break-before: avoid } } @media speech { H1, H2, H3, H4, H5, H6 { voice-family: paul, male; stress: 20; richness: 90 } H1 { pitch: x-low; pitch-range: 90 } H2 { pitch: x-low; pitch-range: 80 } H3 { pitch: low; pitch-range: 70 } LI, DT, DD { pitch: medium; richness: 60 } DT { stress: 80 } PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 } EM { pitch: medium; pitch-range: 60; stress: 60; richness: 50 } STRONG { pitch: medium; pitch-range: 60; stress: 90; richness: 90 } DFN { pitch: high; pitch-range: 60; stress: 60 } S, STRIKE { richness: 0 } I { pitch: medium; pitch-range: 60; stress: 60; richness: 50 } B { pitch: medium; pitch-range: 60; stress: 90; richness: 90 } U { richness: 0 } A:link { voice-family: harry, male } A:visited { voice-family: betty, female } A:active { voice-family: betty, female; pitch-range: 80; pitch: x-high } }
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 160 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 CSS rozlišení vs. hardwarové rozlišení
Hardwarový CSS pixel v responzivním designu
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { ... }
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 161 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 XSL, XSLT, XSL-FOI
“Use CSS when you can, use XSL when you must.” W3C
Proč XSL? CSS nebo XSL? XSLT – transformační jazyk XSL. XSL-FO – formátovací objekty XSL.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 162 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 XSL, XSLT, XSL-FOII
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 163 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Big transformation picture (XSL, XSLT, XSL-FO)
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 164 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad vlastního XML jazyka
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 165 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad schématu dat seznam-software.xsd
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 166 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Příklad transformace
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 167 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 XSL: EXtensible StyleSheet LanguageI
validace dle XML Schema: xmllint --noout -- schema seznam-software.xsd programy.xml transformace XML dokumentu pomocí stylesheetu: xsltproc seznam-software.xsl programy.xml více viz https://www.w3schools.com/xml/xsl_intro.asp a na cvičení
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 168 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 XSL-FO
Speciální značkovací jazyk pro popis vzhledu dokumentů. Dokument označkovaný XSL-FO pak většinou konvertován do PDF FOP procesorem. saxon -o clanek.fo clanek.xml clanek.xsl xep -fo clanek.fo
https: //w3schools.sinsixx.com/xslfo/default.asp.htm https://www.kosek.cz/xml/xslt/xsl-fo.html
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 169 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Odkazy k technologiím na webu
Weby W3C, OASIS, W3Schools. V češtině například Koskovy články. Knihy Jacoba Nielsena, Davida Siegela, Pavla Satrapy či Petra Staníčka.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 170 / 256 PB029 Elektronická příprava dokumentů 6. přednáška, 11. 11. 2020 Budoucnost WWW designu
??? Podpora mobilních zařízení, responzivní design, multimodalita, JavaScript. Standardy W3C: CSS3, XSL, XSLT, . . . Různá kódování (češtiny) −→ Unicode. Závislosti časové (SMIL?). Závislosti na výstupním zařízení (640 × 260 → 4K, multimédia)! Velikost dat (obrázky, rozlišení), rychlost linek. Push → pull.
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 171 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Design webu · podzim 2020 172 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Osnova dnešní přednáškyI
Přednáška Sazba v cyklu vývoje dokumentu. Sázecí systémy – charakteristiky, TEX. Sazba, sázecí systémy. Co je TEX? Vznik a vývoj TEXu. Typografické tradice, omezující podmínky, v designu explicitně nespecifikované.
Petr Sojka, Vít Novotný · PB029 – Sazba · podzim 2020 173 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Historie typografie a zlomu textů, tedy sazbyI
„Dokumenty v TEXu jsou mstou akademiků studentům, takže přežijí do té doby, dokud budou přežívat zatvrzelci v akademických sborech (řádově několik tisíciletí).“ Jiří Hlavenka (1964– )
:-( Naproti tomu: „Rozhodně, prosím, opusťte vody nepoučených nalévačů textu‘ či ’ myšařů‘ a začněte vyrábět sazbu, již je nejen radost číst, ale na níž i ’ oko se zalíbením spočinouti může.“ Michal Ptáček
Petr Sojka, Vít Novotný · PB029 – Sazba: typografické tradice · podzim 2020 174 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Typografické tradice – řemeslo a umění
“Those old guys stole all our best ideas.” Frederick Goudy (1865–1947)
1. Gutenberg: jeho 42řádková Bible měla 290 písmen abecedy proměnné šířky, stejná mezislovní mezera při sazbě do bloku. 2. Základní pravidla (percepce textu lidským okem) se téměř nemění. 3. Základním stavebním kamenem jsou znaky, písma a jejich zákonitosti. 4. Principy černého řemesla zůstávají platné.
Petr Sojka, Vít Novotný · PB029 – Sazba: typografické tradice · podzim 2020 175 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Typografické tradice – řemeslo a umění
1. „Dnes, kdy je typografie neprávem potlačována a kdy se typografem cítí každý, kdo dokáže vytvořit na počítači stránku textu, si vám dovolíme přiblížit dobu, kdy typografie byla řemeslem a uměním.“ 2. Tradice od Gutenberga – více než pět století. „Budiž světlo!“ Příklady. Mezera a abeceda. 3. Učební obor: doba čtyřletá až pětiletá. 4. Po staletí používané zvyky se staly tradiční, vytvoření národních typografických zvyklostí: Vojtěch Preissig (1873–1944), Oldřich Menhart (1897–1962), Oldřich Hlavsa (1909–1995), František Muzika (1900–1974), František Štorm (1966– ). 5. Hermann Zapf (1918–2015): písma Palatino (fakultní), Optima, Zapfino.
Petr Sojka, Vít Novotný · PB029 – Sazba: typografické tradice · podzim 2020 176 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Digitální revoluce a její důsledky pro černé řemeslo
1. Digitální revoluce koncem sedmdesátých let. “Mathematics books and journals do not look as beautiful as they used to.” Donald Ervin Knuth 2. Počítač: od imitace psacího stroje po sázecí systém DTP. 3. Typografie matematiky, matematika/informatika slouží typografii: místo metalurgie informatika, matematický popis křivek (kubické splajny v programu pro návrh písem METAFONT). 4. Donald Ervin Knuth: digitální revoluce (TEX a METAFONT, kalendář), optické škálování, digitální pera, box-glue-penalty model, dělení slov. “Go forth and create masterpieces of electronic publishing art.” (paraphrase of Donald Knuth [TEXbook, p. 303])
Petr Sojka, Vít Novotný · PB029 – Sazba: typografické tradice · podzim 2020 177 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 WYSIWYG versus dávkové zpracování dokumentůI
“GUIs normally make it simple to accomplish simple actions and impossible to accomplish complex actions.” Doug Gwyn
1. Sazba: realizace návrhu nad značkovanými daty. 2. Návrh u WYSIWYG často chybí. 3. Podstata je účel, míra interakce. 4. WYSIWYG (posměšně WYSIAWYG): InDesigna PageMaker (Adobe), QuarkXpress (Quark), Arbortext Advanced Print Publisher (dříve Advent 3B2).
Petr Sojka, Vít Novotný · PB029 – Sazba – úvod · podzim 2020 178 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 WYSIWYG versus dávkové zpracování dokumentůII
5. Dávkové systémy:TEX, troff/groff/nroff/runoff, Lout (nutnost kontroly návrhu dokumentů ve finální podobě, ne jen na obrazovce). 6. Textové procesory jako Word sem de facto nepatří, neboť nedovedou některé zcela zásadní potřeby sazeče jako nedělitelnou, roztažitelnou mezeru, nebo fixaci zlomu pro různá výstupní zařízení.
Petr Sojka, Vít Novotný · PB029 – Sazba – úvod · podzim 2020 179 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Programování sazby – TEX
1.T EX jako příklad otevřeného sázecího systému. 2. Algoritmy počítačové sazby v sázecím systému TEX 2.1 Zlom řádků. 2.2 Zlom stránky. 2.3 Dělení slov. 2.4 Umisťování obrázků, viditelnost. 2.5 Umisťování poznámek pod čarou. √︃ (︂ √︁ )︂ ∫︀ ∞ x2 2.6 Sazba matematických výrazů: 0 2 + 1 .
3. $\sqrt{\left(\int_0^\infty \sqrt{\frac{x^2}{2}}+1\right)}$. 4. (Makro)programování sazby, otevřenost systému. 5. OSS, 풞풮TUG, CTAN, pros & cons.
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 180 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Co je TEX?I
1. Sázecí autorský systém. 2. Programovatelný, t.j. s vlastním makrojazykem (s vyjadřovací silou Turingova stroje – byl v něm například pro zábavu implementován interpret jazyka BASIC); výhoda pro cca 2 % populace. 3. Dávkový:√ ze vstupu $c=\sqrt{a^2+b^2}$ dostaneme c = a2 + b2: http://tex.mendelu.cz, http://sciencesoft.at/latex/index?lang=en. 4. Otevřený/rozšiřitelný. 5. Portabilní (od Atari či dvoudisketového PC XT po Cray). 6. Stabilní ($256 za nalezení chyby), verze −→ 휋. 7. Dobře dokumentovaný (vyšel knižně). 8. Volně šiřitelný (vývoj hrazen granty).
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 181 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Co je TEX?II
9. S výstupem nezávislým na výstupním zařízení. 10. Jednoduchý základ pro sazbu: model box, glue, penalty. 11. “A computer program of which a professor of Computer Science might be proud of.” (DEK) 12. Optimalizovaný, vysoce efektivní, využívající nejrychlejší algoritmy své doby – při vývoji nalezeny nové informatické metody a datové struktury (trie).
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 182 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Co TEX není?
Editor. Program na grafiku (na to slouží komplementární program METAFONT přibližně stejné velikosti). WYSIWYG (nadstavby jako LyX existují). Rychle naučitelný (strmější učicí křivka).
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 183 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 Vznik a vývoj TEXu
1977, korektura The Art of Computer Programming. 1978, první verze; TEX82, METAFONT84; osmibitový TEX 3 (1990); rozšiřování o výstupní formáty (PostScript). 1992: zmrazení dalšího vývoje, pevný bod, jen opravy chyb. Vznik makrobalíků. Téměř žádný marketing, uživatele sdružuje TUG a lokální sdružení uživatelů – LUG: 풞풮TUG, GUST, Dante, . . .
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 184 / 256 PB029 Elektronická příprava dokumentů 7. týden, 18. 11. 2020 TEX dnes: pro klasickou publikační činnost
Zejména pro matematiku a všude tam, kde je možná algoritmizace zpracování ($$). Velká nakladatelství technické literatury a časopisů Springer-Verlag, Elsevier Publishers, Kluwer sází v TEXu časopisy, sborníky. Databázové publikování: Dopravní podnik města Brna (tabulky jízdních řádů pro zastávky, řidiče, dispečery), rozvrhy FI MU, studijní katalog FI MU přímo z databáze informačního systému MU. Slovníky (LEDA) a první díl encyklopedie Diderot,. . . Jádro TEXu či jeho algoritmy jsou zapouzdřeny v sázecích systémech 3B2, InDesign, troff, Lout či v textovém procesoru Word.
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 185 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Sazba: TEX · podzim 2020 186 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Osnova dnešní přednášky a demopřednášky
Agenda/dokončení Projekty děkana či BP na slovenské vzory dělení, zápočtové příklady, termíny zkoušek Přednáška (základy typografie, písmo) Typografické tradice. Základní typografické pojmy. Normy (ON 88 2503,. . . ) a jejich respektování. Znaky. Písmová osnova. Písmo: kresba písmového znaku, měření písma, typ, rodina písma, klasifikace písem. Demopřednáška Příprava bibliografie.
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická tradice, písma · podzim 2020 187 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Čtení – motivace pro pravidla sazby
“Reading, like speech, is an ancient, preliterate craft. We read the tracks and scat of animals, the depth and luster of their coats, the set of their ears and the gait of their limbs. We read the horns of sheep, the teeth of horses. We read the weights and measures of the wind, the flight of birds, the surface of the sea, snow, fossils, broken rocks, the growth of shrubs and trees and lichens. We also read, of course, the voices that we hear. We read the speech of jays, ravens, hawks, frogs, wolves, and, in infinite detail, the voices, faces, gestures, coughs and postures of other human beings. This is a serious kind of reading, and it antedates all but the earliest, most involuntary form of writing, which is the leaving of prints and traces, the making of tracks.” Robert Bringhurst, in A Story as Sharp as a Knife, p. 14
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 188 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Pravidla sazby
Typografické tradice: omezující podmínky, v designu explicitně nespecifikované. Historický vývoj sázecích pravidel. Normy (ON 88 2503,. . . ) a jejich respektování. Typografické a polygrafické názvosloví. Typografický rádce, pravidla sazby: http://www.typotext.cz/radce7b_1.html
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 189 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Písmo – znaky1
1Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 2 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 190 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 VERZÁLKY a minusky2
2Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 3 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 191 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Písmová osnova, dotažnice3
3Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 4 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 192 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Dotažnice v písmové osnově, střední výška písma4
4Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 5 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 193 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Přesahy dotažnic5
5Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 5 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 194 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Snížené verzálky6
6Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 6 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 195 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Střední výška písma u různých písem téže velikosti7
7Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 6–7 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 196 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Minuskové a verzálkové číslice8
8Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 8 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 197 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Kresba písmového znaku9
9Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 10 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 198 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Kresba písmového znaku10
10Vladimír Beran a kol.: Aktualizovaný Typografický manuál, Kafka, 2015, část písmo, str. 11 Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 199 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Klasifikace písem dle Solpery
Každé písmo s sebou kromě objektivních kvalit (čitelnost, paleta znaků a řezů, možnosti škálování, . . . ) spolu nese konotace čtenáře s předchozími přečtenými texty v tomto písmu. Klasifikace písma dle Solpery (PDF v IS, KPI22) Beran et al.: Prohledávatelný Typografický manuál (autentizace ISu) J. Rybička et al.: Průvodce tvorbou dokumentů
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 200 / 256 PB029 Elektronická příprava dokumentů 8. přednáška, 25. 11. 2020 Studijní zdroje
Klasifikace písma dle Solpery (PDF v IS, KPI22) Beran et al.: Prohledávatelný Typografický manuál (autentizace ISu) J. Rybička et al.: Průvodce tvorbou dokumentů
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 201 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 202 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020 Osnova dnešní přednášky
Intenzivní online rozcvička Přednáška 1. METAFONT, METAPOST. 2. Digitální formáty písem, PostScript Type1, Type3, Type42, TrueType, OpenType. 3. Fonty, optické škálování písem. 4. Hladká sazba, mikrotypografie. 5. Příště: Vše, co jste chtěli vědět o TEXu, ale báli jste se zeptat.
Petr Sojka, Vít Novotný · PB029 – Sazba: typografická pravidla · podzim 2020 203 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020 Helvetica / Neue Haas jako stratifikace znalosti o písmu
1. Helvetica font specimen 2. The story of Helvetica documentary 3. Helvetica documentary clip - Erik Speikermann Doplňkové písmo MU: Neue Haas alias Helvetica alias TeX Gyre Heros alias Arial alias URW Nimbus Sans alias . . .
Petr Sojka, Vít Novotný · PB029 – Sazba: Písma, formáty digitálních písem · podzim 2020 204 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020 Palatino
by Hermann Zapf: „fakultní“ font (řada technických zpráv FI MU). Nyní i v TEX Gyre (\usepackage{tgpagella}).
Petr Sojka, Vít Novotný · PB029 – Sazba: Písma, formáty digitálních písem · podzim 2020 205 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020 Digitální formáty písemI
1. Historický vývoj digitálních písem a formátů. 2. Formáty METAFONT, PostScript a TrueType (OpenType). 3. Princip oddělení metrické informace potřebné při sazbě od informace o tvarech znaků. 4. Metrické informace: rozměry jednotlivých znaků, mezipísmenný kerning, ligační programy. Formáty TFM a AFM, program afm2tfm.
Petr Sojka, Vít Novotný · PB029 – Sazba: Písma, formáty digitálních písem · podzim 2020 206 / 256 PB029 Elektronická příprava dokumentů 9. přednáška, 2. 12. 2020 Digitální formáty písemII
5. Tvary znaků jsou popsány jako bitmapy (optimalizace znaků pro obrazovku, PostScript Type 3) nebo pomocí křivek obrysů či per. PostScript Type1 používá pro popis obrysů kubické Bézierovy křivky, formát TrueType výpočetně méně náročné kvadratické Bézierovy křivky a METAFONT parametrická pera. 6. Detailní český popis digitálních formátů písem je k nalezení vDP Pavla Janíka 7. Detailní český popis katalogizace a klasifikace a užití fontů v TEXu je k nalezení v DP Jana Vidy.
Petr Sojka, Vít Novotný · PB029 – Sazba: Písma, formáty digitálních písem · podzim 2020 207 / 256 PB029 Elektronická příprava dokumentů 10. přednáška, 9. 12. 2020 Osnova dnešní přednášky a demopřednášky
Agenda Vypsány zkušební termíny předmětu, blíží se odevzdávání zápočtových příkladů. Vše, co jste chtěli vědět o TEXu, ale báli jste se zeptat. Přednáška: Algoritmy zlomu odstavce a stránky Mezislovní mezera, vyplňování řádků, odstavec, zarovnání, proklad, hladká sazba. Terminologie a modely: box-glue-penalty model, skyline model. Zlom. Tradice a historický vývoj. Box-glue-penalty model. Algoritmy zlomu: first fit, best fit, optimum fit. Demopřednáška Obrázky v TEXu, nástroje pro WYSIWYG DTP.
Petr Sojka, Vít Novotný · PB029 – Sazba: Písma, formáty digitálních písem · podzim 2020 208 / 256 PB029 Elektronická příprava dokumentů 10. přednáška, 9. 12. 2020 Základní pravidla sazbyI
Pro detaily ukázek typografických principů z přednášek viz Beranův Aktualizovaný typografický manuál ke koupi, či zde k prohledávání, příslušné ČSN, Ptáčkův text v PC Worldu 1994. 1. Mikrotypografická pravidla: znaménka, čísla a zkratky. 2. Mezislovní mezera. 3. Vyplňování řádků. 4. Řádkový proklad. 5. Odstavec, odstavcová odrážka. Zarovnaný a nezarovnaný text. Východ odstavce, vdovy a sirotci. 6. Zarovnání textu, hladká a smíšená sazba, sazba do bloku, na praporek. 7. Dělení slov, znaménka, sazba čísel, zkratek.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 209 / 256 PB029 Elektronická příprava dokumentů 10. přednáška, 9. 12. 2020 Základní pravidla sazbyII
8. Řádkové a stránkové korektury. Korekturní znaménka. 9. Historické poznámky: Typografické pravítko. Příprava textů, rukopis. Sazební obrazec. 10. Formáty papíru, počítání rozsahu sazby. 11. Pravidla sazby – shrnutí.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 210 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Osnova dnešní přednáškyI
Agenda Odevzdávání zápočtových příkladů. Rozcvička. Přednáška Mikrotypografie, rozšíření Hermanna Zapfa, HZ-algoritmus. Mikrotypografie – znaky. Mikrotypografie – algoritmy a principy. Algoritmy v jiných systémech (InDesign). Stránkový zlom. Umísťování obrázků. Dělení slov. TEXové okénko: historické poznámky, nástroje, výhody, perspektivy a možnosti. LATEX3.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 211 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Zlom – terminologie a modelyI
Znak – reprezentace jako ohraničující obdélník (bounding box) mající referenční bod, výšku, šířku a hloubku. Slitky, ligatury, ligatura FI, šéflékař vs. šéflékař, mezipísmenný proklad (kerning). Mezera: pevná a proměnná, nedělitelná. \,, ~
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 212 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Zlom – terminologie a modelyII
Dle fontu: \fontdimen 1: italická korekce (slant per pt, italic correction), 2: základní velikost, 3: roztažitelnost (interword stretch, stretchability), 4: stažitelnost (interword shrink, shrinkability), 5: střední výška (x-height, 1ex). 6: čtverčíková mezera (quad width), \quad, 7: mezera za interpunkcí (extra space) \nonfrenchspacing. Další pro sazbu matematiky. VTEXu box-glue-penalty model Box: ohraničující obdélník (krabice) sady znaků, textu. Horizontální \hbox, vertikální \vbox.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 213 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Zlom – terminologie a modely III
Lepidlo (glue): přirozená šířka a vlastnosti jako mezera. \hskip 1em plus 0.5em minus 0.2em Penalta (penalty), míra škaredosti. \penalty 10000 Alternativa: skyline model. Algoritmy řádkového zlomu
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 214 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Algoritmus First fit
Horizontální seznam, šířka w, roztažitelnost w+, stažitelnost w−, požadovaná šířka L. Poměr roztažení r (adjustment ratio) (L − w)/w+. First fit: Výběr prvního možného zlomu takového, že |r| < 1. |r| > 1, pak řádek přetečený (overfull), nebo podtečený (underfull). Nenáročné na výpočetní kapacitu.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 215 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Algoritmus Best fit
Best fit: Zlom po řádcích, výběr nejlepšího zlomu na řádku bez přihlédnutí k předchozím řádkům a možnostem. Míra optimality řádku je měřena mírou odchylky b od ideální velikosti mezislovní mezery a penalty na místě zlomu p, tedy b + p. 3 VTEXu je míra škaredosti resp. špatnosti (badness) b = 100 · |r| , kde r je poměr rozdílu požadované a přirozené délky řádku ku součtu roztažitelných resp. stlačitelných složek lepidla (glue).
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 216 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Algoritmus Optimum fitI
Optimum fit: Optimalizace (výběr nejlepšího) zlomu v rámci celého odstavce naráz s využitím modelu ‘box, glue a penalty’. Zvažovat úplně všechny kombinace zlomu slov na řádcích má exponenciální složitost. Naštěstí netřeba zvažovat úplně všechny kombinace, jen ty, které mají škaredost menší než \pretolerance resp. \tolerance. Úloha podobná hledání nejkratší cesty v grafu metodou dynamického programování: každé cestě odpovídá škaredost, která se minimalizuje.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 217 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Parametry algoritmů zlomu v TEXuI
Až tři průchody: první bez dělení slov, limit škaredosti je \pretolerance. Pak jsou rozdělena všechna slova v odstavci a proveden druhý pokus s limitem škaredosti \tolerance. Pokud je nastaven registr \emergencystretch na kladnou délku (zvětšení roztažitelnosti mezislovní mezery) a jde o TEX3.0 či vyšší, provede se třetí pokus o zlom s těmito limity roztažitelností.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 218 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Parametry algoritmů zlomu v TEXuII
Další parametry ovlivňující algoritmy zlomu: řádkového: vada řádku demerits d \adjdemerits, \finalhyphendemerits l \linepenalty, \hyphenpenalty, \exhyphenpenalty, \looseness a stránkového: \interlinepenalty, \clubpenalty, \widowpenalty, \brokenpenalty,... d = (l + b)2 + p2 pro 0 ≤ p ≤ 10000, (l + b)2 − p2 pro −10000 ≤ p ≤ 0 Ladění parametrů zlomu pro daný projekt (Diderot). Detailní český popis variant algoritmů zlomu je k nalezení vDP FI MU Jana Pazdziory (i v materiálech předmětu v ISu).
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 219 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Mikrotypografická rozšíření TEXu, hz-algoritmus
Motivace: Gutenbergova 42řádková Bible měla stejné mezislovní mezery: Seybold report. Karrow, Zapf (URW, 1980+): patent, ale natahovací znaky a fonty neměly úspěch (fonty). Principy hz-programu: kerning, scaling, composing. Implementace v pdfTEXu (Thành, FI MU, 2001): dizertace na téma řádkový proklad. Rozšíření na úrovní znaků, principů, a algoritmů hz algoritmus. Detailní český popis modifikací zlomového algoritmu písem je k nalezení v DP Mirky Misákové a v dizertaci Hàn Thê´ Thànha. \usepackage[protrusion,expansion]{microtype} v LATEXu (cf. texdoc microtype – tracking, letterspacing,. . . , více na cvičení).
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 220 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Mikrotypografická rozšíření v InDesignu
Komerční program firmy Adobe pro WYSIWYG počítačovou sazbu. Zlomový algoritmus (převzat z TEXu) s pomocí Petera Karrowa (URW). Škálování znaků. Optický proklad (David Kindersley: Optical letter spacing for new printing systems, 1976). Příklady zlomu a chyb na stránce cvičení o mikrotypografii.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 221 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020
Date: Wed, 22 Nov 2017 16:55:09 +0100 From [email protected] Wed Nov 22 16:55:11 2017 From: Amos Software
Nový Adobe Creative Cloud 2018. Včetně vylepšeného InDesignu a Jednoznakových předložek 2018 Online verze na http://www.amsoft.cz/mailings/2017-11-22-cc2018/web/index.html
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 222 / 256 PB029 Elektronická příprava dokumentů 11. přednáška, 16. 12. 2020 Algoritmus stránkového zlomu
Podobné či stejné algoritmy jako u řádkového zlomu, při optimalizaci na celou kapitolu optimum fit, na jedné stránce stačí best fit, případně u dvoustrany. TEX optimalizuje jen jednu stranu. Plovoucí objekty: obrázky, poznámky pod čarou. Stačí zvažovat pouze možnosti hezčí než zadaná tolerance, při nedodržení se použije první (nekonečně) škaredý zlom. Kombinace algoritmu stránkového a řádkového zlomu. Možné experimenty v NTS, Even,. . . texlive.js –ALATEX Compiler for Javascript Frank Mittelbach: Effective Floating Strategies, sborník DocEng 2017, možná témata diplomových či doktorských prací.
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 223 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Osnova dnešní přednášky a demopřednášky
Agenda Odevzdané zápočtové příklady (kontroly), zkoušky (přihlašování). Prémiové přednášky? Přednáška Algoritmy sazby – dokončení. TEXové okénko. Makroprogramování v TEXu. Hladká a smíšená sazba, korekturní proces. Korekturní znaménka, korektury. Historické poznámky: Typografické pravítko. Formáty papíru, počítání rozsahu sazby. Sazba – shrnutí. Jazyky pro popis stránek, PostScript. Demopřednáška Teorie barev a kolorimetrie
Petr Sojka, Vít Novotný · PB029 – Sazba: řádkový zlom a mikrotypografie · podzim 2020 224 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Implementace algoritmu dělení slov
Dizertace a program PatGen Franka Lianga. Princip soutěživých vzorů, nezávislost na jazyce. Vytváření a generování vzorů. OPatGen, knihovna PatLib pro Unicode, či UPatGen. Detailní popis algoritmu dělení slov je k nalezení v DP FI MU Davida Antoše, nebo v tutoriálu či v článcích přednášejícího v časopise TUGboat či sborníku RASLAN. DP/BP? Československé, slovenské, univerzální vzory.
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 225 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 TEXové okénko: výstup do alternativních formátů – PDF, E-book,...
Formát pro elektronické knihy firmy od Adobe. Otevřenost TEXu: pdfTEX Hàn Thê´ Thành. Kalkulačka v PDF (+JavaScript): dříve než Adobe. AcroTEX. PDF není až tak portabilní jak říká název – místo pro nový HINT dokumentový formát?
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 226 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 TEX dnes II: Internet (HTML/XML/MathML)
TEX4ht, konverze přes \special do DVI a [X]HTML. LaTeXML: konvertor do XML/HTML/MathML. TTH: konvertor TEXu do HTML. MathType pro psaní matematiky ve Windows. MathFlow sada komponent a programů pro práci s matematikou. Texi2html: konverze Texinfo formátu do html. Word2TeX: konfigurovatelný konvertor z rozšířeného měnícího se formátu do stabilního. ASTER čtení LATEXového zápisu a dokumentů pro nevidomé.
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 227 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 TEX dnes III: Java, Unicode, OpenType
NTS: reimplementace TEXu bez optimalizací v Javě (Karel Skoupý, FI MU), a následný výzkum. Omega: mnohem více než šestnáctibitový TEX; konverze LATEXu do MathML. XeTEX, LuaTEX. texlive.js –ALATEX Compiler for Javascript
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 228 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Perspektivy TEXu a jeho následníků
TEX pevný bod v chaosu postmoderního světa? Interaktivní dokumenty: otevřenost umožňuje rychle reagovat na nové formáty a standardy. Rozšiřování požadavků na autorské systémy. Bude se opakovat historie s tím, že v TEXové komunitě navržené a vyzkoumané postupy, algoritmy a přístupy se stanou základem většiny komerčních aplikací v oblasti DTP? Embedded systémy [části] TEXu součástí větších projektů. LATEX3, HINT, Tagged PDF, PDF/A, PDF/UA,. . .
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 229 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Jak využít výhod TEXu?
Dlouhodobá investice, která se vyplatí. Naučení se makroprogramování a porozumění základním principům. Znovuobjevování kola většinou není potřeba: katalog s tisíci balíků maker na CTAN (Comprehensive TEX Archive Network), příklady balíků v knize LATEX Companion. Cloud verze Overleaf PRO na MU k dispozici. Na FI MU lokální instalace, DVD s distribucí TEXlive 2020. V knihovně všechny ročníky časopisu TUGboat, TEXová literatura. Členství v sdružení 풞풮TUG, sdílení zkušeností, účast na akcích a projektech. Zpravodaj 풞풮TUGu: cstug.cz/bulletin.
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 230 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Principy makroprogramování v TEXu
(Ne)vhodnost makroprogramování (versus detailní značkování), minimalizace vstupu. Makrojazyk TEXu: složité sázecí postupy skládané z 300 základních příkazů (primitiv). Input procesor: řádky nezávislé na operačním systému. Token procesor. Expand procesor. Hlavní procesor. Detaily v češtině jsou v Olšákově TeXbooku naruby (TBN).
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 231 / 256 PB029 Elektronická příprava dokumentů 12. přednáška, 6. 1. 2021 Sazba – závěr “We are all apprentices in a craft where no-one ever becomes a master.” Ernest Hemingway
Úcta k tradicím, osvěta, další studium, např.: www.sazba.cz (Kapr: Sto a jedna věta o knižní úpravě), časopis Typo, Beranův Typografický manuál,TEX. “A man who would letterspace lower case would steal sheep.” Frederick Goudy (1865–1947)
“If this wisdom needs updating, it is chiefly to add that ‘A woman who would letterspace . . . ’” Robert Bringhurst (1946– )
Petr Sojka, Vít Novotný · PB029 – Sazba – dělení slov · podzim 2020 232 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 233 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Osnova dnešní přednášky
Agenda Hodnocení zápočtových dokumentů, zkušební termíny. Přednáška Jazyky pro popis stránek, PDF. Osvit. Tisk, tiskové techniky.
Paralelní publikování na webu i papíře. Referáty Sazba makrobalíkem Context (Juraj Fiala) Sazba not a zpěvníků (Mirek Šerý)
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 234 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 235 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Jazyky pro popis stránky
Page Description Language (PDL) – jazyk pro popis stránky, kombinace textu s grafikou. Formát firmy Adobe (Geschke, Warnock, 1982, Apple Laserwriter, Aldus PageMaker), nyní de facto standard. Linotronic 1986, svět osvitových jednotek (vysoké rozlišení). Vývoj/podpora – Level1, Level2, (Level3). Návazné/odvozené/související produkty/standardy: PDF, písma Type1 (vektorový popis), Type3 (bitmapy). „Nově“ OpenType.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 236 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 PostScript – vlastnosti jazyka
Nezávislost na zařízení (různé rozlišovací schopnosti výstupních zařízení). Souřadné systémy, prostor uživatele, prostor zařízení. Interpreter – PostScriptový RIP, hardwarový nebo softwarový (Ghostscript, Ghostview). Zásobníkový programovací jazyk, postfixový zápis v reverzní polské notaci. Podpora různých barevných prostorů (CMYK, RGB), direktní barvy. Nezávislost na platformě – vytváření/generování PostScriptu aplikacemi.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 237 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 PostScript – příklad
%!PS-Adobe-2.0 %%Title: Priklad Postscript programu /Helvetica-Bold findfont 50 scalefont setfont 0 0 moveto 200 0 lineto 200 100 lineto 0 100 lineto closepath 0.8 setgray fill 0 setgray 30 40 moveto (FI MU)show showpage
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 238 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
FI MU
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 239 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Struktura PostScriptového souboru
Záhlaví, komentář Bounding Box, úrovně PostScriptu (Level). Definice procedur. Nastavení dokumentu. Jednotlivé stránky. Konec dokumentu.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 240 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 PostScriptové objekty a jejich zpracování
Prostor uživatele a prostor zařízení. Skládání afinních transformací (CTM, operátory pro modifikaci aktuální matice transformace: rotace, translace, zmenšení/zvětšení). Cesty. Konstrukce Bézierovy (kubické) křivky. Detaily v češtině jsou ve Zpravodaji 풞풮TUG 1–3/2001.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 241 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 PDF – vlastnosti
Proprietární formát firmy Adobe. Objektový formát, není to programovací jazyk. Portabilita je dlužná svému jménu :-(. Neportabilní záložky (závisí na systémovém fontu). Binární formát, nelze jednoduše editovat (tabulka xref na konci PDF odkazuje na jednotlivé byty souboru). Struktura PDF, základní objekty, struktura souboru, popis stránky, komprese. Srovnání s DVI, PS. Možnost optimalizovat pro web, možnost vkládat JavaScript přímo do PDF.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 242 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Verze PDF
Úrovně jazyka 1.0 až 1.7 Extension Level 8 pro Acrobat 1 až Acrobat Reader DC. Aktuální specifikace PDF má přes tisíc stran. PDF-X: Ořezaná verze jazyka podporovaná ANSI, ISO a firmami v předtiskovém byznysu. PDF-X1, PDF-X2, PDF-X3, maximální spolehlivost při DTP a Prepress workflow (povinnost mít vložené fonty, . . . ). PDF-A – archivační verze. PDF-ISO (upravená verze 1.7 schválená institucí ISO). PDF Association. Portable Document Format (Wikipedie).
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 243 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Způsoby vytváření PDF
pdfTEX! (xetex,. . . ). ghostscript: dávka ps2pdf. Adobe Acrobat Distiller. PDF Writer (virtuální tiskárna, minimální optimalizace). Adobe Acrobat Capture (OCR). PStill (shareware), PDF-Tools.com (komerční sada nástrojů).
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 244 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 245 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Barevné prostory, separace barev, přímé barvy
Barevné prostory: sekce 3.4 kuchařky předmětu. Konverze RGB na CMYK (azurová, purpurová, žlutá, černá). UCR: under color removal. Separace složek, přímé (direktní) barvy. Šafránová barva FI je direktní Pantone 122 C. Užívané „ekvivalenty“ v CMYK: 0, 11, 80, 0; v RGB: 242, 212, 92.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 246 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Osvit
Vytvoření předlohy na filmu (trvanlivost, odolnost vůči dilataci). Při barevném tisku v barevném modelu CMYK tedy 4 pláty pro každou stranu, plus případně direktní barvy (Pantone vzorník). Parametry osvitu jsou dány možnostmi konkrétní osvitové jednotky a jeho RIPu: typy bodů, počet linek na palec – lines per inch (LPI), nastavení rastrů, otočení. Autotypická síť bodů, autotypický rastr, frekvenčně modulovaný rastr. Běžné parametry otočení barev: nejtmavší blacK: 45∘, Cyan: 15∘, Magenta: 75∘, Yellow: 0∘. Moiré: pravidelné rušivé vzory při chybách otočení. Snímkové a pásové RIPy.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 247 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Archová montáž
Montáž stránek archu obsahující soutiskové a ořezové značky potřebné pro vlastní tisk, skládání, ořez a falcování. Ruční (dělá se obvykle až v tiskárně pro konkrétní tiskový stroj). Elektronická: nad PDF či PS soubory před osvitem nebo přímo v aplikaci generující elektronickou verzi předlohy (dvips, InDesign).
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 248 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Předtisková příprava a tisk: možný postup
Zpracování grafiky, obrázky, konverze a separace barev. Vytvoření elektronických předloh. Elektronická montáž a osvit. Vytvoření tiskové desky. Ofsetový tisk. Dokončovací zpracování: skládání, ořez, vazba, lepení. Více např. Z. Dvořáková: DTP a předtisková příprava, CPress 2008.
Petr Sojka, Vít Novotný · PB029 – Předtisková příprava · podzim 2020 249 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Tisk, distribuce · podzim 2020 250 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Tiskové techniky
Tisk z výšky, flexotisk. Tisk z hloubky. Tisk z plochy, litografie, ofset, světlotisk. Předlohou pauzák či film otočený zrcadlově. Sítotisk. Computer to Plate – přímý výstup tiskové desky (bez nutnosti svítit film). Digitální tisk, Print on Demand – tisk na požádání: hospodárný tisk malých až středních nákladů (do 1000 ks). Data jsou digitálně zpracovávána až po tisk, bez filmů a tiskových desek.
Petr Sojka, Vít Novotný · PB029 – Tisk, distribuce · podzim 2020 251 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Vazba, lepení, distribuce
Vazba šitá, lepená. V1 na stříšku, do hřbetu. V2 lepená. V3 bloková brožura, šitá drátem naplocho. Distribuce, velkoobchod, maloobchod −→ čtenář.
Petr Sojka, Vít Novotný · PB029 – Tisk, distribuce · podzim 2020 252 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021
퐸 = 푚푐2 ? !
퐸 = 푚푐2
퐸 = 푚푐2
Znackováníˇ Návrh Sazba Korektury Predlohaˇ Tisk Distribuce Markup Design Typesetting Proofreading Preprint Print Distribution
Petr Sojka, Vít Novotný · PB029 – Distribuce · podzim 2020 253 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Paralelní publikování na WWW a jinak
Důležitost specifického designu pro různá výstupní zařízení. Příklady sdílení jednoho zdroje a více výstupů: Studijní materiály z roku 1999 do několika formátů: několik PDF i HTML resp. XHTML s MathML. Konverze obrázků: imagemagick, ghostscript, bm2eps, jpeg2ps. Tisk html dokumentů (CSS), html2ps, FO procesory (přes ConTeXt ap.). Přímá sazba XML/(HTML) dokumentů (ConTeXt). Sazba databázových výstupů (elektronické pošty, faktur, vysvědčení, novinových článků).
Petr Sojka, Vít Novotný · PB029 – Distribuce · podzim 2020 254 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Publikování na WWW a jinak
Konverze z LATEXu do HTML či MATHML: LaTeXML (Bruce MIller, Deyan Ginev), TEX4ht (Eitan Gurari), epub, případně (LATEX2html, Dynamické generování XML z formátu TEX jako modul serveru Apache (DP Vildová). Problémy konverzí. Nutnost archivace zdrojů maximální kvality (CD Všech pět pohromadě, DVD 10@FI, archív fotek pro web). Web FI: editované responzivní HTML5 ve wiki s využitím frameworku JVS MU 2016 http://muni2016.superkoderi.cz/tpl/ nebo JVS MU 2018 https://sablony.muni.cz/muniweb/tpl/.
Petr Sojka, Vít Novotný · PB029 – Distribuce · podzim 2020 255 / 256 PB029 Elektronická příprava dokumentů 13. přednáška, 13. 1. 2021 Závěr
“We are all apprentices in a craft where no-one ever becomes a master.” Ernest Hemingway
Úcta k tradicím. Respekt ke čtenáři. Neustávající osvěta v možnostech elektronické přípravy dokumentů a šíření dokumentů na webu i klasicky. Získávání praktických zkušeností.
“The road to wisdom? Well it’s plain and simple to express: Err and err and err again, but less and less and less.” Piet Hein
Petr Sojka, Vít Novotný · PB029 – Distribuce · podzim 2020 256 / 256