#

<div class="footer2"><small>2021-06 / EPFL-SI / IDEV-FSD / <a href="nicolas.borboen@epfl.ch">nicolas.borboen@epfl.ch</a></small></div>
----
## À propos
Cette présentation est une visite guidée de l'infrastructure WordPress à l'EPFL.
----
## Plan
1. Introduction
1. Historique
3. Chiffres
4. Environnement
5. Infrastructure
6. Statistiques
7. Résumé
---
# Introduction
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
---
# Historique
* **1997** : Premier site de l'EPFL
* **200?** : Jahia
* **2010** : [Web 2010](https://actu.epfl.ch/news/web-2010-2/)
* **2017**, mai - juin : POC wordpress sur Docker + refonte du name space <!-- => echec de docker -->
* **2018** : OpenShift (C2C), [Jahia2Wp](https://github.com/epfl-si/jahia2wp)
----
* **2018** : Début migration site jahia2wp → ancienne charte avec même layout et quelques shortcode/plugin pour site simple (utilisation de peu de boites jahia)
* **2018** (mars — décembre) : amélioration de l’outil de Jahia2wp pour prendre en charge toutes les boites Jahia (people,actu, memento, my, …) et courses après les webmasters
* **2018** (décembre) : Nouvelle charte sur homepage et niveau 1
----
* **2019** : début migration des sites vers la nouvelle charte
* **2019** (18 mars à 17:00) : nouveau logo
* **2019** (avril) : tous les sites sont migrés sur WordPress (en 13 mois)
* **2019** (décembre) : tous les sites ont la nouvelle charte
<!--
Décembre 2019 : fin migration à nouvelle charte
Octobre 2019 : Mise en prod Gutember (récriture des shortcode en bloc) :
2 avril 2019 : Fin migration jahia => wordpress : (Tous les sites migrés en 13 mois)
18 mars 2019 à 17h00 : Nouveau logo :
Janvier 2019 : début migration des sites vers la nouvelle charte
10 décembre 2018 : Nouvelle charte sur homepage et niveau 1 :
Mars 2018 = > décembre 2018 : amélioration de l’outil de Jahia2wp pour prendre en charge toutes les boites Jahia (people,actu, memento, my,…) et courses après les webmasters
10 mars 2018 :Début migration site jahia => wordpress : ancienne charte avec même layout et quelques shortcode/plugin pour site simple (utilisation de peu de boites jahia)
Septembre 2017 à mars 2018 : mise en place infra openshift (par C2C) et ecriture d’outil de migration Jahia2wp en python
Mai à juin 2017 : POC wordpress sur Docker + refonte du name space => echec de docker
* Jahia
* Septembre 2010 https://actu.epfl.ch/news/web-2010-2/
* Mars 2019 → Changement de logo
* Projet WordPress "Jahia2WordPress"
* Mars 2019 → site sous wordpress mais ancienne chatre
* POC docker → un site par container (ne tenait pas la charge)
* → passage a open shift
* 1er site wordpress mars 2017
* Charte 2018
* 10.2018 https://actu.epfl.ch/news/web-nouveau-moteur-de-recherche-sur-les-pages-epfl/
* OpenShift
-->
---
## Évolution du site web de l'EPFL
----
### Premier site web, 1997 ?

<!-- https://web.archive.org/web/19980214161153/http://www.epfl.ch/ -->
----
### 1998

<!-- https://web.archive.org/web/19981212024725/http://www.epfl.ch:80/ -->
----
### 2004

<!-- https://web.archive.org/web/20040903183302/http://www.epfl.ch/ -->
----
### 2007

https://web.archive.org/web/20070715050356/http://www.epfl.ch/
----
### 2010

<!-- https://web.archive.org/web/20101122192935/http://www.epfl.ch/ -->
----
### 2012

<!-- -->
----
### 2014

<!-- https://web.archive.org/web/20141014205512/http://epfl.ch/ -->
----
### 2019

---
# Chiffres 2017
* ~600 sites web sur le CMS Jahia (~23’000 pages web)
* ~600 sites web sur d’autres plateformes
* ~1’000 rédacteurs web
* ~20 outils inter-connectés
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
----
# Chiffres 2021
* 813 sites WordPress
---
# Environnement
* Docker (PHP, MariaDB, Apache)
* Dépot GitHub WP-OPS
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
---
# Infrastructure
* VM
* K8S → OpenShift → C2C
* https://wp-veritas.epfl.ch/
* Ansible
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
---
# Statistiques
* Grafana

* 33'000 pages
* 1.312 TB backup
* 19'000 entrées de menus
* 19 plugins
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
----
## Langues

---
# Workflow de création
1. Demande du site (ticket)
2. Création du site dans wp-veritas
3. 
---
# Résumé
Gestion de plus de 800 sites réalisable par une seule personne ou par une petite équipe, sans overhead.
<!-- .slide: data-background="https://i.imgur.com/mOsqxQz.jpg" data-contrast="on" -->
<!-- credit photo: https://unsplash.com/photos/WYd_PkCa1BY -->
---
# Remerciements
Luc, Natalie et Magaly pour leur aide et documents.
---
<!--
This style apply by default to all slides, unless .slide is used.
Note the use of the reveal class selector: this mean that only the presentation is affected by this style, and the makrdown preview or the book mode of hackmd.io is style intact.
If you want/need a resizable background image, add the background-size: cover; property and change background-position: 0px 0px;
-->
<style>
.reveal {
background-color: #e6e6e6;
background-image: url('https://epfl-idevelop.github.io/elements/svg/epfl-logo.svg');
background-repeat: no-repeat;
background-position: 5px 5px;
}
.reveal {
color: #111;
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6 {
color: #212121;
}
.reveal a {
color: #f009;
}
.reveal a:hover {
color: #f00;
}
.reveal .more {
color: #339;
}
.reveal code {
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(255, 255, 255, 0.46);
border-radius: 3px;
}
[data-contrast="on"] > div {
background-color: #ffffff50;
}
[data-contrast="on+"] > div {
background-color: #ffffff99;
}
/* https://stackoverflow.com/a/39614958/960623 */
img[alt$=">"] {
float: right;
}
img[alt$="<"] {
float: left;
}
img[alt$="><"] {
display: block;
max-width: 100%;
height: auto;
margin: auto;
float: none!important;
}
.reveal section img[alt$="logo"] { border: 0 }
.reveal h1 { font-size: 2em; }
.reveal h2 { font-size: 1.6em; }
.reveal h3 { font-size: 1.4em; }
.reveal h4 { font-size: 1.2em; }
.reveal h5 { font-size: 1.1em; }
.border { border: 1px solid #555; }
.reveal blockquote { width: 100% }
.reveal blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
.reveal cite:before { content: "\2009 \2015 \2009"; }
.reveal cite { font-size: 80%; }
.reveal code {
color: #fff;
background-color: #101010;
border-radius: 3px;
font-family: courier, monospace;
padding: 0 3px;
font-size: 0.8em;
}
.reveal .footer1 {
position: absolute;
bottom: 1em;
left: 1em;
font-size: 0.5em;
}
.footer2 {}
position: absolute;
bottom: 0%;
left: 0%;
}
</style>
{"metaMigratedAt":"2023-06-16T01:41:52.841Z","metaMigratedFrom":"YAML","title":"WordPress@EPFL","breaks":true,"description":"Etat des lieux de WordPress à l'EPFL","slideOptions":"{\"transition\":\"slide\",\"theme\":\"simple\",\"spotlight\":{\"enabled\":false},\"progress\":true}","contributors":"[{\"id\":\"98cf1d10-5049-49ca-9160-3f2e67fc1067\",\"add\":20067,\"del\":11891}]"}