Mehdi LAOUINI

Rapport Ex1

16 octobre 2022

Liens

Page personnelle TECFA Page de mes travaux Page personnelle EduTechwiki Profil GitHub

Objectifs

À travers cet exercice, il s'agissait de se construire une identité digitale en utilisant les techniques de développement web que nous avons vu durant la semaine MINIT et la période 1.
Il fallait donc pouvoir mettre en pratique nos connaissances théoriques en construisant les éléments suivants :

Cela nous sera utile tout au long du Master et nous servira de vitrine professionnelle pour tous ceux qui s'intéresseraient à nous, comme des recruteurs, par exemple.

Design

J'ai fais en sorte d'avoir un design plus ou moins uniforme entre les différentes pages afin de garder une certaine identité propre. Toutefois, la page des travaux, est plus rudimentaire.
Chaque page renvoi vers les autres afin que l'utilisateur puisse naviguer entre mes réalisations. J'ai essayé de faire un visuel assez épuré où les informations sont facilement repérables

Production

J'ai d'abord commencé par ma page personnelle . Au préalable, j'ai dû réfléchir au design que je voulais donner avant de me lancer. Pour ça, j'ai regarder sur internet des templates histoires d'avoir un peu d'inspiration. Également, j'ai regardé les travaux des volées précédentes afin d'avoir une idée sur les réalisations faites par mes camarades.
Puis, avant de commencer le développement, j'ai regardé comment utiliser Flexbox sur internet (W3schools...) mais également sur EduTechWiki.
Ayant déjà des connaissances en HTML et CSS avant de débuter le master MALTT, je n'avais jamais utiliser flexbox. Ainsi, j'ai passé du temps à découvrir l'outil et "m'amuser avec" afin de le comprendre. Une fois cela terminé, j'ai pu me lancer dans le développement de la page.

Pour construire ma page de travaux j'ai dû aborder un nouveau langage, celui de XML. Après avoir pris du temps sur EduTechWiki, je suis aller regarder, une nouvelle fois, les travaux des précédentes volées. En effet, j'arrive mieux à comprendre avec des exemples concrets et cela m'a énormément aidé. Une fois que j'ai compris, j'ai pu me lancer sans trop de problème, bien qu'au niveau design, la page soit encore très rudimentaire.

Concernant ma page de présentation sur EduTechWiki, j'ai simplement continuer celle que j'ai commencé durant l'atelier MINIT. J'ai notemment pu retravailler la structure et ajouter plus de contenu.

Pour ce qui est du réseau social , étant donné que je suis encore dans le début de ma réflexion concernant mon identité digitale, j'ai partagé mon compte GitHub, que j'ai mis à jour.

Auto-évaluation

Ayant déjà des connaissances de base en HTML et CSS grâce à des cours en option durant mon cursus, j'ai pu à travers ce travail me rafraichir la mémoire. Je n'avais donc pas trop d'appréhension, sauf pour le XML.
Prenant beaucoup de plaisir avec le développement web, (CSS surtout), j'ai, dans un premier temps, consacré plus de temps à la forme, qu'au fond. Je pense que pour les prochains travaux, je devrais mieux répartir le temps et ne pas chercher à rajouter trop de fonctionnalité sur ma page. En soit, suivre les recommandations de Mattia Fritz.

Ma principale difficulté était dans l'organisation des différentes tâches et l'ordre dans lequel il fallait les effectuer.

Bibliographie

Cheat-Sheet A guide to Flexbox w3schools developer Mozilla

Ressources

Stackoverflow Iconmonstr Canva