Project

General

Profile

1 59685 k.triantaf
<div class="image-front-topbar" style="background: linear-gradient(180deg, #F4F4F4 0%, #F5F5F5 83%, #FAFAFA 100%)">
2 59525 k.triantaf
  <div class="uk-container uk-container-large uk-section">
3 59546 k.triantaf
    <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 59525 k.triantaf
      </div>
19
    </div>
20
  </div>
21
</div>
22 59546 k.triantaf
<div>
23 59525 k.triantaf
  <div class="uk-container uk-container-large uk-section">
24 59546 k.triantaf
    <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 59685 k.triantaf
            <h3 class="uk-text-bold uk-margin-large-left">360° View on linked open science<span
31 59546 k.triantaf
                class="portal-color">.</span></h3>
32
          </div>
33
          <div>
34
            <img src="assets/graph-assets/home/2.png">
35
          </div>
36 59525 k.triantaf
        </div>
37
      </div>
38
    </div>
39
  </div>
40
  <div class="uk-container uk-container-large uk-section">
41 59546 k.triantaf
    <div class="how-second uk-padding-small uk-margin-large-top">
42 59525 k.triantaf
      <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 59513 k.triantaf
        </div>
47 59525 k.triantaf
        <div class="uk-width-3-5@m uk-margin-bottom">
48
          <img src="assets/graph-assets/home/3.png">
49
        </div>
50 59507 konstantin
      </div>
51
    </div>
52
  </div>
53 59525 k.triantaf
</div>
54 59546 k.triantaf
<div>
55 59525 k.triantaf
  <div class="uk-section uk-container uk-container-large">
56 59546 k.triantaf
    <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 59525 k.triantaf
            </div>
72 59513 k.triantaf
          </div>
73 59546 k.triantaf
          <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 59525 k.triantaf
            </div>
82 59513 k.triantaf
          </div>
83 59546 k.triantaf
          <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 59525 k.triantaf
            </div>
91 59546 k.triantaf
            <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 59525 k.triantaf
            </div>
98
          </div>
99 59546 k.triantaf
          <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 59525 k.triantaf
            </div>
106 59546 k.triantaf
            <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 59525 k.triantaf
            </div>
112
          </div>
113
        </div>
114 59513 k.triantaf
      </div>
115
    </div>
116 59525 k.triantaf
  </div>
117
</div>
118 59546 k.triantaf
<div>
119 59525 k.triantaf
  <div class="services">
120
    <div class="uk-section uk-container uk-container-large">
121 59546 k.triantaf
      <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 59568 k.triantaf
                    <icon name="arrow_right" ratio="0.8" class="space"></icon>
137 59546 k.triantaf
                  </a>
138
                </div>
139 59525 k.triantaf
              </div>
140
            </div>
141 59513 k.triantaf
          </div>
142 59507 konstantin
        </div>
143
      </div>
144 59513 k.triantaf
    </div>
145
  </div>
146 59525 k.triantaf
  <div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
147 59546 k.triantaf
    <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 59525 k.triantaf
      </div>
154
    </div>
155
  </div>
156
</div>
157 59546 k.triantaf
<div>
158 59525 k.triantaf
  <div class="uk-container uk-container-large uk-section">
159 59546 k.triantaf
    <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 59513 k.triantaf
          </div>
200 59525 k.triantaf
        </div>
201 59546 k.triantaf
        <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 59513 k.triantaf
          </div>
238 59525 k.triantaf
        </div>
239 59546 k.triantaf
        <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 59513 k.triantaf
          </div>
276 59507 konstantin
        </div>
277 59513 k.triantaf
      </div>
278 59525 k.triantaf
    </div>
279
  </div>
280
</div>
281 59686 k.triantaf
<div>
282 59525 k.triantaf
  <div class="uk-section">
283 59546 k.triantaf
    <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 59686 k.triantaf
              <span class="uk-text-bold number"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
292 59546 k.triantaf
            </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 59686 k.triantaf
              <span class="uk-text-bold number"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
298 59546 k.triantaf
            </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 59686 k.triantaf
              <span class="uk-text-bold number"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
304 59546 k.triantaf
            </h3>
305
            <span class="uk-text-uppercase uk-text-large">Projects</span>
306
          </div>
307 59525 k.triantaf
        </div>
308
      </div>
309 59546 k.triantaf
      <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 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </div>
317 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
318 59565 k.triantaf
                    <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
319
                    <span>publications</span>
320 59546 k.triantaf
                  </div>
321 59513 k.triantaf
                </div>
322 59546 k.triantaf
                <div *ngIf="softwareSize" class="uk-visible@m">
323 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
324 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
325 59565 k.triantaf
                    <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
326
                    <span>software</span>
327 59546 k.triantaf
                  </div>
328 59513 k.triantaf
                </div>
329 59546 k.triantaf
                <div *ngIf="datasetsSize" class="uk-hidden@m">
330 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
331 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
332 59565 k.triantaf
                    <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
333
                    <span>research data</span>
334 59546 k.triantaf
                  </div>
335 59525 k.triantaf
                </div>
336
              </div>
337 59513 k.triantaf
            </div>
338 59546 k.triantaf
            <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 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </div>
343 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
344 59565 k.triantaf
                    <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
345
                    <span>software</span>
346 59546 k.triantaf
                  </div>
347 59513 k.triantaf
                </div>
348 59546 k.triantaf
                <div *ngIf="datasetsSize" class="uk-visible@m">
349 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </div>
350 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
351 59565 k.triantaf
                    <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
352
                    <span>research data</span>
353 59546 k.triantaf
                  </div>
354 59513 k.triantaf
                </div>
355 59546 k.triantaf
                <div *ngIf="otherSize">
356 59686 k.triantaf
                  <div class="number uk-text-bold uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
357 59546 k.triantaf
                  <div class="uk-text-uppercase uk-flex uk-flex-middle">
358 59565 k.triantaf
                    <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 59546 k.triantaf
                  </div>
362 59525 k.triantaf
                </div>
363
              </div>
364 59513 k.triantaf
            </div>
365
          </div>
366 59507 konstantin
        </div>
367
      </div>
368
    </div>
369
  </div>
370
</div>
371 59546 k.triantaf
<div>
372 59525 k.triantaf
  <div class="uk-section uk-container">
373 59546 k.triantaf
    <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 59525 k.triantaf
        </div>
391
      </div>
392
    </div>
393
  </div>
394
</div>