11 formatting documents for output
play

11. Formatting documents for output XML tags convey semantics of - PowerPoint PPT Presentation

Jul 22, 2023 •832 likes •1.06k views

11. Formatting documents for output XML tags convey semantics of elements. Additional declarations are needed for specifying the output format. Two main alternatives: Cascading Style Sheets (CSS): * Straightforward, non-XML

  1. 11. Formatting documents for output • XML tags convey semantics of elements. • Additional declarations are needed for specifying the output format. • Two main alternatives: – Cascading Style Sheets (CSS): * Straightforward, non-XML syntax, * maintains the element order, * no transformation needed. – XSL Formatting Objects (XSL-FO): * XML application, XML syntax, * usually result of XSLT transformation, * describes the resulting page structure. XML-11 J. Teuhola 2013 189

  2. Cascading Style Sheets (CSS) • Three levels: CSS1, CSS2, CSS3; CSS2 best supported, CSS3 rather new. • A CSS stylesheet is a separate file, attached to the source XML document by the processing instruction: <?xml-stylesheet type=”text/css” href=”xxx.css” charset=”...” title=”…” media=”…” …?> • Media alternatives: screen, print, handheld, tv, … • CSS does not follow the XML syntax. XML-11 J. Teuhola 2013 190

  3. CSS syntax • Consists of property lists attached to elements, describing the style and layout, e.g. /* Heading style for course name */ course-name { display: block; font-family: Helvetica, Arial, sans-serif; font-size: 24pt; font-weight: bold; text-align: center } XML-11 J. Teuhola 2013 191

  4. Special selections in CSS • * {…} applies to all components that do not have an overriding style. • e1 e2 {…} applies to e2-elements, but only as descendants of e1. • e1 > e2 {…} applies to e2-elements, but only as children of e1. • e1 + e2 {…} applies to e2-elements, but only as next siblings of e1. • e1[a1] {…} applies to e1-elements having attribute a1. • e1[a1=v1] {…} applies to e1-elements having an attribute a1 with value = v1. • Other selectors exist that are sensitive to user actions on the screen (e.g. clicked hyperlink changes color). XML-11 J. Teuhola 2013 192

  5. Various properties in CSS • Style properties : display ( inline, block, list-item, table, inline-table, table- row, table-cell, …, none ), list-style-type, list-style- position, … • Font properties : font-family, font-style, font-size, font-variant, font-weight, font-stretch • Text properties : text-indent, text-align, text-decoration, text-transform, white-space • Color properties : color, background-color, border-color XML-11 J. Teuhola 2013 193

  6. XSL Formatting Objects (XSL-FO) • ’Second half’ of the XSL recommendation • Is an XML application, uses XML syntax • Typical steps: XSLT-transform to XSL-FO, then rendering by a special utility, e.g. to PDF. • The rendering engine decides the exact placement, but XSL-FO document gives hints and instructions. • Example engines: – Apache FOP � PDF, SVG (http://xml.apache.org/fop/) – IBM XSL Formatting Object Composer (XFC) � screen, PDF (http://www.xml-ces.org/download/ibm- xsl-formatting-object-composer/ ) XML-11 J. Teuhola 2013 194

  7. XSL-FO formatting workflow XML doc XSLT XSL-FO processor docum. FO-to-pdf pdf doc XSLT formatter stylesheet Images, fonts & aux. files XML-11 J. Teuhola 2013 195

  8. XSL-FO general layout • Page-oriented layout consisting of nested rectangular boxes . • Box types: block area, inline area, line area, glyph area . • Three ’layers’ around the box content: padding , border and margin . • Text properties of the nearest enclosing box are applied. Properties are described by attributes in the box-defining elements. • Most of the properties are the same as in CSS. XML-11 J. Teuhola 2013 196

  9. XSL-FO layout overview • Box structure • Page regions Top-margin Region-before Region-start Left-margin Right-margin Content area Region-end Region body Padding area Border Margin Region-after Bottom-margin XML-11 J. Teuhola 2013 197

  10. Structure of an XSL-FO document <?xml version=”1.0” encoding=”UTF-8”?> <fo:root xmlns:fo=”http://www.w3.org/1999/xsl/Format”> <fo:layout-master-set> <!-- page masters --> </fo:layout-master-set> <fo:page-sequence master-reference=”xxx”> <!-- page data --> </fo:page-sequence> </fo:root> XML-11 J. Teuhola 2013 198

  11. XSL-FO page master declaration example <fo:simple-page-master margin-left=”1.5in” margin-right=”1in” margin-top=”1.5in” margin-bottom=”1in” page-width=”8.5in” page-height=”11in” master-name=”xxx”> <fo:region-before extent=”0.5in”/> <fo:region-after extent=”0.5in”/> <fo:region-start extent=”1in”/> <fo:region-end extent=”1in”/> <fo:region-body margin-left=”0.5in” margin-right=”0.5in” margin-top=”0.5in” margin-bottom=”0.5in”/> </fo:simple-page-master> XML-11 J. Teuhola 2013 199

  12. Including data content in XSL-FO pages <fo:page-sequence master-reference=”xxx”> <fo:flow flow-name=”xsl-region-body”> <!-- Contents --> </fo:flow> </fo:page-sequence> • Specifies the region where the contents ’flow’. • Components of fo:flow : fo:block, fo:block-container, fo:list-block, fo:table, fo:table-and-caption , … • Blocks: Raw text plus possibly formatting objects (graphics, footnotes, page number, other blocks). XML-11 J. Teuhola 2013 200

  13. XSLT � XSL-FO example <?XML version=”1.0”?> <xsl:stylesheet version=”1.0” xmlns:xsl=”http://www.w3.org/1999/XSL/Transform” xmlns:fo=”http://www.w3.org/1999/XSL/Format”> <xsl:template match=”/”> <fo:root> <fo:layout-master-set> … </fo:layout-master-set> <fo:page-sequence master-reference=”xxx”> <fo:flow flow-name=”xsl-region-body” <xsl:apply-templates/> </fo:flow> </fo:page-sequence> </fo:root> </xsl:template> XML-11 J. Teuhola 2013 201

  14. XSLT � XSL-FO example (cont.) <xsl:template match="heading"> <fo:block font-family="Helvetica, Arial, sans-serif" font-size="18pt" padding-bottom="0.5in"> <xsl:apply-templates/> </fo:block> </xsl:template> <xsl:template match="paragraph"> <fo:block font-family="Times, 'Times New Roman', serif" font-size="12pt" padding-bottom="0.3in"> <xsl:apply-templates/> </fo:block> </xsl:template> </xsl:stylesheet> XML-11 J. Teuhola 2013 202

  15. Sample document corresponding to the example stylesheet <?xml version="1.0" encoding="UTF-8"?> <story> <heading> This is the title </heading> <paragraph> This is the plain text that is supposed to be printed using a different font family and a smaller font size, compared to the heading. </paragraph> <paragraph> This is the second paragraph, which is included to test how multiple subsequent paragraphs are formatted into pdf, using Apache's FOP utility. </paragraph> </story> XML-11 J. Teuhola 2013 203

  16. Result of XSLT transformation to XSL-FO <?xml version="1.0" encoding="UTF-8"?><fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format"> <fo:layout-master-set> <fo:simple-page-master margin-left="1.5in" margin-right="1in“ margin-top="1.5in" margin-bottom="1in" page-width="8.5in“ page-height="11in" master-name="xxx"> <fo:region-before extent="0.5in"/> <fo:region-after extent="0.5in"/> <fo:region-start extent="1in"/> <fo:region-end extent="1in"/> <fo:region-body margin-left="0.5in" margin-right="0.5in“ margin-top="0.5in“ margin-bottom="0.5in"/> </fo:simple-page-master> </fo:layout-master-set> … XML-11 J. Teuhola 2013 204

  17. Result of XSLT transformation (cont.) <fo:page-sequence master-reference="xxx"> <fo:flow flow-name="xsl-region-body"> <fo:block font-family="Helvetica, Arial, sans-serif“ font-size="18pt" padding-bottom="0.5in"> This is the title </fo:block> <fo:block font-family="Times, 'Times New Roman', serif“ font-size="12pt" padding-bottom="0.3in"> This is the plain text that is supposed to be printed using a different font family and a smaller font size, compared to the heading. </fo:block> <fo:block font-family="Times, 'Times New Roman', serif" font-size="12pt" padding-bottom="0.3in"> This is the second paragraph, which is included to test how multiple subsequent paragraphs are formatted into pdf, using Apache's FOP processor. </fo:block> </fo:flow> </fo:page-sequence> </fo:root> XML-11 J. Teuhola 2013 205

  18. Pdf document of the example, produced by Apache/FOP XML-11 J. Teuhola 2013 206

  19. XSL-FO text block properties vs. CSS • Example: <fo:block font-family=”Helvetica, Arial, sans-serif”> font-size=”24pt” font-weight=”bold” margin-top=”12pt” margin-left=”10pt” text-align=”center”> • Corresponding CSS definition: elem-name { display=block; font-family=Helvetica, Arial, sans-serif; font-size=24pt; font-weight=bold; margin-top=12pt; margin-left=10pt; text-align=center; } XML-11 J. Teuhola 2013 207

Recommend

16. Recursion 2 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20 Output: 12

16. Recursion 2 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20 Output: 12

Motivation: Calculator Goal: we build a command line calculator Example Input: 3 + 5 Output: 8 Input: 3 / 5 Output: 0.6 Input: 3 + 5 * 20 16. Recursion 2 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20 Output: 12 Building a

387 views • 11 slides
Chapter 12 Overview Devices and Output Visual Output Dynamic Visualizations Sound

Chapter 12 Overview Devices and Output Visual Output Dynamic Visualizations Sound

Chapter 12 Overview Devices and Output Visual Output Dynamic Visualizations Sound Output Developments in Output Devices and Output Output-information in some perceptible form coming from an electronic, internal

170 views • 6 slides
Output Perception Colour models Managing output 1 Human Elements of Graphical Output

Output Perception Colour models Managing output 1 Human Elements of Graphical Output

Output Perception Colour models Managing output 1 Human Elements of Graphical Output Psychophysics: out there vs. in here Relationship between external stimuli and internal sensations Temporal and spatial resolution Vision

939 views • 28 slides
Output Perception Colour models Managing output 1 Human Elements of Graphical Output

Output Perception Colour models Managing output 1 Human Elements of Graphical Output

Output Perception Colour models Managing output 1 Human Elements of Graphical Output Psychophysics: out there vs. in here Relationship between external stimuli and internal sensations Temporal and spatial resolution Vision

702 views • 29 slides
17. Recursion 2 Input: 3 + 5 * 20 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20

17. Recursion 2 Input: 3 + 5 * 20 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20

Motivation: Calculator Goal: we build a command line calculator Example Input: 3 + 5 Output: 8 Input: 3 / 5 Output: 0.6 17. Recursion 2 Input: 3 + 5 * 20 Output: 103 Input: (3 + 5) * 20 Output: 160 Input: -(3 + 5) + 20 Building a Calculator,

245 views • 11 slides
An example grammar Todays Agenda: Input-Output Issues s --&gt; np, vp. np --&gt; [john]. vp

An example grammar Todays Agenda: Input-Output Issues s --&gt; np, vp. np --&gt; [john]. vp

Some hints regarding input/output with your projects Macros in Prolog Leftovers: The mystery of terminals on the LHS in DCGs A useful extension of print/1 : format/2 Changing the output behavior of the top-level A hook into

504 views • 5 slides
Regression l For classification the output(s) is nominal l In regression the output is continuous

Regression l For classification the output(s) is nominal l In regression the output is continuous

Regression l For classification the output(s) is nominal l In regression the output is continuous Function Approximation l Many models could be used Simplest is linear regression Fit data with the best hyper-plane which &quot;goes

592 views • 35 slides
New output: Getting end-users attention - Output that shows essential data on top - Add

New output: Getting end-users attention - Output that shows essential data on top - Add

New output: Getting end-users attention - Output that shows essential data on top - Add well-known public data (e.g. brand TLD) - Add goodies for pros (e.g. multi-dom lookup) - Combine with mini-Dig DNS responses - Add

414 views • 10 slides
7. Java Input/Output User Input/Console Output, File Input and Output (I/O) 133 User Input (half

7. Java Input/Output User Input/Console Output, File Input and Output (I/O) 133 User Input (half

7. Java Input/Output User Input/Console Output, File Input and Output (I/O) 133 User Input (half the truth) e.g. reading a number: int i = In.readInt(); Our class In provides various such methods. Some of those methods have to deal with wrong

1.09k views • 33 slides
BASIC INPUT/OUTPUT Fundamentals of Computer Science Outline: Basic Input/Output Screen Output

BASIC INPUT/OUTPUT Fundamentals of Computer Science Outline: Basic Input/Output Screen Output

BASIC INPUT/OUTPUT Fundamentals of Computer Science Outline: Basic Input/Output Screen Output Keyboard Input Simple Screen Output System.out.println(&quot;The count is &quot; + count); Outputs the sting literal &quot;the count is

651 views • 23 slides
The Stream Hierarchy Inheritance of istream and ostream from ios ios istream ostream Stream

The Stream Hierarchy Inheritance of istream and ostream from ios ios istream ostream Stream

17 . Input/Output Mechanism: Standard IO, File IO Standard Input/Output stdin cin stdout cout stderr cerr Input/Output Streams: istream &amp; ostream Input/Output of Built-in Types Input/Output of User-defined Types The Stream Hierarchy

356 views • 4 slides
some channel models Input X P(y|x) output Y transition probabilities memoryless: - output at

some channel models Input X P(y|x) output Y transition probabilities memoryless: - output at

some channel models Input X P(y|x) output Y transition probabilities memoryless: - output at time i depends only on input at time i - input and output alphabet finite Example: binary symmetric channel (BSC) 1-p Error Source 0 0 E p Y

528 views • 23 slides
W j,i a j a i Chapter 20, Section 5 Input Input Activation Output Output

W j,i a j a i Chapter 20, Section 5 Input Input Activation Output Output

McCullochPitts unit Output is a squashed linear function of the inputs: j W j,i a j a i g ( in i ) = g Neural networks Bias Weight a 0 = 1 a i = g ( in i ) W 0 ,i g in i W j,i a j a i Chapter 20, Section 5

209 views • 4 slides
TEST BENCH FOR MODULE -1 VMM CARD VMM1 Analog output 16 Digital output : TOT or TTP LVDS

TEST BENCH FOR MODULE -1 VMM CARD VMM1 Analog output 16 Digital output : TOT or TTP LVDS

TEST BENCH FOR MODULE -1 VMM CARD VMM1 Analog output 16 Digital output : TOT or TTP LVDS signal PROBLEM : SYNCHRONIZATION VMM : data is sent via Ethernet cable trough jack/arizona cards. Precision chamber : read by gassiplex and VME

345 views • 8 slides
BASIC INPUT/OUTPUT Fundamentals of Computer Science I Outline: Basic Input/Output Screen

BASIC INPUT/OUTPUT Fundamentals of Computer Science I Outline: Basic Input/Output Screen

BASIC INPUT/OUTPUT Fundamentals of Computer Science I Outline: Basic Input/Output Screen Output Keyboard Input Command Line Input File Input Simple Screen Output print(&quot;The count is &quot; + str(count)) Outputs the

523 views • 27 slides
Topic 32 - Polymorphism Clicker 1 What is output by the following code? Critter c1 = new

Topic 32 - Polymorphism Clicker 1 What is output by the following code? Critter c1 = new

Topic 32 - Polymorphism Clicker 1 What is output by the following code? Critter c1 = new Hippo(7); System.out.print(c1.toString()); A. 7 B. ? C. null D. No output due to a syntax error E. No output due to a runtime error 2 Polymorphism

366 views • 19 slides
Output, Inflation, and the Quantity Theory of Money Ref: Chap 20 p454-57, 466-73 &amp; Chap 21

Output, Inflation, and the Quantity Theory of Money Ref: Chap 20 p454-57, 466-73 &amp; Chap 21

Output, Inflation, and the Quantity Theory of Money Ref: Chap 20 p454-57, 466-73 &amp; Chap 21 p481-89 Aggregate Output (Income) Aggregate Output is measured by GDP , Gross Domestic Product: The market value of final goods and services

401 views • 27 slides
Problems A problem (in Computer Science) specifies an input/output relationship, P I O . A

Problems A problem (in Computer Science) specifies an input/output relationship, P I O . A

1/23/2010 Problems A problem (in Computer Science) specifies an input/output relationship, P I O . A Constant-Space Model of Computation for First-Order Queries (input) (output) P Steven Lindell How are input/output represented as

412 views • 5 slides
Estimating the Output Gap for Saudi Arabia Dr. Ryadh Alkhareif, Dr. Nayef Alsadoun September

Estimating the Output Gap for Saudi Arabia Dr. Ryadh Alkhareif, Dr. Nayef Alsadoun September

Estimating the Output Gap for Saudi Arabia Dr. Ryadh Alkhareif, Dr. Nayef Alsadoun September 2015 SAMA Quarterly Workshop, Riyadh Department Topic Date 0 Agenda What is the Output Gap? The Importance of Estimating Potential Output

505 views • 19 slides
Prediction in kernelized output spaces: output kernel trees and ensemble methods Pierre Geurts

Prediction in kernelized output spaces: output kernel trees and ensemble methods Pierre Geurts

Prediction in kernelized output spaces: output kernel trees and ensemble methods Pierre Geurts Florence dAlchBuc IBISC CNRS, Universit dEvry, GENOPOLE, Evry, France Department of EE and CS, University of Lige, Belgium 25 janvier

631 views • 52 slides
10k 1k V out V 1 V 2 Challenge: Make a circuit that produces an output that is only

10k 1k V out V 1 V 2 Challenge: Make a circuit that produces an output that is only

What is the output voltage in terms of the inputs? 10k 1k V out V 1 V 2 Challenge: Make a circuit that produces an output that is only dependent on the di ff erence, (V 1 -V 2 ). Di ff erential ampli fi er With correct choices for R 3 and R 4

473 views • 13 slides
Java Input/Output 6 May 2019 OSU CSE 1 Overview The Java I/O (Input/Output) package java.io

Java Input/Output 6 May 2019 OSU CSE 1 Overview The Java I/O (Input/Output) package java.io

Java Input/Output 6 May 2019 OSU CSE 1 Overview The Java I/O (Input/Output) package java.io contains a group of interfaces and classes similar to the OSU CSE components SimpleReader and SimpleWriter component families Except that

855 views • 69 slides
What Is the Output of What Is the Output of Visual Data Analysis? Visual Data Analysis? Gennady

What Is the Output of What Is the Output of Visual Data Analysis? Visual Data Analysis? Gennady

What Is the Output of What Is the Output of Visual Data Analysis? Visual Data Analysis? Gennady &amp; Natalia Andrienko Fraunhofer Institute IAIS, Sankt Augustin, Germany http://www.ais.fraunhofer.de/and Visual Analytics Panel @ InfoVis

315 views • 9 slides
Output Processing PrintStream System.out Files Output Files PrintStream Class

Output Processing PrintStream System.out Files Output Files PrintStream Class

Output Processing PrintStream System.out Files Output Files PrintStream Class System.out is a PrintStream! We generally use it to output to the console: System.out.println( Hello W orld!) ; System.out.print (E nter name:

231 views • 21 slides

More recommend