fluidIA

Refactoring FluidIA

Jakub — Wed, 08 Dec 2010 03:21:30 +0000

It’s been a little while since the last piece of code made it to github, or a sketch has been drawn up. Nevertheless, a proper first release that’s working and useful would be nice some day. So I began thinking that perhaps I took a too big of a piece to chew. With that, it’s back to square one and rethinking what should be in and what should be out. Here is a step back with a refactoring mentality, along with a working draft of what this tool could be for the first release. Thoughts?

>> fluidia_goals_v02

Scenarios (Experience Threads) v.3

Posterous — Wed, 21 Apr 2010 20:02:41 +0000

Download now or preview on posterous

experienceThreads03.pdf (640 KB)

Another iteration on the Experience Threads that I worked out with Pauric, based on some feedback from Jakub.

This time, the threads afford multiple non-linear paths, and the thread view allows the user to edit the paths one page at a time.

As Pauric explains,

to summarise the mental model of the thread view; it's a combination of a site map that the user can drill in to and start 'stitching' pages together. The interaction is similar to yahoo pipes, the difference being that the user drags connections from page elements (of the page currently open on stage) to other pages."

Let us know your thoughts in the comments!

—
Mike Eng

Posted via email from fluidia’s posterous

Scenarios (Experience Threads) v.2

Posterous — Thu, 01 Apr 2010 14:19:25 +0000

Download now or preview on posterous

experienceThreads02.pdf (523 KB)

Building off of Jakub's sketches, here is another iteration on the experience threads.

I explored placement alternatives for the experience threads within the FluidIA interface and several options for the detail of the experience threads themselves (tabs, nested tabs, boxes that highlight the current frame).

Also, I introduced a new paradigm for explaining the function of the experience threads themselves. Think of the experience threads as processes. There may be multiple processes within a project. Each process has several steps, which can be thought of as frames. Each frame has a mockup associated with it. The detail sketches illustrate this hierarchy.
—
Mike Eng

Posted via email from fluidia’s posterous

Javascript Challange

Jakub — Wed, 31 Mar 2010 00:55:48 +0000

Ok I admit I hit a roadblock and so I thought to use this blog as a means to seek help. I want to make form elements resizable and draggable at the same time but when I run the ‘makeresizable’ and ‘makedraggable’ functions on form elements, they break. The functions are over at lines 4138, 4155 in http://github.com/fluidia/fluidia/blob/master/engine/js/base_jquery.js. To replicate the breaking, please download the code from github or have a look at stage. Then add a form element such as a button or textarea onto the canvas, followed by selecting it, and finally try to resize it. The element becomes resizable and draggable but broken as the resizing handles get out of sync with the form element. I’ve been trying to solve this for a few days and seem to not be getting anywhere.

So, if you’re into Javascript + jQuery, are up for a challange, want to help me out, please give it a shot or let me know. I’ll thank you publicly. :)

Jakub

Scenarios (Experience Threads) – Layout Alternatives

Jakub — Fri, 12 Mar 2010 20:06:19 +0000

Here are a few new ideas on how to improve the existing scenario functionality. Each corresponding letter denotes an alternative idea. Just thought to throw this out here and see if some concepts seem better than others. There are at least three directions which I’d like exercise in the next revision behind scenarios. These include:

Allow quicker access to creation of scenarios (one click to create a new scenario)
Separate of scenarios from the left toolbar to the topbar (because it’s bigger than tools)
Allow playback of scenarios

I’ve also moved Scenarios out of the 0.1 release and moved it into the 0.2 release on our roadmap. Thoughts?

Load By URL

Jakub — Thu, 21 Jan 2010 03:25:07 +0000

When users save a project as a URL, multiple access points should be shareable. Some users might wish to share the full project, others might wish to draw attention to a particular page, while others might wish to share an experience thread. Here is a draft spec for distinguishing the various URL types for loading the project. Of course if a user is not logged in, they will not have the permissions to switch from the “present” mode to the “design” mode (and of course they will only have read only permissions).

Deleting Objects Interaction

Jakub — Mon, 18 Jan 2010 05:08:49 +0000

Here is a quick scenario. When a user wishes to delete an object should we delete the one selected instance, or all of the instances including the master object? Here are two approaches of handling it. I have a preference for one but thought that for now I’ll just share the two ideas neutrally.

Cut & Paste 2

Jakub — Sat, 09 Jan 2010 20:19:19 +0000

Pauric just shared an updated PDF sketch for the clipboard interaction. Thought I’d share it publicly. It contains some new drag and drop interactions for pasting as instance and master. Also supports different item types such as pages, objects and form elements. Awesome work! Will comment on it below.

Cut & Paste

Jakub — Sat, 05 Dec 2009 17:07:25 +0000

Download now or preview on posterous

24_cut&paste.pdf (255 KB)

User Story 24.

Posted by Pauric

Posted via email from fluidia’s posterous

Load With Revisions

Jakub — Sat, 28 Nov 2009 00:13:51 +0000

User Story: As a user of the system I need to be able to revert to older revisions of a project based on the time and date the revision is saved and by which user.

Notes: Since this is being built with collaboration in mind, a project may have more then one editor. Current loaded project would be expanded by default but allow the user to click on the other projects to expand the revision list. Highlight currently loaded project revision. Allow user to click on the undo arrow to select previous revisions or the revision item.

Posted By: Alex

Posted via email from fluidia’s posterous