sem-portal.html
9.25 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator"
content="HTML Tidy for Mac OS X (vers 1st September 2004), see www.w3.org" />
<meta http-equiv="Content-Type"
content="text/html; charset=us-ascii" />
<title>Semantic Web Advanced Development for Europe
(SWAD-Europe)</title>
<link href="http://www.w3.org/2001/sw/Europe/style/swad-europe-showcase.css"
rel="stylesheet" type="text/css" />
<style type="text/css">/*
<![CDATA[*/
body {
font-family: verdana, helvetica, arial, sans-serif;
}
#leftcontent {
position: absolute;
left:10px;
top:20px;
width:200px;
background:#fff;
margin-right:15px;
padding-bottom:20px;
}
#rightcontent {
position: absolute;
left:250px;
top:20px;
background:#fff;
padding-right: 50px;
}
#mainMenu {
background-color: #EEE;
border: 1px solid #CCC;
color: #000;
width: 203px;
}
#menuList {
margin: 0px;
padding: 10px 0px 10px 15px;
}
li.menubar {
background: url(http://www.w3.org/2001/sw/Europe/showcase/square.gif) no-repeat 0em 0.3em;
line-height: 1.5em;
list-style: none outside;
font-size: 12px;
}
li.nonexpandingmenubar {
font-size: 12px;
line-height: 1.5em;
list-style: none outside;
padding-left: 20px;
}
.menu {
margin-left: 15px;
padding: 0px;
}
.menu li {
background: url(http://www.w3.org/2001/sw/Europe/showcase/square.gif) no-repeat 0em 0.3em;
list-style: none outside;
}
a.actuator {
background-color: transparent;
color: #000;
padding-left: 20px;
text-decoration: none;
font-weight: bold;
}
.menu li a {
background-color: transparent;
color: #000;
font-size: 12px;
padding-left: 15px;
}
span.key {
text-decoration: underline;
}
/*]]>
*/</style>
</head>
<body>
<div id="leftcontent" valign="top">
<div align="center" valign="top">
<a href="http://www.w3.org/2001/sw/Europe">
<img alt="SWAD-Europe"
src="http://www.w3.org/2001/sw/Europe/images/swade100.gif"
height="75" border="0" /></a>
<a href="http://www.cordis.lu/ist/">
<img src="http://www.w3.org/2001/sw/Europe/images/istlogo-thumb.gif"
alt="EU IST logo" height="75" border="0" /></a>
</div>
<div id="mainMenu">
<ul id="menuList">
<li class="nonexpandingmenubar">
<a href="http://www.w3.org/2001/sw/Europe/" id="introMenu"
name="introMenu">Introduction</a>
</li>
<li class="menubar">
<a id="demosMenuActuator" class="actuator" accesskey="d"
name="demosMenuActuator">Demonstrators</a>
<ul id="demosMenu" class="menu">
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/sem-blog.html">
Semantic Blogging</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/sem-portal.html">
Semantic Portals</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/sem-thes.html">
Thesaurus Browser</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/sem-large.html">
Scale Demonstrator</a>
</li>
</ul>
</li>
<li class="menubar">
<a id="themesMenuActuator" class="actuator" accesskey="t"
name="themesMenuActuator">Themes</a>
<ul id="themesMenu" class="menu">
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/gs.html">Getting
Started</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/reports/tools/">Tools</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/digital-libraries.html">
Digital Libraries</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/business-integration.html">
Business Integration</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/images.html">
Image Description</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/reports/community/">
Community Building</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/history.html">
Project History</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/future.html">
Future Directions</a>
</li>
</ul>
</li>
<li class="menubar">
<a id="guideMenuActuator" class="actuator" accesskey="g"
name="guideMenuActuator">Guidelines</a>
<ul id="guideMenu" class="menu">
<!--<li><a href="blank.html">Aerospace</a> stilo*</li>-->
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/lifesci.html">
Life Science</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/guide-for-librarian.html">
Librarian</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/coder.html">
Coder</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/business-guidelines.html">
Business Integration</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/heritage.html">
Heritage</a>
</li>
</ul>
</li>
<li class="menubar">
<a id="resourcesMenuActuator" class="actuator" accesskey="r"
name="resourcesMenuActuator">Resources</a>
<ul id="resourcesMenu" class="menu">
<li>
<a href="http://www.w3.org/2001/sw/Europe/reports/intro.html">
Reports</a>
</li>
<li>
<a href="http://www.w3.org/2001/sw/Europe/showcase/presentations.html">
Presentations</a>
</li>
</ul>
</li>
<li class="nonexpandingmenubar">
<a href="http://www.w3.org/2001/sw/Europe/showcase/contact.html"
id="contactMenu" name="contactMenu">Contact</a>
</li>
</ul>
</div>
</div>
<!-- content goes here -->
<div id="rightcontent">
<h1 class="title">Semantic Portals Demonstrator</h1>
<a href="http://www.swed.org.uk"><img src="swed-side.png" width=
"408" height="215" align="right" border="0" alt=
"Screen shot of demonstration web site" /></a>
<p>The Semantic Web Environment Directory (SWED) project is a
SWAD-E demonstrator aimed at illustrating the nature of the
semantic web and the practical issues in making use of it.</p>
<p>The focus of the demonstration is to create a <em>directory of
UK based environmental organisations</em>. The SWED team are
working closely with the <a href=
"http://www.the-environment-council.org.uk/">The Environment
Council</a> and other environmental, natural history and community
organisations, to help ensure that the directory will meet the
needs of the wider environment related community in the UK.</p>
<p>The key outputs of the project are:</p>
<ul>
<li>a fully working prototype directory web site (<a href=
"http://www.swed.org.uk">http://www.swed.org.uk</a>)</li>
<li>downloadable software (see <a href=
"http://www.swed.org.uk/swed_technical_resources.htm">technical
resources</a> pages) that will allow others to build their own
directory pages, portals or other information resources</li>
<li>Reports detailing the <a href=
"http://www.w3.org/2001/sw/Europe/reports/requirements-demo-2/">system
requirements</a> and the <a href=
"http://www.w3.org/2001/sw/Europe/reports/demo_2_report/">lessons
learnt</a> during development.</li>
</ul>
<p>All data and software are being developed using non-proprietary
open technical standards.</p>
<p>Key goals of the project include:</p>
<ul>
<li>improved sustainability</li>
<li>ease of maintenance</li>
<li>enabling easy reuse of information</li>
</ul>
<p>These goals are made possible by using a Semantic Web based
approach. This approach means that the directory member
organisations publish, own and control their own information. This
information is then harvested and collated by SWED who produce a
directory Web site.</p>
<p>Essentially the SWED directory provides a view of the data, that
is brought together from across the Web. This 'self publishing' or
data harvesting approach means that <em>others can also harvest and
collate the information</em> and provide different views (e.g. a
specialist directory containing only a small subset of the
organisations) and enrich the information by adding their own
additional information (e.g. what specialist services or resources
organisations provide).</p>
<p>On the Web site, the richness of the indexing of the information
makes it easy to browse and search, to find relevant
organisations.</p>
<p>While SWED is a research project we are working with a number of
national and local environmental organisations to develop an
<i>exit strategy</i> that will help ensure that the system is used
and maintained once the project ends.</p>
<h2>Semantic web features demonstrated</h2>
<p>The demonstrator illustrates many practical features of the
semantic web.</p>
<p>The RDF data format is used for publication of the organization
descriptions. As well as capturing basic properties such as name
and description this enables us to capture classifications for
organizations and relational links between them. The decentralized
nature of the approach means that a subgroup in the community would
be free to enrich their descriptions with other information or to
publish additional annotations on existing published descriptions
using new or extended vocabularies. This is illustrated in the web
site in that the bootstrap organization descriptions are taken from
an earlier publication and augmented by classifications and
relational links published directly by the SWED team. The site's
user interface makes it clear when a page is displaying information
from such mixed sources and makes it possible to trace back the
provenance of the information.</p>
<p>The vocabularies used to organize the data into different topic
hierarchies are published as a mixture of OWL ontologies and SKOS
thesauri. This illustrates the ability to mix and match different
vocabulary schemes and the interface itself illustrates the
benefits of using such schemes in enabling browsing.</p>
<p>Thus this demonstrator reinforces the three main components of
the semantic web: data + ontologies + webness.</p>
</div>
</body>
</html>