computer hadware peripherals
TRANSCRIPT
![Page 1: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/1.jpg)
Week-6-Lesson-1
Prototyping-GUI
Software Engineering
Abdus SattarAssistant Professor
Department of Computer Science and Engineering
Daffodil International University
Email: [email protected]
![Page 2: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/2.jpg)
List of Topics
What is Software Prototyping?
Benefits of Software Prototyping
Types of Prototyping
Creating Paper Prototypes
Creating High-Fidelity Prototype
![Page 3: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/3.jpg)
Software Prototyping
A Software prototype is a draft version ofsoftware program that allows you to explore yourideas and show the intention behind a feature orthe overall design concept to users beforeinvesting time and money into development.
Prototyping can be considered as a risk reductionactivity
![Page 4: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/4.jpg)
Prototyping Benefits
Misunderstandings between software users and developers are exposed
Missing services may be detected and confusing services may be identified
Sometimes it helps to demonstrate the concept to prospective investors to get funding for project.
It reduces risk of failure, as potential risks can be identified early.
![Page 5: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/5.jpg)
Types of Prototyping
Low-Fidelity Prototyping
▫ Paper prototyping
▫ Mockups
High-Fidelity Prototyping
▫ Macromedia Director or Flash, Smalltalk , Java Script, Microsoft Tools, HTML
![Page 6: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/6.jpg)
Low-Fidelity PrototypingTools for Paper Protyping
Pen
Pencil
Color Pencil
Rubber
Paper
Eraser
Scale
Scissor
![Page 7: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/7.jpg)
Low-Fidelity PrototypingDoes not look very much like the final product. Material, behavior
etc.
Material such as paper & cardboard rather than electronic screens, metal and detailed code.
Simple, cheap & quick to produce and redesign.
Early stage of development –prototyping for the conceptual design.
![Page 8: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/8.jpg)
Creating Low-Fidelity Prototyping
![Page 9: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/9.jpg)
Creating Low-Fidelity Prototyping
![Page 10: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/10.jpg)
High-Fidelity PrototypingLooks very much like the final
product.
If the prototype is for softwaresystem, a software tool, suchas Macromedia Director orFlash, Visual Basic orSmalltalk, might be needed.
Software prototype tools arealso often qualifieddevelopment environments.
More time-consuming toproduce than low-fidelityprototyping.
![Page 11: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/11.jpg)
High-Fidelity PrototypingOverview on Tools
![Page 12: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/12.jpg)
Creating High-Fidelity
Prototyping(using Powerpoint)
![Page 13: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/13.jpg)
Creating High-Fidelity
Prototyping(Using HTML, Java Script,css)
![Page 14: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/14.jpg)
Advantages of Low-Fidelity
Prototyping
Low-fidelity representations, such as sketches, differfrom the final product in interaction design, visualappearance, and/or level of details. The method is quick& cheap which encourage iterative design idea tryoutsbetween/during usability tests.
Quick Low-fidelity tests allows designers and users tofocus on high-level interaction design and informationarchitecture, rather than on details or visual style.
![Page 15: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/15.jpg)
Advantages of High-Fidelity
Prototyping
High-fidelity prototypes offer more realistic interactions than low-fidelity.
Better at conveying the range of design possibilities.
User-driven.
![Page 16: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/16.jpg)
Home Page..
![Page 17: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/17.jpg)
Categories…
![Page 18: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/18.jpg)
Sample..
![Page 19: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/19.jpg)
Selective product
![Page 20: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/20.jpg)
Login..
![Page 21: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/21.jpg)
Create New Account
![Page 22: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/22.jpg)
Control panel
![Page 23: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/23.jpg)
Saved Items
![Page 24: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/24.jpg)
Cart
![Page 25: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/25.jpg)
Order
![Page 26: Computer Hadware Peripherals](https://reader030.vdocument.in/reader030/viewer/2022012016/61daac29fd9b37227f4a77cf/html5/thumbnails/26.jpg)
References:
1. Software Engineering by Ian Sommerville, 9th edition,
Addison-Wesley, 2011
2. Software Engineering A practitioner’s Approach by
Roger S. Pressman, 7th edition, McGraw Hill, 2010
3. Norman, D.A. 1988. The Psychology of everyday
things. Basic Books.
4. Snyder C. 2003. Paper prototyping. Morgan Kaufmann.
5. Preece, Rogers, Sharp. 2002. Interaction Design beyond
human-computer interaction. .