nuqjatlh, cha’DIch (What does it mean, too? / Sekunde mal, wat soll’n dit heißen?)

A presentation at @ 3pc in February 2017 in Berlin, Germany by Gunnar Bittersmann

Slide 1

Slide 1

 

Slide 2

Slide 2

nuqjatlh cha’DIch

Slide 3

Slide 3

hä?

Slide 4

Slide 4

What does it mean, too?

Slide 5

Slide 5

Sekunde mal, wat soll’n dit heißen?

Slide 6

Slide 6

Slide 7

Slide 7

AMERICAN LAND Written by Bruce Springsteen Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. —Bruce Springsteen, Adelaide, Australia, 30 January 2017

Slide 8

Slide 8

AMERICAN LAND Written by Bruce Springsteen Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. —Bruce Springsteen, Adelaide, Australia, 30 January 2017 The McNicholas, the Posalskis, the Smiths, Zerillis, too The Blacks, the Irish, Italians, the Germans and the Jews Come across the water a thousand miles from home With nothing in their bellies but the fire down below They died building the railroads worked to bones and skin They died in the fields and factories names scattered in the wind They died to get here a hundred years ago they’re still dying now The hands that built the country we’re always trying to keep out

Slide 9

Slide 9

<main> <h1> <footer> <aside> <blockquote> American Land </h1> Written by Bruce Springsteen </footer> Tonight we want to add our voices to the thousands of Americans who are protesting at airports around the country the Muslim Ban and the detention of foreign nationals and refugees. America is a nation of immigrants and we find this anti-democratic and fundamentally un-American. <footer><cite> —Bruce Springsteen, Adelaide, Australia, 30 January 2017 </cite></footer> </blockquote> </aside> <div> The McNicholas, the Posalskis, the Smiths, Zerillis, too <br/> <p> The Blacks, the Irish, Italians, the Germans and the Jews <br/> Come across the water a thousand miles from home <br/> With nothing in their bellies but the fire down below </p> <p> </div> </main> They died building the railroads worked to bones and skin <br/> They died in the fields and factories names scattered in the wind<br/> They died to get here a hundred years ago they’re still dying now<br/> The hands that built the country we’re always trying to keep out </p>

Slide 10

Slide 10

Slide 11

Slide 11

subject predicate object Resource Description Framework

Slide 12

Slide 12

subject <> predicate type object Song

Slide 13

Slide 13

subject http://example.org/songs/american-land predicate http://example.org/ns/type object http://example.org/ns/Song

Slide 14

Slide 14

subject predicate object http://example.org/songs/american-land http://example.org/ns/name “American Land”

Slide 15

Slide 15

subject predicate object http://example.org/songs/american-land http://example.org/ns/author http://example.org/people/bruce

Slide 16

Slide 16

subject predicate object http://example.org/people/bruce http://example.org/ns/name “Bruce Springsteen”

Slide 17

Slide 17

XML <rdf:RDF xmlns:rdf=”http://www.w3.org/1999/02/22-rdf-syntax-ns#” xmlns:ns=”http://example.org/ns/” > <rdf:Description rdf:about=”http://example.org/songs/american-land”> ns:typens:Song/ </ns:type> ns:nameAmerican Land</ns:name> ns:authorns:Personns:nameBruce Springsteen</ns:name> </ns:Person> </ns:author> </rdf:Description> </rdf:RDF>

Slide 18

Slide 18

XML <rdf:RDF xmlns:rdf=”http://www.w3.org/1999/02/22-rdf-syntax-ns#” xmlns:ns=”http://example.org/ns/” > <rdf:Description rdf:about=”http://example.org/songs/american-land”> ns:typens:Song/ </ns:type> ns:nameAmerican Land</ns:name> ns:author <ns:Person ns:name=”Bruce Springsteen“/> </ns:author> </rdf:Description> </rdf:RDF>

Slide 19

Slide 19

JSON-LD { } “@context”: “http://example.org/ns”, “type”: “Song”, “name”: “American Land“, “author”: { “type”: “Person”, “name”: “Bruce Springsteen” }

Slide 20

Slide 20

subject http://example.org/songs/american-land predicate http://example.org/ns/type object http://example.org/ns/Song readable.

Slide 21

Slide 21

subject http://example.org/songs/american-land predicate http://example.org/ns/type object http://example.org/ns/Song understandable?

Slide 22

Slide 22

subject predicate object http://example.org/songs/american-land http://schema.org/type http://schema.org/CreativeWork understandable.

Slide 23

Slide 23

RDFa <main> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer>

Slide 24

Slide 24

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer>

Slide 25

Slide 25

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by Bruce Springsteen</footer>

Slide 26

Slide 26

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by <span> Bruce Springsteen </span> </footer>

Slide 27

Slide 27

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by <span property=”http://schema.org/author”> Bruce Springsteen </span> </footer>

Slide 28

Slide 28

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by <span property=”http://schema.org/author”> <span typeof=”http://schema.org/Person”> <span property=”http://schema.org/name”> Bruce Springsteen </span> </span> </span>

Slide 29

Slide 29

RDFa <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by <span property=”http://schema.org/author” typeof=”http://schema.org/Person”> <span property=”http://schema.org/name”> Bruce Springsteen </span> </span>

Slide 30

Slide 30

<html vocab=”http://schema.org” lang=”en”> <main typeof=”http://schema.org/CreativeWork”> <h1 property=”http://schema.org/name”>American Land</h1> <footer>Written by <span property=”http://schema.org/author” typeof=”http://schema.org/Person”> <span property=”http://schema.org/name”> Bruce Springsteen </span> </span>

Slide 31

Slide 31

<html vocab=”http://schema.org” lang=”en”> <main typeof=”CreativeWork”> <h1 property=”name”>American Land</h1> <footer>Written by <span property=”author” typeof=”Person”> <span property=”name”> Bruce Springsteen </span> </span>

Slide 32

Slide 32

<html vocab=”http://schema.org” lang=”en”> <main typeof=”CreativeWork”> <h1 property=”name”>American Land</h1> <footer>Written by <span property=”author” typeof=”Person”> <span property=”name”>Bruce Springsteen</span> </span> </footer>

Slide 33

Slide 33

Microdata <main itemscope itemtype=”http://schema.org/CreativeWork”> <h1 itemprop=”name”>American Land</h1> <footer>Written by <span itemprop=”author” itemscope itemtype=”http://schema.org/Person”> <span itemprop=”name”>Bruce Springsteen</span> </span> </footer>

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

COFFEE GRINDERS OUT OF YOUR BEANS Peugeot! Coffee grinder! 98 € PICK Kalita! Coffee grinder! 76 € PICK Heyde! Coffee grinder! 54 € PICK

Slide 37

Slide 37

<html id=”page-products” vocab=”http://schema.org/”>! ! <ul class=”product-list”>! <li typeof=”Product”>! <img property=”image” src=”…” alt=”…”/>! <span property=”name”>…</span>! <span property=”brand”>…</span>! <span property=”model”>…</span>! </span>! <span property=”description”>…</span>! <span property=”offers” typeof=”Offer”> ! <span class=”price”>…</span>! <link property=”availability” href=”http://schema.org/InStock”/>! </span>! <button>Pick me!</button>! </li>! ⁝! </ul>!

Slide 38

Slide 38

! #page-products! {! ⁝! .product-list! {! ⁝! ! li { … }! [property=”image”] { … }! [property=”brand”] { … }! [property=”model”] { … }! [property=”description”] { … }! [property=”price”] { … }! button { … }! }! }!

Slide 39

Slide 39

Look ma, no classes!

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

Slide 44

Slide 44

