usage-counts/src/app/home/home.component.html

150 lines
6.8 KiB
HTML

<ng-template #first>
<div class="uk-container uk-section first">
<div class="uk-grid uk-flex uk-flex-top" uk-grid>
<div class="uk-width-2-3@m">
<h1 class="uk-text-bold">UsageCounts Service by <span class="uk-text-primary">OpenAIRE</span></h1>
<div class="uk-margin-medium-top uk-margin-medium-bottom">
UsageCounts service collects usage data from repositories, journals and other scientific data sources,
aggregates them and delivers standardized activity reports about research usage and uptake. It complements
existing citation mechanisms and assists institutional repository managers, research communities, research
organizations, funders and policy makers track and evaluate research from an early stage.
</div>
<a routerLink="/about" class="uk-button uk-button-primary">Learn More</a>
</div>
<div class="uk-hidden@m uk-flex uk-flex-center uk-width-1-1">
<img src="assets/usage-statistics-assets/home/1-static.svg"/>
</div>
</div>
</div>
</ng-template>
<ng-template #second>
<div class="uk-container second">
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
<div class="uk-flex uk-flex-last@m uk-margin-large-top">
<h2 class="uk-text-bold portal-color uk-text-right@m">Why OpenAIRE UsageCounts?</h2>
</div>
<div>
OpenAIRE UsageCounts is part of an Open Metrics framework which intends to standardize the sharing and exchange
of usage data (views and downloads) and develop trusted metrics to promote open science.
</div>
</div>
<div class="uk-grid uk-child-width-1-2@m uk-margin-top uk-padding" uk-grid uk-height-match="target: li">
<div>
<h4 class="uk-text-bold">Providers</h4>
<ul class="light-blue-triangle uk-margin-top">
<li>Accurate and objective performance measures monitoring of repository content</li>
<li>Evidence based analytical metrics of views, downloads of research, aggregated from all over the world</li>
<li>Activity and trends of open science topics</li>
</ul>
</div>
<div>
<h4 class="uk-text-bold">Consumers</h4>
<ul class="light-blue-triangle uk-margin-top">
<li>Overview of research outcomes per country or domain</li>
<li>Trustable, accurate statistics of open science research</li>
<li>Evaluate the result of invested funds, policies, measures and view impact</li>
</ul>
</div>
</div>
</div>
</ng-template>
<ng-template #third>
<div class="uk-container uk-container-large third">
<div class="uk-grid uk-child-width-1-3@m" uk-grid>
<div class="uk-flex-last@m ">
<div class="third-column">
<h2 class="portal-color uk-text-bold">Who is it for?</h2>
<div>
UsageCounts offers standardized and comparable reports that measure the uptake
of research outcomes. Below are the two main categories of users that can benefit from UsageCounts and the
actions they can perform.
</div>
</div>
</div>
<div>
<div class="first-column">
<h5 class="uk-text-primary">Repository managers, publishers</h5>
<div class="uk-margin-top">
Register in OpenAIRE (via <a href="http://provide.openaire.eu" target="_blank">PROVIDE <span
class="custom-icon custom-external"></span></a>),
share usage activity from your repository and receive cleaned and combined
statistics from aggregated usage data from sources around the world. Share
<a href="https://www.projectcounter.org/" target="_blank">COUNTER <span
class="custom-icon custom-external"></span></a>
compliant reports via standard SUSHI-Lite APIs.
</div>
<div class="uk-margin-medium-top uk-text-center">
<a class="uk-button uk-button-primary" routerLink="/resources">Learn More</a>
</div>
</div>
</div>
<div>
<div class="second-column">
<h5 class="uk-text-primary">Research performing & funding organizations, research infrastructures, policy
makers</h5>
<div class="uk-margin-top">
View research uptake, identify science trends based on user activity, examine the engagement and evolution
or research popularity.
</div>
<div class="uk-margin-medium-top uk-text-center">
<a class="uk-button uk-button-primary" routerLink="/resources/apis">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</ng-template>
<ng-template #fourth>
<div class="uk-container">
<div class="uk-grid uk-grid-large uk-flex uk-flex-middle uk-flex-center" uk-grid>
<div class="uk-width-expand@m uk-width-1-2 uk-flex uk-flex-last@m features">
<h1 class="uk-text-bold portal-color">Features</h1>
</div>
<div class="uk-width-2-3@m">
<ul class="light-blue-circle large">
<li>Provides standards for usage data exchange (<a
href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
OpenAIRE Usage Statistics Guidelines <span class="custom-icon custom-external"></span></a>)
</li>
<li>Complies to <a href="https://www.projectcounter.org/" target="_blank">COUNTER <span
class="custom-icon custom-external"></span></a> Code of Practice for reliable and comparable reports
</li>
<li>Follows GDPR for trusted</li>
<li>Offers global coverage with partners in</li>
<li>Supports analysis via advanced visualizations</li>
<li>Exports different types of reports via standard APIs (Sushi-Lite)</li>
</ul>
</div>
</div>
</div>
</ng-template>
<fp-slider #slider class="uk-visible@m" [hasFooter]="true" [initSlide]="initSlide"
footerClass="footer" topBar="top-bar-background" logoURL="/assets/common-assets/logo-small-usage-counts.png">
<slide>
<ng-container *ngTemplateOutlet="first"></ng-container>
</slide>
<slide>
<ng-container *ngTemplateOutlet="second"></ng-container>
</slide>
<slide>
<ng-container *ngTemplateOutlet="third"></ng-container>
</slide>
<slide>
<ng-container *ngTemplateOutlet="fourth"></ng-container>
</slide>
</fp-slider>
<div class="uk-hidden@m uk-margin-left uk-margin-right">
<div class="uk-section uk-section-large">
<ng-container *ngTemplateOutlet="first"></ng-container>
</div>
<div class="uk-section uk-section-large">
<ng-container *ngTemplateOutlet="second"></ng-container>
</div>
<div class="uk-section uk-section-large">
<ng-container *ngTemplateOutlet="third"></ng-container>
</div>
<div class="uk-section uk-section-large">
<ng-container *ngTemplateOutlet="fourth"></ng-container>
</div>
</div>