| Baccalauréat International
| Expérience CAS

Mon Projet Long

Web Services

Créativité & Service

Découverte du framwork "Fresh" de Deno

Pour notre expériences CAS, nous avons un projet long à réaliser. Ce projet long est un projet dans lequel nous devons être actif pendants au moins un an. En ce qui me concerne, j'ai choisi de l'orienter en informatique. En effet, l'été je vais dans une colonie d'équitation et je connais bien les propriétaire, ainsi j'ai discuter avec eux des problèmes qu'ils avaient pour créer un site qui puisse gérer l'administratif, car les inscription se font encore par papiers et mail, et sont gérer une par une sans traitement automatique. J'ai donc proposer mon aide aux propriétaires avec une amie. Nous leurs avons proposer de leur faire un site pour gérer notamment les inscription aux colonies, mais aussi aux divers activité et au club à l'année ceci avec le système de payement etc. Je me lance donc dans un assez gros projet...
Après les avoir interrogés, pour avoir une vision plus exacte de tous leurs besoins, nous avons commencé a nous renseigner et à faire des recherches sur comment réaliser se projet. En ce qui me concerne j'ai déjà fait pas mal de développement web donc le site "vitrine" n'était pas une difficulté. Cependant, je savais que j'allais devoir gérer une base de donné et que tout devrai être très sécuriser à cause du système de payement que nous allions relier au site.
Suite à un certain nombre de recherches théoriques sur la tache à réaliser, nous avons décider de commencer des croquis pour l'organisation du site. Nous avons mis pas mal de temps pour nous mettre d'accord sur quelques chose qui nous convenait et qu'on pensait le mieux pour nos "clients". En effet nous avons réellement considérer se projet comme si nous étions une entreprise de développements web qui rendions un service a des clients, ceci de manière bénévole évidement.
Une fois l'organisation théorique préparer nous avons pu commencer, mais nous avons rencontré un premier problème, personnellement je voulais faire le site en code avec de la programmation car c'était plus simple selon moi que d'apprendre entièrement comment utilisé l'outil : WordPress. De plus j'avais demander leurs avis à des étudiants en informatique qui avaient déjà réaliser se genre de projets et il m'avait clairement dit que le faire moi même était la meilleur option. Donc pour moi il était clair que le faire en programmation serait plus efficace et plus simple mais ma collaboratrice n'était pas d'accord car des gens ne nous croyait pas capable de le faire alors qu'ils n'y connaissent rien. Finalement nous avons décider de nous répartir les tache et de nous donner un mois pour apprendre à utiliser WordPress. Bien évidement ça n'a pas marcher. A partir de ce moment j'ai décidé d'avancer et que quand elle voudrait travailler sur le projet elle me contacterait. En conclusion j'ai pu découvrir les joies de la collaboration sur un projet assez complexe. Maintenant je pense qu'il faut savoir choisir les bonnes personnes pour lancé un projet et surtout des personnes travailleuses et motivés qui vont aller au bout des choses même si on est pas d'accords si il y a une avancé ce n'est pas grave. Je pense qu'il est normal d'avoir des désaccords mais il ne faut pas que cela interfaire dans l'avencement du projet. En somme, il faut s'entouré de personnes qualifiés si possibles pour se faciliter la tache mais surtout de personnes qui sont motivés et investis. C'est la qualités la plus importante selon moi après cette expérience.
Aujourd'hui (après ce projet), nous nous entendons très bien. Cependant, n'ayant pas les mêmes valeurs de travail et envies pour ce projet, il a été compliqué de s'arranger. J'ajouterais également qu'il faut se méfier de l'influences de perssonnes extérieur et toujours passer par une reflections logique si l'on demande de l'aide pour que le projet reste le notre. J'insiste sur le fait qu'il ne faut pas se laisser influencer et garder ses propres objectifs en vue. ENfin je pense que cette première expérience de collaboration assez catastrophique me sera très utile pour l'avenir permettra que mes futurs travaux collaboratifs se déroulent mieux.
Ensuite, j'ai donc continuer le projet de mon coté avec mon professeur d'informatique (extra-scollaire) avec qui j'ai court 2h par semaine. En y passant beaucoup de temps. En un mois ou bien un mois et demi environ, nous commencions à voir le bout du projet. J'ai ensuite eu quelques peripécies pour ce projet. Tout cela m'a pas mal ralenti et démotivé mais j'ai réussi à me remettre au travail systématiquement et a continuer ce projet. J'ai donc pu avancé très vite et apprendre plein de nouvel chose avec mon professeur. Notamment concernant les bases de données et toute la partie dite "Back-End" que je connaissais assez peu.
Ce qu'on appel le "Back-End" en programmation web, c'est la partie du site qui n'est pas accessible par le client qui consulte le site. Souvent, il s'agit des programmes qui font fonctionner les diverses mécanisme du site. En ce qui me concerne j'avais déjà beaucoup de compétences en "Front-End" (il s'agit donc de l'autre partie, du site a proprement parlé que le client voit, donc tout le visuelle), mais peu en "Back-End". Ainsi cela m'a permis de complété mes compétences.
J'ai également pu découvrir une nouvelle technologie de développement web, que j'ai trouvé assez extraordinaire. Il s'agit du Framework "Fresh" de l'entreprise "Deno". Cela fonctionne comme Réact de NodeJS qui est plus connu. C'est la technologie que je pensait utilisé à l'origine pour réaliser le site. Cependant, mon professeur m'a proposer de le réaliser avec cette technologie toute récente et j'ai accepter après qu'il me l'ai présenter. J'ai tout de suite compris le potentielle de cet outil.

Enfin, ce projet m'a demander beaucoup de temps, le Front-End notamment bien qu'il soit plus simple pour moi il représente quand même pas mal de travail . Fianlement, Au bout d'un mois nous avons pus entrer dans le vif du sujet et la partie qui pose problème à nos clients pour les inscriptions : la base de données à gérer et puis les inscriptions en elles mêmes. En effet des professionnels avaient refuser de réaliser ce système car il était soit disant trop compliqué. La demande est effectivement complexe mais connaissant bien le fonctionnement de la colonie, je pense que je comprends mieux leurs demande et que ce n'est pas irréalisable. Donc avec mon professeur j'ai découvert Docker qui est un outils très utilisé et assez vaste dont je ne détaillerais pas l'utilisation. Globalement il permet de compartimenté les différents parties du site. Ici, essentiellement le site dit "vitrine" et la base de données. J'ai également découvert MongoDB que nous avons placé dans le système Docker c'est notre base de donnée. En bref, j'ai vraiment pu compléter mes connaissances et découvrir plein de nouvelles choses concernant la programmation Web.

Docker
Nous avions bien avancé le projet, nous avions gérer le problème des inscriptions au stages, fait un début d'accès administrateur pour que les propriétaires puissent modifier les dates de stages notamment, qui changent d'une année à l'autre, ainsi qu'un système de création de compte et de connexion à ces comptes destiné aux visiteurs. Mais j'ai eu un petit problème... Après ces quasiment 200h de travail pour obtenir ce site, j'ai perdus l'ensemble du projet...

Voici la seul photo que j'en ait. On ne voit qu'une petite partie de tout ce que j'avais pu faire malheureusement. Il s'agit de la page d'accueil du site. Je n'ai aucune autre trace de ce site... On reconnait la forme du composant que je réutilise souvent et mon style. C'est dommage que je l'ai perdu je commençais vraiment à être fier de ce que j'avais produit.

Quelques explications : Ayant des problèmes avec mon ordinateur qui entame sa quatrième année et les logiciels de nettoyages ne faisant plus effet, j'ai choisi de le remettre au propre et de le réinitialiser. Donc j'avais fait des sauvegarde de tout ce qui était "précieux" et qui n'était pas déjà sur mon drive. Ce projet, lui, était déjà sur mon drive depuis le début. Mais en me reconnectant à mon compte Microsoft et à mon OneDrive après la réinitialisation, j'ai constaté qu'il me restait environ qu'un quarts de tout ce qui était sensé être sur ce drive. J'ai donc perdu ce projet sans aucune explication simplement un problème avec OneDrive, car de mon coté j'avais pris mes précautions normalement. Enfin, avec cela j'ai pu apprendre qu'il faut avoir plusieurs sauvegardes pour les choses importantes et les avoirs à plusieurs endroits différents en cas de soucis comme celui-ci. Je prendrai plus de précautions la prochaine fois et pour mes autres projets.
Aujourd'hui nous sommes au début du mois d'avril, cela fait deux semaine que j'ai perdu le projet et je ne sait pas trop quoi faire : si je doit repartir de zéro ou bien abandonnée le projet. Dans tous les cas je pense recommencer un projet en web pour mettre en pratique tout ce que j'ai appris mais peut-être qu'un projet plus court et beaucoup plus simple serait mieux. Pour l'instant je pense prendre une petite pause pour se projet car je suis assez occupé en ce moment. Je ne me voit pas relancer un projet maintenant, mais j'essayerais de mis remettre au plus vite. Un amis compétent en Back-End m'a proposer de l'aide ce serait peut être une bonne idée. Je pourrais apprendre encore beaucoup avec lui et je peux refaire la partie Front-End sans trop de problème. Nous nous complètons assez bien, c'est pratique, mais pour l'instant je ne me sent vraiment pas de me relancer la dedans.

Comme prévu je me suis relancé sur un projet de site. J'ai choisis de mettre a profit mes acquisitions en programmation web et je continue de découvrir de nouvelles choses dans ce domaine. J'ai créer un site dans lequel je manipule une API et des requêtes web par conséquent. Ce qui est très intéressant je trouve. C'est une fois de plus une partie dont je n'ai pas l'habitude donc ce fut très intéressant de manipulé cette chose nouvelle et donc assez complexe pour moi. Pour ce site j'ai pris un sujet très ludique que je connais bien : j'ai coisis le thème de pokémon car il répondait bien a la demande. Ci-dessous se trouve le lien de l'API et du site de référencement que j'ai créé à partir de ces informations.

Une fois ce site terminé, j'ai souhaiter me mettre à disposition la possibilité de mettre en ligne les sites que je cré. En effet mon père à accepter de me laisser utiliser un nom de domaine qu'il paye mais qui n'était pas utiliser. Il a donc accepter de le mettre à ma disposition. Ainsi j'ai pu configurer un VPS et y installer docker pour notamment le dernier site que j'ai fait avec les Pokémon. Je ne vais pas parler de la partie technique car c'est assez compliqué et je ne comprends pas tout, mais j'ai réussi à m'en sortir grâce à l'aide de mon professeur. Docker à l'air d'être un outils fantastique bien que complexe mais je pense qu'avec le temps j'arriverais à l'utiliser sans soucis. En tout cas j'ai maintenant un server a disposition pour mes différents sites ce qui me fait extrêmement plaisir. J'ai également du utiliser la platformes d'OVH chez qui est heberger mon server. Il s'agit d'une entreprise française mondialement connu pour cela. Le lien de leur site figure ci-dessous.

OVH
Pendants la fin de la réalisation de mon derniers site, j'ai tout de même réfléchie à une continuité de ce projet dans le service. J'était très content de rendre ce service et de réaliser un site pour des clients en quelque sorte. C'est pourquoi je me suis dit que je pourrait réaliser des sites pour des professionnelles proches de chez moi ou bien des association qui en auraient besoin. Cependants je ne sais pas comment les trouver pour leurs proposer mes services. Pour l'instant je compte sur le bouche à oreille, j'ai informées mes proches de ce projet pour qu'il puisse proposer mon aide en cas d'opportunité mais je ne pense pas que cela marchera.
En attendant de trouver des "clients" j'ai décider de refaire mon site de CAS mais via Deno Fresh que je sais maintenant très bien utilisé. C'est probablement le site que vous êtes en train de consulter. J'améliore mes conaissances à chaque nouveau site et je me vois progresser. Je peux affirmer que ces connaissances me seront utiles dans de multiples situation, la preve en est qu'elle le sont déjà pour la restitution de ces projets. Je m'aproprie cette technologie "Fresh" de plus en plus. Maintenant il faut que je trouve des personnes qui aurais besoin d'un site web ce qui n'est pas facile. En effet, face aux diverses autres option je pense que peu de gens choisiraient de confier la réalisation de leur site à un adolescent. De plus, de nos jours il existe des platformes comme Wix qui permette de faire des site. Autrement dit, ce n'est pas gagner, mais je suis sur que je pourrais etre très utile à plein de gens et je suis déterminé à faire mes preuves.
Avant l'été j'ai entmmamé deux démarches. Tout d'abord ma mère tenant une association, je lui ai proposer de leurs faire un site web. Ce sera mon premier projet officiel pour reprendre doucement après un temps de pause. Ici j'ai le droit à l'erreur, il n'y aura pas de soucis, mais je vais quand même faire de mon mieux. Il n'y as pas de raison que cela ne fonctionnes pas avec toutes les connaissances que j'ai acquises. J'ai également prposer à la responsable du système des équipes de SFX (mon lycée) de réaliser un site pour ces dernières, qui ne sont pas mises très en valeurs sur le site actuel.
J'ai déjà lancé les deux projet, le premier devrait être assez simple, comme je l'ai dit c'est pour reprendre doucement. En ce qui concerne le deuxième, j'ai pris un rendez-vous avec la responsable et nous avons abordés quelques points important qui vont beaucoup me compliquer la tache sur le plan technique. A la rentrée je reprendrai contact avec Mme.Baranger (la référente des Equipes de SFX), pour lui présenter un premier modèle. Deplus je devrais réaliser une page pour chacune des environ 50 équipes du lycée pour des raisons d'équité. Cela risque d'etre compliqué mais j'ai déjà réserver deux heures par semaine de mon emplois du temps de l'année scolaire prochaine pour se projet. Ainsi je devrait avoir le temps de tout mettre en oeuvre pour réussir.
Pour le projet des Equipes de SFX, je rencontrerais probablement des difficultés techniques mais j'aviserais en temps et en heure. Enfin, j'aimerais contacter un restorateur ou quelqu'un qui souhaiterais un site web pour lui proposer mes services gratuitement evidemment. Si le projet des Equipes n'est pas faisable je chercherais imédiatement un eventuel intéressé. Dans l'autre cas je finirais d'abord l'autre projet avant de rechercher quelqu'un. Maintenant que tout est clair et planifier, les grandes vacances d'été sont bien entammées. Cela fait longtemps que je n'ai pas developer de site web. J'ai un peu perdu mes repères mais il suffit de m'y remettre. C'est pour cela que j'ai prevu le petit site avec l'assosiation BeeZH.

J'ai actuellement réaliser la majorité du site de l'association BeeZH. Je leurs ait également proposer de leurs réaliser un logo qui à plu et qui figure donc sur le site. J'ai mis un peu plus d'une journée pour réaliser ce site. J'ai réussi à reprendre mes marques assez vite. J'ai pu réutiliser les compétences aquises lors de la création de mon dernier site. Je suis assez content de ce que j'ai réaliser j'ai été très efficace. J'ai hate de travailler sur des projet plus complexes comme ceux que j'ai prévu pour la suite. Ainsi, je pourrais encore progrer. Concernant ce site il me manque encore quelques photos et information que l'association ne m'a pas encore donné mais une fois ceci fait si le projet est validé je pourrais mettre le site en ligne. J'ai également accepter de réaliser une affiche pour l'association avec un QR code qui permettrais aux gens d'aller sur le site pour acceder aux informations. J'aurais bientot fini ce projet et je suis fier de cette reprise très productive.

Site association BeeZH

Mon projet avec l'association BeeZH est maintenant terminé après quelques corrections et adaptations, j'au pu leurs donner l'affiche final et procéder à la mise en ligne du site. Pour ce site j'ai du réaliser une partie que j'oublie souvent : c'est à dire une adaptation au format téléphone, c'est dommage car je me suis rendus compte que c'était assez simple, dorénavant, je mettrai cette option en place sur mes sites.

J'ai souhaité commencé le site pour les équipes de SFX avant la rentrée scolaire pour pouvoir présenté un projet avec du potentiel et de la visibilité à la responsable. Cela fait quelques jours que je réfléchis a comment l'aborder sur le plan techniques il risque d'etre soit très compliqué soit très simple mais long et peu optimisé. En ce qui me concenre j'aimerais trouvé une méthode éfficace pour répondre à la demande. Je préfererai passer par une méthode plus complexe pour progresser encore dans ce domaine plutot que de passer beaucoup de temps sur des choses que je maitrise déjà. Cepandant, il faut également que je prévoit la continuité du projet ainsi j'aimerais trouvé un système tel mon site avec l'API où quand l'api est mise à jour le site prends automatiquement en compte. Ainsi, seulement la base de donnée serait à modifier cela permettrai à l'établissement de mettre à jour le site très facilement et même de confier cette tache à presque n'importe qui. Cependants, cela risque d'etre assez complexe à organiser et à mettre en place donc j'étudie la meilleur méthode pour réalisé cette idée. J'aimerais avoir suffisament de visibilité pour affirmer mon projet à la rentrée. En somme, il faut que je me fixe sur la méthode à utiliser pour pouvoir présenter un projet solide dans lequel on peut se projeter facilement.
J'ai finalement réussi a trouvé une solution pour le site. Je vais pouvoir présenter un projet claire et sans impaces. Maintenant tout est prévu je sais exactement ce que j'ai à faire. Ainsi je pourrais m'organiser un planning dès la rentrer si cette version du projet est validé. J'aurais surement quelques retouche mineurs à faire mais ce ne sera pas un soucis normalement. Voici une photo du site pas encore complété, j'ai réaliser uniquement la page de la première équipe avec des images provisoires, pour ne pas travailler pour rien. Je ferais les autres après la validation et je demanderais à chaque chefs d'équipe de me fournir une photo pour remplir ces cadres.

J'ai contacté l'équipe informatique, je vais pouvoir travailler avec eux et j'ai pris rendez-vous avec la responsable des équipes pour validé le format du site et que je vais bien répondre à toute ses attentes.J'ai aussi du prendre rendez-vous avec le directeurs pour avoir une authorisation officielle de commencé le projet et parler de certain points. Toutes ces communications avec des personnes extèrieures à l'informatique ont été assez compliqué pour moi. Je suis obligé de vulgariser et de sortir du point de vue technique de mon travil. En entreprise il existe des intermédiaire qui comprennes le travailles techniques et peuvent communiquer avec l'administration. Ici j'ai du le faire et c'est une tache assez comliqué lorsqu'on est enfermé dans la technique. Mais je suis parvenu à me faire comprendre et à présenter mon projet et d'en discuter hors de ce point de vu technique qui ne concerne pas l'administration. De plus toutes les perssones avec qui j'ai eu des rendez-vous m'ont données des pistes pour améliorer mon projet. Le directeur, par exemple, m'a indiquer des personnes qui travaillent avec l'établissement que je pourrais aller voir pour respecté une certaine charte graphique et un certain fils-rouge sur le site pour qu'il soit valide du point de vue de la communication de l'établissement.

En résumer, toutes ses interaction humaines sont compliqué car les perssonnes ne comprennent pas le travail techniques derrière cependant elles sont très enrichissantes.

Enfin, tout c'est déroulé à peu près comme prévu. Le site est maintenant terminer et disponible sur le site de l'établissement. Cependant, cette première version n'a pas beaucoup de succès auprès des chefs d'équipes qui ne l'alimentent pas. Egalement la formation des élèves de secondes en équipe informatique ne se passe pas comme prévu. Il sont trop jeunes et n'ont pas les acquis nécessaire. Je les oriente donc vers des choses plus classiques mais il ne seront pas pret pour gérer le site l'année prochaine. Voici donc le site en question:

Ainsi, Je travail sur une deuxième version qui serait complètement autonome. Je veux dire que personne n'aura plus besoin de modifier le code. Mais cela me demande beaucoup plus de travail. Je ne sais pas quand elle sera terminée, mais j'espère pour la fin d'année. Egalement il faudra que je fasse très attention sur le plan de la sécurité pour qu'il n'y ait pas d'intrusion possible. Une fois de plus je vais découvrir de nouveaux domaines de l'informatique à travers ce projet.

Les échances arrivent bientôt, je vais donc conclure ce projet ou du moins la rédaction. En effet, j'ai l'intention de finir le site et de continuer d'autres projets dans le dévellopement web plustard. J'ai déjà évoqué l'idée de créer une autoentreprise dans ce but l'année prochaine peut-être en parallèle de mes études. C'est un domaine que j'aprécie et que j'aimerais continuer à pratiquer à l'avenir. Ce projet m'a motiver et donner plein d'idée de projet que je pense commencé dès cet été quand les éxamens et ce site seront terminés. J'adore cette vision de l'avenir remplis de choses que me passionnes et j'espère pouvoir en mener un maximum a leur terme.

gregoiremarouse@gmail.com

Copyright © 2026 Par Grégoire MAROUSE

All right reserved.