Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Sekunde mal, wat soll’n dit heißen?
Slide 6
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
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
<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 11
subject predicate object Resource Description Framework
Slide 12
subject
<>
predicate
type
object
Song
Slide 13
subject
http://example.org/songs/american-land
predicate
http://example.org/ns/type
object
http://example.org/ns/Song
Slide 14
subject predicate object
http://example.org/songs/american-land http://example.org/ns/name “American Land”
Slide 15
subject predicate object
http://example.org/songs/american-land http://example.org/ns/author http://example.org/people/bruce
Slide 16
subject predicate object
http://example.org/people/bruce http://example.org/ns/name “Bruce Springsteen”
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
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
JSON-LD {
}
“@context”: “http://example.org/ns”, “type”: “Song”, “name”: “American Land“, “author”: { “type”: “Person”, “name”: “Bruce Springsteen” }
Slide 20
subject
http://example.org/songs/american-land
predicate
http://example.org/ns/type
object
http://example.org/ns/Song
readable.
Slide 21
subject
http://example.org/songs/american-land
predicate
http://example.org/ns/type
object
http://example.org/ns/Song
understandable?
Slide 22
subject predicate object
http://example.org/songs/american-land http://schema.org/type http://schema.org/CreativeWork
understandable.
Slide 23
RDFa <main> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer>
Slide 24
RDFa <main typeof=”http://schema.org/CreativeWork”> <h1>American Land</h1> <footer>Written by Bruce Springsteen</footer>
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
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
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
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
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
<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
<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
<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
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 35
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
<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
! #page-products! {!
⁝! .product-list! {!
⁝!
! li { … }! [property=”image”] { … }! [property=”brand”] { … }! [property=”model”] { … }! [property=”description”] { … }! [property=”price”] { … }! button { … }! }! }!
Slide 39
Slide 40
Slide 41
Slide 42
Slide 43
Slide 44