My current UI looks something like this:
A 3 column layout with a list of tasks with titles/details in the middle. I need a way to allow the users to somehow specify that an item is a prerequisite of the other. For example: A could be prerequisite of B and C. And C is also a prerequisite for B (Not everything needs to be a prerequisite, like in the mockup above).
What would be good way to handle something like that? That could work well for both, desktop (mouse interaction) and tablets (finger touch/swipe/drag).
One way: Is to have a graph with titles displayed for each node and have them draw lines manually. Similar to diagramming systems. But this doesn't really scale up if you have 50-100 such elements.
Another way: Have two scrollable columns for the same elements and drag and drop prereqs from the right most column to the middle column. This seems better than the previous one, IMO but not sure if there is a better way to do this. Suggestions?