monitor/src/app/learn-how/learn-how.component.html

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div class="uk-section uk-container uk-container-large">
  <div class="uk-padding-small">
    <div class="uk-flex uk-flex-center">
      <div class="uk-text-center uk-width-2-5@m uk-width-2-3@s">
        <h1 class="uk-h2">Learn the process</h1>
        <h6 class="uk-text-muted uk-margin-remove">
          Use the Monitor Dashboard to view your research results, open science…
        </h6>
      </div>
    </div>
    <div class="process uk-margin-large-top">
      <div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
        <div class="zero">
          <div class="uk-text-center">
            <img width="90" src="../../assets/monitor-assets/about/process/0.png">
          </div>
          <h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6>
          <div class="uk-text-small uk-text-muted">
            <a class="uk-link" href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a> aggregates
            a collection of research data properties for funders, organizations,
            researchers, research communities and publishers to interlink information by using a semantic graph
            database approach.
          </div>
        </div>
        <div class="first">
          <div class="uk-text-center">
            <img width="110" src="../../assets/monitor-assets/about/process/1.png">
          </div>
          <h6>1. Provide us some information</h6>
          <div class="uk-text-small uk-text-muted">
            You give us some simple (meta)data related to your organization function: e.g., funding database,
            repositories, related projects, registry of people… All under confidential agreements.
          </div>
        </div>
        <div class="second">
          <div class="uk-text-center">
            <img width="100" src="../../assets/monitor-assets/about/process/2.png">
          </div>
          <h6>2. We get the ball rolling</h6>
          <div class="uk-text-small uk-text-muted">
            We ingest your data in our system and start the work: we clean and normalize your data, we identify and
            extract related information, we infer links. We refine until we are happy of the results and present to
            you.
          </div>
        </div>
      </div>
      <div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
        <div class="third uk-flex-last@s">
          <div class="uk-text-center">
            <img width="105" src="../../assets/monitor-assets/about/process/3.png">
          </div>
          <h6>3. You validate</h6>
          <div class="uk-text-small uk-text-muted">
            After the first iteration you examine our results to ensure you are satisfied with what you see. As
            numbers are important, we advise you to take your time and tell us of any deviations. We correct, you
            check, you approve.
          </div>
        </div>
        <div class="fourth">
          <div class="uk-text-center">
            <img width="135" src="../../assets/monitor-assets/about/process/4.png">
          </div>
          <h6>4. You set up your portal</h6>
          <div class="uk-text-small uk-text-muted">
            Using our admin panel you set up your portal. You decide what metrics are of interest to you (full
            documentation available). You decide what you want to publish, what to keep private, what to share with
            colleagues.
          </div>
        </div>
        <div class="fifth uk-flex-first@s">
          <div class="uk-text-center">
            <img width="105" src="../../assets/monitor-assets/about/process/5.png">
          </div>
          <h6>5. You track, monitor, report</h6>
          <div class="uk-text-small uk-text-muted">
            Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are
            notified about new metrics and indicators as we keep on enriching the OpenAIRE Research Graph and you may
            add them as they come along.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="uk-section uk-container uk-container-large">
  <div class="uk-padding-small">
    <div class="uk-text-center">
      <h2>See how it works</h2>
      <h6 class="uk-text-muted uk-margin-remove">
        Simplify research tracking & monitoring
      </h6>
    </div>
    <div class="how uk-margin-large-top uk-h6">
      <div class="uk-flex uk-flex-wrap">
        <div class="uk-width-1-3@s first uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/1.png">
          </div>
          <div class="uk-text-center">
            <span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources
          </div>
        </div>
        <div class="uk-width-1-3@s second uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/2.png">
          </div>
        </div>
        <div class="uk-width-1-3@s third uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/3.png">
          </div>
          <div class="uk-text-center">
            build an open, global<br>and trusted Research graph
          </div>
        </div>
      </div>
      <div class="uk-flex uk-flex-wrap">
        <div class="uk-width-1-3@s fourth uk-flex-last@s uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/4.png">
          </div>
          <div class="uk-text-center">
            we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce
            <span class="portal-color">Open Science Indicators</span>
          </div>
        </div>
        <div class="uk-width-1-3@s fifth uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/5.png">
          </div>
          <div class="uk-text-center">
            furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing
            <span class="portal-color">Collaboration Indicators</span>
          </div>
        </div>
        <div class="uk-width-1-3@s sixth uk-flex-first@s uk-text-muted">
          <div>
            <img src="../../assets/monitor-assets/about/how/6.png">
          </div>
          <div class="uk-text-center">
            Often combine with external data
            (patents, social, company) and
            perform <span class="uk-text-bold uk-text-uppercase">Impact Analysis</span> to
            produce <span class="portal-color">Innovation Indicators</span>
          </div>
        </div>
      </div>
      <div class="final uk-text-muted">
        <div>
          <img src="../../assets/monitor-assets/about/how/7.png">
        </div>
      </div>
    </div>
  </div>
</div>