Publishing Technology 101 A Journal Publishing Primer. Mike Hepp Director, Technology Strategy Dartmouth Journal Services

Size: px

Start display at page:

Download "Publishing Technology 101 A Journal Publishing Primer. Mike Hepp Director, Technology Strategy Dartmouth Journal Services"

Suzanna Sims
6 years ago
Views:

1 Publishing Technology 101 A Journal Publishing Primer Mike Hepp Director, Technology Strategy Dartmouth Journal Services mike.hepp@sheridan.com

2 Publishing Technology 101

3 AGENDA

4 12 3

5 EVOLUTION OF PUBLISHING TECHNOLOGY Peer Review Online Journal (PDFs) HTML SGML XML Full Text Online Article Based Workflow PAP RGB Image Workflow Supplemental Data Continuous Publishing Mobile App HTML5 Semantic Technologies Web App Print Journal Peer Review System Issue Based Workflow Wiki Podcasts Blogs RSS Online Ads Twitter Facebook Production Tracking System Mobile Optimized Website CMS Web Portal Online Only Web 1.0 Static Web Web 2.0 Social Web Web 3.0 Semantic Web

6 EVOLUTION OF PUBLISHING TECHNOLOGY Early Structured Content Early Search and Document Management

7 EVOLUTION OF PUBLISHING TECHNOLOGY Todays Structured Content

8 EVOLUTION OF PUBLISHING TECHNOLOGY Todays Search and Document Management

9 EVOLUTION OF PUBLISHING TECHNOLOGY

10 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 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.

11 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 Metadata and XML content are commonly referred to in publishing.

12 Validation Technologies Well-Formed XML = syntactically correct <element>data</element> Valid XML = conforms to a DTD or XSD DTD Short for Document Type Definition. 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.

13 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

14 Validation Technologies DTD defines the elements and attributes allowed. <pubdate> <day>20</day> <month>may</month> <year>2012</year> </pubdate> XSD allows greater definition, such as data types (e.g, date = mm dd, yyyy) <pubdate>may 20, 2012</pubdate> Schematron allows deeper level of rules-based validation on the structure and the content within the structure. If <volume> = 32 and <issue> = 1 then <pubdate> = May 20, 2012

15 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.

16 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 <HTML><HEAD>(enter here what document is about)<body> and ends with </BODY></HTML>. All the information you'd like to include in your Web page fits in between the <BODY> and </BODY> tags.

17 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.

18 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

19 Process Flow Validation Technology Display Language CSS CSS CSS Enhanced Style XML DTD/ XSD XSLT HTML Web Structured Content Transform JavaScript Mobile Web Functionality

20 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.

HTML5 Some of the Benefits of HTML5: Native

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

22 HTML5 Firefox 12 Safari Chrome 25

23 HTML5

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,

24 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.

25 RSS/ATOM Feeds

26 RSS/ATOM Feeds

27 RSS/ATOM Feeds

28 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.

29 Mobile Technologies

30 MOBILE OPTIMIZED WEBSITES Journal Site jcb.rupress.org Mobile Journal m.jcb.rupress.org

31 MOBILE OPTIMIZED WEBSITES Mobile Website m.jcb.rupress.org

32 Native Apps

33 Native STM Apps

34 Tablet Optimized

35 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. 35

36 Web Apps

37 Web Apps

38 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.

39 Responsive Web Design

40 QR Codes

41 QR Codes How they Work QR Codes turn print into an engaging interac-ve mul-media experience via the mobile phone and makes print more relevant to digital consumers. Image from interlinkone

42 Cell Press QR Code Issue

43 Cell Press QR Issue

44 Augmented Reality

45 Augmented Reality What is it? Augmented Reality is the inser-on of a virtual layer if imagery/informa-on superimposed between the real- world and the viewer.

Augmented Reality SZ Magazine Case Study Enriched Publica9on

Zeitung`s supplement with a run of 550,000.

on Android and iphone) to reveal special content.

46 Augmented Reality SZ Magazine Case Study Enriched Publica9on 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 en-re magazine has been devoted to augmented reality.

47 THANK YOU QUESTIONS? Mike Hepp Director, Technology Strategy Dartmouth Journal Services

HTML5 MOCK TEST HTML5 MOCK TEST I

HTML5 MOCK TEST HTML5 MOCK TEST I http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your