# data[].attributes.body
- Magnolia Bakery – Pop-Up Message
> laman web ini mempunyai pop up message digunakan untuk menyampaikan maklumat yang jelas berkaitan dengan gambar yang dipaparkan
- The Cake Shop – Transition pada gambar/video
> transition yang digunakan untuk gambar memberi laman web lebih interaktiv dan menarik perhatian pengguna laman web.
- The Cake Shop- Slider untuk gambar
> penggunaan ini memudahkan pengguna mengawal paparan gambar produk dalam bentuk slideshow dan ia lebih memberi tarikan kepada pengguna laman web.

# data[].attributes.body
1.  Laman web Kolej Polytech Mara

Laman web Kolej Polytech Mara ini merupakan laman web yang teratur dan menggunakan pilihan warna yang lembut menjadikan ianya menarik pengguna untuk melayarinya. Selain itu, pengguna juga dengan mudah dapat mengetahui maklumat-maklumat yang terkini mengenai institusi ini. Pautan-pautan yang disediakan terutamanya bagi pelajar Kolej ini juga tidak diletakkan ditempat yang tersorok dan ianya memudahkan pengaksesan pengguna ke pautan-pautan yang disediakan tersebut.

2. Laman web Kfry

Laman web Kfry memaparkan iklan-iklan mengenai menu mereka dalam bentuk pelbagai elemen multimedia seperti animasi, grafik dan juga teks. Iklan-iklan ini menarik minat pengguna untuk melayari laman web tersebut dengan lebih lama lagi. Pengguna juga mudah untuk memahami isi kandungan laman web ini dengan lebih pantas kerana laman web ini menggunakan prinsip simplicity. Pengguna yang hendak menempah meja juga amat mudah kerana ianya telah disediakan pada laman utama dan pengguna boleh nampak dengan jelas butang tersebut.

3. Laman web Zalora

Laman web ini menggunakan warna-warna lembut bagi memudahkan pembaca untuk melihat ii kandungannya. Segala promosi yang sedang dan akan dijalankan dipaparkan dengan jelas dengan gambar-gambar yang menarik. Gambar-gambar tersebut bergerak daripada satu iklan kepada iklan yang lain. Setiap barang yang dijual juga disertakan gambar dan butiran supaya memudahkan pelanggan untuk membuat pilihan.

# data[].attributes.body
1)      Website UTHM

Website UTHM merupakan satu website yang mempunyai antaramuka yang sangat harmoni dalam penggunaan warna, susunatur subjek penting, dan mempunyai antaramuka yang mesra pengguna selain pengguna mudah untuk menerima maklumat terkini university. Penggunaan animasi pada halaman utama merupakan satu inisiatif baru dan terkini yang dapat menarik minat pengunjung website tersebut. Penggunaan elemen multimedia pada website ini adalah sangat baik dan mampu memaparkan maklumat kepada setiap warga uthm serta mudah untuk difahami. Susunatur butang pada antaramuka adalah pada kedudukan yang mudah untuk dilihat pengunjung. Turut disediakan adalah pauntan kepada aplikasi media sosial yang lain seperti Facebook, page uthm, Google, Instagram, Youtube dan Pinterest.

2)      Shopee

Website Shopee menyediakan butang navigasi buat pengunjung website tersebut yang mudah difahami dan dapat membantu pengguna berinteraksi dengan website tersebut dengan lebih baik dan berkesan. Penggunaan elemen multimedia pada website ini adalah sangat menarik dan mampu menarik perhatian pengunjung. Penggunaan saiz dan warna teks adalah bersesuaian mengikut keperluan website, penggunaan & susunatur grafik adalah sangat teratur dan tidak kelihatan memenuhi ruang halaman website secara maksima, iklan dan produk terkini di animasi kan & bersifat dinamik (bergerak), serta penggunaan video digunakan sebagai iklan dan cara terkini dalam mempromosikan produk. Website ini juga menyediakan manual pengguna dan butang bantuan untuk membantu pengguna dalam menggunakan website tersebut. Pengguna juga boleh mengisi maklumat untuk mendaftar sebagai pengguna baru sebelum memulakan pengaksesan. Terdapat juga pada website iaitu maklumat website yang boleh diakses di platform yang berbeza iaitu Instagram, Facebook dan lain lain)

3)      Farm Fresh To You

Menerusi laman web Farm Fresh To You, laman web ini menggunakan imej yang menarik dan penggunaan font yang bersesuaian dengan konsep website. Selain itu, website ini telah memberikan manual pengguna yang sangat mudah untuk difahami pengunjung yang baru mengakses website tersebut. website ini turut menyediakan beberapa pilihan halaman yang boleh diterokai iaitu halaman resepi, maklumat farm dan blog farm.

# data[].attributes.body
- Berdasarkan laman web yang saya pilih ini, ia mempunyai interaktiviti yang sangat menarik dimana pada permulaan antaramuka, terdapat "pop up message" bagi jualan murah yang ada pada laman web. Jika pelanggan minat, ia terus klik pada mesej tersbebut dan akan membawa ke bahagian jualan murah. Hal ini sekali gus dapat menarik Pelanggan untuk melihat jualan murah dan membelinya.

2) LAMAN WEB MAMEE

- Bagi interaktiviti yang ada pada laman web mamee ini, ia mengandungi pelbagai navigasi yang boleh dipilih oleh pelanggan. Ia akan memudahkan pelanggan untuk memilih perkara yang diperlukan. Pilihan yang disediakan juga sepadan dengan laman web tersebut.

3) LAMAN WEB MUDAH

- Bagi laman web ini pula, interaktivitinya ialah ia mempunyai data mengenai sesuatu barang dan ia sediakan sekali no telefon jika terdapat sebarang pertanyaan mengenai barang yang dijual. Hal ini dapat memudahkan pelanggan untuk mengetahui dengan lebih lanjut mengenai barang yang hendak dibeli.

# data[].attributes.body
1) LAMAN WEB FARM FRESH TO YOU
Perkara interaktif yang dapat saya kenalpasti menerusi laman web Farm Fresh To You ini ialah laman web ini menggunakan imej yang menarik dan penggunaan font yang sesuai. Selain itu, laman web ini telah memberikan manual pengguna yang sangat mudah untuk difahami. Laman web ini menyediakan halaman resepi, maklumat farm dan blog farm.

2) LAMAN WEB SHOPEE
Perkara interaktif yang dapat saya kenalpasti menerusi laman web Shopee adalah laman web ini sangat menarik dan mempunyai banyak capaian butang yang pelanggan boleh dapat. Selain itu, laman web ini mempunyai imej yang dinamik dan penggunaan warna yang menarik.

3) LAMAN WEB UTHM
Perkara interaktif yang dapat saya kenalpasti menerusi laman web UTHM ini adalah satu laman web yang paparan mesra pengguna dan mudah untuk mendapat maklumat yang terkini kerana ada imej yang dinamik yang telah membuatkan laman web ini menarik. Pengisian laman web ini juga menyampaikan maklumat yang ringkas dan mudah untuk pengguna faham.

# data[].attributes.headline
Contoh Interaktif yang diambil daripada beberapa laman web 

# data[].attributes.subject
Contoh Interaktif yang diambil daripada beberapa laman web 

# data[].attributes.body
https://www.magnoliabakery.com

Pop-Up Message

Mengikut contoh yang telah dipilih, kumpulan saya telah memilih laman web Mongolia Bakery bagi interaktif jenis Pop-Up Message. Laman web yang menarik mampu menarik minat pengguna untuk menggunakan setiap kemudahan yang disediakan Pop-Up Message merupakan paparan yang akan memaparkan mesej secara automatik sekiranya pengguna klik kepada gambar atau butang yang tertentu, interaktif ini telah diambil oleh untuk digunakan di dalam projek yang akan dihasilkan.

https://www.thecakeshop.com.sg

Slider gambar

Setiap laman sesawang perlu menggunakan gambar-gambar produk mereka untuk menarik pembelian produk daripada pengguna. Kaedah-kaedah yang berbeza digunakan mengikut kreativiti pembangun projek. Oleh itu interaktif yang di ambil untuk dimasukkan kedalam projek kami ialah interaktif jenis slaid gambar. Kami mengambil contoh daripada laman web The Cake Shop kerana interaktif yang digunakan bersesuaian dengan projek yang kami hasilkan.

https://www.thecakeshop.com.sg

Transition gambar/video

Tambahan pula, daripada laman web yang sama iaitu The Cake Shop interaktif lain yang kami ambil adalah transition diantara gambar dan video, interaktif ini dapat memberikan paparan yang berbeza-beza kepada laman web tersebuit, kaedah ini mampu untuk membuatkan pengguna tidak merasa bosan sekiranya mereka mengunakan laman web tersebut untuk membuat tempahan.

# data[].attributes.body
1) Laman web Kolej Polytech Mara
Laman web ini mempunyai rekabentuk antaramuka yang profesional dan susunan setiap maklumat yang teratur. Selain itu juga, gambar-gambar di halaman utama sentiasa bertukar-tukar yang memaparkan maklumat terkini dan memudahkan pengguna untuk melihat.

2) Laman web K Fry
Laman web ini buton 'Book a table' yang memudahkan pengguna untuk membuat tempahan secara online.

3) Laman web Zalora
Laman web ini adalah salah satu laman web yang menjual produk. laman web ini telah menggunakan slider gambar yang memudahkan pelanggan mengetahui potongan harga serta produk yang dijual

# data[].attributes.body
1) Laman web Kolej Polytech Mara
Laman web ini adalah laman web yang khas digunakan untuk pelajar dan staf KPTM. Antaramuka laman sesawang ini dilihat sangat profesional dan juga gambar-gambar di dalam laman web sentiasa akan bertukar-tukar untuk memudahkan pengguna mendapatkan maklumat mengenai laman web ini.

2) Laman Web Kfry
Kfry adalah restoran makanan korea yang popular di Malaysia. Bagi laman web Kfry ini, ianya mempunyai interaktiviti dengan pengguna dengan adanya slider gambar. Tujuan slider gambar ini adalah untuk memudahkan pengguna melihat dengan lebih jelas makanan yang popular di restoran tersebut tanpa perlu menekan butang di menu bar.

3) Laman Web Zalora
Laman web Zalora adalah merupakan laman web  untuk lelaki dan wanita juga mempunyai banyak interaktiviti dengan pengguna antaranya juga bagi menu barnya pula, pengguna hanya perlu menggerakkan tetikus sahaja tanpa perlu menekan sebarang butang dan akan terpapar drop down menu bagi menu bar itu.

# data[].attributes.body
1.      Zalora

Laman web ini merupakan salah satu laman web interkatif yang mampu menarik minat pengguna. Selain itu, kombinasi penggunaan warna yang sesuai dan lembut memudahkan pengguna untuk membaca setiap maklumat yang diberikan. Dalam laman web ini turut menggunakan aplikasi slider, setiap maklumat terkini atau promosi terkini akan dipaparkan secara auto.

2.      Kfry

Laman web ini merupakan laman web berkaitan makanan. Laman web ini mampu menarik minat pengguna kerana menggunakan video pada bahagian header. Penggunaan video tersebut merupakan salah satu tarikan utama kepada pengguna.

3.      KPTM

Laman web ini merupakan laman web bertemakan pendidikan. Dalam laman web ini menggandungi pelbagai interaktiviti yang digunakan. Antaranya ialah penggunaan ikon-ikon yang mudah difahami oleh pengguna. Selain itu, laman web ini turut mengandungi slider imej, yang menggerakan imej pada paparan tanpa memerlukan pengguna untuk membuat klik.

# data[].attributes.headline
CONTOH LAMAN WEB UNTUK PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.subject
CONTOH LAMAN WEB UNTUK PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.body
1.       Shopee

Laman web shopee terdapat satu ruangan chat antara pembeli dengan penjual. Selain itu juga, di laman web shopee juga terdapat ruangan carian dimana pembeli boleh mencari semua barang yang dimahukan. Disini terlihat ciri ciri laman web interaktif yang boleh berkomunikasi dengan pengguna.

2.       Mamee

Pada laman web Mamee Monster juga terdapat unsur interaktiviti dimana terdapat slideshow bergambar yang digunakan untuk menarik perhatian pelanggan. Cara penyampaian maklumat didalam laman web ini juga berlainan dengan laman web kormesial yang lain dengan gaya penceritaan komik untuk menyampaikan maklumat kepada pengguna.

3.       Mudah.my

Laman web mudah.my adalah laman web penjualan dan pembelian secara atas talian yang sangat terkenal. Didalam laman web ini juga terdapat unsur interaktif dimana pembeli juga boleh menghantar mesej kepada pemjual. Terdapat juga ruangan chat disediakan.

# data[].attributes.body
3 Interaktiviti yang digunakan dalam laman web
- Pop Up Message (Magnolia Bakery)
Ia membolehkan pengguna untuk melihat maklumat mengenai produk apabila pengguna meletakkan kursor pada gambar produk tersebut.

- Transition pada gambar (The Cake Shop)
Mempaparkan paparan gambar atau video promosi secara transition untuk memberi gambaran kasar mengenai produk yang promosi yang disediakan dalam laman web.

- Slider untuk gambar (The Cake Shop)
Terdapat kawalan slide yang disediakan untuk memudahkan pengguna mengawal paparan gambar produk dalam bentuk slideshow.

# data[].attributes.headline
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK E-SERI MAS

# data[].attributes.subject
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK E-SERI MAS

# data[].attributes.body
| LAMAN WEB MAMEE |
- Laman Web Mamee dipilih kerana laman web ini mempunyai rekabentuk yang menarik, dimana mamee merupakan produk makanan yang telah lama berkembang. Justeru itu, laman web mamee dipilih untuk dijadikan rujukan untuk kumpulan E-Seri Mas membangunkan Projek. Laman web mamee juga mempunyai cara penyampaian maklumat yang menarik dan sesuai dengan tema produk mamee.

| MUDAH.MY |
- mudah.my merupakan laman web yang terkenal dengan laman sesawang penjualan dan pembelian online. Justeru itu, kumpulan E-Seri Mas memilih laman Mudah.my sebagai contoh rujukan untuk pembangunan projek. Di mana, pembangunan projek yang dibangunkan ini akan meibatkan proses pembelian atas talian. Oleh itu, sedikit sebanyak mengenai reka bentuk mudah.my dapat menjadi cetusan idea kumpulan E-Seri Mas membangunkan laman web.

| SHOPEE |
-  Ketiga, iaitu Laman web shopee yang menjadi tarikan pada para pembelian atas talian. Laman web shopee menjadi pilihan kumpulan kerana, terdapat satu "pop-up" yang keluar untuk memberitahu mengenai promosi jualan di dalamnya. Oleh itu, dengan adanya promosi harga pada produk E-Seri Mas ini akan menjadikan sesebuah laman web itu menjadi tarikan kepada pengguna tersebut.

# data[].attributes.body
1. Magnolia Bakery – Pop-Up Message

Interaktiviti yang terdapat dalam laman web Magnolia Bakery adalah ia menyediakan pop-up message mewakili gambar yang dipaparkan. Pop-up message digunakan untuk menyampaikan maklumat yang jelas berkaitan dengan gambar yang dipaparkan. Contohnya, Magnolia Bakery menyediakan pop-up message untuk pengguna laman web mengetahui nama kek cawan yang dipaparkan. Ia akan memudahkan pengguna untuk membuat tempahan kek cawan tersebut.

2. The Cake Shop – Slider gambar

Slider gambar adalah salah satu interaktiviti yang paling mudah untuk menarik perhatian pengguna laman web tersebut. Ia adalah kerana slider gambar memberikan peluang kepada pengguna untuk mengawal aktiviti yang hendak dilaksanakan. Contohnya, slider gambar yang terdapat dalam laman web The Cake Shop adalah slider gambar yang memaparkan beberapa produk baru yang ingin diperkenalkan kepada pengguna laman web tersebut. Secara tidak langsung, pengguna laman web akan mengetahui tentang produk tersebut dan segera membuat tempahan.

3. The Cake Shop – Transition gambar/video

Interaktiviti yang terdapat dalam laman web The Cake Shop yang menjadikan tarikan adalah transition tulisan yang digunakan. Tulisan tersebut bergerak dari arah yang berlainan menarik perhatian pengguna untuk menggunakan laman web ini. Oleh itu, transition menggunakan gambar atau video adalah lebih menarik dengan memaparkan promosi, gambar produk dan sebagainya.

# data[].attributes.headline
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.subject
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.body
1.

# data[].attributes.body
1. Laman web Dominos
- Perkara interaktif yang dapat saya kenalpasti menerusi laman web dominos ini ialah penggunaan ikon pada bahagian menu yang terletak di bahagian atas laman web. Pada saya ianya interaktif kerana kebiasaannya menu hanya menggunakan teks sahaja tetapi dominos membuat keunikan dengan menambah ikon yang mewakili menu-menu yang telah disediakan.

2. Laman web KFC
- Perkara interaktif yang dapat saya kenalpasti menerusi laman web KFC ini ialah apabila pelanggan memilih menu yang dikehendaki, mereka boleh juga memilih jenis ayam yang mereka mahukan. Seperti "original recipe chicken" atau "hot and spicy chicken". Selain itu, mereka juga boleh memilih jenis minuman yang mereka mahukan seperti sama ada pepsi ataupun milo.

3. Laman web Shoppe
- Perkara interaktif yang dapat saya kenalpasti menerusi laman web Shoppe ini ialah penyediaan menu Help. Kebanyakkan pembangun laman web akan menyediakan menu Help ini kerana ianya sebagai sebuah medium pertanyaan atau aduan pengguna terhadap laman web tersebut. Menu Help ini juga merupakan platform komunikasi dua hala antara pembangun laman web dan pengguna laman web.

# data[].attributes.headline
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK E-SERI MAS

# data[].attributes.subject
CONTOH LAMAN WEB INTERAKTIF BAGI PEMBANGUNAN PROJEK E-SERI MAS

# data[].attributes.body
| LAMAN WEB MAMEE |
- Laman Web Mamee dipilih kerana laman web ini mempunyai rekabentuk yang menarik, dimana mamee merupakan produk makanan yang telah lama berkembang. Justeru itu, laman web mamee dipilih untuk dijadikan rujukan untuk kumpulan E-Seri Mas membangunkan Projek. Laman web mamee juga mempunyai cara penyampaian maklumat yang menarik dan sesuai dengan tema produk mamee.

| MUDAH.MY |
- mudah.my merupakan laman web yang terkenal dengan laman sesawang penjualan dan pembelian online. Justeru itu, kumpulan E-Seri Mas memilih laman Mudah.my sebagai contoh rujukan untuk pembangunan projek. Di mana, pembangunan projek yang dibangunkan ini akan meibatkan proses pembelian atas talian. Oleh itu, sedikit sebanyak mengenai reka bentuk mudah.my dapat menjadi cetusan idea kumpulan E-Seri Mas membangunkan laman web.

| SHOPEE |
-  Ketiga, iaitu Laman web shopee yang menjadi tarikan pada para pembelian atas talian. Laman web shopee menjadi pilihan kumpulan kerana, terdapat satu "pop-up" yang keluar untuk memberitahu mengenai promosi jualan di dalamnya. Oleh itu, dengan adanya promosi harga pada produk E-Seri Mas ini akan menjadikan sesebuah laman web itu menjadi tarikan kepada pengguna tersebut.

# data[].attributes.body
1.      Laman web Cake.nis
Laman web ini adalah laman untuk membeli-belah bagi golongan wanita kerana produk yang dijual adalah berkaitan barangan kosmetik dan pakaian wanita. Antaramuka laman sesawang ini sangat menarik sesuai dengan ojektifnya adalah untuk penjualan barang secara atas talian yang mana setiap butang menu mempunyai pop-up yang menarik walaupun hanya mengerakkan mouse sahaja tanpa menekan akan keluar pop-up yang membolehkan pengguna untuk membaca dengan lebih muda. Gambar juga sentiasa bertukar dan ianya sangat menarik. Interaktiviti yang ada sangat menarik dan ianya memerlukan kod aturcara tertentu untuk menghasilkan interaktiviti dalam laman sesawang ini.

2.  Laman web Munchy’s
Laman sesawang ini simple tetapi menarik iaitu berkaitan dengan biskut munchy's. Arahan pertama yang keluar adalah meminta pengguna untuk scroll down bagi mengeluarkan menu dan maklumat lain. Ini sangat menarik kerana arahan yang diberikan dan tindakan oleh pengguna dapat menunjukkan interaksi dan interaktiviti laman sesawang ini sangat baik kerana dapat menarik perhatian pengguna untuk membuat scroll down sebelum melawati dan melihat maklumat berkaitan produk ini. Aturcara yang digunakan dalam laman sesawang ini sangat menarik kerana maklumat tidak akan dapat dilihat sekiranya pengguna tidak membuat arahan yang diberikan iaitu scroll down ke bawah dalam laman ini.

3.  Laman web MacDonald’s
Seperti yang sedia maklum syarikat ini adalah pengeluar makanan yang sangat popular bukan sahaja dalam negara malah di luar negara. Apa yang dapat dilihat dalam intraktiviti laman sesawang ini adalah banyak menu sebagai pilihan untuk pelangan dan ianya akan memaparkan maklumat sebaik sahaja pengguna atau pelangan menekan sesuatu menu tersebut. Aturcara dalam laman sesawang ini memerlukan banyak link ataupun alamat untuk ke laman seterusnya dan memaparkan apa yang dikehendaki oleh pengguna dalam menggunakan laman sesawang ini dan tindakan ataupun respon daripada arahan tersebut dipaparkan dalam laman sesawang dan  menyebabkan wujudnya interaksi antara pengguna dengan laman sesawang ini.

# data[].attributes.headline
CONTOH LAMAN WEB UNTUK DIJADIKAN PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.subject
CONTOH LAMAN WEB UNTUK DIJADIKAN PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.body
1) SHOPEE
Laman web shopee di bahagian halaman utama akan mengeluarkan satu pop-up mengenai "offer" yang akan dijalan kan dalam bulan tersebut. untuk projek kami, kami mencadangkan untuk meletakkan pop-up di halaman utama website kami untuk tujuan pengguna akan mengetahui promosi yang diadakan daripada iks pilihan kami.

2) MAMEE
selain itu, kami memilih laman web mamee sebagai contoh kedua. laman web tersebut menggunakan "image slideshow" diletakkan pada penceritaan pengenalan mengenai sejarah pertubuhan syarikat tersebut. Kami juga tertarik penceritaan sejarah syarikat tersebut berbentuk komik yang sangat menarik. Kami mencadangkan untuk membuat "image slideshow" tersebut pada bahagian pengenalan iks pilihan kami dan berbetuk penceritaan seperti komik.

3) MUDAH.MY
Kami memilih laman web ini kerana ia menggunakan antaramuka seperti page split pada bahagian nombor telefon untuk pengguna klik dan mendapatkan nombor telefon dan order dari syarikat tersebut. kami mencadangkan untuk menggunakan cara tersebut pada bahagian hubungi untuk mendapatkan nombor telefon, alamat dan sebagainya.

# data[].attributes.body
1. Munchy's
Laman web muchy’s ini menggunakan konsep yang menarik dan mesra pengguna. Penggunaan ikon yang diwakili oleh produk mereka menambah lagi kelainan yang ditunjukkan oleh syarikat ini. Unsur-unsur interaktif juga digunakan di dalam antaramuka laman web menimbulkan lagi keiinginan pengguna untuk melayari laman web ini. Laman web ini juga mudah difahami oleh pengguna ketika melayarinya kerana penggunaan ikon-ikon yang senang difahami.

2.Cakenis
Bagi laman web ini iaitu cakenis, unsur interaktif yang digunakan oleh syarikat ini amat menarik kerana penggunaan warna latar belakang yang bersesuian untuk setiap peringkat umur yang melayarinya. Nagivasi yang ditonjolkankan juga adalah tersusun dan mudah digunakan. Laman web ini lebih tertumpu pada pengguna wanita. Oleh kerana itulah cakenis menggunakan konsep yang mudah digunakan. Gambar-gambar yang dimasukkan juga menarik perhatian kerana setiap gambar mempunyai pilihan yang pelbagai. Tambahan pula, laman web ini mempunyai ikon pencariap yang seharusnya perlu ada dalam setiap laman web yang dibangunkan.

3. MacDonald's
Laman web MacDonald's pula mempunyai ciri interaktif yang pelbagai. Antaranya penyediaan menu pertanyaan dan pilihan kepada menu. Menu pertanyaan adalah satu medium untuk pengguna berinteraksi bersama laman web untuk mendapatkan sesuatu. Laman web ini juga mempunyai satu ciri yang menarik iaitu setiap produk yang mereka hasilkan adalah mengikut setiap kategori menu yang dihasilkan. Ia memudahkan pengguna untuk memilih tanpa membuat kesalahan. Penggunaan warna yang terang juga memainkan peranan agar tidak menimbulkan kebosanan kepada pengguna ketika melayarinya.

# data[].attributes.body
1. Cake.nis

Ciri interaktif yang terdapat pada laman web Cake.nis ini ialah mempunyai gambar produk yang boleh bergerak sendiri. Selain itu, laman ini juga mempunya ikon untuk pencarian bagi memudahkan pengguna melakukan pencarian produk dengan pantas. Penggunaan ikon butang navigasi yang mudah difahami dan navigasi laman web yang tersusun. Laman web ini juga mempunyai menu help bagi memudahkan pengguna menggunakan laman web tersebut.

2.  Munchy’s

Syarikat ini menggunakan tema biskut secara grafik pada laman web bagi memperkenalkan produk keluaran mereka.  Laman web ini terdapat ciri interaktif pada antaramuka laman web mereka kerana mempunyai unsur-unsur animasi. Kedudukan menu bar pada bahagian atas laman web sangat sesuai dan memenuhi ciri mesra pengguna.

3. MacDonald's

Bagi laman web MacDonald's pula mempunyai ciri interaktif seperti

butang pilihan bahasa. Pengguna boleh memilih samada Bahasa Melayu ataupun Bahasa Inggeris semasa ingin menggunakan laman web ini.

# data[].attributes.headline
3 contoh website laman web yang menggunakan interaktif yang menarik.

# data[].attributes.subject
3 contoh website laman web yang menggunakan interaktif yang menarik.

# data[].attributes.body
1) Munchy's
Syarikat ini menggunakan interaktif yang sangat menarik kerana ikon yang digunakan sangat menepati ciri-ciri syarikat berkenaan yang menghasilkan produk biskut. Ia juga menggunakan warna tema syarikat tersebut iaitu putih dan merah. Setiap pertukaran halaman memberikan impak yang sangat menarik kerana konsepnya yang sangat teratur dan kemas.

2) Cakenis
Website ini menarik kerana menepati ciri-ciri penggunanya iaitu wanita. Penggunaan warna yang lembut seperti merah jambu cair dan biru cair lebih memberikan keterujaan kepada pengguna. Model dan juga produk yang ditunjukkan sangat jelas dan terperinci bagi memudahkan pengguna membuat tempahan.

3) McDonald
Website ini juga mempunyai ciri yang menarik kerana setiap produk yang mereka paparkan adalah mengikut kategori. Ia juga memudahkan pengguna bagi membuat tempahan keran langkah-langkah membuat tempahan hanya dengan 1 klik sahaja. Selain itu, website ini juga menggunakan warna yang terang mengikut tema mereka sendiri iaitu kuning dan merah.

# data[].attributes.body
1) Munchy's

Laman web ini menggunakan grafik produk mereka seperi biskut untuk memperkenalkan syarikat mereka supaya dikenali. Selain itu, mereka menggunakan warna yang menarik untuk dilihat dengan kombinsi warna putih dan merah. Syarikat ini juga menyiarkan video mereka untuk menarik perhatian orang ramai.

2)      Cake. Nis

Laman web Cake.Nis ini adalah laman web yang tertumpu kepada wanita kerana ia menjual pelbagai barang wanita seperti tudung, beg dan baju. Laman web ini menggunakan warna yang lembut untuk menarik perhatian pelanggan. Selain itu, laman web ini mempunyai interaktif dengan menggunakan carian pada bahagian atas sebelah kanan laman web.

3)      Laman web ini adalah laman web yang digemari ramai di seluruh dunia. Syarikat McDonalds menggunakan interaktif pada bahagian antaramuka mereka dengan menunjukkan pertukaran menu deals syarikat mereka. Selain itu, laman web ini menggunakan butang next untuk menunjukkan ke laman seterusnya. Kemudian, laman web ini membolehkan pengguna untuk memilih bahasa iaitu BM dan BI.

# data[].attributes.body
1. Laman web Interaktiviti mengimplementasikan interaktiviti (Ikon)

# data[].attributes.body
1. Lembaga Perindustrian Nanas Malaysia (LPNM) mengimplimentasikan interaktiviti dalam laman web rasminya seperti Thumbnail pada ikon facebook, instagram, twiter dan youtube. Ikon tersebut akan berputar-putar apabila kursor digerakkan ke arahnya.

# data[].attributes.body
Laman web interaktiviti merupakan kunci utama menjadikan laman web lebih efektif. Ini merupakan salah satu contoh laman web interaktiviti iaitu Laman
Domino's Pizza Malaysia. Laman web ini mengeluarkan pop up mesej apabila tekan butang dan akan memaparkan langkah-langkah perlu diikuti untuk memesan makanan. Selain itu, terdapat ikon-ikon media iaitu Facebook, Twitter, Instagram dan Youtube  serta mempunyai GPS Tracker sebagai up to date dari saat membuat pesanan pizza  dan meninggalkan kedai Domino untuk menghantar pesanan kepada pelanggan.

# data[].attributes.headline
Share 3 examples of Interactivity in an application/ website/ database that you might interested to embed in your project. You may take a print screen or snap shot of the chosen interactivity shots and upload it in this section

# data[].attributes.subject
Share 3 examples of Interactivity in an application/ website/ database that you might interested to embed in your project. You may take a print screen or snap shot of the chosen interactivity shots and upload it in this section

# data[].attributes.body
- Magnolia Magnolia Bakery – Link butang untuk ke laman web yang tertentu
> butang ini adalah untuk membantu pengguna berinteraksi ke laman sosial syarikat. Contohnya, link butang untuk ke laman web seperti Facebook, Twitter, Snapchat dan sebagainya.
- The Cake Shop – Susunan page dalam laman web
Susun atur laman web mudah difahami dan penyusunannya yang memudahkan pengguna untuk menggunakan laman web.
- Magnolia Bakery – Butang menu
> butang menu ini adalah membantu pengguna untuk pergi ke halaman yang terdapat pada laman web.

# data[].attributes.body
1. Laman web Kolej Polytech Mara

Laman web ini menyediakan menu yang pelbagai bagi memudahkan pengguna untuk mengakses pautan-pautan lain yang mereka kehendaki. Menu yang ditunjukkan juga adalah tersusun secara teratur daripada menu Utama sehingga menu Hubungi Kami. Perkara ini menjadikan pengguna mudah untuk memahami penggunaan setiap menu dan aras yang digunakan adalah bertepatan dengan aras keutamaan penggunaan oleh pengguna.

2. Laman web Kfry

Laman web ini menggunakan butang menu yang ringkas. Pengguna tidak perlu membaca manual untuk mengendalikan laman web ini. Hal ini demikian kerana, segala butiran yang mereka mahukan adalah senang dicapai hanya melalui laman utama laman web Kfry yang ringkas ini sahaja.

3. Laman web Zalora

Laman web ini menggunakan drop down menu. Pengguna boleh memilih jenis barang yang mereka kehendaki dengan lebih spesifik. Carian tersebut membolehkan pengguna untuk mengendalikan laman web ini dengan lebih mudah tanpa perlu mencari barang yang mereka kehendaki didalam satu senarai barangan yang amat panjang.

# data[].attributes.body
1)      Website UTHM

Website ini menyediakan butang navigasi yang pelbagai seperti drop down menu, ikon dan sebagainya. Pengguna dapat mengakses halaman yang dikehendaki hanya dengan memilih mana-mana pilihan yang diperlukan. Penggunaan gambar sebagai wakil kepada halaman juga disediakan agar dapat memberi gambaran kepada pengunjung akan halaman yang berkaitan.

2)      Website Shopee

Website ini meneydiakan pelbagai jenis navigasi yang sangat berkesan dan mudah untuk diakses oleh pengguna. Penggunaan gambar sebagai pengganti kepada teks adalah sangat mudah untuk difahami oleh pengunjung. Pengunjung hanya perlu klik pada mana-mana ikon atau pilihan yang berkaitan untuk ke halaman yang dipilih.

3)      Website Farm Fresh To You

Butang navigasi yang digunakan pada laman web ini sangat mudah difahami dan direkabentuk dengan konsep terkini. Selain itu, pengunjung website juga mudah untuk mendaftar masuk dengan mencapai butang signup dan login di bahagian atas website.  Seterusnya, di dalam website ini juga mempunyai halaman yang memberi maklumat mengenai buah-buahan dan sayur-sayuran yang mampu memudahkan pengguna membuat pilihan.

# data[].attributes.body
-Berdasarkan laman web mudah ini ia mempunyai pelbagai butang navigasi yang mudah digunakan bagi para pengguna. Penggunaan icon-icon yang sesuai memudahkan lagi pengguna untuk memilih apa yang mereka inginkan.

2) LAMAN ADOBE PHOTOSHOP

- Bagi Adobe Photoshop ia mempunyai pilihan yang banyak yang membolehkan pengguna untuk memilih fungsi yang ada pada features di dalam laman tersebut. penggunaan bahasa dan ikon yang mudah difahami.

3) LAMAN WEB MAMEE

- Berdasarkan Laman web mamee ini, pilihan warna dan gambar sangat sesuai. Ia dapat menarik para pengguna untuk mengetahui dengan lebih lanjut lagi maklumat berkaitan produk tersebut. Laman web yang simple tapi menarik.

# data[].attributes.body
1) LAMAN WEB FARM FRESH TO YOU
Navigasi yang digunakan pada laman web ini sangat mudah difahami. Selain itu, pelanggan mudah untuk mendaftar masuk dengan mencapai butang signup dan login di bahagian atas laman web.  Seterusnya, di dalam laman web ini juga mempunyai halaman yang memberi maklumat mengenai buah-buahan dan sayur-sayuran.

2) LAMAN WEB SHOPEE
Laman web Shopee ini telah menyediakan butang navigasi yang mudah difahami dan membantu pengguna berinteraksi dengan laman web dengan lebih mudah. Selain itu, laman web ini telah memilih jenis warna yang menarik dan menggunakan size fon yang sesuai dan mempunyai pelbagai jenis imej yang menarik didalam setiap halaman yang ada di dalam laman web ini. Laman web Shopee ini juga telah menyediakan manual pengguna bagi memudahkan pengguna menggunkana laman web.

3) LAMAN WEB UTHM
Dalam laman web UTHM ini telah menggunakan pelbagai elemen multimedia untuk memaparkan maklumat kepada pengguna dengan lebih menarik dan mudah difahami. Selain itu, penyusunan butang di dalam laman web ini tersusun dan mudah untuk dicari.

# data[].attributes.body
1) Laman web Kolej Polytech Mara
Laman web ini mempunyai button yang membolehkan pengguna memilih bahasa samaada Bahasa Melayu atau Bahasa English. Selain itu juga, laman web ini mempunyai sub-menu yang menghubungkan ke halaman-halaman tertentu yang memudahkan pengguna mendapat maklumat. Selain itu juga, laman web ini mempunyai button yang menggunakan ikon message yang membolehkan pengguna membuat aduan atau membuat pertanyaan

2) Laman web K Fry
Laman web ini button yang terdapat di bahagian atas laman web dan kesemua button tersebut akan masih mampu dilihat oleh pengguna walaupun pengguna membuat scroll-down.

3) Laman web Zalora
Laman web ini mempunyai drop-down menu yang memaparkan setiap kategori produk yang dijual seperti baju, kasut, beg dan lain-lain.

# data[].attributes.body
Magnolia Magnolia Bakery – Link butang untuk ke laman web yang tertentu

Setiap laman web perlu mempunyai navigasi yang mesra pengguna bagi memudahkan pengguna untuk menggunakan laman web mereka. antara contoh navigasi yang menarik ialah link butang untuk ke laman web tertentu, kebiasaanya pengguna ingin melihat produk tersebut secara lebih terperinci atau pengguna ingin menghubungi terus kepada penjual. Oleh itu contoh yang telah diambil adalah daripada Mongolia Bakery kerana laman web yang mereka hasilkan mempunyai navigasi yang baik untuk memudahkan pengguna.

The Cake Shop – Susunan page dalam laman web

Navigasi merupakan perkara yang paling penting dalam setiap pembangunan laman web, penggunaan navigasi yang tidak bersesuaian akan mengakibatkan laman web tersebut tidak dapat menarik minat pengguna. Susunan halaman yang menarik dan teratur lebih mudah difahami oleh pengguna. Oleh itu kami telah mengambil susunan page dalam laman web untuk dijadikan sebahagian daripada jenis navigasi yang akan digunakan.

Magnolia Bakery – Butang menu

Susunan butang menu perlu diambil perhatian dalam sesebuah laman web, butang menu perlu disusun mengikut mata pengguna daripada kiri ke kanan. Oleh itu kami telah mengambil contoh daripada Magnolia Bakery dari segi butang menu yang diggunakan, penggunaan navigasi yang menarik dan mudah digunakan lebih menarik pengguna untuk mengunakan setiap butang yang disediakan.

# data[].attributes.body
1. Laman web KFry
Laman web KFry ini menyediakan navigasi iaitu menu di bahagian tengah atas laman web. Menu ini akan dihubungkan kepada page yang berkaitan. Dalam laman web ini, navigasi web menggunakan 1 hirarki di mana apabila pengguna klik menu produk, tidak akan keluar sub menu yang lain tetapi ianya terus dihubungkan ke bahagian produk.

2. Laman web Zalora
Laman web Zalora ini menyediakan navigasi yang berbentuk menu di bahagian atas laman web. Laman web Zalora ini menggunakan navigasi yang mempunyai sub menu kepada menu yang telah disediakan. Terdapat pelbagai sub menu di bawah sesuatu menu yang telah disediakan. Sekiranya pengguna meletakan tetikus pada menu, paparan sub menu akan dikeluarkan.

3. Laman web KPTM
Laman web Lazada ialah sebuah laman web bertemakan pendidikan. Pelbagai maklumat mengenai pendidikan dipaparkan Terdapat bermacam macam menu yang disediakan di laman web KPTM. Sebagai contoh, di bawah satu menu terdapat banyak sub menu, kemudian di bawah sub menu mempunyai pilihan yang boleh dipilih oleh pengguna. Contohnya, menu pautan mengandungi 4 sub menu, dalam setiap sub menu mengandungi beberapa lagi sub menu yang lain.

# data[].attributes.body
1) Laman web Kolej Polytech Mara
Bagi laman web ini, ianya mempunyai butang search yang membolehkan pengguna mencari maklumat yang mereka inginkan. Laman web ini juga mempunyai drop down menu yang menarik.

2) Laman Web Kfry
Bagi laman web kfry pula, ianya mempunyai butang untuk membuat pesanan di bahagian atas laman web dan ini memudahkan pengguna untuk mencari butang pesanan dan tidak perlu untuk scroll ke bawah.

3) Laman Web Zalora
Bagi laman web zalora pula, ianya mempunyai link butang yang membolehkan pengguna pergi ke laman web seperti Facebook, Instagram, Twitter, Line dan sebagainya.

# data[].attributes.body
1) Laman web Munchy's
Laman web ini menghasilkan navigasi juga menarik kerananya ia menggunakan hanya beberapa ikon penting sahaja dan ianya adalah mengikut keperluan bagi sesebuah laman web. Bak kata pepatah ‘less is more’. Pop up  menu akan dapat dilihat selepas pengguna menekan ikon tersebut dah akan terdapat scroll down menu membuatkan ia kelihatan kemas.

2)Laman web cake.nis
Susunan menu pada bahagian atas laman web membuatkan pengguna mudah untuk mengakses ke laman web tersebut. Pilihan menu juga dihadkan untuk memudahkan pengguna untuk memilih menu yang dikehendaki. Selain itu terdapat ruangan untuk  carian bagi memudahkan pengguna untuk mencari sesuatu dengan cepat. Ia memudahkan pengguna serta menjimatkan masa. Laman web ini bersifat formal serta elegant

3)Laman web MacDonald's
Laman web ini berkonsepkan mengikut keperluan dan kehendak pengguna. Menu yang diletakkan berdasarkan menu yang dihasilkan dan terdapat satu butang yang mana harus memilih menu. Setiap butang terdapat pengelasan bagi memudahkan pengguna untuk membuat pilihan. Laman web ini kelihatan sangat tersusun dah menarik perhatian setiap lapisan pengguna yang menggunakannya.

# data[].attributes.body
1. Laman web tumisanbonda
- Laman web tumisanbonda ini menyediakan navigasi iaitu menu di bahagian atas laman web. Menu ini akan dihubungkan kepada page yang berkaitan. Untuk navigasi bagi laman web ini menggunakan 1 hirarki di mana apabila pengguna menekan menu produk, tidak akan keluar sub menu yang lain tetapi ianya terus dihubungkan ke bahagian produk.

2. Laman web Lembaga Perindustrian Nanas Malaysia (LPNM)
- Laman web LPNM ini menyediakan navigasi yang berbentuk menu di bahagian atas laman web. Laman web LPNM ini menggunakan navigasi yang mempunyai sub menu kepada menu yang telah disediakan. Terdapat 3 atau 4 sub menu di bawah sesuatu menu yang telah disediakan. Laman web LPNM ini menggunakan 2 hirarki dalam laman web tersebut.

3. Laman web Lazada
- Laman web Lazada ialah sebuah laman web membeli belah yang terkenal. Bermacam macam barang yang dijual di Lazada. Terdapat bermacam macam menu yang disediakan di laman web Lazada. Sebagai contoh, di bawah satu menu terdapat banyak sub menu, kemudian di bawah sub menu mempunyai pilihan yang boleh dipilih oleh pengguna. Laman web ini menggunakan 3 hirarki memandangkan banyak barang dan produk yang dijual dan dipasarkan dalam laman web ini.

# data[].attributes.body
1.       MUDAH.MY

Didalam laman web mudah cara penyusunan setiap navigasi amat teratur dan mudah difahami oleh semua. Butang navigasi disusun secara sebaris didalam header laman web. Kami bercadang untuk membuat menu bar seperti laman web mudah untuk pembangunan projek kumpulan kami.

2.       MAMEE

Laman web mamee monster dilihat sangat menarik kerana laman web ini menggunakan navigasi secara pop-up menu. Terdapat juga keperluan untuk pengguna menekan dahulu butang untuk mengeluarkan satu lagi butang sub menu. Ini satu kelainan yang ditunjukan oleh pembangunan laman web mamee monters ini.

3.       ADOBE ILLUSTRATOR

Perisian ini mempunyai menu bar berjenis drop down. Kelebihan menu bar jenis ini adalah pengguna dapat melihat menu bar secara teratur. Kekurangannya ialah menyukarkan pengguna untuk mencari sesuatu pilihan bagi pengguna yang belum mahir.

# data[].attributes.body
3 Navigasi yang digunakan dalam laman web
- Button link untuk ke page lain selain page laman web (Magnolia Bakery)
Ia adalah untuk membantu pengguna untuk menghubungi syarikat dengan membawanya ke halaman laman sosial syarikat

- Susunan halaman laman web (Magnolia Bakery)
Susun atur dalam laman web yang dirujuk ini akan dijadikan rujukan untuk membangunkan laman web yang memudahkan pengguna dari segi kebolehgunaan

- Menu button (Magnolia Bakery)
Ia adalah untuk membantu pengguna untuk pergi ke halaman yang terdapat pada laman web. Ia juga diaplikasikan pada gambar produk untuk membantu pelanggan kenalpasti jenis produk yang disediakan

# data[].attributes.headline
CONTOH NAVIGASI BAGI PEMBANGUNAN PROJEK E-SERI MAS 

# data[].attributes.subject
CONTOH NAVIGASI BAGI PEMBANGUNAN PROJEK E-SERI MAS 

# data[].attributes.body
| MUDAH.MY |
- mudah.my merupakan laman web yang mempunyai penggunaan navigasi yang banyak, mudah.my dapat memudahkan penggunanya dalam penggunaan “bar” pada laman tersebut. Oleh itu, kami menjadikan contoh menu bar mudah.my sebagai pilihan rekabentuk pembangunan projek E-seri Mas.

| MAMEE |
Renyuk renyuk dan makan…  Mameeeee….merupakan tagline produk mamee, dengan mempunyai satu laman web yang menarik perhatian kumpulan. Laman web ini sesuai untuk kumpulan E-Seri Mas menjadikan rujukan. Navigasi ini sangat menarik dan membuatkan pengguna merasakan kelainan terhadap pop-up menu bar tersebut.

| Adobe Illustrator |
Pemilihan untuk Adobe illustrator juga adalah sebagai contoh untuk pembangunan projek E-Sei Ma. Dimana, AI mempunyai menu bar seperti drop down. menu bar seperti itu selalunya digunakan bagi pembangunan web yang mempunyai item atau barang-barang yang mempunyai kategori tersendiri. Malah ia tidak menjadikan sesuatu web itu penuh dengan menu bas yang menyukarkan pengguna untuk explore laman web tersebut.

# data[].attributes.body
1.     Magnolia Magnolia Bakery – Link butang untuk ke laman web yang tertentu

Setiap laman web mempunyai navigasi untuk ke media sosial yang digunakan untuk berinteraksi dengan pelanggan mereka. Contohnya, Magnolia Bakery menggunakan link butang untuk ke laman web seperti Facebook, Twitter, Snapchat dan sebagainya. Selain itu juga laman web ini menggunakan link butang yang mudah difahami oleh pengguna walaupun mengikut tema laman web tersebut.

2.  The Cake Shop – Susunan page dalam laman web

Laman web yang mudah difahami oleh pengguna adalah bergantung kepada susunan menu yang mewakili page yang dibangunkan untuk laman web tersebut. Contohnya, laman web The Cake Shop meletakkan menu yang penting dahulu seperti Home dan About Us sebagai pengenalan kepada pengguna tentang laman web tersebut dan mengakhiri dengan Contact untuk pengguna membuat tempahan.

3. Magnolia Bakery – Butang menu

Butang menu yang mempunyai pelbagai pilihan adalah salah satu cara untuk memudahkan pengguna laman web mencapai maklumat yang mereka perlukan. Contohnya, navigasi yang digunakan oleh laman web Magnolia Bakery adalah menyediakan butang menu yang jelas dan mempunyai pelbagai pilihan yang telah ditetapkan untuk memudahkan penggunan membuat tempahan.

# data[].attributes.body
1.       Laman web cake.nis
Dari segi navigasi laman sesawang ini memiliki banyak menu dan susunan menu diletakkan pada bahagian atas secara melintang ianya mudah untuk dilihat dan membuat pilihan. Selain itu terdapat ruangan untuk  carian dan bantuan bagi memudahkan pengguna untuk menggunakan laman sesawang ini. Aturcara bagi memastikan menu diletakkan mengikut keutamaan sangatlah penting bagi memudahkan pengguna menggunakan laman sesawang ini dan membuat pilihan dengan tepat tanpa melakukan kesilapan dalam menekat butang pada menu yang ada dalam laman ini.

2.  Laman web Munchy's
Untuk laman ini dari segi navigasi juga menarik memandangkan ianya menggunakan hanya sedikit menu penting untuk pengguna. menu akan dapat dilihat selepas pengguna membuat  scroll down. perlunya ditambah butang bantuan ataupun carian bagi memudahkan lagi pengguna untuk menggunakan laman sesawang ini walaupun maklumat yang dipaparkan tidaklah banyak tetapi ianya perlu untuk pengguna yang pertama kali menggunakan laman sesawang ini bagi mengelakkan kesilapan dan ketidaktahuan dalam menggunakan setiap fungsi yang ada dalam laman sesawang ini.

3.Laman web MacDonald's
Dari segi navigasi laman sesawang ini juga menarik untuk susunan menu yang mengikut keutamaan pengguna. Menu yang diletakkan agak banyak dan terdapat satu butang ataupun link yang mana memiliki banyak menu didalamnya untuk pengguna pilih. Dalam butang ini dibuatkan pengelasan bagi memudahkan pengguna untuk membuat pilihan dan menjimatkan masa ketika mencari sesuatu maklumat yang diperlukan laman laman sesawang ini. Aturcara yang digunakan dalam butang ada banyak menu dan link sangatlah menarik bagi menjimatkan ruang dan masa pencarian sesuatu maklumat dalam laman sesawang ini. Selain itu terdapat ruangan untuk carian yang boleh digunakan jika tidak dapat menemui maklumat yang diperlukan dalam laman sesawang ini.

# data[].attributes.headline
CONTOH ANTARAMUKA UNTUK NAVIGASI BAGI PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.subject
CONTOH ANTARAMUKA UNTUK NAVIGASI BAGI PEMBANGUNAN PROJEK KUMPULAN

# data[].attributes.body
1) MUDAH.MY
Laman web ini menggunakan  menu bar dengan menggunakan icon bagi setiap item produk dalam laman web tersebut.  Cadangan kami juga ingin membangunkan satu laman web yang menu bar merupakan icon bagi setiap item dalam web tersebut.

2) MAMEE
Laman web ini sangat menarik kerana menggunakan navigasi yang berlainan iaitu pop-up menu. pada bahagian tersebut pengguna haruslah klik pada satu butang dan akan keluar sub menu berbetuk mind map. Navigasi ini sangat menarik dan membuatkan pengguna merasakan kelainan terhadap pop-up menu bar tersebut.

3) Adobe Illustrator
Adobe illustrator juga mempunyai drop down menu bar. menu bar seperti itu selalunya digunakan bagi pembangunan web yang mempunyai item atau barang-barang yang mempunyai kategori tersendiri. menu bar ini sangat biasa bagi pengguna kerana ia tidak terlalu susah untuk kita mencari item atau keperluan yang dikehendaki oleh pengguna.

# data[].attributes.body
1. Cake.nis

Navigasi yang digunakan pada laman web ini lebih ringkas, formal dan sistematik. Selain itu, jenis navigasi yang digunakan adalah jenis 'drop down navigation' ia dapat memudahkan pengguna untuk memilih pilihan yang mereka inginkan.

2. Munchy's

Laman web Munchy's ini mengguna navigasi yang menarik berbentuk biskut dan navigasi ini juga dapat berfungsi dengan baik. Mereka juga menghadkan menu bilangan menu pada bahagian atas laman web supaya nampak lebih kemas.

3. MacDonald's

Laman web ini kelihatan lebih ringkas dan tersusun terutamanya pada bahagian menu. Laman web ini juga menggunakan ikon yang mudah difahami seperti ikon lokasi,  penghantaran, laman sosial dan ikon ini dapat berfungsi mengikut jenis ikon tersebut.

Berdasarkan 3 contoh laman web ini, kami bersetuju untuk menjadikan ianya sebagai rujukan kami dalam pembangunan projek kumpulan kami.

# data[].attributes.body
1. Contoh navigasi bagi Dominos Pizza.
- navigasi yang digunakan dalam website ini sangat menarik bagi saya kerana menggunakan 1 jenis hierarki dan ikon bagi menarik minat pengguna.

# data[].attributes.body
1) Munchy's
Navigasi yang digunakan dalam website ini sangat menarik bagi saya kerana mereka menggunakan ikon biskut untuk navigasi mereka. Selain itu apa sahaja bentuk navigasi dalam website ini sangat bertepatan dengan konsep syarikat mereka. Setiap butang yang digunakan juga berfungsi dan akan terus ke laman yang diingini.

2) Cakenis
Website ini menggunakan navigasi yang lebih formal tetapi setiap penggunaan butang juga berfungsi untuk kehalaman yang diingini. Mereka menggunakan ikon yang berlainan seperti gambar model vertudung menunjukkan bahagian tudung dan pengguna hanya perlu klik pada gambar tersebut untuk melihat koleksi tudung "in stock".

3) McDonald
Website ini menggunakan konsep menu dan sub menu. Penggun perlu klik pada bahagian produk dan pilih food untuk memilih makanan yang ingin dipesan. Begitu juga dengan Mcdelivery pengguna perlu menekan ikon kartun menunggang motorsikal untuk membuat sebarang tempahan.

Dengan 3 contoh website ini saya dan ahli kumpulan akan jadikan contoh untuk menghasilkan website yang menarik seperti website yang lain. Kami akan menghasilkan navigasi yang menarik dan mempunyai fungsi yang terbaik.

# data[].attributes.body
1) Munchy's

Navigasi yang digunakan pada laman web ini adalah pada menu-bar iaitu mereka menggunakan one-click button. Pengguna hanya perlu untuk tekan butang sekali sahaja untuk memparkan pilihan yang dipilih. Selain itu, mereka juga menggunakan menu-bar dipertengahan mengikut kategori produk mereka.

2) Cake.Nis

Pada laman web cake.nis ini navigasi yang digunakan adalah sub menu yang di sorokkan di bawah menu utama. Dengan cara ini, ia dapat menarik perhatian pengguna dalam menggunakan laman web ini. Apabila pengguna klik pada menu-bar utama, sub-menu pada menu tersebut akan dipaparkan.

3) McDonalds

Laman web McDonalds telah menggunakan navigasi yang statik dan menu-bar yang sebaris. Pada penghujung sebelah kanan atas laman web ini, pengguna perlu klik pada butang tersebut untuk drop-down menu yang akan dipaparkan.

# data[].attributes.body
1. Lembaga Perindustrian Nanas Malaysia (LPNM) mengimplimentasikan navigasi terhadap portal rasminya seperti mempunyai sub menu yang melebihi 2.

# data[].attributes.body
Ini merupakan contoh laman web navigasi iaitu Domino's Pizza Malaysia yang menyusun halaman dengan cara yang sesuai dan mempunyai satu sub menu navigasi pada halaman serta terdapat ikon-ikon yang bersesuaian setiap sub menu yang dipaparkan pada bahagian atas halaman web menawarkan cara yang hebat untuk membantu pelanggan mencari halaman seterusnya.

# data[].attributes.headline
Share 3 examples of navigation in an application/ website/ database that you might interested to embed in your project. You may take a print screen or snap shot of the chosen navigation shots and upload it in this section

# data[].attributes.subject
Share 3 examples of navigation in an application/ website/ database that you might interested to embed in your project. You may take a print screen or snap shot of the chosen navigation shots and upload it in this section

# data[].attributes.body
Melalui pemerhatian terhadapa beberapa contoh laman web, saya dapat mempelajari elemen yang perlu ada pada sebuah laman web. Selain itu setiap elemen yang digunakan adalah perlu memberi impak atau memberi tarikan kepada pengguna yang akan mengguna laman web. Penggunaan gambar dan video adalah memain peranan yang penting kerana ia aalah visual kepada syarikat dan memberi tarikan kepada pengguna untuk melayari laman web syarikat dengan lebih lagi. Seterusnya, penggunaan navigasi dalam setiap laman web perlu lah menggunakan navigasi yang mudah difahami dan jelas bagi tidak mengelirukan pengguna. Ia juga perlu berasarkan kesesuaian laman web itu.

# data[].attributes.body
Pada pendapat saya, tugasan ini membolehkan saya untuk mengenalpasti ciri-ci interaktiviti dan navigasi yang terdapat pada tiga laman web yang berbeza. Jika dibandingkan ketiga-tiga laman web ini, setiap laman web mempunyai kelebihan dan kekurangan yang tersendiri dari segi interaktiviti dan navigasinya. Pada laman utama laman web tidak perlu memaparkan kesemua informasi mengenai perkhidmatan yang mereka jalankan kerana perkara ini menyebabkan laman utama tersebut nampak sesak dan kurang menarik minat pengguna untuk melayarinya dengan lebih lama lagi.

# data[].attributes.body
Pada pendapat saya, tugasan kali ini merupakan satu tugasan yang memberi peluang kepada saya untuk mempelajari ilmu navigasi dan interaktiviti dalam pembangunan laman web. Topik ini merupakan isu yang perlu dititikberatkan serta merupakan langkah yang perlu diambilkira dalam menghasilkan laman web yang menarik dan mencapai keperluan pengguna dan pembangun. dengan mempelajari topik ini, kami dapat mengaplikasikan setiap elemen yang telah dipelajari dengan lebih baik dan akan dapat menghasilkan laman web yang baik dan berguna kepada pengguna laman web.

# data[].attributes.body
Bagi saya, tugasan kali ini sangat membuka mata saya bahawa tak semua laman web yang sedia ada menepati citarasa pengguna. Sesetangah laman web adalah sangat tidak mesra pengguna. Tidak mempunyai interaktiviti dan tidak menarik. Sekali gus dapat menambah sedikit sebanyak idea saya untuk membangunkan sesuatu yang menarik bagi laman web yang akan kami bangunkan. Saya akan cuba sehabis baik untuk menghasilkan laman web yang simple tapi menarik dan mempunyai sifat mesra pengguna.

# data[].attributes.body
Refleksi bagi tugasan yang diberikan adalah saya telah perolehi dan dapat memahami apakah itu interaktiviti dan navigasi. Melalui pemahaman saya, interaktiviti ini adalah sesuatu yang unik dan lain daripada yang lain. Selain itu, interaktiviti ini juga boleh dijadikan sebagai komunikasi dua hala antara pembangun laman web dan pengguna laman web.

Bagi navigasi pula, ianya adalah menu atau butang yang menghubungkan pengguna ke halaman yang dipilih. Untuk perancangan pembangunan laman web bagi produk yang telah kami pilih, saya sebagai programmer akan berbincang bersama ahli kumpulan yang lain dan bercadang untuk menggunakan dan memasukkan elemen interaktiviti dan navigasi dalam laman web kami agar ianya menarik seperti contoh-contoh yang telah kami temui sebelum ini. Contoh-contoh tersebut akan kami jadikan rujukan khususnya untuk elemen interaktiviti dan navigasi dalam laman web kami.

# data[].attributes.headline
Tugasan ini membantu saya untuk memahami lebih mendalam mengenai navigasi dan interaktif. Dalam pembangunan sesebuah laman web, navigasi dan interaktif adalah salah satu element yang penting untuk membuatkan laman web tersebut kelihatan menarik dan mampu menarik perhatian pengguna untuk sentiasa mengunjungi laman web tersebut.

# data[].attributes.subject
Tugasan ini membantu saya untuk memahami lebih mendalam mengenai navigasi dan interaktif. Dalam pembangunan sesebuah laman web, navigasi dan interaktif adalah salah satu element yang penting untuk membuatkan laman web tersebut kelihatan menarik dan mampu menarik perhatian pengguna untuk sentiasa mengunjungi laman web tersebut.

# data[].attributes.body
Hasil daripada rujukkan yang telah dilakukan bersama ahli kumpulan setiap laman web yang pernah dibangunkan boleh berlaku masalah-masalah tertentu antara contoh ialah tiada manual pengguna yang diberikan, butang yang disediakan tidak boleh berfungsi dengan baik, tiada data atau maklumat yang terperinci yang diberikan. Oleh itu, kami akan meneliti setiap kebarangkalian masalah yang boleh berlaku sesama pembangunan projek dilakukan. Laman web yang dijadikan panduan memberikan kemudahan kepada kumpulan saya untuk meneliti setiap kemudahan yang boleh digunakan dan navigasi yang mampu memudahkan pengguna semasa melayari laman web yang akan kami hasilkan nanti. Penggunaan elemen multimedia amat penting dalam pembangunan projek kerana elemen yang tepat digunakan dapat menarik minat pengguna dalam melayari laman web yang disediakan.

# data[].attributes.body
Hasil refleksi yang saya perolehi dari aktiviti yang telah dijalankan ialah saya lebih memahami apakah itu interaktiviti dan navigasi serta perbezaannya. Melalui pemahaman saya, interaktiviti ini adalah sesuatu yang unik dan lain daripada yang lain seperti google map yang boleh view dalam 360 darjah dan laman web KFC yang membolehkan pengguna untu memilih jenis ayam dan minuman yang dikehendaki. Selain itu, interaktiviti ini juga boleh dijadikan sebagai komunikasi dua hala antara pembangun laman web dan pengguna laman web seperti menu HELP. Untuk navigasi pula, ianya adalah menu atau button menghubungkan kepada page yang dipilih oleh pengguna. Navigasi pula boleh dibahagi kepada beberapa hirarki bergantung pada produk, menu atau info yang ingin disampaikan kepada pengguna laman web. Semakin banyak produk yang dijual menerusi laman web tersebut, semakin banyak hirarki yang akan digunakan seperti laman web Lazada. Untuk perancangan pembangunan laman web bagi produk yang telah kami pilih, saya sebagai programmer akan berbincang bersama ahli kumpulan yang lain dan bercadang untuk menggunakan dan memasukkan elemen interaktiviti dan navigasi dalam laman web kami agar ianya menarik seperti contoh-contoh yang telah kami temui sebelum ini. Contoh-contoh tersebut akan kami jadikan rujukan khususnya untuk elemen interaktiviti dan navigasi dalam laman web kami.

# data[].attributes.body
Hasil tugasan yang diberikan, saya dapat mempelajari  berkaitan penggunaan interaktiviti dan navigasi dalam sesebuah pembangunan laman web. Selain itu, penggunaan navigasi yang baik bukan sahaja memudahkan pengguna, malah dapat menarik minat pengguna untuk melayari sesebuah laman web.

# data[].attributes.body
Laman web merupakan salah satu platform bagi pembangun untuk menonjolkan kreativiti mereka berdasarkan idea-idea yang diperolehi. Daripada situ, kita dapat melihat kepelbagaian jenis navigasi yang digunakan yang sangat menarik dan memudahkan pengguna. Peranan mereka adalah untuk membentuk satu grafik yang dapat memasukkan pelbagai eleman multimedia seperti gambar, teks, video dan sebagainya. Laman web yang dihasilkan haruslah konsisten mengikut keperluan tema dan nagivasi yang digunakan hendaklah boleh diguna pakai oleh semua pelusuk dunia.

# data[].attributes.body
Berdasarkan tugasan hari ini, saya dapat mempelajari apa itu interaktiviti dan navigasi. Pada pendapat saya, laman web yang menarik perhatian adalah laman web yang mempunyai interaktiviti dengan pengguna dan juga berbagai navigasi yang terdapat di dalam laman web tersebut. Hal ini dapat menarik minat pengguna untuk meneroka dengan lebih jauh lagi laman web itu.

# data[].attributes.body
Pada aktiviti minggu ini, saya dapat membezakan diantara unsur interaktif dan juga contoh navigasi pada sesebuah laman web. Sesebuah laman web itu haruslah mempunyai kedua dua unsur berikut untuk menjadikan laman web tersebut menjadi lebih menarik. Selain itu juga, saya berpendapat bahawa laman web haruslah menyusun menu bar dengan baik agar dapat memudahkan pengguna untuk menggunakannya dengan lebih optimum. Bagi kegunaan navigasi pula haruslah memilih jenis navigasi yang difahami oleh umum. Ianya haruslah dapat difahami oleh semua pengguna laman web dunia.

# data[].attributes.body
Berdasarkan tugas pada hari ini, saya dapat mempelajari mengenai elemen-elemen interaktiviti dan navigasi yang boleh diaplikasikan dalam pembangunan laman web. Interaktiviti adalah satu fungsi yang membenarkan interaksi antara pengguna dan laman web manakala navigasi membenarkan pengguna untuk melihat halaman yang diingini mengikut susunan yang betul. Tugasan pada hari ini mengajar saya untuk mengenalpasti perbezaan antara kedua-dua elemen tersebut dan jenis-jenis interaktiviti dan navigasi yang sesuai untuk diletakkan pada laman web projek ini.

# data[].attributes.body
Refleksi yang saya boleh buat kesimpulan pada minggu 4 ini adalah, satu perbincangan baru bagi setiap kumpulan untuk mendapatkan beberapa contoh yang boleh dijadikan rujukan kumpulan untuk pembangunan projek studio multimedia 1 ini. Kumpulan E-Seri Mas telah membuat sesi perbincangan yang jelas mengenai 3 ciri-ciri interaktiviti dan 3 navigasi yang akan digunapakai pada laman web projek. Namun ia masih di dalam perbincangan kumpulan untuk membangunkan satu web yang dapat menarik perhatian pengguna. Ia bukan satu perkara yang mudah untuk mendapatkan satu projek yang akann megeluarkan output yang menarik dan berkualiti. Oleh itu, dengan adanya tugasan setiap dari ahli kumpulan sedikit sebanyak ia dapat membantu dalam pembangunan projek E-Seri Mas

# data[].attributes.body
Laman web yang menarik perhatian pengguna adalah merupakan laman web yang menyediakan pelbagai interaktiviti dan navigasi yang mudah difahami oleh pengguna. Oleh itu, peranan sebagai pereka grafik adalah mereka bentuk interaktiviti mengikut kesesuaian maklumat yang hendak dipaparkan. Contohnya, mereka bentuk gambar yang konsisten mengikut tema dan menggunakan gambar yang menarik perhatian jika dipaparkan. Seterusnya, mereka bentuk navigasi yang menepati konsep worldwide iaitu konsep yang pengguna fahami seperti butang Facebook, Twitter dan sebagainya walaupun navigasi tersebut direka bentuk mengikut tema laman web.

# data[].attributes.body
Dalam tugasan ini pertama sekali saya dapat mengetahui ciri-ciri interaktiviti dan navigasi yang menarik dalam sesuatu laman sesawang. Seterusnya dapat membuat penilaian dan pemerhatian laman sesawang yang ada dan memiliki intraktiviti dan navigasi yang baik untuk dijadikan panduan dalam penbangunan projek kumpulan kami. Setiap daripada apa yang diperhatikan sesuatu laman sesawang yang dibuat harusnya bersifat mesra pengguna bagi memudahkan pengguna untuk menggunakannya selain untuk kelihatan menarik setiap fungsi dan element yang digunakan harusnya sesuai dengan apa yang ingin disampaikan. Dengan memilih 3 contoh laman sesawang yang berbeza banyak pengetahuan dan idea yang diperolehi untuk membangunkan projek kumpulan itu nanti. Sekurang-kurangnya ianya boleh menjadi rujukan awal untuk gambaran projek kumpulan yang akan dibangunkan oleh kumpulan saya. Sebagai pengaturcara kod aturcara yang sesuai perlu dirangka dengan lebih awal untuk memastikan ianya dapat berfungsi dalam laman sesawang tersebut.

# data[].attributes.headline
Hasil daripada pembelajaran saya, dapat saya bezakan navigasi dan interaktif dalam pembangunan sesuatu projek atau produk. Elemen multimedia sangat diperlukan bagi membangunkan sesuatu aplikasi seperti web, aplikasi android, koswer dan sebagainya lagi. Jika saya diletakkan sebagai pengguna interaktif adalah salah satu cara untuk menarik perhatian pengguna dalam menggunakan aplikasi tersebut. Terdapat pelbagai laman web yang terbaik boleh dijadikan sebagai contoh dalam pembangunan web, aplikasi dan sebagainya.

# data[].attributes.subject
Hasil daripada pembelajaran saya, dapat saya bezakan navigasi dan interaktif dalam pembangunan sesuatu projek atau produk. Elemen multimedia sangat diperlukan bagi membangunkan sesuatu aplikasi seperti web, aplikasi android, koswer dan sebagainya lagi. Jika saya diletakkan sebagai pengguna interaktif adalah salah satu cara untuk menarik perhatian pengguna dalam menggunakan aplikasi tersebut. Terdapat pelbagai laman web yang terbaik boleh dijadikan sebagai contoh dalam pembangunan web, aplikasi dan sebagainya.

# data[].attributes.body
Hasil daripada pembelajaran ini, saya dapat mempelajari mengenai interaktif dan navigasi dalam pembangunan laman web. Fungsi utama interaktif dalam laman web ini adalah memberi kesan yang menarik pada sesuatu laman web dan setiap menu dapat berfungsi dengan baik. Laman web yang baik adalah laman web yang mempunyai ciri-ciri mesra pengguna. Penggunaan navigasi yang mudah dan sistematik boleh memberikan kesan positif terhadap pengguna semasa menggunakan laman web. Pengguna juga merasa selesa dan mudah menggunakan laman web jika ingin membuat tempahan dan sebagainya. Dengan pembelajaran ini, saya dapat gambaran bagi pembangunan laman web projek kumpulan kami bagi membantu pengusaha syarikat tersebut.

# data[].attributes.body
hasil daripada pembelajaran ini, saya dapat mengetahui perbezaan antara interaktivi dan navigasi dalam membangunkan website. Saya juga dapat menambahkan pengetahuan mengenai susunatur website, minat pengguna dan sebagainya.

# data[].attributes.body
Hasil yang saya dapat simpulkan dalam aktiviti minggu ini adalah kesan penggunakan interaktivti dan navigasi yang menarik mampu memberikan kesan kepada website tersebut untuk memudahkan pengguna. Kesan yang positif seperti pengguna mudah membuat tempahan adalah salah satu ciri-ciri yang perlu ada dalam setiap website iaitu 'user-friendly'. Website yang menggunakan interaktiviti akan lebih kerap dikunjung oleh pengguna dan mempunyai navigasi yang menarik serta mudah juga menjadikan salah satu penghubung antara syarikat dan pelanggan. Dengan melihat contoh tersebut saya mendapat idea bagi membangunkan website perusahaan kami nanti dengan menitikberatkan soal interaktif dan navigasi yang berkesan. Kami akan menggunakan contoh website ini bagi menghasilkan website menarik dan mampu memberikan kesan yang positif kepada perusahaan yang kami bantu.

# data[].attributes.body
Hasil daripada aktiviti minggu ini, saya dapat mengetahui serta mengenalpasti beberapa laman web yang mempunyai pelbagai interaktiviti dan navigasi tersendiri untuk menarik perhatian pengguna. Selain itu, terdapat juga laman web yang menggunakan interaktiviti yang mudah tapi menarik. Akhir sekali, ia juga dapat membantu saya dalam mendapatkan idea serta menjadikan rujukan untuk membangunkan laman web produk kami.

# data[].attributes.headline
Hasil daripada aktiviti ini saya dapat mengenalpasti perbezaan navigasi dan interaktiviti pada setiap laman web yang telah dibangunkan. Saya juga boleh menjadikan laman web atau portal rasmi yang sedia ada sebagai rujukan untuk saya bangunkan laman web bagi produk kami.

# data[].attributes.subject
Hasil daripada aktiviti ini saya dapat mengenalpasti perbezaan navigasi dan interaktiviti pada setiap laman web yang telah dibangunkan. Saya juga boleh menjadikan laman web atau portal rasmi yang sedia ada sebagai rujukan untuk saya bangunkan laman web bagi produk kami.

# data[].attributes.body
Dengan melaksanakan aktiviti ini, saya dapat mengetahui dan mengenalpasti perbezaan antara interaktiviti dan navigasi. Interaktiviti adalah reka bentuk untuk laman web yang menggunakan lain-lain perisian terbina, modul atau ciri-ciri yang bertujuan untuk mewujudkan persekitaran  secara aktif . Navigasi sabagai pandu arah dalam bidang pengajaran yang memberi tumpuan kepada proses pemantauan dan pengendalian pergerakan satu halaman kepada halaman yang lain. Selain itu, saya dapat mengetahui setiap laman web mempunyai interaktivi dan navigasi yang berbeza mengikut objektif dan tujuan yang tertentu dalam proses pembangunan laman web. Dengan adanya contoh-contoh laman web interaktiviti dan navigasi, saya dapat membangunkan laman web yang lebih efektif sebagai panduan masa akan datang.

# data[].attributes.headline
Give a brief reflection on the activities that you have done in the class and elaborate what is your next planning in order to proceed with the interactivity or navigation examples that you have explored during the exercises. All the best.

# data[].attributes.subject
Give a brief reflection on the activities that you have done in the class and elaborate what is your next planning in order to proceed with the interactivity or navigation examples that you have explored during the exercises. All the best.