PDF Generierung mit XML/HTML und CSS - was die Tools können und was nicht.
0 gefällt mir23,687 aufrufe
Die Präsentation von Andreas Jung auf der tekom Frühjahrstagung 2017 behandelt die PDF-Generierung mit XML/HTML und CSS, insbesondere den CSS Paged Media Ansatz als neue Methode zur Trennung von Inhalt und Layout. Der Vortrag hebt die Vorteile von CSS Paged Media hervor, die eine geringere Komplexität und niedrigere Kosten im Vergleich zu XSL-FO bieten, während er auch auf Herausforderungen und die Notwendigkeit der Tool-Evaluierung eingeht. Abschließend wird die potenzielle Ablösung von XSL-FO durch CSS Paged Media und die Suche nach geeigneten professionellen Open-Source-Alternativen diskutiert.
PDF Generierung mit XML/HTML und CSS - was die Tools können und was nicht.
- 1. TEKOM FRÜHJAHRSTAGUNG 2017 ANDREAS JUNG • @PRINTCSSROCKS • INFO@ZOPYX.COM • WWW.ZOPYX.DE PDF GENERIERUNG MIT XML/HTML UND CSS WAS DIE TOOLS KÖNNEN UND WAS NICHT 1
- 2. REFERENT ANDREAS JUNG ‣ DIPLOM-INFORMATIKER ‣ STATIONEN: SAARBRÜCKER-ZEITUNG, HAUFE-LEXWARE ‣ ELECTRONIC PUBLISHING CONSULTANT, ENTWICKLER, GEEK, OPEN-SOURCE EVANGELIST ‣ PROFESSIONELLE PUBLISHING LÖSUNGEN MIT XML UNTER DER HAUBE ‣ PORTAL PROJEKTE AUF BASIS PYTHON UND CMS PLONE ‣ KOLLABORATIVE CONTENT ERSTELLUNG ‣ INDIVIDUALSOFTWARE ‣ PROJEKTE ‣ XML-DIRECTOR ‣ PRODUCE & PUBLISH ‣ CONTENT-GEMEINSAM-ERSTELLEN.DE ‣ PRINT-CSS.ROCKS 2
- 3. AGENDA ‣ DER „CSS PAGED MEDIA“ ANSATZ ‣ VORSTELLUNG TOOLS ‣ BEISPIELE AUS DER PRAXIS ‣ TYPOGRAFIE UND FEATURES IM ÜBERBLICK ‣ PRINT-CSS.ROCKS PROJEKT ‣ ZUSAMMENFASSUNG 3
- 4. DER „CSS PAGED MEDIA“ ANSATZ 4
- 5. STATUS QUO: PDF GENERIERUNG MIT XSL-FO ‣ W3C XSL-FO WORKING GROUP AUFGELÖST ‣ WENIGE HERSTELLER ‣ VIELE HERSTELLERSPEZIFISCHE ERWEITERUNGEN ‣ KEINE WEITERENTWICKLUNG ERWARTBAR ‣ HOHE KOMPLEXITÄT, HOHE KOSTEN VON XSL-FO ‣ EXPERTENWISSEN/HERRSCHAFTSWISSEN 5
- 6. DER „CSS PAGED MEDIA“ ANSATZ (1/2) Konverter @page { size: a4 landscape; margin: 2cm; } .main { column-count: 2; hyphens: auto; hyphenate-before: 3; } @page :left { margin-left: 4cm; margin-right: 2cm; } 6
- 7. DER „CSS PAGED MEDIA“ ANSATZ (2/2) ‣ „CSS PAGED MEDIA“ W3C DRAFT ‣ ZENTRALE IDEE ‣ CONTENT: XML ODER HTML ‣ DESIGN UND LAYOUT: CASCADING STYLESHEETS CSS ‣ REGELBASIERTER ANSATZ FÜR DEN KOMPLETTEN TEXTSATZ ‣ DIE SPRACHEN DES WEB WERDEN ZU DEN SPRACHEN DES PRINT?! ‣ TRENNUNG ZWISCHEN INHALT UND STYLESHEET ‣ CSS PAGED MEDIA VS. XSL-FO ‣ NIEDERSCHWELLIGERER EINSTIEG ‣ GERINGERE KOMPLEXITÄT 7
- 8. DIE TOOLS 8
- 9. Preis Leistung 1250 / 5000 USD 495 / 3800 USD - / 2950 USD ? / ? frei Personal / Server Lizenz DIE PROFESSIONELLEN TOOLS 9
- 10. EINIGE PROFESSIONELLE BEISPIELE AUS DER PRAXIS 10
- 11. BEISPIEL: KATALOG PRODUKTION QUELLE: BÖSCH PREISLISTE VIA PDFREACTOR 11
- 12. BEISPIEL: LAYOUT-ORIENTIERTE WEB-TO-PRINT LÖSUNGEN QUELLE: KONZEPTE-IS VIA PDFREACTOR 12
- 13. BEISPIEL: SATZ AUS DOCX/XML - INTERNATIONALE STUDIEN QUELLE: STIFTUNG WIRTSCHAFT POLITIK VIA ANTENNAHOUSE 13
- 14. BEISPIEL: DATENBANK-BASIERTE PUBLIKATIONEN QUELLE: EUROPEAN PHARMACOPOEIA VIA PDFREACTOR 14
- 15. TYPOGRAFIE / FEATURES IM ÜBERBLICK 15
- 16. BEISPIEL: MEHRSPALTIGER SATZ MIT FUßNOTEN ‣ MEHRSPALTIGER SATZ I.A. KEIN PROBLEM ‣ FUßNOTEN IN JEWEILIGER SPALTE: NUR AH ‣ FUßNOTEN ÜBER ALLE SPALTEN: PRINCE + PDFREACTOR 16
- 17. BEISPIEL: GRUNDLINIENRASTER QUELLE: HTTP://I.IMGUR.COM/URBIWPW.PNG ‣ PLATZIERUNG VON TEXT AUF EINEM VORGEGEBENEN RASTER INSB. IM MEHRSPALTIGEN SATZ ‣ BESTE UNTERSTÜTZUNG IN ANTENNAHOUSE, ‣ KEINE UNTERSTÜTZUNG IN PRINCEXML 17
- 18. BEISPIEL: SILBENTRENNUNG ‣ HOCHWERTIGE TRENNTABELLEN (TEX/LATEX) ‣ UNTERSTÜTZUNG FÜR GÄNGIGE SPRACHEN ‣ MEHRSPRACHIGKEIT JE PARAGRAPH (LANG=XX ATTRIBUT) ‣ MIN. ANZAHL ZEICHEN VOR/NACH TRENNSTELLE ‣ EINGESCHRÄNKTE EINFLUßMÖGLICHKEITEN (TRENNTABELLEN, SOFT HYPHENS) 18
- 19. BEISPIEL: FLOATS (1/3) ‣ (AUTOMATISCHES VER)SCHIEBEN VON BLOCKELEMENTEN (GRAFIKEN, TABELLEN, INSERTS) ‣ INNERHALB DER AKTUELLEN SEITE ‣ INNERHALB DER AKTUELLEN SPALTE ‣ AUF DIE NÄCHSTE SEITE ‣ ÜBER EINE ODER MEHRERE SPALTEN ‣ PROPRIETÄRE ERWEITERUNG IN ANTENNHOUSE 19
- 20. BEISPIEL: FLOATS (2/3) 20
- 21. BEISPIEL: FLOATS (3/3) 21
- 22. BEISPIEL: BILDER/GRAFIKEN ‣ RASTERFORMATE: JPEG, PNG, GIF, (TIFF) ‣ VEKTORFORMATE: PDF, SVG ‣ FARBRÄUME: RGB, CMYK, ICC PROFILE ‣ BESCHRÄNKTER EINFLUß AUF ‣ (AUTO) SKALIERUNG ‣ PLATZIERUNG 22
- 23. BEISPIEL: MARGINALIEN ‣ KEINE STANDARDISIERUNG ‣ HERSTELLER SPEZIFISCHE ANSÄTZE ÜBER ‣ EIGENE CSS EXTENSIONS ‣ MISSBRAUCH VON CSS FLOATS ‣ JAVASCRIPT 23
- 24. BEISPIEL: FORMELSATZ ‣ MATHML QUALITÄT UNTERSCHIEDLICH (AM BESTEN BEI ANTENNAHOUSE) ‣ KEINE DIREKTE UNTERSTÜTZUNG FÜR TEX/LATEX FORMELN ‣ VORGELAGERTE PROZESSIERUNG Z.B. VIA MATHJAX 24
- 25. BEISPIEL: SEITENUMBRUCH ‣ SEITENUMBRUCH ERFOLGT AUTOMATISCH ‣ STEUERUNG ÜBER CSS ‣ VERMEIDUNG VON „SCHUSTERJUNGEN“ UND „HURENKINDERN“ OPTIONAL div.chapter { page-break-after: always; } table { page-break-inside: avoid; } div.chapter { page-break-after: never; } div.chapter { orphans: 2; widows: 3; } 25
- 26. BEISPIEL: SCHRIFTEN UND -FORMATE ‣ UNTERSTÜTZUNG FÜR DIE GÄNGIGEN SCHRIFTFORMATE ‣ OPENTYPE ‣ TRUETYPE ‣ GOOGLE WEBFONTS ‣ SCHRIFTEN WERDEN GENERELL EINGEBETTET ‣ SCHRIFTEN MÜSSEN EINBETTBAR SEIN 26
- 27. BEISPIEL: UNTERSCHIEDLICHE SCHREIBRICHTUNG/ASIATISCHE INHALTE ‣ GUTE UNTERSTÜTZUNG FÜR RIGHT-TO-LEFT ‣ VERTICAL-RL (JAPANISCH/CHINESISCH) EINGESCHRÄNKT (PRINCEXML + ANTENNAHOUSE) ‣ NICHT ALLE SCHRIFTEN VERFÜGEN ÜBER DIE NOTWENDIGEN CODEPOINTS 27
- 28. WEITERE FEATURES ‣ SEITENBEREICHE ‣ ZÄHLER (SEITEN, REFERENZEN, FUßNOTEN, SELBSTDEFINIERT) ‣ QUERVERWEISE ‣ PDF SPEZIFISCHE FUNKTIONALITÄTEN ‣ PDF BOOKMARKS ‣ PDF METADATA ‣ VERSCHLÜSSLUNG UND SIGNATUR ‣ PDF ARCHIV FORMATE ‣ PDF DRUCK FORMATE ‣ PDF UA ‣ U.V.A.M. 28
- 29. XML VS HTML 29
- 30. XML VS (X)HTML ‣ FUNKTIONAL PRINZIPIELL GLEICHWERTIG ‣ MEIST EXISTIERT EIN HTML WORKFLOW ‣ NUTZUNG VON JAVASCRIPT BEI (X)HTML MÖGLICH (PRINCE + PDFREACTOR) ‣ SEMANTISCHE ZUWEISUNG XML ELEMENTE DURCH „DISPLAY“ ATTRIBUT IN CSS 30 MeineTabelle { display: table; } Zelle { display: table-cell; }
- 32. PRINT-CSS.ROCKS PROJEKT ‣ www.print-css.rocks ‣ VERGLEICH ALLER TOOLS ‣ TUTORIAL ANHAND TYPOGRAFISCHER BEISPIELE ‣ PRINCEXML, PDFREACTOR, ANTENNAHOUSE, VIVLIOSTYLE 32
- 34. ZUSAMMENFASSUNG (1/2) ‣ CSS PAGED MEDIA WIRD MITTELFRISTIG XSL-FO ERGÄNZEN ODER ABLÖSEN ‣ WENIGE PROFESSIONELLE TOOLS ‣ ES FEHLEN BRAUCHBARE PROFESSIONELLE OPEN-SOURCE TOOLS ‣ VIELE HERSTELLER SPEZIFISCHE ERWEITERUNGEN ‣ DIVERSE W3C ERWEITERUNGEN IM DRAFT STATUS ‣ SCHLEICHENDE ADAPTION DER W3C DRAFTS ‣ W3C STANDARD ALS MINIMALSTE SCHNITTMENGE 34
- 35. ZUSAMMENFASSUNG (2/2) ‣ AUTOMATISIERTER SATZ BEDEUTET: ‣ EINGESCHRÄNKTE EINGRIFFMÖGLICHKEITEN ‣ EINGESCHRÄNKTE NACHVOLLZIEHBARKEIT ‣ YOU GET WHAT YOU PAY FOR: MEHR LEISTUNG=HÖHERER PREIS ‣ WELCHES TOOL NEHME ICH NUN? ‣ HÄNGT VOM EINZELFALL UND ANFORDERUNGEN AB ‣ EVALUATION DER TOOLS NOTWENDIG 35
- 36. FRAGEN & DISKUSSION CSS Paged Media www.print-css.rocks Kollaborative Inhaltserstellung www.content-gemeinsam-erstellen.de Publishing „Baukasten" www.produce-and-publish.de XML CMS www.xml-director.info Firmenwebsite www.zopyx.de Persönliche Homepage www.andreas-jung.com Twitter @printcssrocks 36
- 37. VIELEN DANK FÜR IHRE AUFMERKSAMKEIT 37