SlideShare a Scribd company logo
1 of 11
MELAKAR
PAPAN CERITA
PAPAN CERITA
• Satu siri lakaran yang menggambarkan isi kandungan untuk setiap
paparan skrin suatu laman sesawang.
• Berfungsi sebagai satu set susunan bahan grafik dalam bentuk ilustrasi
atau imej yang akan dipersembahkan sebagai animasi, grafik bergerak
atau media interaktif.
• Menggambarkan reka bentuk dan reka letak antara muka bagi setiap
paparan yang akan dibina.
• Menentukan aliran navigasi sesuatu laman sesawang.
KEBAIKAN
MELAKAR
PAPAN CERITA
• Mengetahui bilangan laman sesawang yang
diperlukan.
• Mengetahui maklumat yang harus dimasukkan.
• Mengetahui aliran antara laman sesawang.
• Memberikan penjelasan kasar tentang struktur
laman sesawang.
STRUKTUR
MAKLUMAT DAN
PAUTAN LAMAN
SESAWANG
• Struktur Linear
• Struktur Cabang
• Struktur Roda
• Struktur Hierarki
Struktur Linear
• Menghubungkan setiap laman dengan dua pilihan
pengemudian.
• Bergerak ke hadapan atau ke belakang.
Struktur Cabang
• Bersifat dinamik.
• Berkeupayaan mengemudi ke laman lain dengan
mudah.
• Laman utama dipautkan ke laman-laman lain
melalui sistem menu.
Struktur Roda
• Berbentuk seperti ruji basikal.
• Laman utama dipautkan ke laman-laman lain tetapi
pengunjung perlu kembali ke laman utama
sebelum dipautkan ke laman seterusnya.
Struktur Hierarki
• Mempunyai model pengemudian atas ke bawah.
• Bermula dari laman utama, pengunjung dipautkan
ke laman-laman lain.
• Pengunjung ada pilihan untuk ke laman seterusnya
tanpa kembali ke laman utama.
LANGKAH SEBELUM MELAKAR
PAPAN CERITA
Kumpul semua
maklumat yang
dikehendaki.
Susun semua
maklumat mengikut
topik.
Tentukan tajuk utama,
tajuk kecil dan isi
kandungan untuk
setiap laman.
Rancang struktur
maklumat dan pautan
laman sesawang.
Reka bentuk struktur
menu.
Rancang rupa dan reka
bentuk laman.
Lakarkan aliran pautan
bagi kesemua laman
dalam tapak sesawang.

More Related Content

What's hot

SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara Malaysia
SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara MalaysiaSEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara Malaysia
SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara MalaysiaFasyah Tutor
 
Kemahiran bola tampar
Kemahiran bola tamparKemahiran bola tampar
Kemahiran bola tamparkoon
 
Alat-alat pengukuran
Alat-alat pengukuranAlat-alat pengukuran
Alat-alat pengukuranYuseri Bujang
 
Pendekatan moral kognitif
Pendekatan moral kognitifPendekatan moral kognitif
Pendekatan moral kognitifyusnithamerang
 
Modul smu3063 stat asas pjj (1)
Modul smu3063 stat asas pjj (1)Modul smu3063 stat asas pjj (1)
Modul smu3063 stat asas pjj (1)husniza huss
 
Elektromekanikal
ElektromekanikalElektromekanikal
ElektromekanikalVios Owner
 
Imbangan Dan Masa Reaksi - MPP
Imbangan Dan Masa Reaksi - MPPImbangan Dan Masa Reaksi - MPP
Imbangan Dan Masa Reaksi - MPPShaiful Izham
 
PERGERAKAN ASAS ( LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN
PERGERAKAN ASAS (  LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN PERGERAKAN ASAS (  LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN
PERGERAKAN ASAS ( LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN Tinagaran Magisparan
 
Reka bentuk mekanikal
Reka bentuk mekanikal Reka bentuk mekanikal
Reka bentuk mekanikal Ly Jonathan
 
Angkup vernier & tolo skru mickometer
Angkup vernier & tolo skru mickometerAngkup vernier & tolo skru mickometer
Angkup vernier & tolo skru mickometerMJ Chow
 
2.1 sistem nombor perduaan
2.1 sistem nombor perduaan2.1 sistem nombor perduaan
2.1 sistem nombor perduaantinalisalokman
 
Pengajaran & pembelajaran mobile
Pengajaran & pembelajaran mobilePengajaran & pembelajaran mobile
Pengajaran & pembelajaran mobileIzzah Zahh
 
Lontar peluru ppt
Lontar peluru pptLontar peluru ppt
Lontar peluru pptTAN KEW
 
Pengenalan papan cerita ask ting 1
Pengenalan papan cerita ask ting 1Pengenalan papan cerita ask ting 1
Pengenalan papan cerita ask ting 1Mum Darwisy
 

What's hot (20)

SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara Malaysia
SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara MalaysiaSEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara Malaysia
SEJARAH T5 KBSM BAB 7 - Sistem Pemerintahan dan Pentadbiran Negara Malaysia
 
Kemahiran bola tampar
Kemahiran bola tamparKemahiran bola tampar
Kemahiran bola tampar
 
Alat-alat pengukuran
Alat-alat pengukuranAlat-alat pengukuran
Alat-alat pengukuran
 
Pendekatan moral kognitif
Pendekatan moral kognitifPendekatan moral kognitif
Pendekatan moral kognitif
 
Nota lukisan kejuruteraan
Nota lukisan kejuruteraanNota lukisan kejuruteraan
Nota lukisan kejuruteraan
 
Gamifikasi
GamifikasiGamifikasi
Gamifikasi
 
Modul smu3063 stat asas pjj (1)
Modul smu3063 stat asas pjj (1)Modul smu3063 stat asas pjj (1)
Modul smu3063 stat asas pjj (1)
 
Sistem tuas
Sistem tuasSistem tuas
Sistem tuas
 
Elektromekanikal
ElektromekanikalElektromekanikal
Elektromekanikal
 
Imbangan Dan Masa Reaksi - MPP
Imbangan Dan Masa Reaksi - MPPImbangan Dan Masa Reaksi - MPP
Imbangan Dan Masa Reaksi - MPP
 
PERGERAKAN ASAS ( LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN
PERGERAKAN ASAS (  LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN PERGERAKAN ASAS (  LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN
PERGERAKAN ASAS ( LOKOMOTOR, BUKAN LOKOMOTOR DAN MANIPULASI ALATAN
 
Reka bentuk mekanikal
Reka bentuk mekanikal Reka bentuk mekanikal
Reka bentuk mekanikal
 
SLIDE REKA BENTUK MEKANIKAL.pptx
SLIDE REKA BENTUK MEKANIKAL.pptxSLIDE REKA BENTUK MEKANIKAL.pptx
SLIDE REKA BENTUK MEKANIKAL.pptx
 
Angkup vernier & tolo skru mickometer
Angkup vernier & tolo skru mickometerAngkup vernier & tolo skru mickometer
Angkup vernier & tolo skru mickometer
 
2.1 sistem nombor perduaan
2.1 sistem nombor perduaan2.1 sistem nombor perduaan
2.1 sistem nombor perduaan
 
teknologi pembuatan
teknologi pembuatanteknologi pembuatan
teknologi pembuatan
 
Pengajaran & pembelajaran mobile
Pengajaran & pembelajaran mobilePengajaran & pembelajaran mobile
Pengajaran & pembelajaran mobile
 
RPH Berpusatkan Pelajar Animasi
RPH Berpusatkan Pelajar AnimasiRPH Berpusatkan Pelajar Animasi
RPH Berpusatkan Pelajar Animasi
 
Lontar peluru ppt
Lontar peluru pptLontar peluru ppt
Lontar peluru ppt
 
Pengenalan papan cerita ask ting 1
Pengenalan papan cerita ask ting 1Pengenalan papan cerita ask ting 1
Pengenalan papan cerita ask ting 1
 

Recently uploaded

Reka Bentuk Teknologi Nota Tingkatan satu1
Reka Bentuk  Teknologi Nota Tingkatan satu1Reka Bentuk  Teknologi Nota Tingkatan satu1
Reka Bentuk Teknologi Nota Tingkatan satu1MDFARIDSHAFARIBINHAR
 
Slide sejarah tingkatan5 bab5 nota ringkas
Slide sejarah tingkatan5 bab5 nota ringkasSlide sejarah tingkatan5 bab5 nota ringkas
Slide sejarah tingkatan5 bab5 nota ringkasAdiebsulhy55
 
064 DSKP KSSM Tingkatan 2 Geografi v2.pdf
064 DSKP KSSM Tingkatan 2 Geografi v2.pdf064 DSKP KSSM Tingkatan 2 Geografi v2.pdf
064 DSKP KSSM Tingkatan 2 Geografi v2.pdfNURULAFIFIBINTIROSLA
 
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdf
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdfKIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdf
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdfSandyItab
 
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINI
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINITUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINI
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINIZAINABAFINABINTISUHA
 
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdf
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdfTopik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdf
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdfNursKitchen
 
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikan
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikanPBKK3143 TUTO M4 asas penyelidikan dalam pendidikan
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikangipgp24202619
 
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...MDFARIDSHAFARIBINHAR
 
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdfPENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf1370zulaikha
 
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdf
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdfReka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdf
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdfMDFARIDSHAFARIBINHAR
 
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genap
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genapKISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genap
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genapDewiUmbar
 
Buku Program Pelancaran Nilam SMK Johor Bahru.pptx
Buku Program Pelancaran Nilam SMK Johor Bahru.pptxBuku Program Pelancaran Nilam SMK Johor Bahru.pptx
Buku Program Pelancaran Nilam SMK Johor Bahru.pptxHussalwaHussain1
 

Recently uploaded (12)

Reka Bentuk Teknologi Nota Tingkatan satu1
Reka Bentuk  Teknologi Nota Tingkatan satu1Reka Bentuk  Teknologi Nota Tingkatan satu1
Reka Bentuk Teknologi Nota Tingkatan satu1
 
Slide sejarah tingkatan5 bab5 nota ringkas
Slide sejarah tingkatan5 bab5 nota ringkasSlide sejarah tingkatan5 bab5 nota ringkas
Slide sejarah tingkatan5 bab5 nota ringkas
 
064 DSKP KSSM Tingkatan 2 Geografi v2.pdf
064 DSKP KSSM Tingkatan 2 Geografi v2.pdf064 DSKP KSSM Tingkatan 2 Geografi v2.pdf
064 DSKP KSSM Tingkatan 2 Geografi v2.pdf
 
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdf
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdfKIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdf
KIMIA T5 KSSM BAB 1 Keseimbangan Redoks zila khalid =).pdf
 
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINI
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINITUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINI
TUGASAN MODUL 4 TS25 RUJUKAN SEKOLAH TERKINI
 
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdf
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdfTopik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdf
Topik 5 - PEMBINAAN PERADABAN MAJMUK DI MALAYSIA.pdf
 
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikan
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikanPBKK3143 TUTO M4 asas penyelidikan dalam pendidikan
PBKK3143 TUTO M4 asas penyelidikan dalam pendidikan
 
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...
1 rbt kandungan-dan-cadangan-rekod-pembelajaran-dan-pemudahcaraan-formula-a-k...
 
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdfPENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf
PENTAKSIRAN dalam pendidikan tajuk enam hingga lapan.pdf
 
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdf
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdfReka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdf
Reka Bentuk dan Teknologi_Tingkatan_2-1-31-10-31.pdf
 
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genap
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genapKISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genap
KISI-KISI SOAL DAN KARTU SOAL KELAS Xi semester genap
 
Buku Program Pelancaran Nilam SMK Johor Bahru.pptx
Buku Program Pelancaran Nilam SMK Johor Bahru.pptxBuku Program Pelancaran Nilam SMK Johor Bahru.pptx
Buku Program Pelancaran Nilam SMK Johor Bahru.pptx
 

Papan Cerita.pptx

  • 2. PAPAN CERITA • Satu siri lakaran yang menggambarkan isi kandungan untuk setiap paparan skrin suatu laman sesawang. • Berfungsi sebagai satu set susunan bahan grafik dalam bentuk ilustrasi atau imej yang akan dipersembahkan sebagai animasi, grafik bergerak atau media interaktif. • Menggambarkan reka bentuk dan reka letak antara muka bagi setiap paparan yang akan dibina. • Menentukan aliran navigasi sesuatu laman sesawang.
  • 3.
  • 4.
  • 5. KEBAIKAN MELAKAR PAPAN CERITA • Mengetahui bilangan laman sesawang yang diperlukan. • Mengetahui maklumat yang harus dimasukkan. • Mengetahui aliran antara laman sesawang. • Memberikan penjelasan kasar tentang struktur laman sesawang.
  • 6. STRUKTUR MAKLUMAT DAN PAUTAN LAMAN SESAWANG • Struktur Linear • Struktur Cabang • Struktur Roda • Struktur Hierarki
  • 7. Struktur Linear • Menghubungkan setiap laman dengan dua pilihan pengemudian. • Bergerak ke hadapan atau ke belakang.
  • 8. Struktur Cabang • Bersifat dinamik. • Berkeupayaan mengemudi ke laman lain dengan mudah. • Laman utama dipautkan ke laman-laman lain melalui sistem menu.
  • 9. Struktur Roda • Berbentuk seperti ruji basikal. • Laman utama dipautkan ke laman-laman lain tetapi pengunjung perlu kembali ke laman utama sebelum dipautkan ke laman seterusnya.
  • 10. Struktur Hierarki • Mempunyai model pengemudian atas ke bawah. • Bermula dari laman utama, pengunjung dipautkan ke laman-laman lain. • Pengunjung ada pilihan untuk ke laman seterusnya tanpa kembali ke laman utama.
  • 11. LANGKAH SEBELUM MELAKAR PAPAN CERITA Kumpul semua maklumat yang dikehendaki. Susun semua maklumat mengikut topik. Tentukan tajuk utama, tajuk kecil dan isi kandungan untuk setiap laman. Rancang struktur maklumat dan pautan laman sesawang. Reka bentuk struktur menu. Rancang rupa dan reka bentuk laman. Lakarkan aliran pautan bagi kesemua laman dalam tapak sesawang.