Publishing Technology 101 A Journal Publishing Primer

Mike Hepp Director, Technology Strategy Dartmouth Journal Services [email protected]

Publishing Technology 101

The Sheridan Group

AGENDA

The Sheridan Group 123

The Sheridan Group

EVOLUTION OF PUBLISHING TECHNOLOGY

Supplemental Online Full Article Data Journal Text Based (PDFs) Online Workflow Continuous XML RGB Publishing HTML5 Peer Image Web Review HTML PAP Workflow Mobile App SGML App Semantic Technologies

Peer Production Tracking Review Issue Online Wiki System CMS System Based Ads Online Workflow Only Print Blogs Twitter Mobile Journal Podcasts RSS Optimized Web Facebook Website Portal

Web 1.0 Web 2.0 Web 3.0 “Static Web” “Social Web” “”

The Sheridan Group EVOLUTION OF PUBLISHING TECHNOLOGY

Early Structured Content Early Search and Document Management

The Sheridan Group EVOLUTION OF PUBLISHING TECHNOLOGY

Todays Structured Content

The Sheridan Group EVOLUTION OF PUBLISHING TECHNOLOGY

Todays Search and Document Management

The Sheridan Group

EVOLUTION OF PUBLISHING TECHNOLOGY

http://www.youtube.com/watch?v=NLlGopyXT_g

The Sheridan Group SGML

SGML Short for Standard Generalized Markup Language, a system for organizing and tagging elements of a document. SGML was developed and standardized by the International Organization for Standards (ISO) in 1986. SGML itself does not specify any particular formatting; rather, it specifies the rules for tagging elements. These tags can then be interpreted to format elements in different ways.

The Sheridan Group XML

XML Short for Extensible Markup Language, a specification developed by the W3C. XML is a pared-down version of SGML. It allows designers to create their own customized tags, enabling the definition, transmission, validation, and interpretation of data between applications and between organizations.

XML and XML content are commonly referred to in publishing.

The Sheridan Group Validation Technologies

Well-Formed XML = syntactically correct data

Valid XML = conforms to a DTD or XSD

DTD Short for . A DTD states what tags and attributes are used to describe content in an SGML, XML or HTML document, where each tag is allowed, and which tags can appear within other tags.

XSD Short for XML Schema Definition, a way to describe and validate data in an XML environment. A schema is a model for describing the structure of information.

The Sheridan Group Validation Technologies

Schematron is a rule-based validation language for making assertions about the presence or absence of patterns in XML trees. It is capable of expressing constraints in ways that other XML schema languages like XSD and DTD cannot.

Schematron

DTD

XSD

The Sheridan Group Validation Technologies

DTD – defines the elements and attributes allowed.

20 May 2012

XSD – allows greater definition, such as data types (e.g, date = mm dd, yyyy)

May 20, 2012

Schematron – allows deeper level of rules-based validation on the structure and the content within the structure.

If = 32 and = 1 then = May 20, 2012

The Sheridan Group XSLT

XSLT Short for Extensible Style Language Transformation, the language used in XSL style sheets to transform XML documents into other documents.

An XSL processor reads the XML document and follows the instructions in the XSL style sheet, then it outputs a new document or format.

The Sheridan Group HTML

HTML Short for HyperText Markup Language, the authoring language used to create documents on the web.

HTML defines the structure and layout of a Web document by using a variety of tags and attributes. The correct structure for an HTML document starts with (enter here what document is about) and ends with . All the information you'd like to include in your Web page fits in between the and tags.

The Sheridan Group CSS

CSS Short for Cascading Style Sheets, a technology that gives developers more control over how content is displayed. With CSS, designers and developers can create style sheets that define how different elements, such as headers and links, appear.

The term cascading derives from the fact that multiple style sheets can be applied to the same Web page, groups of web pages, or even piece of text within a web page.

The Sheridan Group JavaScript

JavaScript A scripting language developed by Netscape to enable Web authors to design interactive sites. Although it shares many of the features and structures of the full Java language, it was developed independently. Javascript can interact with HTML source code, enabling Web authors to spice up their sites with dynamic content. JavaScript is endorsed by a number of software companies and is an open language that anyone can use without purchasing a license.

Demo The Sheridan Group Process Flow

Enhanced Style CSS Validation Display CSS Technology Language CSS

Web DTD/ XSD XML HTML XSLT

Mobile Web Structured Transform Content JavaScript

Functionality

The Sheridan Group HTML5

HTML5 is a W3C specification that defines the fifth major revision of the Hypertext Markup Language. One of the major changes in HTML5 is in respect to how HTML addresses Web applications. Other new features in HTML5 include specific functions for embedding graphics, audio, video, and interactive documents.

The Sheridan Group HTML5

Some of the Benefits of HTML5: • Native support for SVG () • Native support for MathML rendering • Native support for multimedia files – no 3rd party plug-ins required • Allows greater layout control of content in the browser • Ability to cache content offline

The Sheridan Group HTML5

Firefox 12 Safari 6.0.2 Chrome 25

http://html5test.com/index.html

The Sheridan Group HTML5

http://beta.theexpressiveweb.com

The Sheridan Group http://beta.theexpressiveweb.com RSS/ATOM Feeds

RSS (originally RDF Site Summary, often dubbed Really Simple Syndication) is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video— in a standardized format. They include full or summarized text, plus metadata such as publishing dates and authorship.

ATOM The Atom Syndication Format is an XML language used for web feeds. The Atom format was developed as an alternative to RSS.

The Sheridan Group RSS/ATOM Feeds

The Sheridan Group RSS/ATOM Feeds

The Sheridan Group RSS/ATOM Feeds

The Sheridan Group ePub

EPUB short for electronic publication, is a free and open e-book standard by the International Digital Publishing Forum (IDPF). Files have the extension .epub and the file format is a container for the XHTML and other supporting files that comprise the ePub.

The Sheridan Group Mobile Technologies

The Sheridan Group

MOBILE OPTIMIZED WEBSITES

Journal Site Mobile Journal jcb.rupress.org m.jcb.rupress.org

The Sheridan Group

MOBILE OPTIMIZED WEBSITES

Mobile Website m.jcb.rupress.org

The Sheridan Group

Native Apps

The Sheridan Group

Native STM Apps

The Sheridan Group Tablet Optimized

The Sheridan Group

Native App Conclusions

§ Benefits: • Feature rich, including caching offline. • High performance – faster to access and display content. • Clear and simple purchase and installation channels. Appstores. • Customization capabilities. • “Walled Garden” – generally a controlled environment.

§ Cons: • Platform dependent; requires multiple builds. • Fragmented Android market – multiple manufacturers and multiple app stores. • Release management overhead due to the approval process. • Cost can grow as desire for customization grows, with little opportunity to monetize. Apple and Google’s 30% cut.

The Sheridan Group 35

Web Apps

The Sheridan Group

Web Apps

The Sheridan Group

Web App Conclusions

§ Benefits: • Platform independent. • Easier release management. • No 30% cut of revenue. • Promise of HTML5 advanced features.

§ Cons: • Limited features compared to native apps. • Performance issues with constant connectivity. • No easy and simple distribution and ecommerce model.

The Sheridan Group Responsive Web Design

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design http://www.smashingmagazine.com

The Sheridan Group QR Codes

The Sheridan Group QR Codes – How they Work

QR Codes turn print into an engaging interacve mulmedia experience via the mobile phone and makes print more relevant to digital consumers.

The Sheridan Group Image from interlinkONE Cell Press QR Code Issue

The Sheridan Group Cell Press QR Issue

The Sheridan Group Augmented Reality

The Sheridan Group Augmented Reality – What is it?

Augmented Reality is the inseron of a virtual layer if imagery/informaon superimposed between the real- world and the viewer.

The Sheridan Group Augmented Reality – SZ Magazine Case Study

Enriched Publicaon § Printed in August 2010, German magazine Sueddeutsche Zeitung`s supplement with a run of 550,000. § Partnered with Metaio’s junaio browser (available for free on Android and iPhone) to reveal special content. § What makes this project unique is that the enre magazine has been devoted to augmented

The Sheridan Group reality. THANK YOU QUESTIONS?

Mike Hepp Director, Technology Strategy Dartmouth Journal Services [email protected]