Compétence 3 — Développer la présence en ligne de l'organisation
Développer la présence en ligne de l’organisation
Cette compétence couvre la valorisation de l’image numérique, le référencement des services en ligne et l’évolution des sites web. Elle est illustrée par des créations de sites, un portfolio professionnel et des déploiements cloud.
Création d’un site statique en HTML/CSS
Conception et développement d’un site statique complet en HTML/CSS pur. Ce projet m’a permis de maîtriser les bases de la présence en ligne : structure sémantique, identité visuelle, accessibilité et respect des bonnes pratiques juridiques (mentions légales, RGPD).
Travail sur l’expérience utilisateur (lisibilité, navigation, responsive) pour garantir une image professionnelle cohérente.
Portfolio professionnel avec Hugo
Création de ce portfolio sous Hugo (thème Void), hébergé sur Cloudflare Pages et accessible à l’adresse samiaerrabite.com. Ce projet illustre plusieurs dimensions de la présence en ligne :
Valorisation de l’image : le portfolio centralise mes projets, compétences et réalisations professionnelles dans une interface claire et structurée, destinée au jury et aux recruteurs.
Référencement et visibilité : Hugo génère des pages statiques légères, optimisées pour les moteurs de recherche. La structure des URLs, les métadonnées et la vitesse de chargement contribuent au référencement naturel.
Cadre juridique : respect des bonnes pratiques RGPD dans la gestion des données et des contenus publiés.
Déploiement de solutions logicielles sur le cloud
Déploiement de l’application HealthNorth sur AlwaysData (hébergement cloud mutualisé) : configuration du serveur PHP, mise en place de la base de données MySQL, gestion des variables d’environnement et vérification de la disponibilité du service en production.

Ce déploiement a nécessité une documentation claire des étapes pour permettre la reprise du service et l’accès jury (compte jury/jury).
Scripts Bash : automatisation de l’installation des postes de travail en milieu professionnel, avec documentation des procédures pour faciliter leur réutilisation par l’équipe. Une documentation lisible et structurée contribue directement à l’image sérieuse et professionnelle de l’organisation.
Application mobile React Native — HealthNorth
Développement et mise en ligne de l’application mobile HealthNorth avec React Native/Expo. L’application constitue un point de contact numérique supplémentaire pour les utilisateurs du cabinet médical fictif, renforçant la présence multi-support de la solution.
La documentation Swagger de l’API FastAPI associée assure une visibilité claire des services exposés, facilitant l’intégration et la communication technique avec les parties prenantes.
