{"id":9281,"date":"2021-04-12T09:43:32","date_gmt":"2021-04-12T07:43:32","guid":{"rendered":"https:\/\/www.sage.com\/fr-fr\/blog\/?post_type=sage_glossary&#038;p=9281"},"modified":"2026-03-19T11:12:42","modified_gmt":"2026-03-19T10:12:42","slug":"drag-and-drop-definition","status":"publish","type":"sage_glossary","link":"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/drag-and-drop-definition\/","title":{"rendered":"Drag and Drop : d\u00e9finition"},"content":{"rendered":"<header class=\"entry-header has-dark-background-color entry-header--has-illustration entry-header--has-illustration--generic\">\n\t<div class=\"container\">\n\t\t<div class=\"entry-header__row row align-center\">\n\t\t\t<div class=\"col col-lg-7 col-xlg-6 entry-header__content\">\n\t\t\t\t\t\t\t<div class=\"component component-single-header\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"entry-header__misc text--subtitle text--uppercase text--small\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/\" class=\"entry-header__link\">D\u00e9finition<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"entry-title-wrapper\">\n\t\t\t\t\t<h1 class=\"entry-title\">\n\t\t\t\t\t\tDrag and Drop : d\u00e9finition\t\t\t\t\t<\/h1>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t<div class=\"single-post-details container\">\n\t\t<div class=\"col\">\n\t\t\t<span class=\"reading-time\"> min de lecture<\/span>\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"social-share-button button button--icon button--secondary js-social-share-button\"\n\t\t\tdata-share-title=\"Drag and Drop : d\u00e9finition\"\n\t\t\tdata-share-url=\"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/drag-and-drop-definition\/\"\n\t\t\tdata-share-text=\"Veuillez lire cet article int\u00e9ressant\"\n\t\t>\n\t\t\t<span class=\"social-share-button__share-label\">Partager<\/span>\n\t\t\t<span class=\"social-share-button__copy-label\" hidden>Copier le lien<\/span>\n\t\t\t<span class=\"social-share-button__copy-tooltip\" aria-hidden=\"true\" hidden>Copi\u00e9<\/span>\n\t\t<\/button>\n\n\t\t\t\t<\/div>\n\t<\/div>\n<\/header>\n\n\n\n<p>Le Drag and Drop  ou \u00ab Glisser\/D\u00e9poser \u00bb est une technique qui permet de d\u00e9placer un \u00e9l\u00e9ment d&#8217;une application \u00e0 une autre dans une interface graphique. Il peut s&#8217;agir d&#8217;un \u00e9l\u00e9ment graphique, d\u2019un texte, un d\u2019un fichier. Explications.<\/p>\n\n\n<?xml encoding=\"utf-8\" ?><div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><ul><li><a href=\"#h-qu-est-ce-que-le-drag-and-drop\" data-level=\"2\">Qu&#8217;est-ce que le Drag and Drop ?<\/a><\/li><li><a href=\"#h-quels-sont-les-usages-du-drag-and-drop\" data-level=\"2\">Quels sont les usages du Drag and Drop ?<\/a><\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-qu-est-ce-que-le-drag-and-drop\">Qu&#8217;est-ce que le Drag and Drop ?<\/h2>\n\n\n\n<p>Le Drag and Drop est une technique i tr\u00e8s fr\u00e9quemment implant\u00e9e dans les interfaces graphiques des <strong>mobiles et tablettes<\/strong> ainsi que sur Microsoft Windows et MacOs. Cette action de base peut \u00eatre r\u00e9alis\u00e9e soit \u00e0 la souris par clic sur le bouton gauche sur l&#8217;objet \u00e0 d\u00e9placer et rel\u00e2chement sur l&#8217;application destination, soit simplement avec le doigt sur les interfaces tactiles.<br> La simplicit\u00e9 du geste a fait du \u00ab <strong>Drag and Drop<\/strong> \u00bb un \u00e9l\u00e9ment-cl\u00e9 de l&#8217;ergonomie des <strong>interfaces<\/strong> utilisateur modernes. Il participe pleinement \u00e0 l&#8217;<strong>exp\u00e9rience utilisateur<\/strong> procur\u00e9e par une tablette num\u00e9rique ou une application, ce que l&#8217;on appelle l&#8217;UX (acronyme de User eXperience).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-quand-est-il-apparu\">Quand est-il apparu ?<\/h3>\n\n\n\n<p>Comme de nombreux \u00e9l\u00e9ments des interfaces graphiques modernes, le <strong>Drag and Drop<\/strong> est directement issu des travaux du PARC (Palo Alto Research Center), le <strong>centre de recherche de <a href=\"https:\/\/www.xerox.fr\/fr-fr\/innovation\/parc\" target=\"_blank\" rel=\"noopener noreferrer\">Xerox<\/a><\/strong>. D\u00e8s les ann\u00e9es 70, les chercheurs ont imagin\u00e9 une interface utilisateur 100 % graphique extr\u00eamement innovante \u00e0 l&#8217;\u00e9poque. Celle-ci introduisait notamment la notion d&#8217;<strong>affichage WYSIWYG<\/strong>, les <strong>ic\u00f4nes<\/strong> et l&#8217;utilisation d&#8217;<strong>une fl\u00e8che guid\u00e9e avec une souris<\/strong> m\u00e9canique pour remplacer l&#8217;habituel curseur. Cette approche \u00e9tait en rupture totale avec les interfaces d&#8217;alors, essentiellement textuelles o\u00f9 toutes les interactions de l&#8217;homme avec la machine \u00e9taient r\u00e9alis\u00e9es au moyen de commandes texte \u00e0 taper \u00e0 l&#8217;\u00e9cran.<\/p>\n\n\n\n<p>Cette recherche a directement \u00e9t\u00e9 reprise par Steve Jobs pour concevoir l&#8217;interface utilisateur des Apple Lisa et Macintosh. Ils furent les premiers micro-ordinateurs produits en grande s\u00e9rie disposant d&#8217;une telle interface graphique. Le succ\u00e8s mondial du <strong>Macintosh<\/strong> a largement popularis\u00e9 l&#8217;usage de la souris et le \u00ab <strong>Drag and Drop<\/strong> \u00bb aupr\u00e8s du public.<br>\nDiff\u00e9renciant les ordinateurs Apple au d\u00e9but des ann\u00e9es 80, l&#8217;approche a rapidement \u00e9t\u00e9 reprise par tous les concepteurs d&#8217;interfaces, dont <strong>Microsoft<\/strong> avec Windows 1.0 en 1985, par IBM avec OS\/2 en 1987 et divers syst\u00e8mes personnels et stations de travail dans les ann\u00e9es 90. Le concept s&#8217;est ainsi rapidement g\u00e9n\u00e9ralis\u00e9 sur les Desktops, puis sur les smartphones avec l&#8217;arriv\u00e9e de l&#8217;iPhone d&#8217;Apple en 2007.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-quels-sont-les-usages-du-drag-and-drop\">Quels sont les usages du Drag and Drop ?<\/h2>\n\n\n\n<p>Le premier usage du \u00ab <strong>Drag and Drop<\/strong> \u00bb a \u00e9t\u00e9 de pouvoir d\u00e9placer <strong>les ic\u00f4nes<\/strong> des fichiers et applications sur le bureau et d\u00e9poser l&#8217;ic\u00f4ne d&#8217;un fichier dans la corbeille du syst\u00e8me d&#8217;exploitation, m\u00e9taphore de son effacement. Il est aussi possible de d\u00e9placer l&#8217;ic\u00f4ne vers un autre r\u00e9pertoire afin de le d\u00e9placer ou le copier. De m\u00eame, sur certains syst\u00e8mes d&#8217;exploitation, d\u00e9placer l&#8217;ic\u00f4ne d&#8217;une application vers la corbeille signifie d\u00e9sinstaller celle-ci du syst\u00e8me.<\/p>\n\n\n\n<p>Un autre usage tr\u00e8s courant du \u00ab Drag and Drop \u00bb consiste \u00e0 d\u00e9placer l&#8217;ic\u00f4ne d&#8217;un fichier sur l&#8217;ic\u00f4ne d&#8217;une application. Cette manipulation a pour effet de lancer l&#8217;application et d&#8217;ouvrir le fichier en question. Certains syst\u00e8mes d&#8217;exploitation impl\u00e9mentent un Drag and Drop r\u00e9actif : survoler un r\u00e9pertoire avec un fichier provoque automatiquement son ouverture. Cela permet de <strong>simplifier la navigation<\/strong> et se d\u00e9placer dans une arborescence complexe sans devoir \u00ab l\u00e2cher \u00bb le fichier.<\/p>\n\n\n\n<p>Le \u00ab <strong>Drag and Drop<\/strong> \u00bb est d\u00e9sormais support\u00e9 par tous les <strong>navigateurs<\/strong> Internet modernes. Il est ainsi possible de d\u00e9placer certains \u00e9l\u00e9ments d&#8217;une page HTLM, images comprises, pour les sauvegarder sur le bureau ou dans un r\u00e9pertoire. <strong>L&#8217;URL<\/strong> d&#8217;une page peut aussi \u00eatre gliss\u00e9e\/d\u00e9pos\u00e9e sur le bureau afin de cr\u00e9er un raccourci, de m\u00eame qu&#8217;il est possible de d\u00e9placer les onglets pour en changer l&#8217;ordre \u00e0 l&#8217;\u00e9cran ou cr\u00e9er une nouvelle fen\u00eatre.<\/p>\n\n\n\n<p>L&#8217;imagination des d\u00e9veloppeurs et des experts en UX est sans limites et chaque application peut faire sa propre interpr\u00e9tation du \u00ab Drag and Drop \u00bb. Notons que Sage s&#8217;appuie ainsi sur le \u00ab Drag and Drop \u00bb pour permettre \u00e0 chacun de personnaliser les \u00e9crans de sa solution. L&#8217;outil de personnalisation WYSIWYG offre la possibilit\u00e9 d&#8217;ajouter ou de supprimer des champs de donn\u00e9es \u00e0 l&#8217;\u00e9cran simplement en les d\u00e9pla\u00e7ant \u00e0 l&#8217;\u00e9cran avec la souris. De nouveaux usages appara\u00eetront encore \u00e0 l&#8217;avenir et plus que jamais le glisser\/d\u00e9poser fera partie de notre quotidien pour de nombreuses ann\u00e9es encore.<\/p>\n\n\n\n<p>D\u00e9couvrez d\u2019autres d\u00e9finitions du num\u00e9rique :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/cloud-computing-definition-du-cloud-computing\/\">Cloud Computing<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/definition-qu-est-ce-qu-une-solution-erp-pgi\/\">ERP<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.sage.com\/fr-fr\/blog\/glossaire\/saas-definition-du-logiciel-saas\/\">logiciel Saas<\/a><\/li>\n<\/ul>\n\n\n<div class=\"single-cta\">\n\t<div class=\"single-cta__positioner\">\n\t\t<div class=\"single-cta__wrapper has-dark-background-color\">\n\t\t\t<div class=\"single-cta__content\">\n\t\t\t\t\t\t\t\t<h2 class=\"single-cta__title h3\">Inscrivez-vous \u00e0 la e-newsletter mensuelle<\/h2>\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#gate-a947ade1-e692-455f-94ce-a275d72a9a11\"\n\t\t\t\t\t\tclass=\"single-cta__button button button--primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>Je m&#039;abonne<\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"779\" src=\"https:\/\/www.sage.com\/fr-fr\/blog\/wp-content\/uploads\/sites\/4\/2021\/05\/spreadsheets-1024x779-1.jpg\" class=\"single-cta__image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.sage.com\/fr-fr\/blog\/wp-content\/uploads\/sites\/4\/2021\/05\/spreadsheets-1024x779-1.jpg 1024w\" sizes=\"auto, (min-width: 48em) 33vw, 100vw\" \/>\t\t\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Le Drag and Drop ou \u00ab Glisser\/D\u00e9poser \u00bb est une technique qui permet de d\u00e9placer un \u00e9l\u00e9ment d&#8217;une application \u00e0 une autre dans une interface graphique. Il peut s&#8217;agir d&#8217;un \u00e9l\u00e9ment graphique, d\u2019un texte, un d\u2019un fichier. Explications. Qu&#8217;est-ce que le Drag and Drop ? Le Drag and Drop est une technique i tr\u00e8s fr\u00e9quemment [&hellip;]<\/p>\n","protected":false},"author":1128,"featured_media":0,"template":"","meta":{"_sage_video":false,"footnotes":""},"tags":[224],"class_list":["post-9281","sage_glossary","type-sage_glossary","status-publish","hentry","tag-ia-digitalisation"],"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Sage Advice France","distributor_original_site_url":"https:\/\/www.sage.com\/fr-fr\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/sage_glossary\/9281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/sage_glossary"}],"about":[{"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/types\/sage_glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/users\/1128"}],"version-history":[{"count":1,"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/sage_glossary\/9281\/revisions"}],"predecessor-version":[{"id":29411,"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/sage_glossary\/9281\/revisions\/29411"}],"wp:attachment":[{"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/media?parent=9281"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sage.com\/fr-fr\/blog\/api\/wp\/v2\/tags?post=9281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}