0
stanford hci group / symbolic systems




Supporting studio-based
design courses with
Django-courseapp

 Mike Krieger · 14...
2
Background
  Me
  Stanford HCI & Open source




                                3
Need
  CS147 — Introduction to HCI
  ~160 students
  Weekly assignments (either team or
   individual)
  Shared visibi...
Inspiration




              5
by flickr user spo0ky
                       6
7
8
What was missing?
  Individual vs group assignments
  Studio attendance, within-studio grading &
   sharing
  Grading o...
How we did it in 2 weeks
  Django!
    Python rapid application development
     framework
  Python Imaging Library for...
Django Background
  Started in 2005 by a newspaper in Kansas
  Open source
  “The Framework for perfectionists with
   ...
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
     ...
Lessons Learned
  Planning ahead and doing the dev work over
   summer was critical
  Students are opinionated and will ...
Next Steps
  Courseapp is available at http://
   hci.stanford.edu/research/courseapp/
  Open Source
  SVN repository &...
Thanks!
  Prof. Scott Klemmer for guidance
  Stanford CS dep’t for supporting the work
  Django project for letting us ...
Upcoming SlideShare
Loading in...5
×

Supporting studio-based design courses with django-courseapp

1,251

Published on

Presented at the Stanford Open Source (un)conference 2008

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,251
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Supporting studio-based design courses with django-courseapp"

  1. 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. 2
  3. 3. Background  Me  Stanford HCI & Open source 3
  4. 4. Need  CS147 — Introduction to HCI  ~160 students  Weekly assignments (either team or individual)  Shared visibility of work after submission  Multimedia embedding 4
  5. 5. Inspiration 5
  6. 6. by flickr user spo0ky 6
  7. 7. 7
  8. 8. 8
  9. 9. What was missing?  Individual vs group assignments  Studio attendance, within-studio grading & sharing  Grading on a variety of assignment-specific criteria  Multimedia embedding support  Open source solution 9
  10. 10. How we did it in 2 weeks  Django!  Python rapid application development framework  Python Imaging Library for some of the thumbnail code  Offload the video hosting / sharing to Vimeo & YouTube  jQuery for front-end Javascript 10
  11. 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
  12. 12. Object-relational mapping 12
  13. 13. Rapid templates & forms 13
  14. 14. Clean URL patterns 14
  15. 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. 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. 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 different class (CS294h) this quarter took only 2 lines of changes 17
  18. 18. Thanks!  Prof. Scott Klemmer for guidance  Stanford CS dep’t 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×