Convert/Create Interactive Pieces in Adobe Edge (HTML5)

We need to convert or create the attached three files into Adobe Edge-compatible HTML5.

- Lesson Presentations: One sample. Drag-and-drop features need to work exactly as in .SWF file.

- Step-by-Steps: Two samples. Basically, a sequential revealing of how to break down a mathematical exercise. The user controls the pace by clicking on the next step once they've read through the previous one.

In both cases, we need these to work within HTML5 so that they can be portable across all platforms & mobile devices. When figuring things out, you need to think about things on a massive scale, not just a one-off. We may have thousands of these to produce, so whatever we do needs to be scalable and repeatable. Efficiency and ability to have a repeatable process is critical.

You can approach this from two perspectives:

One is . . . can they be easily converted from Flash to HTML5?

The second is . . . what does it take to do them from scratch?

We don't need to have a dead-on perfect replication. Obviously, that isn't possible. But, we want to maintain the functionality and look/feel as closely as possible.

We've attached two types of Flash-based files (both the .FLA and .SWF, along with two .AS files that are used to enable the drag-and-drop feature).

Adobe Flash Animation HTML5

Project ID: #5370003

About the project