forked from mhausenblas/5stardata.info
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gtd-4.html
94 lines (85 loc) · 3.55 KB
/
gtd-4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:xsd ="http://www.w3.org/2001/XMLSchema#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
xmlns:owl="http://www.w3.org/2002/07/owl#"
xmlns:dcterms="http://purl.org/dc/terms/"
xmlns:meteo="http://purl.org/ns/meteo#">
<head>
<title>Temperature forecast for Galway, Ireland</title>
<link type="text/css" href="style.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="data-highlight.js"></script>
</head>
<body>
<div>
<button id="show-data">Show embedded data</button>
<div id="hint">
<p>
To view the embedded data encoded in RDFa, hover over the red-dotted areas.
You can also <a href="http://inspector.sindice.com/inspect?url=http://5stardata.info/gtd-4.html">view the data externally</a> in the Web Data Inspector, or <a href="http://graphite.ecs.soton.ac.uk/browser/?uri=http%3A%2F%2F5stardata.info%2Fgtd-4.html">Graphite Browser</a> or other tools.
</p>
<p>
In this 4 star example, we used the <a href="http://purl.org/ns/meteo#">Meteo</a> vocabulary to represent the temperature forecasts.
Each forecast has a URI (for example, '<a href="#forecast20101115">forecast for Monday, 15 November 2010</a>'), which can be used in another context.
</p>
<p>If you view the source, the data looks like a hierarchical structure, but this is an illusion. Really it is just expressing a set of individual facts about things; "#Galway" is "a Place", "#Galway" has a forecast "#forecast20101113", "#forecast20101113" is a prediction for "2010-11-13T00:00:00Z" and so forth. You can change the order of these facts without altering their meaning.</p>
</div>
</div>
<h1 property="dcterms:title">Temperature forecast for Galway, Ireland</h1>
<div id="data" about="#Galway" typeof="meteo:Place">
<table border="1px">
<tr>
<th>Day</th>
<th>Lowest Temperature (°C)</th>
</tr>
<tr rel="meteo:forecast" resource="#forecast20101113">
<td>
<div about="#forecast20101113">
<span property="meteo:predicted" content="2010-11-13T00:00:00Z" datatype="xsd:dateTime">Saturday, 13 November 2010</span>
</div>
</td>
<td rel="meteo:temperature">
<div about="#temp20101113">
<span property="meteo:celsius" datatype="xsd:decimal">2</span>
</div>
</td>
</tr>
<tr rel="meteo:forecast" resource="#forecast20101114">
<td>
<div about="#forecast20101114">
<span property="meteo:predicted" content="2010-11-14T00:00:00Z" datatype="xsd:dateTime">Sunday, 14 November 2010</span>
</div>
</td>
<td rel="meteo:temperature">
<div about="#temp20101114">
<span property="meteo:celsius" datatype="xsd:decimal">4</span>
</div>
</td>
</tr>
<tr rel="meteo:forecast" resource="#forecast20101115">
<td>
<div about="#forecast20101115">
<span property="meteo:predicted" content="2010-11-15T00:00:00Z" datatype="xsd:dateTime">Monday, 15 November 2010</span>
</div>
</td>
<td rel="meteo:temperature">
<div about="#temp20101115">
<span property="meteo:celsius" datatype="xsd:decimal">7</span>
</div>
</td>
</tr>
</table>
</div>
<pre id="data-out"></pre>
<div id="footer">
<span>
Last update: <span property="dcterms:date" datatype="xsd:date">2012-01-22</span> by <a rel="dcterms:creator" href="http://sw-app.org/mic.xhtml#i">Michael</a> |
</span>
<span>
Code available via <a href="https://github.com/mhausenblas/5stardata.info">GitHub</a>
</span>
</div>
</body>
</html>