Rapport exercice 1

Date de publication : 11 octobre 2024

Auteur : Dylan Tschiderer

Liens

Voici les éléments du premier exercice :

Objectifs

Cette section présente les objectifs de mes différentes pages en ligne, qui jouent chacune un rôle clé dans la construction de mon identité numérique. Que ce soit pour me présenter, centraliser mes informations, exposer mes travaux ou développer mon réseau professionnel, chaque page a un but spécifique dans mon parcours académique et professionnel au sein de la communauté TECFA et du programme MALTT.

Page utilisateur Edutechwiki

Cette page a pour objectif principal de me présenter en tant qu’étudiant dans la communauté TECFA. Elle offre également la possibilité de contribuer activement au wiki du MALTT en partageant des connaissances, des ressources et des savoirs.

Page TECFA

Ma page personnelle sur le site TECFA centralise toutes mes informations essentielles : mes contacts, mes réseaux sociaux et mes travaux académiques. Elle sert de point de référence pour accéder rapidement à mon profil complet, mes expériences et mes projets en cours. Je compte aussi en faire un outil pour centraliser tout ce qui est nécessaire à mes études.

Portfolio

Cette page est dédiée à l’exposition de tous mes travaux réalisés dans le cadre du Master MALTT. Elle permet de suivre l’évolution de mes compétences et de mes projets tout au long du programme, en offrant un aperçu détaillé de mes rendus et ainsi permettre de voir mon évolution.

Profil LinkedIn

Mon profil LinkedIn a pour but de développer mon réseau professionnel en ligne et de me tenir à jour dans mon domaine. Il constitue aussi une plateforme pour profiter des opportunités de stages et de collaborations professionnelles via les groupes MALTT et TECFA, en restant visible et accessible aux recruteurs.

Design

L'importance du design et de l'esthétique

Le design, l'esthétique et la disposition d'un site web sont des éléments essentiels qui influencent fortement la perception des utilisateurs. Un site bien conçu capte immédiatement l'attention et facilite la navigation, ce qui contribue à améliorer l'expérience utilisateur globale. Une présentation claire et harmonieuse reflète également le professionnalisme et le soin apporté au contenu.

Mon approche esthétique : épurée et harmonieuse

Je suis particulièrement passionné par les esthétiques épurées, avec des tons pastel, pâles, crème et beige. Pour moi, il est essentiel que tout soit clair et facile à appréhender, car cela revêt une importance cruciale, tant dans ma présentation que dans la représentation artistique et personnelle de mes travaux. L'harmonie et la symétrie jouent un rôle fondamental dans mon travail : j'aime que chaque élément soit soigneusement lié et cohérent.

Organisation logique et navigation fluide

Par exemple, j'ai intégré un système de navigation en sidebar pour faciliter l'accès aux différentes sections de la page. Cela permet aux utilisateurs de naviguer facilement et intuitivement. J'ai également disposé mes pages de manière à ce qu'elles soient à la fois pratiques et logiques : les contacts et le footer se trouvent en bas de la page, tandis que le titre et le contenu principal occupent le centre. En haut de la page, un système de navigation aide les utilisateurs à s'orienter rapidement.

Aide de nouvelles ressources technologiques

J'ai pris l'initiative d'explorer divers codes trouvés en ligne, et j'ai incorporé des médias supplémentaires dans une page dédiée. Cette exploration me permet d'améliorer continuellement l'interactivité et l'expérience utilisateur sur mes projets web.

Inspiration et profil personnel

En ce qui concerne mon profil utilisateur, je me suis inspiré des wikis classiques, et je cherche constamment à perfectionner la présentation des "carrés de bio" que l'on retrouve sur Edutechwiki. Je vise une mise en page claire et informative, en respectant les principes d'ergonomie.

Enfin, sur LinkedIn, je m'efforce de rendre mon profil aussi clair et accessible que possible, dans le but de le rendre attractif et professionnel.

Production

Création du site web

Tous les codes de mes pages personnelles, ainsi que l’histoire et le portfolio, ont été réalisés avec l’aide précieuse de ChatGPT. Ce dernier m'a fourni des indications essentielles pour mieux comprendre le fonctionnement des différents éléments de mon site. J’ai également utilisé un site pour intégrer un effet de défilement de texte, similaire à celui des génériques de Star Wars, accompagné d’une musique inspirée de cet univers, dont je parlerai plus tard. De plus, j'ai utilisé un générateur d'image par IA pour créer une icone de ma page en se basant d'une représentation très rapide de moi: lunettes et cheveux bruns avec Deep AI.

Outils utilisés : Visual Studio et Live Server

Pour coder, j’ai utilisé Visual Studio, un éditeur qui facilite grandement l'écriture de code et permet d’identifier rapidement les erreurs. Grâce à l’extension Live Server, j’ai pu visualiser les résultats de mes modifications en temps réel, ce qui est extrêmement pratique pour ajuster et perfectionner le rendu de mes pages.

Défis et l'apprentissage de la persévérance

Malgré ces outils, il m'a fallu réaliser plusieurs essais pour obtenir les résultats attendus. Cette expérience m'a enseigné l'importance de la persévérance, car parfois, un écart minime, comme une lettre manquante dans le code, pouvait bloquer toute la progression. Cela m'a permis d'améliorer mes compétences et de mieux comprendre les subtilités du développement web.

Ajout d'éléments graphiques et d'images SVG

Pour enrichir visuellement mon profil Edutechwiki, j’ai intégré une illustration SVG trouvée dans une banque d’images, représentant le football américain. Cet ajout a permis d’animer et de dynamiser l’une des sections de mon profil edutechwiki. Je me suis fortement amusé à le modifier via le logiciel InkScape. J'ai aussi créer une sorte de logo, d'avatar me représentant via un générateur d'images en pixel art, afin d'embeillir mes pages CV et ma page personnelle.

Entraînement en JavaScript et création de pages

En vue de l'exercice 2, je m'entraîne déjà au JavaScript pour développer davantage mes compétences. Par ailleurs, j’ai créé trois nouvelles pages afin de tester différentes idées et explorer des concepts innovants pour améliorer l’interactivité de ma page personnelle.

Mise à jour de LinkedIn

Concernant mon profil LinkedIn, tout est déjà clair et bien structuré. Il ne me reste plus qu’à mettre à jour certaines informations pour refléter mes projets actuels.

Auto-évaluation

Bilan de mes forces et axes d'amélioration

Dans cette auto-évaluation, je souhaite faire le point sur ma manière de travailler en identifiant à la fois mes forces et mes faiblesses. Chaque projet présente des défis uniques, et il est important de tirer des leçons de chaque expérience. Je vais donc aborder les aspects positifs de mon travail, les points à améliorer, ainsi que des suggestions pour optimiser mes futurs projets.

Points positifs : créativité et satisfaction dans le codage

Je tire une grande satisfaction du processus de codage, car il me permet de résoudre des problèmes complexes. Cela améliore non seulement ma réflexion critique, mais aussi mes compétences en résolution de problèmes. De plus, je suis très satisfait de l’esthétique et de la fonctionnalité de mes pages web. Elles reflètent mes préférences personnelles tout en répondant efficacement aux besoins des utilisateurs.

J’ai également constaté que je commence à maîtriser HTML et CSS, deux langages dont je n'imaginais pas tout le potentiel au départ. Aujourd’hui, je suis à l’aise avec ces outils et je peux les utiliser pour créer des pages à la fois harmonieuses et fonctionnelles.

Points négatifs : apprentissage de JavaScript et efficacité

Toutefois, je reconnais certaines limites dans ma pratique. Je ne maîtrise pas encore JavaScript, ce qui limite l’interactivité de mes pages. L’ajout d’éléments interactifs via JavaScript pourrait améliorer l’expérience utilisateur, et c’est un domaine sur lequel je souhaite me concentrer, notamment en vue de l'exercice 2.

De plus, je remarque que je manque encore de rapidité dans l’exécution de certaines tâches. Il m’arrive de passer trop de temps à chercher des solutions, là où je devrais développer des automatismes. Gagner en efficacité est un objectif prioritaire pour mes futurs projets.

Conseils pour l’avenir : enrichir le contenu et dynamiser les pages

Pour l’avenir, je me fixe plusieurs objectifs. Premièrement, je souhaite enrichir chaque page avec des informations plus pertinentes pour offrir une meilleure expérience utilisateur. Ensuite, je compte approfondir mes connaissances en JavaScript afin de rendre mes pages plus dynamiques et interactives.

Enfin, je vais continuer à améliorer la navigation sur mes sites pour qu’elle soit plus intuitive et fluide, tout en maintenant un équilibre entre l’esthétique et la fonctionnalité. Mon objectif est de maîtriser pleinement HTML et CSS, et d'optimiser l’utilisation de JavaScript pour donner plus de vie à mes idées.

Post-rapport

Je me suis amusé à créer plusieurs pages sur mon site, chacune basée sur un concept spécifique que j'essaie d'exploiter au maximum. Ce projet est devenu un véritable plaisir quotidien : non seulement pour l'améliorer progressivement, mais aussi pour résoudre les différents défis techniques qui se présentent dans mes fichiers.

J'ai déjà mis en place plusieurs fonctionnalités, comme un calendrier de deadlines, l'emploi du temps de mes cours en présentiel, ainsi qu'une page contenant mon CV (le code pour y accéder est "hello"). J'ai également une page dédiée à mes intérêts personnels, ce qui me permet d'explorer des sujets qui me passionnent.

Bibliographie

Aucune bibliographie utilisée pour cet exercice.

Références

Voici les références des aides, des images et de la musique utilisées dans mon projet.

Toutes les références ont été consultées le 5 octobre 2023.