Aplikasi Kuliah Online dengan Penerapan Live Video Conferencing dan Streaming Berbasis Komponen

dengan Visual Basic 6.0Rinanda Rianti

5102 100 009

Permasalahan• Bagaimana agar perkuliahan dapat diikuti oleh

beberapa kelas atau kelas dengan banyak peserta secara bersamaan.

• Bagaimana agar perkuliahan dapat diikuti dimanapun dan kapanpun oleh dosen dan mahasiswa yang berhak mengikutinya.

• Bagaimana agar terjalin komunikasi yang efektif, baik melalui tatap muka langsung sehingga dapat berkomunikasi secara lisan maupun berkomunikasi secara tertulis antara dosen dan mahasiswa.

• Bagaimana agar dalam proses perkuliahan mahasiswa dan dosen dapat saling mentransfer file secara langsung.

• Bagaimana membuat tampilan aplikasi desktop yang sesuai dan interaktif.

Tujuan

• Mengoptimalkan proses perkuliahan dengan kelas besar yang membutuhkan interaksi dengan komputer.

• Memungkinkan proses perkuliahan yang diikuti lebih dari satu kelas secara bersamaan.

• Memberikan alternatif lain proses perkuliahan.

Deskripsi Umum Sistem

Aplikasi ini terdiri dari 3 fungsi utama yaitu:• Kuliah broadcast antara

dosen dengan mahasiswa• Kuliah on demand oleh

mahasiswa• Kuliah dua arah antara

dosen dengan ruang kelas

Perancangan Perangkat LunakPerancangan Perangkat Lunak yang akan dibahas dalam presentasi ini adalah pembuatan Use Case Diagram

Use Case Diagram Aktor

Aktor Pengguna mempunyai empat aktor turunan yaitu:• Administrator• Dosen• Mahasiswa• Ruang Kelas

Dosen

(from Actor)

Mahasiswa

(from Actor)

Ruang Kelas

(from Actor)Administrator

(from Actor)

Pengguna

(from Actor)

Akses Aktor

• Administrator mempunyai akses dalam manajemen sistem.

• Dosen mempunyai akses dalam proses perkuliahan yaitu kuliah broadcast, kuliah dua arah termasuk di dalamnya transfer file dan fungsi pendukung lainnya.

• Mahasiswa mempunyai akses dalam proses perkuliahan yaitu kuliah broadcast, kuliah on-demand dan transfer file serta fungsi pendukung lainnya.

• Ruang Kelas mempunyai akses dalam proses perkuliahan dua arah

Use Case Diagram Kuliah Broadcast

Use case diagram Kuliah Broadcast menggambar-kan proses perkuliahan melalui broadcast yang dimulai dengan login oleh masing-masing Pengguna yaitu Dosen dan Mahasiswa

Mahasiswa

(from Actor)

Browse kuliah yang diambil

(from Use Case)

Dosen

(from Actor)

Login

(from Use Case)

<<include>>

Kirim pesan chat

(from Use Case)

Baca pesan chat

(from Use Case)

Browse kuliah yang diajar

(from Use Case)

<<include>>

Tambah pertemuan

(from Use Case)

Broadcast siaran kuliah

(from Use Case)

<<extend>>

<<extend>>

<<extend>>

<<include>>

Mulai siaran kuliah

(from Use Case)

<<extend>><<extend>>

<<extend>>

Pilih pertemuan

(from Use Case)

<<include>> <<include>>

Use Case Diagram Kuliah Dua Arah

Proses perkuliahan dua arah dimulai dengan request yang dikirim oleh Ruang Kelas setelah terlebih dahulu melakukan Browse Kuliah yang Dijadwal dan memilih pertemuan kuliah. Dosen akan menerima request ini dengan melakukan calling Ruang Kelas. Calling yang masuk diterima Ruang Kelas dan proses perkuliahan dua arah bisa segera dimulai.

Mengirim request

(from Use Case)

Pilih pertemuan

(from Use Case)

<<include>>

Dosen

(from Actor)

Ruang Kelas

(from Actor)

Login

(from Use Case)

Menerima calling

(from Use Case)<<include>>

Menerima request

(from Use Case)

<<include>>

Calling

(from Use Case)

<<include>>

Siaran dengan dosen

(from Use Case)<<include>>

Browse kuliah yang dijadwal

(from Use Case)

<<include>>

Siaran dengan kelas

(from Use Case)

<<include>>

Browse kuliah yang diajar

(from Use Case)

<<include>>

<<extend>><<extend>>

Use Case Diagram Manajemen File Kuliah

Use case diagram Manajemen File Kuliah menggambarkan proses menambah, mengedit, menghapus dan mendownload file-file kuliah yang dilakukan oleh Dosen setelah terlebih dahulu login dan browse kuliah yang diajar. File-file kuliah terdiri dari file referensi, file tugas dan file video

Dosen

(from Actor)

Login

(from Use Case)

Hapus file kuliah

(from Use Case)

Tambah file kuliah

(from Use Case)

Download file kuliah

(from Use Case)

Browse kuliah yang diajar

(from Use Case)

<<include>>

<<extend>>

<<extend>>

<<extend>>

Edit file kuliah

(from Use Case)

<<extend>>

Manajemen Tugas Kuliah

Use case diagram Manajemen Tugas Kuliah menggambarkan proses menambah, mengedit, menghapus dan mendownload tugas mahasiswa yang dilakukan oleh Dosen setelah terlebih dahulu login dan browse kuliah yang diajar.

Dosen

(from Actor)

Login

(from Use Case)

Hapus tugas kuliah

(from Use Case)

Tambah tugas kuliah

(from Use Case)

Edit tugas kuliah

(from Use Case)

Browse kuliah yang diajar

(from Use Case)

<<include>>

<<extend>>

<<extend>>

<<extend>>

Download file tugas mahasiswa

(from Use Case)

<<extend>>

Use Case Diagram Download File Kuliah

Use case diagram Download File Kuliah menggambarkan proses download file kuliah yang meliputi file referensi, file tugas dan file video yang dilakukan oleh Mahasiswa setelah terlebih dahulu login dan browse kuliah yang diambil.

Mahasiswa

(from Actor)

Login

(from Use Case)

Download file referensi

(from Use Case)

Download file tugas

(from Use Case)Download file video

(from Use Case)

Browse kuliah yang diambil

(from Use Case)

<<include>>

<<extend>><<extend>><<extend>>

Use Case Diagram Manajemen File Tugas Mahasiswa

Use case diagram Manajemen File Tugas Mahasiswa menggambarkan proses upload, download dan hapus tugas mahasiswa yang dilakukan oleh Mahasiswa setelah terlebih dahulu login dan browse kuliah yang diajar.

Mahasiswa

(from Actor)

Login

(from Use Case)

Browse kuliah yang diambil

(from Use Case)

<<include>>

Hapus file tugas mahasiswa

(from Use Case)

<<extend>>

Upload file tugas mahasiswa

(from Use Case)

<<extend>>

Download file tugas mahasiswa

(from Use Case)

<<extend>>

Use Case Diagram Forum Kelas

Use case diagram Forum Kelas menggambarkan akses ke Forum Kelas seperti baca pesan forum, kirim pesan forum baru, balas pesan forum dan hapus pesan forum oleh Dosen dan Mahasiswa yang setelah login dan browse kuliah. Forum Kelas berisi pesan-pesan yang dikirim oleh Dosen dan Mahasiswa yang tergabung dalam suatu kelas.

Balas pesan forum

(from Use Case)

Dosen

(from Actor)

Mahasiswa

(from Actor)

Login

(from Use Case)

Browse kuliah yang diajar

(from Use Case)

<<include>>

Baca pesan forum

(from Use Case)

<<extend>>

Hapus pesan forum

(from Use Case)

Kirim pesan forum baru

(from Use Case)

Browse kuliah yang diambil

(from Use Case)

<<include>>

<<extend>><<extend>>

<<extend>><<extend>>

<<extend>> <<extend>>

Use Case Diagram Browse Peserta Kuliah

Use case diagram Browse Peserta Kuliah menggambarkan proses melihat daftar peserta kuliah kelas tertentu yang dapat dilakukan oleh Ruang Kelas, Mahasiswa dan Dosen setelah terlebih dahulu login dan browse kuliah

Dosen

(from Actor)

Mahasiswa

(from Actor)

Ruang Kelas

(from Actor)

Login

(from Use Case)

Browse kuliah yang dijadwal

(from Use Case)

<<include>>

Browse kuliah yang diambil

(from Use Case)

<<include>>

Browse peserta kuliah

(from Use Case)

<<extend>>

<<extend>>

Browse kuliah yang diajar

(from Use Case)

<<include>>

<<extend>>

Use Case Diagram Browse Pengguna

Use case diagram Browse Pengguna menggambarkan fungsi melihat daftar Pengguna yang sedang login yang dapat diakses oleh Ruang Kelas, Mahasiswa dan Dosen.

<<include>>

Ruang Kelas

(from Actor)

Mahasiswa

(from Actor)

Dosen

(from Actor)

Browse pengguna

(from Use Case)

Login

(from Use Case)

Use Case Diagram Manajemen Sistem

Use case diagram Manajemen Sistem menggambarkan proses-proses yang hanya dapat dilakukan oleh Administrator. Administrator mempunyai akses untuk mereset password pengguna, edit akses pegawai, edit ukuran maksimal file upload, edit path upload dan set tahun kurikulum

Administrator

(from Actor)

Edit akses pegawai

(from Use Case)

Edit ukuran maksimal file upload

(from Use Case)

Edit path upload

(from Use Case)

Set tahun kurikulum

(from Use Case)

Reset password pengguna

(from Use Case)

Login

(from Use Case)

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

Implementasi dan Uji Coba

• Skenario 1 :Aktifitas PengumumanUjicoba Aktifitas Pengumuman terdiri dari :

– mengirim pengumuman

- membalas pengumuman

- menghapus pengumuman

hasil mengirim pengumuman

hasil membalas pengumuman

hasil menghapus pengumuman

Implementasi dan Uji Coba-2

• Skenario 2 :Aktifitas Forum KelasUjicoba Aktifitas Forum Kelas terdiri dari:

– mengirim pesan forum- membalas pesan forum- menghapus pesan

forum

hasil mengirim pesan

hasil membalas pesan

hasil menghapus pesan

Implementasi dan Uji Coba-3

• Skenario 3 :Manajemen File KuliahUjicoba Manajemen File Kuliah terdiri dari:

– menambah file kuliah- menghapus file kuliah- mengedit file kuliah- mendownload file

kuliah

menambah file kuliah

menghapus file kuliah

mengedit file kuliah

Menghapus file kuliah

Implementasi dan Uji Coba-4

• Skenario 4 :Manajemen Tugas KuliahUjicoba Manajemen Tugas Kuliah terdiri dari:

– menambah tugas kuliah

- menghapus tugas kuliah

- mengedit tugas kuliah

menambah tugas kuliah

menghapus tugas kuliah

mengedit tugas kuliah

Implementasi dan Uji Coba-5

• Skenario 5 :Manajemen File Tugas MahasiswaUjicoba Manajemen File Tugas Kuliah Mahasiswa terdiri dari:

– mengupload file tugas- menghapus file tugas- mendownload file tugas

mengupload file tugas mahasiswa

menghapus file tugas mahasiswa

mendownload file tugas mahasiswa

Implementasi dan Uji Coba-6

• Skenario 6 :Play Video KuliahHasil uji coba dapat dilihat pada gambar di samping

play video kuliah

Implementasi dan Uji Coba-7

• Skenario 7 :Kuliah Dua Arah

- Ruang Kelas mengirim kelas

- Dosen menerima request

- Siaran dengan Dosen- Siaran dengan Kelas

Kuliah dua arah

Implementasi dan Uji Coba-8

• Skenario 8 :Reset Password PenggunaGambar di samping menampilkan konfirmasi reset password pengguna berhasil

reset password pengguna

Implementasi dan Uji Coba-9

• Skenario 9 :Set Tahun KurikulumGambar di samping menampilkan set tahun kurikulum berhasil

set tahun kurikulum

Implementasi dan Uji Coba-10

• Skenario 10 :Edit Path UploadGambar di samping menampilkan edit path upload berhasil

edit path upload

Implementasi dan Uji Coba-11

• Skenario 11 :Edit Ukuran Maksimal FileGambar di samping menampilkan edit ukuran maksimal file berhasil

edit ukuran maksimal file

Implementasi dan Uji Coba-12

• Skenario 12 :Edit Akses PegawaiGambar di samping menampilkan edit akses pegawai berhasiledit akses pegawai

Implementasi dan Uji Coba-13

• Skenario 13 :Broadcast siaran kuliahGambar di samping menampilkan broadcast siaran kuliah

broadcast siaran kuliah

Implementasi dan Uji Coba-14

• Skenario 14 :Kirim pesan chatGambar di samping menampilkan hasil kirim pesan chat

Kirim pesan chat