The Mashup Atelier

                  Cesare Pautasso, Monica Frisoni
                           Faculty of Informatics
  ...
University of Lugano, Switzerland
Faculty of Informatics (Opened 2004)
15 Professors
63 PhDs & Post-docs




Excellence in...
Motivation

Number of 1st
Year Student
Registrations
for Computer
Science in
Switzerland



                    2004   200...
Agenda
    Motivation
    What is the Mashup Atelier?
    Mashup Examples
    Feedback
           Overview
           Posi...
Goals of the Mashup Atelier
1. How quickly can students without programming
        experience get started building mashup...
Structure of the Mashup Atelier (3h)
        Theoretical Introduction to Web 2.0 (30m)
        Mashups: Definition and Exa...
Structure of the Mashup Atelier




 1 December 2008   ©2008 Cesare Pautasso | www.pautasso.info   7
Why Microsoft PopFly?
        Rich 3D Visual Environment
        Quick Design-Run-Test cycle
        Mature and Stable
   ...
Tutorial Mashup Exercise
        Search Flickr for pictures of flowers
        Display the pictures on a PhotoFlip widget
...
Mashup Examples
        Display slide show of two image topics




 1 December 2008        ©2008 Cesare Pautasso | www.pau...
Mashup Examples
        Display a twitter feed on the map




 1 December 2008        ©2008 Cesare Pautasso | www.pautasso...
Feedback Questionnaire




     43 students (Age: 16-21, M:29, F:14)

 1 December 2008   ©2008 Cesare Pautasso | www.pauta...
Programming Experience




                                              Only 9 out of 43
                                ...
Did you know the term Mashup before
today’s atelier?
        No


Did you already know how to use Microsoft
Popfly before ...
Overall Impression




 1 December 2008   ©2008 Cesare Pautasso | www.pautasso.info   15
Intuitive?




     “I needed to ask for help”                       “Fast trial and error”
     “It is not very interacti...
Intuitive, but…




  1 December 2008   ©2008 Cesare Pautasso | www.pautasso.info   17
Keep Using?




       “Not interested”                             “Interesting” “Useful”
“Myspace is already enough”    ...
Feedback
        Students liked:
               Producing interesting visualizations of cool pictures
               Getti...
Constructive Feedback – Block Library
        How large should it be?
               Too many blocks (I am confused)
     ...
1 December 2008   ©2008 Cesare Pautasso | www.pautasso.info   21
Constructive Feedback – Block Library
        How large should it be?
               Too many blocks (I am confused)
     ...
Constructive Feedback – Environment
        Visual Language
               3D Look and Feel was not “noticed”
            ...
Discussion
1. How quickly can students without programming
        experience get started building mashups?
              ...
Outlook

Number of 1st



                                                                                ?
Year Student
R...
Conclusion
        The Mashup Atelier is about using Mashup
        development to attract young students into
        stu...
The Mashup Atelier

                  Cesare Pautasso, Monica Frisoni
                           Faculty of Informatics
  ...
Upcoming SlideShare
Loading in …5
×

Mashup Atelier

1,301 views

Published on

by Cesare Pautasso - Presentation given at the 2nd International Workshop on Web APIs and Mashups (at ICSOC2008) on December 1st, 2008 in Sydney, Australia. http://www.icsoc-mashups.org/

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,301
On SlideShare
0
From Embeds
0
Number of Embeds
78
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mashup Atelier

  1. 1. The Mashup Atelier Cesare Pautasso, Monica Frisoni Faculty of Informatics University of Lugano (USI), Switzerland http://www.pautasso.info 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 1
  2. 2. University of Lugano, Switzerland Faculty of Informatics (Opened 2004) 15 Professors 63 PhDs & Post-docs Excellence in Research Innovative Teaching (Atelier Project Based Curriculum) 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 2
  3. 3. Motivation Number of 1st Year Student Registrations for Computer Science in Switzerland 2004 2005 2006 2007 2008 Can we use Mashups to get students interested in Computer Science? 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 3
  4. 4. Agenda Motivation What is the Mashup Atelier? Mashup Examples Feedback Overview Positive Constructive Discussion 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 4
  5. 5. Goals of the Mashup Atelier 1. How quickly can students without programming experience get started building mashups? 2. Get feedback from students on what it takes to build “intuitive” mashup languages and tools 3. Can we use mashup development to get young students interested in computer science? 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 5
  6. 6. Structure of the Mashup Atelier (3h) Theoretical Introduction to Web 2.0 (30m) Mashups: Definition and Examples (15m) Tutorial on a visual Mashup tool (20m) Challenge exercises (60m) Free exploration (30m) Feedback Questionnaire (10m) 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 6
  7. 7. Structure of the Mashup Atelier 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 7
  8. 8. Why Microsoft PopFly? Rich 3D Visual Environment Quick Design-Run-Test cycle Mature and Stable No installation (apart from Silverlight) Large block library (with fun display blocks) Mashups can be easily shared with friends Students can start during the atelier and continue work at home (if they use their MSN accounts) 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 8
  9. 9. Tutorial Mashup Exercise Search Flickr for pictures of flowers Display the pictures on a PhotoFlip widget Challenges Show the pictures on a map Let the user choose which images to display Combine images from Flickr and Yahoo! Images 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 9
  10. 10. Mashup Examples Display slide show of two image topics 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 10
  11. 11. Mashup Examples Display a twitter feed on the map 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 11
  12. 12. Feedback Questionnaire 43 students (Age: 16-21, M:29, F:14) 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 12
  13. 13. Programming Experience Only 9 out of 43 students had previous programming experience 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 13
  14. 14. Did you know the term Mashup before today’s atelier? No Did you already know how to use Microsoft Popfly before attending the atelier? No 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 14
  15. 15. Overall Impression 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 15
  16. 16. Intuitive? “I needed to ask for help” “Fast trial and error” “It is not very interactive” “Fun to use” “It looks rather complicated” “Once you understand how to “It was the first time I used it” connect the boxes, it is easy” “It requires good computer skills” “It works even if you don’t know how to program” 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 16
  17. 17. Intuitive, but… 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 17
  18. 18. Keep Using? “Not interested” “Interesting” “Useful” “Myspace is already enough” “Cute and Fun” “I don’t normally use the PC “Will try to build a photo album for for this kind of things” for my facebook profile” 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 18
  19. 19. Feedback Students liked: Producing interesting visualizations of cool pictures Getting control over powerful Web applications (Virtual Earth, Google Maps, Flickr, Twitter) by configuring blocks Posting mashups on their own facebook profile Sharing mashups with friends (“my fan club”) Students disliked: “Why cannot we have more than one display block?” “Why cannot we hide the Popfly icon?” “How do I get to my own pictures?” 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 19
  20. 20. Constructive Feedback – Block Library How large should it be? Too many blocks (I am confused) A lot of blocks (I like the choice) Accessibility Slide with 10 useful blocks to get started Use automatic suggestion feature to continue 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 20
  21. 21. 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 21
  22. 22. Constructive Feedback – Block Library How large should it be? Too many blocks (I am confused) A lot of blocks (I like the choice) Accessibility Slide with some useful blocks to get started Use automatic suggestion feature to continue Registration Keys Configuring blocks with registration keys is a pain Customization Impossible for the students to program their own blocks 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 22
  23. 23. Constructive Feedback – Environment Visual Language 3D Look and Feel was not “noticed” Solving design-time errors required explanation Run-time testing required to spot incorrect data flow connections Mashup Design Methodology Bottom-up Composition works well (play with available blocks) Top-down Decomposition did not always work (due to missing, or hard-to-find blocks) 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 23
  24. 24. Discussion 1. How quickly can students without programming experience get started building mashups? Yes, they can do it (Less than 2 hours) 2. Get feedback from students on what it takes to build “intuitive” mashup languages and tools Initial 20 minute training is important 3. Can we use mashup development to get young students interested in computer science? 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 24
  25. 25. Outlook Number of 1st ? Year Student Registrations for Computer Science in Switzerland 2004 2005 2006 2007 2008 2009 Too early to tell, but some students attending the mashup atelier were interested in studying CS 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 25
  26. 26. Conclusion The Mashup Atelier is about using Mashup development to attract young students into studying computer science The Mashup Atelier helped us get valuable usage feedback from young high school students without programming experience towards improving the design of “intuitive” mashup languages and environments 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 26
  27. 27. The Mashup Atelier Cesare Pautasso, Monica Frisoni Faculty of Informatics University of Lugano (USI), Switzerland http://www.pautasso.info 1 December 2008 ©2008 Cesare Pautasso | www.pautasso.info 27

×