11 Week Interface

Discussion in 'HTML & Website Design' started by oo7ml, Oct 15, 2012.

  1. #1
    Hi, i am developing a website and i am finding it difficult to come up with a suitable interface to capture 2 timeframes that they user needs to enter into a form.

    This is a difficult problem to explain, so apologies if i don't get the message across after one read.

    The user has 11 weeks (77 days) to carry out an overall task. Each task comprises of 2 sub tasks (task A and task B). When the user is building the task using the task creation form, they have to choose a timeframe for both task A and task B. The user does not have to use all of the 11 weeks, so they could choose to allocate 1 week to task A and 1 week to task B, however i need some way to show that the choice of one timeframe affects and reflects the choices available for the other timeframe.

    For example, if the user chooses a timeframe of 2 weeks for task A, then i need the UI to represent that only 1 - 9 weeks are left for task 2 BUT they do not have to choose all of the 9 weeks... OR if the user chose 5 weeks for task A, then the UI needs to show that only 1-6 weeks are now only available for task B.

    The UI must clearly illustrate that both of the timeframes are linked... i do not want to use 2 drop downs where the choice of one reflects the choices available in the other drop down as it will not be obvious to the user that these timeframes are dependent and linked to one another.

    Thanks in advance if you for reading this far ;-)
     
    oo7ml, Oct 15, 2012 IP
  2. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #2
    TotalTimeframe = 77 days
    SelectedTimeFrameA = 7 days
    SelectedTimeFrameB = 7 days

    TotalTimeFrameTaken = SelectedTimeFrameA + SelectedTimeFrameB

    TotalTimeLeft = TotalTimeFrameTaken / TotalTimeFrame

    IF TotalTimeFrameTaken >= TotalTimeFrame Then it's an error

    Something along those lines?
     
    scottlpool2003, Oct 15, 2012 IP
  3. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #3
    Hi, thanks for your response... yes i understand what i need to do but i am struggling to find a way of providing this in a user interface
     
    oo7ml, Oct 15, 2012 IP
  4. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #4
    I'd store each entity of the form in a database with a userID field, start time and end time and use an IF statement to hide the form after the end time.
     
    scottlpool2003, Oct 15, 2012 IP