Drag and Drop Interactive Activity

We require urgent assistance in building a HTML5 CSS3 JQuery based web app that uses the following:

JQuery libraries to achieve an interactive educational workbook;

JQuery UI;

[url removed, login to view];

[url removed, login to view];

UIkit;

[url removed, login to view] and

[url removed, login to view]

The interactive workbook parses an xml file descriptor in order to dynamically render html and js that uses the aforementioned libraries to display interactive activities.

From the sample code you can see the relevant functions to set dynamic HTML, JavaScript and Css for the text widgets headings and titles. The workbook itself can be viewed in its current state here: [url removed, login to view]

What we need is a freelancer to help bring the book to completion, the scope of work involves the following:

The creation of a drag and drop interactive activity that is integrated on multiple pages of the workbook. This activity will allow users to answer educational questions by dragging images to predefined places on the page of the book. Sound effects will be supplied for incorrect and correct drops and the image will be expected to remain in the selected position for a correct answer and return to its origin on an incorrect answer. In the event that drag drop is not available on a device the activity will then switch to a touch and place activity; whereby a user will touch the image to highlight it, and then touch the designated drop zone to move it there. The same correct and incorrect behaviour will be exhibited for drag and drop and touch and place versions of the activity. The activity will be expected to follow similar coding and standardization practises to the current activities in the book.

The integration of the created drag and drop activity. This includes the coding of the call function for the activity similar to the call functions shown above for [url removed, login to view] , the creation of the specific xml code to render all the pages that the activity appears on and the debugging of the activity and the workbook to ensure that the activity is working seamlessly with the work book.

Minor improvements and fixes to the workbook as required.

The book has a total of 80 pages of which the drag and drop activity appears on 40 pages and appears more than once on several pages. The activity must be responsive using UIKit and must also be touch ready using UIkit, sound must be played using the [url removed, login to view] library. The bidder must be available on Skype 24/7 until the project is complete and must focus on this project as their sole project for the duration of the project.

This project is critically urgent and the bidder with the most expertise and shortest delivery time will be awarded the project. Ensure that you examine the sample code attached carefully.

CSS HTML5 jQuery / Prototype XML

Nº del proyecto: #5542374

Sobre el proyecto