-
Notifications
You must be signed in to change notification settings - Fork 0
/
methodology.html
285 lines (233 loc) · 10.5 KB
/
methodology.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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
<title>methodology</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="site_libs/header-attrs-2.11/header-attrs.js"></script>
<script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="site_libs/bootstrap-3.3.5/css/sandstone.min.css" rel="stylesheet" />
<script src="site_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="site_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>
<script src="site_libs/bootstrap-3.3.5/shim/respond.min.js"></script>
<style>h1 {font-size: 34px;}
h1.title {font-size: 38px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}
code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}
pre:not([class]) { background-color: white }</style>
<script src="site_libs/navigation-1.1/tabsets.js"></script>
<link href="site_libs/highlightjs-9.12.0/default.css" rel="stylesheet" />
<script src="site_libs/highlightjs-9.12.0/highlight.js"></script>
<link href="site_libs/font-awesome-5.1.0/css/all.css" rel="stylesheet" />
<link href="site_libs/font-awesome-5.1.0/css/v4-shims.css" rel="stylesheet" />
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
</style>
<style type="text/css">code{white-space: pre;}</style>
<script type="text/javascript">
if (window.hljs) {
hljs.configure({languages: []});
hljs.initHighlightingOnLoad();
if (document.readyState && document.readyState === "complete") {
window.setTimeout(function() { hljs.initHighlighting(); }, 0);
}
}
</script>
<script type="text/javascript">
// manage active state of menu based on current page
$(document).ready(function () {
// active menu anchor
href = window.location.pathname
href = href.substr(href.lastIndexOf('/') + 1)
if (href === "")
href = "index.html";
var menuAnchor = $('a[href="' + href + '"]');
// mark it active
menuAnchor.tab('show');
// if it's got a parent navbar menu mark it active as well
menuAnchor.closest('li.dropdown').addClass('active');
// Navbar adjustments
var navHeight = $(".navbar").first().height() + 15;
var style = document.createElement('style');
var pt = "padding-top: " + navHeight + "px; ";
var mt = "margin-top: -" + navHeight + "px; ";
var css = "";
// offset scroll position for anchor links (for fixed navbar)
for (var i = 1; i <= 6; i++) {
css += ".section h" + i + "{ " + pt + mt + "}\n";
}
style.innerHTML = "body {" + pt + "padding-bottom: 40px; }\n" + css;
document.head.appendChild(style);
});
</script>
<!-- code folding -->
</head>
<body>
<div class="container-fluid main-container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" class='image'>
<img src='img/fulllogo.png', style='margin-top: -17px; margin-bottom: -5px; padding-right:5px;
padding-top:5px; padding-bottom: -40px', height = 50></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>
<a href="dataset.html">Dataset</a>
</li>
<li>
<a href="methodology.html">Methodology</a>
</li>
<li>
<a href="search_data.html">Search Data</a>
</li>
<li>
<a href="graph.html">Build Graphs</a>
</li>
<li>
<a href="get_in.html">Get involved</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="fa fa-gear"></span>
Documentation and Guide
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="docs.html">Documentation</a>
</li>
<li>
<a href="gide.html">Guide</a>
</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="http://gitlab.com" class='image'><img src='img/gitlab.png', style='margin-top: -15px; margin-bottom: -5px; padding-right:5px; padding-top:5px; padding-bottom: -40px', height = 41></a>
</li>
<li>
<a href='https://www.lhlt.mpg.de/research-group/governance-of-the-universal-church-after-the-council-of-trent' class='image'>
<img src='img/mpifullwhite.png', style='margin-top: -15px; margin-bottom: -5px; padding-right:5px; padding-top:5px; padding-bottom: -40px', height = 40></a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container -->
</div><!--/.navbar -->
<div id="header">
<h1 class="col text-center">Methodology</h1>
<hr>
<br>
</div>
<div id="TOC">
<ul class="menu">
<li><a href="#challenges">Challenges</a></li>
<li><a href="#resources-selection">Resources Selection</a></li>
</ul>
</div>
<div>
<p>The SCC Explorer was developed for several reasons. First of all we aimed to provide not only classical bibliographical collection, but also make it more suitable for specific search in an interactive way. At the first stage, we developed a particular onthology for the large bibliographical dataset and organized it in accordance with the keyword system. This system reflects the hierarchical order of the Congregation of the Council. Secondly, we developed the web application with Smart Search and Graphic visualization. Thirdly we created the web site to bring together all elements of the project. The backstages of the development is available on the <a href="docs.html">Documentation page</a> or in the <a href=" https://pyrrhulla.github.io/mapping-tutorials/">Digital Humanities manual</a>, which focuses on specific issues in our projects. </p>
</div>
<div class="projcard-container">
<div id="challenges" class="section level2">
<div class="projcard projcard-brown">
<div class="projcard-innerbox">
<img class="projcard-img" src="img/method1.jpg" alt="" />
<div class="projcard-textbox">
<div class="projcard-title">Challenges</div>
<div class="projcard-subtitle">Problems and their solutions</div>
<div class="projcard-bar"></div>
<div class="projcard-description"><p>
This project aims to provide interactive searching opportunities among a large bibliographical dataset and export it to any bibliographical software. During the development process, we faced several challenges on both, theoretical and technical level.
</p></div>
<details>
<summary>
<span id="open">read more</span>
<span id="close">close</span>
</summary>
<p>
First of all, we aimed to organize the large massive of titles, which one one hand, should demonstrate the logical structure of the Congregation of the Council related subjects, and on the other hand, this system should not be overwhelming for readers and for the machines. For this reason, among languages and frameworks we choose R, because of the libraries for both aesthetically pleasant visualisation of graphic representation and simplicity to compile and run everything inside the shiny framework. Secondly, the core of this application is a capacity to render the search results in the .bib format, which allows readers to add these titles into the library software. This manipulation became possible because of a double conversion of the original .bib file, which consists of the data, provided by the group members, to the data table and vice versa for rendering a file with selected inputs for downloading.
</p>
<p>
Thirdly, we also aimed to provide the option for the quantitative research and graphic visualisation of the bibliographical tendencies. For this reason we used ggplot2 and data tables for makings interactive graphs. A user can set up several filters to particulate the data sample and choose a graphic representation among lines, bars, pies and dots.
</p>
</details>
</div>
</div>
</div>
</div>
<div id="resources-selection" class="section level2">
<div class="projcard projcard-brown">
<div class="projcard-innerbox">
<img class="projcard-img" src="img/method2.jpg" alt="" />
<div class="projcard-textbox">
<div class="projcard-title">Resources Selection</div>
<div class="projcard-subtitle">Resources we use</div>
<div class="projcard-bar"></div>
<div class="projcard-description"><p>
These resources were obtained within the personal research of the group members that include such subjects as canon law, constitutional law, Church history, historical geography, religious studies and many others.</p></div>
<details>
<summary>
<span id="open">read more</span>
<span id="close">close</span>
</summary>
<p>
We decided to put the database into the framework of the Congregation of the Council and closely related subjects, which are strongly connected with the Congregation. Therefore, we do not include the general titles about the Church History or Canon Law, if they were not directly addressed to the Congregation's competences. </p>
</details>
</div>
</div>
</div>
</div>
</div>
<script>
// add bootstrap table styles to pandoc tables
function bootstrapStylePandocTables() {
$('tr.odd').parent('tbody').parent('table').addClass('table table-condensed');
}
$(document).ready(function () {
bootstrapStylePandocTables();
});
</script>
<!-- tabsets -->
<script>
$(document).ready(function () {
window.buildTabsets("TOC");
});
$(document).ready(function () {
$('.tabset-dropdown > .nav-tabs > li').click(function () {
$(this).parent().toggleClass('nav-tabs-open');
});
});
</script>
<!-- code folding -->
<!-- dynamically load mathjax for compatibility with self-contained -->
<script>
(function () {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
document.getElementsByTagName("head")[0].appendChild(script);
})();
</script>
</body>
</html>