monitor/src/app/learn-how/learn-how.component.html

207 lines
9.2 KiB
HTML

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld>
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom">
<div class="uk-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<div class="uk-section uk-padding-remove-top uk-container uk-container-large">
<div class="uk-grid uk-grid-medium uk-padding-small" uk-grid>
<div class="uk-width-2-3@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<h1>Learn the process<span class="uk-text-primary">.</span></h1>
<div class="uk-text-large uk-width-2-3@s">
Use the Monitor Dashboard to view your research <br> results, open science.
</div>
</div>
<div class="uk-width-1-3@m uk-width-1-1@s uk-text-center">
<img src="../../assets/monitor-assets/about/hero-img.png">
</div>
</div>
</div>
<div class="uk-section uk-padding-remove-top uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-grid uk-grid-large uk-child-width-1-3 uk-padding-small" uk-grid>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">0</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
Starting from the OpenAIRE <br> RESEARCH GRAPH
</div>
<div>
OpenAIRE Research Graph aggregates a collection of research data properties for funders, organizations, researchers, research communities and publishers to interlink information by using a semantic graph database approach.
</div>
</div>
</div>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">1</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
Provide us some information
</div>
<div>
You give us some simple (meta)data related to your organization function: e.g., funding database, repositories, related projects, registry of people… All under confidential agreements.
</div>
</div>
</div>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">2</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
We get the ball rolling
</div>
<div>
We ingest your data in our system and start the work: we clean and normalize your data, we identify and extract related information, we infer links. We refine until we are happy of the results and present to you.
</div>
</div>
</div>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">3</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You validate
</div>
<div>
After the first iteration you examine our results to ensure you are satisfied with what you see. As numbers are important, we advise you to take your time and tell us of any deviations. We correct, you check, you approve.
</div>
</div>
</div>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">4</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You set up your portal
</div>
<div>
Using our admin panel you set up your portal. You decide what metrics are of interest to you (full documentation available). You decide what you want to publish, what to keep private, what to share with colleagues.
</div>
</div>
</div>
<div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-icon-bg-shadow uk-margin-bottom">
<h4 class="uk-text-primary-gradient uk-margin-remove">5</h4>
</div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You track, monitor, report
</div>
<div>
Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are notified about new metrics and indicators as we keep on enriching the OpenAIRE Research Graph and you may add them as they come along.
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-h6 uk-text-primary">Inclusion, transparency, quality, state of the art technology.</div>
<h2 class="uk-h1 uk-margin-remove-top uk-margin-medium-bottom">Simplify research <br> tracking & monitoring.</h2>
<div class="uk-padding-large">
<how></how>
</div>
</div>
<!-- Old about page -->
<!-- <div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<div class="uk-flex uk-flex-center">
<div class="uk-text-center uk-width-2-5@m uk-width-2-3@s">
<h1 class="uk-h2">Learn the process</h1>
<h6 class="uk-text-muted uk-margin-remove">
Use the Monitor Dashboard to view your research results, open science…
</h6>
</div>
</div>
<div class="process uk-margin-large-top">
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
<div class="zero">
<div class="uk-text-center">
<img width="90" src="../../assets/monitor-assets/about/process/0.png">
</div>
<h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6>
<div class="uk-text-small uk-text-muted">
<a class="uk-link" href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a> aggregates
a collection of research data properties for funders, organizations,
researchers, research communities and publishers to interlink information by using a semantic graph
database approach.
</div>
</div>
<div class="first">
<div class="uk-text-center">
<img width="110" src="../../assets/monitor-assets/about/process/1.png">
</div>
<h6>1. Provide us some information</h6>
<div class="uk-text-small uk-text-muted">
You give us some simple (meta)data related to your organization function: e.g., funding database,
repositories, related projects, registry of people… All under confidential agreements.
</div>
</div>
<div class="second">
<div class="uk-text-center">
<img width="100" src="../../assets/monitor-assets/about/process/2.png">
</div>
<h6>2. We get the ball rolling</h6>
<div class="uk-text-small uk-text-muted">
We ingest your data in our system and start the work: we clean and normalize your data, we identify and
extract related information, we infer links. We refine until we are happy of the results and present to
you.
</div>
</div>
</div>
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
<div class="third uk-flex-last@s">
<div class="uk-text-center">
<img width="105" src="../../assets/monitor-assets/about/process/3.png">
</div>
<h6>3. You validate</h6>
<div class="uk-text-small uk-text-muted">
After the first iteration you examine our results to ensure you are satisfied with what you see. As
numbers are important, we advise you to take your time and tell us of any deviations. We correct, you
check, you approve.
</div>
</div>
<div class="fourth">
<div class="uk-text-center">
<img width="135" src="../../assets/monitor-assets/about/process/4.png">
</div>
<h6>4. You set up your portal</h6>
<div class="uk-text-small uk-text-muted">
Using our admin panel you set up your portal. You decide what metrics are of interest to you (full
documentation available). You decide what you want to publish, what to keep private, what to share with
colleagues.
</div>
</div>
<div class="fifth uk-flex-first@s">
<div class="uk-text-center">
<img width="105" src="../../assets/monitor-assets/about/process/5.png">
</div>
<h6>5. You track, monitor, report</h6>
<div class="uk-text-small uk-text-muted">
Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are
notified about new metrics and indicators as we keep on enriching the OpenAIRE Research Graph and you may
add them as they come along.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<div class="uk-text-center">
<h2>See how it works</h2>
<h6 class="uk-text-muted uk-margin-remove">
Simplify research tracking & monitoring
</h6>
</div>
<div class="uk-margin-large-top">
<how></how>
</div>
</div>
</div> -->