{"id":1166,"date":"2023-06-20T13:49:11","date_gmt":"2023-06-20T13:49:11","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=1166"},"modified":"2024-03-22T09:46:41","modified_gmt":"2024-03-22T09:46:41","slug":"drag-drop","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/drag-drop\/","title":{"rendered":"Drag & Drop"},"content":{"rendered":"

\"Drag<\/h1>\n
\n

En el mundo de la tecnolog\u00eda existen muchas herramientas, atajos y utilidades que ayudan a facilitar procesos. En el caso del mundo digital y el dise\u00f1o web,\u00a0el sistema Drag & Drop es una de las m\u00e1s alabadas<\/strong>, ya que permite crear, dise\u00f1ar o editar sitios (y casi cualquier producto digital) con solo arrastrar y soltar.<\/p>\n

<\/span>\u00bfQu\u00e9 es Drag & Drop?<\/h2>\n

Se traduce en espa\u00f1ol como \u201carrastrar y soltar \u201c, es una t\u00e9cnica que facilita a los usuarios mover un documento hacia otra carpeta. Igualmente, este mismo concepto es\u00a0utilizado en herramientas de dise\u00f1o web<\/a>, donde los desarrolladores no necesitan emplear c\u00f3digos, sino un sistema de CMS que incluya un editor\u00a0Drag and Drop<\/em>.<\/p>\n

En principio, esta funci\u00f3n fue una idea dirigida especialmente a los usuarios de m\u00f3viles inteligentes, ya que al trabajar con pantallas t\u00e1ctiles\u00a0es m\u00e1s f\u00e1cil emplear la acci\u00f3n de arrastrar y soltar<\/strong>. Sin embargo, esta ya estaba disponible en equipos Microsoft desde la primera aparici\u00f3n de Windows.<\/p>\n

<\/span>\u00bfPara qu\u00e9 sirve el Drag & Drop?<\/h2>\n

La utilizaci\u00f3n de esta t\u00e9cnica facilita la usabilidad por parte de los usuarios, pero sobre todo, mejora el rendimiento cuando se trata de\u00a0desarrollo web de apps o sitios web<\/a>. Los que m\u00e1s utilizan este tipo de t\u00e9cnicas son los usuarios que no cuentan con formaci\u00f3n especializada en estas pr\u00e1cticas, dise\u00f1ar un sitio web desde cero utilizando lenguajes de programaci\u00f3n puede limitar muchos proyectos.<\/p>\n

Pero,\u00a0con Drag & Drop se pueden incrustar elementos de texto, im\u00e1genes, secciones<\/strong>, formularios y m\u00e1s, sin tener que conocer a fondo las t\u00e9cnicas inform\u00e1ticas.<\/p>\n

Asimismo, esta configuraci\u00f3n tambi\u00e9n est\u00e1 disponible para la edici\u00f3n de otros productos web, por ejemplo, para dise\u00f1ar infograf\u00edas o v\u00eddeos. Igualmente,\u00a0muchas herramientas de construcci\u00f3n de newsletters utilizan este tipo de sistema<\/strong>, de forma que los usuarios del email marketing puedan construir env\u00edos m\u00e1s llamativos (y con visibilidad en cualquier servidor) con solo arrastrar y soltar.<\/p>\n

<\/span>\u00bfQu\u00e9 es API Drag and Drop?<\/h2>\n

Es un archivo que se utiliza\u00a0para integrar las aplicaciones web con esta funcionalidad<\/strong>, es un t\u00e9rmino utilizado en inform\u00e1tica y programaci\u00f3n para dotar a las plataformas de la posibilidad de arrastrar y soltar. Esta suele aplicarse en el c\u00f3digo de HTML 5 o JavaScript. B\u00e1sicamente, es la parte que el usuario no puede ver, pero que hace posible esta funcionalidad.<\/p>\n

Con esta opci\u00f3n es posible dise\u00f1ar interfaces como la elecci\u00f3n de skins en videojuegos, donde el jugador puede arrastrar y soltar los elementos o ropas con las que quiere vestir a su personaje.<\/p>\n

<\/span>Ejemplo de Drag & Drop<\/h2>\n

Hay muchas empresas que permiten este tipo de herramienta a la hora de crear una p\u00e1gina, entre los m\u00e1s famosas se encuentra el CMS o gestor de contenidos\u00a0Wix<\/em>,\u00a0que permite utilizar plantillas y a\u00f1adir elementos al arrastrar y soltar<\/strong>. Tambi\u00e9n se puede nombrar\u00a0Jimdo<\/em>, otro gestor que permite la edici\u00f3n de sitios web desde cero, sin necesidad de tener conocimientos en programaci\u00f3n.<\/p>\n

Cuando se trata de edici\u00f3n de im\u00e1genes es necesario nombrar a\u00a0Canva<\/em>, es una herramienta que\u00a0tambi\u00e9n funciona con un editor de este tipo<\/strong>\u00a0que permite incluir textos, gr\u00e1ficos y fotograf\u00edas al arrastrar y soltar.<\/p>\n

En el caso de email marketing, SendinBlue e Imolko son dos empresas que utilizan este concepto para que sus usuarios puedan construir newsletters m\u00e1s atractivas y ajustadas a cualquier tipo de navegador o servidor de correo.<\/p>\n

 <\/p>\n

<\/span>M\u00e1s informaci\u00f3n sobre Drag & Drop<\/h2>\n

Si te quedaste con las ganas de saber m\u00e1s sobre la funci\u00f3n de Drag & Drop mira los siguientes enlaces, puedes conocer qu\u00e9 es Wix y c\u00f3mo dise\u00f1ar tu sitio con \u00e9l o c\u00f3mo funciona este sistema en pantallas t\u00e1ctiles.<\/p>\n