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