1
|
import {Component} from '@angular/core';
|
2
|
import {ActivatedRoute, Router} from '@angular/router';
|
3
|
import {Meta, Title} from '@angular/platform-browser';
|
4
|
import {PiwikService} from '../../openaireLibrary/utils/piwik/piwik.service';
|
5
|
import {EnvProperties} from '../../openaireLibrary/utils/properties/env-properties';
|
6
|
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
7
|
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
|
8
|
|
9
|
@Component({
|
10
|
selector: 'learn-in-depth',
|
11
|
template: `
|
12
|
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
|
13
|
|
14
|
<div class="image-front-topbar"
|
15
|
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
16
|
tm-header-transparent="light" tm-header-transparent-placeholder="">
|
17
|
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
18
|
[texts]="pageContents['top']"></helper>
|
19
|
<!--<div
|
20
|
class="uk-background-norepeat uk-background-cover uk-section uk-padding-remove-bottom uk-section-overlap uk-position-relative uk-preserve-color"
|
21
|
style="min-height: calc(7.89999px + 60vh); background-image: url('assets/cloud/background.png') !important;">
|
22
|
<div class="uk-container uk-container-large uk-section uk-margin-top uk-padding-remove-top">
|
23
|
<div uk-grid>
|
24
|
<div class="uk-margin-large-top uk-width-3-4@m uk-width-1-1@s">
|
25
|
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let’s set up a Gateway for your Community
|
26
|
<b>Together</b></h1>
|
27
|
<div class="uk-width-4-5@m uk-width-1-1@s uk-h5">
|
28
|
<div class="uk-margin-bottom">You don’t have to go alone.</div>
|
29
|
<div>
|
30
|
We work with you in <b>4 collaborative steps</b> to identify your needs, putting in practice our
|
31
|
expertise on open science so you get the most out of OpenAIRE’s operational services.
|
32
|
</div>
|
33
|
</div>
|
34
|
</div>
|
35
|
<div class="uk-margin-large-top uk-width-expand">
|
36
|
<img width="308" height="285" src="assets/connect-assets/banner/together.png">
|
37
|
</div>
|
38
|
</div>
|
39
|
</div>
|
40
|
</div>
|
41
|
<div class="uk-container uk-container-large uk-section uk-padding-remove-top">
|
42
|
<ul class="uk-breadcrumb">
|
43
|
<li><a routerLinkActive="router-link-active" routerLink="/about">About</a></li>
|
44
|
<li><span class="active">Learn in-depth</span></li>
|
45
|
</ul>
|
46
|
<div uk-grid>
|
47
|
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
48
|
<img src="assets/connect-assets/about/1.png" class="uk-align-center" width="100px" height="100px">
|
49
|
<img src="assets/connect-assets/sketch_line_arrow.svg" class="uk-align-center">
|
50
|
</div>
|
51
|
<div class="uk-width-expand">
|
52
|
<div class="uk-margin-medium uk-text-bold uk-h4">1. Analyse your needs</div>
|
53
|
<i>Identify the scope and goals. Understand open science practices within EOSC and the OpenAIRE
|
54
|
services</i>
|
55
|
|
56
|
<p>
|
57
|
In this stage, you get to talk to the OpenAIRE team.
|
58
|
Share your expectations with us and let us give you all the details about the operational OpenAIRE
|
59
|
services, which will be integrated into the Gateway for your community.
|
60
|
</p>
|
61
|
<p>
|
62
|
Here are the most important questions that the OpenAIRE team will ask you, in order to understand your
|
63
|
scope and goals:
|
64
|
</p>
|
65
|
<ul class="uk-list uk-list-bullet">
|
66
|
<li>
|
67
|
Do you want a gateway, where researchers can have access to all research products of a discipline?
|
68
|
Do you want a gateway that gathers any research outcome, produced thanks to the funding and services
|
69
|
of a given research infrastructure?
|
70
|
</li>
|
71
|
<li>
|
72
|
Is your community (in)formally organized in sub-communities?
|
73
|
Would you like to browse research products and get statistics also for these sub-communities?
|
74
|
For example, the European Grid Infrastructure (EGI) features “virtual organizations” that represent
|
75
|
discipline-specific communities and/or specific research projects.
|
76
|
The research infrastructure DARIAH, on the other hand, is organised in national nodes (e.g.
|
77
|
DARIAH-IT, DARIAH-DE).
|
78
|
</li>
|
79
|
<li>
|
80
|
How can the OpenAIRE team identify the research products of your community, among all those
|
81
|
available in the OpenAIRE Graph?
|
82
|
Through a series of steps: set of keywords, acknowledgment statements, set of projects, set of
|
83
|
repositories, etc.
|
84
|
This can be partial and provisional information that will serve as a starting point to the OpenAIRE
|
85
|
team.
|
86
|
You will be able to refine and update this information, in the second phase “Develop a pilot”.
|
87
|
</li>
|
88
|
</ul>
|
89
|
</div>
|
90
|
</div>
|
91
|
|
92
|
<div uk-grid uk-height-match>
|
93
|
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
94
|
<img src="assets/connect-assets/about/2.png" class="uk-align-center" width="100px" height="100px">
|
95
|
<img src="assets/connect-assets/sketch_line_arrow.svg" class="uk-align-center">
|
96
|
</div>
|
97
|
<div class="uk-width-expand">
|
98
|
<div class="uk-margin-medium uk-text-bold uk-h4">2. Develop a pilot</div>
|
99
|
<i>We translate your needs into rules and processes and we configure operational OpenAIRE services.</i>
|
100
|
|
101
|
<p>
|
102
|
Based on the information gathered in phase 1 “Analyse your needs”, the OpenAIRE team will set up a
|
103
|
pilot Gateway.
|
104
|
We will configure the OpenAIRE mining algorithms to identify research products of the OpenAIRE Graph
|
105
|
that are relevant to your community.
|
106
|
Those, together with some basic statistics, will be available in the pilot version of the Community
|
107
|
Gateway that will be deployed on the OpenAIRE BETA infrastructure.
|
108
|
</p>
|
109
|
<p>
|
110
|
The OpenAIRE team will give you a demo of the Community Gateway, with details on how to refine and
|
111
|
update the configuration of the Community Gateway, both in terms of criteria for including research
|
112
|
products and in terms of logo and visible portal pages.
|
113
|
</p>
|
114
|
</div>
|
115
|
</div>
|
116
|
<div uk-grid uk-height-match>
|
117
|
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
118
|
<img src="assets/connect-assets/about/3.png" class="uk-align-center" width="100px" height="100px">
|
119
|
<img src="assets/connect-assets/sketch_line_arrow_large.svg" class="uk-align-center">
|
120
|
</div>
|
121
|
<div class="uk-width-expand">
|
122
|
<div class="uk-margin-medium uk-text-bold uk-h4">3. Test and Validate</div>
|
123
|
<i>You validate and test your new Community Gateway (portal). If needed, we further refine and adapt to
|
124
|
your needs</i>
|
125
|
|
126
|
<p>
|
127
|
Upon the completion of phase 2, take the time you need to test all its features, from search and
|
128
|
browse for research products, to addition/removal of statistics from the portal.
|
129
|
You can report any issue you might find and ask questions directly to the dedicated OpenAIRE team, via
|
130
|
a specially designed collaboration tool.
|
131
|
</p>
|
132
|
<p>
|
133
|
Typically, this phase takes some months, as you will have to go through certain procedures.
|
134
|
Change the configuration of the criteria to include research products, wait for the new configuration
|
135
|
to be applied on the OpenAIRE graph and validate the results, before you actually decide that the
|
136
|
coverage of research products for your community is adequate.
|
137
|
</p>
|
138
|
<p>
|
139
|
For some communities, the OpenAIRE team may also be able to implement dedicated mining algorithms
|
140
|
(e.g. to find acknowledgement statements to your community/infrastructure in the full-texts of
|
141
|
research articles) that may require several rounds of application, validation, and fine-tuning, before
|
142
|
it reaches a high precision and recall.
|
143
|
Your feedback is very important to minimize the effort and time needed for this process to complete.
|
144
|
</p>
|
145
|
|
146
|
<div class="uk-width-1-1 uk-text-center uk-margin-medium ">
|
147
|
<img src="assets/connect-assets/OpenAIRE-RCD_howtos.png" width="auto" height="auto">
|
148
|
</div>
|
149
|
</div>
|
150
|
</div>
|
151
|
<div uk-grid uk-height-match>
|
152
|
<div class="uk-width-1-6 uk-position-relative">
|
153
|
<img src="assets/connect-assets/about/4.png" class="uk-align-center" width="100px" height="100px">
|
154
|
</div>
|
155
|
<div class="uk-width-expand">
|
156
|
<div class="uk-margin-medium uk-text-bold uk-h4">4. Roll out the service</div>
|
157
|
<i>We jointly roll out your new portal. You take over the business operations and start engaging your
|
158
|
researchers</i>
|
159
|
|
160
|
<p>
|
161
|
Here we are: the coverage of research products is good, interesting statistics and charts have been
|
162
|
selected, and the portal pages available for end-users are ready.
|
163
|
We can roll out the Community Gateway and make it available to all the researchers of the community!
|
164
|
</p>
|
165
|
<p>
|
166
|
You, as a Community manager, become the main “promoter” of the Community Gateway.
|
167
|
Engage the researchers of your community and, when applicable, inform the managers of the research
|
168
|
infrastructure about the availability of tools for impact monitoring.
|
169
|
</p>
|
170
|
<p>
|
171
|
Remember that you will still be able to change the configuration of the Community Gateway in order to
|
172
|
address any issue that may arise and to follow the evolution of the community (e.g. a new project or a
|
173
|
new content provider that was not previously available in OpenAIRE).
|
174
|
</p>
|
175
|
<p>
|
176
|
Remember that you don’t have to go alone: the dedicated issue tracker you used in the “Test and
|
177
|
Validate” phase is always available for you to contact the OpenAIRE team and ask for support.
|
178
|
</p>
|
179
|
</div>
|
180
|
</div>
|
181
|
</div>
|
182
|
<div style="background-color: #CFDEF1;"
|
183
|
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
184
|
<div class="uk-container uk-container-large uk-section">
|
185
|
<div class="uk-flex uk-flex-middle uk-padding" uk-grid>
|
186
|
<div class="uk-text-center uk-width-1-1@s uk-width-1-2@m">
|
187
|
<img width="329" height="250" src="assets/connect-assets/contact/2.png">
|
188
|
</div>
|
189
|
<div class="uk-width-expand">
|
190
|
<div class="uk-text-bold uk-h4">
|
191
|
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It
|
192
|
is reliable.
|
193
|
</div>
|
194
|
</div>
|
195
|
<div class="uk-margin-medium">Get in touch with our team to find out how.</div>
|
196
|
<div class="uk-inline">
|
197
|
<a class="uk-button portal-button" routerLink="/contact-us" routerLinkActive="router-link-active">
|
198
|
CONTACT
|
199
|
US</a>
|
200
|
</div>
|
201
|
</div>
|
202
|
</div>
|
203
|
</div>
|
204
|
</div>-->
|
205
|
</div>
|
206
|
`
|
207
|
})
|
208
|
export class LearnInDepthComponent {
|
209
|
public piwiksub: any;
|
210
|
public pageContents = null;
|
211
|
public divContents = null;
|
212
|
|
213
|
public url: string = null;
|
214
|
public pageTitle: string = "OpenAIRE - Connect | Learn In Depth";
|
215
|
|
216
|
properties: EnvProperties;
|
217
|
|
218
|
constructor(
|
219
|
private route: ActivatedRoute,
|
220
|
private _router: Router,
|
221
|
private _meta: Meta,
|
222
|
private _title: Title,
|
223
|
private seoService: SEOService,
|
224
|
private _piwikService: PiwikService,
|
225
|
private helper: HelperService) {
|
226
|
}
|
227
|
|
228
|
public ngOnInit() {
|
229
|
this.route.data
|
230
|
.subscribe((data: { envSpecific: EnvProperties }) => {
|
231
|
this.properties = data.envSpecific;
|
232
|
|
233
|
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
|
234
|
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
|
235
|
}
|
236
|
this.url = this.properties.baseLink + this._router.url;
|
237
|
this.seoService.createLinkForCanonicalURL(this.url);
|
238
|
this.updateUrl(this.url);
|
239
|
this.updateTitle(this.pageTitle);
|
240
|
this.updateDescription("OpenAIRE - Connect, Community Gateway, research community");
|
241
|
|
242
|
//this.getDivContents();
|
243
|
this.getPageContents();
|
244
|
});
|
245
|
}
|
246
|
|
247
|
private getPageContents() {
|
248
|
this.helper.getPageHelpContents(this._router.url, this.properties, 'connect').subscribe(contents => {
|
249
|
this.pageContents = contents;
|
250
|
})
|
251
|
}
|
252
|
|
253
|
private getDivContents() {
|
254
|
this.helper.getDivHelpContents(this._router.url, this.properties, 'connect').subscribe(contents => {
|
255
|
this.divContents = contents;
|
256
|
})
|
257
|
}
|
258
|
|
259
|
public ngOnDestroy() {
|
260
|
if (this.piwiksub) {
|
261
|
this.piwiksub.unsubscribe();
|
262
|
}
|
263
|
}
|
264
|
|
265
|
private updateDescription(description: string) {
|
266
|
this._meta.updateTag({content: description}, "name='description'");
|
267
|
this._meta.updateTag({content: description}, "property='og:description'");
|
268
|
}
|
269
|
|
270
|
private updateTitle(title: string) {
|
271
|
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
|
272
|
this._title.setTitle(_title);
|
273
|
this._meta.updateTag({content: _title}, "property='og:title'");
|
274
|
}
|
275
|
|
276
|
private updateUrl(url: string) {
|
277
|
this._meta.updateTag({content: url}, "property='og:url'");
|
278
|
}
|
279
|
}
|