Project: Designing a Button to Reflect your Personality

CPSC581.PersonalityButton History

Show minor edits - Show changes to output

August 30, 2009, at 09:01 PM by 68.144.130.134 -
Changed lines 18-19 from:
# '''10 competing design sketches and 10 sketch details.''' In your sketchbook, generate at least 10 competing (different) designs o a button or control that reflects some aspect of your personality. Choose the most promising on, and then produce 10 details and/or variations of a particular sketch in your sketchbook.
to:
# '''10 competing design sketches and 10 sketch details.''' In your sketchbook, generate at least 10 competing (different) designs of a button or control that reflects some aspect of your personality. Choose the most promising one, and then produce 10 details and/or variations of a particular sketch in your sketchbook.
August 29, 2009, at 03:20 PM by 24.64.89.150 -
Changed lines 14-15 from:
* Acquire first-time experiences creating a portfolio summary
to:
* Acquire first-time experiences creating a portfolio web site and summary
August 29, 2009, at 03:20 PM by 24.64.89.150 -
Changed line 58 from:
# Alternately, google the personality trait and click the images view - you will likely get many ideas by seeing other people's images. Use these images to inspire you own sketch attempts.
to:
# Alternately, google the personality trait and click the images view - you will likely get many ideas by seeing other people's images. Use these images to inspire you own sketch attempts, especially in terms of interactivity. For example, how would your button react to one or more clicks, or an approaching/leaving cursors? How will its visuals change over time?
August 29, 2009, at 03:18 PM by 24.64.89.150 -
Deleted line 33:
Changed lines 40-41 from:
!! Generating Ideas by Lateral thinking
to:
!! Evaluation

Your grade will be based delivery of sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries (paper and electronic). However, great successes or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero. Similarly, missing or incomplete work will result in a large grade penalty.

!! Hint:
Generating Ideas by Lateral thinking
Changed lines 62-64 from:
!! Evaluation

Your grade will be based delivery of sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries (paper and electronic). However, great successes or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero. Similarly, missing or incomplete work will result in a large grade penalty.
to:
August 29, 2009, at 03:13 PM by 24.64.89.150 -
Changed lines 5-6 from:
->''Design, implement and document a WPF control button that reflects some aspect of your personality.''
to:
->''Sketch, design, implement and document via a portfolio a WPF control button that reflects some aspect of your personality.''
August 29, 2009, at 03:13 PM by 24.64.89.150 -
Deleted line 2:
August 29, 2009, at 03:13 PM by 24.64.89.150 -
Deleted lines 3-4:
NOTE: THIS PAGE IS BEING REVISED HEAVILY
August 29, 2009, at 03:11 PM by 24.64.89.150 -
Deleted lines 64-153:


---
!OLD - DELETE
!!!Description
You have been hired to create a demonstration of a single-display groupware (SDG) system that allows 2 to 4 people to interact over a single display using multiple mice and (optionally) multiple keyboards. Your demonstration illustrates at least one user control or object that gracefully reacts to multiple people using it simultaneously, which in turn is embedded in an application that exploits this user control or object.

You have complete freedom of your design, as long as you can show that the SDG user control/object and its containing application is useful for its intended audience, and that its design is somewhat impressive. Several options of what you can do include:

* Think about how people work together in parallel in the real world around a table, a wall, paper, and so on. Then consider how that process can be supported by technology, and create a novel SDG user control/object that encapsulates that process
* Your are probably familiar with SDG in games. Create a cooperative game, where people work together to acheive a goal rather than compete with one another.
* Create an educational SDG application where people work together to learn from one another.
* Analyze a single-user control/object/application and ask how its idea could be extended to support multiple people working in parallel; then create an SDG version of it
* Similar to the above, but create a family of SDG-equivalents to an existing user control/object to show design diversity
* Create a bimanual SDG user control/object, i.e., where people work with two hands at the same time

!!!Objectives

(:table border=1 cellspacing=0 :)

(:cellnr:) '''Exercise Objectives'''
(:cell:)
'''Pedagogical Objectives'''
(:cellnr:) Using your knowledge of single display groupware, you will design an SDG user control embedded in an application
(:cell:)
Apply your theoretical knowledge of Single Display Groupware and lateral thinking to generate design ideas.
(:cellnr:) You will generate sketched designs in your sketchbook of possible user control and their surrounding applications.
(:cell:)
Acquire first-time experiences brainstorming ideas and variations via sketches in a sketchbook
(:cellnr:) You will implement and package your design on the class web site so others can try it.
(:cell:)
Learn how to implement, package, install and document C# applications, user controls and class objects
(:cellnr:) You will create a portfolio summary of this design for the web and as a poster
(:cell:)
Acquire first-time experiences creating a portfolio summary
(:cellnr:) You will discuss and comment on other people's design
(:cell:)
Engage in design critiques
(:tableend:)

!!!Materials

#SDG Tookit software, examples and documentation are available from http://grouplab.cpsc.ucalgary.ca/cookbook/ - Click SDG Toolkit in the sidebar.
#An extra USB mouse will be given to each person. Spare keyboards will be offered on an as needed basis, as well as extra mice (but these are in limited supply).

!!!Readings on SDG
!!!!''Required''
* Bier, E. and Freeman, S. \\
'''[[HCIPapers:bier-mmm-uist91.pdf |MMM: A User Interface Architecture for Shared Editors on a Single Screen]]'''. Proceedings of the ACM Symposium on User Interface Software and Technology, 79-86. 1991. Note: A good video of MMM is also available.
* Tse, E. and Greenberg, S. (2004) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2004/04-SDGToolkit.AUIC/SDG%20Toolkit%20AUIC.pdf|Rapidly Prototyping Single Display Groupware through the SDGToolkit.]]''' Proc Fifth Australasian User Interface Conference, Volume 28 in the CRPIT Conferences in Research and Practice in Information Technology Series, (Dunedin, NZ January), Australian Computer Society Inc., p101-110
* (video) Tse, E. and Greenberg. S. (2004) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2004/04-SDGToolkitVideo.CSCW/abstract.html|SDG Toolkit]]'''. Video Proceedings of the ACM CSCW Conference on Computer Supported Cooperative Work. (November 6-10, Chicago, Illinois). ACM Press. Video and abstract, duration 3:55.
* (video) Greenberg, S. and Tse. E. (2006) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2006/06-SDGToolkitInAction-CSCW/abstract.html|SDGToolkit in Action]]'''. Video Proceedings of ACM CSCW'06 Conference on Computer Supported Cooperative Work, November, ACM Press. Video and two-page summary. Duration 7:14
!!!!''Optional''
* Stewart, J., Bederson. B. and Druin, A. \\
'''[[HCIPapers:stewart-sdg-chi97.pdf |Single Display Groupware: A Model for Co-Present Collaboration]]'''. Proceedings of ACM CHI 99 Conference on Human Factors in Computing Systems 1999 v.1 286-293.
* Druin, A., Stewart, J., Proft, D., Bederson, B. and Hollan, J.\\
'''[[HCIPapers:druin-kidpad-chi97.pdf |KidPad: A Design Collaboration Between Children, Technologists, and Educators.]]''' Proceedings of ACM CHI 97 Conference on Human Factors in Computing Systems 1997 v.1, 463-470.

!!!Web sites that may provide inspirations for your project
* [[http://innovis.cpsc.ucalgary.ca/research.php|Innovis]] (U Calgary): See Orientation in tabletops, Rotation 'N Translation, Territoriality, Interface Currents
* [[http://www.merl.com/projects/|MERL projects]]: See the DiamondTouch entries within the two 'Off the Desktop Interaction' categories. K
* [[http://www.cs.umd.edu/hcil/kiddesign/kidpad.shtml|KidPad, an SDG Tool for children]]. Includes a free download.
* [[http://www.edgelab.sfu.ca/projects/sdg.htm|EdgeLab projects]] on SDG: See their Projects page.
* [[http://www.sis.uncc.edu/~clatulip/Research.html|Celine Latulipe's Bimanual input demos]], as video clips; her [[http://www.sis.uncc.edu/~clatulip/thesis.pdf | PhD thesis]] also provides good background.

!!!Evaluation

Your exercise will be based delivery of sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries (paper and electronic). Great successes or failures in one of these criteria can affect your total grade significantly. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero.

!!!Suggested process
->'''''Lateral thinking''''': seeking to solve problems by unorthodox or apparently illogical methods. It is about moving sideways when working on a problem. It encourages people to apply different perceptions, different concepts and different points of entry to problem-solving.

* In your sketchbook, jot down words describing real world or computer-based objects and tools that you and others would or could use and share while interacting together. For example:
** real world: a piece of string, a rubber band, paper, jigsaw puzzle pieces
** computer world: buttons, list boxes, sliders, rectangle drawing tool, palettes...
* For each of these words, visualize in your head what would happen as multiple people use it. If it is a computer object, think beyond its existing constraints. For example:
** rubber band - people can grab it at different points, rotate it, stretch it. A third person pulling on it would then bend it
** slider - perhaps the slider remembers each person's value. This could be done by having multiple thumbs, one per person, that stays in the last set position. Thumbs could be identified by name or color, and activated as a particular person moves over the slider.
* Sketch out some graphical explorations of these objects/tools that somehow capture the essence of how they would be shared. Label these sketches, and annotate them if necessary. Generate as many sketches as you wish i.e., you may wish to sketch several designs of one type of object, or explore several objects and their combinations. Be creative, funny and/or off-beat: humor is allowed!
* Also re-read your notes on single display groupware and/or visit the web sites above for ideas (don't forget Google!). You can re-implement existing SDG ideas/systems, but you should modify their designs.
* Share ideas and borrow implementation techniques with class mates. Your ideas can complement and build upon those of others.
* Choose your best design. Implement it in C# as an SDG user control (widget) or class object. Also implement a C# program that demonstrates this control/object. Remember that this implementation is also a sketch that will evolve over time.
* Create a portfolio web site summary.
** Document the API for the control
** Package the control, its source, the executables so that they can be easily viewed and installed anywhere.
** Create a visual summary of it
* Create a paper-based portfolio summary of your design as a poster.
August 29, 2009, at 03:10 PM by 24.64.89.150 -
Changed lines 64-66 from:
Your work will be evaluated by considering all the above components. However, great successes, or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero. Similarly, missing or incomplete work will result in a large grade penalty.
to:
Your grade will be based delivery of sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries (paper and electronic). However, great successes or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero. Similarly, missing or incomplete work will result in a large grade penalty.
August 29, 2009, at 03:09 PM by 24.64.89.150 -
Changed lines 60-61 from:
* Show and explain your design(s) to others. You will know which ones are the most exciting by how you talk about them.
to:
# Show and explain your design(s) to others. You will know which ones are the most exciting by how you talk about them.
August 29, 2009, at 03:08 PM by 24.64.89.150 -
Changed lines 42-43 from:
to:
* Art supplies as needed
August 29, 2009, at 03:07 PM by 24.64.89.150 -
Added line 22:
August 29, 2009, at 03:07 PM by 24.64.89.150 -
Changed lines 26-35 from:
# '''Web portfolio'''. Create a web site that will contain all your portfolio summary. Include a brief introduction to yourself and (if you prefer) a photo. Make it engaging. For ideas, Google ''design portfolio'' and ''art portfolio''. See [[http://art-support.com/portfolio.htm|Artist Portfolio Guidelines]] for some hints on portfolios and how they are used.

# '''Portfolio summary'''. Within this web site, create a portfolio summary of your project that documents your design and implementation in a visually appealing manner. The portfolio must include:
*** a front page with an illustrative image, description and index
*** an illustrated and annotated sequence describing your button (usually done using screen snapshots, animation
and / or video - be creative!)
*** a download page containing the complete source and executables
, and instructions for running the sample and/or inserting your control into an application, and the API for the control


->''Lateral thinking: seeking to solve problems by unorthodox or apparently illogical methods. It is about moving sideways when working on a problem. It encourages people
to apply different perceptions, different concepts and different points of entry to problem-solving.''
to:
# '''Web portfolio'''. Create a web site that will contain all your portfolio summary. Include a brief introduction to yourself and (if you prefer) a photo. Make it engaging. For ideas, Google ''design portfolio'' and ''art portfolio''. Also see [[http://art-support.com/portfolio.htm|Artist Portfolio Guidelines]] for some hints on portfolios and how they are used.

# '''Portfolio summary'''. Within this web site, create a portfolio summary of your project that documents your design and implementation in a visually appealing manner. Note that this may become your standard style for other summaries. The portfolio must include:
## a front page with an illustrative image, description and index
## an illustrated
and annotated sequence describing your button. Avoid lengthy text. Use visuals as much as possible, e.g., screen snapshots, animation, video, etc.
## a download page containing the complete source
and executables, and instructions for running the sample and/or inserting your control into an application, and the API for the control

# '''Demonstrate your work.''' During class time, you will be asked
to demonstrate all the above work to other class members and the instructor
Changed lines 42-46 from:

!! Criteria
* In you sketchbook, jot down several words that you (
or your friends) would use to describe your personality.
*
For each of these words, visualize in your head how different professionals would create a caricature of this personality trait e.g.,
to:
!! Generating Ideas by Lateral thinking

->''seeking to solve problems by unorthodox
or apparently illogical methods. It is about moving sideways when working on a problem. It encourages people to apply different perceptions, different concepts and different points of entry to problem-solving.''

# In you sketchbook, jot down several words that you (or your friends) would use to describe your personality.
#
For each of these words, visualize in your head how different professionals would create a caricature of this personality trait e.g.,
Deleted line 50:
** a computer scientist (hey, that's you!),
Added line 53:
** a computer scientist (hey, that's you!),
Changed lines 55-61 from:
* Then sketch out some graphical explorations of buttons and/or confirmation boxes that somehow capture the essence of these personality traits. Label these sketches, and annotate them if necessary.
* Feel free to generate as many sketches as you wish i.e., you may wish to sketch several designs of one personality trait, or explore several personality traits and their combinations. You can exaggerate these traits: the buttons can be caricatures. Humour is allowed!
* Choose your best design. Implement it in VB
as an ActiveX .ocx control. Also implement a VB program that demonstrates this control.
* Document the API for the control.
* Package the control, its source and its documentation so that they
can be easily installed anywhere.
* Create a portfolio summary of
your design.
to:
# For each one of these, sketch out some graphical explorations of buttons that somehow capture the essence of these personality traits. Label these sketches, and annotate them if necessary. Don't try to evaluate your sketches - its quantity, not quality of ideas that matter right now.
# Alternately, google the
personality trait and click the images view - you will likely get many ideas by seeing other people's images. Use these images to inspire you own sketch attempts.
# Generate
as many sketches as possible i.e., you may wish to sketch several designs of one personality trait, or explore several personality traits and their combinations. You can exaggerate these traits: the buttons can be caricatures. Humour is allowed!
* Show and explain
your design(s) to others. You will know which ones are the most exciting by how you talk about them.
Changed lines 62-67 from:
Your exercise will be loosely based by considering the following components. However, great successes, or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero.
* Sketches
* Design creativity
* Implementation, documentation and packaging
* Portfolio summary
to:
Your work will be evaluated by considering all the above components. However, great successes, or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero. Similarly, missing or incomplete work will result in a large grade penalty.
August 29, 2009, at 02:56 PM by 24.64.89.150 -
Changed lines 24-28 from:
# '''Poster portfolio summary'''. Create a paper-based visual summary (it should be easy to carry and show) that illustrates your control. Provide a title, minimal text (perhaps as annotations), and visuals that reveal what this is about. Emphasize the visuals over text - let it tell its own story. Don't feel bound to flat paper or a poster - you can have things unfold, have set of pages, overlays, use a box or other packaging, re-purpose stationary and art materials, etc. Have impact.

# '''Web portfolio'''.
## Create a web site that will contain all your
portfolio summary. Include a brief introduction to yourself and (if you prefer) a photo. Make it engaging. For ideas, Google ''design portfolio'' and ''art portfolio''. See [[http://art-support.com/portfolio.htm|Artist Portfolio Guidelines]]
to:
# '''Poster portfolio summary'''. Create a paper-based visual summary (it should be easy to carry and show, e.g., no larger than 18x24) that illustrates your control. Provide a title, minimal text (perhaps as annotations), and visuals that reveal what this is about. Emphasize the visuals over text - let it tell its own story. Don't feel bound to flat paper or a poster - you can have things unfold, have set of pages, overlays, use a box or other packaging, re-purpose stationary and art materials, etc. Have impact.

# '''Web
portfolio'''. Create a web site that will contain all your portfolio summary. Include a brief introduction to yourself and (if you prefer) a photo. Make it engaging. For ideas, Google ''design portfolio'' and ''art portfolio''. See [[http://art-support.com/portfolio.htm|Artist Portfolio Guidelines]] for some hints on portfolios and how they are used.
August 29, 2009, at 02:52 PM by 24.64.89.150 -
Changed lines 21-26 from:
* '''10 competing design sketches and 10 sketch details.''' In your sketchbook, generate at least 10 competing (different) designs o a button or control that reflects some aspect of your personality. Choose the most promising on, and then produce 10 details and/or variations of a particular sketch in your sketchbook.
* '''An implemented WPF control and example application.''' Implement a WPF control that demonstrates this control. Similarly, implement an example application that demonstrates this control.
* '''Poster portfolio summary'''. Create a small paper poster that illustrates your control. Provide a title, minimal text (perhaps as annotations), and visuals that reveal what this is about. Emphasize the visuals over text - let it tell its own story. Don't feel bound to flat paper - you can have things unfold, have set of pages, overlays, etc.
* '''Web portfolio'''.
## Create a web site that will contain all your portfolio summary. have a brief introduction to yourself. For ideas
, Google ''design portfolio''.
## Create a
portfolio summary of your project documents your design and implementation in a visually appealing manner. The portfolio must include:
to:
# '''10 competing design sketches and 10 sketch details.''' In your sketchbook, generate at least 10 competing (different) designs o a button or control that reflects some aspect of your personality. Choose the most promising on, and then produce 10 details and/or variations of a particular sketch in your sketchbook.
# '''An implemented WPF control and example application.''' Implement a WPF control that demonstrates this control. Similarly, implement an example application that demonstrates this control.

# '''Poster portfolio summary'''. Create a paper-based visual summary (it should be easy to carry and show) that illustrates your control. Provide a title, minimal text (perhaps as annotations), and visuals that reveal what this is about. Emphasize the visuals over text - let it tell its own story. Don't feel bound to flat paper or a poster - you can have things unfold, have set of pages, overlays, use a box or other packaging, re-purpose stationary and art materials, etc. Have impact.

#
'''Web portfolio'''.
## Create a web site that will contain all your portfolio summary. Include a brief introduction to yourself and (if you prefer) a photo. Make it engaging. For ideas, Google ''design portfolio'' and ''art portfolio''. See [[http://art-support.com/portfolio.htm|Artist Portfolio Guidelines]]

# '''Portfolio summary'''. Within this web site, create a portfolio summary of your project that
documents your design and implementation in a visually appealing manner. The portfolio must include:
August 29, 2009, at 02:48 PM by 24.64.89.150 -
Changed lines 8-9 from:
->''Design and implement a WPF control button that reflects some aspect of your personality.''
to:
->''Design, implement and document a WPF control button that reflects some aspect of your personality.''
Deleted lines 12-20:
!! Exercise Objectives

* You will generate at least 10 competing sketched designs, and 10 details of a particular sketch in your sketchbook, where sketches will reflect buttons that reflect some aspect of your personality
* You will implement and package one of these designs as an installable WPF control, and you will implement and package a program that demonstrates this control.
* You will create a web portfolio summary that documents your design and implementation. The portfolio must include:
** a front page with an illustrative image, description and index
** an illustrated and annotated sequence describing your button (usually done using screen snapshots, animation and / or video - be creative!)
** a download page containing the complete source and executables, and instructions for running the sample and/or inserting your control into an application, and the API for the control
Added lines 19-31:
!! Assignment Deliverables and Details .

* '''10 competing design sketches and 10 sketch details.''' In your sketchbook, generate at least 10 competing (different) designs o a button or control that reflects some aspect of your personality. Choose the most promising on, and then produce 10 details and/or variations of a particular sketch in your sketchbook.
* '''An implemented WPF control and example application.''' Implement a WPF control that demonstrates this control. Similarly, implement an example application that demonstrates this control.
* '''Poster portfolio summary'''. Create a small paper poster that illustrates your control. Provide a title, minimal text (perhaps as annotations), and visuals that reveal what this is about. Emphasize the visuals over text - let it tell its own story. Don't feel bound to flat paper - you can have things unfold, have set of pages, overlays, etc.
* '''Web portfolio'''.
## Create a web site that will contain all your portfolio summary. have a brief introduction to yourself. For ideas, Google ''design portfolio''.
## Create a portfolio summary of your project documents your design and implementation in a visually appealing manner. The portfolio must include:
*** a front page with an illustrative image, description and index
*** an illustrated and annotated sequence describing your button (usually done using screen snapshots, animation and / or video - be creative!)
*** a download page containing the complete source and executables, and instructions for running the sample and/or inserting your control into an application, and the API for the control
August 29, 2009, at 02:32 PM by 24.64.89.150 -
Changed line 17 from:
* You will create a portfolio summary that documents your design and implementation. The portfolio must include:
to:
* You will create a web portfolio summary that documents your design and implementation. The portfolio must include:
August 29, 2009, at 02:29 PM by 24.64.89.150 -
August 29, 2009, at 01:38 PM by 24.64.89.150 -
Changed lines 33-36 from:
** You can get VS 2008 for free from the U Calgary [[http://msdn01.e-academy.com/ucalgary_cs|MSDNAA Software Center]]
to:
** You can download VS 2008 for free from the U Calgary [[http://msdn01.e-academy.com/ucalgary_cs|MSDNAA Software Center]]. After logging in, click Software (top left), then select Visual Studio 2008 Professional Edition. You should also download the MSDN Library for Visual Studio 2008.
August 29, 2009, at 01:36 PM by 24.64.89.150 -
Changed lines 33-36 from:
** You can get VS 2008 for free from the U Calgary [[MSDNAA Software Center |http://msdn01.e-academy.com/ucalgary_cs]]
to:
** You can get VS 2008 for free from the U Calgary [[http://msdn01.e-academy.com/ucalgary_cs|MSDNAA Software Center]]
August 29, 2009, at 01:36 PM by 24.64.89.150 -
Deleted lines 14-15:
Changed lines 29-36 from:
to:
!! Materials
* Sketchbook
* Visual Studio 2008 (including WPF)
** You can get VS 2008 for free from the U Calgary [[MSDNAA Software Center |http://msdn01.e-academy.com/ucalgary_cs]]

August 29, 2009, at 01:32 PM by 24.64.89.150 -
Changed lines 17-23 from:
* You will generate at least 10 competing sketched designs in your sketchbook of buttons and/or reflect some aspect of your personality
* You will implement and package one
of these designs as an installable WPF control (, and you will include a program that demonstrates this control.
* You
will create a portfolio summary of this design. The portfolio must include:
** a front page with a primary image, description
and index
** an illustrated and annotated sequence describing your button (usually done using screen snapshots, animation and / or video)
** a download page containing the complete source, executable
, instructions for running the sample and/or inserting your control into an application, and the API for the control
to:
* You will generate at least 10 competing sketched designs, and 10 details of a particular sketch in your sketchbook, where sketches will reflect buttons that reflect some aspect of your personality
* You will implement and package one of these designs as an installable WPF
control, and you will implement and package a program that demonstrates this control.
* You will create a portfolio summary that documents your design
and implementation. The portfolio must include:
** a front page with an illustrative image, description and index
** an illustrated and annotated sequence describing your button (usually done using screen snapshots
, animation and / or video - be creative!)
** a download page containing the complete source and executables, and
instructions for running the sample and/or inserting your control into an application, and the API for the control
Changed line 25 from:
* Apply basic sketching and lateral thinking to produce various designs
to:
* Apply basic sketching techniques and lateral thinking to produce various designs
August 29, 2009, at 01:28 PM by 24.64.89.150 -
Added lines 8-9:
->''Design and implement a WPF control button that reflects some aspect of your personality.''
Changed lines 15-16 from:
->''Design and implement a WPF control button that reflects some aspect of your personality.''
to:
August 29, 2009, at 01:28 PM by 24.64.89.150 -
Changed lines 9-10 from:
This is an exercise in creativity, where you will be designing an unconventional, interactive button (or other type of control) that reflects your personality. While this sounds somewhat outlandish for a practical computer science assignment, this task was deliberately chosen to have no obvious solution. Nor are there other examples out there that you can easily copy. So its up to you to be as creative as possible. We will be providing you with techniques that will help you: how to brainstorm and refine via sketching, how to program in WPF, how to create a portfolio entry displaying your results.
to:
This is an exercise in creativity, where you will design, implement, document and demonstrate an interactive button (or other type of graphical control) that reflects your personality. This unconventional task was deliberately chosen to have no obvious solution. Nor are there other examples out there that you can easily copy. Thus it is up to you to be as creative as possible. To prepare for this assignment, you will learn techniques on: how to brainstorm and refine ideas via sketching, how to program in WPF, how to create a portfolio entry displaying your results.
August 28, 2009, at 09:47 AM by 24.64.89.150 -
Added lines 8-10:
!!Description
This is an exercise in creativity, where you will be designing an unconventional, interactive button (or other type of control) that reflects your personality. While this sounds somewhat outlandish for a practical computer science assignment, this task was deliberately chosen to have no obvious solution. Nor are there other examples out there that you can easily copy. So its up to you to be as creative as possible. We will be providing you with techniques that will help you: how to brainstorm and refine via sketching, how to program in WPF, how to create a portfolio entry displaying your results.
Changed lines 13-14 from:
->''Design and implement an ActiveX control button or confirmation box that reflects some aspect of your personality.''
to:
->''Design and implement a WPF control button that reflects some aspect of your personality.''
August 28, 2009, at 09:19 AM by 24.64.89.150 -
Added lines 2-3:
'-''[[CPSC 581/Courses|Back to CPSC 581 home]]''-'
Added line 5:
August 28, 2009, at 09:17 AM by 24.64.89.150 -
Changed lines 9-13 from:
* You will generate sketched designs in your sketchbook of several buttons and/or confirmation boxes that reflect some aspect of your personality
* You will implement and package one of these designs as an installable ActiveX control (an .ocx), and you will include a program that demonstrates this control.
* You will create a document that describes the API of this control.
You will create
a portfolio summary of this design.
to:
* You will generate at least 10 competing sketched designs in your sketchbook of buttons and/or reflect some aspect of your personality
* You will implement and package one of these designs as an installable WPF control (, and you will include a program that demonstrates this control.
* You will create a portfolio summary of this design. The portfolio must include:
**
a front page with a primary image, description and index
** an illustrated and annotated sequence describing your button (usually done using screen snapshots, animation and / or video)
** a download page containing the complete source, executable, instructions for running the sample and/or inserting your control into an application, and the API for the control
Changed line 17 from:
* Use lateral thinking to produce a design
to:
* Apply basic sketching and lateral thinking to produce various designs
Changed line 19 from:
* Learn how to implement, package, install and document ActiveX controls in VB
to:
* Learn how to implement, package, install and document WPF and controls
August 28, 2009, at 09:11 AM by 24.64.89.150 -
Changed lines 1-134 from:
(:title Project: Designing a Button to Reflect your Personality :)
to:
(:title Project: Designing a Button to Reflect your Personality :)
NOTE: THIS PAGE IS BEING REVISED HEAVILY
Worth: 20%

!! Exercise Objectives

->''Design and implement an ActiveX control button or confirmation box that reflects some aspect of your personality.''

* You will generate sketched designs in your sketchbook of several buttons and/or confirmation boxes that reflect some aspect of your personality
* You will implement and package one of these designs as an installable ActiveX control (an .ocx), and you will include a program that demonstrates this control.
* You will create a document that describes the API of this control.
You will create a portfolio summary of this design.

!! Pedagogical Objectives
* Use lateral thinking to produce a design
* Acquire first-time experiences brainstorming ideas via sketches in a sketchbook
* Learn how to implement, package, install and document ActiveX controls in VB
* Acquire first-time experiences creating a portfolio summary

->''Lateral thinking: seeking to solve problems by unorthodox or apparently illogical methods. It is about moving sideways when working on a problem. It encourages people to apply different perceptions, different concepts and different points of entry to problem-solving.''

!! Criteria
* In you sketchbook, jot down several words that you (or your friends) would use to describe your personality.
* For each of these words, visualize in your head how different professionals would create a caricature of this personality trait e.g.,
** a Disney cartoonist (animating a person, an animal, a flower, a rock...),
** an architect (building a home, a high-rise, a garden shed, a city),
** an industrial designer (creating a shovel, a tea kettle, an action figure),
** a computer scientist (hey, that's you!),
** a fashion designer,
** an avant garde artist,
** and so on.
* Then sketch out some graphical explorations of buttons and/or confirmation boxes that somehow capture the essence of these personality traits. Label these sketches, and annotate them if necessary.
* Feel free to generate as many sketches as you wish i.e., you may wish to sketch several designs of one personality trait, or explore several personality traits and their combinations. You can exaggerate these traits: the buttons can be caricatures. Humour is allowed!
* Choose your best design. Implement it in VB as an ActiveX .ocx control. Also implement a VB program that demonstrates this control.
* Document the API for the control.
* Package the control, its source and its documentation so that they can be easily installed anywhere.
* Create a portfolio summary of your design.

!! Evaluation

Your exercise will be loosely based by considering the following components. However, great successes, or failures, or incompleteness in one exercise criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero.
* Sketches
* Design creativity
* Implementation, documentation and packaging
* Portfolio summary

---
!OLD - DELETE
!!!Description
You have been hired to create a demonstration of a single-display groupware (SDG) system that allows 2 to 4 people to interact over a single display using multiple mice and (optionally) multiple keyboards. Your demonstration illustrates at least one user control or object that gracefully reacts to multiple people using it simultaneously, which in turn is embedded in an application that exploits this user control or object.

You have complete freedom of your design, as long as you can show that the SDG user control/object and its containing application is useful for its intended audience, and that its design is somewhat impressive. Several options of what you can do include:

* Think about how people work together in parallel in the real world around a table, a wall, paper, and so on. Then consider how that process can be supported by technology, and create a novel SDG user control/object that encapsulates that process
* Your are probably familiar with SDG in games. Create a cooperative game, where people work together to acheive a goal rather than compete with one another.
* Create an educational SDG application where people work together to learn from one another.
* Analyze a single-user control/object/application and ask how its idea could be extended to support multiple people working in parallel; then create an SDG version of it
* Similar to the above, but create a family of SDG-equivalents to an existing user control/object to show design diversity
* Create a bimanual SDG user control/object, i.e., where people work with two hands at the same time

!!!Objectives

(:table border=1 cellspacing=0 :)

(:cellnr:) '''Exercise Objectives'''
(:cell:)
'''Pedagogical Objectives'''
(:cellnr:) Using your knowledge of single display groupware, you will design an SDG user control embedded in an application
(:cell:)
Apply your theoretical knowledge of Single Display Groupware and lateral thinking to generate design ideas.
(:cellnr:) You will generate sketched designs in your sketchbook of possible user control and their surrounding applications.
(:cell:)
Acquire first-time experiences brainstorming ideas and variations via sketches in a sketchbook
(:cellnr:) You will implement and package your design on the class web site so others can try it.
(:cell:)
Learn how to implement, package, install and document C# applications, user controls and class objects
(:cellnr:) You will create a portfolio summary of this design for the web and as a poster
(:cell:)
Acquire first-time experiences creating a portfolio summary
(:cellnr:) You will discuss and comment on other people's design
(:cell:)
Engage in design critiques
(:tableend:)

!!!Materials

#SDG Tookit software, examples and documentation are available from http://grouplab.cpsc.ucalgary.ca/cookbook/ - Click SDG Toolkit in the sidebar.
#An extra USB mouse will be given to each person. Spare keyboards will be offered on an as needed basis, as well as extra mice (but these are in limited supply).

!!!Readings on SDG
!!!!''Required''
* Bier, E. and Freeman, S. \\
'''[[HCIPapers:bier-mmm-uist91.pdf |MMM: A User Interface Architecture for Shared Editors on a Single Screen]]'''. Proceedings of the ACM Symposium on User Interface Software and Technology, 79-86. 1991. Note: A good video of MMM is also available.
* Tse, E. and Greenberg, S. (2004) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2004/04-SDGToolkit.AUIC/SDG%20Toolkit%20AUIC.pdf|Rapidly Prototyping Single Display Groupware through the SDGToolkit.]]''' Proc Fifth Australasian User Interface Conference, Volume 28 in the CRPIT Conferences in Research and Practice in Information Technology Series, (Dunedin, NZ January), Australian Computer Society Inc., p101-110
* (video) Tse, E. and Greenberg. S. (2004) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2004/04-SDGToolkitVideo.CSCW/abstract.html|SDG Toolkit]]'''. Video Proceedings of the ACM CSCW Conference on Computer Supported Cooperative Work. (November 6-10, Chicago, Illinois). ACM Press. Video and abstract, duration 3:55.
* (video) Greenberg, S. and Tse. E. (2006) \\
'''[[http://grouplab.cpsc.ucalgary.ca/papers/2006/06-SDGToolkitInAction-CSCW/abstract.html|SDGToolkit in Action]]'''. Video Proceedings of ACM CSCW'06 Conference on Computer Supported Cooperative Work, November, ACM Press. Video and two-page summary. Duration 7:14
!!!!''Optional''
* Stewart, J., Bederson. B. and Druin, A. \\
'''[[HCIPapers:stewart-sdg-chi97.pdf |Single Display Groupware: A Model for Co-Present Collaboration]]'''. Proceedings of ACM CHI 99 Conference on Human Factors in Computing Systems 1999 v.1 286-293.
* Druin, A., Stewart, J., Proft, D., Bederson, B. and Hollan, J.\\
'''[[HCIPapers:druin-kidpad-chi97.pdf |KidPad: A Design Collaboration Between Children, Technologists, and Educators.]]''' Proceedings of ACM CHI 97 Conference on Human Factors in Computing Systems 1997 v.1, 463-470.

!!!Web sites that may provide inspirations for your project
* [[http://innovis.cpsc.ucalgary.ca/research.php|Innovis]] (U Calgary): See Orientation in tabletops, Rotation 'N Translation, Territoriality, Interface Currents
* [[http://www.merl.com/projects/|MERL projects]]: See the DiamondTouch entries within the two 'Off the Desktop Interaction' categories. K
* [[http://www.cs.umd.edu/hcil/kiddesign/kidpad.shtml|KidPad, an SDG Tool for children]]. Includes a free download.
* [[http://www.edgelab.sfu.ca/projects/sdg.htm|EdgeLab projects]] on SDG: See their Projects page.
* [[http://www.sis.uncc.edu/~clatulip/Research.html|Celine Latulipe's Bimanual input demos]], as video clips; her [[http://www.sis.uncc.edu/~clatulip/thesis.pdf | PhD thesis]] also provides good background.

!!!Evaluation

Your exercise will be based delivery of sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries (paper and electronic). Great successes or failures in one of these criteria can affect your total grade significantly. Note that a successful implementation is required: if you cannot demonstrate your system, you will automatically receive a zero.

!!!Suggested process
->'''''Lateral thinking''''': seeking to solve problems by unorthodox or apparently illogical methods. It is about moving sideways when working on a problem. It encourages people to apply different perceptions, different concepts and different points of entry to problem-solving.

* In your sketchbook, jot down words describing real world or computer-based objects and tools that you and others would or could use and share while interacting together. For example:
** real world: a piece of string, a rubber band, paper, jigsaw puzzle pieces
** computer world: buttons, list boxes, sliders, rectangle drawing tool, palettes...
* For each of these words, visualize in your head what would happen as multiple people use it. If it is a computer object, think beyond its existing constraints. For example:
** rubber band - people can grab it at different points, rotate it, stretch it. A third person pulling on it would then bend it
** slider - perhaps the slider remembers each person's value. This could be done by having multiple thumbs, one per person, that stays in the last set position. Thumbs could be identified by name or color, and activated as a particular person moves over the slider.
* Sketch out some graphical explorations of these objects/tools that somehow capture the essence of how they would be shared. Label these sketches, and annotate them if necessary. Generate as many sketches as you wish i.e., you may wish to sketch several designs of one type of object, or explore several objects and their combinations. Be creative, funny and/or off-beat: humor is allowed!
* Also re-read your notes on single display groupware and/or visit the web sites above for ideas (don't forget Google!). You can re-implement existing SDG ideas/systems, but you should modify their designs.
* Share ideas and borrow implementation techniques with class mates. Your ideas can complement and build upon those of others.
* Choose your best design. Implement it in C# as an SDG user control (widget) or class object. Also implement a C# program that demonstrates this control/object. Remember that this implementation is also a sketch that will evolve over time.
* Create a portfolio web site summary.
** Document the API for the control
** Package the control, its source, the executables so that they can be easily viewed and installed anywhere.
** Create a visual summary of it
* Create a paper-based portfolio summary of your design as a poster.
August 28, 2009, at 09:06 AM by 24.64.89.150 -
Added line 1:
(:title Project: Designing a Button to Reflect your Personality :)