Section ii 

Product & Design 
Development

·  Hardware setup
·  Software used
·  Other related material
·  Planning/ strategy
·  Budget
·  Roles and responsibilities 
of team member
·  Content
·  Process & procedures
·  Product evaluation
·  Progress calendar
Section ii  Product & Design Development 

During  the  industrial  training  at  AYM  Bistari  I  have  been  assigned  for  one  project  named  as 

Perak  Halal  Directory.  I’m  lucky  that  the  entire  project  assigned  is  multimedia­based  project. 

The project consists  of two  sub­projects  that  will  be  use as  a  medium  of promoting the centre 

which are:

·  Product design

·  Web Development 

The aims of the project are as follows:

·  To assist and promote all manufacturer and developer of Halal product.

·  As  list  or  guide  to  all  that  have  own  the  Halal  Certificate  from  Jabatan  Agama  Islam 

Perak. 

They are a number of requirements for each project need to follow. The requirement needed as: 

II.I  HARDWARE SETUP

·  Media Component 

o  8x DVD­RW burner­writer 

o  BenQ Scanner 4200 

o  Pixma IP4000 printer

9 
Section ii  Product & Design Development 

II.II  SOFTWARE USED

·  Adobe Photoshop 

Figure 1.0 : Adobe Photoshop CS2 Interface 

Adobe  Photoshop  is  use  to  fix  a  photo,  cropping  product,  and  create  its  background. 

Basically, all design  were created in  photoshop  (see  figure 1.0).  Its  use  RGB color  format. 

There are  3 version of photoshop that I has use ;

·  Adobe Photoshop 7.0 : 

o  Was  use  during  the  first  two  week.  the  most  basic  photoshop  in  photo  design, 

lighter and easy to use, but has a minimum function.

10 
Section ii  Product & Design Development 

Figure 1.1: Adobe Photoshop Element 4.0 Interface 

·  Adobe Photoshop Element 4.0 

o  This  is  special  photoshop  version  created  for  photographer.  Its  has  quick  smart 

photo  repair  function  and  auto  red­eyes  fix.  Was  use  to fix photos and scanning 

product.

·  Adobe Photoshop CS2 

o  This  is  an  upgraded  7.0  photoshop  version.  Its  has  the  same  photoshop  7.0 

interface  but  with  more  added  effect  function.  This  was  the  main  graphic 

application was use to create a design.

11 
Section ii  Product & Design Development 

·  Adobe Illustrator 

Figure 1.2: Adobe Illustrator CS2 Interface 

Adobe  Illustrator  was  use  to  create  a  listing  and  printing  template.  It  use  a  CYMK  color 

format its also use to create the final design of the directory and publication.

·  Adobe Illustrator CS2 

o  This  is  an  upgraded  illustrator  CS  version.  Any  RGB  product  image  from  the 

adobe photoshop will be converted into the CYMK color format for printing.

12 
Section ii  Product & Design Development 

Figure 1.3: Adobe Bridge Interface 

·  Adobe Bridge 

o  Use to preview all adobes and pictures files. Also can be use to synchronized files 

and work.

·  Macromedia FlashPaper 2 

o  Use to create a virtual printer that used to create a print preview.

·  Microsoft Office (Word, Excel & Access) 

o  Use to create a database

13 
Section ii  Product & Design Development 

II.III  OTHER RELATED MATERIAL

·  Operation System 

o  Microsoft Windows Millennium Edition 

o  Microsoft Windows XP Professional (5.1.2600) Service Pack 2

·  Printing Paper 

o  Mitsubishi Photo Paper 

o  Mitsubishi Inkjet Paper

·  Web Search engines 

o  Googles 

o  Flickr 

o  Yahoo 

II.IV  PLANNING/ STRATEGY 

Before  creating  an  artwork,  I  plan  and  do  some  research  to  get  some  information  about  the 

product.  Then  I  analyze  the  product  and  begin  to  create  a  several  rough  ideas  of  the  product 

placement  and  background  design.  My  research  source  are collected  from  the  internet,  crusine 

magazines,  Cook book, tourism flyers  and  any  related  material  that can be associated with  the 

product. 

II.V  BUDGET 

Since  the concept  and any material  for work are  provided by  the company, the budget  for  this 

project is minimal and most of the budget goes to the marketing department.

14 
Section ii  Product & Design Development 

II.VI  ROLES AND RESPONSIBILITIES OF TEAM MEMBER 

The Company  has  been  appointed  as project  consultant  to  publish  the  second  edition  of  Perak 

Halal Directory as The First Edition was also given to AYM Bistari. My main duty during this 

industrial  training  is  to be responsible  in designing  advertisement  to be  published  on classified 

listing column of the directory. The size varies as below:

·  50mm x 35mm (Rm 150.00) Color

·  50mm x 50mm (Rm 200.00) Color

·  70mm x 65mm (Rm 250.00) Color 

For  the  second edition,  any  purchases  of advertisement under  Quarter,  Half and  Full Page size 

will also receives listing advertisement. Their sizes are varies as below:

·  Quarter page  : 50mm x 50mm

·  Half & Full page  : 70mm x 65mm 

As a team, were encourage to work independently. However, we can still help each others when 

needed and always maintain a good communicate with client or team members. My roles also to 

insist the others members when needed or instructed.

15 
Section ii  Product & Design Development 

II.VII  CONTENT 

Figure 1.4 : Classified Listing 

The classified listing advertisement contain a list of halal product manufacturer  profile such as 

their company name, address,  halal serial numbers, contact numbers and a short description of 

their product, (see figure 1.1.) 

Any Halal Certificate holders that want to advertise their product needs to fill the advertisement 

order form (see pg. 17). The information that they give will be us in the classified listing column.

16 
Section ii  Product & Design Development 

Appendix 3 

PERAK HALAL DIRECTORY 2008/2009 

ADVERTISMENT ORDER FORM 

Name 0f Organization:  …………………………………………………………………………………………………………………………………… 
Postal Address:  …………………………………………………………………………………………………………………………….………............. 
……………………………………………………………………………………………………………………………………………………….……………………. 
Halal Certificate No.:  ……………………………………………...  Expiry Date:  …………………………………….…….............. 
Contact Person:  ……………………………………………………..  Tel. No.:  ……………………………………………,,………......... 
E‐Mail:  ……………………………………………………………………  Fax No.:  ………………………………………….………............. 
Product Description:  …………………………………………………………………………………………………………………………………………… 
………………………………………………………………………………………………………………………………………...…… 
………………………………………………………………………………………………………………………….……………..…… 
Exporter                       Yes – Countries  ……..……………………………………………………………………………………………..…………… 
No – Interest to export your product.        Yes,        No. 

I would like to order placement of: 
Listing                           without image  ‐ Rm100.00 
50mm x 35mm  ‐ Rm150.00 (colour) 
50mm x 50mm  ‐ Rm200.00 (colour) 
70mm x 65mm  ‐ Rm250.00 (colour) 

Advertisement  Full page  ‐ Rm1500.00 (colour) 

Half page  ‐ Rm800.00 (colour) 
Quarter page  ‐ Rm500.00 (colour) 

The following is enclosed: 

Cheque (Bank ………………………………)/ Money Order/ Bank Draft No. 
………………………………….. 
Confirmation copy of remittance advice by bank (payment by direct bank‐in) 
Film (s) + reference copy 
Softcopy (CD, Floppy Disk) 

This order is placed by (please fill clearly) 
Authorized signature and name:  ………………………………………………………............. 
Position:  …………………………………………………………………..

17 
Section ii  Product & Design Development 

II.VIII  PROCESS & PROCEDURES 

The  procedures  and  workflow  of  the  Perak  Halal  Directory  project  focusing  on  the  important 

stuff where it help out in terms of reference as each step needs documentations and data keeping. 

For the product design, The Hanaffin and Peck model design was used. (see figure 1.4) for the 

whole process. 

Phase 1: Analysis  Phase 2: Design  Phase 3: Development 

Evaluation & Repetition 

Figure 1.4 :  Hanaffin and Peck Design Model

In  the  Hanaffin  and  Peck  model,  each  phase  has  its  own  evaluation  before  proceding  to  next 

phase.There are 3 process or phase need to be done before publishing the Perak Halal Directory. 

1.  Analysis 

o  After  receving  task,  the  information  from  the  order  form  will  be  collected  and 

store in database/ notepad. 

o  If  the  company  give  or  include  a  softcopy  of  their  product  in  the order  form,  it 

will be store in source_file 

o  For  a  hardcopy,  it  will  be  scan  first  and  then  fix  in  photoshop.  Then  it  will  be 

store in source_files. 

18 
Section ii  Product & Design Development 

o  Then all the source files will be analize and beginning to create a rought ideas that 

associated with the product. 

2.  Design 

o  Beginning  to  searching  or  collecting  ang  source  picture  that  can  be  associated 

with  the  ideas  and  product.  Any  medium  can  be  use  like  internet,  magazines, 

flyers and many more. 

o  Then  the  product  will  be  crop,  trim  and  save  in  work_file.  Then  any  related 

material that can be associate with the product will be design as the background of 

the product. 

o  All  this  design  is  created  in  adobe  photoshop,  at  less  2  sample  will  be  created 

before it will be print and evaluated. 

o  This  sample  is  printed  in  adobe  illustrator,  where  the  sample  will  be  put  in  the 

draf printing template. 

3.  Devenlopment 

o  After the product been evaluated, it will be printed again with its listing in adobe 

illustrator.  Then  it  will  be  evaluated  again  before  it  been  submitted  to  their 

respective company for their evaluation. 

o  If the design is accepted, then it will  be published in Perak Halal Directory. But if 

not, it will be repaired or redesign again untill it meets the client choice. 

o  Then it will be publish on the Perak Halal website. (http://www.perakhalal.com).

19 
Section ii  Product & Design Development 

Receiving Task 

Analysis Task & Rough Sketch 

NO  NO 
Designing & Creating Sample 

Choosing sample 

YES 

NO
Creating A Listing 

Printing Listing 

Evaluation 

YES 

Sent Sample To Their Company 

Company Evaluation 

YES 

Publish In Halal Perak Directory 

Figure 1.5 :  workflow 

20 
Section ii  Product & Design Development 

II.IX  PRODUCT EVALUATION 

Supervisor’s Evaluation 
Student’s Name  : Muhammad Harussani bin Abdul Manap 
Student’s ID No.  : 120505010 
Training Duration  : 21 st  January 2008 to 29 th  March 2008 
Company Name  : AYM BISTARI 
Address  : 17A Medan Istana 6 
Bandar Ipoh Raya 
30000 Ipoh 
Perak Darul Ridzuan 

Overall training evaluation.  Please circle the appropriate range* (1 to 5) 
*Range: 5 – Excellent, 4 – Good, 3 – Satisfactory, 2 – Below Average, 1 – Weak 

(i) Attendance  :  1  2  3  4  5 

(ii) Co­operation  :  1  2  3  4  5 

(iii) Communication Ability  :  1  2  3  4  5 

(iv) Association  :  1  2  3  4  5 

(v) Adaptation  :  1  2  3  4  5 

(vi) Knowledge  :  1  2  3  4  5 

(vii) Originality  :  1  2  3  4  5 

(viii) Design  :  1  2  3  4  5 

(ix) Industrial Skills  :  1  2  3  4  5 

(x) Quality of Work  :  1  2  3  4  5 

TOTAL (I + ii + …………+ viii)  :  ……… /50 

Comments or suggestions  : 

…………………………………………………………………………………………………… 

…………………………………………………………………………………………………… 

…………………………………………………………………………………………………… 

supervisor’s signature   : 

Date   :

21