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 id="explore" class="explore">
119
  <div class="uk-section uk-text-small uk-container uk-container-large">
120
    <div class="uk-text-center uk-margin-large-top">
121
      <img class="uk-width-medium" src="assets/common-assets/logo-large-explore.png">
122
      <h2 class="uk-margin-remove-bottom">Discover the content of the graph with EXPLORE</h2>
123
      <h6 class="uk-margin-top"><span class="portal-color">Explore</span> all open access <span class="portal-color">research outcomes</span>.</h6>
124
    </div>
125
    <div class="uk-flex uk-flex-center uk-margin-large-top uk-margin-xlarge-bottom">
126
      <form class="uk-flex uk-flex-wrap">
127
        <div class="uk-margin-small-top">
128
          <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
129
                              [properties]="properties" [onChangeNavigate]="false" [allEnable]="true"
130
                              (selectionChange)="entityChanged($event)"
131
          ></entities-selection>
132
        </div>
133
        <div class="uk-margin-small-top uk-width-expand">
134
          <div class="uk-inline">
135
            <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''" uk-icon="icon: close"></a>
136
            <input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"
137
                   placeholder="Search by title, author, doi, abstract, content..."
138
                   [(ngModel)]="keyword"
139
                   name="keyword">
140
          </div>
141
          <div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
142
            <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
143
                              [quickFilter]="resultsQuickFilter"
144
                              [properties]="properties">
145
            </quick-selections>
146
          </div>
147
        </div>
148
        <div class="uk-margin-small-top">
149
          <button (click)="goTo()" type="submit" class="uk-button portal-button uk-text-bold uk-margin-small-left">
150
            Search
151
          </button>
152
        </div>
153
        </form>
154
    </div>
155
  </div>
156
</div>
157
<div>
158
  <div class="uk-section uk-container uk-container-large">
159
    <div class="uk-text-center">
160
      <h2 class="uk-margin-remove-bottom">Use Cases</h2>
161
      <h6 class="uk-margin-small-top">Brief presentations of our success stories</h6>
162
    </div>
163
    <div class="uk-padding-small">
164
      <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-1 uk-margin-large-top" uk-height-match="target: .uk-text-justify" uk-grid>
165
        <div>
166
          <div class="case">
167
            <img src="assets/graph-assets/home/cases/open-maps.png">
168
          </div>
169
          <h4 class="uk-text-bold uk-text-center uk-margin-top">Open Knowledge maps</h4>
170
          <div class="uk-text-justify">
171
            VIPER, the Visual Project Explorer enables funders, institutions and researchers to systematically explore a
172
            project’s output, and to understand its reception in different areas.
173
          </div>
174
          <div class="uk-text-center uk-margin-top">
175
            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/viper-the-visual-project-explorer" target="_blank">
176
              <span>Read More</span>
177
              <icon name="arrow_right" class="uk-margin-small-left"></icon>
178
            </a>
179
          </div>
180
        </div>
181
        <div>
182
          <div class="case">
183
            <img src="assets/graph-assets/home/cases/ec.png">
184
          </div>
185
          <h4 class="uk-text-bold uk-text-center uk-margin-top">European Commission</h4>
186
          <div class="uk-text-justify">
187
            The EC Participant Portal is using the OpenAIRE Research Graph to collect information about publications and
188
            datasets resulting from H2020 funded projects.
189
          </div>
190
          <div class="uk-text-center uk-margin-top">
191
            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/reporting-research-outputs-to-the-ec-using-the-openaire-api" target="_blank">
192
              <span>Read More</span>
193
              <icon name="arrow_right" class="uk-margin-small-left"></icon>
194
            </a>
195
          </div>
196
        </div>
197
        <div>
198
          <div class="case">
199
            <img src="assets/graph-assets/home/cases/orcid.png">
200
          </div>
201
          <h4 class="uk-text-bold uk-text-center uk-margin-top">ORCID</h4>
202
          <div class="uk-text-justify">
203
            ORCID data is used to enrich the research product records of the OpenAIRE Research Graph. Through EXPLORE,
204
            ORCID users can instantly identify their works, enrich the OpenAIRE Research Graph and their ORCID profiles.
205
          </div>
206
          <div class="uk-text-center uk-margin-top">
207
            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/openaire-explore-integration-with-the-orcid-search-and-link-wizard" target="_blank">
208
              <span>Read More</span>
209
              <icon name="arrow_right" class="uk-margin-small-left"></icon>
210
            </a>
211
          </div>
212
        </div>
213
      </div>
214
    </div>
215
  </div>
216
</div>
217
<div>
218
  <div class="services">
219
    <div class="uk-section uk-container uk-container-large">
220
      <div class="uk-padding-small">
221
        <h2>Products & Services</h2>
222
        <div class="service-slide uk-position-relative">
223
          <div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
224
               class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-top" uk-grid>
225
            <div>
226
              <img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
227
            </div>
228
            <div>
229
              <div class="uk-width-4-5 uk-padding uk-padding-remove-right">
230
                <img [src]="'assets/common-assets/logo-small-' + portal.name + '.png'">
231
                <h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
232
                <div class="uk-margin-medium-top">
233
                  <a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
234
                    Learn More
235
                    <icon name="arrow_right" ratio="0.8" class="space"></icon>
236
                  </a>
237
                </div>
238
              </div>
239
            </div>
240
          </div>
241
        </div>
242
      </div>
243
    </div>
244
  </div>
245
  <div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
246
    <div class="uk-padding-small">
247
      <div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
248
        <div *ngFor="let portal of portals; let i=index;">
249
          <a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
250
              [src]="'assets/common-assets/logo-small-' + portal.name + '.png'"></a>
251
        </div>
252
      </div>
253
    </div>
254
  </div>
255
</div>
256
<div>
257
  <div class="uk-container uk-container-large uk-section">
258
    <div class="uk-padding-small">
259
      <h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
260
      <div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
261
        <div>
262
          <div class="uk-card uk-card-default uk-card-body">
263
            <div class="target">
264
              <h4 class="uk-text-center uk-margin-remove">Researchers</h4>
265
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
266
                of research</h6>
267
            </div>
268
            <hr>
269
            <ul class="uk-list target uk-text-small">
270
              <li>
271
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
272
                     uk-icon="check">
273
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
274
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
275
                  </svg>
276
                </div>
277
                Open Access versions
278
              </li>
279
              <li>
280
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
281
                     uk-icon="check">
282
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
283
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
284
                  </svg>
285
                </div>
286
                Navigation through publication, data and software
287
              </li>
288
              <li>
289
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
290
                     uk-icon="check">
291
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
292
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
293
                  </svg>
294
                </div>
295
                Discovery of data and software
296
              </li>
297
            </ul>
298
          </div>
299
        </div>
300
        <div>
301
          <div class="uk-card uk-card-default uk-card-body">
302
            <div class="target">
303
              <h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
304
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Contribute to and use the graph for
305
                new services</h6>
306
            </div>
307
            <hr>
308
            <ul class="uk-list target uk-text-small">
309
              <li>
310
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
311
                     uk-icon="check">
312
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
313
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
314
                  </svg>
315
                </div>
316
                Metadata and collections interoperable
317
              </li>
318
              <li>
319
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
320
                     uk-icon="check">
321
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
322
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
323
                  </svg>
324
                </div>
325
                Research Graph dump and APIs
326
              </li>
327
              <li>
328
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
329
                     uk-icon="check">
330
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
331
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
332
                  </svg>
333
                </div>
334
                New services
335
              </li>
336
            </ul>
337
          </div>
338
        </div>
339
        <div>
340
          <div class="uk-card uk-card-default uk-card-body">
341
            <div class="target">
342
              <h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
343
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
344
            </div>
345
            <hr>
346
            <ul class="uk-list target uk-text-small">
347
              <li>
348
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
349
                     uk-icon="check">
350
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
351
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
352
                  </svg>
353
                </div>
354
                Open Science trends
355
              </li>
356
              <li>
357
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
358
                     uk-icon="check">
359
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
360
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
361
                  </svg>
362
                </div>
363
                Compliance to funder mandates
364
              </li>
365
              <li>
366
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
367
                     uk-icon="check">
368
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
369
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
370
                  </svg>
371
                </div>
372
                Research Impact
373
              </li>
374
            </ul>
375
          </div>
376
        </div>
377
      </div>
378
    </div>
379
  </div>
380
</div>
381
<div>
382
  <div class="uk-section">
383
    <div class="uk-padding-small">
384
      <h2 class="uk-text-center">
385
        We believe in <span class="uk-text-bold">Numbers</span>
386
      </h2>
387
      <numbers></numbers>
388
    </div>
389
  </div>
390
</div>
391
<div>
392
  <div class="uk-section uk-container">
393
    <div class="uk-padding-small">
394
      <h3 class="uk-text-center">Synergies</h3>
395
      <div class="uk-padding-large">
396
        <div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
397
             uk-grid>
398
          <div>
399
            <img src="assets/graph-assets/home/synergies/microsoft.png">
400
          </div>
401
          <div>
402
            <img src="assets/graph-assets/home/synergies/unpaywall.png">
403
          </div>
404
          <div>
405
            <img src="assets/graph-assets/home/synergies/orcid.png">
406
          </div>
407
          <div>
408
            <img src="assets/graph-assets/home/synergies/rda.png">
409
          </div>
410
        </div>
411
      </div>
412
    </div>
413
  </div>
414
</div>
(2-2/5)