Post on 14-Mar-2019
KELAS MAYA DENGAN MENGGUNAKAN TEKNOLOGI PENGARUSAN VIDEO
LIEW SHAW CHIN
Laporan ini dikemukakan sebagai memenuhi sebahagian daripada
syarat penganugerahan Ijazah Sarjana Muda Sains Komputer
Fakulti Sains Komputer Dan Sistem Maklumat
Universiti Teknologi Malaysia
APRIL 2007
Untuk ibu, ayah, datuk, nenek dan adik yang tersayang.
i
PENGHARGAAN
Setinggi-tinggi penghargaan dan terima kasih saya ucapkan kepada Dr
Muhammad Shafie bin Abd Latiff, penyelia projek saya yang telah memberi
bimbingan, tunjuk ajar dan nasihat kepada saya sepanjang tempoh penghasilan
laporan ini.
Ucapan terima kasih juga ditujukan kepada pensyarah Jabatan Sistem dan
Komunikasi Komputer yang sudi meluangkan masa dan telah banyak membantu
ketika kajian projek dijalankan.
Akhir sekali, ucapan terima kasih juga diberikan kepada sesiapa yang
memberikan bantuan kepada saya untuk menghasilkan projek ini.
ii
ABSTRAK
Kelas maya ialah sistem pengajaran dan pembelajaran jarak jauh yang
berasaskan atas talian. Sistem kelas maya yang menggunakan teknologi pengarusan
video ini dibangunkan untuk menjadikan proses pembelajaran lebih fleksibel dan
berkesan. Sistem kelas maya yang dibangunkan adalah tak bersegerak atau
pembelajaran bebas, iaitu bukan pada masa nyata. Konsep utama bagi sistem yang
dibangunkan ialah pembelajaran melalui rakaman video. Metodologi pembangunan
yang digunakan ialah prototaip. Pengurusan pangkalan data dilaksanakan oleh
MySQL Server manakala JSP ialah bahasa pengaturcaraan untuk pembangunan
sistem. Teknologi pengarusan video bagi sistem ini dilaksanakan dengan
menggunakan Helix Server dan Real Time Streaming Protocol (RTSP) digunakan
untuk mengawal arusan video. Diharapkan sistem ini dapat memudahkan dan
mengoptimumkan proses pembelajaran.
iii
ABSTRACT
Virtual classroom is online teaching and learning system, which is not
considering about the location of teacher and learner. Virtual classroom using video
streaming technology develop to make the learning process more flexible and
effective. This virtual classroom system is asynchronous or independent learning,
which is not in real-time and not collaborative. The main concept of this system is
learning individually by video clips. The methodology of prototyping is use to
develop this system. Database of this system manage by MySQL Server, JSP is main
programming language to develop this system. Platform of this system is Helix
Streaming Server and RTSP is use to manage this server. Hopefully, this system can
ease and optimize the learning process.
iv
KANDUNGAN
BAB PERKARA HALAMAN
PENGHARGAAN i
ABSTRAK ii
ABSTRACT iii
KANDUNGAN iv
SENARAI JADUAL viii
SENARAI RAJAH ix
SENARAI SINGKATAN x
SENARAI LAMPIRAN xi
1 PENGENALAN PROJEK 1
1.1 Pengenalan 1
1.2 Matlamat Projek 2
1.3 Objektif Projek 2
1.4 Skop Projek 2
1.5 Latar Belakang Masalah 3
1.6 Kepentingan Projek 4
2 KAJIAN LITERATUR 5
2.1 Pengenalan 5
2.2 Kelas Maya 5
2.2.1 Perbandingan Antara Kelas Maya dan Kelas Fizikal 6
v
2.2.2 Ciri-ciri Kelas Maya 6
2.2.3 Jenis-jenis Pembelajaran Bagi Kelas Maya 7
2.2.3.1 Kelas Maya Bersegerak 7
2.2.3.2 Kelas Maya Tak Bersegerak 7
2.3 Video Hosting 8
2.4 Sistem Sedia Ada 8
2.4.1 YouTube 8
2.4.2 Google Video 9
2.4.3 Internet Archive 10
2.4.4 Perbandingan Sistem Sedia Ada 10
2.4.5 Projek Sarjana Muda Lepas 13
2.5 Teknologi Dan Komponen Yang Digunakan 15
2.5.1 Pengarusan Video (video Streaming). 15
2.5.2 Pelayan Pengarusan (Streaming Server) 15
2.5.3 Helix Server 16
2.5.4 Real Time Streaming Protocol (RTSP) 17
2.5.5 Real-time Transport Protocol (RTP) 17
2.5.6 RTP Control Protocol (RTCP) 18
2.5.7 Microsoft Media Services (MMS) 18
2.5.8 Synchronized Multimedia Integration 19
Language (SMIL)
2.6 Enum (Telephone Number Mapping) 19
2.6.1 E.164 dan ITU 20
3 METODOLOGI PEMBANGUNAN 21
3.1 Pengenalan 21
3.2 Metodologi Yang Digunakan 21
3.2.1 Metodologi Prototaip 22
3.2.2 Fasa-fasa Metodologi Prototaip 22
3.2.2.1 Fasa Kajian Awalan 23
3.2.2.2 Fasa Analisa 23
3.2.2.3 Fasa Rekabentuk Sistem 24
vi
3.2.2.4 Fasa Pembangunan Sistem 24
3.2.2.5 Fasa Pengujian Dan Perlaksanaan 25
3.3 Justifikasi Pemilihan Metodologi Prototaip 25
3.4 Analisis Keperluan Sistem 26
3.4.1 Keperluan Perkakasan 26
3.4.2 Keperluan Perisian 27
3.5 Spesifikasi Input Dan Output 28
3.5.1 Spesifikasi Input 28
3.5.2 Spesifikasi Output 29
4 ANALISA DAN REKABENTUK 30
4.1 Pengenalan 30
4.2 Proses Rekabentuk Sistem 30
4.2.1 Rekabentuk Senibina 31
4.2.2 Rekabentuk Antaramuka 32
4.2.3 Rekabentuk Aliran Kerja 33
4.2.4 Rekabentuk Pangkalan Data 39
4.2.5 Rekabentuk Algorithma 40
5 IMPLEMENTASI DAN PENGUJIAN 42
5.1 Persekitaran Sistem 42
5.1.1 Helix Server 11 43
5.1.1.1 Titik Lekapan (Mount Point) 43
5.1.1.2 Teknik Pengarusan Video 44
5.1.1.3 Kawalan Arusan Video 45
5.1.2 Apache Tomcat 6.0 46
5.2 Implementasi 46
5.2.1 Sambungan Ke Pangkalan Data 46
5.2.2 Modul User Authentication 47
5.2.3 Modul User Registration 48
5.2.4 Modul Update User Profile 48
vii
5.2.5 Modul User Login 49
5.2.6 Modul Upload Video File & Update Database 51
5.2.7 Modul Delete Video File & Update Database 54
5.2.8 Modul Search Video 55
5.2.9 Modul Play Video 55
5.3 Pengujian 56
5.3.1 Pengujian Unit 57
5.3.2 Modul User Registration 57
5.3.3 Modul User Login 57
5.3.4 Modul Update User Profile 58
5.3.5 Modul Upload Video File & Update Database 59
5.3.6 Modul Delete Video File & Update Database 59
5.3.7 Modul Search Video 60
5.3.8 Modul Play Video 60
6 PERBINCANGAN DAN KESIMPULAN 61
6.1 Pengenalan 61
6.2 Hasil dan Pencapaian 61
6.3 Masalah/Kelemahan Sistem 62
6.4 Kesimpulan 62
LAMPIRAN A-D 63
RUJUKAN 110
viii
SENARAI JADUAL
NO.JADUAL TAJUK HALAMAN
2.1 Pembangun, Harga dan Lesen Pemilikan 11
2.2 Fungsi-fungsi Yang Dibekalkan Kepada Pengguna Berdaftar 11
2.3 Format Video Yang Disokong 12
2.4 Saiz Maksimum Bagi Format Video 12
Yang Disokong
2.5 Perbezaan Fungsi-fungsi Antara Sistem Lama Dan Sistem Baru 13
3.1 Spesifikasi Minimum Bagi Perkakasan 26
3.2 Spesifikasi Perisian 27
3.3 Spesifikasi Input 28
3.4 Spesifikasi Output 29
4.1 Pelaku-pelaku Bagi Sistem 33
4.2 Keterangan Kes Guna Bagi Admin Sistem 34
4.3 Keterangan Kes Guna Bagi Pensyarah 37
4.4 Keterangan Kes Guna Bagi Ahli 38
5.1 Penambahan Titik Lekapan Ke Helix Server 44
5.2 Pengujian Terhadap Modul User Registration 57
5.3 Pengujian Terhadap Modul User Login 58
5.4 Pengujian Terhadap Modul Update User Profile 58
5.5 Pengujian Terhadap Modul Upload Video File & Update 59
Database
5.6 Pengujian Terhadap Modul Delete Video File & Update 59
Database
5.7 Pengujian Terhadap Modul Search Video 60
5.8 Pengujian Terhadap Modul Play Video 60
ix
SENARAI RAJAH
NO.RAJAH TAJUK HALAMAN
4.1 Proses-proses Rekabentuk Sistem 31
4.2 Model Rekabentuk Senibina Bagi Sistem 32
4.3 Kes Guna Bagi Admin Sistem 34
4.4 Kes Guna Bagi Pensyarah 36
4.5 Kes Guna Bagi Ahli 38
4.6 Model Rekabentuk Pangkalan Data Bagi Sistem 40
5.1 Konfigurasi Titik Lekapan Bagi Helix Server 43
5.2 Kawalan Sambungan Helix Server Dengan Pelanggan 46
5.3 Keratan Kod bagi Penyambungan JSP Dengan Pangkalan 47
Data
5.4 Keratan Kod Bagi Modul User Authentication A 47
5.5 Keratan Kod Bagi Modul User Registration A 48
5.6 Keratan Kod Bagi Modul Update User Profile A 49
5.7 Keratan Kod Bagi Modul User Login 50
5.8 Keratan Kod Bagi Modul Upload Video File & Update 51
Database – Bahagian Input
5.9 Keratan Kod Bagi Modul Upload Video File & Update 52
Database – Bahagian Upload Video File
5.10 Keratan Kod Bagi Modul Upload Video File & Update 53
Database – Bahagian Update Database
5.11 Keratan Kod Bagi Modul Delete Video File & Update 54
Database
5.12 Keratan Kod Bagi Modul Search Video 55
5.13 Keratan Kod Bagi Modul Play Video 56
5.14 Antaramuka Real Player Terbenam 56
x
SENARAI SINGKATAN
NAMA SINGKATAN NAMA PENUH
HTML Hypertext Markup Language
HTTP Hypertext Transfer Protocol
IP Internet Protocol
MMS Microsoft Media Service
JSP Java Server Page
RTSP Real Time Streaming Protocol
RTCP RTP Control Protocol
RTP Real-time Transport Protocol
SMIL Synchronized Multimedia Integration Language
SQL Structured Query Language
TCP Transmission Control Protocol
UDP User Datagram Protocol
xi
SENARAI LAMPIRAN
LAMPIRAN TAJUK HALAMAN
A1 Antaramuka Laman Web YouTube 64
(http://www.youtube.com)
A2 Antaramuka Laman Web Google Video 65
(http://video.google.com)
A3 Aliran Metodologi Prototaip 66
A4 Contoh-contoh antaramuka bagi sistem 67
A5 Rajah jujukan bagi pengguna sistem 68
B Maklumat pakej com.jspsmart.upload 69
C Carta Gantt 78
D Panduan Pengguna 81
1
BAB 1
PENGENALAN PROJEK
1.1 Pengenalan Kelas maya (virtual classroom) ialah sistem pengajaran dan pembelajaran
jarak jauh yang berasaskan atas talian, di mana penyimpanan, pencapaian dan
pertukaran data-data adalah melalui rangkaian dan sistem maklumat. Ia mula di
dilancarkan oleh American Telephone American Telephone & Telegraph Co (AT&T)
pada tahun 1996. Kelas maya terbahagi kepada dua jenis iaitu bersegerak
(synchronous) atau pembelajaran usahasama (collaborate) dan tak bersegerak
(asynchronous) atau pembelajaran bebas atau aktif. Sistem yang dibangunkan adalah
kelas maya jenis pembelajaran bebas dengan pembelajaran melalui rakaman video
sebagai komponen utama. Ia menggabungkan kertas kerja yang tersentuh dengan
rakaman video terekod. Teknologi Real Time Streaming Protocol (RTSP) digunakan
untuk penghantaran arusan video (video streams). Sistem kelas maya adalah salah
satu komponen e-pembelajaran (e-learning), ia menjadi semakin popular pada
kebelakangan ini di mana ia mempunyai kebaikan fleksibel, interaksi dan
keberkesanan. Lingkungan kawasan luas yang dirangkumi oleh sistem ini
membolehkan masalah saiz bilik kuliah dan pengangkutan dapat diselesaikan. Ciri-
ciri utama yang terdapat di sistem kelas maya adalah komunikasi/penyertaan,
penilaian dan penyokongan. Secara umumnya, projek ini bertujuan untuk
memudahkan para pengguna dari segi perjalanan, masa dan kecekapan pembelajaran.
Suatu sistem pengajaran dan pembelajaran yang cekap perlu dibangunkan bagi
mengatasi masalah yang dikenal pasti dan diharapkan ia akan memberikan
sumbangan dalam bidang akademik.
2
1.2 Matlamat Projek
Menghasilkan satu sistem pembelajaran tak bersegerak yang menggunakan
teknologi pengarusan video (video streaming) untuk menjadikan proses
pembelajaran lebih efektif dan berkesan.
1.3 Objektif Projek
Untuk mencapai matlamat projek yang diterangkan di bahagian 1.3, objektif-
objektif berikut perlu dilaksanakan:-
i) Mengkaji sistem sedia ada dan teknologi-teknologi yang berkaitan dengan
kelas maya dan teknologi pengarusan video.
ii) Merekabentuk dan membangunkan prototaip sistem kelas maya yang
berasaskan teknologi pengarusan video.
iii) Menjalankan pengujian terhadap sistem yang dibangunkan.
1.4 Skop Projek
Skop-skop projek berikut ditentukan untuk memastikan objektif-objektif
projek di bahagian 1.4 boleh dicapai:-
i) Sistem kelas maya yang dibangunkan adalah tak bersegerak dan bukan jenis
masa nyata (real-time).
ii) Sistem beroperasi dalam persekitaran rangkaian dan berasaskan atas talian.
iii) Sistem beroperasi dengan menggunakan pelayar web yang menyokong
penyiaran rakaman video secara atas talian.
iv) Pembelajaran melalui rakaman video adalah ciri utama bagi sistem yang
dibangunkan.
v) Sistem kelas maya ini memberi perkhidmatan penyiaran rakaman video
3
pelajaran yang terekod sahaja.
1.5 Latarbelakang Masalah
Kebanyakan ciri-ciri kelas maya adalah pengubahsuaian daripada kelas
fizikal, tetapi terdapat perbezaan di antaranya dari segi tempat, masa, saiz kelas, isi
kandungan pelajaran dan cara komunikasi.
Pelajar bagi kelas fizikal adalah dipaksa menghadiri kelas pada masa yang
tepat. Ini menyebabkan proses pembelajaran menjadi tidak fleksibel. Ia mungkin
adalah masalah bagi mereka yang menghadapi kesusahan dalam pengangkutan atau
penjadualan masa, misalnya pelajar yang mempunyai perkerjaan tetap, pelajar yang
tinggal jauh daripada pusat institusi dan pelajar kurang upaya.
Dalam kelas fizikal, proses penyampaian maklumat adalah dilakukan oleh
pengajar. Progres bagi kursus adalah ditentukan oleh pengajar dan jadual kursus
yang tetap. Masa untuk menghabiskan suatu kursus adalah bergantung kepada jadual
yang ditetapkan. Secara langsung perbelanjaan masa dan wang akan bertambah.
Kualiti pembelajaran bagi kelas fizikal adalah tidak terjamin disebabkan
terdapat banyak faktor luaran yang akan mempengaruhi proses pembelajaran bagi
seseorang pelajar. Antaranya ialah:
i) Situasi kelas - Saiz bagi bilik kuliah, bilangan pelajar, keselesaan semasa
proses pengajaran dan pembelajaran, gangguan persekitaran , perkakasan dan
perisian yang terdapat di bilik kuliah.
ii) Pengajar - Kekerapan kehadiran, tanggungjawab, keupayaan pengajaran bagi
pensyarah dan material pembelajaran yang dibekalkan olehnya.
4
1.6 Kepentingan Projek
Tujuan projek ini dibangunkan adalah disebabkan oleh beberapa kepentingan
yang berikut:
i. Menjimatkan kos dan masa pengguna dari segi perjalanan dan latihan
kursus.
ii. Menjimatkan sumber manusia, penggunaan perkakasan dan kos
pengendalian bagi pihak institusi.
iii. Penjadualan yang fleksibel dan bebas menyebabkan keadaan kesesakan
masa bagi pelajar tidak berlaku.
iv. Memberi peluang pembelajaran kepada orang kurang upaya.
v. Rakaman video yang terekod membolehkan pembelajaran bagi pengikut
kursus menjadi lebih cekap.