際際滷

際際滷Share a Scribd company logo
stanford hci group / symbolic systems




Supporting studio-based
design courses with
Django-courseapp

 Mike Krieger 揃 14 November 2008        http://hci.stanford.edu
2
Background
  Me
  Stanford HCI & Open source




                                3
Need
  CS147  Introduction to HCI
  ~160 students
  Weekly assignments (either team or
   individual)
  Shared visibility of work after submission
  Multimedia embedding




                                                4
Inspiration




              5
by 鍖ickr user spo0ky
                       6
7
8
What was missing?
  Individual vs group assignments
  Studio attendance, within-studio grading &
   sharing
  Grading on a variety of assignment-speci鍖c
   criteria
  Multimedia embedding support
  Open source solution




                                                9
How we did it in 2 weeks
  Django!
    Python rapid application development
     framework
  Python Imaging Library for some of the
   thumbnail code
  O鍖oad the video hosting / sharing to Vimeo
   & YouTube
  jQuery for front-end Javascript



                                            10
Django Background
  Started in 2005 by a newspaper in Kansas
  Open source
  The Framework for perfectionists with
   deadlines
  Key features
    Clean Object-relational mapper (your Python
     classes become database tables)
    Easy templating system
    Nice, clean URLs


                                                   11
Object-relational mapping




                            12
Rapid templates & forms




                          13
Clean URL patterns




                     14
The app
  Demo
      Creating assignment
      Using markdown for formatting
      Embedding video from YouTube
      Grading a submission
      Viewing all submissions from a studio




                                               15
Lessons Learned
  Planning ahead and doing the dev work over
   summer was critical
  Students are opinionated and will have many
   wants; trick is to prioritize them
  Your interface design does impact quality &
   tone of submissions
  Likewise, if you make it easy for Teaching
   Assistants to provide feedback, they will



                                            16
Next Steps
  Courseapp is available at http://
   hci.stanford.edu/research/courseapp/
  Open Source
  SVN repository & trac for bug management
  Will be used in future design classes at
   Stanford, and hopefully other schools
  Deploying for a di鍖erent class (CS294h) this
   quarter took only 2 lines of changes



                                             17
Thanks!
  Prof. Scott Klemmer for guidance
  Stanford CS dept for supporting the work
  Django project for letting us get this done
   quickly
  Joel Brandt and Marcello Bast辿a-Forte for
   previous versions of course software that
   were inspirational




                                                 18

More Related Content

Supporting studio-based design courses with django-courseapp

  • 1. stanford hci group / symbolic systems Supporting studio-based design courses with Django-courseapp Mike Krieger 揃 14 November 2008 http://hci.stanford.edu
  • 2. 2
  • 3. Background Me Stanford HCI & Open source 3
  • 4. Need CS147 Introduction to HCI ~160 students Weekly assignments (either team or individual) Shared visibility of work after submission Multimedia embedding 4
  • 6. by 鍖ickr user spo0ky 6
  • 7. 7
  • 8. 8
  • 9. What was missing? Individual vs group assignments Studio attendance, within-studio grading & sharing Grading on a variety of assignment-speci鍖c criteria Multimedia embedding support Open source solution 9
  • 10. How we did it in 2 weeks Django! Python rapid application development framework Python Imaging Library for some of the thumbnail code O鍖oad the video hosting / sharing to Vimeo & YouTube jQuery for front-end Javascript 10
  • 11. Django Background Started in 2005 by a newspaper in Kansas Open source The Framework for perfectionists with deadlines Key features Clean Object-relational mapper (your Python classes become database tables) Easy templating system Nice, clean URLs 11
  • 13. Rapid templates & forms 13
  • 15. The app Demo Creating assignment Using markdown for formatting Embedding video from YouTube Grading a submission Viewing all submissions from a studio 15
  • 16. Lessons Learned Planning ahead and doing the dev work over summer was critical Students are opinionated and will have many wants; trick is to prioritize them Your interface design does impact quality & tone of submissions Likewise, if you make it easy for Teaching Assistants to provide feedback, they will 16
  • 17. Next Steps Courseapp is available at http:// hci.stanford.edu/research/courseapp/ Open Source SVN repository & trac for bug management Will be used in future design classes at Stanford, and hopefully other schools Deploying for a di鍖erent class (CS294h) this quarter took only 2 lines of changes 17
  • 18. Thanks! Prof. Scott Klemmer for guidance Stanford CS dept for supporting the work Django project for letting us get this done quickly Joel Brandt and Marcello Bast辿a-Forte for previous versions of course software that were inspirational 18