1. Slides for User interface design A software engineering perspective Soren Lauesen 10. Web-based course rating August 2006 © 2005, Pearson Education retains the copyright to the slides, but allows restricted copying for teaching purposes only. It is a condition that the source and copyright notice is preserved on all the material.

2. (Fig 10.1A) Course rating - visions Problems in present system P1:50% reply P2:Teacher’s name? P3:Evaluation too late P4:Overview of ratings P5:Not integrated with other systems Business goals a)Teachers: Early warning and improvement b)Management: Course improvement and teacher training c)Students: Better basis for course selection d)Management: Financial status per teacher and course High-level task: Manage and monitor teaching of a semester Ordinary tasks T1:Planning and teacher allocation T2:Enrol on courses T3:Early rating – allow teachers to adjust courses T4: Share teaching – how to split the income T5:Late rating of teachers and courses T6:Review and mark as confidential – early and late T7:Use results – early and late T8:Monitor rating – early and late T9:Record marks

3. Fig 10.1(B) Old course rating page

4. (Fig 10.1B Cont.)

5. Students Teachers Management Public T1Planning the teaching T2Enroll on courses T3Early rating -remarks about courses T4Share teaching (fractions) T5Late rating -scores for courses -revise remarks -scores and remarks for teachers T6Review the results T7Use results T8Monitoring -Start and stop activities -Follow progress -Send reminders T9Record marks x xxxx x (automatic transfer) Tasks : Fig 10.2 Teaching one semester - tasks involved Done early and late

6. Fig 10.3 Data model, new course rating Person StudyLine Participant Teacher Course Double borders: Entities maintained by another system. The evaluation system may update some of the fields. role, fraction... q1, q2... q8, hours, rem1... rem6, hide1... hide6, reply1... reply6, status, marks, anonymous code, name, semester, credits... name, email, picture... name... TeacherRating qT1, qT2,... qT9 remT1... remT6 noComments enrolled Action name, start, close, emailStart, emailEnd

7. Fig 10.4A Virtual windows plan, course rating Course list (by study line) Course summary Teachers, fractions Total of ratings Comment distribution All remarks Hidden remarks Exam marks distrib. Course overview Selected courses Course comparison Historical comparison Graphical statistics Exam marks distrib. Person Name Study line Courses followed Rating status Courses taught Teacher summary Total of ratings (by course) Comment distribution All comments (by course) Teacher overview Selected teachers Teacher comparison Historical comparison Graphical statistics Course rating (by one student) Numerical ratings Remarks Anonymous Teacher rating (by one student) No comments Numerical ratings Remarks Monitor window Action list Reply statistics Teacher list

8. Course rating Teacher rating Person Course list Teacher list Course summary Teacher summary Course overview Teacher overview Monitor window Student T2Enroll T3Early rating T5Late rating T7Use results Teacher T4Share teaching T6Review ratings T7Use results Management T1Planning T7Use results T8Monitoring T9Record marks Public T7Use results xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Virtual windows used (Fig 10.4A Cont.)

9. Fig 10.4B Virtual window, Course rating Only present during Late Rating

10. Fig 10.4C Virtual window, Teacher rating

11. Fig 10.4D Virtual Window, Person (student and/or teacher) Only present for students Only present for teachers Only present during late rating

12. Fig 10.4E Virtual window, Course summary Only present during Late Rating

13. Fig 10.4F Virtual Windows, monitoring and course list

14. Fig 10.4G Virtual window, Course overview Experimental mini- graphs to show actual distribution against distribution of the background courses

15. Fig 10.6 For comparison: Tool-based mockup

16. Fig 10.5A Functions per Virtual Window Person Courses followed Rating status Courses taught GoCourseList Participant: GoTeacherRating GoCourseRating GoCourseResults Teacher: GoTCourseResults GoTeacherResults Course Rating (by one student) Save&Return Teacher Rating (by one student) Save&Return Course Results Teachers, fractions Total of ratings All comments AddReply Hide Save GoCourseGraphics GoHome Teacher: GoTeacherResults Course Graphics Selected courses Graphical statistics Refresh Next Previous GoCourseResults GoHome GoExplanation Teacher Graphics Selected teachers Graphical statistics Refresh GoTeacherResults GoHome Teacher Results Total of ratings All comments (by course) GoTeacherGraphics GoHome Monitor Window Action list Reply statistics StartActivity CloseActivity SendReminder SaveText GoTeacherList GoCourseList Teacher List Refresh GoPerson GoTeacherResults Course List (by study line) Refresh GoCourseResults GoCourseDescr

17. Fig 10.5B State diagram Course List Course Results Course Graphics Person Teacher Results Teacher Graphics Course Rating (by one student) Teacher Rating (by one student) Monitor Window Home Teacher List Home Save-> <-Save Course Description (other system) Permissions: (S) Student (T) Teacher (M) Manager (S) (S, T) (T, M) (M)

18. Fig 10.5C Function presentation

19. Fig 10.6 Tool-based mockup

20. (Fig 10.6 Cont.)