r/portfolio
1
0
Fork 0
Code Issues Pull requests Releases Activity

PageRanking in gulpfile and hasCredential instead of attendee

Browse source
This commit is contained in:
Ruben van de Ven 2020-03-24 21:27:14 +01:00
parent 4045f05121
commit 88ab656328
13 changed files with 1624 additions and 1462 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
.htaccess
View file

@ -2,11 +2,18 @@
RewriteEngine On RewriteEngine On
RewriteRule "^2018/data-flaneur$" "index.html" RewriteRule "^2018/data-flaneur$" "index.html"
RewriteRule "^2018/digital-cultures$" "index.html" RewriteRule "^2018/digital-cultures$" "index.html"
RewriteRule "^2020/acts-of-collection-and-omission$" "index.html"
RewriteRule "^article/choose-how-you-feel-you-have-seven-options$" "index.html" RewriteRule "^article/choose-how-you-feel-you-have-seven-options$" "index.html"
RewriteRule "^assets/video/guerilla_project.mp4$" "index.html" RewriteRule "^assets/video/guerilla_project.mp4$" "index.html"
RewriteRule "^choose-how-you-feel-you-have-seven-options$" "index.html"
RewriteRule "^degree/avm$" "index.html"
RewriteRule "^degree/cddc$" "index.html"
RewriteRule "^degree/mechanical-engineering$" "index.html"
RewriteRule "^degree/media-design$" "index.html"
RewriteRule "^emotionhero$" "index.html" RewriteRule "^emotionhero$" "index.html"
RewriteRule "^event/2018/yama-ichi$" "index.html" RewriteRule "^event/2018/yama-ichi$" "index.html"
RewriteRule "^event/2019/ccu-presentation$" "index.html" RewriteRule "^event/2019/ccu-presentation$" "index.html"
RewriteRule "^event/cqrrelations$" "index.html"
RewriteRule "^event/creativity-and-cognition$" "index.html" RewriteRule "^event/creativity-and-cognition$" "index.html"
RewriteRule "^exercises-in-overfitting$" "index.html" RewriteRule "^exercises-in-overfitting$" "index.html"
RewriteRule "^exercises-in-overfitting/image/1$" "index.html" RewriteRule "^exercises-in-overfitting/image/1$" "index.html"
@ -43,6 +50,7 @@ RewriteRule "^mvp3$" "index.html"
RewriteRule "^mvp3/image/1$" "index.html" RewriteRule "^mvp3/image/1$" "index.html"
RewriteRule "^mvps$" "index.html" RewriteRule "^mvps$" "index.html"
RewriteRule "^organisation/ccu$" "index.html" RewriteRule "^organisation/ccu$" "index.html"
RewriteRule "^organisation/constant$" "index.html"
RewriteRule "^organisation/nsvp$" "index.html" RewriteRule "^organisation/nsvp$" "index.html"
RewriteRule "^organisation/setup$" "index.html" RewriteRule "^organisation/setup$" "index.html"
RewriteRule "^organisation/v2_$" "index.html" RewriteRule "^organisation/v2_$" "index.html"
@ -53,9 +61,11 @@ RewriteRule "^person/joseph-huot$" "index.html"
RewriteRule "^person/merijn-van-moll$" "index.html" RewriteRule "^person/merijn-van-moll$" "index.html"
RewriteRule "^person/mikel-folgerts$" "index.html" RewriteRule "^person/mikel-folgerts$" "index.html"
RewriteRule "^person/ward-goes$" "index.html" RewriteRule "^person/ward-goes$" "index.html"
RewriteRule "^pillow-talk$" "index.html"
RewriteRule "^place/in4art$" "index.html" RewriteRule "^place/in4art$" "index.html"
RewriteRule "^place/q21$" "index.html" RewriteRule "^place/q21$" "index.html"
RewriteRule "^plottingdata$" "index.html" RewriteRule "^plottingdata$" "index.html"
RewriteRule "^residency/q21$" "index.html"
RewriteRule "^residency/summer-sessions$" "index.html" RewriteRule "^residency/summer-sessions$" "index.html"
RewriteRule "^samawati/video$" "index.html" RewriteRule "^samawati/video$" "index.html"
RewriteRule "^spectacular-spectator-mood-meter$" "index.html" RewriteRule "^spectacular-spectator-mood-meter$" "index.html"
@ -73,6 +83,7 @@ RewriteRule "^@type/Event$" "index.html"
RewriteRule "^@type/Report$" "index.html" RewriteRule "^@type/Report$" "index.html"
RewriteRule "^@type/VideoObject$" "index.html" RewriteRule "^@type/VideoObject$" "index.html"
RewriteRule "^@type/MediaObject$" "index.html" RewriteRule "^@type/MediaObject$" "index.html"
RewriteRule "^@type/EducationalOccupationalCredential$" "index.html"
RewriteRule "^@type/ExhibitionEvent$" "index.html" RewriteRule "^@type/ExhibitionEvent$" "index.html"
RewriteRule "^@type/ImageObject$" "index.html" RewriteRule "^@type/ImageObject$" "index.html"
RewriteRule "^@type/Festival$" "index.html" RewriteRule "^@type/Festival$" "index.html"
@ -83,5 +94,6 @@ RewriteRule "^@type/Person$" "index.html"
RewriteRule "^@type/EventVenue$" "index.html" RewriteRule "^@type/EventVenue$" "index.html"
RewriteRule "^@type/Museum$" "index.html" RewriteRule "^@type/Museum$" "index.html"
RewriteRule "^@type/PerformingGroup$" "index.html" RewriteRule "^@type/PerformingGroup$" "index.html"
RewriteRule "^@type/VisualArtsEvent$" "index.html"
RewriteRule "^@type/CollegeOrUniversity$" "index.html" RewriteRule "^@type/CollegeOrUniversity$" "index.html"
RewriteRule "^@type/WebSite$" "index.html" RewriteRule "^@type/WebSite$" "index.html"

7
assets/css/portfolio.css
View file

@ -6,7 +6,7 @@ body {
font-family: "DDINRegular", helvetica, sans-serif; font-family: "DDINRegular", helvetica, sans-serif;
font-weight: light; font-weight: light;
height: 100vh; height: 100vh;
background: black; background: #222;
font-size: 12pt; } font-size: 12pt; }
a, a:link, a:visited { a, a:link, a:visited {
@ -162,7 +162,7 @@ text {
width: 0; } width: 0; }
#nodeDetails .nodeType { #nodeDetails .nodeType {
font-size: 80%; font-size: 80%;
text-transform: uppercase; font-variant-caps: small-caps;
color: #999; color: #999;
margin-left: 10px; } margin-left: 10px; }
#nodeDetails .nodeType:hover { #nodeDetails .nodeType:hover {
@ -201,7 +201,8 @@ text {
width: 170px; width: 170px;
font-weight: bold; font-weight: bold;
min-height: 25px; min-height: 25px;
clear: both; } clear: both;
word-wrap: anywhere; }
#nodeDetails dd { #nodeDetails dd {
min-height: 30px; min-height: 30px;
margin-top: 5px; } margin-top: 5px; }

38
assets/js/portfolio.js
View file

@ -45,7 +45,7 @@ function getNodeYear(n) {
return n['https://schema.org/datePublished'].substr(0, 4); return n['https://schema.org/datePublished'].substr(0, 4);
} }
if (typeof n['https://schema.org/startDate'] !== 'undefined') { if (typeof n['https://schema.org/startDate'] !== 'undefined') {
console.log(n['https://schema.org/startDate']); // console.log(n['https://schema.org/startDate']);
return n['https://schema.org/startDate'].substr(0, 4); return n['https://schema.org/startDate'].substr(0, 4);
} }
if (typeof n['https://schema.org/endDate'] !== 'undefined') { if (typeof n['https://schema.org/endDate'] !== 'undefined') {
@ -125,10 +125,24 @@ var graph;
var nodeMap = {}; var nodeMap = {};
var linkMap = {}; var linkMap = {};
var breadcrumbs = {}; var breadcrumbs = {};
var weights = {};
// load the flattened jsonld file // load the flattened jsonld file
var requestPromise = fetch('/assets/js/rubenvandeven.jsonld').then(function (r) { var requestPromise = fetch('/assets/js/rubenvandeven.jsonld').then(function (r) {
return r.json(); return r.json();
}).then(function (data) { });
var rankingPromise = fetch('/assets/js/ranking.json').then(function (r) {
return r.json();
});
Promise.all([requestPromise, rankingPromise]).then(function (values) {
if (values[0].hasOwnProperty('@graph')) {
data = values[0];
weights = values[1];
} else {
data = values[1];
weights = values[0];
}
graph = jsonLdToGraph(data['@graph']); graph = jsonLdToGraph(data['@graph']);
// create a map of nodes by id. // create a map of nodes by id.
for (var i in graph.nodes) { for (var i in graph.nodes) {
@ -199,8 +213,7 @@ var firstNodeId = "https://rubenvandeven.com/";
function getSizeForNode(node) { function getSizeForNode(node) {
if (node.hasOwnProperty('https://schema.org/thumbnailUrl')) return nodeSize; if (node.hasOwnProperty('https://schema.org/thumbnailUrl')) return nodeSize;
//if(weights[node['@id']]) if (weights[node['@id']]) return nodeSize * weights[node['@id']];
// return nodeSize * weights[node['@id']];
if (node['@id'] == firstNodeId) return nodeSize * 1.2; if (node['@id'] == firstNodeId) return nodeSize * 1.2;
// everynode has at least one link. these should equal 1 // everynode has at least one link. these should equal 1
return nodeSize * (.7 + Math.min(20, linkMap[node['@id']].length) / 40); return nodeSize * (.7 + Math.min(20, linkMap[node['@id']].length) / 40);
@ -534,7 +547,7 @@ function startGraph(graph) {
deselectNode(); deselectNode();
if (updateHistory) { if (updateHistory) {
// TODO: working // TODO: working
console.log(types[0], getDisplayAttr(types[0]), types.map(getDisplayAttr)); // console.log(types[0], getDisplayAttr(types[0]),types.map(getDisplayAttr));
history.pushState({ types: types }, "", "/@type/" + types.map(getDisplayAttr).join("+")); history.pushState({ types: types }, "", "/@type/" + types.map(getDisplayAttr).join("+"));
} else { } else {
history.replaceState({ types: types }, "", "/@type/" + types.map(getDisplayAttr).join("+")); history.replaceState({ types: types }, "", "/@type/" + types.map(getDisplayAttr).join("+"));
@ -729,11 +742,17 @@ function startGraph(graph) {
} }
} }
// relationships / links in <dl> // relationships / links incomming <dl>
for (var _attr in relDown) { for (var _attr in relDown) {
var attrEl = document.createElement("dt"); var attrEl = document.createElement("dt");
attrEl.innerHTML = getDisplayAttr(_attr); attrEl.innerHTML = getDisplayAttr(_attr);
relsEl.appendChild(attrEl); relsEl.appendChild(attrEl);
// highest pagerank first:
relDown[_attr].sort(function (a, b) {
return weights[b['@id']] - weights[a['@id']];
});
for (var _i2 in relDown[_attr]) { for (var _i2 in relDown[_attr]) {
var rel = relDown[_attr][_i2]; var rel = relDown[_attr][_i2];
relsEl.appendChild(createRelationshipEl(rel)); relsEl.appendChild(createRelationshipEl(rel));
@ -752,10 +771,17 @@ function startGraph(graph) {
} }
} }
// relationships / links outgoing <dl>
for (var _attr2 in relUp) { for (var _attr2 in relUp) {
var _attrEl = document.createElement("dt"); var _attrEl = document.createElement("dt");
_attrEl.innerHTML = getDisplayAttr(_attr2); _attrEl.innerHTML = getDisplayAttr(_attr2);
relsEl.appendChild(_attrEl); relsEl.appendChild(_attrEl);
// highest pagerank first:
relUp[_attr2].sort(function (a, b) {
return weights[b['@id']] - weights[a['@id']];
});
for (var _i3 in relUp[_attr2]) { for (var _i3 in relUp[_attr2]) {
var _rel = relUp[_attr2][_i3]; var _rel = relUp[_attr2][_i3];
relsEl.appendChild(createRelationshipEl(_rel, _i3)); relsEl.appendChild(createRelationshipEl(_rel, _i3));

2
assets/js/portfolio.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
assets/js/portfolio.min.js.map
View file

File diff suppressed because one or more lines are too long

1
assets/js/ranking.json Normal file
View file

File diff suppressed because one or more lines are too long

2
assets/js/rubenvandeven.jsonld
View file

File diff suppressed because one or more lines are too long

23
gulpfile.js
View file

@ -10,6 +10,7 @@ var browserSync = require('browser-sync');
var jsonld = require('jsonld'); var jsonld = require('jsonld');
var source = require('vinyl-source-stream'); var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer'); var buffer = require('vinyl-buffer');
var exec = require('child_process').exec;
var through = require('through2') var through = require('through2')
@ -106,21 +107,39 @@ function createHtaccessFromFlattenedJsonld(flattened) {
require('fs').writeFileSync('.htaccess', contentLines.join("\n")+"\n"+Object.values(typeLines).join("\n") + "\n"); require('fs').writeFileSync('.htaccess', contentLines.join("\n")+"\n"+Object.values(typeLines).join("\n") + "\n");
} }
gulp.task('jsonld', function(){ function createPagerankFromFlattenedJsonld(done){
exec('ranking/venv/bin/python ranking/jsonld_ranking.py -i assets/js/rubenvandeven.jsonld -o assets/js/ranking.json', function (err, stdout, stderr) {
if(stdout)
console.log(stdout);
if(stderr)
console.error(stderr);
done(err);
});
}
gulp.task('flattenJsonld', function() {
return gulp.src(paths.data.src) return gulp.src(paths.data.src)
.pipe(through.obj(function (file, enc, callback) { .pipe(through.obj(function (file, enc, callback) {
let data = JSON.parse(file.contents.toString(enc)); let data = JSON.parse(file.contents.toString(enc));
var transformedFile = file.clone(); var transformedFile = file.clone();
// console.log(data); // console.log(data);
jsonld.flatten(data, {}, (err, flattened)=> { jsonld.flatten(data, {}, (err, flattened)=> {
if(err) {
console.error(err);
}
transformedFile.contents = Buffer.from(JSON.stringify(flattened), enc); transformedFile.contents = Buffer.from(JSON.stringify(flattened), enc);
createHtaccessFromFlattenedJsonld(flattened); createHtaccessFromFlattenedJsonld(flattened);
callback(null, transformedFile) callback(null, transformedFile)
}); });
})) }))
.pipe(gulp.dest(paths.data.dest)); .pipe(gulp.dest(paths.data.dest))
}); });
gulp.task('jsonld', gulp.series(
'flattenJsonld',
createPagerankFromFlattenedJsonld
));
var watchStylesAndScripts = function() { var watchStylesAndScripts = function() {
gulp.watch(paths.styles.src, gulp.series('styles')); gulp.watch(paths.styles.src, gulp.series('styles'));
gulp.watch(paths.scripts.src,gulp.series('scripts', reload)); gulp.watch(paths.scripts.src,gulp.series('scripts', reload));

1
index.html
View file

File diff suppressed because one or more lines are too long

21
ranking/jsonld_ranking.py
View file

@ -1,10 +1,20 @@
from pyld import jsonld from pyld import jsonld
import json import json
import PageRank.pagerank as pagerank import PageRank.pagerank as pagerank
import argparse
parser = argparse.ArgumentParser(description='Apply pagerank to the (flattened) JSONLD file')
parser.add_argument('--jsonld', '-i', metavar='FILENAME.JSONLD', type=str,
required=True,
help='Input filename, make sure to use the flattened JSONLD (in our case from the \'assets\' folder)')
parser.add_argument('--output', '-o', type=str,
default=None, metavar='FILENAME.JSON',
help='Optional output filename for the resulting JSON')
args = parser.parse_args()
# use flattened jsonld # use flattened jsonld
with open('../assets/js/rubenvandeven.jsonld', 'r') as fp: with open(args.jsonld, 'r') as fp:
contents = json.load(fp)['@graph'] contents = json.load(fp)['@graph']
linksPerItem = {} linksPerItem = {}
@ -17,6 +27,7 @@ def addCount(fromId, toId, weight):
linksPerItem[fromId][toId] += weight linksPerItem[fromId][toId] += weight
def addLink(fromId, toId, weight = 1): def addLink(fromId, toId, weight = 1):
# Add link both ways: from + to.
addCount(fromId, toId, weight) addCount(fromId, toId, weight)
addCount(toId, fromId, weight) addCount(toId, fromId, weight)
@ -49,7 +60,13 @@ targetMax = 1.5
values = pagerank.powerIteration(linksPerItem) values = pagerank.powerIteration(linksPerItem)
normalised = targetMin + (values - min(values)) * (targetMax-targetMin)/max(values) normalised = targetMin + (values - min(values)) * (targetMax-targetMin)/max(values)
if args.output is None:
print(json.dumps(dict(normalised))) print(json.dumps(dict(normalised)))
else:
with open(args.output, 'w') as fp:
json.dump(dict(normalised), fp)
# #
# factor = 1 / min(values) # factor = 1 / min(values)
# print(factor) # print(factor)

418
rubenvandeven.jsonld
View file

@ -7,9 +7,11 @@
"@type": "WebSite", "@type": "WebSite",
"@id": "r:/www", "@id": "r:/www",
"url": "https://rubenvandeven.com", "url": "https://rubenvandeven.com",
"s:seeAlso": [ "https://rubenvandeven.com/rubenvandeven.jsonld", "https://git.rubenvandeven.com/r/portfolio"], "s:seeAlso": [
"author": "https://rubenvandeven.com/rubenvandeven.jsonld",
{ "https://git.rubenvandeven.com/r/portfolio"
],
"author": {
"@id": "r:/", "@id": "r:/",
"@type": "Person", "@type": "Person",
"name": "Ruben van de Ven", "name": "Ruben van de Ven",
@ -23,13 +25,26 @@
"@type": "PerformingGroup", "@type": "PerformingGroup",
"name": "Plotting Data: dramatisation as tactic", "name": "Plotting Data: dramatisation as tactic",
"url": "http://plottingd.at/a", "url": "http://plottingd.at/a",
"foundingDate": "2018", "temporalCoverage": "2018-2020",
"description": "A research into <em>Data Dramatisation</em> as a tactic to make data visualisations more transparent in their underlying procedures of data collection. We advocate a form of data literacy that is not so much focussed on programming skill, but rather one that brings an understanding of data infrastructures: allowing for restistance against data driven governance.", "description": "A research into <em>Data Dramatisation</em> as a tactic to make data visualisations more transparent in their underlying procedures of data collection. We advocate a form of data literacy that is not so much focussed on programming skill, but rather one that brings an understanding of data infrastructures: allowing for restistance against data driven governance.\n\nWith support of the Creative Industries Fund NL.",
"member": [ "member": [
{"@id": "r:/person/cristina-cochior"} {
"@id": "r:/person/cristina-cochior"
}
], ],
"@reverse": { "@reverse": {
"about": [ "about": [
{
"@id": "r:/2020/acts-of-collection-and-omission",
"@type": "Event",
"name": "Acts of Collection and Omission",
"url": "https://digitalculturesconference.org/",
"startDate": "2020-03-11 19:30",
"endDate": "2020-03-11 22:00",
"organizer": "Centre for Digital Cultures & Institute for Culture and Society",
"description": "The event will host three rounds of conversations that will introduce various datasets and artistic ways of interfacing them.\n\nAlgorithmic models learn to distinguish patterns and make predictions by attempting to imitate existing structures in vast collections of data. In the process of creating these datasets, conflict and ambiguity are omitted in favour of turning the world into its computable double. How do we bring forth narratives that make other interpretations possible?\n\nPlotting Data was a series of workshops held by Cristina Cochior & Ruben van de Ven in 2019, which explored the biases and tensions within datasets that underlie systems for automated decision making. Discussions, presentations and performances fed into the creation of digital interfaces that emphasise the inherently performative characteristics of datasets.\n\nThis final event marks the end of this project and the release of the Acts of Collection and Omission digital publication. Two tables will be hosted by invited artists Julie Boschat Thorez & Sami Hammana and Nicolas Malevé, while the third table will give an overview of the publication.",
"location": "Framer Framed & Netwerk Democratie, Amsterdam"
},
{ {
"@id": "r:/2018/digital-cultures", "@id": "r:/2018/digital-cultures",
"@type": "Event", "@type": "Event",
@ -101,53 +116,6 @@
} }
} }
], ],
"attendee": [
{
"@id": "r:/residency/summer-sessions",
"@type": "VisualArtsEvent",
"name": "Residency: Summer Sessions 2016",
"url": [
"http://summersessions.net/17-projects/projects-2016/55-emotion-hero",
"http://www.arquivo237.com/en/Passado/manipulation-emotion-hero-2/"
],
"description": "I was part of the Summer Sessions Network for Talent Development in a co-production of Arquivo 237 and V2_ Lab for the Unstable Media, with support of the Creative Industries Fund NL.",
"startDate": "2016-09",
"endDate": "2016-10",
"about": {
"@id": "r:/emotionhero"
}
},
{
"@id": "r:/residency/q21",
"@type": "VisualArtsEvent",
"name": "Residency: Q21",
"startDate": "2017-01",
"endDate": "2017-02",
"url": "https://www.mqw.at/institutionen/q21/artists-in-residence/2016/ruben-van-de-ven/",
"@reverse": {
"subEvent": {
"@id": "r:/exhibition/mood_swings"
}
},
"location": {
"@id": "r:/place/q21"
}
},
{
"@id": "r:/event/cqrrelations",
"@type": "Event",
"name": "Cqrrelations Worksession",
"url": "http://cqrrelations.constantvzw.org/",
"startDate": "2015-01-18",
"endDate": "2015-01-23",
"organizer": {
"@id": "r:/organisation/constant",
"url": "http://constantvzw.org",
"@type": "Organization",
"name": "Constant"
}
}
],
"organiser": [ "organiser": [
{ {
"@type": "EducationEvent", "@type": "EducationEvent",
@ -183,27 +151,27 @@
{ {
"@id": "r:/guest-worker/image/1", "@id": "r:/guest-worker/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/guest_worker01.jpg", "contentUrl": "/assets/image/guest_worker01.jpg",
"thumbnailUrl": "/assets\/thumb\/guest_worker01.jpg" "thumbnailUrl": "/assets/thumb/guest_worker01.jpg"
}, },
{ {
"@id": "r:/guest-worker/image/2", "@id": "r:/guest-worker/image/2",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/guest_worker02.jpg", "contentUrl": "/assets/image/guest_worker02.jpg",
"thumbnailUrl": "/assets\/thumb\/guest_worker02.jpg" "thumbnailUrl": "/assets/thumb/guest_worker02.jpg"
}, },
{ {
"@id": "r:/guest-worker/image/3", "@id": "r:/guest-worker/image/3",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/guest_worker03.jpg", "contentUrl": "/assets/image/guest_worker03.jpg",
"thumbnailUrl": "/assets\/thumb\/guest_worker03.jpg" "thumbnailUrl": "/assets/thumb/guest_worker03.jpg"
} }
], ],
"video": [ "video": [
{ {
"@id": "r:/guest-worker/video/outcome", "@id": "r:/guest-worker/video/outcome",
"@type": "VideoObject", "@type": "VideoObject",
"thumbnailUrl": "/assets\/thumb\/guest_worker04.jpg", "thumbnailUrl": "/assets/thumb/guest_worker04.jpg",
"contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/guestworker-without-credits.mp4", "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/guestworker-without-credits.mp4",
"encodingFormat": "video/mp4", "encodingFormat": "video/mp4",
"videoFrameSize": "1920x1080" "videoFrameSize": "1920x1080"
@ -211,7 +179,7 @@
{ {
"@id": "r:/guest-worker/video/process", "@id": "r:/guest-worker/video/process",
"@type": "VideoObject", "@type": "VideoObject",
"thumbnailUrl": "/assets\/thumb\/guest_worker05.jpg", "thumbnailUrl": "/assets/thumb/guest_worker05.jpg",
"contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/GuestWorker.mp4", "contentUrl": "http://works.rubenvandeven.com/2019-guest_worker/GuestWorker.mp4",
"encodingFormat": "video/mp4", "encodingFormat": "video/mp4",
"videoFrameSize": "1920x1080" "videoFrameSize": "1920x1080"
@ -230,7 +198,9 @@
"name": "Beyond Human", "name": "Beyond Human",
"url": "https://www.beyondhuman.nl/event/setup/", "url": "https://www.beyondhuman.nl/event/setup/",
"organizer": [ "organizer": [
{"@id": "r:/organisation/setup"}, {
"@id": "r:/organisation/setup"
},
{ {
"@id": "r:/organisation/nsvp", "@id": "r:/organisation/nsvp",
"@type": "Organization", "@type": "Organization",
@ -291,7 +261,9 @@
"@type": "Event", "@type": "Event",
"name": "Presentation @ Creative Coding Utrecht", "name": "Presentation @ Creative Coding Utrecht",
"startDate": "2019-10-31", "startDate": "2019-10-31",
"organizer": {"@id": "r:/organisation/ccu"}, "organizer": {
"@id": "r:/organisation/ccu"
},
"location": "Nijverheidsloods, Utrecht" "location": "Nijverheidsloods, Utrecht"
} }
], ],
@ -311,23 +283,27 @@
"name": "Exercises in overfitting", "name": "Exercises in overfitting",
"dateCreated": "2019", "dateCreated": "2019",
"description": "I taught a computer how to write the name of my son. The progression of this machine learning processes is materialised with a pen plotter.", "description": "I taught a computer how to write the name of my son. The progression of this machine learning processes is materialised with a pen plotter.",
"s:seeAlso": [ "https://gitlab.com/rubenvandeven/diede"], "s:seeAlso": [
"https://gitlab.com/rubenvandeven/diede"
],
"image": [ "image": [
{ {
"@id": "r:/exercises-in-overfitting/image/2", "@id": "r:/exercises-in-overfitting/image/2",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/exercises-in-overfitting2.jpg", "contentUrl": "/assets/image/exercises-in-overfitting2.jpg",
"thumbnailUrl": "/assets\/thumb\/exercises-in-overfitting2.jpg" "thumbnailUrl": "/assets/thumb/exercises-in-overfitting2.jpg"
}, },
{ {
"@id": "r:/exercises-in-overfitting/image/1", "@id": "r:/exercises-in-overfitting/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/exercises-in-overfitting1.jpg", "contentUrl": "/assets/image/exercises-in-overfitting1.jpg",
"thumbnailUrl": "/assets\/thumb\/exercises-in-overfitting1.jpg" "thumbnailUrl": "/assets/thumb/exercises-in-overfitting1.jpg"
} }
], ],
"@reverse": { "@reverse": {
"workFeatured": {"@id": "r:/event/2019/ccu-presentation"} "workFeatured": {
"@id": "r:/event/2019/ccu-presentation"
}
} }
}, },
{ {
@ -340,8 +316,8 @@
{ {
"@id": "r:/heartbeat/image/1", "@id": "r:/heartbeat/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/data-double-black-market.jpg", "contentUrl": "/assets/image/data-double-black-market.jpg",
"thumbnailUrl": "/assets\/thumb\/data-double-black-market.jpg" "thumbnailUrl": "/assets/thumb/data-double-black-market.jpg"
} }
], ],
"@reverse": { "@reverse": {
@ -349,7 +325,9 @@
"@id": "r:/event/2018/yama-ichi", "@id": "r:/event/2018/yama-ichi",
"@type": "ExhibitionEvent", "@type": "ExhibitionEvent",
"name": "Yama Ichi Black Market", "name": "Yama Ichi Black Market",
"location": {"@id":"r:/venue/tivoli"} "location": {
"@id": "r:/venue/tivoli"
}
} }
} }
}, },
@ -397,14 +375,14 @@
{ {
"@id": "r:/sustaining-gazes/image/1", "@id": "r:/sustaining-gazes/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/sustaining-gazes-2.jpg", "contentUrl": "/assets/image/sustaining-gazes-2.jpg",
"thumbnailUrl": "/assets\/thumb\/sustaining-gazes-2.jpg" "thumbnailUrl": "/assets/thumb/sustaining-gazes-2.jpg"
}, },
{ {
"@id": "r:/sustaining-gazes/image/2", "@id": "r:/sustaining-gazes/image/2",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/sustaining-gazes-1.jpg", "contentUrl": "/assets/image/sustaining-gazes-1.jpg",
"thumbnailUrl": "/assets\/thumb\/sustaining-gazes-1.jpg" "thumbnailUrl": "/assets/thumb/sustaining-gazes-1.jpg"
} }
] ]
}, },
@ -463,20 +441,20 @@
{ {
"@id": "r:/mvp1/image/1", "@id": "r:/mvp1/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp1-1.jpg", "contentUrl": "/assets/image/mvp1-1.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp1-1.jpg" "thumbnailUrl": "/assets/thumb/mvp1-1.jpg"
}, },
{ {
"@id": "r:/mvp1/image/2", "@id": "r:/mvp1/image/2",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp1-2.jpg", "contentUrl": "/assets/image/mvp1-2.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp1-2.jpg" "thumbnailUrl": "/assets/thumb/mvp1-2.jpg"
}, },
{ {
"@id": "r:/mvp1/image/3", "@id": "r:/mvp1/image/3",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp1-4.jpg", "contentUrl": "/assets/image/mvp1-4.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp1-4.jpg" "thumbnailUrl": "/assets/thumb/mvp1-4.jpg"
} }
] ]
}, },
@ -496,8 +474,7 @@
"url": "http://www.joseph-huot.com/" "url": "http://www.joseph-huot.com/"
}, },
"@reverse": { "@reverse": {
"workFeatured": "workFeatured": {
{
"@id": "r:/exhibition/kickstart" "@id": "r:/exhibition/kickstart"
} }
}, },
@ -505,20 +482,20 @@
{ {
"@id": "r:/mvp2/image/1", "@id": "r:/mvp2/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp2-01.jpg", "contentUrl": "/assets/image/mvp2-01.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp2-01.jpg" "thumbnailUrl": "/assets/thumb/mvp2-01.jpg"
}, },
{ {
"@id": "r:/mvp2/image/2", "@id": "r:/mvp2/image/2",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp2-02.jpg", "contentUrl": "/assets/image/mvp2-02.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp2-02.jpg" "thumbnailUrl": "/assets/thumb/mvp2-02.jpg"
}, },
{ {
"@id": "r:/mvp2/image/3", "@id": "r:/mvp2/image/3",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp2-5.jpg", "contentUrl": "/assets/image/mvp2-5.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp2-5.jpg" "thumbnailUrl": "/assets/thumb/mvp2-5.jpg"
} }
] ]
}, },
@ -538,8 +515,7 @@
"url": "https://www.instagram.com/mikelfolgerts/" "url": "https://www.instagram.com/mikelfolgerts/"
}, },
"@reverse": { "@reverse": {
"workFeatured": "workFeatured": {
{
"@id": "r:/exhibition/kickstart" "@id": "r:/exhibition/kickstart"
} }
}, },
@ -547,8 +523,8 @@
{ {
"@id": "r:/mvp3/image/1", "@id": "r:/mvp3/image/1",
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/mvp3-1.jpg", "contentUrl": "/assets/image/mvp3-1.jpg",
"thumbnailUrl": "/assets\/thumb\/mvp3-1.jpg" "thumbnailUrl": "/assets/thumb/mvp3-1.jpg"
} }
] ]
} }
@ -580,23 +556,23 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/moodmeter1-1.jpg", "contentUrl": "/assets/image/moodmeter1-1.jpg",
"thumbnailUrl": "/assets\/thumb\/moodmeter1-1.jpg" "thumbnailUrl": "/assets/thumb/moodmeter1-1.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/moodmeter2.jpg", "contentUrl": "/assets/image/moodmeter2.jpg",
"thumbnailUrl": "/assets\/thumb\/moodmeter2.jpg" "thumbnailUrl": "/assets/thumb/moodmeter2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/moodmeter3.jpg", "contentUrl": "/assets/image/moodmeter3.jpg",
"thumbnailUrl": "/assets\/thumb\/moodmeter3.jpg" "thumbnailUrl": "/assets/thumb/moodmeter3.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/moodmeter4.jpg", "contentUrl": "/assets/image/moodmeter4.jpg",
"thumbnailUrl": "/assets\/thumb\/moodmeter4.jpg" "thumbnailUrl": "/assets/thumb/moodmeter4.jpg"
} }
] ]
}, },
@ -605,7 +581,7 @@
"@type": "MediaObject", "@type": "MediaObject",
"dateCreated": "2016", "dateCreated": "2016",
"name": "Emotion Hero", "name": "Emotion Hero",
"description": "Emotion recognition software is being used both as a tool for \u2018objective\u2019 measurements as well as a tool for training one\u2019s facial expressions, eg. for job interviews. Emotion Hero is a literal translation of the paradoxical relation between these applications of the technology.\n\nEmotion Hero is a two-part artwork. On the one hand is a video-game that is freely downloadable for everybody with an Android device (see <a href=\"https://play.google.com\/store\/apps\/details?id=com.rubenvandeven.emotion_hero\">Google Play<\/a>). Inspired by Guitar Hero, the user scores points by following given cues. It provides detailed feedback on the mechanics of the face (eg. \u201cYou showed on 10% Joy when you had to show 100%, smile 99.32% more.\u201d), revealing that rather than being a window into the brain, the face is a controllable surface.\n\nThe second part is a projection that shows the aggregated scores of the game. In order to substantiate their discourse, companies in facial expression measurement employ a huge amount of data collection and processing. The results are displayed in a fixed grid, recalling historical practices that, trough extensive measurement and administration, also aimed to delineate something which is conceptually undelineated: think of Duchenne de Boulogne, Lombroso, and Charcot.\n\nEmotion Hero is a playful invitation to open up the box of expression analysis to reveal the assumptions that underlie this technology.\nThe game's emotional intelligence is powered by Affectiva (I was also <a href=\"http://blog.affectiva.com\/sdk-on-the-spot-emotion-hero-app-encourages-play-with-facial-expressions\">interviewed<\/a> by them).", "description": "Emotion recognition software is being used both as a tool for ‘objective’ measurements as well as a tool for training one’s facial expressions, eg. for job interviews. Emotion Hero is a literal translation of the paradoxical relation between these applications of the technology.\n\nEmotion Hero is a two-part artwork. On the one hand is a video-game that is freely downloadable for everybody with an Android device (see <a href=\"https://play.google.com/store/apps/details?id=com.rubenvandeven.emotion_hero\">Google Play</a>). Inspired by Guitar Hero, the user scores points by following given cues. It provides detailed feedback on the mechanics of the face (eg. “You showed on 10% Joy when you had to show 100%, smile 99.32% more.”), revealing that rather than being a window into the brain, the face is a controllable surface.\n\nThe second part is a projection that shows the aggregated scores of the game. In order to substantiate their discourse, companies in facial expression measurement employ a huge amount of data collection and processing. The results are displayed in a fixed grid, recalling historical practices that, trough extensive measurement and administration, also aimed to delineate something which is conceptually undelineated: think of Duchenne de Boulogne, Lombroso, and Charcot.\n\nEmotion Hero is a playful invitation to open up the box of expression analysis to reveal the assumptions that underlie this technology.\nThe game's emotional intelligence is powered by Affectiva (I was also <a href=\"http://blog.affectiva.com/sdk-on-the-spot-emotion-hero-app-encourages-play-with-facial-expressions\">interviewed</a> by them).",
"url": "https://emotionhero.com", "url": "https://emotionhero.com",
"@reverse": { "@reverse": {
"workFeatured": [ "workFeatured": [
@ -632,8 +608,8 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/eh-shenzen.jpg", "contentUrl": "/assets/image/eh-shenzen.jpg",
"thumbnailUrl": "/assets\/thumb\/eh-shenzen.jpg" "thumbnailUrl": "/assets/thumb/eh-shenzen.jpg"
} }
] ]
}, },
@ -668,8 +644,10 @@
{ {
"@type": "ExhibitionEvent", "@type": "ExhibitionEvent",
"name": "Plan D", "name": "Plan D",
"url": ["http://2017.pland.hr/", "url": [
"http://2017.pland.hr/vijesti/dodijeljena-nagrada-i-pocasne-diplome-festivala-plan-d/"], "http://2017.pland.hr/",
"http://2017.pland.hr/vijesti/dodijeljena-nagrada-i-pocasne-diplome-festivala-plan-d/"
],
"location": "Zagreb", "location": "Zagreb",
"startDate": "2017-10", "startDate": "2017-10",
"endDate": "2018-10", "endDate": "2018-10",
@ -687,7 +665,9 @@
}, },
"startDate": "2017-09", "startDate": "2017-09",
"endDate": "2017-09", "endDate": "2017-09",
"organiser": { "@id":"r:/organisation/v2_" }, "organiser": {
"@id": "r:/organisation/v2_"
},
"funded": "Creative Industries Fund", "funded": "Creative Industries Fund",
"workFeatured": [] "workFeatured": []
}, },
@ -695,7 +675,10 @@
"@id": "r:/event/creativity-and-cognition", "@id": "r:/event/creativity-and-cognition",
"@type": "ExhibitionEvent", "@type": "ExhibitionEvent",
"name": "Microbites of Creativity", "name": "Microbites of Creativity",
"url": ["http://microbites.me/","http://cc.acm.org/2017/microbites/?ArtworksCC2017/"], "url": [
"http://microbites.me/",
"http://cc.acm.org/2017/microbites/?ArtworksCC2017/"
],
"organiser": "ACM Creativity & Cognition", "organiser": "ACM Creativity & Cognition",
"location": { "location": {
"@type": "Museum", "@type": "Museum",
@ -766,18 +749,19 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/emotionhero1-2.jpg", "contentUrl": "/assets/image/emotionhero1-2.jpg",
"thumbnailUrl": "/assets\/thumb\/emotionhero1-2.jpg" "thumbnailUrl": "/assets/thumb/emotionhero1-2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/emotionhero2.jpg", "contentUrl": "/assets/image/emotionhero2.jpg",
"thumbnailUrl": "/assets\/thumb\/emotionhero2.jpg" "thumbnailUrl": "/assets/thumb/emotionhero2.jpg"
} }
] ]
}, },
{ {
"@type": "MediaObject", "@type": "MediaObject",
"@id": "r:/choose-how-you-feel-you-have-seven-options",
"name": "Choose How You Feel; You Have Seven Options", "name": "Choose How You Feel; You Have Seven Options",
"dateCreated": "2016", "dateCreated": "2016",
"duration": "9M9S (∞ loop)", "duration": "9M9S (∞ loop)",
@ -824,20 +808,23 @@
}, },
"startDate": "2016-06-17", "startDate": "2016-06-17",
"endDate": "2016-06-26", "endDate": "2016-06-26",
"workFeatured": [] "workFeatured": [],
"about": {
"@id": "r:/degree/media-design"
}
} }
] ]
}, },
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/choosehowyoufeel2-2.jpg", "contentUrl": "/assets/image/choosehowyoufeel2-2.jpg",
"thumbnailUrl": "/assets\/thumb\/choosehowyoufeel2-2.jpg" "thumbnailUrl": "/assets/thumb/choosehowyoufeel2-2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/choosehowyoufeel.jpg", "contentUrl": "/assets/image/choosehowyoufeel.jpg",
"thumbnailUrl": "/assets\/thumb\/choosehowyoufeel.jpg" "thumbnailUrl": "/assets/thumb/choosehowyoufeel.jpg"
} }
] ]
}, },
@ -857,24 +844,24 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/eye_0-2.jpg", "contentUrl": "/assets/image/eye_0-2.jpg",
"thumbnailUrl": "/assets\/thumb\/eye_0-2.jpg" "thumbnailUrl": "/assets/thumb/eye_0-2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/eye_3-2.jpg", "contentUrl": "/assets/image/eye_3-2.jpg",
"thumbnailUrl": "/assets\/thumb\/eye_3-2.jpg" "thumbnailUrl": "/assets/thumb/eye_3-2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/eye_6-2.jpg", "contentUrl": "/assets/image/eye_6-2.jpg",
"thumbnailUrl": "/assets\/thumb\/eye_6-2.jpg" "thumbnailUrl": "/assets/thumb/eye_6-2.jpg"
} }
], ],
"video": { "video": {
"@id": "r:/eye-without-a-face/video", "@id": "r:/eye-without-a-face/video",
"@type": "VideoObject", "@type": "VideoObject",
"thumbnailUrl": "/assets\/thumb\/eye_1.jpg", "thumbnailUrl": "/assets/thumb/eye_1.jpg",
"contentUrl": "http://works.rubenvandeven.com/2016-eye_without_a_face/EyeWithoutAFace.mp4", "contentUrl": "http://works.rubenvandeven.com/2016-eye_without_a_face/EyeWithoutAFace.mp4",
"encodingFormat": "video/mp4", "encodingFormat": "video/mp4",
"videoFrameSize": "1920x1080" "videoFrameSize": "1920x1080"
@ -928,7 +915,9 @@
"pageEnd": "423", "pageEnd": "423",
"isPartOf": [ "isPartOf": [
"C&C '17 Proceedings of the 2017 ACM SIGCHI Conference on Creativity and Cognition", "C&C '17 Proceedings of the 2017 ACM SIGCHI Conference on Creativity and Cognition",
{"@id": "r:/event/creativity-and-cognition"} {
"@id": "r:/event/creativity-and-cognition"
}
], ],
"description": "What does it mean to feel 62% joy, and 15% surprised? Over the past years the digitization of emotions is booming business: multimillion dollar investments are made in technologies of which is claimed that they give companies an objective view in their consumers' feelings. The video-game-artwork Emotion Hero challenges the user to investigate this claim and question the premise of the technology. Emotion Hero is a two-part artwork. On the one hand is a video-game that is freely downloadable for everybody with an Android device. Inspired by Guitar Hero, the user scores points by following given cues. It provides detailed feedback on the mechanics of the face. The second part is a projection that shows a grid with aggregated scores of the game, that updates live. In its design, the grid refers to 19th century positivist practices.", "description": "What does it mean to feel 62% joy, and 15% surprised? Over the past years the digitization of emotions is booming business: multimillion dollar investments are made in technologies of which is claimed that they give companies an objective view in their consumers' feelings. The video-game-artwork Emotion Hero challenges the user to investigate this claim and question the premise of the technology. Emotion Hero is a two-part artwork. On the one hand is a video-game that is freely downloadable for everybody with an Android device. Inspired by Guitar Hero, the user scores points by following given cues. It provides detailed feedback on the mechanics of the face. The second part is a projection that shows a grid with aggregated scores of the game, that updates live. In its design, the grid refers to 19th century positivist practices.",
"url": "https://doi.org/10.1145/3059454.3059490/", "url": "https://doi.org/10.1145/3059454.3059490/",
@ -962,7 +951,10 @@
"name": "Presentation @ BARTALK #12: Coded Gestures", "name": "Presentation @ BARTALK #12: Coded Gestures",
"startDate": "2018-10-26", "startDate": "2018-10-26",
"endDate": "2018-10-26", "endDate": "2018-10-26",
"organizer": ["Yun Ingrid Lee", "Rae Parnell"], "organizer": [
"Yun Ingrid Lee",
"Rae Parnell"
],
"location": "Doornroosje, Rotterdam", "location": "Doornroosje, Rotterdam",
"url": "https://bartalkdh.wordpress.com/bartalk-12-coded-gestures/" "url": "https://bartalkdh.wordpress.com/bartalk-12-coded-gestures/"
}, },
@ -1032,7 +1024,9 @@
"@type": "Event", "@type": "Event",
"name": "Presentation @ Creative Coding Utrecht", "name": "Presentation @ Creative Coding Utrecht",
"startDate": "2017", "startDate": "2017",
"organizer": {"@id": "r:/organisation/ccu"}, "organizer": {
"@id": "r:/organisation/ccu"
},
"location": "Stadstuin, Utrecht" "location": "Stadstuin, Utrecht"
}, },
{ {
@ -1114,18 +1108,18 @@
"@type": "MediaObject", "@type": "MediaObject",
"name": "We know how you feel", "name": "We know how you feel",
"dateCreated": "2015", "dateCreated": "2015",
"description": "A two-part artwork and my first work on software that derives emotional parameters from facial expressions. The first part displays the <em>Mind Reading Emotions Library<\/em>, an interactive collection of videos, audio fragments and scenes depicting 412 distinct emotions &mdash;ranging from `angry' to `unsure'&mdash; grouped in 24 categories. The second part of the project is a tablet with a modified demo app by Affectiva, a major player in the field of emotion analysis software. This app acts as an interactive mirror which displays the various parameters that the Affectiva software derives from someone's facial expression, while a voice over reads a text extracted from the Dutch classic <em>Beyond Sleep<\/em> by W.F. Hermans (1966), concerning the impact of the mirror, photography and video on the human self-image.", "description": "A two-part artwork and my first work on software that derives emotional parameters from facial expressions. The first part displays the <em>Mind Reading Emotions Library</em>, an interactive collection of videos, audio fragments and scenes depicting 412 distinct emotions &mdash;ranging from `angry' to `unsure'&mdash; grouped in 24 categories. The second part of the project is a tablet with a modified demo app by Affectiva, a major player in the field of emotion analysis software. This app acts as an interactive mirror which displays the various parameters that the Affectiva software derives from someone's facial expression, while a voice over reads a text extracted from the Dutch classic <em>Beyond Sleep</em> by W.F. Hermans (1966), concerning the impact of the mirror, photography and video on the human self-image.",
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/we_know_how_you_feel.jpg", "contentUrl": "/assets/image/we_know_how_you_feel.jpg",
"thumbnailUrl": "/assets\/thumb\/we_know_how_you_feel.jpg", "thumbnailUrl": "/assets/thumb/we_know_how_you_feel.jpg",
"caption": "We know how you feel" "caption": "We know how you feel"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/we_know_how_you_feel-3.jpg", "contentUrl": "/assets/image/we_know_how_you_feel-3.jpg",
"thumbnailUrl": "/assets\/thumb\/we_know_how_you_feel-3.jpg", "thumbnailUrl": "/assets/thumb/we_know_how_you_feel-3.jpg",
"caption": "Mind Reading Emotions Library" "caption": "Mind Reading Emotions Library"
} }
], ],
@ -1150,7 +1144,6 @@
} }
] ]
} }
}, },
{ {
"@type": "MediaObject", "@type": "MediaObject",
@ -1160,20 +1153,20 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/fragments-6-2.jpg", "contentUrl": "/assets/image/fragments-6-2.jpg",
"thumbnailUrl": "/assets\/thumb\/fragments-6-2.jpg", "thumbnailUrl": "/assets/thumb/fragments-6-2.jpg",
"caption": "Fragments of reality" "caption": "Fragments of reality"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/fragments-9-2.jpg", "contentUrl": "/assets/image/fragments-9-2.jpg",
"thumbnailUrl": "/assets\/thumb\/fragments-9-2.jpg", "thumbnailUrl": "/assets/thumb/fragments-9-2.jpg",
"caption": "Fragments of reality" "caption": "Fragments of reality"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/fragments-7-2.jpg", "contentUrl": "/assets/image/fragments-7-2.jpg",
"thumbnailUrl": "/assets\/thumb\/fragments-7-2.jpg", "thumbnailUrl": "/assets/thumb/fragments-7-2.jpg",
"caption": "Fragments of reality" "caption": "Fragments of reality"
} }
] ]
@ -1186,13 +1179,13 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/waterdagen-teaser.jpg", "contentUrl": "/assets/image/waterdagen-teaser.jpg",
"thumbnailUrl": "/assets\/thumb\/waterdagen-teaser.jpg" "thumbnailUrl": "/assets/thumb/waterdagen-teaser.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/waterdagen1.jpg", "contentUrl": "/assets/image/waterdagen1.jpg",
"thumbnailUrl": "/assets\/thumb\/waterdagen1.jpg" "thumbnailUrl": "/assets/thumb/waterdagen1.jpg"
} }
], ],
"@reverse": { "@reverse": {
@ -1222,8 +1215,8 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/copoet1.jpg", "contentUrl": "/assets/image/copoet1.jpg",
"thumbnailUrl": "/assets\/thumb\/copoet1.jpg" "thumbnailUrl": "/assets/thumb/copoet1.jpg"
} }
], ],
"@reverse": { "@reverse": {
@ -1251,13 +1244,13 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/samawati-prev2.jpg", "contentUrl": "/assets/image/samawati-prev2.jpg",
"thumbnailUrl": "/assets\/thumb\/samawati-prev2.jpg" "thumbnailUrl": "/assets/thumb/samawati-prev2.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/samawati-prev1.jpg", "contentUrl": "/assets/image/samawati-prev1.jpg",
"thumbnailUrl": "/assets\/thumb\/samawati-prev1.jpg" "thumbnailUrl": "/assets/thumb/samawati-prev1.jpg"
} }
], ],
"video": { "video": {
@ -1293,6 +1286,7 @@
], ],
"contributor": [ "contributor": [
{ {
"@id": "r:/pillow-talk",
"@type": "MediaObject", "@type": "MediaObject",
"name": "Pillow Talk", "name": "Pillow Talk",
"dateCreated": "2019", "dateCreated": "2019",
@ -1369,18 +1363,18 @@
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/pillow_talk01.jpg", "contentUrl": "/assets/image/pillow_talk01.jpg",
"thumbnailUrl": "/assets\/thumb\/pillow_talk01.jpg" "thumbnailUrl": "/assets/thumb/pillow_talk01.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/pillow_talk02.jpg", "contentUrl": "/assets/image/pillow_talk02.jpg",
"thumbnailUrl": "/assets\/thumb\/pillow_talk02.jpg" "thumbnailUrl": "/assets/thumb/pillow_talk02.jpg"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/pillow_talk03.jpg", "contentUrl": "/assets/image/pillow_talk03.jpg",
"thumbnailUrl": "/assets\/thumb\/pillow_talk03.jpg" "thumbnailUrl": "/assets/thumb/pillow_talk03.jpg"
} }
], ],
"about": [ "about": [
@ -1409,18 +1403,18 @@
"url": "http://www.wardgoes.nl" "url": "http://www.wardgoes.nl"
}, },
"url": "http://spectacularspectacular.news", "url": "http://spectacularspectacular.news",
"description": "Originally initiated as a graduation project (cum laude) by Ward Goes, <a href=\"http://spectacularspectacular.news\">The Spectacular Times<\/a> is an ongoing visual inquiry into the presentation of news. It investigates how news, rather than being subjective, is representational of its social, cultural, (geo)political and ideological contexts. The project sets out to lay bare these representations in currently circulating news.\n\nBy layering and contrasting different news elements The Spectacular Times re-contextualises news and makes explicit the intangible notions that lie beyond an increasingly universal guise of news reporting. Not in an effort to tell apart true from false, left from right, or right from wrong, but in order to accentuate a variety of articulations of news.\n\nThis web based project uses user defined variables to animate news headers, texts and images, which are directly sourced from different news websites world wide. By adjusting these parameters (among which region, scope and speed) the spectator actively perceives how news content is de- and reformed through its aesthetics.", "description": "Originally initiated as a graduation project (cum laude) by Ward Goes, <a href=\"http://spectacularspectacular.news\">The Spectacular Times</a> is an ongoing visual inquiry into the presentation of news. It investigates how news, rather than being subjective, is representational of its social, cultural, (geo)political and ideological contexts. The project sets out to lay bare these representations in currently circulating news.\n\nBy layering and contrasting different news elements The Spectacular Times re-contextualises news and makes explicit the intangible notions that lie beyond an increasingly universal guise of news reporting. Not in an effort to tell apart true from false, left from right, or right from wrong, but in order to accentuate a variety of articulations of news.\n\nThis web based project uses user defined variables to animate news headers, texts and images, which are directly sourced from different news websites world wide. By adjusting these parameters (among which region, scope and speed) the spectator actively perceives how news content is de- and reformed through its aesthetics.",
"image": [ "image": [
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/times1.jpg", "contentUrl": "/assets/image/times1.jpg",
"thumbnailUrl": "/assets\/thumb\/times1.jpg", "thumbnailUrl": "/assets/thumb/times1.jpg",
"caption": "The Spectacular Times" "caption": "The Spectacular Times"
}, },
{ {
"@type": "ImageObject", "@type": "ImageObject",
"contentUrl": "/assets\/image\/times2.jpg", "contentUrl": "/assets/image/times2.jpg",
"thumbnailUrl": "/assets\/thumb\/times2.jpg", "thumbnailUrl": "/assets/thumb/times2.jpg",
"caption": "The Spectacular Times" "caption": "The Spectacular Times"
} }
] ]
@ -1428,36 +1422,106 @@
], ],
"attendee": [ "attendee": [
{ {
"@type": "Course", "@id": "r:/residency/summer-sessions",
"@type": "VisualArtsEvent",
"name": "Residency: Summer Sessions 2016",
"url": [
"http://summersessions.net/17-projects/projects-2016/55-emotion-hero",
"http://www.arquivo237.com/en/Passado/manipulation-emotion-hero-2/"
],
"description": "I was part of the Summer Sessions Network for Talent Development in a co-production of Arquivo 237 and V2_ Lab for the Unstable Media, with support of the Creative Industries Fund NL.",
"startDate": "2016-09",
"endDate": "2016-10",
"about": {
"@id": "r:/emotionhero"
}
},
{
"@id": "r:/residency/q21",
"@type": "VisualArtsEvent",
"name": "Residency: Q21",
"startDate": "2017-01",
"endDate": "2017-02",
"url": "https://www.mqw.at/institutionen/q21/artists-in-residence/2016/ruben-van-de-ven/",
"@reverse": {
"subEvent": {
"@id": "r:/exhibition/mood_swings"
}
},
"location": {
"@id": "r:/place/q21"
}
},
{
"@id": "r:/event/cqrrelations",
"@type": "Event",
"name": "Cqrrelations Worksession",
"url": "http://cqrrelations.constantvzw.org/",
"startDate": "2015-01-18",
"endDate": "2015-01-23",
"organizer": {
"@id": "r:/organisation/constant",
"url": "http://constantvzw.org",
"@type": "Organization",
"name": "Constant"
}
}
],
"hasCredential": [
{
"@id": "r:/degree/media-design",
"@type": "EducationalOccupationalCredential",
"name": "MA - Media Design and Communication", "name": "MA - Media Design and Communication",
"provider": {"@id": "r:/university/piet-zwart"}, "credentialCategory": "Master of Arts",
"addressLocality": "Rotterdam",
"temporalCoverage": "2014-2016", "temporalCoverage": "2014-2016",
"educationalCredentialAwarded": "Master of Arts" "@reverse": {
"educationalCredentialAwarded": {
"@id": "r:/university/piet-zwart"
}
},
"about": {
"@id": "r:/choose-how-you-feel-you-have-seven-options"
}
}, },
{ {
"@type": "Course", "@id": "r:/degree/cddc",
"@type": "EducationalOccupationalCredential",
"name": "MA - Creative Design for Digital Cultures", "name": "MA - Creative Design for Digital Cultures",
"provider": "The Open University", "credentialCategory": "Master of Arts",
"addressLocality": "London",
"temporalCoverage": "2012-2013", "temporalCoverage": "2012-2013",
"educationalCredentialAwarded": "Master of Arts" "@reverse": {
"educationalCredentialAwarded": {
"@type": "CollegeOrUniversity",
"name": "The Open University",
"addressLocality": "London"
}
}
}, },
{ {
"@type": "Course", "@id": "r:/degree/avm",
"@type": "EducationalOccupationalCredential",
"name": "BA - Audio-visual Media", "name": "BA - Audio-visual Media",
"provider": "Hogeschool voor de Kunsten Utrecht", "credentialCategory": "Bachelor of Arts",
"addressLocality": "Utrecht",
"temporalCoverage": "2009-2013", "temporalCoverage": "2009-2013",
"educationalCredentialAwarded": "Bachelor of Arts" "@reverse": {
"educationalCredentialAwarded": {
"@type": "Hogeschool voor de Kunsten Utrecht",
"addressLocality": "Utrecht"
}
}
}, },
{ {
"@type": "Course", "@id": "r:/degree/mechanical-engineering",
"@type": "EducationalOccupationalCredential",
"name": "Propaedeutic - Mechanical Engineering", "name": "Propaedeutic - Mechanical Engineering",
"provider": "Twente University", "credentialCategory": "Propaedeutic degree",
"addressLocality": "Enschede",
"temporalCoverage": "2007-2009", "temporalCoverage": "2007-2009",
"educationalCredentialAwarded": "Propaedeutic degree" "@reverse": {
"educationalCredentialAwarded": {
"@type": "Twente University",
"addressLocality": "Enschede"
}
}
} }
] ]
} }

36
src/js/portfolio.js
View file

@ -33,7 +33,7 @@ function getNodeYear(n){
return n['https://schema.org/datePublished'].substr(0,4); return n['https://schema.org/datePublished'].substr(0,4);
} }
if(typeof n['https://schema.org/startDate'] !== 'undefined') { if(typeof n['https://schema.org/startDate'] !== 'undefined') {
console.log(n['https://schema.org/startDate']); // console.log(n['https://schema.org/startDate']);
return n['https://schema.org/startDate'].substr(0,4); return n['https://schema.org/startDate'].substr(0,4);
} }
if(typeof n['https://schema.org/endDate'] !== 'undefined') { if(typeof n['https://schema.org/endDate'] !== 'undefined') {
@ -114,10 +114,21 @@ var graph;
var nodeMap = {}; var nodeMap = {};
var linkMap = {}; var linkMap = {};
var breadcrumbs = {}; var breadcrumbs = {};
var weights = {};
// load the flattened jsonld file // load the flattened jsonld file
const requestPromise = fetch('/assets/js/rubenvandeven.jsonld') const requestPromise = fetch('/assets/js/rubenvandeven.jsonld').then(r => r.json());
.then(r => r.json()) const rankingPromise = fetch('/assets/js/ranking.json').then(r => r.json());
.then(data => {
Promise.all([requestPromise, rankingPromise])
.then(values => {
if(values[0].hasOwnProperty('@graph')) {
data = values[0];
weights = values[1];
} else {
data = values[1];
weights = values[0];
}
graph = jsonLdToGraph(data['@graph']); graph = jsonLdToGraph(data['@graph']);
// create a map of nodes by id. // create a map of nodes by id.
for(let i in graph.nodes) { for(let i in graph.nodes) {
@ -169,8 +180,8 @@ var firstNodeId = "https://rubenvandeven.com/";
function getSizeForNode(node) { function getSizeForNode(node) {
if(node.hasOwnProperty('https://schema.org/thumbnailUrl')) if(node.hasOwnProperty('https://schema.org/thumbnailUrl'))
return nodeSize; return nodeSize;
//if(weights[node['@id']]) if(weights[node['@id']])
// return nodeSize * weights[node['@id']]; return nodeSize * weights[node['@id']];
if(node['@id'] == firstNodeId) if(node['@id'] == firstNodeId)
return nodeSize*1.2; return nodeSize*1.2;
// everynode has at least one link. these should equal 1 // everynode has at least one link. these should equal 1
@ -442,7 +453,7 @@ var centerByType = function(types, updateHistory) {
deselectNode(); deselectNode();
if(updateHistory) { if(updateHistory) {
// TODO: working // TODO: working
console.log(types[0], getDisplayAttr(types[0]),types.map(getDisplayAttr)); // console.log(types[0], getDisplayAttr(types[0]),types.map(getDisplayAttr));
history.pushState({types: types}, "", "/@type/"+(types.map(getDisplayAttr).join("+"))); history.pushState({types: types}, "", "/@type/"+(types.map(getDisplayAttr).join("+")));
} else { } else {
history.replaceState({types: types}, "", "/@type/"+(types.map(getDisplayAttr).join("+"))); history.replaceState({types: types}, "", "/@type/"+(types.map(getDisplayAttr).join("+")));
@ -614,11 +625,15 @@ var setDetails = function(nodeDatum, nodeIdx) {
} }
} }
// relationships / links in <dl> // relationships / links incomming <dl>
for(let attr in relDown) { for(let attr in relDown) {
let attrEl = document.createElement("dt"); let attrEl = document.createElement("dt");
attrEl.innerHTML = getDisplayAttr(attr); attrEl.innerHTML = getDisplayAttr(attr);
relsEl.appendChild(attrEl); relsEl.appendChild(attrEl);
// highest pagerank first:
relDown[attr].sort((a,b) => weights[b['@id']] - weights[a['@id']]);
for(let i in relDown[attr]) { for(let i in relDown[attr]) {
let rel = relDown[attr][i]; let rel = relDown[attr][i];
relsEl.appendChild(createRelationshipEl(rel)); relsEl.appendChild(createRelationshipEl(rel));
@ -637,10 +652,15 @@ var setDetails = function(nodeDatum, nodeIdx) {
} }
} }
// relationships / links outgoing <dl>
for(let attr in relUp) { for(let attr in relUp) {
let attrEl = document.createElement("dt"); let attrEl = document.createElement("dt");
attrEl.innerHTML = getDisplayAttr(attr); attrEl.innerHTML = getDisplayAttr(attr);
relsEl.appendChild(attrEl); relsEl.appendChild(attrEl);
// highest pagerank first:
relUp[attr].sort((a,b) => weights[b['@id']] - weights[a['@id']]);
for(let i in relUp[attr]) { for(let i in relUp[attr]) {
let rel = relUp[attr][i]; let rel = relUp[attr][i];
relsEl.appendChild(createRelationshipEl(rel, i)); relsEl.appendChild(createRelationshipEl(rel, i));

7
src/scss/portfolio.scss
View file

@ -20,7 +20,8 @@ body{
// - NunitoSansRegular // - NunitoSansRegular
font-weight: light; font-weight: light;
height: 100vh; height: 100vh;
background: black; background:#222;
// background: radial-gradient(purple, darken(purple, 10%));
font-size: 12pt; font-size: 12pt;
} }
@ -271,7 +272,8 @@ text{
.nodeType{ .nodeType{
font-size:80%; font-size:80%;
text-transform: uppercase; // text-transform: uppercase;
font-variant-caps: small-caps;
color: #999; color: #999;
margin-left:10px; margin-left:10px;
@ -329,6 +331,7 @@ text{
font-weight:bold; font-weight:bold;
min-height:25px; min-height:25px;
clear:both; clear:both;
word-wrap: anywhere; // relations like "educationalCredentialAward" are crazily long..
} }
dd{ dd{
min-height:30px; min-height:30px;