Prototyping Tools

19
1 Prototyping Tools Khoo Yit Phang CMSC 434 October 26, 2006

description

Prototyping Tools. Khoo Yit Phang CMSC 434 October 26, 2006. Agenda. Various prototyping tools: Paper prototypes PowerPoint Dynamic HTML Wizard-of-Oz GUI Builders Cross-platform GUI Toolkits. Paper Prototyping. - PowerPoint PPT Presentation

Transcript of Prototyping Tools

Page 1: Prototyping Tools

1

Prototyping ToolsPrototyping Tools

Khoo Yit Phang

CMSC 434October 26, 2006

Khoo Yit Phang

CMSC 434October 26, 2006

Page 2: Prototyping Tools

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

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

4

Powerpoint PrototypePowerpoint Prototype

Hyperlinks DemoHyperlinks Demo

Page 5: Prototyping Tools

5

ProfileCartHome

Buy!

Buy!

Buy!

Buy!

Buy!

Back to slides

Page 6: Prototyping Tools

6

ProfileCartHome

Your cart is empty!

Back to slides

Page 7: Prototyping Tools

7

ProfileCartHome

Remove

Back to slides

Page 8: Prototyping Tools

8

ProfileCartHome

Buy!

Buy!

Buy!

Buy!

Buy!

Back to slides

Page 9: Prototyping Tools

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

10

1

0

+

=

12

Page 11: Prototyping Tools

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

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

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

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

15

NetBeans MatisseNetBeans Matisse

Page 16: Prototyping Tools

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

17

Interface BuilderInterface Builder

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 18: Prototyping Tools

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

19

Questions?Questions?