patrickaloud.github.io/rdf.html at main · PatrickaLOuD/patrickaloud.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>#Patrick aLOuD - RDF</title>
        <link rel="icon" type="image/x-icon" href="assets/img/icon.png" />
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet" />
        <!-- Our CSS Stylesheet -->
        <link href="css/pol_style.css" rel="stylesheet" />
        <!-- Style css Tables -->
        <link href="css/main.css" rel="stylesheet" />
        <link href="css/util.css" rel="stylesheet" />
    </head>
    <body>
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
            <div class="container">
                <a class="navbar-brand js-scroll-trigger" href="index.html#page-top">#Patrick aLOuD</a>
                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    Menu
                    <i class="fas fa-bars"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item"><a class="nav-link" href="items.html">Items</a></li>
                        <li class="nav-item"><a class="nav-link" href="ermodel.html">E/R Model</a></li>
                        <li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Metadata</a>
                          <div class="dropdown-menu" aria-labelledby="dropdown01">
                            <a class="dropdown-item nav-link" href="metadatanalysis.html">Metadata Analysis</a>
                            <a class="dropdown-item nav-link" href="metadatalignment.html">Metadata Alignment</a>
                          </div>
                        </li>
                        <li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Models</a>
                          <div class="dropdown-menu" aria-labelledby="dropdown02">
                            <a class="dropdown-item nav-link" href="theoreticalmodel.html">Theoretical Model</a>
                            <a class="dropdown-item nav-link" href="conceptualmodel.html">Conceptual Model</a>
                          </div>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="#">RDF</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Masthead-->
        <header class="masthead secondary-page">
            <div class="container d-flex h-100 align-items-center">
              <div class="mx-auto text-center">
                  <h1 class="mx-auto my-0">RDF</h1>
              </div>
            </div>
        </header>
        <!-- RDF page -->
        <section class="about-section">
          <div class="row mx-auto">
            <div class="col-8 text-justify mx-auto">
              <p style="color:#FEFEFE">Here we come to the final step of our project. Thanks to RDF, that enables data to be described through a statement of Subject - Predicate - Object, we moved from information to knowledge.<br>
                We have chosen the items more suitable for creating significant relationships, the more emblematic objects for framing the event itself: the two reports made by Human Rights Watch about the Scorpion Prison and the Egyptian regime of Al-Sisi (primary focus); the building of Tora Prison; the Resolution signed by the European Parliament and the Petition by Scholars at Risk. Some entities linked to our items are here described for the first time, like the Government of Al-sisi, the organizations of Human Rights Watch and Scholars at Risk, and the figure of Patrick Zaki. <br>
                We composed our RDF data following the schema of Turtle for its clarity. Thus, we populated the graph with the new URIs. The catalogues of entities and relationships provided by <a href="https://www.dbpedia.org/">DBpedia</a>, <a href="https://www.worldcat.org/">Worldcat</a>, <a href="http://viaf.org/">VIAF</a> and <a href="https://www.wikidata.org/wiki/Wikidata:Main_Page">Wikidata</a> helped us to connect our items to the material already available on the Semantic Web.
                Finally, we created a visual representation of the RDF graph: each triple is represented by a node - arc - node link. </p>
            </div>
          </div>
          <div class="row mx-auto">
            <div class="col-10 mx-auto" id="rdfttl">
              <script src="https://gist.github.com/ConstiDami/057b223ab633e5391c8c71b54ff3cc24.js"></script>
            </div>
          </div>
          <div class="row mx-auto">
            <div class="col-10 mx-auto">
              <a href="assets/img/rdf-graph-Patrick-aLOuD.png" target="_blank"><img src="assets/img/rdf-graph-Patrick-aLOuD.png" alt="finalgraph" class="img-fluid"></a>
            </div>
          </div>
        </section>
        <!-- Footer-->
        <footer class="footer bg-black small text-center text-white-50"><div class="container">Copyright © #Patrick aLOuD 2021</div></footer>
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
    </body>
</html>