395 lines
19 KiB
HTML
395 lines
19 KiB
HTML
<div class="image-front-topbar" style="background: linear-gradient(180deg, #F4F4F4 0%, #F5F5F5 83%, #FAFAFA 100%)">
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<div class="uk-padding-small">
|
|
<h1>Open. Transparent. Interconnected.</h1>
|
|
<div class="uk-grid uk-grid-small uk-flex uk-margin-medium-top uk-child-width-1-2@m uk-flex-bottom" uk-grid>
|
|
<div>
|
|
<p>
|
|
OpenAIRE Research Graph is an open resource that aggregates a <span class="portal-color">collection of research data properties</span>
|
|
(metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations,
|
|
researchers, research communities and publishers to interlink information by using a semantic graph database
|
|
approach.
|
|
</p>
|
|
<a class="uk-button portal-button uk-margin-medium-top" routerLink="/about">Learn more</a>
|
|
</div>
|
|
<div class="uk-flex uk-flex-right uk-padding-large uk-padding-remove-bottom">
|
|
<img src="assets/graph-assets/home/1.svg" style="transform: rotateY(180deg);" class="uk-width-4-5@m">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<div class="uk-padding-small">
|
|
<h2 class="uk-text-center"><span class="portal-color">How</span> it works</h2>
|
|
<div class="how-first uk-margin-large-top">
|
|
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
|
|
<div
|
|
class="uk-padding-large uk-padding-remove-vertical uk-flex-last@m uk-margin-large-bottom uk-margin-medium-top">
|
|
<h3 class="uk-text-bold uk-margin-large-left">360° View on linked open science<span
|
|
class="portal-color">.</span></h3>
|
|
</div>
|
|
<div>
|
|
<img src="assets/graph-assets/home/2.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<div class="how-second uk-padding-small uk-margin-large-top">
|
|
<div class="uk-grid" uk-grid>
|
|
<div class="uk-margin-large-top uk-margin-large-bottom uk-width-expand">
|
|
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">From open and authoritative sources around
|
|
the globe<span class="portal-color">.</span></h3>
|
|
</div>
|
|
<div class="uk-width-3-5@m uk-margin-bottom">
|
|
<img src="assets/graph-assets/home/3.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-section uk-container uk-container-large">
|
|
<div class="uk-padding-small">
|
|
<h2 class="uk-text-center uk-margin-remove-bottom"><span class="portal-color">Why</span> OpenAIRE Research Graph
|
|
</h2>
|
|
<h6 class="uk-text-center uk-text-normal uk-margin-small-top">Unlock the power of open science data</h6>
|
|
<div class="uk-margin-medium-top">
|
|
<div class="uk-grid why uk-child-width-1-2@m" uk-grid>
|
|
<div>
|
|
<div class="uk-width-3-4@m">
|
|
<h6 class="portal-color">Open and transparent</h6>
|
|
<div class="uk-text-light">
|
|
It is available for download and re-use as CC-BY (due to some input sources whose
|
|
license is CC-BY); parts of the graphs can be re-used as CC-0; provenance is tracked at the level of the
|
|
records and, when these are the result of full-text mining, of the properties (provenance also includes
|
|
an indicator of trust, in the range [0..1]).
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-flex uk-flex-right">
|
|
<div class="uk-width-3-4@m">
|
|
<h6 class="portal-color">Decentralized and interoperable</h6>
|
|
<div class="uk-text-light">
|
|
Metadata and links are collected from data
|
|
sources, such as institutional/data/software repositories, publishers, registries, and re-distributed to
|
|
such sources via brokering services.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-hidden@m">
|
|
<h6 class="portal-color">Intelligent linking</h6>
|
|
<div class="uk-text-light">
|
|
Abstracts, full-texts of Open Access publications and links
|
|
are processed by several algorithms that infer new links and enrich the graph.
|
|
</div>
|
|
</div>
|
|
<div class="uk-padding-large uk-visible@m">
|
|
<h6 class="portal-color">Intelligent linking</h6>
|
|
<div class="uk-text-light">
|
|
Abstracts, full-texts of Open Access publications and links
|
|
are processed by several algorithms that infer new links and enrich the graph.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-flex uk-flex-right">
|
|
<div class="uk-hidden@m">
|
|
<h6 class="portal-color">Embedded metrics</h6>
|
|
<div class="uk-text-light">
|
|
Powers up calculation of advanced statistics and metrics about Open Science and research impact.
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-3-4 uk-visible@m uk-padding uk-padding-remove-right">
|
|
<h6 class="portal-color">Embedded metrics</h6>
|
|
<div class="uk-text-light">
|
|
Powers up calculation of advanced statistics and metrics about Open Science and research impact.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="services">
|
|
<div class="uk-section uk-container uk-container-large">
|
|
<div class="uk-padding-small">
|
|
<h2>Products & Services</h2>
|
|
<div class="service-slide uk-position-relative">
|
|
<div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
|
|
class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-top" uk-grid>
|
|
<div>
|
|
<img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
|
|
</div>
|
|
<div>
|
|
<div class="uk-width-4-5 uk-padding uk-padding-remove-right">
|
|
<img [src]="'assets/common-assets/logo-small-' + portal.name + '.png'">
|
|
<h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
|
|
<div class="uk-margin-medium-top">
|
|
<a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
|
|
Learn More
|
|
<icon name="arrow_right" ratio="0.8" class="space"></icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
|
|
<div class="uk-padding-small">
|
|
<div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
|
|
<div *ngFor="let portal of portals; let i=index;">
|
|
<a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
|
|
[src]="'assets/common-assets/logo-small-' + portal.name + '.png'"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<div class="uk-padding-small">
|
|
<h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
|
|
<div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
|
|
<div>
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<div class="target">
|
|
<h4 class="uk-text-center uk-margin-remove">Researchers</h4>
|
|
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
|
|
of research</h6>
|
|
</div>
|
|
<hr>
|
|
<ul class="uk-list target uk-text-small">
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Open Access versions
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Navigation through publication, data and software
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Discovery of data and software
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<div class="target">
|
|
<h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
|
|
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Contribute to and use the graph for new services</h6>
|
|
</div>
|
|
<hr>
|
|
<ul class="uk-list target uk-text-small">
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Metadata and collections interoperable
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Research Graph dump and APIs
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
New services
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<div class="target">
|
|
<h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
|
|
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
|
|
</div>
|
|
<hr>
|
|
<ul class="uk-list target uk-text-small">
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Open Science trends
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Compliance to funder mandates
|
|
</li>
|
|
<li>
|
|
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
|
uk-icon="check">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
|
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
|
</svg>
|
|
</div>
|
|
Research Impact
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="numbers">
|
|
<div class="uk-section">
|
|
<div class="uk-padding-small">
|
|
<h2 class="uk-text-center">
|
|
We believe in <span class="uk-text-bold">Numbers</span>
|
|
</h2>
|
|
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
|
|
<div class="uk-grid uk-child-width-1-3@m">
|
|
<div *ngIf="fundersSize">
|
|
<h3 class="uk-text-secondary">
|
|
<span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
|
|
</h3>
|
|
<span class="uk-text-uppercase uk-text-large">Funders</span>
|
|
</div>
|
|
<div *ngIf="datasourcesSize">
|
|
<h3 class="uk-text-secondary">
|
|
<span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
|
|
</h3>
|
|
<span class="uk-text-uppercase uk-text-large">Content providers</span>
|
|
</div>
|
|
<div *ngIf="projectsSize">
|
|
<h3 class="uk-text-secondary">
|
|
<span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
|
|
</h3>
|
|
<span class="uk-text-uppercase uk-text-large">Projects</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="numbers-background">
|
|
<div class="uk-container uk-section">
|
|
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
|
|
<div *ngIf="publicationsSize || softwareSize || datasetsSize"
|
|
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
|
<div>
|
|
<div *ngIf="publicationsSize">
|
|
<div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span>publications</span>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="softwareSize" class="uk-visible@m">
|
|
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span>software</span>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="datasetsSize" class="uk-hidden@m">
|
|
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span>research data</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="softwareSize || datasetsSize || otherSize"
|
|
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
|
<div>
|
|
<div *ngIf="softwareSize" class="uk-hidden@m">
|
|
<div class="emphasis uk-margin-bottom">{{softwareSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span>software</span>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="datasetsSize" class="uk-visible@m">
|
|
<div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span>research data</span>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="otherSize">
|
|
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
|
|
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
|
<icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="uk-text-secondary"></icon>
|
|
<span class="uk-hidden@m">other research<br>products</span>
|
|
<span class="uk-visible@m">other research products</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-section uk-container">
|
|
<div class="uk-padding-small">
|
|
<h3 class="uk-text-center">Synergies</h3>
|
|
<div class="uk-padding-large">
|
|
<div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
|
|
uk-grid>
|
|
<div>
|
|
<img src="assets/graph-assets/home/synergies/microsoft.png">
|
|
</div>
|
|
<div>
|
|
<img src="assets/graph-assets/home/synergies/unpaywall.png">
|
|
</div>
|
|
<div>
|
|
<img src="assets/graph-assets/home/synergies/orcid.png">
|
|
</div>
|
|
<div>
|
|
<img src="assets/graph-assets/home/synergies/rda.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|