Adaptive content in Drupal http://goo.gl/A4ejvF What we can learn - - PowerPoint PPT Presentation

▶
adaptive content in drupal http goo gl a4ejvf
SMART_READER_LITE
LIVE PREVIEW

Adaptive content in Drupal http://goo.gl/A4ejvF What we can learn - - PowerPoint PPT Presentation

Dec 25, 2023 215 likes •625 views

Adaptive content in Drupal http://goo.gl/A4ejvF What we can learn from technical writers follow along: http://goo.gl/A4ejvF Pronovix Introduction What's the big deal with mobile? A short history of screen resolutions And then mobile

slide-1
SLIDE 1

Adaptive content in Drupal http://goo.gl/A4ejvF

What we can learn from technical writers

follow along: http://goo.gl/A4ejvF

slide-2
SLIDE 2

Pronovix

slide-3
SLIDE 3

Introduction

What's the big deal with mobile?

slide-4
SLIDE 4

A short history of screen resolutions

slide-5
SLIDE 5

And then mobile happened...

slide-6
SLIDE 6

Responsive design

Stop worrying about size

slide-7
SLIDE 7

Fluid grid

slide-8
SLIDE 8

Media queries

3 2 1

slide-9
SLIDE 9

Resizable media

slide-10
SLIDE 10

But what about these?

channel explosion

slide-11
SLIDE 11
slide-12
SLIDE 12
slide-13
SLIDE 13
slide-14
SLIDE 14
slide-15
SLIDE 15

Adaptive content

Create once, publish everywhere

slide-16
SLIDE 16
  • Reusable
  • Structured
  • Presentation-independent
  • With meaningful metadata
  • Usable CMS interfaces

Adaptive content

Five key elements of adaptive content as defined by Karen McGrane in her book "Content strategy for mobile"

slide-17
SLIDE 17

Let’s talk a bit about DITA

XML is dead, long live XML

slide-18
SLIDE 18
  • Topic oriented != book oriented
  • Maps: Separation navigation & content
  • Conref: content references = transclusion
  • Conditional text: context specific docs
  • Metadata: loads of it
  • Specialization: make your own topic type

Darwin Information Type Architecture

  • And all of this in XML
slide-19
SLIDE 19

But isn’t XML extinct?

slide-20
SLIDE 20

XML is very much alive

slide-21
SLIDE 21
  • Information typing
  • Topic based authoring
  • Structured writing
  • Conditional text
  • Single source
  • Minimalism

What DITA does

But you can do all this in Drupal!

slide-22
SLIDE 22

& Drupal is way more badass

slide-23
SLIDE 23

Drupalzilla

Responsive and Adaptive

slide-24
SLIDE 24

Information typing = Content types

slide-25
SLIDE 25

Topic based authoring = Nodes

slide-26
SLIDE 26

Structured writing = fields

slide-27
SLIDE 27

Conditional text, there’s a module for that

slide-28
SLIDE 28

It’s more than code

Educate your users

slide-29
SLIDE 29

Teach your users minimalism

slide-30
SLIDE 30

Single source => no listing blobs

slide-31
SLIDE 31

Presentation independent

WYSIWYG

slide-32
SLIDE 32
slide-33
SLIDE 33

Meaningful metadata

  • Keywords (Fields, Taxonomy)
  • Expiration date (Date module)
  • Post initial energy (Radioactivity)
slide-34
SLIDE 34

Drupalzilla: strong enough to handle all your channels

slide-35
SLIDE 35

Make sure to watch these

Adaptive content @ Drupalcon Portland

slide-36
SLIDE 36

http://goo.gl/2Jyy3V

slide-37
SLIDE 37

http://goo.gl/l42jQv

slide-38
SLIDE 38

Kristof Van Tomme http://pronovix.com @kvantomme

slide-39
SLIDE 39

Media Sources

https://en.m.wikipedia.org/wiki/File:Original_iPhone_docked.jpg http://en.wikipedia.org/wiki/File:A_Google_Glass_wearer.jpg http://commons.wikimedia.org/wiki/File:Pebble_watch_trio_group_04.png http://commons.wikimedia.org/wiki/File:81-760_metro_car-12.jpg http://upload.wikimedia.

  • rg/wikipedia/commons/8/89/Northwestern_HS_Digital_Display.jpg

http://commons.wikimedia.org/wiki/File:Darwin's_finches_by_Gould.jpg http://commons.wikimedia.org/wiki/File:Pila_tarczowa_RB.jpg http://commons.wikimedia.org/wiki/File:Band_saw.jpg