2 page HTML5 Webapp

Things are really busy over here and we have some projects that we'd like to prototype for testing but we don't have the time to work on them ourselves.

We're looking to establish a relationship with a development team that we can use to rapidly prototype, so we can free our time up for more complicated work (algorithms, new features). We use agile development, SCRUM and lean methodology, so we'll need someone who is comfortable working using this approach. If all goes well with this job, we have a number of jobs that will follow.

With this job we have a small 2 page HTML5 webapp that we'd like coded. The purpose of the app is to create drum kit presets for a popular mobile music app. It's really basic stuff, the user will set some variables and the app will write them to a text file. We could knock it out in less then a day but I'm estimating it as a 2 day project (16-20 hours at the most) to be fair as we do work very quickly.

The user workflow is as follows

1) The user uploads up to 16 wav or aiff files to dropbox (this does not take place in our app)

2) They load up our webapp and login to their dropbox account, giving permission to the app in the process. (dropbox widget)

3) They navigate to the folder where they uploaded their audio files. If possible the directory listing should be filtered so they only see files with the .wav or .aiff extension

4) The user drags and drops a file on top of a UI element (a square pad) and that filename is assigned as that pad's variable. If the directory listing isn't filtered the app will need to validate the user is has selected a .wav or .aiff file.

5) Depending on how many pads they chose to populate (they can populate 4 to 16 pads) some hidden variables will be set for them.

6) They use 12 sliders and 9 carousel (text lists) to set the rest of the variables

7) They save the file, setting the file name and the dropbox directory they want to save to (defaulted to the directory they used in step 3)

8) Finally they'll use an 3rd party app to copy the wave and preset files from dropbox to their iOS device. (this does not take place in our app)

* The dropbox api, provides prewritten widgets that can be used so it should be very easy to integrate [url removed, login to view] read and write.

* The app will populate a text based template file with the variables the user sets.

* User will use drag and drop, touch sliders and carousel text lists to select variables

* It will use adaptive design using a 4:3 screen ratio (1,024 × 768 or 2,048 × 1,536)

* It will need to be optimized for the iOS webkit mobile browser (Safari)

* It should use animations to provide an app like feel (jquery mobile, Sencha, wijmo, etc)

* There are a total of 50 variables but the user will only set 37. THere are 13 variables will be set automatically based on how they populate the pads, the excel file "Sample assignments" tab has the look up table.

* We will prepare the assets (UI, fonts) for you, so you won't have to worry about slicing the PSDs.

Here is a video that demonstrates what the what they app will need to accomplish.

[url removed, login to view]

The UI

Page 1 - 001 Load [url removed, login to view]

Page 2 - 002 Tweak [url removed, login to view]

Popover - 0003 [url removed, login to view]

Explanation of the variables and the data they contain can be found in this file

Drum preset [url removed, login to view]

Text based preset template - The variables are wrapped in angle/chevron brackets < >

Master [url removed, login to view]


HTML5 & CSS 3 is a must and I prefer PHP but I'm open to using any other framework (Sencha, XTJS, Bootstrap, etc) or tech that helps develop the app quicker and easier. In the future I'll be more specific as to what we use but for now it's not necessary. At the end of the project we'll need to have all the code handed off to us.

Skills: HTML5, jQuery / Prototype, PHP, Sencha / YahooUI, Software Architecture

See more: html5 webapp, webapp html5, html5 page, html5 mobile webapp, html5 https, easy php, widget testing, widget framework, where to look for mobile developers, what's new with bootstrap, what is ios device, what is an ios device, what is a job fair, what is a algorithms, what do you need to develop an app, we need a team of software developers, video app developers, touch screen ui, total jobs login, top template html5, top software developers, top algorithms, top 10 ios developers, top 10 app developers, top 10 algorithms

About the Employer:
( 3 reviews ) Brooklyn, United States

Project ID: #4997877

13 freelancers are bidding on average $243 for this job


Dear Customer, We are European Website Development company (SafetyBis Ltd) can finish your project very fast and on professional level. Not the cheapest you will find, but I think you will find our pricing afforda More

$425 USD in 3 days
(53 Reviews)

Dear Valued Customer, We have many years of experience of developing database driven websites and applications. Our Services includes not limited o Template, Logo, Banner designing, CSS2, HTML4, CSS3, HTML5, Flash, More

$463 USD in 5 days
(94 Reviews)

Hi, We are highly experienced in Wordpress Web development,WordPress Plugin Customization, HTML, XHTML, HTML5. Hire team of HTML5, Magento, Joomla and PHP Programmers. Please open message board for previous work and we More

$206 USD in 6 days
(86 Reviews)

Hi, We are developers and have extensive work experience in HTML5, jQuery / Prototype, PHP, Sencha / YahooUI and Software architecture, We would like to communicate with you regarding this project and give you ou More

$150 USD in 3 days
(51 Reviews)

hello, thanks for your invitation for your two html5 page development we develop for you and here please check our developed html5 mobile websites HTML5 with JQuery mobile website [url removed, login to view] More

$463 USD in 10 days
(14 Reviews)

We are 20+ experienced developers and designers doing website designing and development, logo design, graphic design, psd2html, responsive designs, php+mysql development, mvc frameworks like codeigniter/qcubed, expert More

$421 USD in 12 days
(80 Reviews)

Dear sir I am really interested in your Project I have 6 Year Experience in web designing and Development . I have done many web designing Project. I can give you better quality then any other my competition .I want More

$105 USD in 3 days
(26 Reviews)

Hi, Thanks for specifying the requirements clearly. I have been in HTML5 application and mobile apps development in sencha for last 3 years. I have developed a number applications(for iPad,iPhone,android tablet, phon More

$222 USD in 2 days
(7 Reviews)

Dear Sir, We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give we a chance and we will prove myself - Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !! Lo More

$73 USD in 7 days
(6 Reviews)

Sir,i have a team of professionals at your [url removed, login to view] web-development team had gone through the details you had given and they are likely to start this [url removed, login to view] team consist of web-developers,mobile app developers More

$73 USD in 8 days
(3 Reviews)

Greetings - We can do it. Please look at our demo link [url removed, login to view] admin / rt67an Click on list of projects then click on fifteen patents to see the demo ExtJS tool.

$244 USD in 7 days
(3 Reviews)

Hi We are ERP, CRM, POS, Custom Software solution providing company. So we are really interested to deliver this project. Regards Business Development Manager. FixFin Technologies

$105 USD in 14 days
(3 Reviews)

Hello, I have gone through your project’s initial requirements with the help of the job posting you have placed. And I think I have requisite experience and expertise to complete your project successfully. I am very More

$206 USD in 3 days
(1 Review)