Revision 58535
Added by Konstantinos Triantafyllou about 4 years ago
learn-in-depth.component.ts | ||
---|---|---|
1 | 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"; |
|
2 |
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component"; |
|
8 | 3 |
|
9 | 4 |
@Component({ |
10 | 5 |
selector: 'learn-in-depth', |
11 | 6 |
template: ` |
12 |
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld> |
|
13 |
|
|
14 | 7 |
<div class="image-front-topbar" |
15 | 8 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" |
16 | 9 |
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> |
|
10 |
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom" style="background-color: #E2EEFA !important;"> |
|
11 |
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top"> |
|
12 |
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> |
|
39 | 13 |
</div> |
40 | 14 |
</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>--> |
|
15 |
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page> |
|
205 | 16 |
</div> |
206 | 17 |
` |
207 | 18 |
}) |
208 | 19 |
export class LearnInDepthComponent { |
209 |
public piwiksub: any; |
|
210 |
public pageContents = null; |
|
211 |
public divContents = null; |
|
212 |
|
|
213 |
public url: string = null; |
|
214 | 20 |
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.properties, 'connect', this._router.url).subscribe(contents => { |
|
249 |
this.pageContents = contents; |
|
250 |
}) |
|
251 |
} |
|
252 |
|
|
253 |
private getDivContents() { |
|
254 |
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).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 |
} |
|
21 |
public pageDescription: string = "OpenAIRE - Connect, Community Gateway, research community"; |
|
22 |
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'learn in-depth'}]; |
|
279 | 23 |
} |
Also available in: Unified diff
[Connect | Trunk]: Change paqes base on new mocks.