| Thumbnail | Titre | Type | Aprentissages Critiques | Contexte | Texte | Bilan | Image 1 | Image 2 | Image 3 |
|---|---|---|---|---|---|---|---|---|---|
![]() |
SAÉ 1.01 : Auditer une Communication Numérique | SAÉ | AC11.02 | Le but de cette toute première SAÉ du semestre 1 était de réaliser un audit d’un site web de banque en ligne, l’exercice était à faire en binôme, je l’ai alors fait avec un camarade nommé Ewan MAXANT. Cependant, bien que nous travaillions en groupe, nous n’avons pas eu la possibilité de travailler sur la même banque. Dans mon cas, j’ai travaillé sur le service de banque en ligne Monabanq, où j’ai alors expliqué et mis en lumière avec un œil critique plusieurs aspects du site de cette banque. |
AC11.02 - Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s'appuyant sur des guides de bonnes pratiques Durant cette SAÉ, j'ai dû réaliser une analyse de plusieurs parties du site web de Monabanq. Notamment; une présentation globale de la banque, une analyse UX / UI du site, de son inclusivité et accessibilité, et des “pains points” du site web font partie des catégories incluses dans cet audit. Cet exercice à été réalisé au cours d’une semaine entière en Octobre 2025, dans laquelle j’ai travaillé pour atteindre un total de 40 pages, remplies d’informations diverses et de captures d’écran du site en lui-même pour démontrer ces points. |
En rétrospective, le travail aurait pu être plus poussé dans la recherche, la majorité des éléments discutés dans l’audit proviennent soit de la page d'accueil ou d’autres pages directement liées à la page d’accueil. Ceci est probablement un résultat de la mauvaise organisation de mon propre temps. Pour cette raison, je ne peux pas considérer cet apprentissage comme “maîtrisé parfaitement”, cependant, j’ai pu obtenir une grande quantité d’expérience et de savoir sur comment réaliser un audit. |
|||
![]() |
SAÉ 1.05 : Produire un site Web | SAÉ | AC14.01 AC14.02 AC14.04 |
Le but de cette SAÉ était de reproduire seul une partie du site web de moto.suzuki.fr en utilisant les languages HTML, CSS, PHP, et JavaScript. Plus spécifiquement, les pages que nous devions reproduire étaient : - Une courte partie de la page d'accueil - Une page traitant les détails d’un article particulier de la page d'accueil - Une page “test” accessible depuis un bouton sur la page précédente - Trois pages d’un formulaire de demande d’essai - Une page récapitulant les éléments du formulaire De plus, toutes ces pages étaient accompagnées d’un footer ainsi que d’un header et un menu déroulant attaché à ce header. |
AC14.01 - Exploiter de manière autonome un environnement de développement efficace et productif Dû à la nature de rush de ce projet, devant être réalisé en une courte durée, j’ai dû réussir à me focaliser sur le travail de manière efficace et autonome, me permettant de développer le site rapidement. Cette concentration a résulté en un site globalement correct, où toutes pages demandées étaient finies avec les interactions souhaitées fonctionnelles. AC14.02 - Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples Les pages web, en elles-mêmes, étaient structurées en utilisant le langage de programmation HTML, plus précisément, de multiples balises ordonnées pour donner une véritable structure au site web tel que les balises <h1> pour les gros titres, les balises <h2> pour les sous-titres, et les balises <p> pour les champs de paragraphe. Ces balises sont accompagnées par la présence de balises <div> et <section> qui permettent d’encadrer et de sanctionner d’autres parties distinctes du site. De plus, toutes ces balises là peuvent changer d’aspect en utilisant une page en langage CSS que l’on appelle “style”, cela permet de changer les proportions d’un élément, y ajouter une marge et bien d’autres éléments visuels qui aident un page web à devenir visuellement complexe. Enfin, pour rendre la page interactive afin que l’utilisateur puisse remplir un formulaire ou activer un menu, les langages PHP et JavaScript seront utilisés. Le PHP servira à communiquer les informations d’un formulaire à une autre page en utilisant la fonction POST ou GET, rendant les pages dynamiques. Le JavaScript, lui, sera utilisé afin de faire apparaître des éléments tel que le menu du header une fois que l’on clique sur l'icône burger, il rend donc les pages interactives. AC14.04 - Mettre en ligne une application Web en utilisant une solution d’hébergement standard Afin de mettre en ligne le site web, j’ai pu utiliser un site d'hébergement, notamment, une amie m’a prêté son espace du site free afin que je dépose moi-même les fichiers du site et que je m’assure de son fonctionnement. C’est à ce moment-là que le nom des fichiers importés compte le plus, le nom de la page d'accueil doit être “index.html” afin que le serveur puisse déterminer que cette page doit être celle où les internautes doivent-être envoyés en premier. |
En rétrospective, certaines interactions du site ne fonctionnaient pas comme prévues, nécessitant alors une petite session de debugging afin de rendre le site parfaitement fonctionnel. Cependant, il me manquait également certaines connaissances lors de la création du site, amenant à certaines parties du site étant contournées et faites d’une autre manière que prévue. La plus grosse erreur commise était l'omission de la responsivité du site, où aucun effort particulier n’a été fait pour adapter le site en version mobile. Malgré tout, il est indéniable que ce projet m'a apporté de l’expérience essentielle dans le domaine du web development en me motivant à apprendre des échecs de ce site dans mes futurs projets. |
![]() |
Déposez un commentaire !
| Utilisateur | Trace | Commentaire |
|---|