[UsageCounts | Trunk]: New text and UI changes
This commit is contained in:
k.triantafyllou
parent
4be98570d1
commit
a8dc3761ea
|
|
@ -58,8 +58,9 @@
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
||||||
.architecture {
|
.architecture {
|
||||||
background-size: 80% 70%;
|
background-size: 95% 75%;
|
||||||
height: 450px;
|
background-position: 0 50%;
|
||||||
|
height: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.architecture > div {
|
.architecture > div {
|
||||||
|
|
@ -68,7 +69,7 @@
|
||||||
background-position: 0 0;
|
background-position: 0 0;
|
||||||
background-size: auto;
|
background-size: auto;
|
||||||
margin-top: -50px;
|
margin-top: -50px;
|
||||||
width: 30%;
|
width: 31%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,105 +5,119 @@
|
||||||
<div class="about">
|
<div class="about">
|
||||||
<div class="uk-container uk-container-large about-background">
|
<div class="uk-container uk-container-large about-background">
|
||||||
<div class="uk-container uk-section uk-section-small uk-visible@l">
|
<div class="uk-container uk-section uk-section-small uk-visible@l">
|
||||||
<h2 class="uk-text-bold">About</h2>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-padding uk-width-3-4">
|
<h2 class="uk-text-bold">About</h2>
|
||||||
UsageCounts service is an OpenAIRE service built after the development of the Usage Statistics Service within
|
<div class="uk-padding uk-width-3-4">
|
||||||
OpenAIRE. UsageCounts forms metrics of usage activity of Open Access Repositories categorizing the data
|
UsageCounts service is an OpenAIRE service built to cover the needs of content providers and consumers and
|
||||||
retrieved by country, number of downloads, number of views, number of repositories and all derivative
|
offer
|
||||||
quantitative open metrics, in a comprehensive way for all stakeholders.
|
added value to assist them in reaching their goals. UsageCounts forms metrics of usage activity of Open Access
|
||||||
|
Repositories categorizing the data retrieved by country, number of downloads, number of views, number of
|
||||||
|
repositories and all derivative quantitative open metrics, comprehensively.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="uk-visible@l next uk-flex uk-flex-middle" (click)="goTo('architecture')">
|
<a class="uk-visible@l next uk-flex uk-flex-middle" (click)="goTo('architecture')">
|
||||||
Architecture
|
Architecture
|
||||||
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
||||||
</a>
|
</a>
|
||||||
<div class="uk-hidden@l">
|
<div class="uk-hidden@l uk-section uk-section-small">
|
||||||
<h2 class="uk-text-bold">About</h2>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-padding uk-padding-remove-horizontal">
|
<h2 class="uk-text-bold">About</h2>
|
||||||
UsageCounts service is an OpenAIRE service built after the development of the Usage Statistics Service within
|
<div class="uk-padding uk-padding-remove-horizontal">
|
||||||
OpenAIRE. UsageCounts forms metrics of usage activity of Open Access Repositories categorizing the data
|
UsageCounts service is an OpenAIRE service built to cover the needs of content providers and consumers and
|
||||||
retrieved by country, number of downloads, number of views, number of repositories and all derivative
|
offer
|
||||||
quantitative open metrics, in a comprehensive way for all stakeholders.
|
added value to assist them in reaching their goals. UsageCounts forms metrics of usage activity of Open Access
|
||||||
|
Repositories categorizing the data retrieved by country, number of downloads, number of views, number of
|
||||||
|
repositories and all derivative quantitative open metrics, comprehensively.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="architecture" class="uk-container uk-section">
|
<div id="architecture" class="uk-container uk-section">
|
||||||
<div class="uk-section uk-padding-remove-top">
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<h2 class="uk-text-bold">Architecture</h2>
|
<h2 class="uk-text-bold">Architecture</h2>
|
||||||
<div class="architecture uk-margin-large-top uk-flex uk-flex-right">
|
<div class="architecture uk-margin-large-top uk-flex uk-flex-right">
|
||||||
<div class="uk-visible@l uk-padding-large uk-padding-remove-bottom uk-padding-remove-right">
|
<div class="uk-visible@l uk-padding-large uk-padding-remove-bottom uk-padding-remove-right">
|
||||||
UsageCounts service collects usage activity from OpenAIRE content providers for usage events related to
|
UsageCounts service collects usage activity from OpenAIRE content providers for usage events related to
|
||||||
research products of the OpenAIRE graph, creates and deploys aggregated statistics for these products.
|
research products of the <a class="graph-color" href="http://graph.openaire.eu" target="_blank">OpenAIRE
|
||||||
|
Research Graph</a>, creates and deploys aggregated statistics for these
|
||||||
|
products.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-hidden@l uk-padding uk-margin-top">
|
<div class="uk-hidden@l uk-margin-top">
|
||||||
UsageCounts service collects usage activity from OpenAIRE content providers for usage events related to
|
UsageCounts service collects usage activity from OpenAIRE content providers for usage events related to
|
||||||
research products of the OpenAIRE graph, creates and deploys aggregated statistics for these products.
|
research products of the <a class="graph-color" href="http://graph.openaire.eu" target="_blank">OpenAIRE
|
||||||
|
Research Graph</a>, creates and deploys aggregated statistics for these
|
||||||
|
products.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="uk-section uk-margin-large-top">
|
||||||
<div class="uk-section uk-margin-large-top">
|
<h2 class="uk-text-bold">Architecture & Workflows</h2>
|
||||||
<h2 class="uk-text-bold">Architecture & Workflows</h2>
|
<div class="uk-flex uk-grid uk-child-width-1-2@l" uk-grid>
|
||||||
<div class="uk-flex uk-grid uk-child-width-1-2@l" uk-grid>
|
<div class="uk-width-3-5@l uk-flex uk-flex-center workflows">
|
||||||
<div class="uk-width-3-5@l uk-flex uk-flex-center workflows">
|
<img src="assets/usage-statistics-assets/about/3.1.png" class="uk-margin-large-top uk-margin-left">
|
||||||
<img src="assets/usage-statistics-assets/about/3.1.png" class="uk-margin-large-top uk-margin-left">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="uk-text-bold portal-color">Architecture functionalities</h3>
|
|
||||||
<div class="uk-margin-large-left">
|
|
||||||
<ol class="light-blue">
|
|
||||||
<li>Constant tracking of views and downloads of open science repositories registered on OpenAIRE PROVIDE
|
|
||||||
</li>
|
|
||||||
<li>Creation of downloadable reports available only for content providers</li>
|
|
||||||
<li>Instant connection with the OpenAIRE Research Graph</li>
|
|
||||||
<li>Compatibility with COUNTER Code of Practice that provides standards based usage statistics and enables
|
|
||||||
comparability with statistics from other data sources
|
|
||||||
</li>
|
|
||||||
<li>Anonymisation of IP-addresses</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="uk-section uk-margin-large-top push-pull">
|
|
||||||
<div class=" uk-grid uk-child-width-1-2@m" uk-grid>
|
|
||||||
<div>
|
<div>
|
||||||
<h5 class="uk-text-primary uk-text-bold">
|
<h3 class="uk-text-bold portal-color">Architecture functionalities</h3>
|
||||||
<span class="uk-text-normal portal-color">Push</span>
|
<div class="uk-margin-large-left uk-margin-medium-top">
|
||||||
Usage Statistics Tracking Workflow
|
<ol class="light-blue">
|
||||||
</h5>
|
<li>Constant tracking of views and downloads of open science content providers registered on OpenAIRE
|
||||||
<ul class="light-blue-circle uk-margin-medium-top">
|
PROVIDE.
|
||||||
<li>An institutional repository is registered in OpenAIRE.</li>
|
</li>
|
||||||
<li>Server side tracking: Plugins (Dspace) or patches (Eprints) using Matomo’s Web Analytics HTTP API.
|
<li>Creation of downloadable reports available only for content providers.</li>
|
||||||
</li>
|
<li>Instant connection with the OpenAIRE Research Graph.</li>
|
||||||
<li>Usage Activity is tracked and logged in real time.</li>
|
<li>Compatibility with COUNTER Code of Practice that provides standards based usage statistics and
|
||||||
<li>Ιnformation is transferred offline to OpenAIRE’s DBs for statistical analysis.</li>
|
enables
|
||||||
<li>Statistics are deployed for human (OpenAIRE’s Portal) and machine (Sushi-Lite API) consumption.</li>
|
comparability with statistics from other data sources.
|
||||||
</ul>
|
</li>
|
||||||
|
<li>Anonymization of IP-addresses.</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin-medium-top">
|
</div>
|
||||||
<h5 class="uk-text-primary uk-text-bold uk-width-2-3@m">
|
<div class="uk-section uk-margin-large-top push-pull">
|
||||||
Collecting <span class="uk-text-normal portal-color">(Pull)</span> Consolidated Usage Statistics Reports
|
<div class=" uk-grid uk-child-width-1-2@m" uk-grid>
|
||||||
</h5>
|
<div>
|
||||||
<ul class="light-blue-circle uk-margin-medium-top">
|
<h5 class="uk-text-primary uk-text-bold">
|
||||||
<li>Gathering of consolidated statistics reports from aggregation services, such as IRUS-UK, using
|
<span class="uk-text-normal portal-color">Push</span>
|
||||||
protocols such as SUSHI-Lite.
|
Usage Statistics Tracking Workflow
|
||||||
</li>
|
</h5>
|
||||||
<li>Statistics are stored in OpenAIRE’s DB for statistical analysis.</li>
|
<ul class="light-blue-circle uk-margin-medium-top uk-margin-medium-left">
|
||||||
<li>Statistics are deployed via OpenAIRE’s Portal or Sushi-Lite API.</li>
|
<li>An institutional repository is registered in OpenAIRE.</li>
|
||||||
</ul>
|
<li>Server side tracking: Plugins (Dspace) or patches (Eprints) using Matomo’s Web Analytics HTTP API.
|
||||||
|
</li>
|
||||||
|
<li>Usage Activity is tracked and logged in real time.</li>
|
||||||
|
<li>Information is transferred offline to OpenAIRE’s DBs for statistical analysis.</li>
|
||||||
|
<li>Statistics are deployed for human (OpenAIRE’s Portal) and machine (Sushi-Lite API) consumption.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="uk-margin-medium-top">
|
||||||
|
<h5 class="uk-text-primary uk-text-bold uk-width-2-3@m">
|
||||||
|
Collecting <span class="uk-text-normal portal-color">(Pull)</span> Consolidated Usage Statistics Reports
|
||||||
|
</h5>
|
||||||
|
<ul class="light-blue-circle uk-margin-medium-top uk-margin-medium-left">
|
||||||
|
<li>Gathering of consolidated statistics reports from aggregation services, such as IRUS-UK, using
|
||||||
|
protocols such as SUSHI-Lite.
|
||||||
|
</li>
|
||||||
|
<li>Statistics are stored in OpenAIRE's DB for statistical analysis.</li>
|
||||||
|
<li>Statistics are deployed via OpenAIRE’s Portal or Sushi-Lite API.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="faqs" class="uk-container uk-section" [class.uk-hidden]="faqs.length == 0">
|
<div id="faqs" class="uk-container uk-section" [class.uk-hidden]="faqs.length == 0">
|
||||||
<h2 class="uk-text-bold">About - FAQs</h2>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<ul class="faqs uk-margin-medium-top" uk-accordion="multiple: true">
|
<h2 class="uk-text-bold">About - FAQs</h2>
|
||||||
<li *ngFor="let faq of faqs;let i=index" [class.uk-open]="i===0">
|
<ul class="faqs uk-margin-medium-top" uk-accordion="multiple: true">
|
||||||
<a class="uk-accordion-title">{{faq.question}}</a>
|
<li *ngFor="let faq of faqs;let i=index" [class.uk-open]="i===0">
|
||||||
<div class="uk-accordion-content">
|
<a class="uk-accordion-title">{{faq.question}}</a>
|
||||||
{{faq.answer}}
|
<div class="uk-accordion-content">
|
||||||
</div>
|
{{faq.answer}}
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -46,7 +46,7 @@ button.search, button.search:hover {
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-size: 12px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
button.search:hover {
|
button.search:hover {
|
||||||
|
|
|
||||||
|
|
@ -9,26 +9,27 @@
|
||||||
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
||||||
</a>
|
</a>
|
||||||
<div class="uk-section uk-section-small">
|
<div class="uk-section uk-section-small">
|
||||||
<h2 class="uk-margin-bottom portal-color uk-text-bold">Track Countries Usage Activity</h2>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-container uk-text-bold">
|
<h2 class="uk-margin-medium-bottom portal-color uk-text-bold">Track Countries Usage Activity</h2>
|
||||||
<div class="uk-flex uk-flex-middle uk-flex-center uk-align-center uk-margin-medium-bottom">
|
<div class="uk-container uk-text-bold">
|
||||||
<div class="uk-width-3-5">
|
<div class="uk-flex uk-flex-middle uk-flex-center uk-align-center uk-margin-medium-bottom">
|
||||||
<form [formGroup]="countryFb" (ngSubmit)="search()">
|
<div class="uk-width-3-5">
|
||||||
<input #input type="text" class="uk-width-1-1"
|
<form [formGroup]="countryFb" (ngSubmit)="search()">
|
||||||
[class.uk-animation-slide-right-medium]="showSearch && !countryFb.get('country').value"
|
<input #input type="text" class="uk-width-1-1"
|
||||||
[class.uk-hidden]="!showSearch || (!showSearch && country)"
|
[class.uk-animation-slide-right-medium]="showSearch && !countryFb.get('country').value"
|
||||||
placeholder="SEARCH FOR A COUNTRY"
|
[class.uk-hidden]="!showSearch || (!showSearch && country)"
|
||||||
(blur)="closeSearch()"
|
placeholder="SEARCH FOR A COUNTRY"
|
||||||
aria-label="Number"
|
(blur)="closeSearch()"
|
||||||
formControlName="country"
|
aria-label="Number"
|
||||||
[matAutocomplete]="auto">
|
formControlName="country"
|
||||||
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="search()">
|
[matAutocomplete]="auto">
|
||||||
<mat-option *ngFor="let option of countries | async" [value]="option">
|
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="search()">
|
||||||
{{option}}
|
<mat-option *ngFor="let option of countries | async" [value]="option">
|
||||||
</mat-option>
|
{{option}}
|
||||||
</mat-autocomplete>
|
</mat-option>
|
||||||
</form>
|
</mat-autocomplete>
|
||||||
<div class="uk-flex uk-flex-left">
|
</form>
|
||||||
|
<div class="uk-flex uk-flex-left">
|
||||||
<span *ngIf="country && !showSearch" class="uk-flex uk-flex-middle">
|
<span *ngIf="country && !showSearch" class="uk-flex uk-flex-middle">
|
||||||
<span (click)="toggle()">{{country}}</span>
|
<span (click)="toggle()">{{country}}</span>
|
||||||
<span class="uk-icon clickable space" uk-icon="icon: close; ratio: 0.8" (click)="reset()">
|
<span class="uk-icon clickable space" uk-icon="icon: close; ratio: 0.8" (click)="reset()">
|
||||||
|
|
@ -38,95 +39,96 @@
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<button [disabled]="loading" class="uk-width-1-6 uk-margin-medium-left search"
|
||||||
|
(mousedown)="$event.preventDefault()" (click)="toggle()">
|
||||||
|
<img src="assets/usage-statistics-assets/analytics/search.svg">
|
||||||
|
<span class="uk-text-uppercase space">search</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button [disabled]="loading" class="uk-width-1-6 uk-margin-medium-left search"
|
<div class="uk-margin-medium-bottom">
|
||||||
(mousedown)="$event.preventDefault()" (click)="toggle()">
|
<div class="uk-text-uppercase">{{(country) ? country : 'worldwide'}}</div>
|
||||||
<img src="assets/usage-statistics-assets/analytics/search.svg">
|
<div class="uk-text-muted uk-text-uppercase uk-text-small">Results</div>
|
||||||
<span class="uk-text-uppercase space">search</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="uk-margin-medium-bottom">
|
|
||||||
<div class="uk-text-uppercase">{{(country) ? country : 'worldwide'}}</div>
|
|
||||||
<div class="uk-text-muted uk-text-uppercase uk-text-small">Results</div>
|
|
||||||
</div>
|
|
||||||
<div class="uk-width-2-3 uk-margin-auto-left uk-margin-auto-right">
|
|
||||||
<div *ngIf="loading" class="uk-animation-fade uk-margin-medium-top uk-width-1-1" role="alert">
|
|
||||||
<span class="loading-gif uk-align-center"></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="display && !loading" class="uk-grid uk-child-width-1-3@m uk-child-width-1-2@s"
|
<div class="uk-width-2-3 uk-margin-auto-left uk-margin-auto-right">
|
||||||
uk-grid>
|
<div *ngIf="loading" class="uk-animation-fade uk-margin-medium-top uk-width-1-1" role="alert">
|
||||||
<div *ngIf="display.total_repos && state > 0" [class.uk-animation-fade]="state == 1">
|
<span class="loading-gif uk-align-center"></span>
|
||||||
<div class="card">
|
</div>
|
||||||
<div class="uk-margin-medium-bottom">
|
<div *ngIf="display && !loading" class="uk-grid uk-child-width-1-3@m uk-child-width-1-2@s"
|
||||||
Repositories
|
uk-grid>
|
||||||
|
<div *ngIf="display.total_repos && state > 0" [class.uk-animation-fade]="state == 1">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Repositories
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.total_repos.number | number}}{{(display.total_repos.size) ? display.total_repos.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.1.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="display.repositories && state > 0" [class.uk-animation-fade]="state == 1">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Repositories
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.repositories.number | number}}{{(display.repositories.size) ? display.repositories.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.1.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="display.total_views && state > 1" [class.uk-animation-fade]="state == 2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Views
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.total_views.number | number}}{{(display.total_views.size) ? display.total_views.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.2.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="display.views && state > 1" [class.uk-animation-fade]="state == 2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Views
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.views.number | number}}{{(display.views.size) ? display.views.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.2.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="display.total_downloads && state > 2" [class.uk-animation-fade]="state == 3">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Downloads
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.total_downloads.number | number}}{{(display.total_downloads.size) ? display.total_downloads.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.3.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="display.downloads && state > 2" [class.uk-animation-fade]="state == 3">
|
||||||
|
<div class="card">
|
||||||
|
<div class="uk-margin-medium-bottom">
|
||||||
|
Downloads
|
||||||
|
</div>
|
||||||
|
<h4>
|
||||||
|
{{display.downloads.number | number}}{{(display.downloads.size) ? display.downloads.size : ""}}
|
||||||
|
</h4>
|
||||||
|
<img src="../../assets/usage-statistics-assets/analytics/1.3.svg">
|
||||||
</div>
|
</div>
|
||||||
<h4>
|
|
||||||
{{display.total_repos.number | number}}{{(display.total_repos.size)?display.total_repos.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.1.svg">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="display.repositories && state > 0" [class.uk-animation-fade]="state == 1">
|
<div *ngIf="!display && !loading" class="card uk-animation-fade">
|
||||||
<div class="card">
|
<div class="uk-position-center">
|
||||||
<div class="uk-margin-medium-bottom">
|
No results found for that country
|
||||||
Repositories
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
{{display.repositories.number | number}}{{(display.repositories.size)?display.repositories.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.1.svg">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="display.total_views && state > 1" [class.uk-animation-fade]="state == 2">
|
|
||||||
<div class="card">
|
|
||||||
<div class="uk-margin-medium-bottom">
|
|
||||||
Views
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
{{display.total_views.number | number}}{{(display.total_views.size)?display.total_views.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.2.svg">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="display.views && state > 1" [class.uk-animation-fade]="state == 2">
|
|
||||||
<div class="card">
|
|
||||||
<div class="uk-margin-medium-bottom">
|
|
||||||
Views
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
{{display.views.number | number}}{{(display.views.size)?display.views.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.2.svg">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="display.total_downloads && state > 2" [class.uk-animation-fade]="state == 3">
|
|
||||||
<div class="card">
|
|
||||||
<div class="uk-margin-medium-bottom">
|
|
||||||
Downloads
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
{{display.total_downloads.number | number}}{{(display.total_downloads.size)?display.total_downloads.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.3.svg">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="display.downloads && state > 2" [class.uk-animation-fade]="state == 3">
|
|
||||||
<div class="card">
|
|
||||||
<div class="uk-margin-medium-bottom">
|
|
||||||
Downloads
|
|
||||||
</div>
|
|
||||||
<h4>
|
|
||||||
{{display.downloads.number | number}}{{(display.downloads.size)?display.downloads.size:""}}
|
|
||||||
</h4>
|
|
||||||
<img src="../../assets/usage-statistics-assets/analytics/1.3.svg">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="!display && !loading" class="card uk-animation-fade">
|
|
||||||
<div class="uk-position-center">
|
|
||||||
No results found for that country
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -134,30 +136,37 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="graph-analysis" class="uk-visible@m">
|
<div id="graph-analysis" class="uk-visible@m">
|
||||||
<div class="uk-container uk-section uk-text-center">
|
<div class="uk-container uk-section uk-text-center">
|
||||||
<h3 class="uk-margin-medium-bottom uk-text-bold">Worldwide Monthly Usage Events</h3>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-padding second">
|
<h3 class="uk-margin-medium-bottom uk-text-bold">Worldwide Monthly Usage Events</h3>
|
||||||
<div class="iframe-card uk-margin-left uk-margin-right">
|
<div class="uk-padding second">
|
||||||
<iframe width="742" height="453" seamless frameborder="0" scrolling="no"
|
<div class="iframe-card uk-margin-left uk-margin-right">
|
||||||
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRN9KbdyQSnWrC-yNpZj3C0U6_Qp-XQBSm9KY0G1Pz5UMoi1Q0bL5RaC1-oBw3o6kYoT7drlGCjUNCy/pubchart?oid=82603024&format=interactive"></iframe>
|
<iframe width="742" height="453" seamless frameborder="0" scrolling="no"
|
||||||
|
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRN9KbdyQSnWrC-yNpZj3C0U6_Qp-XQBSm9KY0G1Pz5UMoi1Q0bL5RaC1-oBw3o6kYoT7drlGCjUNCy/pubchart?oid=82603024&format=interactive"></iframe>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="charts" class="uk-container uk-section uk-text-center">
|
<div *ngIf="charts" class="uk-container uk-section uk-text-center">
|
||||||
<h3 class="uk-margin-medium-bottom uk-text-bold">Worldwide Monthly Views & Downloads</h3>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-padding third">
|
<h3 class="uk-margin-medium-bottom uk-text-bold">Worldwide Monthly Views & Downloads</h3>
|
||||||
<div class="iframe-card uk-margin-left uk-margin-right uk-text-center">
|
<div class="uk-padding third">
|
||||||
<div>
|
<div class="iframe-card uk-margin-left uk-margin-right uk-text-center">
|
||||||
<ul class="uk-subnav uk-subnav-divider uk-margin-remove-bottom">
|
<div>
|
||||||
<li [class.uk-active]="years == 0"><a class="uk-text-primary" (click)="changeYear(0)">This year</a></li>
|
<ul class="uk-subnav uk-subnav-divider uk-margin-remove-bottom">
|
||||||
<li [class.uk-active]="years == 1"><a class="uk-text-primary" (click)="changeYear(1)">Last 2 years</a></li>
|
<li [class.uk-active]="years == 0"><a class="uk-text-primary" (click)="changeYear(0)">This year</a></li>
|
||||||
<li [class.uk-active]="years == 2"><a class="uk-text-primary" (click)="changeYear(2)">Last 5 years</a></li>
|
<li [class.uk-active]="years == 1"><a class="uk-text-primary" (click)="changeYear(1)">Last 2 years</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li [class.uk-active]="years == 2"><a class="uk-text-primary" (click)="changeYear(2)">Last 5 years</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="iframeLoading" class="uk-animation-fade uk-margin-medium-top uk-width-1-1" role="alert">
|
||||||
|
<span class="loading-gif uk-align-center"></span>
|
||||||
|
</div>
|
||||||
|
<iframe (load)="onLoad()" class="uk-animation-fade" width="742" height="453" seamless frameborder="0"
|
||||||
|
scrolling="no" [class.uk-hidden]="iframeLoading"
|
||||||
|
[src]="charts[years]"></iframe>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="iframeLoading" class="uk-animation-fade uk-margin-medium-top uk-width-1-1" role="alert">
|
|
||||||
<span class="loading-gif uk-align-center"></span>
|
|
||||||
</div>
|
|
||||||
<iframe (load)="onLoad()" class="uk-animation-fade" width="742" height="453" seamless frameborder="0" scrolling="no" [class.uk-hidden]="iframeLoading"
|
|
||||||
[src]="charts[years]"></iframe>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -62,7 +62,7 @@ export class AnalyticsComponent implements OnInit {
|
||||||
}, 100);
|
}, 100);
|
||||||
}));
|
}));
|
||||||
this.init();
|
this.init();
|
||||||
this.search();
|
this.search(true);
|
||||||
for(let i = 0; i < 3; i++) {
|
for(let i = 0; i < 3; i++) {
|
||||||
this.charts = [
|
this.charts = [
|
||||||
this.getSafeUrl('https://docs.google.com/spreadsheets/d/e/2PACX-1vQ-HejU11H1dMKa2MeIvLevnH0jtJUvduan3WMTjgDYCeq6g_WBPFBbZvg83hLuMv7XNyDQ3vHZWNYc/pubchart?oid=919355937&format=interactive'),
|
this.getSafeUrl('https://docs.google.com/spreadsheets/d/e/2PACX-1vQ-HejU11H1dMKa2MeIvLevnH0jtJUvduan3WMTjgDYCeq6g_WBPFBbZvg83hLuMv7XNyDQ3vHZWNYc/pubchart?oid=919355937&format=interactive'),
|
||||||
|
|
@ -112,9 +112,9 @@ export class AnalyticsComponent implements OnInit {
|
||||||
return stats;
|
return stats;
|
||||||
}
|
}
|
||||||
|
|
||||||
public search() {
|
public search(show: boolean = false) {
|
||||||
this.country = this.countryFb.value.country;
|
this.country = this.countryFb.value.country;
|
||||||
this.showSearch = false;
|
this.showSearch = show;
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.clearTimeouts();
|
this.clearTimeouts();
|
||||||
if (this.country && this.country.length > 0) {
|
if (this.country && this.country.length > 0) {
|
||||||
|
|
|
||||||
|
|
@ -3,41 +3,40 @@
|
||||||
type="other" [description]="description" [name]="title">
|
type="other" [description]="description" [name]="title">
|
||||||
</schema2jsonld>
|
</schema2jsonld>
|
||||||
<div class="uk-section uk-section-small uk-container uk-container-large contact">
|
<div class="uk-section uk-section-small uk-container uk-container-large contact">
|
||||||
<div class="uk-container">
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<h2 class="uk-text-bold">Contact Us</h2>
|
<div class="uk-container">
|
||||||
<div class="uk-grid uk-flex uk-flex-bottom" uk-grid>
|
<h2 class="uk-text-bold">Contact Us</h2>
|
||||||
<div class="uk-width-expand">
|
<div class="uk-grid uk-flex uk-flex-bottom" uk-grid>
|
||||||
<div class="uk-margin-large-left contact-card uk-visible@s">
|
<div class="uk-width-expand">
|
||||||
<div *ngIf="showLoading" class="uk-margin-large">
|
<div class="uk-margin-large-left contact-card uk-visible@s">
|
||||||
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
<div *ngIf="showLoading" class="uk-margin-large">
|
||||||
class="loading-gif uk-align-center"></span></div>
|
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
||||||
|
class="loading-gif uk-align-center"></span></div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="!showLoading">
|
||||||
|
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
||||||
|
[right]="false" buttonClass="uk-button-primary"
|
||||||
|
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="!showLoading">
|
<div class="uk-hidden@s">
|
||||||
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
<div *ngIf="showLoading" class="uk-margin-large">
|
||||||
[right]="false" buttonClass="uk-button-primary"
|
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
||||||
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
class="loading-gif uk-align-center"></span></div>
|
||||||
|
</div>
|
||||||
|
<div *ngIf="!showLoading">
|
||||||
|
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
||||||
|
[right]="false" buttonClass="uk-button-primary"
|
||||||
|
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-hidden@s">
|
<div class="uk-width-1-5@m uk-visible@m uk-flex uk-flex-center">
|
||||||
<div *ngIf="showLoading" class="uk-margin-large">
|
<img src="assets/usage-statistics-assets/contact/2.svg">
|
||||||
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
|
||||||
class="loading-gif uk-align-center"></span></div>
|
|
||||||
</div>
|
|
||||||
<div *ngIf="!showLoading">
|
|
||||||
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
|
||||||
[right]="false" buttonClass="uk-button-primary"
|
|
||||||
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-1-5@m uk-visible@m uk-flex uk-flex-center">
|
|
||||||
<img src="assets/usage-statistics-assets/contact/2.svg">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-align-center">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<modal-alert #AlertModal (alertOutput)="goToHome()">
|
<modal-alert #AlertModal (alertOutput)="goToHome()">
|
||||||
<div class="uk-text-center">
|
<div class="uk-text-center">
|
||||||
|
|
|
||||||
|
|
@ -4,19 +4,19 @@
|
||||||
background-image: url("/assets/usage-statistics-assets/home/1.svg");
|
background-image: url("/assets/usage-statistics-assets/home/1.svg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 20px -100px;
|
background-position: 0 -130px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.second h4 {
|
|
||||||
background-image: url("/assets/usage-statistics-assets/home/2.svg");
|
|
||||||
background-size: contain;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 0 0;
|
|
||||||
padding: 25px 0 0 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 960px) {
|
@media only screen and (min-width: 960px) {
|
||||||
|
.second {
|
||||||
|
background-image: url("/assets/usage-statistics-assets/home/2.svg");
|
||||||
|
background-size: auto;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: -2% 0;
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
.third .first-column {
|
.third .first-column {
|
||||||
background-image: url("/assets/usage-statistics-assets/home/3.1.svg"), url("/assets/usage-statistics-assets/home/3.2.svg");
|
background-image: url("/assets/usage-statistics-assets/home/3.1.svg"), url("/assets/usage-statistics-assets/home/3.2.svg");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -49,7 +49,7 @@
|
||||||
background-size: auto;
|
background-size: auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: top left;
|
background-position: top left;
|
||||||
padding: 10px 30px 0 20px;
|
padding: 30px 0 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.third .third-column > div {
|
.third .third-column > div {
|
||||||
|
|
@ -57,9 +57,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1600px) {
|
||||||
|
.second {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
.third .third-column {
|
.third .third-column {
|
||||||
padding: 10px 90px 0 40px;
|
padding: 30px 70px 0 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,49 +1,64 @@
|
||||||
<ng-template #first>
|
<ng-template #first let-small="small">
|
||||||
<div class="uk-container uk-section first">
|
<div class="uk-container uk-section first">
|
||||||
<div class="uk-grid uk-flex uk-flex-top" uk-grid>
|
<div class="uk-grid uk-flex uk-flex-top" uk-grid>
|
||||||
<div class="uk-width-2-3@m">
|
<div class="uk-width-3-5@m">
|
||||||
<h1 class="uk-text-bold">UsageCounts Service by <span class="uk-text-primary">OpenAIRE</span></h1>
|
<h1><span class="portal-color uk-text-bold">UsageCounts Service</span><br>
|
||||||
<div class="uk-margin-medium-top uk-margin-medium-bottom">
|
by OpenAIRE</h1>
|
||||||
UsageCounts service collects usage data from repositories, journals and other scientific data sources,
|
<div [class.uk-margin-xlarge-right]="!small">
|
||||||
aggregates them and delivers standardized activity reports about research usage and uptake. It complements
|
<div class="uk-margin-medium-top uk-margin-medium-bottom">
|
||||||
existing citation mechanisms and assists institutional repository managers, research communities, research
|
UsageCounts service collects usage data from Open Science content providers repositories, journals, and
|
||||||
organizations, funders and policy makers track and evaluate research from an early stage.
|
other scientific data sources. Then, it aggregates them, delivering 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 to 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>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<ng-template #second>
|
<ng-template #second>
|
||||||
<div class="uk-container second">
|
<div class="second uk-container uk-container-large">
|
||||||
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
|
<div class="uk-container">
|
||||||
<div class="uk-flex uk-flex-last@m uk-margin-large-top">
|
<div class="uk-grid uk-flex uk-flex-middle" uk-grid>
|
||||||
<h2 class="uk-text-bold portal-color uk-text-right@m">Why OpenAIRE UsageCounts?</h2>
|
<div class="uk-flex uk-flex-last@m uk-width-expand">
|
||||||
|
<h2 class="uk-text-bold portal-color uk-text-right@m">Why OpenAIRE UsageCounts?</h2>
|
||||||
|
</div>
|
||||||
|
<div class="uk-width-1-1 uk-width-2-5@m">
|
||||||
|
<p>
|
||||||
|
OpenAIRE <span class="portal-color uk-text-bold">UsageCounts applies</span> the Open Metrics framework which
|
||||||
|
standardizes the sharing and exchange of usage
|
||||||
|
data and develops trusted metrics to promote open science.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span class="portal-color uk-text-bold">UsageCounts is valuable for</span> various stakeholders that either
|
||||||
|
provide or consume open science data metrics.
|
||||||
|
The value for both user groups, briefly are;
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="uk-grid uk-child-width-1-2@m uk-margin-top uk-padding" uk-grid uk-height-match="target: li">
|
||||||
OpenAIRE UsageCounts is part of an Open Metrics framework which intends to standardize the sharing and exchange
|
<div>
|
||||||
of usage data (views and downloads) and develop trusted metrics to promote open science.
|
<h4 class="uk-text-bold">Providers</h4>
|
||||||
</div>
|
<ul class="light-blue-triangle uk-margin-top">
|
||||||
</div>
|
<li>Accurate and objective performance measures monitoring of repository content.</li>
|
||||||
<div class="uk-grid uk-child-width-1-2@m uk-margin-top uk-padding" uk-grid uk-height-match="target: li">
|
<li>Evidence based analytical metrics of views and downloads, aggregated from all over the world.
|
||||||
<div>
|
</li>
|
||||||
<h4 class="uk-text-bold">Providers</h4>
|
<li>Activity and trends of open science topics.</li>
|
||||||
<ul class="light-blue-triangle uk-margin-top">
|
</ul>
|
||||||
<li>Accurate and objective performance measures monitoring of repository content</li>
|
</div>
|
||||||
<li>Evidence based analytical metrics of views, downloads of research, aggregated from all over the world</li>
|
<div>
|
||||||
<li>Activity and trends of open science topics</li>
|
<h4 class="uk-text-bold">Consumers</h4>
|
||||||
</ul>
|
<ul class="light-blue-triangle uk-margin-top">
|
||||||
</div>
|
<li>Overview of research outcomes per country or domain.</li>
|
||||||
<div>
|
<li>Trustable, accurate statistics of open science research.</li>
|
||||||
<h4 class="uk-text-bold">Consumers</h4>
|
<li>Evaluate the result of invested funds, policies, measures and view impact.</li>
|
||||||
<ul class="light-blue-triangle uk-margin-top">
|
</ul>
|
||||||
<li>Overview of research outcomes per country or domain</li>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -53,25 +68,20 @@
|
||||||
<div class="uk-grid uk-child-width-1-3@m" uk-grid>
|
<div class="uk-grid uk-child-width-1-3@m" uk-grid>
|
||||||
<div class="uk-flex-last@m ">
|
<div class="uk-flex-last@m ">
|
||||||
<div class="third-column">
|
<div class="third-column">
|
||||||
<h2 class="portal-color uk-text-bold">Who is it for?</h2>
|
<h2 class="portal-color uk-text-bold">Who and why is it for?</h2>
|
||||||
<div>
|
<div>
|
||||||
UsageCounts offers standardized and comparable reports that measure the uptake
|
UsageCounts <span class="portal-color uk-text-bold">offers</span> standardized and comparable reports that measure the uptake of research outcomes.
|
||||||
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>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="first-column">
|
<div class="first-column">
|
||||||
<h5 class="uk-text-primary">Repository managers, publishers</h5>
|
<h5 class="uk-text-primary">For Open Science repository managers and Publishers</h5>
|
||||||
<div class="uk-margin-top">
|
<div class="uk-margin-top">
|
||||||
Register in OpenAIRE (via <a href="http://provide.openaire.eu" target="_blank">PROVIDE <span
|
Perform the prerequisites -register your content in OpenAIRE
|
||||||
class="custom-icon custom-external"></span></a>),
|
<a href="http://provide.openaire.eu" target="_blank">PROVIDE</a>,
|
||||||
share usage activity from your repository and receive cleaned and combined
|
then share usage activity from your repository - and receive standardized statistics from aggregated usage
|
||||||
statistics from aggregated usage data from sources around the world. Share
|
data from sources around the world.
|
||||||
<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>
|
||||||
<div class="uk-margin-medium-top uk-text-center">
|
<div class="uk-margin-medium-top uk-text-center">
|
||||||
<a class="uk-button uk-button-primary" routerLink="/resources">Learn More</a>
|
<a class="uk-button uk-button-primary" routerLink="/resources">Learn More</a>
|
||||||
|
|
@ -80,14 +90,14 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="second-column">
|
<div class="second-column">
|
||||||
<h5 class="uk-text-primary">Research performing & funding organizations, research infrastructures, policy
|
<h5 class="uk-text-primary">For Research performing & funding organizations, research infrastructures and
|
||||||
makers</h5>
|
policy makers</h5>
|
||||||
<div class="uk-margin-top">
|
<div class="uk-margin-top">
|
||||||
View research uptake, identify science trends based on user activity, examine the engagement and evolution
|
Retrieve easily, fast and dynamically view research uptake, identify science trends based on user activity,
|
||||||
or research popularity.
|
examine the engagement, and evolution or research popularity.
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-margin-medium-top uk-text-center">
|
<div class="uk-margin-medium-top uk-text-center">
|
||||||
<a class="uk-button uk-button-primary" routerLink="/resources/apis">Learn More</a>
|
<a class="uk-button uk-button-primary" routerLink="/resources" fragment="apis">Learn More</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -97,8 +107,10 @@
|
||||||
<ng-template #fourth>
|
<ng-template #fourth>
|
||||||
<div class="uk-container">
|
<div class="uk-container">
|
||||||
<div class="uk-grid uk-grid-large uk-flex uk-flex-middle uk-flex-center" uk-grid>
|
<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">
|
<div class="uk-width-expand@m uk-width-1-2 uk-flex uk-flex-right uk-flex-last@m">
|
||||||
<h1 class="uk-text-bold portal-color">Features</h1>
|
<div class="features uk-width-4-5 uk-margin-auto">
|
||||||
|
<h1 class="uk-text-bold portal-color">Features</h1>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-width-2-3@m">
|
<div class="uk-width-2-3@m">
|
||||||
<ul class="light-blue-circle large">
|
<ul class="light-blue-circle large">
|
||||||
|
|
@ -118,10 +130,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<fp-slider #slider class="uk-visible@m" [hasFooter]="true" [initSlide]="initSlide"
|
<fp-slider #slider class="uk-visible@l" [hasFooter]="true" [initSlide]="initSlide"
|
||||||
footerClass="footer" topBar="top-bar-background" logoURL="/assets/common-assets/logo-small-usage-counts.png">
|
footerClass="footer" topBar="top-bar-background" logoURL="/assets/common-assets/logo-small-usage-counts.png">
|
||||||
<slide>
|
<slide>
|
||||||
<ng-container *ngTemplateOutlet="first"></ng-container>
|
<ng-container *ngTemplateOutlet="first; context: {small: false}"></ng-container>
|
||||||
</slide>
|
</slide>
|
||||||
<slide>
|
<slide>
|
||||||
<ng-container *ngTemplateOutlet="second"></ng-container>
|
<ng-container *ngTemplateOutlet="second"></ng-container>
|
||||||
|
|
@ -133,9 +145,9 @@
|
||||||
<ng-container *ngTemplateOutlet="fourth"></ng-container>
|
<ng-container *ngTemplateOutlet="fourth"></ng-container>
|
||||||
</slide>
|
</slide>
|
||||||
</fp-slider>
|
</fp-slider>
|
||||||
<div class="uk-hidden@m uk-margin-left uk-margin-right">
|
<div class="uk-hidden@l uk-margin-left uk-margin-right">
|
||||||
<div class="uk-section uk-section-large">
|
<div class="uk-section uk-section-large">
|
||||||
<ng-container *ngTemplateOutlet="first"></ng-container>
|
<ng-container *ngTemplateOutlet="first; context: {small: true}"></ng-container>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-section uk-section-large">
|
<div class="uk-section uk-section-large">
|
||||||
<ng-container *ngTemplateOutlet="second"></ng-container>
|
<ng-container *ngTemplateOutlet="second"></ng-container>
|
||||||
|
|
|
||||||
|
|
@ -5,105 +5,116 @@
|
||||||
<div class="resources">
|
<div class="resources">
|
||||||
<div class="uk-container uk-container-large provide-background">
|
<div class="uk-container uk-container-large provide-background">
|
||||||
<div class="uk-container uk-section uk-section-small uk-padding-remove-bottom">
|
<div class="uk-container uk-section uk-section-small uk-padding-remove-bottom">
|
||||||
<h2 class="uk-margin-remove-vertical">OpenAIRE Provide</h2>
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<div class="uk-padding uk-width-3-4@l">
|
<h2 class="uk-margin-remove-vertical uk-text-bold">OpenAIRE <span class="provide-color">PROVIDE</span></h2>
|
||||||
<p>
|
<div class="uk-padding uk-width-3-4@l">
|
||||||
The <span class="uk-text-primary uk-text-bold">resources</span> of the OpenAIRE UsageCounts Service are
|
<p>
|
||||||
available through the OpenAIRE PROVIDE product, which is serving the content providers.
|
The <span class="uk-text-bold">resources</span> of the OpenAIRE UsageCounts Service are
|
||||||
</p>
|
available through the OpenAIRE PROVIDE product, which is serving the content providers.
|
||||||
<div class="provide-definition uk-margin-bottom">
|
</p>
|
||||||
“OpenAIRE PROVIDE is a product that enables data providers to register and observe their data activity on
|
<div class="provide-definition uk-margin-bottom">
|
||||||
OpenAIRE, by accessing the OpenAIRE Provide Dashboard”.
|
“OpenAIRE PROVIDE is a product that enables data providers to register and observe their data activity on
|
||||||
</div>
|
OpenAIRE, by accessing the OpenAIRE Provide Dashboard”.
|
||||||
<p>
|
</div>
|
||||||
The OpenAIRE Provide supports the following <span class="uk-text-bold">functionalities</span> for the
|
<p>
|
||||||
UsageCounts Service:
|
The OpenAIRE Provide supports the following <span class="uk-text-bold">functionalities</span> for the
|
||||||
</p>
|
UsageCounts Service:
|
||||||
<ol class="openaire-list">
|
</p>
|
||||||
<li>A registration process to the service for repository managers.</li>
|
<ol class="openaire-list">
|
||||||
<li> The required resources and instructions to deploy the service.</li>
|
<li>A registration process to the service for repository managers.</li>
|
||||||
<li>Visualization and exporting tools for publishing and downloading usage statistics reports.</li>
|
<li> The required resources and instructions to deploy the service.</li>
|
||||||
</ol>
|
<li>Visualization and exporting tools for publishing and downloading usage statistics reports.</li>
|
||||||
<p class="uk-margin-top">
|
</ol>
|
||||||
<span class="portal-color uk-text-bold">Important:</span> All the information that content providers offer to
|
<p class="uk-margin-top">
|
||||||
OpenAIRE, is first validated, enriched, and
|
<span class="portal-color uk-text-bold">Important:</span> All the information that content providers offer
|
||||||
then indexed on the OpenAIRE PROVIDE. Only then, after this verification and if needed, enhancement process,
|
to
|
||||||
the metadata records are indexed on OpenAIRE PROVIDE, ensuring transparency, security, and trust of data.
|
All the information that content providers offer to OpenAIRE, is first validated and enriched. Only then,
|
||||||
</p>
|
the
|
||||||
<div class="uk-flex uk-flex-center">
|
metadata records are indexed on OpenAIRE PROVIDE, ensuring transparency, security, and trust of data.
|
||||||
<a class="uk-button uk-button-primary uk-margin-small-top" href="https://provide.openaire.eu" target="_blank">
|
</p>
|
||||||
GO TO OpenAIRE PROVIDE
|
<div class="uk-flex uk-flex-center">
|
||||||
<icon name="arrow_right" ratio="0.8" class="space"></icon>
|
<a class="uk-button uk-button-primary uk-text-bold uk-margin-small-top" href="https://provide.openaire.eu"
|
||||||
|
target="_blank">
|
||||||
|
GO TO OpenAIRE PROVIDE
|
||||||
|
<icon name="arrow_right" ratio="0.8" class="space"></icon>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<a class="uk-visible@l next uk-flex uk-flex-middle" (click)="goTo('apis')">
|
||||||
|
APIs AND REPORTS
|
||||||
|
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a class="uk-visible@l next uk-flex uk-flex-middle" (click)="goTo('apis')">
|
|
||||||
APIs AND REPORTS
|
|
||||||
<icon name="arrow_down" [flex]="true" class="uk-margin-left"></icon>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="apis" class="uk-container uk-section">
|
<div id="apis" class="uk-container uk-section">
|
||||||
<div class="uk-flex uk-flex-middle">
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<img src="assets/usage-statistics-assets/resources/2.svg">
|
<div class="uk-flex uk-flex-middle">
|
||||||
<h2 class="uk-text-bold uk-margin-medium-left uk-margin-remove-vertical">APIs and Reports</h2>
|
<img src="assets/usage-statistics-assets/resources/2.svg">
|
||||||
</div>
|
<h2 class="uk-text-bold uk-margin-medium-left uk-margin-remove-vertical">APIs and Reports</h2>
|
||||||
<div class="uk-padding uk-margin-top uk-width-3-4@l">
|
</div>
|
||||||
<p>
|
<div class="uk-padding uk-margin-top uk-width-3-4@l">
|
||||||
There are a variety of reports generated via OpenAIRE UsageCounts Service and are available via a SUSHI-Lite
|
<p>
|
||||||
Endpoint (anchor). The reports comply with
|
A variety of reports generated via OpenAIRE UsageCounts Service are available via a SUSHI-Lite Endpoint. The
|
||||||
<a href="https://www.projectcounter.org/code-of-practice-sections/general-information/" target="_blank">COUNTER
|
reports comply with
|
||||||
CoP Release 4. <span class="custom-icon custom-external"></span></a>
|
<a href="https://www.projectcounter.org/code-of-practice-sections/general-information/" target="_blank">COUNTER
|
||||||
</p>
|
CoP Release 4. <span class="custom-icon custom-external"></span></a>
|
||||||
<ul class="portal-circle">
|
</p>
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/AR1'">AR-1 - Article Report 1.</a>
|
<ul class="portal-circle">
|
||||||
This report enables you to view the number of successful article download requests by
|
<li><a class="uk-link" [routerLink]="'/sushilite/AR1'">AR-1 - Article Report 1.</a>
|
||||||
month and repository. There are filtering options to limit the results to a selected journal or repository. It
|
This report enables you to view the number of successful article download requests by month and repository.
|
||||||
can provide results for an individual month or over a number of months and can be output in JSON format.
|
There are filtering options to limit the results to a selected journal or repository. It can provide results
|
||||||
</li>
|
for an individual month or over a number of months and can be output in JSON format.
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/IR1'">IR-1 - Item Report 1.</a>
|
</li>
|
||||||
This report enables you to view the number of successful item download requests by
|
<li><a class="uk-link" [routerLink]="'/sushilite/IR1'">IR-1 - Item Report 1.</a>
|
||||||
month and repository identifier. There are filtering options to limit the results to a selected item or
|
This report enables you to view the number of successful item download requests by month and repository
|
||||||
repository
|
identifier. There are filtering options to limit the results to a selected item or repository identifier or
|
||||||
identifier or item data type. It can provide results for an individual month or over a number of months and
|
item data type. It can provide results for an individual month or over a number of months and can be output
|
||||||
can be output in JSON format.
|
in
|
||||||
</li>
|
JSON format.
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/JR1'">JR-1 - Journal Report 1.</a>
|
</li>
|
||||||
This report enables you to view the number of
|
<li><a class="uk-link" [routerLink]="'/sushilite/JR1'">JR-1 - Journal Report 1.</a>
|
||||||
successful full-text article requests by month and journal. There are filtering options to limit the results
|
This report enables you to view the number of successful full-text article requests by month and journal.
|
||||||
to a selected journal or item data type. It can provide results for an individual month or over a number of
|
There are filtering options to limit the results to a selected journal or item data type. It can provide
|
||||||
months and can be output in JSON format.
|
results for an individual month or over a number of months and can be output in JSON format.
|
||||||
</li>
|
</li>
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/RR1'">RR-1 - Repository Report 1.</a>
|
<li><a class="uk-link" [routerLink]="'/sushilite/RR1'">RR-1 - Repository Report 1.</a>
|
||||||
This report enables you to view the
|
This report enables you to view the number of successful item downloads for all repositories participating
|
||||||
number of successful item downloads for all repositories participating in the usage statistics service. There
|
in
|
||||||
are filtering options to limit the results to a repository identifier or selected item type. It can provide
|
the usage statistics service. There are filtering options to limit the results to a repository identifier or
|
||||||
results for an individual month or over a number of months and can be output in JSON format.
|
selected item type. It can provide results for an individual month or over a number of months and can be
|
||||||
</li>
|
output in JSON format.
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/BR1'">BR-1 - Book Report 1.</a>
|
</li>
|
||||||
This report enables you to view the number of successful book title requests by month and title.
|
<li><a class="uk-link" [routerLink]="'/sushilite/BR1'">BR-1 - Book Report 1.</a>
|
||||||
There are filtering options to limit the results to a repository identifier or selected item identifier. It
|
This report enables you to view the number of successful book title requests by month and title. There are
|
||||||
can provide results for an individual month or over a number of months and can be output in JSON format.
|
filtering options to limit the results to a repository identifier or selected item identifier. It can
|
||||||
</li>
|
provide
|
||||||
<li><a class="uk-link" [routerLink]="'/sushilite/BR2'">BR-2 - Book Report 2.</a>
|
results for an individual month or over a number of months and can be output in JSON format.
|
||||||
This report enables you to download the number of successful book section requests by month
|
</li>
|
||||||
and title. There are filtering options to limit the results to a repository identifier or selected item
|
<li><a class="uk-link" [routerLink]="'/sushilite/BR2'">BR-2 - Book Report 2.</a>
|
||||||
identifier. It can provide results for an individual month or over a number of months and can be output in
|
This report enables you to download the number of successful book section requests by month and title. There
|
||||||
JSON format.
|
are filtering options to limit the results to a repository identifier or selected item identifier. It can
|
||||||
</li>
|
provide results for an individual month or over a number of months and can be output in JSON format.
|
||||||
</ul>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-container uk-section">
|
<div class="uk-container uk-section">
|
||||||
<div class="uk-flex uk-flex-top">
|
<div class="uk-padding-small uk-padding-remove-vertical">
|
||||||
<img src="assets/usage-statistics-assets/resources/3.svg">
|
<div class="uk-flex uk-flex-top">
|
||||||
<div class="uk-margin-medium-left">
|
<img src="assets/usage-statistics-assets/resources/3.svg">
|
||||||
<h2 class="uk-text-bold">OpenAIRE UsageCounts Guidelines</h2>
|
<div class="uk-margin-medium-left">
|
||||||
<div class="uk-padding uk-padding-remove-vertical uk-margin-top">
|
<h2 class="uk-text-bold">OpenAIRE UsageCounts Guidelines</h2>
|
||||||
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
|
<div class="uk-padding uk-padding-remove-vertical uk-margin-top">
|
||||||
https://openaire.github.io/usage-statistics-guidelines/
|
<div class="uk-margin-small-bottom">Please read carefully the OpenAIRE usage statistics guidelines before
|
||||||
<span class="custom-icon custom-external"></span>
|
submitting content.
|
||||||
</a>
|
</div>
|
||||||
|
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
|
||||||
|
https://openaire.github.io/usage-statistics-guidelines/
|
||||||
|
<span class="custom-icon custom-external"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="69.761" height="67.26" viewBox="0 0 69.761 67.26">
|
<svg xmlns="http://www.w3.org/2000/svg" width="437.659" height="421.971" viewBox="0 0 437.659 421.971">
|
||||||
<path id="small_elipse_blue" data-name="small elipse blue" d="M360.531,115.95c0,18.573-15.616,33.63-34.88,33.63s-34.88-15.057-34.88-33.63,15.616-33.63,34.88-33.63S360.517,97.382,360.531,115.95Z" transform="translate(-290.77 -82.32)" fill="#e7f0fa"/>
|
<path id="small_elipse_blue" data-name="small elipse blue" d="M728.429,293.306c0,116.524-97.973,210.986-218.83,210.986S290.77,409.83,290.77,293.306,388.743,82.32,509.6,82.32C630.421,82.4,728.345,176.815,728.429,293.306Z" transform="translate(-290.77 -82.32)" fill="#e7f0fa"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 357 B After Width: | Height: | Size: 389 B |
|
|
@ -6,6 +6,7 @@
|
||||||
:root {
|
:root {
|
||||||
--portal-main-color: #e95420;
|
--portal-main-color: #e95420;
|
||||||
--portal-main-contrast: white;
|
--portal-main-contrast: white;
|
||||||
|
--provide-portal-color: #37C7E9;
|
||||||
--portal-dark-color: #a0462c;
|
--portal-dark-color: #a0462c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -105,7 +106,7 @@ ul.light-blue-triangle {
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.light-blue-triangle li {
|
ul.light-blue-triangle li {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 40px 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -231,3 +232,7 @@ contact .uk-text-danger {
|
||||||
color: black !important;
|
color: black !important;
|
||||||
border-color: #eeeeee !important;
|
border-color: #eeeeee !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
navbar .uk-navbar-nav>li:hover>a, navbar.uk-navbar-nav>li>a.uk-open, navbar .uk-navbar-nav>li>a:focus, navbar .uk-navbar-nav>li.uk-active>a {
|
||||||
|
color: var(--portal-main-color);
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue