![Page 1: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/1.jpg)
1
CHAPTER 3CHAPTER 3
INTORMATION DESIGN INTORMATION DESIGN
Prepared byPrepared by
CIK AJUNE WANIS BINTI ISMAILCIK AJUNE WANIS BINTI ISMAIL
Department of Computer Graphics & MultimediaDepartment of Computer Graphics & MultimediaFaculty of Computer Science and Information SystemFaculty of Computer Science and Information System
Universiti Teknologi MalaysiaUniversiti Teknologi Malaysia
![Page 2: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/2.jpg)
2
In Multimedia Development Project :
![Page 3: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/3.jpg)
3
•how to gather information design based on user requirement.
![Page 4: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/4.jpg)
4
![Page 5: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/5.jpg)
5
![Page 6: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/6.jpg)
6
![Page 7: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/7.jpg)
7
![Page 8: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/8.jpg)
8
![Page 9: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/9.jpg)
9
![Page 10: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/10.jpg)
10
![Page 11: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/11.jpg)
11
![Page 12: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/12.jpg)
12
![Page 13: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/13.jpg)
13
![Page 14: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/14.jpg)
14
![Page 15: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/15.jpg)
15
![Page 16: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/16.jpg)
16
![Page 17: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/17.jpg)
17
The Right Tool For The Job
![Page 18: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/18.jpg)
18
![Page 19: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/19.jpg)
19
![Page 20: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/20.jpg)
20
![Page 21: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/21.jpg)
21
![Page 22: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/22.jpg)
22
![Page 23: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/23.jpg)
23
![Page 24: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/24.jpg)
24
![Page 25: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/25.jpg)
25
![Page 26: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/26.jpg)
26
![Page 27: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/27.jpg)
27
![Page 28: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/28.jpg)
28
![Page 29: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/29.jpg)
29
![Page 30: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/30.jpg)
30
Web Project Methodology
![Page 31: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/31.jpg)
31
Purpose of having a method
• Checklist– List down important steps– Working progress according to plan
• Common focus– To give a team focus and confident– Everyone is heading in the same direction
![Page 32: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/32.jpg)
32
Purpose of having a method
• Justifies expenditure– To facilitates budgeting– Easy to locate project’s expenses
• Accountability– Client can stick to our method (trust)– We therefore become more accountable
![Page 33: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/33.jpg)
33
Purpose of having a method
• Facilitates progress reporting– Creates a framework for
• Reporting progress• Defining project milestones
• Control mechanism– Easy to prioritize the jobs / tasks
![Page 34: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/34.jpg)
34
Project Phases & Work Stages
A project comprises 8 work stages:1. Project clarification
2. Solution definition
3. Project specification
4. Content
5. Design & construction
6. Testing, launch & handover
7. Maintenance
8. Review & evaluation
![Page 35: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/35.jpg)
35
Project Phases & Work Stages
The 8 work stages can be grouped as 4 phases:
Phase 1: Preproduction
1. Project clarification
2. Solution definition
3. Project specification
![Page 36: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/36.jpg)
36
Project Phases & Work Stages
The 8 work stages can be grouped as 4 phases:
Phase 2: Production
1. Content
2. Design & construction
3. Testing, launch & handover
![Page 37: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/37.jpg)
37
Project Phases & Work Stages
The 8 work stages can be grouped as 4 phases:
Phase 3: 1. Maintenance
Phase 4:1. Review & evaluation
![Page 38: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/38.jpg)
38
Phase 1: Preproduction
• Planning / discovery phase• The stage that project’s success or
failure is determined• Industry …
– Money spent in this phase is the money best spent
• Client …– Hard to accept spending large amount of
money during this stage– Want to see actual product come to life
![Page 39: 1 CHAPTER 3 INTORMATION DESIGN Prepared by CIK AJUNE WANIS BINTI ISMAIL Department of Computer Graphics & Multimedia Faculty of Computer Science and Information](https://reader035.vdocuments.site/reader035/viewer/2022062804/56649d565503460f94a34f81/html5/thumbnails/39.jpg)
39
Phase 1: Preproduction
Advantages fo having proper planning:
• To speed up the total delivery time– Can avoid
• Any confusion – what to do & how to do• Dupplication of effort – redundant tasks• Miscommunication – clear job’s directions
• To improve overall quality– To ensure we’re developing a product that
meets clients’ needs