SPM4342 KONSEP ASAS DALAM WEBPAGE

Transcription

1 SPM4342 PEMBANGUNAN SISTEM PEMBELAJARAN BERASASKAN WEB KONSEP ASAS DALAM WEBPAGE PM. Dr. Jamalludin Harun Norah Md Noor Norasykin Mohd Zaid Department of Educational Multimedia Faculty of Education, UTM

2 PENGENALAN

3 WEB SITE VS WEB PAGE Apa itu WEB SITE? Web site ialah pengumpulan web pages, gambar, video atau bahan digital lain yang di hoskan di dalam satu atau lebih web server, yang dapat diakses melalui atas talian. Apa itu WEB PAGE? Laman web ialah satu dokumen yang menggunakan HTML, dan dapat diakses melalui HTTP, alat yang memindahkan maklumat daripada web server kepada paparan di dalam enjin carian pengguna.

4 PORTAL Apa itu Portal? Portal ialah paparan yang bertindak sebagai halaman utama atau pintu masuk kepada sesuatu topik dan kawasan. Ia menjadi paparan permulaan utama apabila pengguna disambungkan kepada web

5 Portal > General Contoh Portal : Beberapa portal utama termasuk Google, Yahoo, Netscape, Lycos, CNET, Microsoft Network dan sebagainya.

6 PORTAL > NICHE Contoh portal niche : Garden.com (untuk pekebun) Fool.com (untuk pelabur) Portal Utusan tutor.com.my (Pembelajaran)

7 BLOG Apa itu blog? Blog ialah satu laman sesawang, yang kebiasaannya diuruskan secara individu, terdapat entri harian, diskripsi sesuatu peristiwa, atau bahan lain seperti grafik dan video. Entri dipaparkan mengikut kronologi.

8 Contoh Blog : BLOG

9 CMS Apa itu CMS? Content Management System (Sistem Pengurusan Maklumat) Sebuah sistem perisian komputer digunakan untuk menyusun dan memudahkan penciptaan dokumen dan bahan lain. Aplikasi web digunakan untuk menguruskan maklumat di laman sesawang Contoh CMS Joomla, Mambo

10 LMS Apa itu LMS? Learning Management System ( Sistem Pengurusan Pembelajaran) Sebuah perisian yang direka untuk mengurus campur tangan pengguna dalam pembelajaran

11 LMS Apa itu LMS? Pembelajaran kendiri ( e.g. self registration on instructor led training), latihan aliran kerja (e.g. application sharing, discussion threads) dan latihan pengurusan sumber (e.g. intructors, facilities, equipment) adalah sebahagian Sistem Pengurusan Pembelajaran. Contoh LMS : Moodle, Sakai, WebCT, Blackboard

12 Jenis Jenis Web Sites

13 Pengenalan Kecenderungan pengguna untuk melawat web sites adalah mengikut : Kegunaan site tersebut Atau mengikut penampilan visual Function Groupings Laman ilmiah Laman transaksi Laman komuniti Laman hiburan

14 GROUPS BY FUNCTION Laman Ilmiah Menyediakan maklumat tentang sesuatu subjek atau organisasi Laman Transaksi Digunakan untuk melakukan transaksi seperti perbankan dan sebagainya. Laman Komuniti Fokus kepada sesuatu topik atau kumpulan yang menggalakkan interaksi antara ahli kumpulan

15 GROUPS BY FUNCTION Laman Hiburan Laman seperti laman permainan atau laman untuk mendengar lagu atau menonton video yang mana berkemungkinan memerlukan elemen transaksi, komuniti dan juga ilmiah. Laman lain Laman yang artistik seperti laman peribadi seperti blog dan laman eksperimental.

16 GROUPS BY ORGANIZATION Laman juga dikategorikan berdasarkan organisasi. Sebagai contoh : Perbankan Kerajaan Pendidikan Kebajikan Personal

17 GROUPS BY ORGANIZATION Commercial Sebuah laman yang dibina dan diuruskan oleh organisasi kewangan, sama ada melalui e commerce atautransaksiluar talian. Kerajaan Laman ini dikendalikan oleh badan kerajaan di mana tujuannya adalah untuk memenuhi kehendak sosial dan undang undang

18 GROUPS BY ORGANIZATION Pendidikan Laman yang dikendalikan oleh sesebuah badan pendidikan di mana tujuannya adalah untuk menyokong dan mencapai matlamat pembelajaran. Kebajikan Laman berkaitan kebajikan diwujudkan bagi mempromosi aktiviti aktiviti yang dijalankan oleh badan kebajikan.

19 GROUPS BY VISUAL Berasaskan Teks Laman yang memfokuskan kepada maklumat bertulis. Laman seperti ini adalah mudah dan ringan dan juga ringkas dalam perekaannya. GUI(Graphical User Interface) Stail Laman ini mengikut tetapan grafik antaramuka pengguna daripada sofwer pembinaan web seperti top oriented bar menu, ikon dan juga popup windows.

20 GROUPS BY VISUAL GUI Style Laman berasaskan GUI berbeza daripada alat GUI yang ringkas kepada full blown aplikasi web yang digunakan untuk mencipta laman antaramuka Metaphorical Laman metafor mengadaptasi idea daripada kehidupan sebenar. Sebagai contoh, sebuah laman tentang kereta mungkin menggunakan dashboard dan steering kereta sebagai rekabentuk dan juga navigasi laman tersebut.

21 GROUPS BY VISUAL Experimental Experimental design menambah inovasi dan kreativiti kepada laman tersebut dan memberikan pengalaman luar dari kebiasaan kepada pengguna laman web.

22 THANK YOU