From 59e4cbafff334b7c5a00c8a5cdc079f7cb5fbb7a Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Tue, 16 Jun 2020 18:13:40 +0000 Subject: [PATCH] [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. --- src/app/about/about.component.css | 7 +- src/app/about/about.component.html | 26 +++- src/app/resources/resources.component.css | 24 +++- src/app/resources/resources.component.html | 117 +++++++++++++++++- .../usage-statistics-assets/about/about.svg | 13 ++ .../usage-statistics-assets/resources/faq.svg | 8 ++ .../resources/guidelines.svg | 8 ++ .../usage-statistics-assets/resources/how.svg | 11 ++ .../resources/services.svg | 6 + .../resources/software.svg | 10 ++ 10 files changed, 224 insertions(+), 6 deletions(-) create mode 100644 src/assets/usage-statistics-assets/about/about.svg create mode 100644 src/assets/usage-statistics-assets/resources/faq.svg create mode 100644 src/assets/usage-statistics-assets/resources/guidelines.svg create mode 100644 src/assets/usage-statistics-assets/resources/how.svg create mode 100644 src/assets/usage-statistics-assets/resources/services.svg create mode 100644 src/assets/usage-statistics-assets/resources/software.svg diff --git a/src/app/about/about.component.css b/src/app/about/about.component.css index 59516c9..cbac054 100644 --- a/src/app/about/about.component.css +++ b/src/app/about/about.component.css @@ -1,3 +1,6 @@ -div { - color: red; +.about-background { + background-image: url("/assets/usage-statistics-assets/about/about.svg"); + background-repeat: no-repeat; + background-position: 0 0; + background-size: cover; } \ No newline at end of file diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html index e397e4a..5025aa0 100644 --- a/src/app/about/about.component.html +++ b/src/app/about/about.component.html @@ -1,3 +1,27 @@
- test about +
+
+

Monthly Usage Events

+
+

+ {{ + 'OpenAIRE’s Usage Statistics Service contributes towards impact evaluation of usage activity in Open Access Repositories.' + | titlecase }} +

+

+ {{ + '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 }} +

+

+ {{ + '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 }} +

+
+
+
diff --git a/src/app/resources/resources.component.css b/src/app/resources/resources.component.css index 33ba737..29eaf65 100644 --- a/src/app/resources/resources.component.css +++ b/src/app/resources/resources.component.css @@ -1,3 +1,23 @@ -div { - color: green; +.how-background { + 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; } \ No newline at end of file diff --git a/src/app/resources/resources.component.html b/src/app/resources/resources.component.html index 0d748c8..27507bc 100644 --- a/src/app/resources/resources.component.html +++ b/src/app/resources/resources.component.html @@ -1,3 +1,118 @@
- test resources +
+
+

How Can Be Used

+
+

+ {{ + 'The service has to be enabled for the repository. This step results in the generation of two unique identifiers:' + | titlecase }} +

+
    +
  • a Matomo-ID that associates the repository with its usage events in Matomo platform;
    • +
  • an authentication-ID that allows to track usage activity on the Matomo platform.
    • +
+

After the generation of the identifiers the repository manager has to perform the following steps:

+

1. Download the tracking code for the repository platform. The code is maintained on Github:

+ +
+ 2. Follow the instructions in the code README files and configure the tracker; +
+
+ 3. Deploy the tracking code in the repository. +
+

+ + 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 + + OpenAIRE Content Provider Dashboard + . +

+
+
+
+
+
+
+
Follow USAGE STATISTICS guidelines
+
+
+ +

Guidelines

+ +
+
+ +

Software

+ +
+
+ +

Services API

+ +
+
+ +

FAQ

+ +
+
+
+
diff --git a/src/assets/usage-statistics-assets/about/about.svg b/src/assets/usage-statistics-assets/about/about.svg new file mode 100644 index 0000000..a5eba63 --- /dev/null +++ b/src/assets/usage-statistics-assets/about/about.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/assets/usage-statistics-assets/resources/faq.svg b/src/assets/usage-statistics-assets/resources/faq.svg new file mode 100644 index 0000000..ad06267 --- /dev/null +++ b/src/assets/usage-statistics-assets/resources/faq.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/usage-statistics-assets/resources/guidelines.svg b/src/assets/usage-statistics-assets/resources/guidelines.svg new file mode 100644 index 0000000..d7fbf44 --- /dev/null +++ b/src/assets/usage-statistics-assets/resources/guidelines.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/usage-statistics-assets/resources/how.svg b/src/assets/usage-statistics-assets/resources/how.svg new file mode 100644 index 0000000..d32fb56 --- /dev/null +++ b/src/assets/usage-statistics-assets/resources/how.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/usage-statistics-assets/resources/services.svg b/src/assets/usage-statistics-assets/resources/services.svg new file mode 100644 index 0000000..1359262 --- /dev/null +++ b/src/assets/usage-statistics-assets/resources/services.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/usage-statistics-assets/resources/software.svg b/src/assets/usage-statistics-assets/resources/software.svg new file mode 100644 index 0000000..ae4649a --- /dev/null +++ b/src/assets/usage-statistics-assets/resources/software.svg @@ -0,0 +1,10 @@ + + + + + + + + + +