SITE COMMERCIAL SPORT NAUTIQUE


Image d'illustration

Année de BUT n°1 - Développement Web - Réalisé en 2024


En octobre 2024, dans le cadre d’une Situation d’Apprentissage et d’Évaluation au sein de ma formation aux MĂ©tiers du MultimĂ©dia et de l’Internet de l’IUT de Toulon (SAE 1.05), mon binĂŽme, Mikalai Yeuseyenka et moi-mĂȘme devions rĂ©pondre Ă  la demande de crĂ©ation d’un faux site de l’e-commerce ayant pour thĂšme les « Sports nautiques » ou les « Sports de glisse ». Nous avons choisi les sports nautiques (AC14.01 - Exploiter de maniĂšre autonome un environnement de dĂ©veloppement efficace et productif + AC14.02 - Produire des pages Web fluides incluant un balisage sĂ©mantique efficace et des interactions simples + AC14.03 - GĂ©nĂ©rer des pages Web Ă  partir de donnĂ©es structurĂ©es).

Le site devait comporter plusieurs types d’articles (VĂȘtements et accessoires), avoir une page dĂ©diĂ©e Ă  des tutoriels sur diffĂ©rents sports nautiques, avoir un formulaire de contact fonctionnel et avoir la possibilitĂ© de crĂ©er un panier. Il devait Ă©galement y avoir deux autres « versions » du site : une version en anglais et une version pour personnes malvoyantes (AC13.06 - Optimiser les mĂ©dias en fonction de leurs usages et supports de diffusion).

La création du site

J’ai commencĂ© par crĂ©er un squelette du site, c’est-Ă -dire des pages vides ne contenant que leur titre et les liens qui sont censĂ©s les relier entre elles. En parallĂšle, nous avons construit l’arborescence du site. Une fois que l’UI et le design du site fut dĂ©cidĂ©, le site fut habillĂ© et le back-end (la partie du site que l’on ne voit pas et qui effectue par exemple les calculs) assemblĂ©.

Ce devoir a Ă©tĂ© l’occasion d’apprendre les bases de l’hĂ©bergement web, notamment avec l’outil MAMP (ou WAMP si mon ordinateur de travail Ă©tait un Windows ou XAMP dans le cas d’un Linux) (AC14.04 - Mettre en ligne une application Web en utilisant une solution d’hĂ©bergement standard).

J’ai sĂ©lectionnĂ© les images reprĂ©sentant les diffĂ©rents articles, traduit le site en Anglais et adaptĂ© le site pour les malvoyants. J’ai Ă©galement travaillĂ© sur une partie du back-end et arrangĂ© les liens entre les pages (par exemple pour Ă©viter d’avoir des fichiers dupliquĂ©s entre les diffĂ©rentes versions du site).

Conclusion

Finalement, nous avons pu rendre le site au complet le 13 Janvier 2025. Je suis trĂšs satisfait de ce travail, il m’a permis d’apprendre des compĂ©tences reliĂ©es au dĂ©veloppement web qui furent trĂšs utiles lors des autres travaux universitaires reliĂ©s au dĂ©veloppement Web. Je trouve nĂ©anmoins qu’il y a eu quelques erreurs d’organisation au dĂ©but, notamment via la dĂ©cision de crĂ©er un squelette du site avant de faire son arborescence ou une maquette. Je reste nĂ©anmoins satisfait du rendu final.