
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.
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.
🔹 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.
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.
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 )
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 !
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.
