Modify an existing front-end (createjs/jquery) and back(Qt) SSLsocket that loads 1 file: To load many files and save them in front-end temporary files

EXISTING PROJECT: We already have a front-end (createjs/jquery) that loads images from back-end (Qt 5.4) via ssl websockets. In the back-end there is a folder "images" which contains jpg and png images, the front end has a connect button. When connected, back-end sends a list of the files, front-end allows user to select one of the files and displays it. front-end decompresses the images and displays them. MODIFICATIONS REQUIRED: 1) a) To fix the old project: communication was in ASCII to change it to binary and back-end checks the image size, to remove that, and make front-end do that. In other words to reduce the communication to the minimum possible bytes and to reduce the work on the back-end so no need to check the image on the back-end. b) To do everything you can think of to speed-up the communication and reduce the load on back-end. 2) a) keep folder "image" as it is now, but add folders inside it, example: inside "image" there are "folder1", "folder2" etc.. b) inside each folder there are jpg, png, and xml files. Images will be mostly 1600x1200 pixels, please try with these sizes. c) When connected, client receives a list of all the folders. user selects a folder, example "folder2", client displays a list of all the files in that folder in color black. d) There is 1 "load" button. user can click to make client load all these files from SSL socket and save them in temporary files in their original compressed format (jpg, png, xml or other) * It is important to be able to later modify the data before saving it in temporary files. * When file is already saved in temporary file and has the same date/time as the file on the server, it does not load it again. e) the list of files were displayed in black, when these files are loaded (or were already loaded), they become displayed in blue and become a link. f) when a file is in blue, user can click and without communication with the server,client displays the image from temporary file. If it is JPG or PNG, it displays the image, If it is XML or other, it displays the ASCII contents of the file. g) Image decompression has to be done by a webworker (different thread), to allow other processes while decompressing the images. h) to prepare for the next project, we need to have 2 webworkers that can decompress and display images in the background. Because later we will need fast animations. i) web workers must be able to decompress jpg and png as fast as possible. (Please try to speed-up everything as much as possible) j) There is 1 "cycle" button on the screen, when pressed, webworkers start decompressing and displaying all the listed images, one after the other, as quickly as possible to test the speed.