More Related Content
Similar to Pal gov.tutorial2.session16.lab rd-fa (16)
More from Mustafa Jarrar (20)
Pal gov.tutorial2.session16.lab rd-fa
- 1. أكاديمية الحكومة اإللكترونية الفلسطينية
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
- 2. 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
- 3. © 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
- 4. 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
- 6. 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
- 7. 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>
<table style="height: 86px;" width="473">
<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
- 8. People.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 - 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>
<table style="height: 149px;" width="617">
<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>
<!-- ******************************************************* -->
<table style="height: 147px;" width="603">
<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>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160"></td>
</tr>
</tbody>
</table>
<!-- ******************************************** -->
<hr /><!-- ******************************************** -->
<table style="height: 149px;" width="617">
<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
- 9. People.html – continued
Copy and Paste this code into Notepad++
<!-- *********************************************************** -->
<table style="height: 149px;" width="617">
<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>
<!-- ************************************************************** -->
<table style="height: 149px;" width="617">
<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>
<table style="height: 149px;" width="617">
<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>
<!-- **********************************************-->
<table style="height: 149px;" width="617">
<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
- 10. People.html – continued
Copy and Paste this code into Notepad++
<table style="height: 149px;" width="617">
<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>
<td style="text-align: left; margin: 0px 0px 0px 0px; vertical-align: middle;" width="220" height="160"></td>
</tr>
</tbody>
</table>
<!-- ********************************************************************** ************************************************************************* -->
<br class="spacer" />
<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>
<br class="spacer" />
<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
- 11. References
• Google Webmasters Help: www.google.com/support/webmasters/
• W3C: www.w3c.org
PalGov © 2011 11