Pal gov.tutorial2.session16.lab rd-fa

‫أكاديمية الحكومة اإللكترونية الفلسطينية‬
The Palestinian eGovernment Academy
www.egovacademy.ps

Tutorial II: Data Integration and Open Information Systems

Session 16 (Practical):

RDFa

Dr. Mustafa Jarrar
University of Birzeit
mjarrar@birzeit.edu
www.jarrar.info

PalGov © 2011 1

About

This tutorial is part of the PalGov project, funded by the TEMPUS IV program of the
Commission of the European Communities, grant agreement 511159-TEMPUS-1-
2010-1-PS-TEMPUS-JPHES. The project website: www.egovacademy.ps
Project Consortium:
Birzeit University, Palestine
University of Trento, Italy
(Coordinator )

Palestine Polytechnic University, Palestine Vrije Universiteit Brussel, Belgium

Palestine Technical University, Palestine
Université de Savoie, France

Ministry of Telecom and IT, Palestine
University of Namur, Belgium
Ministry of Interior, Palestine
TrueTrust, UK
Ministry of Local Government, Palestine

Coordinator:
Dr. Mustafa Jarrar
Birzeit University, P.O.Box 14- Birzeit, Palestine
Telfax:+972 2 2982935 mjarrar@birzeit.eduPalGov © 2011
2

© Copyright Notes
Everyone is encouraged to use this material, or part of it, but should
properly cite the project (logo and website), and the author of that part.

No part of this tutorial may be reproduced or modified in any form or by
any means, without prior written permission from the project, who have
the full copyrights on the material.

Attribution-NonCommercial-ShareAlike
CC-BY-NC-SA

This license lets others remix, tweak, and build upon your work non-
commercially, as long as they credit you and license their new creations
under the identical terms.

PalGov © 2011 3

Tutorial Map

Topic h
Intended Learning Objectives
Session 1: XML Basics and Namespaces 3
A: Knowledge and Understanding
Session 2: XML DTD’s 3
2a1: Describe tree and graph data models.
Session 3: XML Schemas 3
2a2: Understand the notation of XML, RDF, RDFS, and OWL.
2a3: Demonstrate knowledge about querying techniques for data Session 4: Lab-XML Schemas 3

models as SPARQL and XPath. Session 5: RDF and RDFs 3

2a4: Explain the concepts of identity management and Linked data. Session 6: Lab-RDF and RDFs 3
2a5: Demonstrate knowledge about Integration &fusion of Session 7: OWL (Ontology Web Language) 3
heterogeneous data. Session 8: Lab-OWL 3
B: Intellectual Skills Session 9: Lab-RDF Stores -Challenges and Solutions 3
2b1: Represent data using tree and graph data models (XML & Session 10: Lab-SPARQL 3
RDF). Session 11: Lab-Oracle Semantic Technology 3
2b2: Describe data semantics using RDFS and OWL. Session 12_1: The problem of Data Integration 1.5
2b3: Manage and query data represented in RDF, XML, OWL. Session 12_2: Architectural Solutions for the Integration Issues 1.5
2b4: Integrate and fuse heterogeneous data. Session 13_1: Data Schema Integration 1
C: Professional and Practical Skills Session 13_2: GAV and LAV Integration 1
2c1: Using Oracle Semantic Technology and/or Virtuoso to store Session 13_3: Data Integration and Fusion using RDF 1
and query RDF stores. Session 14: Lab-Data Integration and Fusion using RDF 3
D: General and Transferable Skills
2d1: Working with team. Session 15_1: Data Web and Linked Data 1.5
2d2: Presenting and defending ideas. Session 15_2: RDFa 1.5
2d3: Use of creativity and innovation in problem solving.
2d4: Develop communication skills and logical reasoning abilities. Session 16: Lab-RDFa 3

PalGov © 2011 4

Module ILOs

After completing this module students will be able to:

- Demonstrate knowledge of RDFa.

PalGov © 2011 5

Practical Session II

Description:
Given two XHTML files, people.html and projects.html, each
student must embed both documents with RDFa. Consider
the following when doing the exercise:
- Both documents are validated XHTML documents. We have validated them
using the standard W3C Validator: http://validator.w3.org/
- Students must use standard known ontologies when annotating the documents,
such as FOAF, Dublin Core, etc.
- Students must validate their work using the standard W3C validator.
- Each student must expect to present and discuss his/her work at class.
- Final delivery must include links of the two RDFa-annotated documents.

PalGov © 2011 6

Projects.html
Copy and Paste this code into Notepad++
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sina Institute - Projects</title>
</head>
<body>
<div id="box" style="text-align: center;"><strong><span class="largeFontSpan">[ </span><a title="Projects" href="#Active-Projects"><span class="largeFontSpan">Active Projects</span></a> | <a title="Past Projects" href="#Past-Projects"
<span class="largeFontSpan">Past Projects</span><span style="color: #ffffff;"> </span></a><span class="largeFontSpan"> ]</span></strong></div>
<h1 id="Active-Projects">Active Projects</h1>
<table style="height: 786px;" width="475">
<tbody>
<tr>
<td><img class="alignleft size-full wp-image-350" title="PalGov " src="http://localhost/sina/wp-content/uploads/2011/02/eGovSeer.jpg" alt="GovSeer" width="132" height="100" /></td>
<td style="vertical-align: middle;"><strong>GovSeer - Interoperability of e-Governmental Services</strong>
Page:<span><a href="http://sites.birzeit.edu/comp/GovSeer/">http://sites.birzeit.edu/comp/GovSeer/</a></span></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-350" title="PalGov " src="http://localhost/sina/wp-content/uploads/2011/08/palgove_logo_160x76.png" alt="The Palestinian e-government academy" width="132" /></td>
<td style="vertical-align: middle;"><strong>PalGov - e-Government Lifelong Learning Consortium</strong>
Page:<span><a href="http://sites.birzeit.edu/comp/PalGov/">http://sites.birzeit.edu/comp/PalGov/</a></span></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-337" title="Arabic Ontololgy" src="http://localhost/sina/wp-content/uploads/2011/02/arabicOntologyLogoLowResolution.jpg" alt="Arabic Ontololgy" width="133" height="126" /></td>
<td style="vertical-align: middle;"><strong>Arabic Ontology
</strong>Page:<span><a href="http://sites.birzeit.edu/comp/ArabicOntology/">http://sites.birzeit.edu/comp/ArabicOntology/</a></span></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-352" title="Wojood" src="http://localhost/sina/wp-content/uploads/2010/09/jood.png" alt="" width="125" height="97" /></td>
<td style="vertical-align: middle;"><strong> Wojood
</strong>Page: <a href="http://localhost/sina/wojood/" target="_blank">http://localhost/sina/wojood/</a></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-352" title="google" src="http://localhost/sina/wp-content/uploads/2010/09/google1.png" alt="" width="125" height="97" /></td>
<td style="vertical-align: middle;"><strong>A Suite of Automated Tools for Efficient Management and Search in Web-based Arabic Documents
</strong>Page:<span><a href="http://localhost/sina/SATEMSAD/">http://localhost/sina/SATEMSAD/</a></span></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-357" title="MashQL" src="http://localhost/sina/wp-content/uploads/2010/09/mashql2.png" alt="MashQL" width="140" height="64" /></td>
<td style="vertical-align: middle;"><strong>MashQL: A novel approach for querying the Data Web</strong>
Page:<span><a href="http://sites.birzeit.edu/comp/mashql/">http://sites.birzeit.edu/comp/mashql/</a></span></td>
</tr>
<tr>
<td><img class="alignleft size-full wp-image-355" title="Mobile Information Technology for the Visually Impaired " src="http://localhost/sina/wp-content/uploads/2010/09/mitvi.png" alt="mgad" width="136" height="73" /></td>
<td style="vertical-align: middle;"><strong>Mobile Information Technology for the Visually Impaired
</strong>Page:<span><a href="http://localhost/sina/MITVI/" target="_blank">http://localhost/sina/MITVI/</a></span></td>
</tr>
</tbody>
</table>
<br class="spacer" />
<h1 id="Past-Projects">Past Projects</h1>
<tbody>
<tr>
<td><img class="alignleft size-full wp-image-353" title="Mobile Information Technology for the Visually Impaired " src="http://localhost/sina/wp-content/uploads/2010/09/mgad.png" alt="mgad" width="133" height="62" /></td>
<td style="vertical-align: middle;"><strong>Model Generation for Selected Applications</strong>
Page:<span><a href="http://localhost/sina/ModelGeneration/" target="_blank">http://localhost/sina/ModelGeneration/</a></span></td>
</tr>
</tbody>
</table>
</body>
</html>
PalGov © 2011 7

People.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sina Institute - People</title>
</head>
<body>
<div id="box" style="text-align: center;"><strong><span class="largeFontSpan">[ </span><a title="Current Members" href="#Current"><span class="largeFontSpan">Current Members</span></a> |
<a title="Collaborators" href="#Collaborators"><span class="largeFontSpan">Collaborators</span></a> | <a title="Former Members" href="#Former"><span class="largeFontSpan">Former Members</span></a>
<span class="largeFontSpan"> ]</span></strong></div>
<h1 id="Current">Current Members</h1>
<tbody>
<tr>
<td style="vertical-align: middle; width: 109px; height: 160px;"><img class="alignnone" title="Dr. Mustafa Jarrar" src="http://localhost/sina/wp-content/uploads/2011/02/Jarrar.png" alt="Dr. Mustafa Jarrar" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160"><strong>Dr. Mustafa Jarrar</strong>
<em>OnTo Group Director</em>
<a href="mailto:mjarrar@birzeit.edu">mjarrar@birzeit.edu </a>
<a href="http://localhost/sina/mjarrar/" target="_blank">localhost/sina/mjarrar/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Dr. Adnan Yahya" src="http://localhost/sina/wp-content/uploads/2011/02/yahya.png" alt="Dr. Adnan Yahya" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160"><strong>Dr. Adnan Yahya</strong>
<em>ALTIR Group Director</em>
<a href="mailto:yahya@birzeit.edu">yahya@birzeit.edu </a>
<a href="http://localhost/sina/ayahya/" target="_blank">localhost/sina/ayahya/</a></td>
</tr>
</tbody>
</table>

<tbody>
<tr>
<td style="vertical-align: middle; width: 220px; height: 160px;"><strong>Secretary</strong>:
Rawan Taha
<a href="mailto:rntaha@birzeit.edu">rntaha@birzeit.edu </a>
Tel: +972 2 2982917</td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="130" height="160"></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"></td>
</tr>
</tbody>
</table>


<hr />
<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignleft size-full wp-image-354" title="Majd Al-Ashhab" src="http://localhost/sina/wp-content/uploads/2011/02/DSC079601.png"
alt="Majd Al-Ashhab" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Majd Al-Ashhab
<a href="mailto:mashhab@birzeit.edu">mashhab@birzeit.edu </a>
<a href="http://localhost/sina/mashhab/">localhost/sina/mashhab/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Ali Salhi" src="http://localhost/sina/wp-content/uploads/2011/02/a11.png" alt="Ali Salhi" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Ali Salhi
<a href="mailto:asalhi@birzeit.edu">asalhi@birzeit.edu</a>
<a href="http://localhost/sina/asalhi/">localhost/sina/asalhi/</a></td>
</tr>
</tbody>
</table>

PalGov © 2011 8

People.html – continued

<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignleft size-full wp-image-1124" title="antonPhoto" src="http://localhost/sina/wp-content/uploads/2011/02/antonPhoto.png" alt="" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Anton Deik
<a href="mailto:anton.deik@gmail.com">anton.deik@gmail.com</a>
<a href="http://localhost/sina/adeik/">localhost/sina/adeik/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Bilal Farraj" src="http://localhost/sina/wp-content/uploads/2011/02/STB9565.png" alt="Bilal Farraj" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Bilal Farraj
<a href="mailto:bfarraj@gmail.com">bfarraj@gmail.com </a>
<a href="http://localhost/sina/bfarraj/">localhost/sina/bfarraj/</a></td>
</tr>
</tbody>
</table>

<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img title="Ala' Hawash" src="../wp-content/uploads/2011/02/Ala.png" alt="Ala' Hawash" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Ala' Hawash
<a href="mailto:ala.hawash@gmail.com">ala.hawash@gmail.com</a>
<a href="http://localhost/sina/ahawash/">localhost/sina/ahawash/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Rana Rishmawi" src="http://localhost/sina/wp-content/uploads/2011/03/Rana.png" alt="Rana Rishmawi" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Rana Rishmawi
<a href="mailto:rgr.4.12@gmail.com">rgr.4.12@gmail.com </a>
<a href="http://localhost/sina/rrishmawi/">localhost/sina/rrishmawi/</a></td>
</tr>
</tbody>
</table>
<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="size-full wp-image-601 alignleft" title="Hiba Shaheen" src="http://localhost/sina/wp-content/uploads/2011/02/HibaShaheen.png" alt="" width="105"
height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Hiba Shaheen
<a href="mailto:shaheen.hiba@gmail.com ">shaheen.hiba@gmail.com </a>
<a href="http://localhost/sina/hshaheen/">localhost/sina/hshaheen/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Rami Khaleel" src="../wp-content/uploads/2011/02/rami_khaleel.png" alt="Rami Khaleel" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Rami Khaleel
<a href="mailto:ramikhl@yahoo.com">ramikhl@yahoo.com </a>
<a href="http://localhost/sina/rkhaleel/">localhost/sina/rkhaleel/</a></td>
</tr>
</tbody>
</table>

<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img title="Mohammed Melhem" src="http://localhost/sina/wp-content/uploads/2011/02/melhem.png" alt="Mohammed Melhem" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Mohammed Melhem
<a href="mailto:4mmelhem@gmail.com"> 4mmelhem@gmail.com </a>
<a href="http://localhost/sina/mmelhem/" target="_blank">localhost/sina/mmelhem/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img class="alignnone" title="Hanya Radwan" src="http://localhost/sina/wp-content/uploads/2011/02/hanya.png" alt="Hanya Radwan" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Hanya Radwan
<a href="mailto:hanya.radwan2010@gmail.com">hanya.radwan2010@gmail.com </a>
<a href="http://localhost/sina/hradwan/">localhost/sina/hradwan/</a></td>
</tr>
</tbody>
</table>
 PalGov © 2011 9

People.html – continued
<tbody>
<tr>
<td style="vertical-align: middle; width: 130px; height: 160px;"><img title="Nafiz Qasim" src="http://localhost/sina/wp-
content/uploads/2011/02/nafiz.png" alt="Nafiz Qasim" width="105" height="125" /></td>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160">Nafiz Qasim
<a href="mailto:nafizqasim@gmail.com">nafizqasim@gmail.com </a>
<a href="http://localhost/sina/nqasim/">localhost/sina/nqasim/</a></td>
<td style="vertical-align: middle; width: 130px; height: 160px;"></td>
</tr>
</tbody>
</table>

<h1 id="Collaborators">Collaborators</h1>
<ul>
<li><a href="mailto:wfasha@birzeit.edu">Wasim Abu Fasha</a></li>
<li><a href="mailto:lshamieh@birzeit.edu ">Luna Shamieh</a></li>
<li><a href="mailto:jamal@birzeit.edu">Jamal Daher</a></li>
</ul>
<h1 id="Former">Former Members</h1>
<ul>
<li><a href="mailto:samara.1050074@gmail.com">Hamam Samara</a></li>
<li><a href="mailto:smr.ayesh@gmail.com">Samar Aish</a></li>
<li><a href="mailto:mrbadaw@gmail.com">Muath Badawi</a></li>
</ul>
</body>
</html>

PalGov © 2011 10

Pal gov.tutorial2.session16.lab rd-fa

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Pal gov.tutorial2.session16.lab rd-fa

Similar to Pal gov.tutorial2.session16.lab rd-fa (16)

More from Mustafa Jarrar

More from Mustafa Jarrar (20)

Recently uploaded

Recently uploaded (20)

Pal gov.tutorial2.session16.lab rd-fa