STIC Discussion:STIC I - exercice 5 (Drakkar)
Vidéo disponible dans la section Lectures et matériel de support
Bonsoir,
J'ai publié une vidéo avec un tutoriel sur comment créer une application glisser-déposer avec la catégorisation multiple. Il est disponible dans la section "Lectures et matériel de support" de la page de l'exercice. J'espère qu'il vous sera utile.
Bon courage, Mattia Mattia A. Fritz (discussion) 8 janvier 2024 à 00:00 (CET)
Re: Vidéo disponible dans la section Lectures et matériel de support -- Malika MD (discussion) 13 janvier 2024 à 22:46 (CET)
Bonjour,
Voici le lien vers mon dispositif : exercice 5. Je ne sais pas comment il va s'afficher sur votre écran mais sur mon mac tout s'affiche parfaitement. Cependant j'ai essayé d'ouvrir le lien sur mon téléphone et tous les éléments de la page se sont mélangé voire coupé en dehors de la page, de plus la fonctionnalité drag and drop ne fonctionne plus, je n'arrive pas à déplacer les éléments draggable, c'est la même chose sur ma tablette. Comment je peux faire pour que toute ma page soit redimensionné en fonction de la taille des écrans ? Qu'est-ce je dois faire pour que mon dispositif soit fonctionnel sur les écrans tactiles ? Est-ce que cela pose problème au niveau des contraintes de l'exercice ?
Je vous souhaite une bonne journée, Cordialement, Malika Mohamed Djaguir.
Re: Re: Vidéo disponible dans la section Lectures et matériel de support -- Mattia A. Fritz (discussion) 14 janvier 2024 à 13:26 (CET)
Bonjour,
Plusieurs choses :
- La plus importante : ce n'est pas attendu que votre dispositif s'adapte à plusieurs dispositifs. On s'attend qu'il s'adapte plus ou moins aux tailles habituelles des écrans d'ordinateur, donc par exemple il ne faudrait pas une fenêtre vraiment trop grande (> 1200 px) pour pouvoir tout afficher correctement
- Pour faire des design dits responsive, il faut utiliser ce qu'on appelle de media-queries, mais la chose plus simple c'est d'utiliser du third party code comme par exemple Bootstrap, Pure, ou W3.CSS.
- jQuery UI ne marche malheureusement pas automatiquement avec le touch sur les dispositifs mobiles et les tablettes. Vous pouvez utiliser un plugin qui s'appelle jQuery Touch UI qui est utilisé notamment dans l'application de catégorisation multiple présentée dans la vidéo. Vous trouverez le code, entre autre, dans le GitHub de cette même application : https://github.com/mafritz/categorisation-multiple/blob/main/assets/vendor/jquery/jquery-touch.js Il y a des explications dans la page de référence JQuery UI, dans la section Activer le drag en drop sur les écrans tactiles.
Bien cordialement, Mattia
Re: Re: Re: Vidéo disponible dans la section Lectures et matériel de support -- Malika MD (discussion) 16 janvier 2024 à 12:37 (CET)
- Bonjour,
Je vous remercie pour votre réponse, j'ai essayé de suivre vos conseils, la fonction tactile sur écran fonctionne parfaitement ! Cependant le problème persiste au niveau des dimensions du contenu qui ne s'adapte pas à toutes les tailles d'écran (surtout au niveau des zones droppables).Je vous remercie quand même je pense que je vais laisser mon travail comme ça.
Cordialement, Malika Mohamed Djaguir
Question sur les fonctionnalités
Bonjour, voici le lien vers mon exercice 5.
Je rencontre une petite difficulté dans mon dispositif actuel : une fois qu'un élément est déplacé dans une case, il ne peut plus être déplacé ou repositionné. Cela pose un problème si l'utilisateur fait une erreur et souhaite corriger son action.
Je me demandais si c'était possible de rajouter la fonctionnalité "sortable" pour permettre aux utilisateurs de reprendre et de redéplacer les éléments déjà placés dans les zones de dépôt. Cela rendrait l'interface plus flexible et améliorerait l'expérience utilisateur, en particulier dans ce contexte où l'ordre des éléments est important.
Je tenais à ce que le dispositif utilise la fonctionnalité drag and drop au début pour des raisons pédagogiques mais si les deux fonctionnalités ne peuvent pas être mises ensemble, alors je laisserai juste la phrase indiquant comment corriger son erreur dans le dispositif actuel.
Merci d'avance,
Warisara Warisara Suksamran (discussion) 12 janvier 2024 à 14:17 (CET)
Re: Question sur les fonctionnalités -- Mattia A. Fritz (discussion) 12 janvier 2024 à 14:43 (CET)
Bonjour,
D'après la structure de votre dispositif il semblerait en effet que la fonction sortable serait plus adaptée. Pour les contraintes de l'exercice elle est tout à fait équivalente au drag&drop, car il y a de toute manière une action de glisser-déposer.
Bien cordialement,