The Jey Store Concept

The Jey Store Interface will be purely based on drag ‘n’ drop. Since both Jimmie and I, Johannes, wants to learn more about creating more advanced “traditional” webpages we’ve come to the conclusion of doing this with AJAX. The Jey Store will be a video store where you drag stop departments onto the shopping floor which creates new windows to browse through. If you’re interested in an item you simply drag that item onto the shopping floor and another window will open that contain the information desired (hopefully). Shop by dragging items into the shopping cart and discard items or windows by dragging them to the trashcan.

The whole store will be based on a feed from an existing online store. Currently we’re thinking of using Amazons feed.

The latest version of our project will always be available at http://www.alvione.com/jeystore. Check it out from time to time since it will be updated frequently.

Current functionality of the Jey Store:
1. You can drag the buttons from the menu bar and onto the shopping floor, a shadow will tell you how big the new window will be. You can place it anywhere within the shopping floor. You won’t be able to put the window on top of the shopping cart or trashcan, though.
2. When you drop the button it will turn into a window, which content is updated using AJAX. Currently the file loaded into the window merely contains the header.
3. The lastest moved window will always be on top.
4. You can redock the windows in the menu bar by either drag the back onto the menu bar, or to the trashcan. An animation will reset the button to it’s original position.

This version has been tested on Internet Explorer 7, Firefox 2, Safari and Opera 9 on PC. It has not yet been tested on Mac. There are some known bugs which only seem to affect Firefox at this time. Don’t redock the windows to fast for example…

• April 17th, 2008