AVANCEMENT TFE N°6
Avancement du tfe au jour du 18 mai 2022
Petit stress avant la présentation β
Lors de cette présentation, j’ai surtout montré l’évolution du projet car je trouve que je suis partie d’assez loin sachant que je suis passée récemment de 55 écrans à 20 à peine.
J’ai eu, pendant ce travail beaucoup de soucis/problèmes notamment pour la structure de l’HTML par exemple, au début du projet avant même de commencer. Ensuite, lors de l’installation du package, j’ai encore eu un souci d’Open SSL qui était mal configuré, grâce à une ligne de commande, j’ai pu résoudre ce problème.
Une fois le code commencé, mon slider (présent dans la partie « tutoriel ») ne fonctionnait pas et j’ai perdu plusieurs jours à essayer de comprendre d’où venait ce problème. Deux ou trois jours plus tard, le slider fonctionnait… Comment ? Pourquoi ? On ne sait pas.
Par la suite, j’ai eu des problèmes d’animations, j’en avais de trop qui se suivaient et ça faisaient tout bugger. J’ai eu aussi mon filtre qui ne voulait pas s’adapter à la taille de l’écran (et qui a probablement encore du mal à l’heure actuelle). Pour « régler » le souci, j’ai utilisé un backgrop-filter, une propriété CSS, que j’ai mis sur le body.
Et finalement, lors de mon long périple vers le drag and drop, j’ai découvert que rien ne fonctionnait sur un vrai téléphone, à cause de la fonctionnalité tactile. Après plusieurs jours de recherches, Mr. Terranova m’a conseillé d’utiliser un polyfill qui traduit mon code et le rend fonctionnel. Évidemment, cela a fonctionné après 30 secondes.
J’ai eu (ai toujours) également des difficultés pour la partie responsive car l’affichage de l’inspecteur n’est pas toujours fiable…Mais je fais attention à bien vérifier sur un vrai appareil pour que cela soit bon.
Sa fonctionne po 😥
Actuellement, il y a encore quelques éléments qui buggent. Je pense surtout à l’affichage/position de certains éléments graphiques. Le nom entré par l’utilisateur reste introuvable/inaffichable sur une autre page, à checker lors d’un suivi, peut-être encore un tour de magie noire…
Un petit bug dans le jeu lors du dragOver, il y a parfois plus d’un icône qui grossit alors qu’il n’en faut que un.
Enfin, à la fin de la partie « Apprendre », le bouton de l’accueil ainsi que celui du son ne veulent plus s’afficher.
En résumé, cela reste principalement des problèmes de JavaScript, mais j’arrive à un stade où même les recherches internet ne m’aident pas toujours/plus ou sont totalement incompréhensibles. Souvent, il s’agit d’erreurs de logique mais pour les cas présents, il me semble que j’utilise la bonne syntaxe et la bonne technique mais cela va peut-être (sûrement) au-delà de mes capacités.
Quelques conseils ! 👨🏫
On m’a dit que j’avais bien avancé par rapport aux suivis, je parle surtout pour la partie « structure » qui avait été revue récemment.
J’ai eu aussi comme remarque « L’affichage est optimal sur un iPad Mini. Why ? ». Tout simplement, c’était pour éviter de tester avec l’inspecteur et de se rendre compte que certains éléments sont mal placés. Il s’agissait donc d’un « avertissement » vis-à-vis des testeurs (ici, les professeurs) et car c’est le seul appareil (pour le moment) qui affiche tout comme il faut.
Il y aurait aussi une certaine redondance dans la partie JavaScript… Cela ne m’étonne qu’à moitié mais je suis déjà bien contente de ce que j’ai pu faire et de mon amélioration en JavaScript que je n’ai pas cherché à éliminer la redondance présente.
Évidemment, je vais voir probablement lors d’un suivi pour essayer d’optimiser tout ça.
En ce qui concerne l’affichage sur un iPad, il est vrai que cela fonctionne uniquement en mode portrait. C’est également un élément que j’ai oublié de citer. Pour cette partie, je prévois de soit prévenir que c’est en mode portrait uniquement ou je tenterai un design en mode paysage mais j’ai assez peur par rapport à la hauteur de la tablette du résultat que cela peut donner.
Petit mot pour la fin ?
Durant ce projet, j’ai pu me surpasser (car c’était mon but). Ce projet était avant tout un challenge surtout au niveau du code. À mon plus grand étonnement, je vois d’où je suis partie tant au niveau du design que du code...et il y a eu pas mal de changements ! Quand j’y repense, l’année passée, je ne savais même pas sélectionner un élément de l’HTML en JS.
Je reste très très fière d’avoir eu cette idée, qui va aider certainement plus d’une personne. Et je suis très fière également de mon évolution.
Grâce à ce jeu/application, je suis plus curieuse quand je joue à un jeu et je m’intéresse à l’UI/UX et au code. Je me sens également plus confiante dans mes capacités et cela me donne envie d’aider plus souvent les autres (les 2ème DWT, par exemple) et de leur apprendre/expliquer ce que je sais/j’ai appris.
TimeSheet (en cours) 🕖
https://docs.google.com/spreadsheets/d/1EekWl1LRlA03D18FmS33mqL46VNDeIZfh-yAIlR0bts/edit?usp=sharing