413 lines
20 KiB
HTML
413 lines
20 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 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">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 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 class="explore-search">
|
||
<div class="uk-section uk-text-small uk-container uk-container-large">
|
||
<div class="uk-text-center uk-margin-large-top">
|
||
<img class="uk-width-medium" src="assets/common-assets/logo-large-explore.png">
|
||
<h2 class="uk-margin-remove-bottom">Discover the content of the graph with EXPLORE</h2>
|
||
<h6 class="uk-margin-top"><span class="portal-color">Explore</span> all open access <span class="portal-color">research outcomes</span>.</h6>
|
||
</div>
|
||
<div class="uk-flex uk-flex-center uk-margin-large-top uk-margin-xlarge-bottom">
|
||
<form class="uk-flex uk-flex-wrap">
|
||
<div class="uk-margin-small-top">
|
||
<entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
||
[properties]="properties" [onChangeNavigate]="false" [allEnable]="true"
|
||
(selectionChange)="entityChanged($event)"
|
||
></entities-selection>
|
||
</div>
|
||
<div class="uk-margin-small-top uk-width-expand">
|
||
<div class="uk-inline">
|
||
<a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''" uk-icon="icon: close"></a>
|
||
<input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"
|
||
placeholder="Search by title, author, doi, abstract, content..."
|
||
[(ngModel)]="keyword"
|
||
name="keyword">
|
||
</div>
|
||
<div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
|
||
<quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
|
||
[quickFilter]="resultsQuickFilter"
|
||
[properties]="properties">
|
||
</quick-selections>
|
||
</div>
|
||
</div>
|
||
<div class="uk-margin-small-top uk-width-1-1 uk-width-auto@m uk-text-center">
|
||
<button (click)="goTo()" type="submit" class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-text-bold uk-margin-small-left">
|
||
Search
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="uk-section uk-container uk-container-large">
|
||
<div class="uk-text-center">
|
||
<h2 class="uk-margin-remove-bottom">Use cases</h2>
|
||
<h6 class="uk-margin-small-top">Brief presentations of our success stories</h6>
|
||
</div>
|
||
<div class="uk-padding-small">
|
||
<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>
|
||
<div>
|
||
<div class="case">
|
||
<img src="assets/graph-assets/home/cases/open-maps.png">
|
||
</div>
|
||
<h4 class="uk-text-bold uk-text-center uk-margin-top">Open Knowledge maps</h4>
|
||
<div class="uk-text-justify">
|
||
VIPER, the Visual Project Explorer enables funders, institutions and researchers to systematically explore a
|
||
project’s output, and to understand its reception in different areas.
|
||
</div>
|
||
<div class="uk-text-center uk-margin-top">
|
||
<a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/viper-the-visual-project-explorer" target="_blank">
|
||
<span>Read More</span>
|
||
<icon name="arrow_right" class="uk-margin-small-left"></icon>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="case">
|
||
<img style="height: 100px" src="assets/graph-assets/home/cases/ec.png">
|
||
</div>
|
||
<h4 class="uk-text-bold uk-text-center uk-margin-top">European Commission</h4>
|
||
<div class="uk-text-justify">
|
||
The EC Participant Portal is using the OpenAIRE Graph to collect information about publications and
|
||
research data resulting from H2020 funded projects.
|
||
</div>
|
||
<div class="uk-text-center uk-margin-top">
|
||
<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">
|
||
<span>Read More</span>
|
||
<icon name="arrow_right" class="uk-margin-small-left"></icon>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="case">
|
||
<img src="assets/graph-assets/home/cases/orcid.png">
|
||
</div>
|
||
<h4 class="uk-text-bold uk-text-center uk-margin-top">ORCID</h4>
|
||
<div class="uk-text-justify">
|
||
ORCID data is used to enrich the research product records of the OpenAIRE Graph. Through EXPLORE,
|
||
ORCID users can instantly identify their works, enrich the OpenAIRE Graph and their ORCID profiles.
|
||
</div>
|
||
<div class="uk-text-center uk-margin-top">
|
||
<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">
|
||
<span>Read More</span>
|
||
<icon name="arrow_right" class="uk-margin-small-left"></icon>
|
||
</a>
|
||
</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>OpenAIRE Graph is used in OpenAIRE 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 research 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 research 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>
|
||
OpenAIRE 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>
|
||
<div class="uk-section">
|
||
<div class="uk-padding-small">
|
||
<h2 class="uk-text-center uk-margin-medium-bottom">We believe in <span class="uk-text-bold">Numbers</span></h2>
|
||
<numbers backgroundClass="numbers-background" colorClass="uk-text-secondary" externalLink="https://explore.openaire.eu"></numbers>
|
||
</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>
|