Skip to content

Commit

Permalink
Merge pull request #32 from netwerk-digitaal-erfgoed/feat-data-story
Browse files Browse the repository at this point in the history
Moved data story into this repo
  • Loading branch information
coret authored Dec 23, 2023
2 parents 6d5e9db + 1f01087 commit 71a4cda
Show file tree
Hide file tree
Showing 10 changed files with 3,362 additions and 10 deletions.
3,033 changes: 3,033 additions & 0 deletions web/assets/prefix.cc-all.file.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions web/assets/stories.min.css

Large diffs are not rendered by default.

136 changes: 136 additions & 0 deletions web/assets/stories.min.js

Large diffs are not rendered by default.

36 changes: 36 additions & 0 deletions web/assets/yasgui.bootstrap.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
div.modal-dialog.google-visualization-charteditor-dialog {
height: unset;
width: unset;
display: inline-table;
z-index: 1031; /* One above header */
}

div.modal-dialog.google-visualization-charteditor-dialog
#google-visualization-charteditor-options-panel
.google-visualization-charteditor-section {
width: unset;
}

div.modal-dialog.google-visualization-charteditor-dialog .goog-inline-block.goog-flat-menu-button {
height: unset;
}

div.modal-dialog.google-visualization-charteditor-dialog div.google-visualization-charteditor-multi-section-title {
width: 100%;
border-collapse: separate;
}

div.modal-dialog.google-visualization-charteditor-dialog
div.jfk-radiobutton.google-visualization-charteditor-thumbnail.goog-control {
width: 120px;
height: 80px;
}
.yasgui .copy_btn {
box-sizing: unset;
}
.yasgui .tabContextButton {
box-sizing: content-box;
}
.yasgui .autocomplete {
line-height: normal;
}
1 change: 1 addition & 0 deletions web/assets/yasgui.min.css

Large diffs are not rendered by default.

122 changes: 122 additions & 0 deletions web/datastory.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
<?php

include("includes/search.php");
include("includes/header.php");

$lang="nl";
if(isset($_GET["lang"]) && $_GET["lang"]=="en") { $lang="en"; }
# TODO make queries bilingual
?>
<link href="/assets/stories.min.css" rel="stylesheet" type="text/css">
<link href="/assets/yasgui.bootstrap.css" rel="stylesheet" type="text/css">
<style>
table {font-size:1.5em!important}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing { color: #be2c00; font-size: 1.5em; }
.yasr .dataTables_wrapper div.dataTables_paginate.paging_simple_numbers a.paginate_button { border: none; background: transparent; color: #be2c00!important; }
.yasr .svgImg svg { fill: #be2c00; }
th:first-child{ width:20px!important }
</style>

<main class="story" data-endpoint="https://triplestore.netwerkdigitaalerfgoed.nl/repositories/registry">
<div class="o-container o-container__small m-t-space">
<h1 class="title--l"><?= t('Datasetregister datastory') ?></h1>

<h2><?= t('Inzicht in erfgoeddatasets') ?></h2>
<p><?= t('De bij het NDE Datasetregister aangemelde datasetbeschrijvingen worden geharvest en samengebracht in een openbare triplestore. Het doel van het datasetregister is om de vindbaarheid van datasets (API\'s en bestanden/dumps) te vergroten. Ben je op zoek naar een dataset, ga dan naar de <a href="https://triplestore.netwerkdigitaalerfgoed.nl/">triplestore van het Datasetregister</a> en doorzoek de datasetbeschrijvingen via SPARQL. Lees de <a href="datamodel.php">uitleg van de dataconcepten</a> en de <a href="https://netwerk-digitaal-erfgoed.github.io/requirements-datasets/">Requirements voor Datasets</a> voor gebruikte RDF klassen en eigenschappen.') ?></p>

<h2><?= t('SPARQL\'n maar!') ?></h2>
<p><?= t('Om je op weg te helpen geven we je hier enkele voorbeeld SPARQL-queries. Klik op de rode "pijl-omhoog" om de betreffende SPARQL-query te tonen. Je kunt deze ook aanpassen en opnieuw uitvoeren! Klik op een kolomkop om op de betreffende kolom te sorteren.') ?></p>

<h2><?= t('Welke Linked Dataset zijn als datadumps beschikbaar?') ?></h2>
<p><?= t('De onderstaande tabel geeft een overzicht van alle datasets die in een Linked Data format te downloaden zijn:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://api.triplydb.com/s/Am2yY73bK"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Welke Linked Dataset zijn via een SPARQL-endpoint bevraagbaar?') ?></h2>
<p><?= t('De onderstaande tabel geeft een overzicht van alle datasets die via een SPARQL endpoint bevraagbaar zijn:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://api.triplydb.com/s/4hzRQIFRP"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Wanneer zijn de dataset beschrijvingen van de Linked Dataset voor het laatst succesvol opgehaald?') ?></h2>
<p><?= t('De onderstaande tabel geeft wat een algemene informatie over de beschikbare Linked Datasets inclusief de laatste keer dat de datasetbeschrijving succesvol opgehaald is:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://api.triplydb.com/s/Dt1eLnR8C"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Welke erfgoedinstellingen bieden hoeveel datasets?') ?></h2>
<p><?= t('Het volgende overzicht laat zien welke organisaties datasets (API/datadumps) beschikbaar stellen (in de rol van uitgever):') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/#query=PREFIX%20dct%3A%20%3Chttp%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%3E%0APREFIX%20foaf%3A%20%3Chttp%3A%2F%2Fxmlns.com%2Ffoaf%2F0.1%2F%3E%0ASELECT%20DISTINCT%20%3Fname%20(count(distinct%20%3Fs)%20as%20%3Fcount)%20WHERE%20%7B%0A%20%20%3Fs%20dct%3Apublisher%20%3Fo%20.%0A%20%20%3Fo%20foaf%3Aname%20%3Fname%0A%7D%20GROUP%20BY%20%3Fname%20ORDER%20BY%20DESC(%3Fcount)&endpoint=https%3A%2F%2Ftriplestore.netwerkdigitaalerfgoed.nl%2Frepositories%2Fregistry&requestMethod=POST&tabTitle=Query%2019&headers=%7B%7D&contentTypeConstruct=text%2Fturtle%2C*%2F*%3Bq%3D0.9&contentTypeSelect=application%2Fsparql-results%2Bjson%2C*%2F*%3Bq%3D0.9&outputFormat=table&outputSettings=%7B%22pageSize%22%3A10%7D"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2 id="opdekaart"><?= t('Waar zijn de erfgoedinstellingen gevestigd?') ?></h2>
<p><?= t('De onderstaande kaart toont de vestigingsplaatsen van de erfgoedinstellingen(in de rol van maker of uitgever):') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://api.triplydb.com/s/PU2B2RNU6"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Welke datasets worden er geboden?') ?></h2>
<p><?= t('Het volgende overzicht laat de titels zien van de beschikbare datasets:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://api.triplydb.com/s/IGg0TwpwW"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Onder welke licentie worden de datasets beschikbaar gesteld?') ?></h2>
<p><?= t('Voor hergebruik van data zijn open licentievormen van belang, maar ook "gesloten" datasets (vanwege auteursrecht of privacy) kunnen opgenomen worden in het Datasetregister:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/#query=PREFIX%20dcat%3A%20%3Chttp%3A%2F%2Fwww.w3.org%2Fns%2Fdcat%23%3E%0APREFIX%20dct%3A%20%3Chttp%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%3E%0ASELECT%20%3Furl%20(count(distinct%20%3Fdataset)%20as%20%3Fcount)%20WHERE%20%7B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20SELECT%20(IRI(%3Fname)%20AS%20%3Furl)%20%3Fdataset%20WHERE%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Fdataset%20a%20dcat%3ADataset%20.%0A%09%09%09%3Fdataset%20dct%3Alicense%20%3Fname%0A%09%09%09FILTER(isLiteral(%3Fname))%0A%09%09%7D%0A%20%20%20%20%7D%20UNION%20%7B%0A%20%20%20%20%20%20%20%20SELECT%20%3Furl%20%3Fdataset%20WHERE%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Fdataset%20a%20dcat%3ADataset%20.%0A%20%20%09%09%09%3Fdataset%20dct%3Alicense%20%3Flicense%20.%0A%20%20%09%09%09%3Flicense%20dct%3Aurl%20%3Furl%0A%20%20%20%20%20%20%20%20%20%20%20%20FILTER(isURI(%3Flicense))%0A%09%09%7D%20%0A%20%20%20%20%7D%20UNION%20%7B%0A%20%20%20%20%20%20%20%20SELECT%20%3Furl%20%3Fdataset%20WHERE%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Fdataset%20a%20dcat%3ADataset%20.%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Fdataset%20dct%3Alicense%20%3Furl%0A%20%20%20%20%20%20%20%20%20%20%20%20FILTER(isIRI(%3Furl))%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%20GROUP%20BY%20%3Furl&endpoint=https%3A%2F%2Ftriplestore.netwerkdigitaalerfgoed.nl%2Frepositories%2Fregistry&requestMethod=POST&tabTitle=Query%2019&headers=%7B%7D&contentTypeConstruct=text%2Fturtle%2C*%2F*%3Bq%3D0.9&contentTypeSelect=application%2Fsparql-results%2Bjson%2C*%2F*%3Bq%3D0.9&outputFormat=gchart&outputSettings=%7B%22chartConfig%22%3A%7B%22options%22%3A%7B%22hAxis%22%3A%7B%22useFormatFromData%22%3Atrue%2C%22viewWindow%22%3A%7B%22max%22%3Anull%2C%22min%22%3Anull%7D%2C%22minValue%22%3Anull%2C%22maxValue%22%3Anull%7D%2C%22legacyScatterChartLabels%22%3Atrue%2C%22tooltip%22%3A%7B%22isHtml%22%3Atrue%7D%2C%22vAxes%22%3A%5B%7B%22useFormatFromData%22%3Atrue%2C%22viewWindow%22%3A%7B%22max%22%3Anull%2C%22min%22%3Anull%7D%2C%22minValue%22%3Anull%2C%22maxValue%22%3Anull%7D%2C%7B%22useFormatFromData%22%3Atrue%2C%22viewWindow%22%3A%7B%22max%22%3Anull%2C%22min%22%3Anull%7D%2C%22minValue%22%3Anull%2C%22maxValue%22%3Anull%7D%5D%2C%22is3D%22%3Afalse%2C%22pieHole%22%3A0.5%2C%22booleanRole%22%3A%22certainty%22%2C%22width%22%3A%22100%25%22%2C%22height%22%3A%22100%25%22%2C%22legend%22%3A%22left%22%7D%2C%22state%22%3A%7B%7D%2C%22view%22%3A%7B%22columns%22%3Anull%2C%22rows%22%3Anull%7D%2C%22isDefaultVisualization%22%3Afalse%2C%22chartType%22%3A%22PieChart%22%7D%7D"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Hoe staat het met het aanbod van linked data?') ?></h2>
<p><?= t('Het volgende overzicht laat zien in welke linked data distributievormen de datasets beschikbaar worden gemaakt:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/#query=PREFIX%20dct%3A%20%3Chttp%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%3E%0ASELECT%20DISTINCT%20%3Fformat%20(count(distinct%20%3Fdistribution)%20as%20%3FAantal)%20WHERE%20%7B%0A%20%20%3Fdistribution%20dct%3Aformat%20%3Fformat%0A%20FILTER(%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22text%2Fturtle%22%20%7C%7C%20%3Fformat%3D%22application%2Fn-triples%22%20%7C%7C%20%3Fformat%3D%22application%2Fld%2Bjson%22%20%7C%7C%20%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22application%2Frdf%2Bxml%22%20%7C%7C%20%3Fformat%3D%22application%2Fn-quads%22%20%7C%7C%20%3Fformat%3D%22text%2Fn3%22%20%7C%7C%20%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22application%2Ftrig%22%20%7C%7C%20%3Fformat%3D%22application%2Fsparql-query%22%20%7C%7C%20%3Fformat%3D%22application%2Fvnd.hdt%22%0A%20%20%20%20)%0A%7D%20GROUP%20BY%20%3Fformat%20ORDER%20BY%20DESC(%3FAantal)&endpoint=https%3A%2F%2Ftriplestore.netwerkdigitaalerfgoed.nl%2Frepositories%2Fregistry&requestMethod=POST&tabTitle=Query%2019&headers=%7B%7D&contentTypeConstruct=text%2Fturtle%2C*%2F*%3Bq%3D0.9&contentTypeSelect=application%2Fsparql-results%2Bjson%2C*%2F*%3Bq%3D0.9&outputFormat=gchart&outputSettings=%7B%22chartConfig%22%3A%7B%22options%22%3A%7B%22legacyScatterChartLabels%22%3Atrue%2C%22tooltip%22%3A%7B%22isHtml%22%3Atrue%7D%2C%22isStacked%22%3Afalse%2C%22booleanRole%22%3A%22certainty%22%2C%22vAxes%22%3A%5B%7B%22minValue%22%3Anull%2C%22maxValue%22%3Anull%2C%22viewWindow%22%3Anull%2C%22viewWindowMode%22%3Anull%2C%22useFormatFromData%22%3Atrue%7D%2C%7B%22useFormatFromData%22%3Atrue%7D%5D%2C%22hAxis%22%3A%7B%22viewWindow%22%3A%7B%22max%22%3Anull%2C%22min%22%3Anull%7D%2C%22minValue%22%3Anull%2C%22maxValue%22%3Anull%2C%22useFormatFromData%22%3Atrue%7D%2C%22legend%22%3A%22right%22%2C%22width%22%3A%22100%25%22%2C%22height%22%3A%22100%25%22%7D%2C%22state%22%3A%7B%7D%2C%22view%22%3A%7B%22columns%22%3Anull%2C%22rows%22%3Anull%7D%2C%22isDefaultVisualization%22%3Afalse%2C%22chartType%22%3A%22BarChart%22%7D%7D"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Welke musea bieden linked data?') ?></h2>
<p><?= t('Het volgende overzicht laat de linked data datasets zien van musea:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/#query=PREFIX%20dcat%3A%20%3Chttp%3A%2F%2Fwww.w3.org%2Fns%2Fdcat%23%3E%0APREFIX%20dct%3A%20%3Chttp%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%3E%0A%0ASELECT%20DISTINCT%20%3Fdataset%20%3Ftitle%20%3Fdescription%20WHERE%20%7B%0A%20%20%20%20%3Fdataset%20dct%3Atitle%20%3Ftitle%20.%0A%20%20%20%20%3Fdataset%20dct%3Adescription%20%3Fdescription%20.%0A%20%20%20%20%3Fdataset%20dcat%3Adistribution%20%3Fdistribution%20.%0A%20%20%20%20%3Fdistribution%20dct%3Aformat%20%3Fformat%20.%0A%20%20%20%20%23%20alleen%20linked%20data%20formaten%0A%20%20%20%20FILTER(%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22text%2Fturtle%22%20%7C%7C%20%3Fformat%3D%22application%2Fn-triples%22%20%7C%7C%20%3Fformat%3D%22application%2Fld%2Bjson%22%20%7C%7C%20%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22application%2Frdf%2Bxml%22%20%7C%7C%20%3Fformat%3D%22application%2Fn-quads%22%20%7C%7C%20%3Fformat%3D%22text%2Fn3%22%20%7C%7C%20%0A%20%20%20%20%20%20%20%20%3Fformat%3D%22application%2Ftrig%22%20%7C%7C%20%3Fformat%3D%22application%2Fsparql-query%22%0A%20%20%20%20)%0A%20%20%20%20%23%20de%20term%20museum%20komt%20(hoofdletterongevoelig)%20voor%20in%20de%20beschrijving%20van%20de%20dataset%0A%20%20%20%20FILTER%20REGEX(STR(%3Fdescription)%2C%20%22museum%22%2C%20%22i%22%20)%20.%0A%7D&endpoint=https%3A%2F%2Ftriplestore.netwerkdigitaalerfgoed.nl%2Frepositories%2Fregistry&requestMethod=POST&tabTitle=Query%2019&headers=%7B%7D&contentTypeConstruct=text%2Fturtle%2C*%2F*%3Bq%3D0.9&contentTypeSelect=application%2Fsparql-results%2Bjson%2C*%2F*%3Bq%3D0.9&outputFormat=table&outputSettings=%7B%22pageSize%22%3A10%7D"></query>
</div></section>

<div class="o-container o-container__small m-t-space">
<h2><?= t('Welke data bevatten informatie uit bevolkingsregisters?') ?></h2>
<p><?= t('Het volgende overzicht laat datasets zien die als keyword "bevolkingsregister" hebben:') ?></p>
</div>

<section class="m-t-quarter-space m-theme-bg m-theme--teal search-div"><div class="o-container no-container__small">
<query data-config="https://demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/#query=PREFIX%20dcat%3A%20%3Chttp%3A%2F%2Fwww.w3.org%2Fns%2Fdcat%23%3E%0APREFIX%20dct%3A%20%3Chttp%3A%2F%2Fpurl.org%2Fdc%2Fterms%2F%3E%0A%0ASELECT%20DISTINCT%20%3Fdataset%20%3Ftitle%20%3Fdescription%20WHERE%20%7B%0A%20%20%20%20%3Fdataset%20dct%3Atitle%20%3Ftitle%20.%0A%20%20%20%20%3Fdataset%20dct%3Adescription%20%3Fdescription%20.%0A%20%20%20%20%3Fdataset%20dcat%3Akeyword%20%3Fkeyword%20.%0A%20%20%20%0A%20%20%20%20%23%20de%20term%20Bevolkingsregisters%20komt%20(hoofdletterongevoelig)%20voor%20als%20keyword%20bij%20de%20dataset%0A%20%20%20%20FILTER%20REGEX(STR(%3Fkeyword)%2C%20%22bevolkingsregister%22%2C%22i%22)%0A%7D&endpoint=https%3A%2F%2Ftriplestore.netwerkdigitaalerfgoed.nl%2Frepositories%2Fregistry&requestMethod=POST&tabTitle=Query%2019&headers=%7B%7D&contentTypeConstruct=text%2Fturtle%2C*%2F*%3Bq%3D0.9&contentTypeSelect=application%2Fsparql-results%2Bjson%2C*%2F*%3Bq%3D0.9&outputFormat=table&outputSettings=%7B%22pageSize%22%3A10%7D"></query>
</div></section>
</main>

<script src="/assets/stories.min.js"></script>
<script>window.onload = function() {window.stories()};</script>
<?php include("includes/footer.php") ?>
2 changes: 1 addition & 1 deletion web/faq-developers.php
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<p><img src="assets/datacatalog-dataset-distribution.svg" style="max-width:100%;margin:0 32px;"></p>
<h2><?= t('Zijn er voorbeelden van SPARQL queries?')?></h2>
<p><?= t('Eenvoudige voorbeelden van zoek queries vindt je op de <a href="search.php">Doorzoek</a> pagina. Dit is in wezen een SPARQL-generator die op basis van je zoekvraag een SPARQL-query maakt en afvuurt op de triplestore. Je vindt er ook een link om de gegenereerde SPARQL-query in de web-gui van de triplestore te openen.')?></p>
<p><?= t('Een andere manier om gevoel te krijgen bij de mogelijkheden is de <a href="https://datastories.demo.netwerkdigitaalerfgoed.nl/hackalod/datasetregister/">Data Stories</a>. Alleen nog beschikbaar in het Nederlands, maar via de blauwwe pijl boven de resultaat tabellen tover je de SPARQL-query naar voren waarmee de gegevens voor tabel eronder zijn verkregen. Pas de query aan en je ziet gelijk het resultaat!')?></p>
<p><?= t('Een andere manier om gevoel te krijgen bij de mogelijkheden is de <a href="datastory.php">data story</a>. Alleen nog beschikbaar in het Nederlands, maar via de blauwwe pijl boven de resultaat tabellen tover je de SPARQL-query naar voren waarmee de gegevens voor tabel eronder zijn verkregen. Pas de query aan en je ziet gelijk het resultaat!')?></p>
<h2><?= t('Wat mag ik met de data uit het Datasetregister?')?></h2>
<p><?= t('Het gebruik van het SPARQL-endpoint staat open voor iedereen, zonder enige drempel. De datasetbeschrijvingen zelf worden door erfgoedinstellingen onder een open licentie beschikbaar gesteld. Je vindt dit terug in de verplichte property <code>schema:license</code>. De distributies binnen een dataset (dus de daadwerkelijke data) kunnen onderhevig zijn aan een meer restrictieve licentie.')?></p>
<h2><?= t('Wie maakt en beheert het Datasetregister?') ?></h2>
Expand Down
Loading

0 comments on commit 71a4cda

Please sign in to comment.