Je suis content de moi, qui préfère d’habitude être derrière la caméra. Le fait d’avoir été encouragé à réaliser ce retour d’expérience m’a permi de me dépasser et finalement, la chose à retenir est que 45min, c’est à la fois long et court :)

Néanmoins, je disposais quand même du dossier /var/lib/mysql qui semblait intact. J’ai donc fait un tar.gz du dossier avant de le récupérer en local pour voir ce que je pouvais en faire.

# on créé le tar.gz sur le serveur
$ sudo tar -zcvf ~/mysql.tar.gz /var/lib/mysql
# on le récupère en local
$ scp pi:~mysql.tar.gz .

Une fois cela fait, j’ai utilisé Docker et l’image mariadb (dans la version 10.3, qui était celle utilisée sur mon serveur pour éviter toute incompatibilité) pour pouvoir lancer une instance locale de mariadb, avec les données récupérées précédemment.

# Extraction du tar.gz
$ tar -xzvf mysql.tar.gz
$ cd var/lib
# J'aurais besoin de ce dossier pour récupérer mes dump SQL plus tard
$ mkdir backup

$ docker run --name restore_mariadb -v $(pwd)/data:/var/lib/mysql -v $(pwd):/backup -e MYSQL_ROOT_PASSWORD=root -d mariadb:10.3

La variable d’environnement est nécessaire sinon l’image ne démarrera pas, mais il faut bien garder en tête qu’il faudra indiquer le mot de passe de votre instance mySQL telle qu’elle était sur votre serveur.

Une fois cela fait, il suffit de lancer la commande suivante pour se connecter au conteneur :

$ docker exec -it restore_mariadb bash
root@e11929a58f8b:/# mysql -u root -p
Enter password:
Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 8
Server version: 10.3.23-MariaDB-1:10.3.23+maria~focal mariadb.org binary distribution

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]>

Et enfin, on peut faire des mysqldump et stocker le résultats dans le dossier /backup que l’on a également monté pour pouvoir restaurer les données une fois la base de données de nouveau opérationnelle.

mysqldump -u root -p mabase > /backup/mysql.sql

En espérant que cela puisse être utile à d’autres !

Et si jamais vous n’en avez pas de récentes, allez faire une sauvegarde de vos données dès maintenant :)

L’idée

Trop de spam ? Marre de donner son addresse email à chaque service ? Les alias mail sont là à la rescousse !

Suite à une idée d’Adrien Chinour, j’ai décidé de créer à mon tour un petit gestionnaire d’alias pour mes adresses emails. L’objectif est de pouvoir générer rapidement des alias afin de ne pas donner sa véritable adresse email lors d’inscription sur des sites divers. Ainsi, si l’on constate que le site envoie un peu trop de mail à notre goût, que l’on utilise plus le service, ou que réussir à se désinscrire relève du parcours du combattant, on supprime l’alias, et plus de mail indésirables !

Ayant mes domaines gérés par Gandi, j’ai regardé comment interagir avec mes adresses emails pour créer des alias depuis leur API.

Au niveau des technologies utilisées, j’ai utilisé Angular et les fonctions serverless de Netlify (en NodeJS) afin de gérer les appels à l’API Gandi.

Le principe est très simple: on s’authentifie avec un mot de passe, prédéfini dans les variables d’environnements des fonctions serverless de Netlify, on obtient un JWT Token signé avec un secret connu seulement par les fonctions serverless, et on peut ensuite considéré que l’on est authentifié. N’ayant pas besoin de gérer plusieurs utilisateurs, cela convient à mon cas d’utilisation.

Une fois authentifé, les fonctions serverless se chargent de récupérer la liste des domaines, ainsi que la listes des boites mails associées à ces domaines et on arrive ensuite sur l’écran suivant, qui nous permet de gérer les alias de chaque boite mail.

La suite

Dans le cas ou d’éventuels clients de Gandi souhaiteraient utiliser ce projet, j’ai tenté d’intégrer l’Oauth2, afin de permettre de s’authentifier via Gandi. Cela m’a également permis de comprendre mieux le fonctionnement de l’Oauth2.

J’ai donc demandé la création d’une application, obtenant ainsi un applicationId et un applicationSecret me permettant de mettre en place l’authentification. Afin de tester cela en local, j’ai utilisé un mock oauth2 réalisé par le groupe AXA

Malheureusement, l’API v5 de Gandi est encore en beta et le fournisseur d’authentification ne permet pas encore d’interagir avec les domaines et boites mails. 😢

En attendant que cela soit disponible, j’ai laissé mon travail disponible sur une branche dédiée.

J’ai également ajouté un bouton de déploiement Netlify en un clic pour ceux souhaitant se servir de ce petit projet. Il faudra néanmoins générer sa propre clé d’API depuis les paramètres de son compte Gandi et renseigner quelques variables d’environnement, décrite ci-dessous.

Pour générer le JWT Secret, la commande suivante peut être utile

cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 32 | head -n 1

Les sources du projet sont disponibles sur Github

Bien que n’ayant pas communiqué sur le suivi de mon mémoire comme cela était [indiqué ici]({ post_url 2019-03-17-memoire }), j’ai bien avancé sur ce dernier. Je vais lister ici mes avancées et ce qu’il me reste à faire.

Tout d’abord, la génération du PDF final était pour moi quelque chose que je souhaitais de façon automatique. Je voulais pouvoir disposer à tout moment de 3 versions présentables. Une version dite de “travail”, sur laquelle je retrouve toutes mes notes en cours, une version numérique, avec des marges assez faible, et une version papier avec des marges plus importantes, pour permettre une meilleure lisibilité lors de l’impression. J’ai donc utilisé Travis CI afin de pouvoir générer ces 3 documents à chaque tag sur mon dépôt.

J’ai également cherché à appliquer les bonnes pratiques LaTeX, avec l’utilisation du paquet nag qui permet de relever certaines erreurs et propose des corrections pour ces dernières.

Pour faciliter une diffusion plus facile de mon mémoire, j’ai mis en place une redirection vers la dernière version disponible accessible via le lien suivant : https://memoire.epsi.sylvainmetayer.fr

Un changement important à noter est le changement de ma problématique, afin d’éviter un potentiel hors sujet et de me restreindre à un périmètre trop petit. La nouvelle problématique est la suivante : Comment l’automatisation peut-elle permettre d’améliorer le cycle de vie d’une application ?. Concernant le travail sur mon mémoire, j’ai finalisé le plan, qui comporte donc 3 parties.

1. Le cycle de vie d’une application
2. L’intérêt de la mise en place d’une démarche d’automatisation, via une étude de cas
3. L’automatisation du cycle de vie d’une application

La première partie est désormais bien avancée et la deuxième partie nécessite encore un peu de travail et de reformulation. La troisième partie dispose de la plupart des idées et concepts que je souhaite aborder, il ne restera plus qu’à l’écrire.

Prochaine deadline, 28 juin, ou je présenterais une version (normalement) finalisée à mon tuteur. Comme indiqué dans l’article précédent, je suis preneur de vos retour, tant sur le fond que sur la forme !

J’ai donc décidé de rédiger sur ce blog les avancées de mon mémoire, afin de permettre de garder une trace des étapes de réalisation de ce dernier.

L’objectif est de publier un article, même court, par semaine, indiquant les recherches effectuées, les difficultés rencontrées, notes diverses et variées…

Aux niveaux des différents jalons imposés, les voici :

• [x] 29 mars - première point sur mon mémoire avec mon tuteur EPSI
• [ ] 26 avril - 2ème point sur mon mémoire avec mon tuteur EPSI
• [ ] 31 mai - 3ème point sur mon mémoire avec mon tuteur EPSI
• [ ] 28 juin - 4ème point sur mon mémoire avec mon tuteur EPSI
• [ ] 15 juillet - Rendu du mémoire
• [ ] Début Septembre - Soutenance de mémoire

Concernant le document attendu pour le premier rendez-vous tuteur, voici ci-dessous les éléments attendus.

Le contexte de l’alternance ainsi que les activités menées en stage ou alternance et le sujet principal des missions d’alternance

J’effectue mon alternance au sein de onepoint.

Le projet sur lequel je travaille actuellement comporte une équipe de 5 personnes, et nous effectuons le MCO¹ ainsi que l’ajout de fonctionnalités d’une application web de certification et d’audit pour un client, Bureau Veritas. Cette application est développée avec Symfony (PHP) pour le back-office et AngularJS pour le front-office. De plus, l’architecture du projet est basée sur Docker.

Le back-office était initialement en Symfony 2, et nous avons procédé à sa montée de version, passant ainsi de PHP5 à PHP7 et de Symfony 2.8 à Symfony 3.4.

Également, j’interviens ponctuellement sur le front-office, après avoir reçu une formation en interne, pour des correctifs mineurs.

J’ai également mis en place un LDAP avec un container Docker dans l’environnent de développement, afin de pouvoir tester le comportement du LDAP sans avoir à atteindre les tests en recette ou en plateforme d’intégration.

J’ai auparavant travaillé sur 2 projets.

Le premier était un projet pour un client qui restera inconnu, pour des clauses commerciales liées au contrat. Ce projet consistait à la refonte d’un espace membre, avec un système de souscription, d’avantage, de quizz et de campagne email avec l’aide d’Adobe Campaign. Ce projet a été réalisé avec Drupal 8, un CMS² PHP.

Le second projet est un ensemble de sous projet, consistant à la refonte des sites de la région Nouvelle-Aquitaine, également sous Drupal 8. Ce choix était une contrainte client, puisque tous les utilisateurs (rédacteurs, traducteurs, …) sont déjà habitués à l’interface d’administration de Drupal 7, et qu’un changement aurait impliqué des frais de formation à un nouvel outil, pas forcément nécessaire et valable.

Les sites auquels j’ai participé sont la refonte du site des transport de la région ainsi que la première version d’une régie publicitaire.

Le sujet ou projet d’étude envisagé

Concernant mon avancée, j’ai défini mon sujet, qui est le suivant : Comment l’automatisation peut permettre de réduire les erreurs humaines dans la mise en oeuvre d’une application ?

Ce sujet va donc concerner en grande partie le déploiement et l’intégration continue d’une application (web, étant donné qu’il s’agit du domaine dans lequel je travaille), du poste du développeur, en passant par les tests automatisés, intégration, recette, pré-production et jusqu’à la phase de production.

Néanmoins, je compte également aborder le sujet de l’automatisation au sein d’une équipe de développeur, afin de faciliter le travail de chacun, et réduire les potentielles erreurs manuelles, que ce soit au niveau des hooks git, des linters, de l’automatisation possible avec des IDE, …

Je compte également parler de l’automatisation au niveau de l’entreprise, sa mise en place, les personnes réticentes à convaincre pour mettre en place de tel système, le pour et le contre, ainsi que les impacts possible sur les KPI³.

Les compétences professionnelles acquises ou en cours d’acquisition pour ce sujet ou projet d’étude

Ce sujet sera donc assez théorique, mais portera également une partie pratique.

D’une part avec la légère l’expérience personnelle que j’ai avec ce domaine, ou j’ai automatisé certains projets, tel que par exemple qu’un chatbot réalisé en 4ème année, ou encore ma découverte d’Ansible, avec lequel j’ai automatisé l’installation d’un serveur Debian.

D’autre part avec le projet sur lequel je suis en train de travailler lors de mon alternance à onepoint. L’objectif est de faire plus ou moins une refonte, ou du moins une amélioration de la chaine d’industrialisation.

Ce projet va être pour moi une opportunité de pouvoir me confronter à des problématiques réelles d’entreprises, et monter en compétences sur tous les domaines concernant l’intégration et le déploiement continu. Ce projet devrait être lancé dans les semaines à venir.

Une ébauche de plan

Une première ébauche de plan à déjà été effectuée en décembre, et a continuée d’être agrémentée d’idées, remaniée, …

Le brouillon est disponible sur Github, et en voici son contenu, à ce jour :

0. Introduction
1. Historique
2. Pourquoi automatiser
3. Etat de l’art
4. Automatiser un projet
   1. Localement
   2. Intégration continue
   3. Déploiement continu
   4. Tests
5. Bénéfices constatés
6. Limites
7. Conclusion

Le PDF de l’état actuel de mon mémoire peut-être consulté ici

Une première liste bibliographique détaillée

Je suis ainsi en train de lire deux livres :

• The Phoenix Project, plus sur la partie gestion de projet, qui aborde les interactios entres les différentes personnes impliquées dans un projet, et les conditions de succès d’un projet.
• The DevOps Handbook, que je viens de commencer, traitant du monde DevOps, et de la façon de déployer des applications de façon continue.

De plus, le livre Le plan Copenhague est un livre numérique, en cours de rédaction, très intéressant sur la façon de migrer des sites sous “Le cloud”.

Le site 12Factor contient également des ressources intéressantes.

Je prévois également de lire un livre traitant d’Ansible, afin d’en savoir plus à ce sujet.

Voici pour cette première édition à propos de mon avancée sur mon mémoire.

Si vous avez des retours ou idées d’amélioration, remarques constructives, n’hésitez pas à laisser un commentaire ou [contactez moi](mailto:?subject=Commentaire sur le mémoire) !

Je souhaitais utiliser FontAwesome sans pour autant intégrer toute la librairie, assez lourde.

J’ai donc cherché un moyen de n’inclure que les icônes utilisés, et c’est comme cela que je suis venu à chercher comment créer un plugin Jekyll.

La documentation est assez bien fournie, ce qui m’a permis de rapidement prendre en main Jekyll.

Réalisation

Ne souhaitant que afficher des icones, je me suis tourné sur 2 Tag, qui permettent de définir une balise et de lui passer des paramètres.

Ainsi, je passe à mon premier tag le type de l’icone que je souhaite utiliser (regular, solid ou brand), ainsi que son nom, et je génère la balise HTML¹ correspondant à l’icone. Il ne me reste donc plus qu’à récupérer la définition SVG² de l’icône et l’inclure dans un namespace, en bas de la page HTML.

Pour cela, j’ai ajouté au données de la page Jekyll les icones que j’utilise, dans un simple tableau.

C’est lors de l’usage du deuxième tag que je récupère tous les icones utilisés sur la page, et que je vais récupérer la définition SVG de l’icône.

J’ai tout d’abord réalisé ce plugin très simplement, en utilisant le répertoire _plugins de Jekyll. Mais une fois fonctionnel, j’ai souhaité en faire une Gem, mise à disposition sur RubyGems, pour qu’elle soit disponible pour tous, si elle venait à être utile à certains :blush:.

La création d’une Gem à été assez simple, le guide de Bundler étant très bien détaillé.

J’ai essayé d’être le plus en accord avec les conventions du langage Ruby, mais n’étant pas familier avec ce dernier, je suis ouvert à toute remarques pour améliorer le code !

Il me reste à tester l’application de façon plus détaillée et à gérer les cas d’erreurs, qui sont pour le moment gérés de façon optimiste !

Usage

L’usage est le suivant :

Lorsque l’on souhaite afficher un icone, il faut utiliser le tag suivant. Le code ci-dessous va générer l’icone Twitter.

{% fa_svg fab.fa-twitter %}

Voici le résultat :

{% fa_svg fab.fa-twitter %}

Il faut ensuite ajouter à un endroit commun à toutes les pages (en général un footer), le tag de génération de la feuille SVG.

{% fa_svg_generate %}

Liens

Si vous voulez voir le code, il est disponible sur ce dépôt.

Pour télécharger la Gem, c’est par ici !

Comme indiqué dans l’article précédent, je cherchais désormais à intégrer une solution de commentaire, tout en évitant les solutions peu respectueuse de notre vie privée.

Mon choix s’était alors porté sur isso, bien qu’il existe de nombreuses alternatives¹.

La chose que j’ai apprécié avec Isso, en plus du fait qu’il est libre et auto-hébergé, est qu’il ne requiert aucune inscription pour commenter. Il est possible d’indiquer son nom, site web et adresse email (qui ne sera jamais publiée), chaque champ étant optionnel. Une modération est également possible (étant donné que j’ai fait le choix de laisser la possibilité de commenter anonymement, j’ai également fait le choix d’activer la modération avant publication).

Installation

L’installation a été assez simple, de nombreux tutoriels² existent sur internet et la documentation est assez claire.

Voici les différentes étapes pour installer isso.

1. Installer les dépendances Python et virtualenv.

   Bien que virtualenv ne soit pas obligatoire, il est recommandé afin d’éviter d’interférer avec les dépendances existantes sur le système.

   sudo apt-get install build-essential python-dev python-pip virtualenv

2. Une fois les dépendances installées, on initialise un environnement virtualenv

   sudo virtualenv /opt/isso

   On active l’environnemment, en tant que root.

   sudo su
   source /opt/isso/bin/activate

   Etant donné que /opt n’est pas accessible en écriture aux utilisateurs, on utilise sudo. Mais rien n’empêche de l’installer dans le répertoire personnel de l’utilisateur.

3. Installation des dépendances

   pip install isso gunicorn

   On peut désormais quitter virtualenv.

   deactivate

Configuration

On ne souhaite pas que isso soit exécuté en tant que root car s’il venait à y avoir une faille, l’attaquant aurait alors tous les droits. On va donc créer un utilisateur dédié et lui donner les droits sur les répertoires nécessaire (log et données). On créé également un répertoire /etc/isso qui contiendra les différentes configurations.

sudo adduser isso
sudo mkdir /var/lib/isso /var/log/isso
sudo chown isso:isso /var/lib/isso
sudo chown isso:isso /var/log/isso
sudo mkdir /etc/isso

Il reste maintenant à configurer Isso. Mon cas d’usage est le suivant : je souhaite avoir deux sites, un pour l’environnement de développement, l’autre pour la production. Voici ma configuration (/etc/isso/isso.cfg et /etc/isso/isso.prod.cfg).

La documentation du site isso ne semble pas à jour, pour des détails sur chaque paramètre, il est préférable de se référer à la documentation présente sur Github

[general]
dbpath = /var/lib/isso/prod.comments.db
# Etant donné que je configure plusieurs sites, il est nécessaire de mettre une valeur au champ name
name = main
host = https://sylvainmetayer.fr
max-age = 15m
# Pour recevoir les notifications de nouveaux commentaires par email
notify = smtp
reply-notifications=false
log-file =
# Permet d'accéder à une interface d'administration permettant de visualiser les commentaires et de les approuver/rejeter/supprimer.
admin_password = MySuperSecurePassword

[moderation]
enabled = true
purge-after = 30d

[server]
listen = http://localhost:8080

[smtp]
username = me@mon.email.fr
# Malheureusement, le mot de passe doit être en clair.
# Il est donc recommandé de créer un compte email dédié pour l'envoi des notifications.
password = MonMotDePasseEmail
host = mail.gandi.net
port = 587
security = starttls
# L'adresse qui reçoit les notifications
to = you@your.email.com
from = me@mon.email.fr
timeout = 10

[guard]
# Enable basic spam protection features, e.g. rate-limit per IP address (/24
# for IPv4, /48 for IPv6).
enabled = true
ratelimit = 2
direct-reply = 2
reply-to-self = false
require-author = false
require-email = false

[markup]
options = strikethrough, autolink, fenced_code, no_intra_emphasis
# default, only a, blockquote, br, code, del, em, h1, h2, h3, h4, h5, h6, hr,
# ins, li, ol, p, pre, strong, table, tbody, td, th, thead and ul are allowed.
allowed-elements =
allowed-attributes =

[hash]
# Utilisé pour générer des identicons sur les commentaires
salt = SaltDe25Caractère
algorithm = pbkdf2

La configuration pour le site de développemnt est identique, il suffit donc de copier/coller le fichier et d’éditer quelques champs.

[general]
dbpath = /var/lib/isso/dev.comments.db
name = development
host = https://development_url

sudo chown root: /etc/isso/isso.cfg
sudo chown root: /etc/isso/isso.prod.cfg

Une fois la configuration terminée, il faut configurer le service pour qu’il démarre au lancement de l’OS.

On créé donc le script de démarrage du service dans /opt/isso/isso-start.sh

#!/bin/bash
set -e
source /opt/isso/bin/activate
export LANG=C.UTF-8
export ISSO_SETTINGS="/etc/isso/isso.cfg;/etc/isso/isso.prod.cfg"
exec gunicorn -n gunicorn-isso -b 127.0.0.1:8080 --preload -w 2 --log-file /var/log/isso/isso.log isso.dispatch 2>>/var/log/isso/isso.log

sudo chown root: /opt/isso/isso-start.sh
sudo chmod 755 /opt/isso/isso-start.sh

On créé maintenant le service.

[Unit]
Description=isso commenting system

[Service]
ExecStart=/opt/isso/isso-start.sh

Restart=on-failure
TimeoutSec=1
User=isso

LimitNOFILE=16384
LimitNPROC=16384
LimitLOCKS=16384

# ensures that the service process and all its children can never gain new
# privileges.
NoNewPrivileges=true

[Install]
WantedBy=multi-user.target

On redémarre systemctl et on active isso au démarrage, puis on le lance !

sudo chown root: /lib/systemd/system/isso.service
sudo chmod 644 /lib/systemd/system/isso.service
sudo systemctl daemon-reload
sudo systemctl enable isso
sudo systemctl start isso

Il reste maintenant à configurer le reverse proxy (nginx dans mon cas).

location / {
    proxy_pass http://127.0.0.1:8080/;
    proxy_redirect default;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
}

Les headers sont importants, puisque s’ils ne sont pas présents, isso enverra des emails avec des liens pointant vers localhost:8080 et ne fonctionnera pas bien côté client.

Il ne reste maintenant plus qu’à configurer notre client ! Voici le code que j’ai ajouté dans mon fichier _layouts/post.html. J’ai également ajouté un attribut enable_comments dans mes posts, lorsque je souhaite activer les commentaires.

Le script est chargé en asynchrone, afin de ne pas gêner le chargement de la page.

{% if page.enable_comments %}
    <hr>
    <h2>Commentaires</h2>
    <script async
    data-isso="{{site.isso.url}}"
    data-isso-id="{{page.id}}"
    data-isso-feed="true"
    src="{{site.isso.script}}"></script>

    <section id="isso-thread"></section>
    <hr>
{% endif %}

Pour plus d’informations que les paramètres disponibles côté client, voir la documentation sur Github.

⚠ Lorsqu’un fil de commentaire est vide (ce qui est le cas lorsqu’un article ne contient pas encore de commentaire), isso répond avec une erreur HTTP 404, ce qui peut faire croire qu’une page est manquante ou invalide. Une issue est ouverte sur le dépôt Github pour renvoyer un code HTTP 204 (no content) à la place.

Et voici le résultat !

Ce n’est qu’une image, les commentaires se trouvent plus bas 😉

Edit 16.07.2020 : Les commentaires ne sont pour le moment plus disponibles. Migration vers Eleventy en cours, ils devraient être remplacés à l’aide des Webmentions d’ici les prochaines semaines/mois.

Le passage de PHP à Jekyll

Après quelques années d’existence, mon ancien site commençait à vieillir.

(Les sources de mon ancien site sont toujours disponibles sur Github, mais remontent à l’époque de mon DUT, soyez indulgents ! 😁)

De plus, le premier et unique article présent sur ce site n’était même pas hébergé sur ce site, mais sur un sous-domaine (désormais inexistant) et avec la plateforme Ghost (qui est un excellent logiciel libre au passage !).

Cela faisait donc deux sites à maintenir, pour un trafic plus que faible 😀 !

Le choix de PHP avait été fait à l’époque car il s’agissait du seul langage que je maitrisais.

En y réfléchissant, pour effectuer une refonte du site, j’ai listé les points que je souhaitais avoir.

1. Des performances améliorées

Pour cette refonte, je souhaitais obtenir des performances dignes de ce nom. N’ayant pas de logique côté serveur (puisque le but de ce site est simplement de servir du contenu, pas d’effectuer un traitement dessus ou de traiter des données externe), le choix d’un langage côté serveur ne me semblait plus très cohérent.

Etant donné que j’ai que du contenu statique, pourquoi ne pas envoyer au client un simple fichier HTML, plutôt que de consommer du temps CPU et des processus PHP pour générer une page d’une faible complexité ? Pourquoi ne pas construire une fois toutes les pages nécessaire, pour n’avoir plus qu’à les servir ensuite, supprimant le temps de génération de la page côté serveur ?

J’ai donc commencé à creuser la question des générateurs de sites et en ai trouvé plusieurs (le très bon site StaticGen m’a beaucoup aidé à trouver des ressources et des avis). C’est ainsi que mon choix s’est porté sur Jekyll.

Voici une illustration des performances actuelles du site, ainsi qu’un rapport Dareboost. Je suis assez satisfait du résultat, même s’il me reste du travail à faire dessus (mais comme le produit parfait n’existe pas, le site parfait n’existe pas non plus ! 😜)

2. Le contenu prime sur le design (pour moi)

Je suis un très mauvais designer et l’intégration CSS est pour moi un vrai calvaire.

C’est d’ailleurs pour cela que je suis parti d’un template Jekyll que j’ai ensuite adapté à mes besoins.

Le thème de base que j’ai utilisé peut être consulté ici

Néanmoins, je ne voulais pas d’un thème complexe, qui allait ainsi influer sur les performances du site (plus il y a de CSS et de JS, plus le site sera long à charger pour l’utilisateur). C’est pourquoi le thème que j’ai choisi n’intègre aucun javascript. Ainsi, seule une feuille de style, quelques emojis provenant de Github, et une feuille SVG¹ sont chargées en plus du contenu.

Je n’exclus pas d’utiliser du javascript lorsque je ferai évoluer le site, mais je vais tenter d’en limiter au maximum l’usage.

Certes, le thème du site semblera au mieux austère à certains, au pire hideux à d’autres, … Mais au moins, le site est lisible sur (presque, je n’ai pas de montre connectée pour tester !) tous les supports et charge rapidement 😀

3. La rédaction doit se faire en Markdown et une séparation style/contenu doit exister

C’est également l’une des raisons qui m’a poussé vers les générateurs de site statiques.

J’aime beaucoup le markdown, et m’en sert beaucoup en cours pour ma prise de note. Il s’agit d’un langage extrêmement simple pour la rédaction, et en même temps, très puissant.

Concernant la séparation style/contenu, les layouts de Jekyll répondent parfaitement à ce besoin.

4. Sécurité

Je souhaitais un site qui ne sera pas facilement corrompu. Avec des pages HTML, aucune faille PHP / Node / Java / (mettez le nom de votre langage préféré ic) possible. Avec un générateur de site statique, on génère le contenu une fois, on publie le résultat et on sert le contenu, c’est tout !

Concernant l’hébergement, je me suis tout d’abord dis que j’allais profiter de l’hébergement avec Github Pages. Cela fonctionne très simplement, même avec un domaine personnel, puisqu’il suffit simplement d’utiliser le gestionnaire DNS de son registrar pour faire pointer le domaine sur l’IP de Github Page.

Néanmoins, cela un inconvénient majeur à mon sens : la maîtrise des paramètres du site est impossible, que cela soit au niveau du cache, des headers de sécurité, … Github empêche toute modification des headers sur les sites hébergés par Github Pages²

Au final, nous ne sommes jamais aussi bien servi que par soi-même, j’ai donc utilisé Travis CI pour déployer le site généré sur mon petit Raspberry avec un Rsync : pas besoin de plus compliqué, cela me suffit amplement. Un serveur web devant, un certificat Let’s Encrypt et voilà !

J’ai ainsi pu obtenir une note convenable, selon l’observatoire Mozilla et Cryptcheck. Il me reste néanmoins un peu de travail à faire sur les CSP (Content Security Policy), ce concept n’est pas évident à appréhender 😣 !

5. SEO

Il s’agit de ma première réelle expérience SEO³ et Jekyll offre de nombreux plugins⁴ permettant de générer des sitemap, un flux RSS, des métadonnées, … J’ai donc essayé de tirer profit de cela au maximum.

Workflow

Mon processus de développement est assez simple :

• Je développe en local mes articles et pages.
• Le code est versionné sur Github
• Travis s’assure de la qualité du site, avec des tests de validité des liens et des images, ainsi que la structure des pages HTML.
• Travis déploie une version (correspondant à la branche master) de production.
• Je déploie également avec une autre branche une version de développement, qui me permet de tester le site avant d’effectuer un merge sur master :smiley:

Un nouveau site, pour quoi faire

Ce site va principalement me servir à exposer mes projets réalisés, et à effectuer ma veille technologique. J’y écrirais des articles sur mes expériences de développement, afin de garder une trace de ce qui m’est arrivé. Je ne m’impose cependant aucun rythme de publication, il est donc possible que le site reste quelques mois sans nouveaux contenus.

Evolutions

Ce site est fonctionnel, mais pourtant il me reste quelques petits éléments à améliorer/régler.

Système de commentaire

Etant sur un site statique, il n’est pas possible d’inclure des commentaires directement, puisqu’il n’y a aucun traitement côté serveur.

Evidemment, il est possible d’intégrer des solutions tel que Disqus ou encore Facebook Comments mais ces solutions étant peu protectrice de notre vie privée, j’ai préféré chercher une alternative.

Après quelques recherches, j’ai trouvé 2 solutions :

1. Isso
2. Staticman

Le premier est un serveur de commentaire basique et léger écrit en Python. Je n’ai pas encore eu beaucoup de temps à consacrer à ce sujet, notament pour l’auto-héberger, mais je pense qu’il s’agit d’une très bonne solution et risque de me pencher dessus dans les prochaines semaines !

Le deuxième semblait très prometteur mais malheureusement victime de son succès. En effet, il s’agit d’un bot Github, interagissant avec le dépôt Github, et qui ajoute les commentaires directement dans la branche master ou créé une pull request si une approbation est nécessaire avant la publication des commentaire.

De plus, comme indiqué sur leur site, cet outil s’intègre très bien avec Jekyll et Github. Néanmoins, il utilise l’API Github, et étant un projet public commençant à prendre de l’ampleur, les limitations de l’API Github semble bloquer/ralentir ce projet, entrainant de nombreuses erreurs.

Une solution pour parer au problème serait d’auto-héberger le projet avec une clé d’API Github personnelle mais semble beaucoup pour “simplement des commentaires”, même si j’aimais beaucoup l’idée de pouvoir avoir des pull request pour chaque commentaire !

Edit : Les commentaires sont maintenant disponible ! 💥

Voir l’article

Conclusion

Merci à tous d’avoir lu cet article, j’espère qu’il vous aura plu.

Si vous avez des remarques, n’hésitez pas à me faire vos retours !

Ce projet personnel a été réalisé pour disposer d’un modèle lors de la réalisation d’écrits avec LateX.

Il utilise également Travis CI afin de générer automatiquement le PDF lors du tag sur le dépôt Github et permet d’effectuer une vérification orthographique basique.

Consulter le site d’Ansible

J’ai réalisé ce projet personnel afin de me familiariser avec Ansible et pouvoir récréer un serveur à l’identique sans intervention humaine.

Le choix d’Ansible m’a semblé intéressant car il ne nécessite pas l’installation d’un agent sur le serveur cible pour effectuer le déploiement. Seul Python est requis, et la plupart, pour ne pas dire la totalité des serveurs linux dispose de python de base. De plus, la syntaxe pour écrire les playbooks (jeu d’instructions) est du YAML, simple à lire et à écrire.

J’ai tenté de réaliser les différents playbooks de façon la plus modulaire possible, rendant l’ajout de fonctionnalités simple.

Ce projet permet ainsi de :

• Déployer un serveur et le sécuriser avec des clés SSH, Fail2Ban, Iptables.
• Déployer certaines applications réalisées lors de ma formation (afin de tester plusieurs type de déploiement, que ce soit des applications en PHP ou en NodeJS)
• Mettre en place une solution de monitoring avec Monit
• Configurer automatique un serveur Web (Nginx) et effectuer des demandes de certificats HTTPS auprès de Let’s Encrypt de façon automatique, y compris pour le renouvellement.

Le travail sur ce projet n’est pas encore terminé, puisqu’il reste encore par exemple à gérer la question de la sauvegarde et de la restauration des données des différentes applications installées. Vous pouvez contribuer au projet à cette adresse.

J’ai réalisé ce bot afin de permettre un suivi des interruptions des Trams Bordelais.

Les informations sont récupérées depuis les comptes officiels twitter de TBM, et repère des mots clés afin de compter les jours sans interruptions.

Agent Ready

Sources (Github) Voir le jeu

Le but de ce projet était de réaliser un ‘Jeu dont vous êtes le héros’ avec diverses actions, tout en utilisant jQuery.

Ce projet a été réalisé lors de ma licence professionnelle DAWIN.

Macbernick

Sources (Github) Voir le jeu

Ce projet a été réalisé durant ma licence professionnelle DAWIN.

Il a été réalisé durant une semaine (Janvier 2017) avec 6 autres étudiants nous a initié au déroulement d’un projet agile, de l’idée à la livraison du projet.

Il s’agit d’un jeu sur navigateur dans lequel on joue contre l’ordinateur (plusieurs niveaux de difficultés) ou à 2 joueurs (localement) pour obtenir le plus de points possible.

Tetris

Sources (Github) Télécharger le jeu

Projet universitaire réalisé afin de se familiariser avec le développement d’application Android.

Le but était de réaliser un Tetris. Le jeu a ensuite été publié sur le PlayStore et est disponible au téléchargement.

Semaine Innovante

Sources (Github)

La semaine innovante fait partie de la formation DAWIN, durant laquelle le but est de réaliser une application innovante.

Une grande liberté nous a été donné pour réaliser les projets et nous avons eu à disposition différents outils.

Nous avons travaillé sur le fitbit, et plus particulièrement le Fitbit Charge 2 qui intègre un capteur cardiaque. Nous avons ainsi réalisé une application permettant d’effectuer un test de Ruffier et d’afficher les résultats en récupérant les données via l’API de Fitbit.

Open innovation

25 février 2019

Sources (Github) Tester l’application

Ce projet, réalisé en équipe s’inscrivait dans la démarche Open Innovation de l’EPSI, impliquant plusieurs promotions et nécessitant donc d’être organisé. L’objectif était de réaliser un jeu de “Jeu dont vous êtes le héro” sur mobile, en laissant la possiblité de personnaliser simplement le parcours de jeu.

Nous avons développé la première version avec React Native afin de fournir un support pour Android et iOS.

AR-Cube

1 février 2019

Sources (Github) Testez le sur mobile !

Ce projet, réalisé avec une équipe de 4 personnes avait pour objectif d’être une introduction à la réalité augmentée.

A l’aide de la librairie Javascript AR.js, il fallait réaliser le dessin d’un cube en réalité virtuelle, lorsque les marqueurs était détécté à l’aide de la caméra du téléphone utilisé. Il fallait également que ce dernier puisse évoluer si l’on venait à bouger le téléphone.

Pour tester le résultat, imprimez le patron du cube présent sur le dépôt Github. Colorier les faces de différentes couleurs et rendez-vous sur cette adresse depuis votre mobile. Après avoir autorisé l’usage de la caméra, pointez votre téléphone vers le patron et observez le résultat !

Earthquake

1 février 2019

Sources (Github) Voir le résultat

Ce projet, réalisé avec une équipe de 3 personnes avait pour objectif d’être une introduction à WebGL

A l’aide de la librairie Javascript three.js, il fallait réaliser une carte du monde indiquant les différents séimes (récupéré à l’aide de l’API Earthquake.usgs.gov) ainsi que leur gravité/épicentre.

Pong

30 septembre 2018

Sources (Github)

Ce projet, réalisé en binome durant ma formation à l’EPSI avait pour but de concevoir un jeu avec un système temps réel.

Nous avons donc décidé de réaliser un pong, en utilisant l’API mise à notre disposition pour ce projet.

Système Expert

20 mai 2018

Sources (Github)

Ce projet avait pour but de concevoir un système expert capable de détecter des formes (rectangle, carré, triangle, …).

Pour ce faire, nous avions à notre dispositions une base de fait et de règles. Pour résoudre le problème, nous ajoutons nos faits et faisons tourner notre algorithme avec la base de règles, qui va comparer les différentes conditions et retourner la bonne réponse.

Le projet a été réalisé avec NodeJS et a été testé avec Cypress.

Bot Telegram

30 mars 2018

Sources (Github) Parler avec le Bot Bot hors ligne

Ce projet, réalisé en binome, avait pour but de réaliser un chatbot de recrutement.

Nous avons choisi de réaliser ce bot sur la plateforme Telegram. L’objectif du bot était de poser quelques questions de développement puis de réseau afin de déterminer le niveau du candidat. Si le candidat a un niveau suffisant, alors une proposition lui ai faite et il est invité à renseigner ses coordonnées pour être recontacté. Dans le cas contraire, on lui demande s’il souhaite laisser ses coordonnées afin d’être recontacté lorsque de nouvelle offres seront disponibles.

Machine Learning

20 février 2018

Sources (Github)

Ce projet, réalisé en binome durant ma formation à l’EPSI avait pour but de découvrir le fonctionnement des algorithmes de machine learning.

Traduction de l’article “The Parthenay Effect: How a Small French Town Might Save Civilization” paru le 27/3/2017 sur The Huffington Post

⚠ Avertissement
Je ne suis ni traducteur, ni bilingue. Mon objectif est de fournir une traduction de cet article pour les personnes ayant des difficultés avec l’anglais. Bien qu’ayant tenté de traduire au mieux cet article, je ne peux garantir l’exactitude de ce qui suit.

Tous les droits sur cet article, ainsi que les photos, reviennent à sa rédactrice Rebecca Novick.

Le printemps dernier, j’ai déménagé à Parthenay, une ville de 11.000 habitants, ce qui est un petit peu plus qu’un village. Il est normal que vous n’en ayez jamais entendu parler. Même mes amis français ont du chercher ou cela se situait. C’est également une commune, ou plutôt ce qui est appelé une “communauté de communes” avec 6 communes voisines. Elle est situé dans le département des Deux-Sèvres, au coeur de la Nouvelle Aquitaine et au sud de la vallée de la Loire. La ville de Parthenay à une beauté ancienne avec peu de lignes droites et beaucoup de paniers à fleurs et de toits en tuiles rouges. Les gens marchent souvent avec tellement de baguettes à la main que vous vous demandez comment il peuvent toutes les manger. Il y a même des distributeurs de baguette automatique, prêt pour ces inévitables urgences. Pour ceux qui vivent dans les villages environnants, une fourgonnette livre du pain fraîchement cuit à votre porte (vous pouvez également acheter la moitié d’une baguette pour 47 centimes). Il y a tellement de gens qui élèvent des poulets que des oeufs frais sont constamment échangé entre voisins, et peu daigneraient consommer ceux élevés en batterie. Même ma maison située dans l’hyper-centre de la ville est paisible parmi ces bourdonnements d’oiseaux qui rappellent à nombre d’entre nous des souvenirs d’enfants. J’avais voyagé pendant quelques mois en Inde une fois, et j’étais habituée à beaucoup de chaos et d’agitation. Il m’a fallu quelques mois pour m’habituer à cette nouvelle tranquillité.

“C’est tellement calme ici”, disais-je à un ami. “C’est l’heure du déjeuner” me répondit-il. Puis, souriant, il ajouta : “Ça sera encore plus calme après le déjeuner.”

La seule fois ou mon sommeil a été interrompu par une perturbation humaine fut durant une nuit d’été, pendant un festival de musique. J’ai été réveillée à 3 heures du matin par le bruit d’un jeune homme homme qui jouait de la guitare et chantait une ballade française dans la rue, sous la fenêtre de ma chambre. J’étais ici, heureuse, avant de retomber dans les bras de Morphée.

Parthenay repose dans une courbe de la rivière du Thouet, vieux français pour “Tranquille”. Établi au milieu du 11ème siècle, ces charmantes maisons médiévales et son château donne l’impression de la terre du Milieu croisée avec le château de Tintagel (Note du traducteur : Tintagel est une localité et une paroisse civile de la côte nord-ouest du comté de Cornouailles en Angleterre.). Parthenay est située dans l’une des Gâtines de la France. Le mot ‘Gâtine’ est connu dans la légende arthurienne pour être un endroit stérile et déserté. La prophétie dit que la terre deviendra fertile une fois la quête du Saint Graal achevée. Le nom fait référence au granit rocheux qui rend l’agriculture difficile. Mais il est riche en faune. (traduction manquante). Ses haies abritent des lapins et ses chênes et hêtres sont des postes de sentinelles pour les buses. Ses champs sont remplis de moutons mais aussi de la superbe race locale de vaches, la “Parthenaise”, rousse et musclées. Les terres du Sud Deux-Sèvres sont de loin bien plus cultivables. Des champs de tournesol offre une vue magnifique en été. Le blé, l’avoine, les pommes de terre, les pommes et les noix sont cultivées en abondance et le marché aux légumes du mercredi est rempli d’agriculteurs vendant des fromages de chèvres locaux et des tomates de la taille d’une balle de tennis. Vingt ans plus tôt, le gouvernement français payait les agriculteurs pour qu’il laissent leur terre en jachère un an afin qu’ils puissent recommencer sans pesticides. Ce léger mouvement pour les produits bio a reçu assez peu d’attention.

Des méandres amènent sur un moulin abandonné ou sur un ruisseau bouillonnant, des chênes ou encore une église à moitié oubliée. Aucune industrie dans les environs et l’air purifiant des eaux de l’Atlantique, je n’hésite pas à inspirer profondément l’air de Gâtine dans mes poumons. J’ai vécu à Londres, Los Angeles et New Delhi. Ici, je peux respirer d’une façon que j’avais presque oubliée. J’ai un jour été choquée de voir une canette de Coca-Cola flotter dans le Thouet. C’était parce que ce déchet était une aberration que je l’ai remarqué.

J’ai vécu une grande partie de ma vie dans les montagnes et je pensais qu’elles me manqueraient, mais les ciels de Gâtine sont infinis, à tel point que les nuages deviennent ici des montagnes, formant les gammes de la chaine de l’Himalaya. Le soleil prend tellement de temps à se lever que vous pouvez vous amuser des heures durant avec des palettes kaléidoscopiques de violet, vermillon, topaze et mangenta. Une étendue non obstruée vers l’Ouest offre aux habitants de la Gâtine ce que j’appelle “Le second soleil”, surtout en été. Alors que le soleil descend, aux alentours de vingt heures, il tombe souvent derrière une nuée de nuages mais comme il n’y a pas de bâtiment bloquant la vue à l’horizon, il ré-émerge une demie heure plus tard, offrant jusqu’à deux heures supplémentaires de sa lumière. Cette topographie explique pourquoi Parthenay enregistre le deuxième plus grand temps d’ensoleillement dans toute la France. Ce ciel spacieux et le peu de pollution lumineuse sont fait pour les amateurs d’astronomie. Une fois, en Aout, un groupe d’amis et moi avons conduit jusqu’à un endroit surnommé la “colline du lapin” et avons regardé en silence les météores des Perséides exécuter leur ballet argenté à travers le firmament

Parthenay et ses environs ont été en grande partie protégés du développement rongeant le monde moderne. Après avoir échappé à la pollution et à l’architecture sans âme, les Parthenaisiens (habitants de Parthenay) ont aussi surpassé les nombreuses formes de cynismes et narcissismes ravageant le psychisme moderne. Le rythme de vie est simple, respectueux, calme, et cela fournit le cadre parfait pour cette espèce en voie de disparition, le temps.

Je me promène régulièrement ici, en explorant les passages étroits et les escaliers de pierre qui relient la ville ensemble, tout en jetant un oeil aux vieilles portes en bois qui s’ouvrent sur les vergers de pommiers et les jardins d’herbes médiévales. Je m’allonge dans l’herbe et j’entends les champs des grives et des merles, l’odeur de l’herbe et de la terre dans mes narines. Je me sens comme j’ai autrefois été une enfant. J’ai entrepris des projets photos avec Parthenay comme sujet. Elle est profondément photogénique mais sans la vanité des grandes villes françaises. Je l’étudie sous différentes lumières et différentes saisons, sous beaucoup d’angles,et j’écris à propos d’elle dans mon blog, le “Projet Parthenay”. La ville a été nommé Ville d’Arts et d’Histoire. De nombreux artistes vivent ici, un nombre impressionnant de professeurs de Yoga et de Qi Gong ainsi qu’une communauté d’invalides indépendante.

Alors que je me promène dans les rues le soir, ma caméra à mes côtés, les chats sautent des murs, se frottent contre mes jambes pour une caresse. Les locaux sont assis dans des cafés sirotant le café noir en parcourant les journaux locaux ou en partageant une blague sur les minuscules verres de Rosé (à la différence des Britanniques, les Français tiennent l’alcool. A ce jour, je n’ai entendu qu’une histoire d’état d’ivresse sur la voie publique, ce qui a alimenté les conversations des semaines durant, tellement cela était rare).

Il est tout à fait normal de saluer plutôt que d’ignorer un étranger ici. Mêmes les jeunes vous saluent lorsque vous leur passez devant.

Mais la ville ne prospère pas. Les enseignes ferment à un rythme alarmant et presque toutes les rus sont à vendre, les vitrines converties en mini galeries d’art. Les anciennes industries textiles ont disparues, ainsi que le train, qui a transporté ses derniers passagers il y a 23 ans. Une zone commerciale à la périphérie de la ville a aspiré la quasi totalité des commerces du centre ville. (traduction manquante). Les quelques touristes qui arrivent à cet endroit (au détour d’une sortie en vélo le plus souvent) marchent comme s’ils avaient trébuchés sur leur propre conte de fées. Parthenay est une beauté endormie, attendant d’être réveillée.

Pourtant, cela n’a pas toujours été le cas. Parthenay était autrefois une ville marchande, capitale de la Gâtine Vendéenne. Pendant des siècles, c’était une étape importante sur le Camino de Compostela, le pèlerinage à la crypte de Saint Jacques, censé avoir le pouvoir de pardonner tous les pêchés, qui traversait toute la France et se terminait à la Cathédrale de Santiago de Compostela au nord ouest de l’Espagne. Depuis les années 1980, le Camino, ou la “voie” a connu une renaissance spectaculaire attirant près de 300.000 pèlerins modernes par an, venant du monde entier. L’itinéraire original prenait des mois à effectuer, mais de nos jours, même les plus aventureux commencent leur voyage près de la frontière espagnole, le long des Pyrénées, sur la frontière Française. Pourtant, j’imagine des réfugiés du fascisme arrivant comme des pèlerins par l’ancienne voie de la Porte Saint Jacques, qui se dresse au dessus de la rivière, accueillant les naufragés de cette triste civilisation en déclin.

Les matins d’automne, la brume recouvrent les rues et les champs. La ville fortifiée de Parthenay est construite sur une légende. Il est dit qu’elle a été créée par la baguette d’une femme magique, nommé Mélusine. Il y a trois couches de fortifications faites à partir de granit. En effet, c’est un endroit digne de protection. Il y a plus une éthique de vie qu’une éthique de travail ici. La seule chose ouverte le dimanche est l’église. Les déjeuner durent deux à trois heures et sont considérés comme un moment sacré. Même les restaurants sont fermés le lundi et beaucoup ne sont ouverts que quelques heures par semaines, avec des écriteaux sur leurs portes disant “Heure d’ouverture 14-17h le mercredi”. Oui, il peut être compliqué de faire quelque chose. Mais ça va, puisqu’il y a le temps de le faire ici.

Est-ce que j’exagère ? Oui, mais seulement un peu. Bien sur, de mauvaises choses arrivent, même à Parthenay. Il y a de la méchanceté ici également. Il y a des commérages et de la jalousie. Ce n’est pas pour tout le monde. Il n’y a pas d’hypermarché, seulement une petite salle de cinéma, et peu de grandes chaînes industrielles. L’heure de pointe sont quelques Peugeot qui se bousculent pour une place. Pas même un Starbucks (chut !), ce qui est ironique puisque leur logo est basé sur la dame à queue de poisson, Mélusine, elle-même. Mais il y a plus que ça. Je suis d’un côté effrayée d’en parler, et de l’autre effrayer de ne pas en parler. Si la ville dors, pourquoi ne pas la laisser dormir ? Récemment, un des mes amis discutait à propos d’hylozoïsme, la théorie comme quoi les objets inanimés auraient une conscience et peuvent, dans une certaine mesure faire leur propres choix. Une ville peut-elle choisir ses résidents ? J’aime à penser que les pierres et brouillards de Parthenay sont en quelques sortes capable de décider qui vient, et qui pourra s’installer ici. Comme nos gouvernements continue de nous décevoir, nous devons créer plus de communautés intentionnelles dans le monde.

Pour moi, Parthenay est comme un refuge dans cette tempête. Ici, j’apprends à dérouler les noeuds de mon passé, à embrasser la paix sous toutes ses formes. Je me souviens de la maison d’Elrond dans le Seigneur des Anneaux qui accueillait les voyageurs épuisés et leur fournissait un endroit ou ils pouvaient retrouver leur énergie ainsi que leur inspiration. Comme l’écrit Tolkien, ‘Si seulement il y avait une cure pour la fatigue, la peur et la tristesse.’

Parthenay est ma maison d’Elrond. Pourrait-elle être la votre ?

Le projet a été réalisé en Python avec une équipe de trois personnes.

J’ai travaillé avec les les méthodes agiles (SCRUM) afin de réaliser un outil capable de s’adapter à plusieurs SGBDR.

La nuit de l’info réunit étudiants, enseignants et entreprises afin de réaliser en une nuit une application web sur un thème national donné.

Accompagné d’une équipe de 14 personnes, j’ai eu l’occasion de participer à l’édition 2015 à Bordeaux.

J’ai également participé à l’édition 2016 de cet évènement, toujours à Bordeaux, accompagné d’une équipe de 10 personnes.

Bataille navale

Source (Github) Version Graphique (.jar)

Réalisé en binome entre Mars et Mai 2015, ce projet nous a permis de nous familiariser avec Java Swing et de consituer nos premières interfaces graphiques.

Le jeu se joue à deux joueurs, avec la possibilité de sauvegarder les parties.

Il était demandé de réaliser une version console et une version graphique du jeu.

Betisier de l’IUT

Source (Github) Voir le site

Ce projet universitaire constituait une découverte du PHP. Il consistait à réaliser un site rassemblant les perles de profs, permettant leur ajout, notation par des élèves, …

Un module d’administration était également demandé, afin de gérer entre autres les utilisateurs, et mettre un système de modération sur les citations.

Ce projet a été réalisé entre Octobre et Décembre 2015.

GEMAO

Sources (Gitlab)

GEMAO¹ est un projet tuteuré qui consistait à réaliser une application permettant la gestion d’une école de musique avec JavaEE.

Il s’agissait de la continuité d’un projet commencé l’année dernière par un autre groupe d’étudiants.

Réalisé en groupe (5 étudiants) pour l’école de musique Anacrouse, située à La Chapelle Saint Ursin, de Septembre 2015 à Avril 2016.

Pygame

Source (Github)

Ce projet universitaire consistait à réaliser un mini-jeu en réseau, à l’aide des librairies PyGame et PodSixNet.

Il a été réalisé entre Février et Avril 2016.

Ce mémoire détaille le travail réalisé durant mon stage au sein de NextMedia, effectué d’avril à Juillet 2016.

J’y ai réalisé la refonte de l’administration du site vitrine de la société, ainsi qu’un gestionnaire de version pour le produit phare de la société : un boitier de vote interactif, Quizzbox. Ce site permet ainsi aux différents client de Quizzbox de pouvoir télécharger les versions du logiciel sur une plateforme, et d’avoir un suivi des mises à jour disponible.

Pour ce projet, j’ai également été amené à générer des miniatures à partir d’un document PowerPoint, pour pouvoir afficher un aperçu du document sur le site.