Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to CS60171 (2009)


Published on

An introduction to my postgraduate-level course in the University of Manchester's School of Computer Science

Published in: Education, Business, Technology
  • Be the first to comment

  • Be the first to like this

Introduction to CS60171 (2009)

  1. 1. CS60171 Interactive System Design Mark van Harmelen
  2. 2. What’s design? <ul><li>Design is a process where we </li></ul><ul><ul><li>Start with multiple, often conflicting, requirements and constraints </li></ul></ul><ul><ul><li>Make tradeoffs </li></ul></ul><ul><ul><li>Produce ‘something’ at the end of the process </li></ul></ul>
  3. 3. What’s interactive system design? <ul><li>A process where we </li></ul><ul><ul><li>Start with multiple, often conflicting, requirements and constraints user requirements system capabilities </li></ul></ul><ul><ul><li>Make tradeoffs usability and engineering tradeoffs </li></ul></ul><ul><ul><li>Produce ‘something’ at the end of the process a design for / a prototype of an interactive system </li></ul></ul>
  4. 4. Tradeoffs in interactive system design functionality user interface scope
  5. 5. How not to do it <ul><li>Big fat requirements documents ‘never mind the quality or usability, feel the weight!’ Leads to ….. </li></ul>
  6. 7. How to do it: Mutual learning Goals, roles, tasks, results, things to do work with Tech stuff: code, datbases, internet, standards, …. Designers’ world Users’ world
  7. 8. What the users add <ul><li>Front end design factors, roles, tasks, etc </li></ul><ul><li>Validation of our developing design for </li></ul><ul><ul><li>Scope </li></ul></ul><ul><ul><li>Functionality </li></ul></ul><ul><ul><li>User interface </li></ul></ul><ul><li>Before we write a single line of code </li></ul><ul><ul><li>Less code change, less refactoring </li></ul></ul>
  8. 9. How to do it: Rapidly at low cost
  9. 10. How to do it: The cycle Design Test Redesign / improve
  10. 11. Learn <ul><li>Background theory </li></ul><ul><li>Practical time-efficient design methods </li></ul><ul><li>People skills, how to work in groups how to work in industry (the most important bit?) </li></ul>
  11. 12. The method <ul><li>The Bridge-UML </li></ul><ul><li>A multistage process </li></ul><ul><li>We involve users and designers in a 3 to 5 day workshop and produce a validated interactive system design before writing any code </li></ul>
  12. 14. test and improve
  13. 15. resize
  14. 16. Hey, we are developers, we like a nice design process (won’t the users mess it up?) requirements / specification process
  15. 17. Producing UML from the Bridge Use case Model (Use case Diagrams) Dynamic model (Activity Diagrams, …) Logical model (Class Diagrams)
  16. 18. A well-founded method
  17. 19. Past course: Computer prototype
  18. 20. Led to……
  19. 21. This year….. <ul><li>Web app design </li></ul><ul><li>Mobile app design </li></ul>
  20. 22. Scope for <ul><li>Very technical students </li></ul><ul><li>Human-interested students </li></ul>
  21. 23. Finally….. <ul><li>Experiential learning = learning by doing </li></ul><ul><li>Authentic learning = real project experience </li></ul><ul><li>Fun ! </li></ul><ul><li>‘ Best course I have ever attended’ </li></ul><ul><li>‘ All courses should be like this’ </li></ul>
  22. 24. Check us out <ul><li> </li></ul><ul><li>MSc projects in an internship framework </li></ul><ul><li>Looking for one or more graduates from this course </li></ul>