-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
213 lines (177 loc) · 10.2 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>Prode - Pro Design</title>
<meta name="title" content="Prode - Pro Design">
<meta name="description" content="Produzione Scientifica in Design">
<meta property="og:type" content="website">
<meta property="og:url" content="https://bea92.github.io/Prode/case.html">
<meta property="og:title" content="Prode - Pro Design">
<meta property="og:description" content="Produzione Scientifica in Design">
<meta property="og:image" content="">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://bea92.github.io/Prode/case.html">
<meta property="twitter:title" content="Prode - Pro Design">
<meta property="twitter:description" content="Produzione Scientifica in Design">
<meta property="twitter:image" content="">
<script src="p5.min.js"></script>
<script src="addons/p5.dom.min.js"></script>
<script src="sketch.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Kanit:400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Torna in alto</button>
<content id="content">
<nav class="navbar navbar-expand-lg">
<button class="custom-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul id="menu" class="navbar-nav mr-auto mt-2 mt-lg-0">
<img id="myImage" src="./assets/logo-small-01.svg" width="5%" style="border:1px solid white;" />
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<!-- <span class="sr-only">(current)</span> -->
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="case.html">Casi studio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
</nav>
<div id="cover2">
</div>
<!--main content-->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2>About</h2>
<p><strong>Prode</strong> è “pro-design”, ovvero per una migliore Produzione scientifica in Design.
La volontà di innovare la produzione scientifica in design si fonda su alcuni concetti chiave, ovvero:
<ul class="list">
<li>il “ciclo di vita di una pubblicazione”, ovvero la filiera nella quale individuare le diverse fasi in cui è possibile innovare il processo di produzione scientifica (e in particolare le fasi quali publishing, exploiting,
visualising, evaluating, citing, re-using, assessing);</li>
<li>l’impatto, che viene esteso dalle metriche citazionali all’idea di ri-uso tracciabile e autorevole di contenuti (<em>impatto+</em>);</li>
<li>l’accreditamento, come riconoscibiltà istituzionale della qualità della pubblicazione.</li>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-8 col-sm-12">
<img src="./assets/lifecycle.png" class="responsive schema">
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<p>Molte tendenze stanno permeando a livello globale il campo del design, e in particolare, quelle relative alla trasformazione digitale: in questo contesto, la produzione scientifica e la diffusione del design, soprattutto a livello
internazionale, stanno assumendo nuove forme e obiettivi, diventando sempre più destrutturati, ampi e, grazie anche all’ambiente digitale, rizomatici, con gli annessi vantaggi (accessibilità, contributività, …) e svantaggi
(autorevolezza, affidabilità, …).
<br>Esiste quindi l’urgenza di una profonda riflessione culturale sulle modalità di produzione scientifica del design: la sfida è quella di raggiungere una comunicazione scientifica autorevole, di grande impatto ed efficacia attraverso
strumenti, piattaforme, contenuti e formati culturalmente coerenti con la progettazione, mantenendo allo stesso tempo, rigore, autorevolezza e formalismo.
<h3> Attività e obiettivi di Prode</h3>
<p>Il progetto si sviluppa nelle seguenti azioni:</p>
<ul class="list">
<li>Definizione di contesto e framework, finalizzata a definire e sistematizzare il quadro dei vincoli esterni/interni, ovvero da cosa è costituto l’ecosistema della produzione scientifica in termini di contesto normativo (indicatori
e metriche), di stakeholders e main players (e di relative azioni messe in campo su innovazione di formati di pubblicazione) nonchè a individuare risorse, opportunità e competenze interne interne al dipartimento;</li>
<li> <a href "about.html"> Ricerca e analisi di pratiche innovative</a>, finalizzata a censire e visualizzare le esperienze, pregresse e in corso, di innovazione dei formati di produzione scientifica, sia sulla base dei vari domini
disciplinari , ma soprattutto in termini di dimensione del formato (da single item a platform), fase del ciclo di vita, tracciabilità dell’impatto+ (ri-uso), accreditamento e sostenibilità del modello.</li>
<li>Envisioning, design e prototipazione di nuovi formati di produzione scientifica per il design, finalizzata a mettere a punto un nuovo format di prodotto scientifico sia come processo che come ecosistema di contenuti innovativo, ad
alto impatto, accreditato scientificamente e nel contempo rappresentativo di una cultura italiana della produzione scientifica in design;</li>
<li>Networking, valutazione e negoziazione, finalizzata a condividere, promuovere e verificare le proposte con la comunità scientifica istituzionale e gli stakeholders.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h3>Team di Progetto</h3>
<p><em>Coordinatore di progetto</em>: Eleonora Lupo.</p>
<p><em>Team di progetto</em>: Valentina Auricchio, Barbara di Prete, Francesco Ermanno Guida, Beatrice Gobbo, Fiamma Colette Invernizzi, Emilio Lonardo, Michele Mauri, Francesca Piredda, Davide Spallazzo (Dip. di Desig, Politecnico di Milano).</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center text-md-left">
<div class="row">
<div class="col-sm-3">
<ul class="list-unstyled credits">
<a href="https://www.polimi.it/" target="_blank"><img src="./assets/logo_poli.svg" class="logo"></a>
</ul>
</div>
<div class="col-sm-1">
<ul class="list-unstyled credits">
</ul>
</div>
<div class="col-sm-4">
<ul class="list-unstyled credits">
<p><strong>Prode</strong>
<p>Produzione Scientifica in Design</p>
<p>Progetto di ricerca </p>
<p>finanziato dai fondi FARB 2018</p>
<a href="http://www.dipartimentodesign.polimi.it/en/" target="_blank">
<p>Dipartimento di Design</p>
</a>
<p>Politecnico di Milano</p>
</p>
</ul>
</div>
<div class="col-sm-1">
<ul class="list-unstyled credits">
</ul>
</div>
<div class="col-sm-3">
<ul class="list-unstyled credits">
<p><strong>Contact</strong></p>
<p>prof. PhD, Eleonora Lupo</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
</footer>
</content>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block"
} else {
mybutton.style.display = "none"
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
};
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="scripts.js" type="text/javascript"></script>
</body>
</html>