User Interface Requirements


Schedule:

* Shows a view on a calendar.
* The number and selection of days and weeks seen in the view is controlled by another component for example from Timeline component. 
* The size of the schedule is scaled so that it fills the area reserved to it.
* A day is divided in one or two hour periods.
* The relative size of one day compared to others can be adjusted. (?????)
* The number of hours shown in one day is controlled by the time range bar (?) on the left. 
* One or two hour grid can be chosen from there too.
* Events are represented by a box drawn in the hourly grid.
* Text in the event boxes can be edited in place.
* Different style of boxes represents different kind of events.
* Simultaneous events are divided in different columns. (two simultaneous events and two columns etc) as shown in the picture on Wednesdays and Thursdays.
* Event boxes can be dragged into a different place in the same day or an another day.
* Events outside the chosen timeframe are shown as black lines as shown in the picture on Tuesday (29th) morning.
* Appearance as in pictures.


Timeline:

* Calendar represented as scrollbar.
* Timeline works best with time intervals up to six months.
* Timeline only makes it possible to view and scroll the calendar with an accuracy of one day.
* Timeline uses Schedule to show shorter time interval and enable the users to record their events.
* Other combinations are possible.
* Viewable area can be chosen by clicking on a day and dragging the pointer to another and the rectangle formed by those two days is the chosen area and that area is shown in Schedule component. (?????)
* Area can also be chosen by a simple click. (????) Just one day or same size area as last chosen?
* Chosen area can be dragged to another place in the scrollbar and then that area will be chosen.
* Chosen area can be stretched by dragging the borders of the chosen area similar to some (picture/image processing programs?) (drawing programs?).
* The arrows on the top and bottom of the timelinebar move the chosen area one week backward or forward.
* When chosen area changes the time intervel shown in Schedule changes accordingly.
* As shown in the picture names of the months and years are shown left of the bar. Weekdays are shown on top of the bar.
* The user is able to change the range of the Timeline scrollbar by editing the months and years in the ens of the scrollbar. (This is consistent with the Schedule's time range solution.)
* Miten hypätä nopeesti seuraavaan kuuden kuukauden jaksoon?
* Appearance as in pictures.