[Usage Statistics | Trunk]:
1. about.component.css & about.component.html: About page designed - background added. 2. resources.component.css & resources.component.html: Resources page designed - background added. 3. assets/usage-statistics-assets/about: Folder "about" added for assets in about page: "about.svg" (background) file added. 4. assets/usage-statistics-assets/resources: Folder "resources" added for assets in resources page: "how.svg" (background), "guidelines.svg", "software.svg", "services.svg", "faq.svg" (icons for guidelines card) files added.
This commit is contained in:
konstantina.galouni
parent
efd2836011
commit
59e4cbafff
|
|
@ -1,3 +1,6 @@
|
||||||
div {
|
.about-background {
|
||||||
color: red;
|
background-image: url("/assets/usage-statistics-assets/about/about.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
@ -1,3 +1,27 @@
|
||||||
<div>
|
<div>
|
||||||
test about
|
<div class="uk-section uk-container about-background">
|
||||||
|
<div class="uk-margin-large-left uk-margin-top">
|
||||||
|
<h1 class="uk-text-bold">Monthly Usage Events</h1>
|
||||||
|
<div class="uk-width-1-1 uk-width-4-5@m uk-margin-medium-top uk-margin-medium-bottom">
|
||||||
|
<p>
|
||||||
|
{{
|
||||||
|
'OpenAIRE’s Usage Statistics Service contributes towards impact evaluation of usage activity in Open Access Repositories.'
|
||||||
|
| titlecase }}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{
|
||||||
|
'The service collects and analyzes usage data from the repository and exploits usage metrics like downloads and metadata views. ' +
|
||||||
|
'Counters about the usage of a repository and its individual items are available in the relative detail page on the OpenAIRE Discovery Portal.'
|
||||||
|
| titlecase }}
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
{{
|
||||||
|
'Taking advantage of OpenAIRE’s Graph service de-duplication mechanism, the service aggregates/merges usage statistics that come from different repositories and relate to the same object.' +
|
||||||
|
'OpenAIRE’s Usage Statistics service uses the Matomo Open Source Analytics platform (matomo.org) to track usage activity.' +
|
||||||
|
'Statistics are generated using the COUNTER Code of practice directives and reports can be collected from SUSHI-Lite compatible endpoints.'
|
||||||
|
| titlecase }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,23 @@
|
||||||
div {
|
.how-background {
|
||||||
color: green;
|
background-image: url("/assets/usage-statistics-assets/resources/how.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-text {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #212121;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-top {
|
||||||
|
border-top: 1px solid #BFBFBF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-right {
|
||||||
|
border-right: 1px solid #BFBFBF;
|
||||||
}
|
}
|
||||||
|
|
@ -1,3 +1,118 @@
|
||||||
<div>
|
<div>
|
||||||
test resources
|
<div class="uk-section uk-container">
|
||||||
|
<div class="uk-margin-large-left uk-margin-top">
|
||||||
|
<h1 class="uk-text-bold">How Can Be Used</h1>
|
||||||
|
<div class="uk-width-1-1 uk-width-4-5@m uk-margin-medium-top uk-margin-medium-bottom">
|
||||||
|
<p>
|
||||||
|
{{
|
||||||
|
'The service has to be enabled for the repository. This step results in the generation of two unique identifiers:'
|
||||||
|
| titlecase }}
|
||||||
|
</p>
|
||||||
|
<ul class="uk-list uk-list-bullet">
|
||||||
|
<li>a Matomo-ID that associates the repository with its usage events in Matomo platform; </li>
|
||||||
|
<li>an authentication-ID that allows to track usage activity on the Matomo platform.</li>
|
||||||
|
</ul>
|
||||||
|
<p>After the generation of the identifiers the repository manager has to perform the following steps:</p>
|
||||||
|
<p>1. Download the tracking code for the repository platform. The code is maintained on Github:</p>
|
||||||
|
<ul class="uk-list uk-list-bullet">
|
||||||
|
<li>
|
||||||
|
<span>as a patch for various versions of DSpace (</span>
|
||||||
|
<a href="https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
|
||||||
|
<span>https://github.com/openaire/OpenAIRE-Piwik-DSpace</span>
|
||||||
|
</a>
|
||||||
|
<span>)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>as an Eprints plugin for version 3 (</span>
|
||||||
|
<a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
|
||||||
|
<span>https://github.com/openaire/EPrints-OAPiwik</span>
|
||||||
|
</a>
|
||||||
|
<span>)</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>as a python script for all other cases (</span>
|
||||||
|
<a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
|
||||||
|
<span>https://github.com/openaire/Generic-Matomo-Tracker</span>
|
||||||
|
</a>
|
||||||
|
<span>)</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div>
|
||||||
|
2. Follow the instructions in the code README files and configure the tracker;
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
3. Deploy the tracking code in the repository.
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<span>
|
||||||
|
A notification e-mail will be sent to inform the repository administrator that
|
||||||
|
the installation of the tracking code has been validated and when the usage statistics will be available in the
|
||||||
|
</span>
|
||||||
|
<a href="https://provide.openaire.eu/" target="_blank">OpenAIRE Content Provider Dashboard</a>
|
||||||
|
<span>.</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="uk-section uk-container uk-container-large how-background">
|
||||||
|
<div class="uk-card uk-card-default uk-card-body card-text
|
||||||
|
uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right">
|
||||||
|
<h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
|
||||||
|
<div class="uk-grid uk-padding">
|
||||||
|
<div class="uk-width-1-2 uk-padding border-top border-right">
|
||||||
|
<img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
|
||||||
|
<p class="card-title">Guidelines</p>
|
||||||
|
<div>
|
||||||
|
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
|
||||||
|
https://openaire.github.io/usage-statistics-guidelines/
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="uk-width-1-2 uk-padding border-top">
|
||||||
|
<img src="/assets/usage-statistics-assets/resources/software.svg"/>
|
||||||
|
<p class="card-title">Software</p>
|
||||||
|
<ul class="uk-list">
|
||||||
|
<li>
|
||||||
|
<span class="uk-text-bold">Generic Matomo Tracker - </span>
|
||||||
|
<a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
|
||||||
|
https://github.com/openaire/Generic-Matomo-Tracker
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="uk-text-bold">Matomo tracker for DSpace - </span>
|
||||||
|
<a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
|
||||||
|
https://github.com/openaire/OpenAIRE-Piwik-DSpace
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="uk-text-bold">Matomo tracker for Eprints - </span>
|
||||||
|
<a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
|
||||||
|
https://github.com/openaire/EPrints-OAPiwik
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="uk-width-1-2 uk-padding border-top border-right">
|
||||||
|
<img src="/assets/usage-statistics-assets/resources/services.svg"/>
|
||||||
|
<p class="card-title">Services API</p>
|
||||||
|
<div>
|
||||||
|
<span class="uk-text-bold">SUSHI Lite Endpoint - </span>
|
||||||
|
<a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
|
||||||
|
http://services.openaire.eu/usagestats/sushilite/
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="uk-width-1-2 uk-padding border-top">
|
||||||
|
<img src="/assets/usage-statistics-assets/resources/faq.svg"/>
|
||||||
|
<p class="card-title">FAQ</p>
|
||||||
|
<div>
|
||||||
|
<a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing" target="_blank">
|
||||||
|
https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="1165.181" height="660.829" viewBox="0 0 1165.181 660.829">
|
||||||
|
<g id="Group_3099" data-name="Group 3099" transform="translate(-173 -73)">
|
||||||
|
<g id="Group_3098" data-name="Group 3098">
|
||||||
|
<path id="Path_16420" data-name="Path 16420" d="M404.212,210.66,373.2,222.145l-31.869,11.8-55.058,20.384-15.4,5.709L238.96,271.857" transform="translate(886.726 245.485)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="3"/>
|
||||||
|
<path id="Path_17201" data-name="Path 17201" d="M219.74,0,178.5,36.845,136.127,74.714l-73.212,65.4L42.435,158.427,0,196.331" transform="translate(1064.104 488.904) rotate(-20)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="1"/>
|
||||||
|
<path id="Path_17202" data-name="Path 17202" d="M183.655,0,149.191,30.795l-35.418,31.65L52.583,117.1,35.467,132.411,0,164.091" transform="translate(1173.187 487.171) rotate(50)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="1"/>
|
||||||
|
</g>
|
||||||
|
<g id="Group_3097" data-name="Group 3097">
|
||||||
|
<circle id="Ellipse_360" data-name="Ellipse 360" cx="198.5" cy="198.5" r="198.5" transform="translate(173 73)" fill="#222080" opacity="0.1"/>
|
||||||
|
<circle id="Ellipse_372" data-name="Ellipse 372" cx="105.5" cy="105.5" r="105.5" transform="translate(419 399)" fill="#4687e6" opacity="0.1"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,8 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="33.494" height="47.847" viewBox="0 0 33.494 47.847">
|
||||||
|
<g id="icon1" transform="translate(-719.366 -1391.153)">
|
||||||
|
<line id="Line_427" data-name="Line 427" y1="5" x2="18" transform="translate(719.5 1394.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_431" data-name="Line 431" x1="10.25" y2="21.129" transform="translate(732.25 1398.411)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_429" data-name="Line 429" x2="26" y2="27" transform="translate(726.5 1391.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<circle id="Ellipse_371" data-name="Ellipse 371" cx="11.5" cy="11.5" r="11.5" transform="translate(720 1416)" fill="#e95420" opacity="0.3"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 762 B |
|
|
@ -0,0 +1,8 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="85.658" height="66.707" viewBox="0 0 85.658 66.707">
|
||||||
|
<g id="icon3" transform="translate(-222 -1040.146)">
|
||||||
|
<rect id="Rectangle_2208" data-name="Rectangle 2208" width="57" height="40" rx="4" transform="translate(222 1045)" fill="#e95420" opacity="0.3"/>
|
||||||
|
<line id="Line_419" data-name="Line 419" y1="62" x2="62" transform="translate(225.5 1040.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_420" data-name="Line 420" x1="54" y1="54" transform="translate(233.5 1052.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_421" data-name="Line 421" y1="19" x2="57" transform="translate(250.5 1079.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 754 B |
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="1278.682" height="836.121" viewBox="0 0 1278.682 836.121">
|
||||||
|
<g id="how" transform="translate(-19.57 -923.403)">
|
||||||
|
<g id="Group_3100" data-name="Group 3100">
|
||||||
|
<path id="Path_17205" data-name="Path 17205" d="M183.656,0,149.191,30.795l-35.418,31.65L52.583,117.1,35.467,132.411,0,164.091" transform="translate(76.133 1081.775) rotate(20)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="1"/>
|
||||||
|
<path id="Path_17204" data-name="Path 17204" d="M195.719,0,158.99,13.6l-37.744,13.98L56.037,51.724,37.8,58.486,0,72.479" transform="matrix(0.891, -0.454, 0.454, 0.891, 24.655, 1254.85)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="2"/>
|
||||||
|
<path id="Path_17207" data-name="Path 17207" d="M280.595,0,227.939,23.668,173.826,47.993,80.338,90,54.188,101.766,0,126.114" transform="translate(24.428 1371.734) rotate(-87)" fill="none" stroke="#09091e" stroke-miterlimit="10" stroke-width="3"/>
|
||||||
|
</g>
|
||||||
|
<path id="Path_16422" data-name="Path 16422" d="M281.764,139.315a101.486,101.486,0,0,0-43.057-54.162,86.986,86.986,0,0,0-8.134-4.51A100.638,100.638,0,0,0,187.223,70.2H185.7a101.31,101.31,0,0,0-64.517,179.31,102.4,102.4,0,0,0,10.014,7.306,101.31,101.31,0,0,0,150.563-117.5Zm-96.089,90.254a57.9,57.9,0,1,1,57.9-57.9,57.9,57.9,0,0,1-57.9,57.9Z" transform="translate(1011.271 853.203)" fill="#e95420"/>
|
||||||
|
<path id="Path_17209" data-name="Path 17209" d="M231.718,121.779a75.736,75.736,0,0,0-32.132-40.42,64.915,64.915,0,0,0-6.07-3.366,75.1,75.1,0,0,0-32.35-7.793h-1.134a75.605,75.605,0,0,0-48.147,133.814,76.416,76.416,0,0,0,7.473,5.452,75.605,75.605,0,0,0,112.361-87.687ZM160.01,189.133a43.211,43.211,0,1,1,43.211-43.211,43.211,43.211,0,0,1-43.211,43.211Z" transform="translate(352.271 1538.203)" fill="#4687e6"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="59" height="47" viewBox="0 0 59 47">
|
||||||
|
<g id="icon4" transform="translate(-222 -1403)">
|
||||||
|
<rect id="Rectangle_2209" data-name="Rectangle 2209" width="40" height="40" rx="4" transform="translate(222 1403)" fill="#e95420" opacity="0.3"/>
|
||||||
|
<rect id="Rectangle_2210" data-name="Rectangle 2210" width="40" height="40" rx="4" transform="translate(241 1410)" fill="#e95420" opacity="0.3"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 449 B |
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="56.707" height="45" viewBox="0 0 56.707 45">
|
||||||
|
<g id="icon2" transform="translate(-716.146 -1048)">
|
||||||
|
<circle id="Ellipse_370" data-name="Ellipse 370" cx="22.5" cy="22.5" r="22.5" transform="translate(722 1048)" fill="#e95420" opacity="0.3"/>
|
||||||
|
<line id="Line_422" data-name="Line 422" x1="25" y2="25" transform="translate(716.5 1052.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_424" data-name="Line 424" x2="25" y2="25" transform="translate(747.5 1054.5)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_423" data-name="Line 423" x1="25" y2="25" transform="translate(716.5 1086.5) rotate(-90)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_425" data-name="Line 425" x1="25" y1="25" transform="translate(747.5 1090.5) rotate(-90)" fill="none" stroke="#707070" stroke-width="1"/>
|
||||||
|
<line id="Line_426" data-name="Line 426" x1="36" y2="36" transform="translate(726.5 1054.5)" fill="none" stroke="#707070" stroke-width="2"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in New Issue