Le projet

Créer son portfolio professionnel est une étape importante pour tous ceux qui souhaitent mettre en avant leurs compétences et leur parcours professionnel. C’est pour cette raison que j’ai décidé de créer mon propre portfolio, que vous êtes en train de consulter en ce moment même. Mon objectif principal était de montrer mes compétences et mon expérience professionnelle de manière à attirer l’attention des recruteurs. Ce projet me permettait de me positionner sur le marché du travail en tant qu’un professionnel fraîchement diplômé prêt à relever de nouveaux défis.

En plus de cela, ce projet est également une étape importante pour moi car il me permet de valider mon diplôme d’Expert en Ingénierie des Systèmes d’Information obtenu à travers la formation Intech du Groupe-Aen.

Les étapes

Dans la création de mon portfolio, j’ai voulu aborder ce projet comme si j’étais dans une entreprise. En utilisant les enseignements et les expériences acquises lors de mes 2 ans et demi de travail en entreprise, j’ai pu créer un portfolio qui reflète qui je suis et qui a été réalisé dans les délais impartis.

Organisation

• La définition des sections à inclure dans le portfolio (par exemple : expériences professionnelles, compétences, projets réalisés, etc.)
• La hiérarchisation des informations pour que le portfolio soit facile à parcourir pour le lecteur
• L’utilisation d’outils d’organisation pour planifier et gérer les différentes étapes de la création du portfolio.

Lorsque j’ai entamé la création de mon portfolio, j’ai commencé par organiser toutes les informations relatives à mon parcours professionnel et mes compétences. Cela m’a permis de définir les sections à inclure dans mon portfolio, comme mon expérience professionnelle, mes projets réalisés, mes compétences techniques et mes réalisations. J’ai également pris le temps de hiérarchiser ces informations afin de mettre en avant les éléments les plus pertinents pour les employeurs potentiels. Pour faciliter cette organisation, j’ai utilisé des tableaux Excel pour organiser les différents éléments de mon portfolio. Cette étape d’organisation m’a permis de définir une structure claire pour mon portfolio et de m’assurer que toutes les informations importantes étaient incluses.

J’adore Notion ! C’est un outil de gestion de projet et de prise de notes incroyable qui m’a permis de centraliser toutes les informations de mes projets en un seul endroit. J’ai découvert cet outil après avoir commencé à utiliser des tableaux Excel pour organiser les informations de mon portfolio. Mais rapidement j’ai migré vers Notion car il offre une plus grande flexibilité et une meilleure organisation des informations. Il m’a permis de créer des pages, des sous-pages, des tableaux et des listes, ce qui facilite la gestion de mes projets.

Depuis j’utilise Notion pour organiser les différents éléments de mon portfolio, pour planifier mes tâches et pour gérer mon temps. J’ai également utilisé cet outil pour organiser ma vie personnelle, en créant des pages pour mes projets personnels, mes objectifs et mon calendrier personnel.

Notion est donc un outil complet et polyvalent qui m’a permis de mieux organiser ma vie professionnelle et personnelle. Et j’en suis tellement convaincu que je n’en passe plus.

J’ai également pu bénéficier de la synchronisation automatique des pages sur tous mes appareils. Cela m’a permis d’accéder à toutes les informations de mon portfolio depuis n’importe où, que ce soit sur mon ordinateur ou mon téléphone portable. Cette fonctionnalité est particulièrement pratique lorsque je suis en déplacement, car je peux continuer à travailler sur mon portfolio même lorsque je suis dans les transports en commun. Cela m’a également permis de travailler sur mon portfolio même lorsque je n’ai pas accès à mon ordinateur, c’est donc un vrai plus.

Quelques ressources utiles que j’ai utilisées pour prendre en main l’outil Notion :

Guide notion officiel

Article sur l’utilisation de Notion

Chaine youtube Française, parlant de Notion

Rédaction des articles

La rédaction est une étape cruciale dans la réalisation d’un devoir ou d’un travail de recherche. Pour écrire une bonne rédaction, il est important de suivre une méthodologie rigoureuse. Dans mon cas, j’ai utilisé la grille de notation de mon école pour m’aider à structurer mon travail et à développer chaque point clé. Cela m’a permis de m’assurer que j’aborde tous les aspects importants de mon sujet, tout en restant clair et concis. J’ai commencé par une introduction qui donne un aperçu général de mon sujet et de son importance. Ensuite, j’ai développé chaque point clé en utilisant des exemples et des références pour renforcer mes arguments. Enfin, j’ai conclu mon travail en résistant les principaux points et en proposant des pistes de réflexion pour la suite.

Étude des portfolios existants

Après avoir rédigé le contenu des articles, j’ai dû réfléchir à la conception du site internet qui allait héberger tout cela. La mise en page, la navigation et l’esthétique étaient des éléments clés pour rendre l’expérience utilisateur la plus agréable possible. C’est pourquoi j’ai passé du temps à étudier les différents portfolios des designers web pour m’inspirer et trouver les meilleures solutions pour mon projet.

Afin de concevoir un site internet efficace pour présenter mes articles, j’ai mené une étude approfondie des portfolios existants. J’ai examiné de nombreux exemples de portfolios de professionnels dans mon domaine, notant les éléments qui me plaisaient et ceux qui ne me plaisaient pas. Cette analyse m’a permis de comprendre les tendances actuelles et de déterminer les meilleures pratiques pour la conception de mon propre portfolio. Cette étude m’a permis de définir les grandes lignes de la conception de mon propre portfolio, en veillant à ce qu’il soit simple, efficace et rapide.

Articles qui ont aidé dans la conception :

Best practices: 10 tips for curating your digital portfolio

6 Tips to Make a Digital Portfolio That Pops

Maquettage

Après avoir étudié les portfolios existants, j’ai commencé à mettre en forme mes recherches en créant différents croquis pour visualiser les différentes options de mise en page. Je voulais que le site soit simple, efficace et reflète totalement ma personnalité. J’ai également pris en compte le fait que j’aimais les thèmes sombres pour les sites web.

Pour créer mes maquettes, j’ai utilisé l’outil de prototypage Figma. Cet outil m’a permis de créer une prévisualisation interactive du site web, en y ajoutant les différentes sections que j’avais identifiées lors de mes recherches. J’ai pu ainsi voir à quoi ressemblerait le site final et apporter les modifications nécessaires pour répondre à mes besoins. Voici quelques parties essentielles pour moi :

• Thème sombre : Un fond sombre avec un contraste élevé pour mettre en valeur les éléments textuels et graphiques.
• Frise chronologique verticale : Une liste d’événements organisés verticalement pour montrer la progression dans le temps. Voici un exemple de frise chronologique verticale :
• Menu simple : Un menu avec des options claires et concises pour faciliter la navigation. Voici un exemple de menu simple :

J’ai appris à utiliser Figma lors de mon stage de 6 mois chez Cocoricom, une boîte de communication. Le webdesigner de l’entreprise m’a appris les bases de cet outil et j’ai pu l’utiliser pour créer les maquettes de mon site web.

Grâce à ces maquettes, j’ai pu gagner du temps et avoir une base solide pour commencer la création du site web. Cela m’a également permis de visualiser le résultat final et de le modifier au besoin avant de me lancer dans le développement du site.

Création du site web :

La création du site web a été une étape cruciale dans mon projet. Ayant des besoins spécifiques pour le contenu que je souhaitais mettre en ligne, je me suis tourné vers la création d’un site web de A à Z plutôt que d’utiliser des plateformes No-code telles que Wix ou WordPress. Je voulais quelque chose de facile à mettre en place, évolutif et totalement modifiable. C’est ainsi que je suis arrivé à la conclusion qu’un site statique généré par un générateur de site statique serait la solution parfaite pour mon besoin. J’ai donc choisi d’utiliser Hugo, l’un des meilleurs générateurs de site statique, qui utilise le langage de programmation Go. J’ai créé mon propre thème Hugo en utilisant du CSS pour la mise en forme et de l’HTML pour la structure. J’ai choisi d’utiliser le framework CSS Bulma, qui est simple à apprendre et à utiliser pour la mise en forme. La gestion du site est très simple : je crée mes articles sur Notion, qui les convertit en fichiers Markdown, et Hugo génère automatiquement le site en fonction du thème que j’ai créé.

Une fois mes articles créés sur Notion, je les ai exportés en fichiers Markdown et les ai intégrés au projet Hugo. J’ai ensuite personnalisé la mise en forme en modifiant la feuille de style CSS de Bulma. Grâce à cette personnalisation, j’ai pu obtenir un design unique et qui correspondait parfaitement à la maquette.

Je souhaitais que mon code soit modulaire, j’ai donc découpé chaque partie en de petites sections réutilisables. Mon portfolio est un assemblage de ces petits modules interconnectés entre eux. Voici quelques exemples de mon thème personnalisé :

La première page de mon site est simplement un appel de modules.

{{ define "main" }}

{{- partial "intro" . -}}
<div class="container">

    {{- partial "propos" . -}}
    
    {{- partial "parcours" . -}}
    
    {{- partial "certifs" . -}}
</div>
{{ end }}

Voici le contenu de la partie “propos” :

<section class="section has-text-centered pres ">
    <h1 class="title">A propos de moi</h1>
    <hr>
    <br>
    <br>
    <div class="columns is-centered is-vcentered mx-5 px-5">
      <div class="column is-two-fifths">
        {{ $asset := resources.Get "images/intro/about.jpg" }}
        {{ $img := $asset.Fit "500x500" }}
        <img src="{{ $img.RelPermalink }}" width="" alt="">
      </div>
      <div class="column content has-text-justified">
        <span class="subtitle">
        {{ .Content }}
        </span>
      </div>
    </div>
  </section>

Voici le contenu MarkDown affiché par la variable “Content”

**Passionné et curieux**, toujours à la recherche de nouvelles connaissances et de manières d'apprendre et de partager. Cette soif de découverte et de développement personnel est essentielle pour moi et me permet de m'épanouir professionnellement et personnellement.

La technologie a toujours été une passion pour moi depuis mon plus jeune âge. J'ai eu de nombreux projets personnels liés à l'informatique, tels que la création de sites web, l'installation de mon propre **serveur informatique à la maison**, la participation à des game-jams (dévelopement d’un jeu vidéo en équipe en un temps limité) et des CTFs (type d’exercice) en sécurité informatique.  
J'ai également codé des scripts pour améliorer mon quotidien (domotique, tâches répétitives). Ces expériences m'ont permis de développer mes compétences en développement et en **sécurité informatique**, et de participer à de nombreux projets passionnants au cours de ma carrière.

Depuis un an, j'ai découvert une nouvelle passion : la boxe française. Cela me permet de me défouler, de prendre confiance en moi et de **gérer le stress de manière efficace**. Cette activité physique et mentale est également un excellent moyen de développer mon endurance et ma détermination.

En tant qu'**Expert en Ingénierie des Systèmes d'Information**, j'ai appris à m'organiser, à être à l'aise à l'oral et à travailler en équipe. Mon projet personnel est de travailler dans le domaine du **devops**, car j'aimerais travailler en lien avec des développeurs pour créer des solutions efficaces et durables.

En résumé, je suis toujours à la recherche de nouvelles connaissances et de manières de les partager. Les nouvelles technologies et la boxe française sont mes passions principales, et je suis déterminé à continuer à apprendre et à me développer personnellement et professionnellement. Mon projet professionnel est de devenir un **professionnel reconnu dans le domaine de l'ingénierie des systèmes d'information** et de contribuer à l'amélioration des processus et des technologies de l'information dans les entreprises.

Voici ensuite, le rendu final de cette partie:

Pour faciliter la gestion de mon site, j’ai utilisé Git et GitHub. Git est un système de contrôle de version qui permet de suivre l’évolution des fichiers du projet. GitHub est une plateforme de développement collaboratif en ligne qui permet de stocker les fichiers et de travailler en collaboration avec d’autres développeurs. Pour héberger mon site, j’ai utilisé Netlify, un service gratuit qui récupère automatiquement le code de mon dépôt GitHub et l’héberge sur leurs serveurs. Cela me permet d’avoir un site web en ligne et accessible à tout moment

Au final, la création de mon site web a été un processus très enrichissant. J’ai appris à utiliser de nouveaux outils et à travailler avec des technologies que je ne connaissais pas auparavant. Je suis très satisfait du résultat final et je pense que ce site web est un excellent moyen de présenter mes compétences et mon portfolio.

Quelques ressources que j’ai utilisées :

• Pour apprendre simplement Hugo : https://hugo-mini-course.netlify.app/
• La documentation Officielle Hugo : https://gohugo.io/documentation/
• Documentation officielle BulmaCss : https://bulma.io/documentation/
• Le lien de mon thème Hugo sur mesure : https://github.com/klsx0/portfolio-hugo

Conclusion

En termes de lendemains du projet, je pense qu’il sera essentiel de continuer à le mettre à jour régulièrement, afin de refléter mon évolution professionnelle et les nouvelles compétences que j’aurai acquises. Il est également important de continuer à l’optimiser pour qu’il soit le plus attractif et le plus efficace possible.

Enfin, je peux dire que la création de ce portfolio a été pour moi une expérience riche en enseignements. Elle m’a permis de me poser les bonnes questions sur mon parcours professionnel et sur les compétences que je souhaitais mettre en avant, et de les présenter de manière claire et efficace. C’est donc un projet que je considère comme très valorisant, tant sur le plan personnel que professionnel. Dans un futur immédiat, je prévois d’ajouter une fonctionnalité de blog à mon portfolio. Cela me permettra de partager mes découvertes professionnelles et de les mettre en avant pour les employeurs potentiels. Je pense que cette fonctionnalité sera un excellent moyen d’attirer des lecteurs réguliers sur mon site, d’établir une communauté et de me démarquer sur le marché du travail. Je pense que c’est un outil essentiel pour tout individu souhaitant se faire remarquer sur le marché du travail et je suis fier de celui que j’ai créé. J’espère qu’il vous permettra de découvrir mes compétences et mon parcours professionnel de manière claire et efficace.