Demostrador Tecnología Drag&Drop en HTML5

Abstract

La tecnología Drag & Drop, como bien dice su nombre, se basa en la acción de arrastrar y soltar, es decir, mover con el ratón objetos, por ejemplo, de una ventana a otra o entre partes de una misma ventana. Los objetos arrastrados son habitualmente archivos (documentos, fotografías, etc), pero también pueden ser arrastrados otros tipos de elementos en función del programa. En este proyecto, vamos a tratar de valorar esta tecnología sobre una web en HTML5, para ello, desarrollaremos una web en HTML5 nativo, en la cual, se podrá arrastrar imágenes, una a una, desde el escritorio o una carpeta del ordenador, para que de forma automática, se carguen y muestren en la web y así, poder visionar todas las imágenes a la vez. Como veremos más adelante, no todos los navegadores actuales están adaptados a esta tecnología, por eso realizaremos pruebas con los navegadores más utilizados actualmente (Internet Explorer, Firefox, Chrome, Opera, Sea Monkey, etc), tanto en Windows como en Linux, para comprobar qué navegadores aceptan la tecnología Drag and Drop, y cuáles no. Por último, realizaremos una valoración personal sobre la tecnología Drag and Drop, indicando los pros y los contras, y el abanico de opciones que abre esta nueva tecnología en el desarrollo de