Prototyping Tools
Khoo Yit Phang
CMSC 434
October 26, 2006
1
Agenda
1. Various prototyping tools:






Paper prototypes
PowerPoint
Dynamic HTML
Wizard-of-Oz
GUI Builders
Cross-platform GUI Toolkits
2
Paper Prototyping
Video 1
http://www.cs.umd.edu/class/fall2006/cmsc434/presentations
/proto_ben.wmv
Video 2
http://www.cs.umd.edu/class/fall2006/cmsc434/presentations
/proto_jeremy.wmv
3
Powerpoint Prototype
Hyperlinks Demo
4
Back to slides
Home
Cart
Profile
Buy!
Buy!
Buy!
Buy!
Buy!
5
Back to slides
Home
Cart
Profile
Your cart is empty!
6
Back to slides
Home
Cart
Profile
Remove
7
Back to slides
Home
Cart
Profile
Buy!
Buy!
Buy!
Buy!
Buy!
8
Powerpoint Prototype
Visual Basic for Application (VBA) Demo
requires macros to be enabled
9
12
1
+
0
=
10
Dynamic HTML
FishEye Menu Demo
http://dannyayers.com/2003/10/fisheye.html
11
Wizard of Oz
Douglas EngelBart’s NLS
“The Mother of All Demos”
http://video.google.com/videoplay?docid=-8734787622017763097
12
Wizard of Oz
NEIMO Chi ‘96 Demo
http://www.ibiblio.org/openvideo/video/chi/chi96_09_m1.mpg
13
GUI Builders
NetBeans Matisse
MS Visual Studio/Office VBA Form Designer
Interface Builder
14
NetBeans Matisse
15
MS Visual Studio/Office VBA
Form Designer
QuickTime™ and a
TIFF (Uncompressed) decompressor
are needed to see this picture.
16
Interface Builder
QuickTime™ and a
TIFF (Uncompressed) decompressor
are needed to see this picture.
17
Cross-platform GUI Toolkits
Qt
http://www.trolltech.com/products/qt
GTK
http://www.gtk.org/
WxWidgets http://www.wxwidgets.org/
… and many more
18
Questions?
19