SlideShare a Scribd company logo
1 of 17
1
PENGAYAAN DIRI : PEMBANGUNAN BLOG DAN LAMAN WEB
(MTS 3042)
TAJUK : PERBANDINGAN BLOG DAN LAMAN WEB
AHLI KUMPULAN :
BIL NAMA NO MATRIK
1. SITI NUR ASYIQIN BINTI ROSLI D20131064365
2. NORRAHEZA BINTI JA’AFAR D20131064367
3. LATIFAH NUR HANIZAH BINTI MOHAMMAD ANUAR D20131064360
4. MOHAMAD IZHAM BIN AHMAD NORBI D20131064377
KUMPULAN : C
SEMESTER/SESI : SEMESTER 2 (2013/2014)
NAMA PENSYARAH : PUAN SAIRA BANU BINTI OMAR KHAN
2
Pengenalan
Pembangunan blog dan website merupakan kursus yang ditawarkan oleh pihak universiti
dibawah sub-kursus penggayaan diri. Tugasan yang diberikan secara berkumpulan dan tajuk
yang diberikan ialah membandingkan serta menilai kriteria laman web attau blog yang
berkualiti.Tugasan ini memerlukan setiap pelajar mencari laman web atau blog yang
mempunyai perbezaan ketara dari segi kriteria yang telah ditetapkan. Pelajar juga digalakan
mengambil 2 jenis blog atau web yang berbeza bagi memudakan segala penilaian dapat
dilakukan dengan jelas dan tepat.
Kami memilih untuk menilai website berbanding blog disebabkan kandungan website
lebih banyak dan mudah dinilai berbanding blog. Web yang menjadi dipilih bagi memenuhi
tugasan ini ialah laman portal rasmi Majlis Perbandaran Shah Alam dan Majlis Perbandaran
Kuantan.
3
1.0 Mengoptimumkan pengalaman pengguna
Masa yang diperuntukkan untuk melayari laman web (http://www.mbsa.gov.my/)
adalah lebih pantas berbanding laman web ( http://www.mpk.gov.my/ ). Hal demikian
berlaku mungkin disebabkan oleh gambar yang terlalu banyak dalam laman web tersebut.
Selain itu, reka bentuk bagi laman web ( http://www.mbsa.gov.my/ ) juga adalah lebih
mudah untuk dilayari dan mudah bagi pengguna untuk mencari maklumat. Hal demikian
adalah disebabkan oleh penyusunan kotak menu yang terdapat dalam laman web tersebut.
Rajah 1 : Laman Portal Rasmi Majlis Perbandaran Kuantan
Rajah 2: Perkhidmatan atau pautan yang disediakan di laman web rasmi Majlis
Perbandaran Kuantan.
4
Rajah 3: Kategori yang diletakkan di laman utama portal rasmi
Rajah 4 : Pautan yang disediakan di laman web tersebut
5
2.0 Pautan dan label
Rajah 5: Pautan dan label yang mudah diakses
Pautan dan label yang digunakan dalam Portal Rasmi Majlis Perbandaran Kuantan
adalah lebih jelas dan memudahkan pengguna untuk mencari sesuatu maklumat. Dalam
laman Portal Rasmi Majlis Perbandaran Kuantan ini, pautan dan label digunakan dalam
bentuk teks seperti Laman Utama, Info MPK, Info Kuantan, Perkhidmatan, Berita &
Peristiwa serta Sumber. Pelanggan yang mahu menggunakan laman portal ini hanya perlu ke
label yang disediakan bagi mencari sesuatu maklumat. Berbeza pula dengan laman web rasmi
Majlis Bandaraya Shah Alam.
6
Rajah 6 : Laman Web Rasmi Majlis Perbandaran Shah Alam
Laman web rasmi Majlis Bandaraya Shah Alam turut menggunakan teks dalam
pautan dan label namun berbeza daripada pautan pada laman portal Majlis Bandaraya
Kuantan. Pautan yang digunakan dalam laman web Majlis Bandaraya Shah Alam adalah
secara umum dan ini agak menyukarkan pengguna untuk mencari sesuatu maklumat. Pautan
yang digunakan adalah MBSA, Komuniti, Shah Alam dan Warga MBSA.
7
3.0 Page layout
Laman portal Majlis Bandaraya Shah Alam meletakkan item-item penting secara
konsisten yang mana keseluruhan item diletakkan di dalam kotak yang mana di atasnya
mempunyai maklumat utama pencarian. Kotak disusun secara konsisten dan tidak berselerak
pandangan pengunjung laman tersebut.
Rajah 7: Laman Rasmi Majlis Bandaraya Shah Alam
Bagi portal rasmi Majlis Perbandaran Kuantan pula, maklumat pencarian boleh dilihat
agak tidak konsisten, sedikit tidak teratur, yang mana mempunyai maklumat pada bahagian
tengah dan kedua-dua sisi bahagian tepi laman tersebut yang mana padat dan agak
menyerabutkan mata pengunjung yang ingin mencari maklumat di laman portal tersebut.
Rajah 8 : Laman Majlis Perbandaran Kuantan
8
Item-item penting pada laman rasmi portal Majlis Bandaraya Shah Alam diletakkan
dibahagian tengah secara mendatar, yang mana hanya mempunyai 2 barisan maklumat yang
mana memuatkan 6 kotak yang mengisi senarai item-item daripada maklumat utama yang
ingin dicari oleh pengunjung portal tersebut. Penjimatan ruang dapat dilakukan oleh
pengunjung. Pada laman portal rasmi Perbandaran Kuantan, maklumat penting diletakkan
dibahagian tengah laman portal secara menegak dan tidak memfokuskan hanya di bahagian
atas sahaja, malah ada juga pencarian maklumat di letakkan dibahagian bawah halaman
tersebut.
Kedua-dua laman tersebut dilihat menyusun halaman untuk kemudahan
perbandingan, pada laman portal rasmi Majlis Bandaraya Shah Alam dapat dilihat maklumat
utama yang ingin disampaikan seperti pengumuman, berita, perkhidmatan MBSA, tender
sebut harga dan lain-lain diletakkan dibahagian atas dan dihighlightkan. Item yang berkaitan
dengan maklumat utama tersebut diletakkan di dalam kotak. Imej-imej pautan juga diletakkan
di dalam kotak mengikut ketegori masing-masing. Ini dapat memudahkan pengunjung portal
tersebut membuat perbandingan tentang maklumat mana yang mereka ingin dan tidak ingin
dicari. Bagi portal rasmi Majlis Perbandaran Kuantan, perbandingan juga boleh dibuat tetapi
penyusunan item tersebut agak berterabur. Ada maklumat yang diletakkan di dalam kotak
dan ada yang tidak dan tidak tersusun secara konsisten.
Portal rasmi Majlis Bandaraya Shah Alam menyusun maklumat secara mendatar dan
menegak. Tapi dapat dilihat lebih banyak penggunaan secara mendatar oleh laman tersebut.
: Mendatar, Menegak
Rajah 9: Laman Majlis Bandaraya Shah Alam
9
Bagi portal rasmi Majlis Perbandaran Kuantan, hampir keseluruhan item dapat dilihat
disusun secara menegak, yang mana pengunjung perlu scroll down untuk mencari maklumat
yang berada di bahagian bawah laman tersebut, disebabkan oleh faktor tersebut penggunaan
scroll down bagi laman ini juga lebih banyak berbanding laman Majlis Bandaraya Shah Alam
yang mana laman tersebut menghadkan penggunaan laman tersebut dengan menyusun
maklumat secara mendatar. Kedua-dua laman ini tidak mempunyai scrolling secara
horizontal.
Rajah 10: Laman Majlis Perbandaran Kuantan
10
4.0 Teks, Grafik, Imej, Multimedia
Rajah 11 : Secala keseluruhan laman wab rasmi Majlis Perbandaran Shah Alam
Laman Web Rasmi Majlis Bandarya Shah Alam meletakan latar bekang berwarna
biru dan tulisan teks berwarna hitam menjadikan portal tersebut jelas kerana warna teks dan
latarbelakang berlainan warna dan sesuai dipaparkan manakala logo yang dipamerkan jelas
dapat dilihat kerana latarbelakang yang cerah menonjolkan lagi logo yang terdapat disitu.
Seterusnya, imej yang digunakan portal ini terlalu ringkas dan sukar difahami kerana
tidak berkaitan dengan apa yang ingin disampaikan kepada umum dan label yang perlu diklik
untuk ke halaman lain begitu menarik kerana terdapat gambar untuk di klik apabila ingin ke
halaman seterusnya.
Selain itu, visual yang digunakan konsisten kerana maklumat yang ingin disampaikan
berkaitan dengan visual yang dipaparkan memudahkan umum memahami perkara yang
disampaikan dan Majlis Pembandaran Shah Alam tidak memgunakan sebarang video
,animasi atau audio, portal ini hanya menggunakan imej sebenar sebagai iklan.
Logo bagi Majlis Pembandaran Shah Alam di paparkan di setiap iklan tetapi tidak
konsisten kerana berana di kedudukan yang berlainan disetiap iklan yang dipamerkan dan
saiz banner yang digunakan amat bersesuaian dengan maklumat yang ingin disampaikan dan
menarik untuk dibaca oleh setiap lapisan.
11
Rajah 12 : Laman Web Rasmi Majlis Perbandaran Kuantan
Portal Rasmi Majlis Perbandaran Kuantan menggunakan latarbelakang yang agak
menarik apabila meletakan warna cerah iaitu biru cerah tetapi tulisan pada latarbelakang
tersebut agak tergangu kerana warna biru pada teks tersebut hampir sama dengan warna
latarbelakng. Seterusnya logo yang terdapat di situ juga tidak jelas disebabkan penggunaan
warna yang tidak sesuai kerana latarbelakang dan logo keduanya adalah warna cerah.
Seterusnya, Imej yang digunakan ringkas dan jelas manakalah tulisan terdapat pada
portal tersebut mudah difahami dan label untuk diklik hanya terdapat pada nombor untuk ke
satu halaman yang lain serta imej yang dipaparkan begitu menarik dan cepat serta mudah
untuk difahami.
Selain itu, visual yang digunakan konsisten kerana segala pemberitahuan mempunyai
kaitan dengan visual dan Majlis Pembandaran Kuantan tidak memgunakan sebarang video
,animasi atau audio, portal ini hanya menggunakan imej sebenar sebagai iklan.
Logo hanya di paparkan pada permulaan portal dan saiz banner yang digunakan
berpatuan dengan segala maklumat yang ingin disampaikan menjadikan portal ini mudah
untuk difahami.
12
5.0 Senarai / List
Dalam penyusunan elemen untuk mengoptimumkan tahap pencapaian pengguna,
laman Majlis Bandaraya Shah Alam mengoptimumkan pencapaian dengan menyusun item-
item secara tersusun di bawah maklumat utama yang dihighlightkan. Pengguna boleh pergi
ke capaian yang mereka inginkan dengan cepat, dengan penyusunan item yang teratur. Bagi
laman rasmi portal Majlis Perbandaran Kuantan pula kelihatan elemen yang disusun sedikit
tidak mengoptimumkan pencapaian pengguna. Penyusunan tidak disusun secara teratur.
Maklumat berada di bahagian tengah juga di kedua-dua bahagian sisi laman tersebut.
Maklumat penting diletakkan dibahagian atas tengah halaman pada portal rasmi
Majlis Bandaran Shah Alam, item-item diletakkan di dalam kotak beserta maklumat utama
sebagai panduan untuk ke capaian seterusnya. Bagi laman rasmi portal Majlis Perbandaran
Kuantan pula, maklumat diletakkan di serata halaman tersebut, maklumat utama bukan sahaja
boleh diperolehi di bahagian atas tengah halaman malah juga boleh diperolehi di bahagian
sisi serta di bahagian bawah halaman tersebut. maklumat disusun secara menegak yang mana
memerlukan scroll down yang banyak untuk melihat maklumat yang berada di bawah.
Penjimatan ruang tidak dilakukan dengan spesifik dan agak berterabur.
Kedua-dua halaman portal ini menggunakan format yang bersesuaian, menggunakan
tulisan tidak terlalu besar dan kecil, menggunakan bold pada maklumat penting dan
menggunakan tulisan yang boleh dibaca oleh pengguna dengan jelas. Kedu-duanya juga
mempunyai perkaita dalam satu senarai, kebiasaannya maklumat utama diletakkan diahagian
atas, dan item-item selanjutnya yang berkaitan dengan maklumat tersebut diletakkan
dibahagian bawahnya.
13
6.0 Kandungan
Laman Portal Majlis Perbandaran Shah Alam ( MBSA) menggunakan tajuk yang jelas
serta mudah dilihat namun terpaksa “click” di tajuk berkenaan bagi mendapatkan pautan.
Namun, berbeza bagi portal rasmi Majlis Perbandaran Kuantan yang menggunakan warna
yang terang memudahkan tulisan tajuk dapat dilihat disamping jelas.Tajuk ini juga tidak
perlu “click” dan hanya perlu membawa cursor dibahagian tajuk dan senarai pautan dapat
dilihat.
Rajah 13 : Tajuk utama yang mudah dilihat
Rajah 14 : Tajuk yang mudah dilihat apabila laman web ini diakses
14
Rajah 15 : Pautan yang mudah diakses apabila cursor diletakkan dibahagian
kategori atau tajuk
Penggunaan langkah jujukan pelaksanaan dapat dilihat apabila portal rasmi Majlis
Perbandaran Shah Alam tidak tersusun disebabkan tidak menggunakan susunan huruf dan
abjad ABC yang betul berbanding portal laman rasmi Majlis Perbandaran Kuantan. Selain
itu, kedua-dua website dan laman rasmi majlis perbandaraan ini tidak menggunakan istilah
pelik atau jargon yang menyukarkan pengguna memahami setiap maksud yang dimaksudkan
di laman berkenaan.
Rajah 16 : Penggunaan gabungan huruf kecil dan besar
15
Rajah 17 : Penggunaan huruf besar sahaja.
Laman portal rasmi Majlis Perbandaran Shah Alam mengabungkan penggunaan huruf
kecil dan besar manakala portal Majlis Perbandaran Kuantan menggunakan huruf besar bagi
setiap tajuk utama di laman berkenaan. Kedua-dua laman portal rasmi ini menggunakan
perkataan dan bilangan ayat yang minimum bagi memudakan pengguna selesa dan tidak
berasa pening untuk melayari website berkenaan.
Susunan maklumat yang yang jelas dan logik dipaparkan kepada pengguna bagi
kedua-dua laman portal rasmi. Bagi isi kadungan pula dapat dilihat,laman portal rasmi Majlis
Perbandaran Kuantan memaparkan segala pengumunan terus ke dalam laman utama. Namun
bagi laman portal rasmi Majlis Perbandara Shah Alam meletakkan segala maklumat
mengikut kategori bagi memudahkan pengguna mencari maklumat berdasarkan kategori yang
ditetapkan. Dari segi pencarian maklumat, portal rasmi Majlis Perbandaran Shah Alam lebih
cepat dan menjimatkan masa apabila telah diletakkan dalam kategori khas manakal laman
portal rasmi Majlis Perbandaran Kuantan pula hanya meletakkan isu-isu semasa atau
pengumuman penting dalam laman rasmi. Hal ini menyebabkan, kesukaran pengguna
melaksanakan pencarian maklumat dengan pantas serta mengambil masa yang lama.
16
Rajah 18 : Penggunaan kategori yang tersusun dan isi kandungan yang mudah dibaca
Rajah 19 : Isu-isu semasa yang mudah dibaca dengan pemaparan tajuk dan ayat
permulaan perenggan namun susuan tidak berstrukutur dan sesuai.
17
PENUTUP
Kesimpulannya, kedua-dua laman web ini mempunyai kelebihan dan kekurangan bagi
setiap kriteria, Namun, setiap kategori mahupun kriteria yang telah dinilai boleh diperbaiki
dan dibaikpulih bagi melancarkan penggunaan laman web tersebut serta tersusun. Setiap
laman web yang tersusun menarik minat pengguna untuk kerap menggunakan laman website
berkenaan berbanding laman web yang sukar serta lambat.
RUJUKAN
Laman Portal Rasmi Majlis Perbandaran Shah Alam.
Diperoleh daripada laman web : http://www.mbsa.gov.my/
Laman Web Rasmi Majlis Perbandaran Kuantan
Diperoleh daripada laman web : http://www.mpk.gov.my/

More Related Content

Recently uploaded (7)

Bab 2 Sebatian Karbon new copy kimi.pptx
Bab 2 Sebatian Karbon new copy kimi.pptxBab 2 Sebatian Karbon new copy kimi.pptx
Bab 2 Sebatian Karbon new copy kimi.pptx
 
NOTA ULANGKAJI KEJURUTERAAN AWAM TINGKATAN 4
NOTA ULANGKAJI KEJURUTERAAN AWAM TINGKATAN 4NOTA ULANGKAJI KEJURUTERAAN AWAM TINGKATAN 4
NOTA ULANGKAJI KEJURUTERAAN AWAM TINGKATAN 4
 
Bahaya vape dan rokok (Seminar Remaja Kebangsaan)-1.pptx
Bahaya vape dan rokok (Seminar Remaja Kebangsaan)-1.pptxBahaya vape dan rokok (Seminar Remaja Kebangsaan)-1.pptx
Bahaya vape dan rokok (Seminar Remaja Kebangsaan)-1.pptx
 
SEJARAH TINGKATAN 4 BAB 1.3
SEJARAH TINGKATAN 4 BAB 1.3SEJARAH TINGKATAN 4 BAB 1.3
SEJARAH TINGKATAN 4 BAB 1.3
 
PELAN TAKTIKAL DAN OPERASI PSV 2021.pptx
PELAN TAKTIKAL DAN OPERASI PSV 2021.pptxPELAN TAKTIKAL DAN OPERASI PSV 2021.pptx
PELAN TAKTIKAL DAN OPERASI PSV 2021.pptx
 
RANCNCANGAN PEMAJUAN SEKOLAH HAL EHWAL MURID
RANCNCANGAN PEMAJUAN SEKOLAH HAL EHWAL MURIDRANCNCANGAN PEMAJUAN SEKOLAH HAL EHWAL MURID
RANCNCANGAN PEMAJUAN SEKOLAH HAL EHWAL MURID
 
Kisah Nabi Sulaiman dengan Pasukan Semut
Kisah Nabi Sulaiman dengan Pasukan SemutKisah Nabi Sulaiman dengan Pasukan Semut
Kisah Nabi Sulaiman dengan Pasukan Semut
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Tugasan Kumpulan Pengayaan diri blog

  • 1. 1 PENGAYAAN DIRI : PEMBANGUNAN BLOG DAN LAMAN WEB (MTS 3042) TAJUK : PERBANDINGAN BLOG DAN LAMAN WEB AHLI KUMPULAN : BIL NAMA NO MATRIK 1. SITI NUR ASYIQIN BINTI ROSLI D20131064365 2. NORRAHEZA BINTI JA’AFAR D20131064367 3. LATIFAH NUR HANIZAH BINTI MOHAMMAD ANUAR D20131064360 4. MOHAMAD IZHAM BIN AHMAD NORBI D20131064377 KUMPULAN : C SEMESTER/SESI : SEMESTER 2 (2013/2014) NAMA PENSYARAH : PUAN SAIRA BANU BINTI OMAR KHAN
  • 2. 2 Pengenalan Pembangunan blog dan website merupakan kursus yang ditawarkan oleh pihak universiti dibawah sub-kursus penggayaan diri. Tugasan yang diberikan secara berkumpulan dan tajuk yang diberikan ialah membandingkan serta menilai kriteria laman web attau blog yang berkualiti.Tugasan ini memerlukan setiap pelajar mencari laman web atau blog yang mempunyai perbezaan ketara dari segi kriteria yang telah ditetapkan. Pelajar juga digalakan mengambil 2 jenis blog atau web yang berbeza bagi memudakan segala penilaian dapat dilakukan dengan jelas dan tepat. Kami memilih untuk menilai website berbanding blog disebabkan kandungan website lebih banyak dan mudah dinilai berbanding blog. Web yang menjadi dipilih bagi memenuhi tugasan ini ialah laman portal rasmi Majlis Perbandaran Shah Alam dan Majlis Perbandaran Kuantan.
  • 3. 3 1.0 Mengoptimumkan pengalaman pengguna Masa yang diperuntukkan untuk melayari laman web (http://www.mbsa.gov.my/) adalah lebih pantas berbanding laman web ( http://www.mpk.gov.my/ ). Hal demikian berlaku mungkin disebabkan oleh gambar yang terlalu banyak dalam laman web tersebut. Selain itu, reka bentuk bagi laman web ( http://www.mbsa.gov.my/ ) juga adalah lebih mudah untuk dilayari dan mudah bagi pengguna untuk mencari maklumat. Hal demikian adalah disebabkan oleh penyusunan kotak menu yang terdapat dalam laman web tersebut. Rajah 1 : Laman Portal Rasmi Majlis Perbandaran Kuantan Rajah 2: Perkhidmatan atau pautan yang disediakan di laman web rasmi Majlis Perbandaran Kuantan.
  • 4. 4 Rajah 3: Kategori yang diletakkan di laman utama portal rasmi Rajah 4 : Pautan yang disediakan di laman web tersebut
  • 5. 5 2.0 Pautan dan label Rajah 5: Pautan dan label yang mudah diakses Pautan dan label yang digunakan dalam Portal Rasmi Majlis Perbandaran Kuantan adalah lebih jelas dan memudahkan pengguna untuk mencari sesuatu maklumat. Dalam laman Portal Rasmi Majlis Perbandaran Kuantan ini, pautan dan label digunakan dalam bentuk teks seperti Laman Utama, Info MPK, Info Kuantan, Perkhidmatan, Berita & Peristiwa serta Sumber. Pelanggan yang mahu menggunakan laman portal ini hanya perlu ke label yang disediakan bagi mencari sesuatu maklumat. Berbeza pula dengan laman web rasmi Majlis Bandaraya Shah Alam.
  • 6. 6 Rajah 6 : Laman Web Rasmi Majlis Perbandaran Shah Alam Laman web rasmi Majlis Bandaraya Shah Alam turut menggunakan teks dalam pautan dan label namun berbeza daripada pautan pada laman portal Majlis Bandaraya Kuantan. Pautan yang digunakan dalam laman web Majlis Bandaraya Shah Alam adalah secara umum dan ini agak menyukarkan pengguna untuk mencari sesuatu maklumat. Pautan yang digunakan adalah MBSA, Komuniti, Shah Alam dan Warga MBSA.
  • 7. 7 3.0 Page layout Laman portal Majlis Bandaraya Shah Alam meletakkan item-item penting secara konsisten yang mana keseluruhan item diletakkan di dalam kotak yang mana di atasnya mempunyai maklumat utama pencarian. Kotak disusun secara konsisten dan tidak berselerak pandangan pengunjung laman tersebut. Rajah 7: Laman Rasmi Majlis Bandaraya Shah Alam Bagi portal rasmi Majlis Perbandaran Kuantan pula, maklumat pencarian boleh dilihat agak tidak konsisten, sedikit tidak teratur, yang mana mempunyai maklumat pada bahagian tengah dan kedua-dua sisi bahagian tepi laman tersebut yang mana padat dan agak menyerabutkan mata pengunjung yang ingin mencari maklumat di laman portal tersebut. Rajah 8 : Laman Majlis Perbandaran Kuantan
  • 8. 8 Item-item penting pada laman rasmi portal Majlis Bandaraya Shah Alam diletakkan dibahagian tengah secara mendatar, yang mana hanya mempunyai 2 barisan maklumat yang mana memuatkan 6 kotak yang mengisi senarai item-item daripada maklumat utama yang ingin dicari oleh pengunjung portal tersebut. Penjimatan ruang dapat dilakukan oleh pengunjung. Pada laman portal rasmi Perbandaran Kuantan, maklumat penting diletakkan dibahagian tengah laman portal secara menegak dan tidak memfokuskan hanya di bahagian atas sahaja, malah ada juga pencarian maklumat di letakkan dibahagian bawah halaman tersebut. Kedua-dua laman tersebut dilihat menyusun halaman untuk kemudahan perbandingan, pada laman portal rasmi Majlis Bandaraya Shah Alam dapat dilihat maklumat utama yang ingin disampaikan seperti pengumuman, berita, perkhidmatan MBSA, tender sebut harga dan lain-lain diletakkan dibahagian atas dan dihighlightkan. Item yang berkaitan dengan maklumat utama tersebut diletakkan di dalam kotak. Imej-imej pautan juga diletakkan di dalam kotak mengikut ketegori masing-masing. Ini dapat memudahkan pengunjung portal tersebut membuat perbandingan tentang maklumat mana yang mereka ingin dan tidak ingin dicari. Bagi portal rasmi Majlis Perbandaran Kuantan, perbandingan juga boleh dibuat tetapi penyusunan item tersebut agak berterabur. Ada maklumat yang diletakkan di dalam kotak dan ada yang tidak dan tidak tersusun secara konsisten. Portal rasmi Majlis Bandaraya Shah Alam menyusun maklumat secara mendatar dan menegak. Tapi dapat dilihat lebih banyak penggunaan secara mendatar oleh laman tersebut. : Mendatar, Menegak Rajah 9: Laman Majlis Bandaraya Shah Alam
  • 9. 9 Bagi portal rasmi Majlis Perbandaran Kuantan, hampir keseluruhan item dapat dilihat disusun secara menegak, yang mana pengunjung perlu scroll down untuk mencari maklumat yang berada di bahagian bawah laman tersebut, disebabkan oleh faktor tersebut penggunaan scroll down bagi laman ini juga lebih banyak berbanding laman Majlis Bandaraya Shah Alam yang mana laman tersebut menghadkan penggunaan laman tersebut dengan menyusun maklumat secara mendatar. Kedua-dua laman ini tidak mempunyai scrolling secara horizontal. Rajah 10: Laman Majlis Perbandaran Kuantan
  • 10. 10 4.0 Teks, Grafik, Imej, Multimedia Rajah 11 : Secala keseluruhan laman wab rasmi Majlis Perbandaran Shah Alam Laman Web Rasmi Majlis Bandarya Shah Alam meletakan latar bekang berwarna biru dan tulisan teks berwarna hitam menjadikan portal tersebut jelas kerana warna teks dan latarbelakang berlainan warna dan sesuai dipaparkan manakala logo yang dipamerkan jelas dapat dilihat kerana latarbelakang yang cerah menonjolkan lagi logo yang terdapat disitu. Seterusnya, imej yang digunakan portal ini terlalu ringkas dan sukar difahami kerana tidak berkaitan dengan apa yang ingin disampaikan kepada umum dan label yang perlu diklik untuk ke halaman lain begitu menarik kerana terdapat gambar untuk di klik apabila ingin ke halaman seterusnya. Selain itu, visual yang digunakan konsisten kerana maklumat yang ingin disampaikan berkaitan dengan visual yang dipaparkan memudahkan umum memahami perkara yang disampaikan dan Majlis Pembandaran Shah Alam tidak memgunakan sebarang video ,animasi atau audio, portal ini hanya menggunakan imej sebenar sebagai iklan. Logo bagi Majlis Pembandaran Shah Alam di paparkan di setiap iklan tetapi tidak konsisten kerana berana di kedudukan yang berlainan disetiap iklan yang dipamerkan dan saiz banner yang digunakan amat bersesuaian dengan maklumat yang ingin disampaikan dan menarik untuk dibaca oleh setiap lapisan.
  • 11. 11 Rajah 12 : Laman Web Rasmi Majlis Perbandaran Kuantan Portal Rasmi Majlis Perbandaran Kuantan menggunakan latarbelakang yang agak menarik apabila meletakan warna cerah iaitu biru cerah tetapi tulisan pada latarbelakang tersebut agak tergangu kerana warna biru pada teks tersebut hampir sama dengan warna latarbelakng. Seterusnya logo yang terdapat di situ juga tidak jelas disebabkan penggunaan warna yang tidak sesuai kerana latarbelakang dan logo keduanya adalah warna cerah. Seterusnya, Imej yang digunakan ringkas dan jelas manakalah tulisan terdapat pada portal tersebut mudah difahami dan label untuk diklik hanya terdapat pada nombor untuk ke satu halaman yang lain serta imej yang dipaparkan begitu menarik dan cepat serta mudah untuk difahami. Selain itu, visual yang digunakan konsisten kerana segala pemberitahuan mempunyai kaitan dengan visual dan Majlis Pembandaran Kuantan tidak memgunakan sebarang video ,animasi atau audio, portal ini hanya menggunakan imej sebenar sebagai iklan. Logo hanya di paparkan pada permulaan portal dan saiz banner yang digunakan berpatuan dengan segala maklumat yang ingin disampaikan menjadikan portal ini mudah untuk difahami.
  • 12. 12 5.0 Senarai / List Dalam penyusunan elemen untuk mengoptimumkan tahap pencapaian pengguna, laman Majlis Bandaraya Shah Alam mengoptimumkan pencapaian dengan menyusun item- item secara tersusun di bawah maklumat utama yang dihighlightkan. Pengguna boleh pergi ke capaian yang mereka inginkan dengan cepat, dengan penyusunan item yang teratur. Bagi laman rasmi portal Majlis Perbandaran Kuantan pula kelihatan elemen yang disusun sedikit tidak mengoptimumkan pencapaian pengguna. Penyusunan tidak disusun secara teratur. Maklumat berada di bahagian tengah juga di kedua-dua bahagian sisi laman tersebut. Maklumat penting diletakkan dibahagian atas tengah halaman pada portal rasmi Majlis Bandaran Shah Alam, item-item diletakkan di dalam kotak beserta maklumat utama sebagai panduan untuk ke capaian seterusnya. Bagi laman rasmi portal Majlis Perbandaran Kuantan pula, maklumat diletakkan di serata halaman tersebut, maklumat utama bukan sahaja boleh diperolehi di bahagian atas tengah halaman malah juga boleh diperolehi di bahagian sisi serta di bahagian bawah halaman tersebut. maklumat disusun secara menegak yang mana memerlukan scroll down yang banyak untuk melihat maklumat yang berada di bawah. Penjimatan ruang tidak dilakukan dengan spesifik dan agak berterabur. Kedua-dua halaman portal ini menggunakan format yang bersesuaian, menggunakan tulisan tidak terlalu besar dan kecil, menggunakan bold pada maklumat penting dan menggunakan tulisan yang boleh dibaca oleh pengguna dengan jelas. Kedu-duanya juga mempunyai perkaita dalam satu senarai, kebiasaannya maklumat utama diletakkan diahagian atas, dan item-item selanjutnya yang berkaitan dengan maklumat tersebut diletakkan dibahagian bawahnya.
  • 13. 13 6.0 Kandungan Laman Portal Majlis Perbandaran Shah Alam ( MBSA) menggunakan tajuk yang jelas serta mudah dilihat namun terpaksa “click” di tajuk berkenaan bagi mendapatkan pautan. Namun, berbeza bagi portal rasmi Majlis Perbandaran Kuantan yang menggunakan warna yang terang memudahkan tulisan tajuk dapat dilihat disamping jelas.Tajuk ini juga tidak perlu “click” dan hanya perlu membawa cursor dibahagian tajuk dan senarai pautan dapat dilihat. Rajah 13 : Tajuk utama yang mudah dilihat Rajah 14 : Tajuk yang mudah dilihat apabila laman web ini diakses
  • 14. 14 Rajah 15 : Pautan yang mudah diakses apabila cursor diletakkan dibahagian kategori atau tajuk Penggunaan langkah jujukan pelaksanaan dapat dilihat apabila portal rasmi Majlis Perbandaran Shah Alam tidak tersusun disebabkan tidak menggunakan susunan huruf dan abjad ABC yang betul berbanding portal laman rasmi Majlis Perbandaran Kuantan. Selain itu, kedua-dua website dan laman rasmi majlis perbandaraan ini tidak menggunakan istilah pelik atau jargon yang menyukarkan pengguna memahami setiap maksud yang dimaksudkan di laman berkenaan. Rajah 16 : Penggunaan gabungan huruf kecil dan besar
  • 15. 15 Rajah 17 : Penggunaan huruf besar sahaja. Laman portal rasmi Majlis Perbandaran Shah Alam mengabungkan penggunaan huruf kecil dan besar manakala portal Majlis Perbandaran Kuantan menggunakan huruf besar bagi setiap tajuk utama di laman berkenaan. Kedua-dua laman portal rasmi ini menggunakan perkataan dan bilangan ayat yang minimum bagi memudakan pengguna selesa dan tidak berasa pening untuk melayari website berkenaan. Susunan maklumat yang yang jelas dan logik dipaparkan kepada pengguna bagi kedua-dua laman portal rasmi. Bagi isi kadungan pula dapat dilihat,laman portal rasmi Majlis Perbandaran Kuantan memaparkan segala pengumunan terus ke dalam laman utama. Namun bagi laman portal rasmi Majlis Perbandara Shah Alam meletakkan segala maklumat mengikut kategori bagi memudahkan pengguna mencari maklumat berdasarkan kategori yang ditetapkan. Dari segi pencarian maklumat, portal rasmi Majlis Perbandaran Shah Alam lebih cepat dan menjimatkan masa apabila telah diletakkan dalam kategori khas manakal laman portal rasmi Majlis Perbandaran Kuantan pula hanya meletakkan isu-isu semasa atau pengumuman penting dalam laman rasmi. Hal ini menyebabkan, kesukaran pengguna melaksanakan pencarian maklumat dengan pantas serta mengambil masa yang lama.
  • 16. 16 Rajah 18 : Penggunaan kategori yang tersusun dan isi kandungan yang mudah dibaca Rajah 19 : Isu-isu semasa yang mudah dibaca dengan pemaparan tajuk dan ayat permulaan perenggan namun susuan tidak berstrukutur dan sesuai.
  • 17. 17 PENUTUP Kesimpulannya, kedua-dua laman web ini mempunyai kelebihan dan kekurangan bagi setiap kriteria, Namun, setiap kategori mahupun kriteria yang telah dinilai boleh diperbaiki dan dibaikpulih bagi melancarkan penggunaan laman web tersebut serta tersusun. Setiap laman web yang tersusun menarik minat pengguna untuk kerap menggunakan laman website berkenaan berbanding laman web yang sukar serta lambat. RUJUKAN Laman Portal Rasmi Majlis Perbandaran Shah Alam. Diperoleh daripada laman web : http://www.mbsa.gov.my/ Laman Web Rasmi Majlis Perbandaran Kuantan Diperoleh daripada laman web : http://www.mpk.gov.my/