-
Notifications
You must be signed in to change notification settings - Fork 2
/
theoretical_model.html
105 lines (99 loc) · 6.58 KB
/
theoretical_model.html
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
<!DOCTYPE html>
<html lang="en" style="scroll-behavior:smooth;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>THE BLOODY CHAMBER - Theoretical Model</title>
<link rel="icon" type="image/x-icon" href="/img/icon2.png" />
<link href="../css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<img src="/img/icon.png" height="60px" class="d-inline-block align-top" alt="" style="padding:10px;">
<a class="navbar-brand js-scroll-trigger" href="../index.html" style="color:#b41010 !important;">
the bLODy chamber</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" id="menu">
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 dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
style="color:#b41010 !important;">Knowledge Organization</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item js-scroll-trigger" href="/er_model.html">Conceptual Map and
E/R Model</a>
<a class="dropdown-item" href="/metadata.html">Metadata Analysis</a>
<a class="dropdown-item" href="/metadata.html#metadata2">Metadata Alignment</a>
<a class="dropdown-item" href="/theoretical_model.html">Theoretical model</a>
<a class="dropdown-item" href="/er_model_enhanced.html">Enhanced E/R Model</a>
<a class="dropdown-item" href="/conceptual_model.html">Conceptual Model</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
style="color:#b41010 !important;">Knowledge Representation</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item js-scroll-trigger" href="/data.html">Data Creation</a>
<a class="dropdown-item" href="/rdf.html">RDF Production</a>
<a class="dropdown-item" href="/rdf.html#rdf2">RDF Visualization </a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<section class="projects-section" id="theoretical" style="padding:6rem 0 0rem;">
<div class="container">
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-12 text-left" id="projt">
<h1 class="text-dark mb-4">Theoretical Model</h1>
</div>
<div class="col-xl-12 text-left">
<p>This phase of the project was dedicated to modelling our domain. We started by deepening our
research, further examining our chosen items; we connected them to additional information that
answered the questions <em>who?, where?, when?, what?</em>; afterwards, we observed how
intermediate entities allowed us to link the items among each other. More specifically, we were
able to highlight how broader artistic and social movements contributed to the creation of the
works described by our items, forming a rich network between texts, exhibitions, magazines,
places and people. In particular, we specified which tales are included in “The Bloody Chamber” and we highlighted their connection to the tales belonging to the tradition;
also, we added genres to which the works we represented belong to, social movements (e.g. feminism) that influenced the making of such works, organizations and people (e.g. Virago Press, Carmen Callil)
that helped creating a rich representation of the complex common artistic and political background that characterizes “The Bloody Chamber” and our chosen items. This step allowed us to add to our project the level of data interpretation,
which is precisely the analysis of possible connections between the items. </p>
</div>
</div>
</div>
</section>
<section class="projects-section" id="projects" style="padding:0 0 0;">
<div class="container">
<section class="projects" id="projects">
<div class="container">
<div class="row align-items-center no-gutters mb-4 mb-lg-4">
<div class="col-xl-12 col-lg-12 text-center">
<iframe width="1100" height="700"
src="https://miro.com/app/live-embed/uXjVMYNuJSs=/?moveToViewport=-12571,-1942,17174,11253&embedId=141382177910"
frameborder="0" scrolling="no" allow="fullscreen; clipboard-read; clipboard-write"
allowfullscreen></iframe>
</div>
</div>
</section>
</div>
</section>
<footer class="footer small text-center text-white-50">
<div class="container">
<p class="copyright-text">© DHDK - ALma Mater Bologna University</p>
<p class="copyright-text">This is a non-commercial project for scholarly purposes only.</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<script src="../js/scripts.js"></script>
</body>
</html>