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

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div class="uk-section">
  <div class="uk-text-center">
    <h1>See how it works</h1>
    <div>Use the Monitor Dashboard to view your research results, open science…</div>
  </div>
  <div class="uk-margin-xlarge-top uk-container uk-container-large">
    <div class="steps uk-visible@l">
      <div class="first">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="100" src="/assets/monitor-assets/about/1.png">
        </div>
        <div>
          <h6 class="uk-text-bold">1. Provide us some information</h6>
          <div>
            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>
      <span class="first-arrow"></span>
      <div class="second">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="165" src="/assets/monitor-assets/about/2.png">
        </div>
        <div>
          <h6 class="uk-text-bold">2. We get the ball rolling</h6>
          <div>
            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>
      <span class="second-arrow"></span>
      <div class="third">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="160" src="/assets/monitor-assets/about/3.png">
        </div>
        <div>
          <h6 class="uk-text-bold">3. You validate</h6>
          <div>
            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>
      <span class="third-arrow"></span>
      <div class="forth">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="400" src="/assets/monitor-assets/about/4.png">
        </div>
        <div>
          <h6 class="uk-text-bold">4. You set up your portal</h6>
          <div>
            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>
      <span class="forth-arrow"></span>
      <div class="fifth">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="180" src="/assets/monitor-assets/about/5.png">
        </div>
        <div>
          <h6 class="uk-text-bold">5. You track, monitor, report</h6>
          <div>
            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 class="steps uk-margin-small-left uk-margin-small-right uk-hidden@l">
      <div class="first">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="100" src="/assets/monitor-assets/about/1.png">
        </div>
        <div class="uk-width-expand">
          <h6 class="uk-text-bold">1. Provide us some information</h6>
          <div>
            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>
      <div class="second">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="165" src="/assets/monitor-assets/about/2.png">
        </div>
        <div class="uk-width-expand">
          <h6 class="uk-text-bold">2. We get the ball rolling</h6>
          <div>
            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="third">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="160" src="/assets/monitor-assets/about/3.png">
        </div>
        <div class="uk-width-expand">
          <h6 class="uk-text-bold">3. You validate</h6>
          <div>
            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>
      <div class="forth">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="400" src="/assets/monitor-assets/about/4.png">
        </div>
        <div class="uk-width-expand">
          <h6 class="uk-text-bold">4. You set up your portal</h6>
          <div>
            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>
      <div class="fifth">
        <div class="uk-text-center uk-margin-small-bottom">
          <img width="180" src="/assets/monitor-assets/about/5.png">
        </div>
        <div class="uk-width-expand">
          <h6 class="uk-text-bold">5. You track, monitor, report</h6>
          <div>
            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>