Project

General

Profile

1
<div class="image-front-topbar" style="background: linear-gradient(180deg, #F4F4F4 0%, #F5F5F5 83%, #FAFAFA 100%)">
2
  <div class="uk-container uk-container-large uk-section">
3
    <div class="uk-padding-small">
4
      <h1>Open. Transparent. Interconnected.</h1>
5
      <div class="uk-grid uk-grid-small uk-flex uk-margin-medium-top uk-child-width-1-2@m uk-flex-bottom" uk-grid>
6
        <div>
7
          <p>
8
            OpenAIRE Research Graph is an open resource that aggregates a <span class="portal-color">collection of research data properties</span>
9
            (metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations,
10
            researchers, research communities and publishers to interlink information by using a semantic graph database
11
            approach.
12
          </p>
13
          <a class="uk-button portal-button uk-margin-medium-top" routerLink="/about">Learn more</a>
14
        </div>
15
        <div class="uk-flex uk-flex-right uk-padding-large uk-padding-remove-bottom">
16
          <img src="assets/graph-assets/home/1.svg" style="transform: rotateY(180deg);" class="uk-width-4-5@m">
17
        </div>
18
      </div>
19
    </div>
20
  </div>
21
</div>
22
<div>
23
  <div class="uk-container uk-container-large uk-section">
24
    <div class="uk-padding-small">
25
      <h2 class="uk-text-center"><span class="portal-color">How</span> it works</h2>
26
      <div class="how-first uk-margin-large-top">
27
        <div class="uk-grid uk-child-width-1-2@m" uk-grid>
28
          <div
29
              class="uk-padding-large uk-padding-remove-vertical uk-flex-last@m uk-margin-large-bottom uk-margin-medium-top">
30
            <h3 class="uk-text-bold uk-margin-large-left">360° View on linked open science<span
31
                class="portal-color">.</span></h3>
32
          </div>
33
          <div>
34
            <img src="assets/graph-assets/home/2.png">
35
          </div>
36
        </div>
37
      </div>
38
    </div>
39
  </div>
40
  <div class="uk-container uk-container-large uk-section">
41
    <div class="how-second uk-padding-small uk-margin-large-top">
42
      <div class="uk-grid" uk-grid>
43
        <div class="uk-margin-large-top uk-margin-large-bottom uk-width-expand">
44
          <h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">From open and authoritative sources around
45
            the globe<span class="portal-color">.</span></h3>
46
        </div>
47
        <div class="uk-width-3-5@m uk-margin-bottom">
48
          <img src="assets/graph-assets/home/3.png">
49
        </div>
50
      </div>
51
    </div>
52
  </div>
53
</div>
54
<div>
55
  <div class="uk-section uk-container uk-container-large">
56
    <div class="uk-padding-small">
57
      <h2 class="uk-text-center uk-margin-remove-bottom"><span class="portal-color">Why</span> OpenAIRE Research Graph
58
      </h2>
59
      <h6 class="uk-text-center uk-text-normal uk-margin-small-top">Unlock the power of open science data</h6>
60
      <div class="uk-margin-medium-top">
61
        <div class="uk-grid why uk-child-width-1-2@m" uk-grid>
62
          <div>
63
            <div class="uk-width-3-4@m">
64
              <h6 class="portal-color">Open and transparent</h6>
65
              <div class="uk-text-light">
66
                It is available for download and re-use as CC-BY (due to some input sources whose
67
                license is CC-BY); parts of the graphs can be re-used as CC-0; provenance is tracked at the level of the
68
                records and, when these are the result of full-text mining, of the properties (provenance also includes
69
                an indicator of trust, in the range [0..1]).
70
              </div>
71
            </div>
72
          </div>
73
          <div class="uk-flex uk-flex-right">
74
            <div class="uk-width-3-4@m">
75
              <h6 class="portal-color">Decentralized and interoperable</h6>
76
              <div class="uk-text-light">
77
                Metadata and links are collected from data
78
                sources, such as institutional/data/software repositories, publishers, registries, and re-distributed to
79
                such sources via brokering services.
80
              </div>
81
            </div>
82
          </div>
83
          <div>
84
            <div class="uk-hidden@m">
85
              <h6 class="portal-color">Intelligent linking</h6>
86
              <div class="uk-text-light">
87
                Abstracts, full-texts of Open Access publications and links
88
                are processed by several algorithms that infer new links and enrich the graph.
89
              </div>
90
            </div>
91
            <div class="uk-padding-large uk-visible@m">
92
              <h6 class="portal-color">Intelligent linking</h6>
93
              <div class="uk-text-light">
94
                Abstracts, full-texts of Open Access publications and links
95
                are processed by several algorithms that infer new links and enrich the graph.
96
              </div>
97
            </div>
98
          </div>
99
          <div class="uk-flex uk-flex-right">
100
            <div class="uk-hidden@m">
101
              <h6 class="portal-color">Embedded metrics</h6>
102
              <div class="uk-text-light">
103
                Powers up calculation of advanced statistics and metrics about Open Science and research impact.
104
              </div>
105
            </div>
106
            <div class="uk-width-3-4 uk-visible@m uk-padding uk-padding-remove-right">
107
              <h6 class="portal-color">Embedded metrics</h6>
108
              <div class="uk-text-light">
109
                Powers up calculation of advanced statistics and metrics about Open Science and research impact.
110
              </div>
111
            </div>
112
          </div>
113
        </div>
114
      </div>
115
    </div>
116
  </div>
117
</div>
118
<div>
119
  <div class="services">
120
    <div class="uk-section uk-container uk-container-large">
121
      <div class="uk-padding-small">
122
        <h2>Products & Services</h2>
123
        <div class="service-slide uk-position-relative">
124
          <div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
125
               class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-top" uk-grid>
126
            <div>
127
              <img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
128
            </div>
129
            <div>
130
              <div class="uk-width-4-5 uk-padding uk-padding-remove-right">
131
                <img [src]="'assets/common-assets/logo-small-' + portal.name + '.png'">
132
                <h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
133
                <div class="uk-margin-medium-top">
134
                  <a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
135
                    Learn More
136
                    <icon name="arrow_right" ratio="0.8" class="space"></icon>
137
                  </a>
138
                </div>
139
              </div>
140
            </div>
141
          </div>
142
        </div>
143
      </div>
144
    </div>
145
  </div>
146
  <div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
147
    <div class="uk-padding-small">
148
      <div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
149
        <div *ngFor="let portal of portals; let i=index;">
150
          <a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
151
              [src]="'assets/common-assets/logo-small-' + portal.name + '.png'"></a>
152
        </div>
153
      </div>
154
    </div>
155
  </div>
156
</div>
157
<div>
158
  <div class="uk-container uk-container-large uk-section">
159
    <div class="uk-padding-small">
160
      <h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
161
      <div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
162
        <div>
163
          <div class="uk-card uk-card-default uk-card-body">
164
            <div class="target">
165
              <h4 class="uk-text-center uk-margin-remove">Researchers</h4>
166
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
167
                of research</h6>
168
            </div>
169
            <hr>
170
            <ul class="uk-list target uk-text-small">
171
              <li>
172
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
173
                     uk-icon="check">
174
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
175
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
176
                  </svg>
177
                </div>
178
                Open Access versions
179
              </li>
180
              <li>
181
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
182
                     uk-icon="check">
183
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
184
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
185
                  </svg>
186
                </div>
187
                Navigation through publication, data and software
188
              </li>
189
              <li>
190
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
191
                     uk-icon="check">
192
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
193
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
194
                  </svg>
195
                </div>
196
                Discovery of data and software
197
              </li>
198
            </ul>
199
          </div>
200
        </div>
201
        <div>
202
          <div class="uk-card uk-card-default uk-card-body">
203
            <div class="target">
204
              <h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
205
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Contribute to and use the graph for new services</h6>
206
            </div>
207
            <hr>
208
            <ul class="uk-list target uk-text-small">
209
              <li>
210
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
211
                     uk-icon="check">
212
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
213
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
214
                  </svg>
215
                </div>
216
                Metadata and collections interoperable
217
              </li>
218
              <li>
219
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
220
                     uk-icon="check">
221
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
222
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
223
                  </svg>
224
                </div>
225
                Research Graph dump and APIs
226
              </li>
227
              <li>
228
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
229
                     uk-icon="check">
230
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
231
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
232
                  </svg>
233
                </div>
234
                New services
235
              </li>
236
            </ul>
237
          </div>
238
        </div>
239
        <div>
240
          <div class="uk-card uk-card-default uk-card-body">
241
            <div class="target">
242
              <h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
243
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
244
            </div>
245
            <hr>
246
            <ul class="uk-list target uk-text-small">
247
              <li>
248
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
249
                     uk-icon="check">
250
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
251
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
252
                  </svg>
253
                </div>
254
                Open Science trends
255
              </li>
256
              <li>
257
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
258
                     uk-icon="check">
259
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
260
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
261
                  </svg>
262
                </div>
263
                Compliance to funder mandates
264
              </li>
265
              <li>
266
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
267
                     uk-icon="check">
268
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
269
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
270
                  </svg>
271
                </div>
272
                Research Impact
273
              </li>
274
            </ul>
275
          </div>
276
        </div>
277
      </div>
278
    </div>
279
  </div>
280
</div>
281
<div>
282
  <div class="uk-section">
283
    <div class="uk-padding-small">
284
      <h2 class="uk-text-center">
285
        We believe in <span class="uk-text-bold">Numbers</span>
286
      </h2>
287
      <div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
288
        <div class="uk-grid uk-child-width-1-3@m">
289
          <div *ngIf="fundersSize">
290
            <h3 class="uk-text-secondary">
291
              <span class="uk-text-bold number"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
292
            </h3>
293
            <span class="uk-text-uppercase uk-text-large">Funders</span>
294
          </div>
295
          <div *ngIf="datasourcesSize">
296
            <h3 class="uk-text-secondary">
297
              <span class="uk-text-bold number"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
298
            </h3>
299
            <span class="uk-text-uppercase uk-text-large">Content providers</span>
300
          </div>
301
          <div *ngIf="projectsSize">
302
            <h3 class="uk-text-secondary">
303
              <span class="uk-text-bold number"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
304
            </h3>
305
            <span class="uk-text-uppercase uk-text-large">Projects</span>
306
          </div>
307
        </div>
308
      </div>
309
      <div class="numbers-background">
310
        <div class="uk-container uk-section">
311
          <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
312
            <div *ngIf="publicationsSize || softwareSize || datasetsSize"
313
                 class="uk-margin-medium-bottom uk-flex uk-flex-center">
314
              <div>
315
                <div *ngIf="publicationsSize">
316
                  <div class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </div>
317
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
318
                    <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
319
                    <span>publications</span>
320
                  </div>
321
                </div>
322
                <div *ngIf="softwareSize" class="uk-visible@m">
323
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
324
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
325
                    <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
326
                    <span>software</span>
327
                  </div>
328
                </div>
329
                <div *ngIf="datasetsSize" class="uk-hidden@m">
330
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
331
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
332
                    <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
333
                    <span>research data</span>
334
                  </div>
335
                </div>
336
              </div>
337
            </div>
338
            <div *ngIf="softwareSize || datasetsSize || otherSize"
339
                 class="uk-margin-medium-bottom uk-flex uk-flex-center">
340
              <div>
341
                <div *ngIf="softwareSize" class="uk-hidden@m">
342
                  <div class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </div>
343
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
344
                    <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
345
                    <span>software</span>
346
                  </div>
347
                </div>
348
                <div *ngIf="datasetsSize" class="uk-visible@m">
349
                  <div class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </div>
350
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
351
                    <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
352
                    <span>research data</span>
353
                  </div>
354
                </div>
355
                <div *ngIf="otherSize">
356
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
357
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
358
                    <icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
359
                    <span class="uk-hidden@m">other research<br>products</span>
360
                    <span class="uk-visible@m">other research products</span>
361
                  </div>
362
                </div>
363
              </div>
364
            </div>
365
          </div>
366
        </div>
367
      </div>
368
    </div>
369
  </div>
370
</div>
371
<div>
372
  <div class="uk-section uk-container">
373
    <div class="uk-padding-small">
374
      <h3 class="uk-text-center">Synergies</h3>
375
      <div class="uk-padding-large">
376
        <div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
377
             uk-grid>
378
          <div>
379
            <img src="assets/graph-assets/home/synergies/microsoft.png">
380
          </div>
381
          <div>
382
            <img src="assets/graph-assets/home/synergies/unpaywall.png">
383
          </div>
384
          <div>
385
            <img src="assets/graph-assets/home/synergies/orcid.png">
386
          </div>
387
          <div>
388
            <img src="assets/graph-assets/home/synergies/rda.png">
389
          </div>
390
        </div>
391
      </div>
392
    </div>
393
  </div>
394
</div>
(2-2/5)