Design Specification Considering all previous interviews, notes and observations, I have created a design specification with Antonia

during a meet-up. Here is what we came up with: Overview 1) Functioning the program mainly mouse based 2) Use as few windows as possible Finance Kfdmcdniv Design Schedule Week1
Interface Design Storage Design Process Design Intended Benefits Objectives Testing

Appointments 1) Simple form to fill in to enter a new appointment 2) Different views 3) Confirmation of deletion to prevent accidents Timetable ekjrnviuenuie

Week2

Week3

Week4

Week5

Week6

Week7

Above is a Gantt chart detailing the plan of my design schedule. Interface Design Main Interface
Example of a content panel

Example of a menu panel

This is the main interface, which is loaded as soon as the program is executed. It contains every content page of each module of the program, each contained within a uniquely named Panel, as well as every menu for each module. In the Load sub procedure of the form, it will resize to only fit 1 module and 1 menu in it, reposition the correct panels, and hide all others. Once it is loaded, it will look something like this:

When clicked: > Hide all menu panels > Hide all content panels > Show all panels containing Timetable in title

Private Sub Form_Load 'Set form size and align all panels to correct places Me.Size = New Size(800, 450) panelMain.Location = New Point(105, 10) panelMainMenu.Location = New Point(10, 10) panelAppointments.Location = New Point(105, 10) panelAppointmentsMenu.Location = New Point(10, 10) panelFinance.Location = New Point(105, 10) panelFinanceMenu.Location = New Point(10, 10) panelTimetable.Location = New Point(105, 10) panelTimetableMenu.Location = New Point(10, 10) 'Show main menu, hide forms HideAllPanels() ShowPanel("Main") End Sub

Checklist - Overview 1) Functioning the program mainly mouse based Yes Click buttons to browse program 2) Use as few windows as possible Yes Modules open within same window

The window has been resized and only shows the Overview menu panel and the Overview content panel. At this point, all menus are in the same co-ordinates and all content pages share the same co-ordinates, but only the one wanted by the user will be visible at a time. Ive decided to do this in order to reduce the amount of windows needed, as this was mentioned by Antonia during an interview. She said she dislikes having her screen filled with lots of windows, so now when a new module is to be loaded, it is shown in the same window Antonia will have been previously working within. Appointments Interface
1 2 3 Main 1. New Button Shows input form for new appointment 2. Remove Button Shows confirm box of record to delete 3. Datagridview Contains a list (view) of all the appointments on file when loaded 4. Shows only appointments set to start today/this week/this month 5. Shows only appointments on specified date using DateTimePicker 6. Shows only appointments containing certain text e.g. Psychology, Attendance New Appointment 1. Submit Button Appends entry details to end of binary file 2. Datetimepicker Holds the date for the appointment 3. Time Textbox Holds the time, Format check for only numbers, 5 characters, 3rd character must be : 4. Location Textbox Sets location for appointment (room number, building) 5. Concerning Textbox Short sentence detailing what the appointment is about. 6. Other Notes textbox Just space for any notes Antonia feels will be useful to know for the Remove Appointment interview, can be used to store tags forappointment 1. Confirm Button Removes selected the search function. from file 2. Cancel Button Closes form, ignores selection 3. Display Label displays selected appointment to Checklist - Appointments be removed. 1) Simple form to fill in to enter a new appointment Yes Form is simple, requires no experience 2) Different views Yes Able to view certain appointments only 3) Confirmation of deletion to prevent accidents Yes Form opens to confirm deletion

1 4

1 2 3