-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdesign.html
More file actions
177 lines (165 loc) · 8.2 KB
/
Copy pathdesign.html
File metadata and controls
177 lines (165 loc) · 8.2 KB
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>NFT Art Digital Library</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">NFT ART Digital Library</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#">Documentation</a>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#Process">Process</a></li>
<li><a href="#Outcome">Envisaged outcome</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main" class="wrapper style1">
<div class="container">
<header class="major">
<h2>Design</h2>
<p>The components of a digital library to search and discover NFT Art </p>
</header>
<!-- Content -->
<section id="content">
<a href="#" class="image fit"><img src="images/architecture_final.jpg" alt="The architecture of The NFT Art Digital Library" /></a>
<h3>General architecture</h3>
<p>The NFT art Digital Library will provide two main services to the user: search and discovery.</p>
<p>In the NFT Art Digital Library the digital object will be hosted by <a href="https://ipfs.tech/" >IPFS</a>, that will assign an immutable content identifier (CID). NFT art will be exposed by a <a href="https://iiif.io/">IIIF</a> server. Through <a href="https://projectmirador.org/">Mirador</a> the user will be able both to visualize the NFT art and to explore the related metadata.</p>
<p>Since <a href=" https://omeka.org/s/">Omeka s</a> will be used as content management system (CMS) the metadata will be stored in <a href="https://www.mysql.com/">MySQL</a>, a relational database, in order to retrieve images through the Metadata Search module. In the relational database will be stored also the features extracted from the images from which it will be possible to suggest images to the user selected by means of a content-based image retrieval (CBIR) system.</p>
<a href="index.html#Documentation" class="button primary small fit">Download the full Documentation</a>
</section>
</div>
</div>
<div id="Process" class="wrapper style3">
<div class="container">
<header class="major">
<h2>Process</h2>
<p>From the collection to the Linked Open Data</p>
</header>
<!-- Content -->
<section id="content">
<a href="#" class="image fit"><img src="images/process.png" alt="From the model to the website" /></a>
<h3>The collection</h3>
<p>The collection of the NFT art Digital Library will be extracted from the collection of NFT art on <a href="https://knownorigin.io/">KnownOrigin</a>. Privates will have the possibility to load their own NFT art too.</p>
<p>The collection can be explored according to
<ul>
<li>Artists</li>
<li>Medium</li>
<li>Collections</li>
</ul>
<h3>The metadata</h3>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Metadata level</th>
<th>Chosen standard</th>
</tr>
</thead>
<tbody>
<tr>
<td>Descriptive metadata</td>
<td>Schema.org</br>
CIDOC-CRM</br>
DublinCore
</td>
</tr>
<tr>
<td>Subject headings</td>
<td>Dewey Decimal Classification</td>
</tr>
<tr>
<td>Name Authority</td>
<td>Getty Union List of Artist Names</td>
</tr>
<tr>
<td>Administrative metadata</td>
<td>METS</td>
</tr>
<tr>
<td>Preservation</td>
<td>PREMIS</td>
</tr>
</tbody>
</table>
<p>KnownOrigin provides the NFT art metadata in a json file stored in IPFS exposed by Pinata, a NFT media management service. Once the NFT art from KnownOrigin enters the digital libraries collections, those metadata will be mapped according to the International Standards. NFT art coming from privates will be recorded according to the same metadata.</p>
<h3>Information retrieval</h3>
<p>An NFT art can be searched through the image meta search, i.e. retrieval based on the research against metadata. The user can search for keywords that will be matched against the tags, title, author and description metadata of the NFT art.</p>
<p>Another way to retrieve information is the content-based image retrieval selection sorted by similarity of the NFT art in the database that shares more features with the selected one.
</p>
<a href="index.html#Documentation" class="button primary small fit">Download the full Documentation</a>
</section>
</div>
</div>
<div id="Outcome" class="wrapper style1">
<div class="container">
<header class="major">
<h2>Envisioned Outcomes</h2>
<p>The NFT Art Digital Libraries: a vision on the implementation</p>
</header>
<!-- Content -->
<section id="content">
<a href="#" class="image fit"><img src="images/homepage_wireframe.png" alt="The homepage's wireframe of the digital library" /></a>
<h3>Accessibility</h3>
<p>The NFT Art Digital Library will be accessible through a website. Omeka s will be used as content management system (CMS). The homepage will provide access to the content according to its categorization: by artist, by medium and by collection.</p>
<p>Each item will have a link to its visualization and the possibility to access and download the relative metadata.</p>
<h3>Advanced Search</h3>
<p>The user will be able to search according to keywords that will be matched against metadata. Those keywords can be contained in the title,in the name of the artist, tags and description of the item.</p>
<h3>Discovery</h3>
<p>The page dedicated to an item will have two additional sections that will provide suggestions to the user:
<ul>
<li>The related artworks of the same artist</li>
<li>The most similar artworks contained in the digital library</li>
</ul>
</p>
<a href="index.html#Documentation" class="button primary small fit">Download the full Documentation</a>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<p>
A project for the course "Semantic Digital Libraries"</br>
MA "Digital Humanities and Digital Knowledge", University of Bologna
</p>
<ul class="icons">
<li><a href="https://github.com/Bianca-LM/NFT-Art-DL" class="icon brands alt fa-github"><span class="label">GitHub repository</span></a></li>
</ul>
<ul class="copyright">
<li>© 2022 Bianca La Manna</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it"><img alt="Licenza Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png"></a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>