Employing a Collaborative Model for Structured Content

April 25, 2017

Dori Kelner, Managing PartnerSleight-of-Hand Studios

About me

Survey data collectionData warehousingTechnical project managementStrategistFoodie and oenophile

5/2/2017 | 2

Common Vocabulary

5/2/2017 | 3

5/2/2017 | 4

Uns

truc

ture

d C

ont

ent

5/2/2017 | 5

Struc

ture

d C

ont

ent

5/2/2017 | 6

WEBSITE

INTRANET

PRINT

EMAIL

SOCIAL

APPS

BLOGS

MICROSITES

STRUCTUREDCONTENT

Why

care

? ReusableScalableMulti-channelDevice agnosticFuture proof

5/2/2017 | 7

Content becomes data

“Get your content ready to go anywhere because it’s going to go everywhere.”

—Brad Frost

5/2/2017 | 8

Separate Content from Presentation

True device agnosticism

5/2/2017 | 9

5/2/2017 | 10

5/2/2017 | 11

5/2/2017 | 12

DomainModel

ContentModel

ContentTypes

Wireframes/Prototype

Theming(front-end)

Coding(site build)(back-end)

ContentCreation

Content Strategist

VisualDesign

UX Designer

Author

Graphic Designer

Developers

--Designing Future-Friendly Content" by Mike Atherton and Carrie Hane

Dom

ain M

odel

5/2/2017 | 13

Ingredients

Process

Contributors

Stores

5/2/2017 | 14

STORE

CATEGORY

PEOPLEPROCESS

INGREDIENT

RECIPE

ROLE

sellIngredientconsistsOf haveRole

visitStore submitRecipe

REVIEW

submitReview

consistsOf

hasCategory

--Designing Future-Friendly Content" by Mike Atherton and Carrie Hane

5/2/2017 | 15

RECIPE

TitleSubtitle

Short summarySummaryPersonImageVideo

IngredientInstructions

Nutritional infoYield

Cook timePrep timeCategoryRating

CommentsContent priority

Instruction

Steps

CATEGORY

Title

INGREDIENT

MeasureQuantityName

PERSON

Full NameFirst nameLast nameSummary

BioRole

Website

ROLE

Title

REVIEW

RatingComment

STORE

NameAddressCityState

Ingredient

Cont

ent M

odel

Name Title Field Body Field Fields Type Details

Recipe Recipe name Description –200 characters Photo Image 1024x512

Alt tag

Date published Date yyyy-mm-ddPopup calendar

Prep Time TimeHours and minutes

Select list

Yield Integer Number

Ingredient Text Repeating100 chars

Author Entity relationship

Link to person content type

Type Term reference One tagCategory type

5/2/2017 | 16

Cont

ent Typ

es

5/2/2017 | 17

Wire

fram

es

5/2/2017 | 18

Visua

l Des

ign/

The

ming

5/2/2017 | 19

Content: Recipe

Term reference: Category

Content: PersonDev

elopm

ent

Cont

ent La

yout Context

Display SuitePage ManagerPanelizerParagraphs

5/2/2017 | 20

5/2/2017 | 21

Cont

ent C

reatio

n

Microdata:schema.org

5/2/2017 | 22

“Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.”

5/2/2017 | 23

https://search.google.com/structured-data/testing-tool

5/2/2017 | 24

5/2/2017 | 25

Social Sharing: Open graph, twitter cards, etc.

Bon appétit!

Common modelShared languageCollaborative understandingContent that is reusable, adaptive and discoverable

5/2/2017 | 26

5/2/2017 | 27

Dori Kelner, MSManaging PartnerSleight-of-Hand Studios703-758-7178dmkelner@sohstudios.com

D.o: dmkelner

Twitter: @dorikelner

LinkedIn: https://www.linkedin.com/in/dorikelner

Wha

t did y

ou

think?

5/2/2017 | 28

THANK YOU!

Locate this session at the DrupalCon Baltimore website:

http://baltimore2017.drupal.org/schedulee survey!https://www.surveymonkey.com/r/drupalconbaltimore

Come to the BoF Wednesday @5:00 in Room 304