Code to include "drag and drop" and "canvas" in HTML5

I need a code to be HTML5 is definitely "drag & drop" and "canvas" properties. What I want is the user can organize some things in this site. The ideal is only a search bar to write the user is looking and appear in small windows in the information on this site also from facebook, the mysapse, wikipedia and (confidence) youtube. Also I want a space that can "draw" the user a picture of a site or the desktopo (or folder). Also in each small window of facebook, mysapse, wikipedia and youtube I want to display some information from the respective site. And the point is the photo that the user to enter some information alone. The user can draw arrows from one window to another window to show the correlation. I attach some documents that will definitely help.