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
  Explore
120
</div>
121
<div id="cases">
122
  <div class="uk-section uk-container uk-container-large">
123
    <div class="uk-padding-small">
124
      <div class="uk-text-center">
125
        <h2 class="uk-margin-remove-bottom">Use Cases</h2>
126
        <h6 class="uk-margin-small-top">Brief presentations of our success stories</h6>
127
      </div>
128
      <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-1" uk-grid>
129
        <div class="">
130

    
131
        </div>
132
      </div>
133
    </div>
134
  </div>
135
</div>
136
<div>
137
  <div class="services">
138
    <div class="uk-section uk-container uk-container-large">
139
      <div class="uk-padding-small">
140
        <h2>Products & Services</h2>
141
        <div class="service-slide uk-position-relative">
142
          <div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
143
               class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-top" uk-grid>
144
            <div>
145
              <img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
146
            </div>
147
            <div>
148
              <div class="uk-width-4-5 uk-padding uk-padding-remove-right">
149
                <img [src]="'assets/common-assets/logo-small-' + portal.name + '.png'">
150
                <h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
151
                <div class="uk-margin-medium-top">
152
                  <a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
153
                    Learn More
154
                    <icon name="arrow_right" ratio="0.8" class="space"></icon>
155
                  </a>
156
                </div>
157
              </div>
158
            </div>
159
          </div>
160
        </div>
161
      </div>
162
    </div>
163
  </div>
164
  <div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
165
    <div class="uk-padding-small">
166
      <div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
167
        <div *ngFor="let portal of portals; let i=index;">
168
          <a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
169
              [src]="'assets/common-assets/logo-small-' + portal.name + '.png'"></a>
170
        </div>
171
      </div>
172
    </div>
173
  </div>
174
</div>
175
<div>
176
  <div class="uk-container uk-container-large uk-section">
177
    <div class="uk-padding-small">
178
      <h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
179
      <div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
180
        <div>
181
          <div class="uk-card uk-card-default uk-card-body">
182
            <div class="target">
183
              <h4 class="uk-text-center uk-margin-remove">Researchers</h4>
184
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
185
                of research</h6>
186
            </div>
187
            <hr>
188
            <ul class="uk-list target uk-text-small">
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
                Open Access versions
197
              </li>
198
              <li>
199
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
200
                     uk-icon="check">
201
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
202
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
203
                  </svg>
204
                </div>
205
                Navigation through publication, data and software
206
              </li>
207
              <li>
208
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
209
                     uk-icon="check">
210
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
211
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
212
                  </svg>
213
                </div>
214
                Discovery of data and software
215
              </li>
216
            </ul>
217
          </div>
218
        </div>
219
        <div>
220
          <div class="uk-card uk-card-default uk-card-body">
221
            <div class="target">
222
              <h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
223
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Contribute to and use the graph for
224
                new services</h6>
225
            </div>
226
            <hr>
227
            <ul class="uk-list target uk-text-small">
228
              <li>
229
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
230
                     uk-icon="check">
231
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
232
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
233
                  </svg>
234
                </div>
235
                Metadata and collections interoperable
236
              </li>
237
              <li>
238
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
239
                     uk-icon="check">
240
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
241
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
242
                  </svg>
243
                </div>
244
                Research Graph dump and APIs
245
              </li>
246
              <li>
247
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
248
                     uk-icon="check">
249
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
250
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
251
                  </svg>
252
                </div>
253
                New services
254
              </li>
255
            </ul>
256
          </div>
257
        </div>
258
        <div>
259
          <div class="uk-card uk-card-default uk-card-body">
260
            <div class="target">
261
              <h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
262
              <h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
263
            </div>
264
            <hr>
265
            <ul class="uk-list target uk-text-small">
266
              <li>
267
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
268
                     uk-icon="check">
269
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
270
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
271
                  </svg>
272
                </div>
273
                Open Science trends
274
              </li>
275
              <li>
276
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
277
                     uk-icon="check">
278
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
279
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
280
                  </svg>
281
                </div>
282
                Compliance to funder mandates
283
              </li>
284
              <li>
285
                <div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
286
                     uk-icon="check">
287
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
288
                    <polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
289
                  </svg>
290
                </div>
291
                Research Impact
292
              </li>
293
            </ul>
294
          </div>
295
        </div>
296
      </div>
297
    </div>
298
  </div>
299
</div>
300
<div>
301
  <div class="uk-section">
302
    <div class="uk-padding-small">
303
      <h2 class="uk-text-center">
304
        We believe in <span class="uk-text-bold">Numbers</span>
305
      </h2>
306
      <numbers></numbers>
307
    </div>
308
  </div>
309
</div>
310
<div>
311
  <div class="uk-section uk-container">
312
    <div class="uk-padding-small">
313
      <h3 class="uk-text-center">Synergies</h3>
314
      <div class="uk-padding-large">
315
        <div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
316
             uk-grid>
317
          <div>
318
            <img src="assets/graph-assets/home/synergies/microsoft.png">
319
          </div>
320
          <div>
321
            <img src="assets/graph-assets/home/synergies/unpaywall.png">
322
          </div>
323
          <div>
324
            <img src="assets/graph-assets/home/synergies/orcid.png">
325
          </div>
326
          <div>
327
            <img src="assets/graph-assets/home/synergies/rda.png">
328
          </div>
329
        </div>
330
      </div>
331
    </div>
332
  </div>
333
</div>
(2-2/5)