Project: Connecting Distance-Separated Intimates, Friends, Families

CPSC581.ConnectingIntimates History

Hide minor edits - Show changes to markup

Changed lines 85-87 from:
  • Introduction / overview of the topic; assignment handed out ; intro to Phidgets
  • Homework 1: You begin sketching 10 designs, plus 10 details.
  • Homework 2: practice coding Phidgets
to:
  • Introduction / overview of the topic; assignment handed out ;
Changed lines 93-96 from:
  • Homework: 10 + 10, Readings, Program Phidgets
to:

intro to Phidgets

  • Homework 1: You begin sketching 10 designs, plus 10 details.
  • Homework 2: practice coding Phidgets
  • Homework 3: Readings
Changed lines 101-103 from:
  • Homework: Flesh out your sketch.
  • Homework 1: practice coding iNetwork to control phidgets
  • Homework 2: develop Personas
to:
  • Homework 1: Flesh out your sketch.
  • Homework 2: practice coding iNetwork to control phidgets
  • Homework 3: develop Personas
Added lines 95-98:
  • Homework: 10 + 10, Readings, Program Phidgets

(:cellnr :) Oct. 15 (Mon) Class 3 (:cell :)

Added line 100:
  • Homework: Flesh out your sketch.
Added line 103:
  • Code to develop basics and to see what is possible
Changed line 105 from:

Oct. 15 (Mon) Class 3

to:

Oct. 17 (Wed) Class 4

Deleted lines 107-110:
  • Homework: Flesh out your sketch. Continue coding to develop basics and to see what is possible

(:cellnr :) Oct. 17 (Wed) Class 4 (:cell :)

Added line 92:

(:cellnr :)

Changed lines 75-80 from:

Project-specific schedule (NOT COMPLETED YET)

to:

Project-specific schedule, including deliverables

Note: During this time, you will be instructed on

  • Coding: Phidgets, iNetwork, WPF
  • Sketching methods including templates, storyboards, narratives and tracing
  • Personas
Changed line 83 from:

Sept. 12 (Wed) Class 1:

to:

Oct 3 (Wed) Class 1:

Changed lines 85-86 from:
  • Introduction / overview of the topic; assignment handed out
  • Homework: You begin sketching 10 designs, plus 10 details.
to:
  • Introduction / overview of the topic; assignment handed out ; intro to Phidgets
  • Homework 1: You begin sketching 10 designs, plus 10 details.
  • Homework 2: practice coding Phidgets
Changed line 89 from:

Sept. 17 (Mon) Class 2:

to:

Oct 8 (Mon) No class - thanksgiving:

Changed lines 91-94 from:
  • You: present best sketch to class of basic idea / Design crit.
  • Homework: evolve your sketch (10 variations), start coding basics

(:cellnr :) Sept. 19 (Wed) Class 3

to:
  • --

Oct 10 (Wed) Class 2:

Changed lines 94-95 from:
  • You: Exchange latest sketches with classmate. Critique / expand other person's sketch
  • Homework: Flesh out your sketch. Continue coding to develop basics and to see what is possible
to:
  • Sketch presentation and critique
  • Homework 1: practice coding iNetwork to control phidgets
  • Homework 2: develop Personas
Changed line 98 from:

Sept. 24 (Mon) Class 4

to:

Oct. 15 (Mon) Class 3

Changed lines 100-101 from:
  • You: In class development: student show current state of their idea; discussion of techniques / problems
  • Homework: Continue coding; Begin work on portfolio site.
to:
  • Exchange latest sketches with classmate. Critique / expand other person's sketch
  • Homework: Flesh out your sketch. Continue coding to develop basics and to see what is possible
Changed line 103 from:

Sept. 24 (Mon) Class 5

to:

Oct. 17 (Wed) Class 4

Changed lines 105-106 from:
  • You: In class development
  • Homework: Continue coding; Begin work on project portfolio.
to:
  • You: In class development: student show current state of their idea; discussion of techniques / problems
  • Homework: Continue coding; complete Personas. Begin work on portfolio site.
Changed line 108 from:

Sept. 26 (Wed) Class 6

to:

Oct. 22 (Mon) Class 5

Changed lines 110-111 from:
  • You: In class development of project/portfolio
  • Homework: complete project and portfolio
to:
  • You: In class development
  • Homework: Continue coding and project portfolio.
Changed line 113 from:

Oct 3 (Monday)

to:

Oct. 24 (Wed) Class 6

Added lines 115-119:
  • You: In class development of project/portfolio
  • Homework: complete portfolio, project and persona

(:cellnr :) Oct 29 (Monday) Class 7 (:cell :)

Changed line 121 from:

(:tableend :)

to:

(:tableend :)

Changed line 1 from:

(:title Project: Connecting Distance-Separated Intimates :)

to:

(:title Project: Connecting Distance-Separated Intimates, Friends, Families :)

Changed line 7 from:

Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:

to:

Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated people, such as intimates, close friends or family members. The two devices comprise:

Changed lines 9-11 from:
  • an information appliance constructed out of Phidgets''

There is a great deal of activity in social networks that bring so-called friends (mostly acquaintances, but even strangers) together. However, there has been surprisingly little activity in designing systems that let two distance-separated intimates stay in touch. By intimates, we mean a broad variety of relationships:

to:
  • an information appliance constructed out of Phidgets

Social networks bring so-called friends (mostly acquaintances, but even strangers) together. However, there has been surprisingly little activity in designing systems that let two distance-separated intimates stay in touch. By intimates, we mean a broad variety of relationships:

Changed lines 19-20 from:

You will design, implement, document and demonstrate an interface that provides an alternative way for two people in this relationship to stay in touch. In particular, you will

  • describe the particular relationship and couple that will be your audience
to:

Your task is to design, implement, document and demonstrate a system, comprising an information appliance and a cell phone, that provides an alternative way for two people in a particular relationship to stay in touch. Ideally, you will know two people in this situation and will use them to inspire your designs. In particular, you will

  • create a ''persona' that describes the particular relationship and couple that will be your audience,
Changed lines 22-27 from:
  • design the cell phone interface that interacts with that appliance

It is up to you to be as creative as possible.

To prepare for this assignment, you will learn techniques on: other aspects of programming phones in WPF (e.g., how to store data, how to use maps, etc), how to program Phidgets, and how to program the network connection between them via the iNetwork platform. Ideally, you will know two people in this situation and will use them to inspire your designs.

to:
  • design the cell phone interface that interacts with that appliance.

Be creative. While your product should be functional and relevant, it should also be aesthetic, engaging and intriguing within the scope of your audience.

To prepare for this assignment, you will learn:

  • other aspects of programming phones in WPF (e.g., how to store data, how to use maps, etc),
  • how to program Phidgets (hardware including sensors and actuators),
  • how to program the network connection between the two via the iNetwork platform.
Changed lines 31-32 from:
  • Apply basic sketching techniques and lateral thinking to produce various designs in a somewhat constrained but still open-ended project
  • Acquire advanced experiences creating and develping sketches in your sketchbook
to:
  • Apply basic sketching techniques and lateral thinking to produce various designs in a somewhat constrained but still highly open-ended project
  • Acquire experiences creating and developing sketches in your sketchbook using various sketching methodologies
Changed lines 38-41 from:
  1. 10 competing design sketches, 10 sketch details, and sketch refinements. In your sketchbook, generate at least 10 competing (different) designs for each of the two devices. Include details of how the two would interact. As before, talk about your design with others. You will be asked to briefly present your best ones. As your ideas change, sketch them out. You will be asked at any time to show your sketches to the instructor, TA, and/or the class.
  2. The Information Appliance. You will design and implement an interface appliance based on Phidgets, paying attention to its form factor, its aesthetics, how it fits its function and role, how it senses information from the environment (input) and how it conveys information (output).
to:
  1. 10 competing design sketches, 10 sketch details, and sketch refinements. In your sketchbook, generate a minimum of 10 competing (different) designs for the device pairs. Include details of how the two devices would interact. As before, talk about your design with others. Choose one or more of these designs, and then explore that design in detail (again, a minimum of 10 sketches) where you consider both variants of that design and particular in-depth details of the how a sequence of actions would unfold over it. You will be asked to briefly present your best one(s). You will also be asked to summarize your design as a narrative storyboard. As your ideas change, sketch them out. You will be asked at any time to show your sketches to the instructor, TA, and/or the class.
  2. The Information Appliance. You will design and implement an interface appliance based on Phidgets, paying attention to its form factor, its aesthetics, its level of engagement, how it fits its function and role, how it senses information from the environment (input) and how it conveys information (output).
Deleted lines 45-46:
  1. Visual project summary. Within your web portfolio, create a web-based visual summary that illustrates your system. 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 a static page - you can have things unfold, have sets of pages, animations, overlays, etc. You will also be asked to include a video demonstration of your system. See Assignment 1 for further details.
Added lines 50-51:
  1. Visual project summary. Within your web portfolio, create a web-based visual summary that illustrates your system. 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 a static page - you can have things unfold, have sets of pages, animations, overlays, etc. You will also be asked to include a video demonstration of your system. See Assignment 1 for further details.
Changed line 55 from:
  • A selection of Phidgets hardware (based on USB)
to:
  • A selection of Phidgets hardware and cables (based on USB)
Changed lines 59-60 from:
to:
  • you will be personally responsible for acquiring materials for constructing the information appliance form factor
Changed lines 63-64 from:

Your grade will be based on your sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries. 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, late or incomplete work will result in a large grade penalty.

to:

Your grade will be based on your sketches, your design creativity, your implementation, documentation and packaging, demonstration, and your portfolio summaries. 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, late or incomplete work will result in a large grade penalty.

Changed lines 67-70 from:

Readings that may help you get inspired / think about issues

to:

Resources that may help you get inspired / think about issues

  • Phidgets CPSC 581 resource page for WPF/C#
  • Phidget Video Gallery illustrates past projects - most produced by students - using Phidgets
  • Digital Family Portrait poster and article - for supporting aging in place, from the Aware Home project at Georgia Tech (free from University - look at the cited by link for other ideas)
  • Intimacy in Long-Distance Relationships over Video Chat talks about how couples use Skype
  • Tangible bits: towards seamless interfaces between people, bits and atoms introduces the concept of Tangibles (free from University)
  • search the web for other examples
Deleted line 111:
Changed lines 38-39 from:
  1. The Information Appliance. You will design and implement an interface appliance based on Phidgets, paying attention to its farm factor, its aesthetics, how it fits its function and role, how it senses information from the environment (input) and how it conveys information (output).
to:
  1. The Information Appliance. You will design and implement an interface appliance based on Phidgets, paying attention to its form factor, its aesthetics, how it fits its function and role, how it senses information from the environment (input) and how it conveys information (output).
Changed line 7 from:

''Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:

to:

Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:

Changed line 7 from:
''Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:
to:

''Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:

Changed lines 9-10 from:
  • an information appliance constructed out of Phidgets
to:
  • an information appliance constructed out of Phidgets''
Changed line 1 from:

(:title Project: Connecting Intimates with an Information Appliance and a Cell Phone :)

to:

(:title Project: Connecting Distance-Separated Intimates :)

Changed lines 7-25 from:
Sketch, design, implement and document via a portfolio an animated touch-based and sensor based interface for a mobile phone that is an alternative to 'slide to unlock'.

Note: This exercise and the description below make extremely loose use of particular patents, their meaning, how patent disputes are fought and resolved, whether patents are valid or not, and what designs would actually infringe on a patent. It does not reflect an opinion, nor does it necessarily reflect any reality beyond the fact that these patents exist. It should not be used to suggest the validity or invalidity of particular patents, nor should should it be used as a summary or characterization of what these patents are about. The sole purpose of this description is to create an artificial scenario for a student exercise that promotes design and programming skills.

The recent patent lawsuits between Apple and various other smart phone producers include various disputes over particular interaction techniques. One well-publicized example is based on Apple's slide to unlock patents. The technique described in the patent purports to prevent accidental activation, where an inadvertent touch by a user may unintentionally activate some function on the phone. The basic strategy is that the phone is kept in a locked state, where the user has to perform a particular type of input to unlock it and access the phone functionality.

While there are various versions of this patent and its claims (e.g., the '721 in the US and '022 in Europe), they usually describe how a user makes contact with a graphical 'unlock image' on a hand-held touch-sensitive display, and then moves the unlock image from a pre-defined location either along a pre-defined displayed path or to a predefined unlock region. The first figure illustrates how one patent provides an example of this, while the second figure shows how the Apple iPhone actually realizes slide to unlock.

You will design, implement, document and demonstrate an interface that provides an alternative way to unlock a mobile phone equipped with a multi-touch display and with multiple sensors. In particular, you will

  • develop two different techniques, with
    • one based on gestural and/or multi-touch input,
    • the other based on sensor input (e.g., for one-handed use).
  • use animation to provide feedback that the system is recognizing the action you are taking, and how the system then unlocks the device after the action is completed.
  • show how the technique avoids both accidental activation and how it also can be used as a (perhaps weak) password

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 phones in WPF Silverlight (e.g., how to access sensor and touch input, and how to create rudimentary animations), and how to create a portfolio entry displaying your results.

to:
''Sketch, design, implement and document via a portfolio a set of devices that connects distance-separated intimates . The two devices comprise:
  • a cell phone with an interface of your design
  • an information appliance constructed out of Phidgets

There is a great deal of activity in social networks that bring so-called friends (mostly acquaintances, but even strangers) together. However, there has been surprisingly little activity in designing systems that let two distance-separated intimates stay in touch. By intimates, we mean a broad variety of relationships:

  • couples in long-term relationships
  • dating couples
  • aging parent / caretaker (e.g., family member) for monitoring / health
  • parent / child
  • grandparent / grand-kids ...

Usually, such people just use standard communication tools: phones, email, instant messengers, etc.

You will design, implement, document and demonstrate an interface that provides an alternative way for two people in this relationship to stay in touch. In particular, you will

  • describe the particular relationship and couple that will be your audience
  • design an information appliance that is usually installed in the home of one of the people. This includes packaging the information appliance in a way that is both fitting to its purpose and aesthetically pleasing.
  • design the cell phone interface that interacts with that appliance

It is up to you to be as creative as possible.

To prepare for this assignment, you will learn techniques on: other aspects of programming phones in WPF (e.g., how to store data, how to use maps, etc), how to program Phidgets, and how to program the network connection between them via the iNetwork platform. Ideally, you will know two people in this situation and will use them to inspire your designs.

Changed lines 29-33 from:
  • Apply basic sketching techniques and lateral thinking to produce various designs
  • Acquire first-time experiences brainstorming ideas via sketches in a sketchbook
  • Learn how to implement, package, install and document WPF programs
  • Acquire first-time experiences creating a portfolio web site and summary
to:
  • Apply basic sketching techniques and lateral thinking to produce various designs in a somewhat constrained but still open-ended project
  • Acquire advanced experiences creating and develping sketches in your sketchbook
  • Acquire first-time experiences creating a physical appliance
  • Acquire experiences creating a persona.
Changed lines 36-48 from:
  1. 10 competing design sketches, 10 sketch details, and sketch refinements. In your sketchbook, generate at least 10 competing (different) designs for each of the two techniques. Show and explain your design(s) to others. You will know which ones are the most exciting by how you talk about them and how others react. Choose the most promising one, and then produce 10 details and/or variations of a particular sketch in your sketchbook. You will be asked to briefly present your best ones. As your ideas change, sketch them out. You will be asked at any time to show your sketches to the instructor, TA, and/or the class.
  2. An implemented WPF application. Implement a WPF application that demonstrates how your system works on the phone.
  3. Web portfolio. Create a web site that will contain all your portfolio summaries. 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 Artist Portfolio Guidelines for some hints on portfolios and how they are used. Note that you will evolve this portfolio over the course.
  4. Visual project summary. Within the above web portfolio, create a web-based visual summary that illustrates your system. 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 a static page - you can have things unfold, have sets of pages, animations, overlays, etc. Have impact.

    Specifically, create a portfolio summary that documents and details your design and implementation in a visually appealing manner. Note that this may become your standard style for other summaries. The portfolio must minimally include the following (or equivalents):
    1. a front page with an illustrative image, description and index
    2. an illustrated and annotated sequence describing your project. Avoid lengthy text. Use visuals as much as possible, e.g., screen snapshots, animation, video, etc. The viewer should get a good sense of how your project works from this
    3. a download page containing the complete source and executables, and instructions for running the sample.
to:
  1. 10 competing design sketches, 10 sketch details, and sketch refinements. In your sketchbook, generate at least 10 competing (different) designs for each of the two devices. Include details of how the two would interact. As before, talk about your design with others. You will be asked to briefly present your best ones. As your ideas change, sketch them out. You will be asked at any time to show your sketches to the instructor, TA, and/or the class.
  2. The Information Appliance. You will design and implement an interface appliance based on Phidgets, paying attention to its farm factor, its aesthetics, how it fits its function and role, how it senses information from the environment (input) and how it conveys information (output).
  3. The Cell Phone Interface. Similar to the above, pay attention to its aesthetics, how it fits its function and role, how it gathers information from the person (input) and how it conveys information (output).
  4. The Interconnection between the Two. The two should work together smoothly.
  5. Visual project summary. Within your web portfolio, create a web-based visual summary that illustrates your system. 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 a static page - you can have things unfold, have sets of pages, animations, overlays, etc. You will also be asked to include a video demonstration of your system. See Assignment 1 for further details.
  6. Persona description. Include a persona describing this couple (1 page each person, plus 1 page for their relationship).
Added lines 53-55:
  • A selection of Phidgets hardware (based on USB)
  • Phidgets software for controlling Phidgets hardware
  • The iNetwork toolkit for communication
Deleted lines 61-75:

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.

Your first thoughts will likely be something that is fairly derivative of what you are already familiar with. To go beyond these, think about:

  • the many ways you open, unlock, unlatch, and generally change the state of everyday things
  • the many ways you signal some change of state via movements, gestures and touch

Look for inspiration from unusual sources. For example,

  • As you move about your day to day world, consider what you see and the action you are performing, and ask yourself how it can relate and/or be applied to this exercise. For example, opening a book 'unlocks' it. Would this be a reasonable metaphor to use in a way that people can quickly understand it?
  • Google images on gestures. For every one you see, sketch out a possible unlock method, no matter how unlikely. Don't worry about whether you can implement them or not, or if it is any good; you can make decisions on that later.
  • Similarly, google images on anything that changes state: open, switch, latch, turn, etc. Let the images inspire you to think in different ways.
  • List all the phone's sensor capabilities. Think about how you can use each one's input to unlock the phone, where you consider multiple variations for each one. Then combine sensor input to think about how the fusion of sensor data (perhaps combined with touch data) can unlock the phone.
Changed lines 64-68 from:

Project-specific schedule (tentative)

to:

Readings that may help you get inspired / think about issues

Project-specific schedule (NOT COMPLETED YET)

Deleted lines 105-116:

The claims of slide to unlock

Claim 1. A computer-implemented method of controlling a portable electronic device comprising a touch-sensitive display (408, 1014), comprising:

  • detecting contact with the touch-sensitive display while the device is in a user-interface lock state;
  • transitioning the device to a user-interface unlock state if the detected contact corresponds to a predefined gesture;
  • and maintaining the device in the user-interface lock state if the detected contact does not correspond to the predefined gesture;

characterized by

  • moving an unlock image along a predefined displayed path on the touch-sensitive display in accordance with the contact,
  • wherein the unlock image is a graphical, interactive user-interface object with which a user interacts in order to unlock the device.

Claim 3. ... wherein the predefined gesture corresponds to moving the unlock image along the predefined displayed path on the touch-sensitive display to a predefined location on the touch-sensitive display.

Changed lines 3-4 from:
to:
Added lines 1-124:

(:title Project: Connecting Intimates with an Information Appliance and a Cell Phone :) Back to CPSC 581 home

Worth: 20%

Sketch, design, implement and document via a portfolio an animated touch-based and sensor based interface for a mobile phone that is an alternative to 'slide to unlock'.

Note: This exercise and the description below make extremely loose use of particular patents, their meaning, how patent disputes are fought and resolved, whether patents are valid or not, and what designs would actually infringe on a patent. It does not reflect an opinion, nor does it necessarily reflect any reality beyond the fact that these patents exist. It should not be used to suggest the validity or invalidity of particular patents, nor should should it be used as a summary or characterization of what these patents are about. The sole purpose of this description is to create an artificial scenario for a student exercise that promotes design and programming skills.

The recent patent lawsuits between Apple and various other smart phone producers include various disputes over particular interaction techniques. One well-publicized example is based on Apple's slide to unlock patents. The technique described in the patent purports to prevent accidental activation, where an inadvertent touch by a user may unintentionally activate some function on the phone. The basic strategy is that the phone is kept in a locked state, where the user has to perform a particular type of input to unlock it and access the phone functionality.

While there are various versions of this patent and its claims (e.g., the '721 in the US and '022 in Europe), they usually describe how a user makes contact with a graphical 'unlock image' on a hand-held touch-sensitive display, and then moves the unlock image from a pre-defined location either along a pre-defined displayed path or to a predefined unlock region. The first figure illustrates how one patent provides an example of this, while the second figure shows how the Apple iPhone actually realizes slide to unlock.

You will design, implement, document and demonstrate an interface that provides an alternative way to unlock a mobile phone equipped with a multi-touch display and with multiple sensors. In particular, you will

  • develop two different techniques, with
    • one based on gestural and/or multi-touch input,
    • the other based on sensor input (e.g., for one-handed use).
  • use animation to provide feedback that the system is recognizing the action you are taking, and how the system then unlocks the device after the action is completed.
  • show how the technique avoids both accidental activation and how it also can be used as a (perhaps weak) password

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 phones in WPF Silverlight (e.g., how to access sensor and touch input, and how to create rudimentary animations), and how to create a portfolio entry displaying your results.

Pedagogical Objectives

  • Apply basic sketching techniques and lateral thinking to produce various designs
  • Acquire first-time experiences brainstorming ideas via sketches in a sketchbook
  • Learn how to implement, package, install and document WPF programs
  • Acquire first-time experiences creating a portfolio web site and summary

Assignment Deliverables and Details .

  1. 10 competing design sketches, 10 sketch details, and sketch refinements. In your sketchbook, generate at least 10 competing (different) designs for each of the two techniques. Show and explain your design(s) to others. You will know which ones are the most exciting by how you talk about them and how others react. Choose the most promising one, and then produce 10 details and/or variations of a particular sketch in your sketchbook. You will be asked to briefly present your best ones. As your ideas change, sketch them out. You will be asked at any time to show your sketches to the instructor, TA, and/or the class.
  2. An implemented WPF application. Implement a WPF application that demonstrates how your system works on the phone.
  3. Web portfolio. Create a web site that will contain all your portfolio summaries. 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 Artist Portfolio Guidelines for some hints on portfolios and how they are used. Note that you will evolve this portfolio over the course.
  4. Visual project summary. Within the above web portfolio, create a web-based visual summary that illustrates your system. 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 a static page - you can have things unfold, have sets of pages, animations, overlays, etc. Have impact.

    Specifically, create a portfolio summary that documents and details your design and implementation in a visually appealing manner. Note that this may become your standard style for other summaries. The portfolio must minimally include the following (or equivalents):
    1. a front page with an illustrative image, description and index
    2. an illustrated and annotated sequence describing your project. Avoid lengthy text. Use visuals as much as possible, e.g., screen snapshots, animation, video, etc. The viewer should get a good sense of how your project works from this
    3. a download page containing the complete source and executables, and instructions for running the sample.
  5. Demonstrate your work. During class time, you will be asked to demonstrate all the above work to other class members and the instructor

Materials

  • an LG touch-sensitive phone running Microsoft Windows (provided)
  • lab computers with Visual Studio running Silverlight and the Windows Phone emulator
  • access to the above software where you can download it to your own computer

Evaluation

Your grade will be based on your sketches, your design creativity, your implementation, documentation and packaging, and your portfolio summaries. 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, late or incomplete work will result in a large grade penalty.

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.

Your first thoughts will likely be something that is fairly derivative of what you are already familiar with. To go beyond these, think about:

  • the many ways you open, unlock, unlatch, and generally change the state of everyday things
  • the many ways you signal some change of state via movements, gestures and touch

Look for inspiration from unusual sources. For example,

  • As you move about your day to day world, consider what you see and the action you are performing, and ask yourself how it can relate and/or be applied to this exercise. For example, opening a book 'unlocks' it. Would this be a reasonable metaphor to use in a way that people can quickly understand it?
  • Google images on gestures. For every one you see, sketch out a possible unlock method, no matter how unlikely. Don't worry about whether you can implement them or not, or if it is any good; you can make decisions on that later.
  • Similarly, google images on anything that changes state: open, switch, latch, turn, etc. Let the images inspire you to think in different ways.
  • List all the phone's sensor capabilities. Think about how you can use each one's input to unlock the phone, where you consider multiple variations for each one. Then combine sensor input to think about how the fusion of sensor data (perhaps combined with touch data) can unlock the phone.

Project-specific schedule (tentative)

(:table border=1 :) (:cellnr :) Sept. 12 (Wed) Class 1: (:cell :)

  • Introduction / overview of the topic; assignment handed out
  • Homework: You begin sketching 10 designs, plus 10 details.

(:cellnr :) Sept. 17 (Mon) Class 2: (:cell :)

  • You: present best sketch to class of basic idea / Design crit.
  • Homework: evolve your sketch (10 variations), start coding basics

(:cellnr :) Sept. 19 (Wed) Class 3 (:cell :)

  • You: Exchange latest sketches with classmate. Critique / expand other person's sketch
  • Homework: Flesh out your sketch. Continue coding to develop basics and to see what is possible

(:cellnr :) Sept. 24 (Mon) Class 4 (:cell :)

  • You: In class development: student show current state of their idea; discussion of techniques / problems
  • Homework: Continue coding; Begin work on portfolio site.

(:cellnr :) Sept. 24 (Mon) Class 5 (:cell :)

  • You: In class development
  • Homework: Continue coding; Begin work on project portfolio.

(:cellnr :) Sept. 26 (Wed) Class 6 (:cell :)

  • You: In class development of project/portfolio
  • Homework: complete project and portfolio

(:cellnr :) Oct 3 (Monday) (:cell :)

  • You: Project demonstration (On-line portfolio, system demo, design crit)

(:tableend :)

The claims of slide to unlock

Claim 1. A computer-implemented method of controlling a portable electronic device comprising a touch-sensitive display (408, 1014), comprising:

  • detecting contact with the touch-sensitive display while the device is in a user-interface lock state;
  • transitioning the device to a user-interface unlock state if the detected contact corresponds to a predefined gesture;
  • and maintaining the device in the user-interface lock state if the detected contact does not correspond to the predefined gesture;

characterized by

  • moving an unlock image along a predefined displayed path on the touch-sensitive display in accordance with the contact,
  • wherein the unlock image is a graphical, interactive user-interface object with which a user interacts in order to unlock the device.

Claim 3. ... wherein the predefined gesture corresponds to moving the unlock image along the predefined displayed path on the touch-sensitive display to a predefined location on the touch-sensitive display.