Learning

Introductionary Videos Tutorials

• Technology explorations with Sketchlet- the face detector example
• Drawing UML diagrams with Sketchlet
• Screen prototyping with Sketchlet - the coffee machine example

Examples

You can open and edit the examples in Sketchlet by using "Import from URL" function (in the File menu). You can simply and copy-and-paste the URL of an example.

Interactive Animations / Screen Prototypes

Project	URL	Links	Author	Note
Demolition		Download, Video	Bart de Klein
Time Bomb		Download, Video	Bart de Klein
Puzzle Game		Download	Bart de Klein
Water Faucet		Download, Video	Bart de Klein
Emotion Stickers		Download, Video	Luc de Smet
Rising Sun		Download, Video	Maaike de Wolff
iPod		Download, Video	Alessandro Cau

Lecture Notes

Getting Started

• Getting Started – Creating a New Project ( PPT) ( PDF)

Working with Sketchlet

• Graphics and Animation in Sketchlet ( PPT) ( PDF)
• Sketchlet Properties and Variables ( PPT) ( PDF)
• Sketchlet Widgets ( PPT) ( PDF)
• Defining Interaction and Logic in Sketchlet ( PPT) ( PDF)
  • Timers ( PPT) ( PDF)
  • Macros ( PPT) ( PDF)
• Sketchlet I/O Services ( PPT) ( PDF)

Diagrams in Sketchify

• Drawing UML and other diagrams in Sketchlet ( PPT) ( PDF)
• Cascading UML Widget

Advanced Topics

• Mapping Design Space to Display Space ( PPT) ( PDF)
• Screen Poking ( PPT) ( PDF)
• Spreadsheets ( PPT) ( PDF)
• Scripting ( PPT) ( PDF)

Excersizes

• Several Simple Excersizes ( PPT) ( PDF)

Older Descriptions

You can also take a look at tutorials covering Sketchify.