HomeClass est un site web éducatif qui permet aux élèves et professeurs de publier des documents pour les absents ou les personnes qui souhaitent une trace écrite du cours. Pour plus d’informations, cliquez ici.
J’ai pu créer HomeClass grâce à Infomaniak et WordPress. Infomaniak héberge le serveur, et WordPress pour le développement complet du site.
Etapes de développement
Création et installation des plug-in.
Pour commencé j’ai installé les plug-in dont j’allais avoir besoin en suivant le diagramme des exigences que j’avais réalisé pour le site web.
Choix de l’apparence
🔹 Orange (arrière-plan principal)
J’ai choisi l’orange comme couleur dominante parce qu’elle transmet de l’énergie, de la créativité et de l’enthousiasme. Dans un site éducatif, cette couleur aide à stimuler l’attention et donne une impression de dynamisme, ce qui évite l’ambiance trop froide ou ennuyeuse qu’on retrouve parfois dans l’éducation. Elle rend l’expérience plus chaleureuse et engageante.
🔹 Noir (bandeau supérieur, encadrés et texte de boutons)
Le noir apporte du contraste et de la structure. Je l’utilise pour que le contenu important (comme la barre de navigation ou les boutons) ressorte clairement sur le fond orange. Dans un contexte éducatif, cette couleur donne aussi un côté sérieux et professionnel, ce qui équilibre bien avec le côté énergique de l’orange.
🔹 Blanc (texte et icônes)
Le blanc permet d’apporter de la lisibilité et de la clarté. C’est une couleur neutre qui allège visuellement la page et évite la surcharge. En éducation, il favorise une lecture fluide et aide à se concentrer uniquement sur le message sans distraction.
🔹 Vert (boutons « HomeCenter » et « HomeKey »)
J’ai opté pour le vert parce qu’il évoque la réussite, la progression et la confiance. C’est une couleur qui rassure et qui incite à cliquer. Pour un site éducatif, elle donne un sentiment d’équilibre et de stabilité, ce qui encourage l’élève ou l’enseignant à interagir avec l’interface sans appréhension.
En résumé, j’ai voulu créer une harmonie :
-
Orange pour l’énergie et la motivation.
-
Noir pour le sérieux et la lisibilité.
-
Blanc pour la clarté et l’équilibre.
-
Vert pour la confiance et l’action positive.
Plan
J’ai d’abord réalisé un plan pour décider ce que j’allais mettre sur le site, les fonctionnalités, la hiérarchie des pages et bien plus pour me permettre de bien m’organiser avant la programmation.
Programmation
Ensuite je suis passé à la partie la plus longue de la création de ce site web, la programmation.
J’ai commencé par coder les bloc en html comme les formulaires, et codes basiques.
Ensuite, je me suis attaqué aux codes plus complexes qui demandaient plus de temps.
Puis j’ai intégré le code css dans mes codes html avec les balises <style> pour garder une interface agréable et cohérente avec l’apparence du site web ( couleur des boutons, fond, police )
Après ça, j’ai commencé à utiliser une base de données pour stocker les identifiants, mot de passes, HomeKey.
Pour ça, j’ai utilisé le plug-in phpMyAdmin de WordPress, et j’ai commencé à intégrer du php dans mes codes html, pour envoyer les réponses du formulaire dans la BDD ( Classe, Nom de l’élève, Matière )
Monétisation
Finalement, quand le site web était enfin terminé, il manquait la rémunération avant le marketing. Je me suis donc tourné vers une solution fiable : GoogleAdsense. J’ai réussi à faire validé mon site web après 3 mois et j’ai enfin vu les première publicités apparaitre sur mon site web !
Marketing
Pendant plusieurs mois, j’ai posté une vidéo par jours sur TikTok – Youtube – Instagram pour essayer d’attirer le plus de monde sur mon site, mais malheureusement j’ai arrêté car les résultats n’étaient pas à la hauteur des efforts. J’ai tout de même réussi à comptabiliser plusieurs dizaines d’Euros grâce à HomeClass alors que je n’avais que 14 ans.
https://www.youtube.com/watch?v=tVlyx4VUPzU