Prototyping Tools

titteringcluckSoftware and s/w Development

Nov 10, 2012 (4 years and 7 months ago)

208 views

1

Prototyping Tools

Khoo Yit Phang

CMSC 434

October 26, 2006

2

Agenda

1.
Various prototyping tools:


Paper prototypes


PowerPoint


Dynamic HTML


Wizard
-
of
-
Oz


GUI Builders


Cross
-
platform GUI Toolkits

3

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

4

Powerpoint Prototype

Hyperlinks Demo

5

Profile

Cart

Home

Buy!

Buy!

Buy!

Buy!

Buy!

Back to slides

6

Profile

Cart

Home

Your cart is empty!

Back to slides

7

Profile

Cart

Home

Remove

Back to slides

8

Profile

Cart

Home

Buy!

Buy!

Buy!

Buy!

Buy!

Back to slides

9

Powerpoint Prototype

Visual Basic for Application (VBA) Demo

requires macros to be enabled

10

1

0

+

=

12

11

Dynamic HTML

FishEye Menu Demo

http://dannyayers.com/2003/10/fisheye.html

12

Wizard of Oz

Douglas EngelBart’s NLS

“The Mother of All Demos”

http://video.google.com/videoplay?docid=
-
8734787622017763097

13

Wizard of Oz

NEIMO Chi ‘96 Demo

http://www.ibiblio.org/openvideo/video/chi/chi96_09_m1.mpg

14

GUI Builders

NetBeans Matisse

MS Visual Studio/Office VBA Form Designer

Interface Builder

15

NetBeans Matisse

16

MS Visual Studio/Office VBA
Form Designer

17

Interface Builder

18

Cross
-
platform GUI Toolkits

Qt

http://www.trolltech.com/products/qt

GTK

http://www.gtk.org/

WxWidgets

http://www.wxwidgets.org/

… and many more

19

Questions?