← Back to My Courses 2024-2025

Portfolio

PART A : PRESENTATION GENERALE

Presentation

Le portfolio est un exercice de pratique reflexive essentiel dans la formation d’ingenieur a l’INSA Toulouse. Il s’inscrit dans le cadre de la certification RNCP (Repertoire National des Certifications Professionnelles), qui exige de l’etudiant qu’il soit capable de documenter, analyser et valoriser les competences acquises tout au long de son parcours.

L’objectif de ce portfolio est de constituer une trace structuree et evolutive de mon parcours academique et professionnel. Il ne s’agit pas simplement de lister des cours ou des projets, mais de mener une reflexion approfondie sur les apprentissages realises, les competences developpees et les axes d’amelioration identifies. Cette demarche s’inscrit dans une logique d’amelioration continue et de construction d’une identite professionnelle coherente.

Structure du portfolio

Le portfolio est organise en plusieurs sections principales :

  1. Courses : Descriptions detaillees des cours suivis, incluant le contenu aborde, la duree, et les apprentissages cles.
  2. Projects : Vue d’ensemble des projets realises, avec les objectifs, methodologies et resultats.
  3. CV : Mon curriculum vitae, presentant mon parcours academique, mes experiences professionnelles, mes competences techniques et mes activites extra-curriculaires.
  4. About : Informations sur mon parcours, mes interets et mes aspirations futures.

Objectifs

Les objectifs de ce portfolio sont de :

PART B : EXPERIENCE ET CONTEXTE

Environnement technique

Ce portfolio a ete entierement developpe sous forme de site web statique en utilisant Jekyll, un generateur de sites statiques ecrit en Ruby. Le site est heberge sur GitHub Pages, ce qui permet un deploiement automatique a chaque push sur la branche principale du depot Git.

Outils de developpement

Les principaux outils utilises pour la realisation de ce portfolio sont :

Organisation du depot

Le depot est organise selon la structure standard de Jekyll :

PART C : ASPECTS TECHNIQUES

1. Framework Jekyll et templating Liquid

Jekyll repose sur le moteur de templates Liquid, developpe par Shopify. Ce systeme permet d’utiliser des variables, des boucles et des conditions dans les fichiers HTML. Par exemple, la page d’accueil utilise des boucles Liquid pour generer dynamiquement la liste des articles :

{% for post in site.posts %}
  <li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}

Chaque page du site commence par un bloc YAML Front Matter qui definit les metadonnees : le layout utilise, le titre, la date et les categories. Ce mecanisme permet a Jekyll de savoir comment traiter et rendre chaque fichier.

---
layout: default
title: "Portfolio"
date: 2024-10-02 10:56:03 +0200
categories: jekyll update
---

Le contenu est ensuite redige en Markdown (syntaxe Kramdown), ce qui facilite la redaction et la maintenance du contenu sans avoir a manipuler directement du HTML.

2. Architecture du site

L’architecture du site repose sur plusieurs concepts cles de Jekyll :

3. Design responsive avec CSS

Chaque page du portfolio integre des styles CSS personnalises pour assurer une presentation coherente et agreable. Les elements stylistiques principaux comprennent :

4. Fonctionnalite de recherche

Le site integre une fonctionnalite de recherche implementee via un fichier search.json qui indexe l’ensemble des articles. Ce fichier JSON est genere dynamiquement par Jekyll a partir des metadonnees des posts, permettant une recherche cote client rapide et efficace sans necessite de serveur backend.

5. Integration d’un chatbot

Un chatbot conversationnel a ete integre au portfolio via le composant _includes/chatbot.html. Cette fonctionnalite enrichit l’experience utilisateur en permettant aux visiteurs d’interagir avec le site de maniere dynamique.

6. Integration de documents PDF

Pour les pages de cours, le portfolio utilise des balises <iframe> pour integrer directement les rapports et documents PDF dans les pages. Cela permet aux visiteurs de consulter les documents sans quitter le site, avec un lien de telechargement disponible en complement.

<iframe src="/cours-pdf/document.pdf" width="100%" height="800px"></iframe>

7. Pipeline de deploiement

Le deploiement du portfolio suit un pipeline simple mais efficace :

  1. Modification du contenu localement (ajout de pages, edition de Markdown).
  2. Commit et push des modifications sur le depot GitHub.
  3. GitHub Pages detecte automatiquement les changements et declenche une reconstruction du site via Jekyll.
  4. Le site mis a jour est servi sur le domaine personnalise cedric.littlenuage.com.

8. Controle de version avec Git

L’ensemble du portfolio est gere sous Git, ce qui permet de :

PART D : ANALYSE ET REFLEXION

Pratique reflexive

La creation et la maintenance de ce portfolio constituent un exercice de pratique reflexive a part entiere. Chaque page de cours suit une structure en quatre parties (Presentation generale, Partie descriptive, Partie technique, Partie analytique) qui m’oblige a ne pas simplement decrire ce que j’ai fait, mais aussi a analyser ce que j’ai appris, comment je l’ai appris, et ce que cela signifie pour mon developpement professionnel.

Cette demarche reflexive m’a permis de prendre du recul sur mes apprentissages et de mieux comprendre les liens entre les differents cours et projets de ma formation.

Documentation des competences

Le portfolio sert de preuve tangible des competences acquises tout au long de la formation. En documentant systematiquement les aspects techniques de chaque cours, les projets realises et les reflexions personnelles, je constitue un dossier qui peut etre presente dans le cadre de la certification RNCP et qui demontre ma capacite a :

Identite professionnelle

Au-dela de la simple documentation, le portfolio contribue a la construction de mon identite professionnelle. En choisissant de le realiser sous forme de site web statique plutot que sous forme de document classique, j’ai demontre des competences en developpement web, en gestion de contenu et en deploiement d’applications, ce qui enrichit mon profil d’ingenieur en IoT et systemes embarques.

Le fait de maintenir un site web public accessible a tous constitue egalement une vitrine professionnelle qui va au-dela du simple CV, en montrant concretement ce que je sais faire et comment je travaille.

Amelioration continue

Ce portfolio est un projet vivant, en constante evolution. Chaque semestre, de nouvelles pages sont ajoutees pour les nouveaux cours et projets. Les pages existantes peuvent etre ameliorees et enrichies. Cette demarche d’amelioration continue reflete la philosophie de la formation d’ingenieur : ne jamais cesser d’apprendre et de progresser.

Parmi les ameliorations futures envisagees :

Auto-evaluation

La realisation de ce portfolio m’a permis de developper des competences transversales que je n’aurais pas necessairement acquises dans le cadre des cours techniques seuls. La redaction en Markdown, la gestion d’un site web avec Jekyll, l’utilisation de Git pour le versioning, et surtout la pratique reflexive systematique sont autant de competences qui me seront utiles dans ma vie professionnelle.

Ce travail de documentation et de reflexion, bien qu’exigeant en temps, est extremement formateur. Il m’a appris a structurer ma pensee, a prendre du recul sur mes experiences et a valoriser mes competences de maniere professionnelle.