automated layout for magazine and newspaper publishing
play

Automated layout for magazine and newspaper publishing 06.02.2013 - PowerPoint PPT Presentation

Dec 03, 2022 •41 likes •301 views

Automated layout for magazine and newspaper publishing 06.02.2013 Mikko Kuhna Aalto University mikko.kuhna@aalto.fi School of Science http://mikkokuhna.com Dept. Media Technology Partners Aalto ARTS, Aalto BIZ, Aalto Communications, Alma

  1. Automated layout for magazine and newspaper publishing 06.02.2013 Mikko Kuhna Aalto University mikko.kuhna@aalto.fi School of Science http://mikkokuhna.com Dept. Media Technology

  2. Partners Aalto ARTS, Aalto BIZ, Aalto Communications, Alma 360, Alma Media, Anygraaf, Arena Partners, I-Mediat, Kauppalehti, Metropolia, Sanoma Magazines Finland, STT-Lehtikuva, TUT, VTT Aalto collaboration Pirkko Oittinen, Ida-Maria Kivelä, Sami Pekkala, Rami Aamulehto, Raisa Halonen, Mari-Laine Hernandez, Petri Leskinen, Jukka Koskenranta, Juho Hiilivirta, Nanna Särkkä, Harri Heikkilä, Maija Töyry, Merja Helle, Sarri Kukkonen, Heikki Nuutinen, Paula Haikarainen, Eveliina Olsson, Matias Kivikangas, Simo Järvelä, Niklas Ravaja 2 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  3. Outline Document Content model Document template (HAML) (XML) (HTML5) Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Idea Developed 3 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  4. Crossmedia 2010 Document Content model Document template (HAML) (XML) (HTML5) Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 4 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  5. Color palette 2010 Visual concepts and algorithms bit.ly/LQq6jG 5 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  6. Importance map 2010 Visual concepts and algorithms bit.ly/LQq6jG 6 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  7. Crossmedia 2011 Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 7 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  8. Color palette 2011 Usability of digital magazines bit.ly/Krgb3V 8 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  9. Importance map 2011 Usability of digital magazines bit.ly/Krgb3V Importance map Article cover page, landscape 1024 x 768 px Article cover page, portrait Contents page 768 x 1024 px 400 x 200 px Navigation bar 100 x 100 px 9 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  10. HTML5 & native app 2011 Usability of digital magazines (Baker Framework) bit.ly/Krgb3V Ida-Maria Kivelä (2012): Aesthetic measures for automated Master’s Thesis magazine layout on tablet devices bit.ly/RU7Wze IDA-MARIA KIVELÄ Sami Pekkala (2012): Usability evaluation of design Master’s Thesis solutions for tablet magazines bit.ly/QXnSfS IDA-MARIA KIVELÄ Kuhna, M., Kivelä, I. & Oittinen, P. Semi-Automated Magazine Layout Manual Automatic Responsive U Clarity Using Content-based Image U Usability V Layout R Pagination Features. ACM Multimedia ’12. U Navigation U Interaction R Previews R Readability http://bit.ly/Sni04k V Mag. likeness U Use logic V Contents page V Overall picture V Browsability V Sections R Image gallery R Columns U Nav. bar V Visual cues V Image quality V Traditionality Other 9 % 0 % 9 % 12 % 0 % 12 % 15 % 0 % 15 % 10 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  11. eReading 2012 Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 11 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  12. eReading 2012 Headline SecondHead Content Article Label model Lead Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 12 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  13. Content model 14:45 - 15:45 Room 22 Content model for magazine and newspaper publishing and dynamic visualization of structural data , Mikko Kuhna, Aalto SCI 13 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  14. eReading 2012 Headline SecondHead Content Article Label model Lead Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 14 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  15. eReading 2012 Headline SecondHead Content automated Article Label model processing Lead Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 15 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  16. Automated processing UI images Fonts Launch images (TTF/OTF, SVG, WOFF, EOT) App icons Images (PNG, SVG) Stylesheet Magazine App templates (LESS) Static Stylesheets resources (CSS3) Document Metadata templates (HAML) (JSON) Scripts (JS) Magazine Ruby script (HTML5) Processed images (JPEG) Metadata (XML) Issue Video material (MP4, WEBM, OGG) Articles (XML) Audio (M4A, MP3, WAV, OGG) 16 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  17. Automated processing A V A I L A B L E N O W ! App Store 17 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  18. eReading 2012 Headline SecondHead Content automated Article Label model processing Lead Document Content model Document template (HAML) (XML) (HTML5) ??? web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 18 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  19. eReading 2012 Headline SecondHead Content automated Article Label model processing Lead Document Content model Document template (HAML) (XML) (HTML5) STAGE web app Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) BAKER native app Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Content-based image features Idea Developed 19 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  20. Stage Framework swipe gesture and kinetic scrolling in a web app with CSS3 3D transforms supports HTML5 video, audio and canvas animations and the rest of the specification uses dynamic application cache to improve performance when the browser supports it 20 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  21. Stage Framework A V A I L A B L E S O O N ! MIT license 21 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  22. Stage Framework A V A I L A B L E S O O N ! iMac (OS X 10.8.2), Safari 27 CSS3 3D Transform Performance iMac (Windows 7), IE 10 30 iMac (Windows 7), Opera 30 ms (lower is better) iMac (Windows 7), Chrome 35 MacBook Air, Safari 42 iMac (OS X 10.8.2), Chrome 42 iMac (OS X 10.8.2), Maxthon 43 iMac (Windows 7), Maxthon 43 MIT license iMac (Windows 7), Firefox 44 iMac (OS X 10.8.2), Opera 48 iMac (OS X 10.8.2), Firefox 56 MacBook Air, Maxthon 67 MacBook Air, Chrome 69 MacBook Air, Firefox 73 MacBook Air, Opera 73 iPhone 5 (6.0) 149 iPhone 5 (6.1) 152 Rami Aamulehto (2013): iPhone 5 (6.0.2) 157 iPad 2 (6.0.1) 276 Digital magazine and Master’s Thesis iPad 2 (6.1) 280 newspaper publishing iPad 3 (6.1) 282 iPad Mini (6.1) 283 with HTML5 iPad 3 (6.0.1) 283 RAMI ALATALO iPad Mini (6.0.1) 287 iPhone 4S (6.0.1) 340 Windows Phone 8X (8) 349 Galaxy S III (4.0.4) 351 iPad 3 (5.1.1) 377 Galaxy Tab 10.1 (4.0.4), Chrome 467 iPhone 4S (5.1.1) 468 One S (4.0.3) 473 Xperia T (4.0.4) 481 Xoom (4.0.4) 525 Galaxy Tab 10.1 (4.0.4), Dolphin 533 Galaxy Tab 10.1 (4.0.4), Firefox 534 Galaxy Tab 10.1 (4.0.4), Android Browser 545 Galaxy Tab 10.1 (4.0.4), Opera Mobile 560 iPhone 4 (6.0.1) 578 One X (4.0.3) 597 C8812 (4.0.3) 626 One V (4.0.3) 727 Galaxy Tab (2.3.6) 787 0 200 400 600 800 22 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  23. Aalto University Magazine Demo & Stage Framework DEMO 10:15 - 10:45 Break 12:00 - 13:15 Lunch 14:15 - 14:45 Break Mikko Kuhna & Rami Aamulehto, Aalto SCI 23 NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

  24. eReading 2013 Document Content model Document template (HAML) (XML) (HTML5) Stylesheet Stylesheet Magazine App Authoring tool template (LESS) (CSS3) (e.g. Baker or web app) Image feature Images Processed images algorithms (JPEG, PNG) (JPEG, PNG) Idea Developed 24 Tested NEXT MEDIA - A TIVIT PROGRAMME 06.02.2013

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University

Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University

ACM Multimedia 12 31.10.2012 Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University Ida-Maria Kivel School of Science Pirkko Oittinen Department of Media Technology Contents 1. Introduction

896 views • 42 slides
Marketing and CS 2. Where to advertise? TV, radio, newspaper, magazine, internet, 3. Who

Marketing and CS 2. Where to advertise? TV, radio, newspaper, magazine, internet, 3. Who

Enticing you to buy a product 1. What is the content of the ad? Marketing and CS 2. Where to advertise? TV, radio, newspaper, magazine, internet, 3. Who is the target audience/customers? Philip Chan Which question is the most

422 views • 14 slides
The Libel Perils of Publishing a Print and/or Online Newspaper Tom Cronin October 4, 2019

The Libel Perils of Publishing a Print and/or Online Newspaper Tom Cronin October 4, 2019

The Libel Perils of Publishing a Print and/or Online Newspaper Tom Cronin October 4, 2019 Presenter Tom Cronin Partner - Gordon Rees Scully Mansukhani LLP Chicago 2 3 TOPICAL OVERVIEW Defamation and Libel Generally Liability for Newspaper

855 views • 50 slides
Simple Structure for Fixed Layout EPUB 2018/09/18 BOOK WALKER / KADOKAWA Keio SFC

Simple Structure for Fixed Layout EPUB 2018/09/18 BOOK WALKER / KADOKAWA Keio SFC

Simple Structure for Fixed Layout EPUB 2018/09/18 BOOK WALKER / KADOKAWA Keio SFC Advanced Publishing Laboratory Shinya Takami, Ph.D. Speaker - First EPUB 3 based eBook service in Japan - First million-class digital magazine

227 views • 11 slides
W.A.L. to write a newspaper report Today we are going to write the first half our newspaper report

W.A.L. to write a newspaper report Today we are going to write the first half our newspaper report

Tues write a newspaper report.notebook October 19, 2020 W.A.L. to write a newspaper report Today we are going to write the first half our newspaper report about the incident which happened to Auggie at the Nature Reserve. Words you may need

247 views • 3 slides
Table&of&Contents 1. Walmart)GameCenter)Magazine)Media)Kit 5.

Table&of&Contents 1. Walmart)GameCenter)Magazine)Media)Kit 5.

Table&of&Contents 1. Walmart)GameCenter)Magazine)Media)Kit 5. EGM)Digital)Guarantee)Program)Pricing 2. Walmart)GameCenter)Magazine)Publishing)Schedule 6. EGM)Digital)Guarantee)Program)Reader)Profile 3.

496 views • 33 slides
P R E S E N T A T I O N Magazine W a r e h o u s e & E q u i p m e n t P U T E V E R Y T

P R E S E N T A T I O N Magazine W a r e h o u s e & E q u i p m e n t P U T E V E R Y T

ADVERTISING AND INFORMATION AGENCY ROSSBIZNES P R E S E N T A T I O N Magazine W a r e h o u s e & E q u i p m e n t P U T E V E R Y T H I N G I N I T S P L A C E w w w . s i t m a g . r u ABOUT THE MAGAZINE Frequency: 12 times

334 views • 14 slides
Best Newspaper in the web, what are the criteria & How are they implemented Harika Janagama

Best Newspaper in the web, what are the criteria & How are they implemented Harika Janagama

27.01.2012 Best Newspaper in the web, what are the criteria & How are they implemented Harika Janagama 238522 Agenda Introduction Best Newspaper Websites Criteria Common trends Pros of Web Newspaper References 1

368 views • 10 slides
Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D.

Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D.

Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D. Ernst, Zachary Tatlock, Shoaib Kamil This Work: Automated Veri fi cation for Web Page Layout 3.6M lines 66% 17% 9% 7% Backend Layout Script

745 views • 41 slides
Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications need to be able to adjust the presentation of our interfaces. We need to dynamically reposition and resize our content in response to: Change in

681 views • 28 slides
Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications need to be able to adjust the presentation of our interfaces. We need to dynamically reposition and resize our content in response to: Change in

594 views • 26 slides
the inflight magazine www.bgonair.bg www.piero97.com Bulgaria On air the inflight magazine

the inflight magazine www.bgonair.bg www.piero97.com Bulgaria On air the inflight magazine

the inflight magazine www.bgonair.bg www.piero97.com Bulgaria On air the inflight magazine PreSentation Bulgaria On air daily news fmow. Many of them Distribution: on board The Infmight Magazine is the state that the time on the plane

415 views • 4 slides
Book This Old Renovating Print Assets For Digital Publishing Mike Rankin The Topic

Book This Old Renovating Print Assets For Digital Publishing Mike Rankin The Topic

Slide Title Book This Old Renovating Print Assets For Digital Publishing Mike Rankin The Topic InDesign-centered workfmow to re-purpose legacy print content for digital publishing The Problems Page Layout is rooted in PostScript

855 views • 33 slides
WARSAW 2014 What is An independent stock market information company Publishing a portal

WARSAW 2014 What is An independent stock market information company Publishing a portal

Marcin Przasnyski WARSAW 2014 What is An independent stock market information company Publishing a portal and a weekly newspaper Approved by Polish Financial Supervision Authority Targetted to individual investors Monthly reach

427 views • 16 slides
Magazine EIGHT THE BULGARIAN MAGAZINE FOR POPULAR SCIENCE Audited edition by KPMG PRESENTATION

Magazine EIGHT THE BULGARIAN MAGAZINE FOR POPULAR SCIENCE Audited edition by KPMG PRESENTATION

Magazine EIGHT THE BULGARIAN MAGAZINE FOR POPULAR SCIENCE Audited edition by KPMG PRESENTATION www.spisanie8.bg Magazine EIGHT Magazine 8 is the first Bulgarian popular science magazine - a worthy successor of Cosmos Magazine one of the

149 views • 11 slides
Why this magazine? Why this magazine? It i th It is the product of a need that we feel

Why this magazine? Why this magazine? It i th It is the product of a need that we feel

Why this magazine? Why this magazine? It i th It is the product of a need that we feel within us, of a desire to fill a d t f d th t f l ithi f d i t fill critical information gap We intend to report on all those things that a

500 views • 13 slides
NRC Commission Meeting July 15, 2014 L E S S O N S L E A R N E D F R O M P R I O R D E C

NRC Commission Meeting July 15, 2014 L E S S O N S L E A R N E D F R O M P R I O R D E C

NRC Commission Meeting July 15, 2014 L E S S O N S L E A R N E D F R O M P R I O R D E C O M M I S S I O N I N G A N D C U R R E N T L Y D E C O M M I S S I O N E D P L A N T I S S U E S W A Y N E N O R T O N P R E S I D E N T /

240 views • 12 slides
ESEML Empirical So.ware Engineering Modeling Language Bruno

ESEML Empirical So.ware Engineering Modeling Language Bruno

ESEML Empirical So.ware Engineering Modeling Language Bruno Cartaxo [bfsc@cin.ufpe.br] talo Costa [imac@cin.ufpe.br] Dhiego MarCns [daom@cin.ufpe.br] Andr Santos

224 views • 18 slides
Numbers in C Balance Sheet so far Lost Gained Contracts Preprocessor Safety

Numbers in C Balance Sheet so far Lost Gained Contracts Preprocessor Safety

Numbers in C Balance Sheet so far Lost Gained Contracts Preprocessor Safety Undefined behavior Garbage collection Explicit memory management Memory initialization Separate compilation Well-behaved arrays

826 views • 45 slides
Common visualization Issues & how to fix them Duen Horng (Polo) Chau Assistant

Common visualization Issues & how to fix them Duen Horng (Polo) Chau Assistant

http://poloclub.gatech.edu/cse6242 CSE6242 / CX4242: Data & Visual Analytics Common visualization Issues & how to fix them Duen Horng (Polo) Chau Assistant Professor Associate Director, MS Analytics Georgia Tech

1.23k views • 64 slides
QuickTim e Stream ing Server Darw in Stream ing Server 9/ 29/ 2004 Page 1 / 15 Media

QuickTim e Stream ing Server Darw in Stream ing Server 9/ 29/ 2004 Page 1 / 15 Media

QuickTim e Stream ing Server Darw in Stream ing Server 9/ 29/ 2004 Page 1 / 15 Media Streaming Class 2004 QuickTim e Suite Darw in is the core of Mac OS X. DSS is the free, open source version of QuickTim e Stream ing Server

385 views • 12 slides
Image Capture On Embedded Linux Systems Jacopo Mondi FOSDEM 2018 Jacopo Mondi - FOSDEM 2018

Image Capture On Embedded Linux Systems Jacopo Mondi FOSDEM 2018 Jacopo Mondi - FOSDEM 2018

Image Capture On Embedded Linux Systems Jacopo Mondi FOSDEM 2018 Jacopo Mondi - FOSDEM 2018 Image Capture On Embedded Linux Systems (1/ 63) Who am I Hello, Im Jacopo jacopo@jmondi.org irc: jmondi freenode.net Linux kernel and embedded

1k views • 64 slides
Roommate Project Description Capture We streamline posting open rooms Post near universities

Roommate Project Description Capture We streamline posting open rooms Post near universities

Project Roommate Project Description Capture We streamline posting open rooms Post near universities Connect Challenges iOS development Image capture, Storage, and Retrieving Continuous scrolling and loading of images

652 views • 3 slides
Reproducibility in the Cloud Rawaa Qasha, Jacek Caa, Paul Watson Newcastle University, Newcastle

Reproducibility in the Cloud Rawaa Qasha, Jacek Caa, Paul Watson Newcastle University, Newcastle

A Framework for Scientific Workflow Reproducibility in the Cloud Rawaa Qasha, Jacek Caa, Paul Watson Newcastle University, Newcastle upon Tyne, UK Email: {r.qasha, jacek.cala, paul.watson}@newcastle.ac.uk In this paper A new framework for

678 views • 19 slides

More recommend