methodology

src/App.js

@@ -7,6 +7,7 @@ import Footer from './components/Footer';
 import Header from './components/Header';
 import WebTracking from './components/WebTracking';
 import PageTracker from './components/WebTracking/PageTracker';
+import Citation from './pages/About/Citation';
 import Communication from './pages/About/Communication';
 import FAQ from './pages/About/FAQ';
 import Glossaire from './pages/About/Glossaire';
@@ -282,6 +283,18 @@ function App() {
               path={urls.opendata[key]}
             />
           ))}
+          {Object.keys(urls.citation).map((key) => (
+            <Route
+              element={(
+                <PageTracker>
+                  <Citation />
+                </PageTracker>
+              )}
+              exact
+              key={key}
+              path={urls.citation[key]}
+            />
+          ))}
           {[...new Set(Object.values(urls.integration))].flat().map((url) => (
             <Route
               element={(

src/components/Header/index.js

@@ -352,6 +352,14 @@ function Header() {
               })}
               asLink={<RouterLink to={urls.opendata[lang] + search} />}
             />
+            <NavSubItem
+              current={path === urls.citation[lang]}
+              title={intl.formatMessage({
+                id: 'app.header.nav.citation',
+                defaultMessage: 'Comment citer le Baromètre ?',
+              })}
+              asLink={<RouterLink to={urls.citation[lang] + search} />}
+            />
             <NavSubItem
               current={path === urls.faq[lang]}
               title={intl.formatMessage({

src/config/urls.js

@@ -199,6 +199,10 @@ export default {
     fr: '/projet-et-equipe',
     en: '/project-and-team',
   },
+  citation: {
+    fr: '/citation',
+    en: '/citation',
+  },
   opendata: {
     fr: '/a-propos/opendata',
     en: '/about/opendata',

src/pages/About/Citation/index.js

@@ -0,0 +1,98 @@
+import { Col, Container, Row } from '@dataesr/react-dsfr';
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import Banner from '../../../components/Banner';
+import Icon from '../../../components/Icon';
+
+function Citation() {
+  const renderIcons = (
+    <Row justifyContent='center' alignItems='middle' gutters>
+      <Col n='12'>
+        <Icon
+          name='icon-bsso-23'
+          color1='blue-soft-125'
+          color2='blue-soft-75'
+        />
+      </Col>
+    </Row>
+  );
+  return (
+    <div className='opendata'>
+      <Banner
+        backgroundColor='blue-soft-50'
+        textColor='blue-dark-150'
+        supTitle={<FormattedMessage id='app.header.title' />}
+        title={<FormattedMessage id='app.header.nav.citation' />}
+        icons={renderIcons}
+      />
+      <Container>
+        <section className='color-blue-dark-125 content py-48'>
+          <Row gutters>
+            <section className='content py-4'>
+              <h3>
+                <FormattedMessage id='app.citation.all' />
+              </h3>
+            </section>
+            <section className='content py-4'>
+              <Col n='12 lg-10'>
+                <strong>
+                  <FormattedMessage id='app.citation1' />
+                </strong>
+                <p>
+                  Eric Jeangirard. Monitoring Open Access at a national level:
+                  French case study. ELPUB 2019 23rd edition of the
+                  International Conference on Electronic Publishing, Jun 2019,
+                  Marseille, France. doi: 10.4000/proceedings.elpub.2019.20
+                  {' '}
+                </p>
+              </Col>
+            </section>
+            <section className='content py-4'>
+              <Col n='12 lg-10'>
+                <strong>
+                  <FormattedMessage id='app.citation2' />
+                </strong>
+                <p>
+                  Anne L'Hôte, Eric Jeangirard. Using Elasticsearch for entity
+                  recognition in affiliation disambiguation. 2021,
+                  arXiv:2110.01958 ; hal: hal-03365806
+                  {' '}
+                </p>
+              </Col>
+            </section>
+            <section className='content py-4'>
+              <Col n='12 lg-10'>
+                <strong>
+                  <FormattedMessage id='app.citation3' />
+                </strong>
+                <p>
+                  Laetitia Bracco, Anne L'Hôte, Eric Jeangirard, Didier Torny.
+                  Extending the open monitoring of open science: A new framework
+                  for the French Open Science Monitor (BSO). 2022. hal:
+                  hal-03651518
+                </p>
+              </Col>
+            </section>
+            <section className='content py-4'>
+              <Col n='12 lg-10'>
+                <strong>
+                  <FormattedMessage id='app.citation4' />
+                </strong>
+                <p>
+                  Aricia Bassinet, Laetitia Bracco, Anne L'Hôte, Eric
+                  Jeangirard, Patrice Lopez, et al.. Large-scale
+                  Machine-Learning analysis of scientific PDF for monitoring the
+                  production and the openness of research data and software in
+                  France. 2023. hal: hal-04121339v3
+                </p>
+              </Col>
+            </section>
+          </Row>
+        </section>
+      </Container>
+    </div>
+  );
+}
+
+export default Citation;

src/pages/About/Methodology/index.js

@@ -1,14 +1,16 @@
 import './style.scss';
 
-import { Col, Container, Row } from '@dataesr/react-dsfr';
+import { Col, Container, Link as DSLink, Row } from '@dataesr/react-dsfr';
 import { FormattedMessage, useIntl } from 'react-intl';
 
 import Banner from '../../../components/Banner';
 import Icon from '../../../components/Icon';
 import { isInProduction } from '../../../utils/helpers';
+import useLang from '../../../utils/Hooks/useLang';
 
 function Methodology() {
   const intl = useIntl();
+  const { lang } = useLang();
 
   const renderIcons = (
     <Row justifyContent='center' alignItems='middle' gutters className='mb-32'>
@@ -24,6 +26,64 @@ function Methodology() {
 
   return (
     <>
+      <Container>
+        <section className='content py-48'>
+          <Row gutters>
+            <Col n='12 md-6 lg-6'>
+              <h4 className='marianne-bold fs-24-32'>
+                <FormattedMessage id='app.methodologie.publication' />
+              </h4>
+              <div>
+                <DSLink
+                  href='/assets/methodologie_publications_fr.pdf'
+                  target='_blank'
+                >
+                  <FormattedMessage id='app.methodologie.publication.description-fr' />
+                </DSLink>
+              </div>
+              <div>
+                <DSLink
+                  href='assets/methodologie_publications_en.pdf'
+                  target='_blank'
+                >
+                  <FormattedMessage id='app.methodologie.publication.description-en' />
+                </DSLink>
+              </div>
+              <img
+                src={`/assets/methodologie_publications_${lang}.png`}
+                alt='flyer bso'
+                className='w-100 flex img-fluid w-100 ds-fr--v-middle'
+              />
+            </Col>
+            <Col n='12 md-6 lg-6'>
+              <h4 className='marianne-bold fs-24-32'>
+                <FormattedMessage id='app.methodologie.data_software' />
+              </h4>
+              <div>
+                <DSLink
+                  href='/assets/methodologie_data_software_fr.pdf'
+                  target='_blank'
+                >
+                  <FormattedMessage id='app.methodologie.data_software.description-fr' />
+                </DSLink>
+              </div>
+              <div>
+                <DSLink
+                  href='/assets/methodologie_data_software_en.pdf'
+                  target='_blank'
+                >
+                  <FormattedMessage id='app.methodologie.data_software.description-en' />
+                </DSLink>
+              </div>
+              <img
+                src={`/assets/methodologie_data_software_${lang}.png`}
+                alt='flyer resultats bso'
+                className='w-100 flex img-fluid w-100 ds-fr--v-middle'
+              />
+            </Col>
+          </Row>
+        </section>
+      </Container>
       {!isInProduction() && (
         <div className='color-blue-soft-175 methodology'>
           <Banner
@@ -516,69 +576,31 @@ function Methodology() {
             }
             icons={renderIcons}
           />
-          <Container>
-            <section className='content py-48'>
-              <Row gutters>
-                <Col n='12 lg-8'>
-                  <FormattedMessage id='app.methodo-bso3-intro' />
-                  <br />
-                  {' '}
-                  <a
-                    href='https://hal.science/hal-04121339'
-                    target='_blank'
-                    rel='noreferrer'
-                    className='external_link'
-                  >
-                    Large-scale Machine-Learning analysis of scientific PDF for
-                    monitoring the production and the openness of research data
-                    and software in France
-                  </a>
-                  {' '}
-                  <br />
-                  <br />
-                  <hr />
-                  <br />
-                  <a
-                    href='/assets/dmp.pdf'
-                    target='_blank'
-                    rel='noreferrer'
-                    className='external_link'
-                  >
-                    <FormattedMessage id='app.methodo-bso3-dmp' />
-                  </a>
-                  <br />
-                  <br />
-                  <hr />
-                  <br />
-                  <FormattedMessage id='app.methodo-publi-intro' />
-                  <br />
-                  {' '}
-                  <a
-                    href='https://hal.archives-ouvertes.fr/hal-03651518'
-                    target='_blank'
-                    rel='noreferrer'
-                    className='external_link'
-                  >
-                    Extending the open monitoring of open science: A new
-                    framework for the French Open Science Monitor (BSO)
-                  </a>
-                  {' '}
-                  <br />
-                  <br />
-                  <hr />
-                  <br />
-                  <FormattedMessage id='app.methodo-contact' />
-                  {' '}
-                  <a href='mailto:[email protected]'>
-                    [email protected]
-                  </a>
-                  .
-                </Col>
-              </Row>
-            </section>
-          </Container>
         </div>
       )}
+      <Container>
+        <section className='content py-28'>
+          <Row gutters>
+            <Col n='12 lg-8'>
+              <a
+                href='/assets/dmp.pdf'
+                target='_blank'
+                rel='noreferrer'
+                className='external_link'
+              >
+                <FormattedMessage id='app.methodo-bso3-dmp' />
+              </a>
+            </Col>
+          </Row>
+        </section>
+        <hr />
+        <section className='content py-28'>
+          <FormattedMessage id='app.methodo-contact' />
+          {' '}
+          <a href='mailto:[email protected]'>[email protected]</a>
+          .
+        </section>
+      </Container>
     </>
   );
 }

src/pages/Declinaisons/HowTo/index.js

@@ -41,7 +41,7 @@ function HowTo() {
         icons={renderIcons}
       />
       <Container>
-        <section className='color-blue-dark-125 content pb-8'>
+        <section className='color-blue-dark-125 content pb-8 py-48'>
           <Row gutters>
             <Col n='12 lg-8'>
               <h2 className='marianne-bold fs-12-16'>

src/pages/Declinaisons/Variations/index.js

@@ -28,7 +28,7 @@ function Variations() {
         icons={renderIcons}
       />
       <Container>
-        <section className='color-blue-dark-125 content'>
+        <section className='color-blue-dark-125 content py-48'>
           <Row gutters>
             <Col n='12'>
               <h2>

src/translations/en.json

@@ -3,6 +3,7 @@
   "app.methodo-bso3-intro": "The methodology concerning datasets, code and software was set up by Patrice Lopez (science-miner), Anne L'Hôte (MESR), Eric Jeangirard (MESR), Laetitia Bracco (Université de Lorraine), Aricia Bassinet (Université de Lorraine). A working document presents the method (please note that this document is currently being drafted):",
   "app.methodo-publi-intro": "The methodology was set up by Anne L'Hôte (MESR), Eric Jeangirard (MESR), Didier Torny (CNRS) and Laetitia Bracco (University of Lorraine). The methodology is described in the working document available in HAL:",
   "app.methodo-bso3-dmp": "Data Managment Plan (DMP)",
+  "app.navigation.methodologies": "Methodologies",
   "app.methodo-contact": "Furthermore, if you have any questions, you can contact us at",
   "app.Q1": "1st quarter",
   "app.Q2": "2nd quarter",
@@ -298,6 +299,12 @@
   "app.header.nav.a-propos-glossaire": "Glossary",
   "app.header.nav.a-propos-methodologie": "Methodology",
   "app.header.nav.a-propos-notes-flash": "Flash Notes",
+  "app.header.nav.citation": "How do I cite the French Open Science Monitor ?",
+  "app.citation.all": "To cite the Open Science Barometer in an academic work, please use one of the references below:",
+  "app.citation1": "About the implementation of the French Open Science Monitor on open access to publications:",
+  "app.citation2": "About the automatic detection of affiliations:",
+  "app.citation3": "About the extension of open access indicators and monitoring of clinical trials:",
+  "app.citation4": "About the extension to research data, codes and software using text mining techniques:",
   "app.header.nav.a-propos-projet": "The project",
   "app.header.nav.a-propos-variations": "Local variations",
   "app.header.nav.a-propos-opendata": "Open data and source code of the OSM",
@@ -877,6 +884,12 @@
   "app.national-publi.others.retractions.chart-by-year.title": "Rate of retracted publications by year of publication",
   "app.national-publi.others.retractions.chart-by-field.title": "Rate of retracted publications by scientific field",
   "app.navigation.objet-recherche": "Research object navigation",
+  "app.methodologie.publication": "Méthodology for publications",
+  "app.methodologie.publication.description-fr": "Methodology in French (pdf)",
+  "app.methodologie.publication.description-en": "Methodology in English (pdf)",
+  "app.methodologie.data_software": "Methodology for research data, software and code",
+  "app.methodologie.data_software.description-fr": "Methodology in French (pdf)",
+  "app.methodologie.data_software.description-en": "Methodology in English (pdf)",
   "app.flyer.presentation": "General presentation leaflet of the French Open Science Monitor",
   "app.flyer.presentation.description-fr": "General presentation leaflet of the French Open Science Monitor in French (pdf)",
   "app.flyer.presentation.description-en": "General presentation leaflet of the French Open Science Monitor in English (pdf)",
@@ -1138,6 +1151,7 @@
   "app.baro-national.software.title": "Code and software",
   "app.baro-national.software.title.beta": "Code and software [beta]",
   "app.baro-national.thesis.title": "PhD theses",
+  "app.baro-national.data-and-software.title": "Research data and software",
   "app.beta": "[beta]",
   "app.data.disciplines": "Disciplines",
   "app.data.editeurs": "Publishers",