Elektro

Jurnal Informatika / Elektro

PENGEMBANGAN APLIKASI LIVE PRESENTATION DENGAN MENGGUNAKAN WEBRTC SEBAGAI PEMANFAATAN TEKNOLOGI INFORMASI DAN KOMUNIKASI UNTUK MEDIA PEMBELAJARAN JARAK JAUH (E-LEARNING) Furin Subandri, Andri Setyawan1, Muhammad Niswar, Indrabayu Amirullah2 1

)NIM: D42110252; D42110272; Mahasiswa Program Studi Informatika, 2)Staf pengajar pada Jurusan Teknik Elektro, Fakultas teknik Universitas Hasanuddin Kampus UNHAS Tamalanrea, Jl.Perintis Kemerdekaan Km 10, Kode pos 90245, Makassar,SulSel. ABSTRAK

Kehadiran teknologi informasi merupakan faktor utama tersedianya pelayanan yang cepat, akurat, dan terpercaya di dalam berbagi aspek kehidupan pada era sekarang ini, diantaranya ialah institusi pendidikan, guna menggembangkan dan meningkatkan mutu pendidikan maka digunakanlah teknologi informasi dalam pembelajaran secara jarak jauh atau yang lebih dikenal dengan e-learning. Pembelajaran jarak jauh harus dapat digunakan oleh siapapun dan dimanapun,oleh karena itu sistem tersebut secara teknis harus mampu lintas platform dan WebRTC merupakan jawaban dari pengembangan aplikasi untuk pembelajaran jarak jauh. WebRTC merupakan sebuah API yang berbasis real time yang dikembangkan oleh Google Inc pada tahun 2011 yang membolehkan pertukaran data, video, audio sehingga memunculkan sebuah harapan besar akan adanya aplikasi tanpa plugin yang bisa dipakai oleh semua browser. Live Presentation merupakan sebuah aplikasi berbasis WebRTC yang bertujuan untuk menampilkan presentasi secara real time sehingga dapat diliat oleh siapa saja dan dimana saja tanpa harus bertemu. Penggunaan CPU, RAM dan Bandwidth untuk menjalankan aplikasi live presentation ini pada lima client menggunakan 5%-13% beban CPU, menggunakan 2.4%-2.6% beban RAM dan juga menggunakan 8Kbps-32Kbps beban Bandwidth. Hal ini juga menunjukkan bahwa aplikasi Live Presentation yang menggunakan WebRTC bisa memakai perangkat yang memiliki sumber terbatas. Kata kunci : E-learning, pembelajaran jarak jauh, webrtc, live presentation

PENDAHULUAN Perkembangan dunia teknologi informatika turut mempengaruhi dunia pendidikan, khususnya pelaksanaan pembelajaran jarak jauh. Pembelajaran berbasis teknologi informasi dan komunikasi ini telah mengubah sistem pembelajaran pola konvensional atau tradisional menjadi pola bermedia, di antaranya media komputer dengan internetnya yang kemudian memunculkan e-learning. Dalam konteks pembelajaran jarak jauh, e learning dapat dilakukan dengan berbasis web dan memanfaatkan fasilitas internet. Sistem pembelajaran yang selama ini dilakukan mayoritas masih menggunakan sistem pembelajaran konvensional. Dalam sistem pembelajaran konvensional ditemukan

banyak kekurangan seperti keterbatasan tempat dan waktu. Dalam dunia perkuliahan misalnya, seringkali ditemukan mahasiswa yang mungkin saja mengantuk atau malah tidak hadir di dalam kelas, ataupun terkadang dosen tidak sempat hadir di dalam kelas karena sedang berada di luar kota. Dari berbagai masalah yang muncul itulah diperlukan upaya untuk memberikan inovasi dalam gaya belajar. Oleh sebab itu dikembangkanlah pembelajaran jarak jauh yang dapat mengatasi masalah yang terdapat pada pembelajaran konvensional. Sistem pembelajaran jarak jauh merupakan suatu metode instruksional antara pengajar dan pelajar untuk memberikan kesempatan belajar tanpa dibatasi oleh kendala waktu, ruang dan tempat serta keterbatasan sistem pendidikan tradisional. Pada sistem 1

Jurnal Informatika / Elektro pembelajaran jarak jauh, pelajar tidak perlu datang kuliah, mendengarkan pengajar mengajar dan aktivitas pembelajaran konvensional lainnya. Siswa dapat belajar di rumah, mengerjakan soal-soal latihan seperti yang terjadi pada metode pembelajaran tradisional. Interaksi antara pengajar dan pelajar masih tetap berlangsung dengan media yang memungkinkan interaksi tersebut terjadi. [1] Saat ini Pembelajaran Jarak Jauh telah dianggap sebagai salah satu metode yang cukup efektif. Salah satu alasannya karena Menteri Pendidikan dan Kebudayaan telah mengeluarkan peraturan nomor 24 tahun 2012 tentang Penyelenggaraan Pendidikan Jarak Jauh Pada Pendidikan Tinggi khususnya pada pasal 3 yang menyebutkan bahwa Pembelajaran Jarak Jauh atau yang disingkat PJJ memiliki karakteristik terbuka, belajar mandiri, belajar tuntas, dan menggunakan teknologi informasi dan komunikasi, yang menunjukkan bahwa metode e-learning tidak menutup seseorang untuk menuntuk ilmu pada sebuah wilayah yang terisolasi, membuat pelajar menjadi lebih terbuka pada kesempatan untuk menambah ilmu pengetahuan dari mana saja. [2] Untuk menunjang proses pembelajaran jarak jauh yang dibahas dalam Permendikbud tersebut , maka penulis berinisiatif membuat suatu aplikasi presentation file sharing yang berbasis WebRTC. Aplikasi ini dapat diakses oleh semua individu untuk memudahkan komunikasi jarak jauh tanpa menginstal atau mengunduh aplikasi, cukup membuka sebuah situs. WebRTC merupakan sebuah API (Application Programming Interface) yang didesain agar dua browser dapat melakukan video chat, voice chat¸ live editor dan file sharing dengan menggunakan koneksi langsung dari dua browser. Dengan webRTC ini dapat dibuat sebuah media komunikasi berupa aplikasi Live Presentation. Aplikasi Web Live Presentation yaitu pemrograman berbasis web yang berfungsi sebagai aplikasi yang memungkinkan sebuah dokumen powerpoint dapat langsung di upload dan ditampilkan ke aplikasi web dengan menconvert powerpoint

tersebut menjadi gambar atau JPEG. Live Presentation merupakan sebuah aplikasi file sharing yang bersifat online dengan mengconvert file tersebut menjadi JPEG. Para pelajar dapat mengupload langsung file powerpoint di aplikasi tersebut tanpa mencovertnya ke JPEG terlebih dahulu. Jadi para mahasiswa dan dosen dapat menikmati live presentation ini tanpa susahpaya. Aplikasi ini merupakan solusi bagi individu-individu yang sedang dalam perjalanan, atau berada di tempat yang berbeda tanpa memiliki waktu untuk bertemu. Aplikasi ini juga merupakan sarana komunikasi antara dosen dan mahasiswa atau antar mahasiswa yang tidak mengharuskan bolak-balik untuk melakukan presentasi di depan dosen atau di depan para pelajar. Dengan membuka aplikasi live presentasi tersebut anda bisa mengupload secara langsung file powerpoint dan bisa dilihat secara real time. Jadi aplikasi ini sangat cocok untuk dijadikan sarana pertemuan jarak jauh. Diharapkan pembuatan aplikasi live presentation menggunakan webRTC dapat memudahkan interaksi antara pengajar dan pelajar tanpa perlu menginstal suatu plugin selain itu tidak memerlukan proses registrasi. WebRTC Teknologi web telah berkembang dengan sangat pesat. Beragam fitur dan fungsi-fungsi setiap harinya terus dikembangkan oleh developer yang ada di seluruh dunia. Manfaatnya pun sangat kental kita rasakan sekarang, salah satunya ialah video call, chat dan presentation. Oleh karena itu dengan pesatnya perkembangan tersebut lahirlah beragam tekologi untuk menutupi kekurangan yang ada sebelumnya. Karena pada dasarnya pun manusia selalu memiliki naluri untuk terus berkembang. Salah satu diantaranya ialah teknologi WebRTC. WebRTC (Web Real-Time Communications) merupakan sebuah proyek open-source yang memungkinkan untuk dilakukannya komunikasi real-time lintas web browser. Teknologi ini berjalan diatas backbone web browser modern. Komunikasi tersebut nantinya terdiri dari pemanfaatan suara, video

2

Jurnal Informatika / Elektro dan konektivitas menggunakan JavascriptAPI tanpa plugin tambahan.[3] Live Presentation WebRTC

SCTP

Live Presentation adalah sebuah aplikasi web yang berbasis real time communication yang berfungsi untuk menampilkan presentasi secara real time sehingga dapat diliat oleh siapa saja dan dimana saja tanpa harus bertemu. Live Presentation ini digunakan sebagai sarana untuk berbagi presentasi antara pengajar dan pelajar. WebRTC mendukung pertukaran data dalam bentuk video, audio, teks dan data. Namun, pembuatan aplikasi Live Presentation hanya menggunakan dua API utama WebRTC, yaitu: 1. RTC Peer Connection yang merupakan komponen WebRTC yang mengatur komunikasi data streaming diantara peers secara efesien dan stabil. RTC Peer Connection membantu menyederhanakan kompleksitas koneksi yang ada. Koding dan protocol dari WebRTC membantu untuk membuat sebuah komunikasi real-time tetap bisa terlaksana, walau dengan koneksi yang tidak stabil: a. Pengembalian data paket yang hilang. b. Peredam Gema (echo) c. Penyesuaian Bandwith d. Pengambil-alihan control otomatis. e. Peredam noise dan supresi suara. f. Pembersih gambar 2. RTC Data Channel API dapat membantu terjadinya proses pertukaran data antar peer, dengan tingkat latency yang rendah dan throughput yang tinggi. Jenis pertukaran data macam ini dapat sangat membantu dalam pengembangan aplikasi seperti : game, aplikasi remote desktop, real-time text chat, transfer file dan desentralisasi jaringan. [4]

Control Transmission Protocol merupakan sebuah transportasi protokol yang bekerja mengatur paket jaringan tanpa koneksi seperti IP. SCTP berfungsi mengirimkan sinyal pesan PTSN ke jaringan IP. SCTP dapat melakukan : a. Pemeriksaan pada user data untuk menghindarai data yang terduplikasi atau error. b. Pembagian data menjadi paket-paket yang lebih kecil untuk menghindari kelebihan bandwith dan agar data dapat sampai lebih cepat. [5] Signaling Signaling adalah jembatan yang menghubungkan dua peers. Signaling tidak termasuk ke dalam RTC Peer Connection API. Developer dapat memilih untuk menggunakan jenis signaling yang mereka anggap paling memadai. Signaling digunakan untuk saling bertukar tiga jenis informasi, yaitu: 1. Pesan Sesi Kontrol, untuk memulai atau mengakhir komunikasi dan menyalurkan error 2. Konfigurasi Jaringan, untuk mengirimkan informasi berupa computer alamat IP dan port kepada peers. 3. Kapabilitas Media, untuk mengetahui jenis codec dan resolusi video yang mana saja yang bisa dihandle oleh browser masing-masing dan cara penyaluran komunikasinya. Perlu diketahui, sebelum memulai menggunakan WebRTC, sebuah proses signaling utuh harus dijalankan terlebih dahulu untuk mengetahui jenis koneksi dan kapabilitas koneksi antar peers.[6]

3

Jurnal Informatika / Elektro

METODOLOGI PENELITIAN

yang akan dibangun dengan pengimplementasian algoritma dan rancangan sistem yang telah berhasil dirancang melalui observasi dan kajian literatur. 5. Pengujian Pengujian dilakukan dengan membandingkan koneksi antara dua browser, apakah aplikasi berhasil dikembangkan. 6. Kesimpulan Penarikan kesimpulan dari hasil penelitian melalui sistem yang telah dibuat. Kesimpulan yang diharapkan sesuai dengan tujuan dari tugas akhir ini.

PERANCANGAN SISTEM 1. Arsitektur Arsitektur yang akan digunakan untuk menciptakan komunikasi antar browser (peers) ialah Star: medium Nway call. Gambar 1. Metodologi Penelitian

1. Studi Literatur Studi literatur dilakukan dengan melakukan kajian pustaka melalui literatur yang relevan, maupun artikel - artikel yang didapatkan melalui internet, serta mempelajari lebih dalam mengenai penggunaan Java Script dan WebRTC. 2. Observasi Obeservasi dilakukan dengan melakukan pengamatan terhadap beberapa aplikasi yang terkait dengan webRTC melalui pengkajian lewat media internet. 3. Analisis dan Perancangan Aplikasi. Analisis dan perancangan aplikasi dilakukan dengan melakukan analisis terhadap masalah yang ada, batasan yang dimiliki serta kebutuhan yang diperlukan. 4. Implementasi Implementasi dilakukan dengan melakukan perancangan aplikasi

Gambar 2. Topologi N-Star

Mekanisme komunikasi streaming data arsitektur ini menunjuk satu peer yang akan menjadi initiator, dimana initiator akan mendapatkan tiap data yang dikirim oleh peer kemudian meneruskannya ke peer yang lain. 4

Jurnal Informatika / Elektro Dengan arsitektur ini maka komunikasi data akan menghemat bandwidth dan penggunaan memorinya . [7] 2. Pengembangan Aplikasi Untuk menghubungkan antar peer, terlebih dahulu peer harus bertukar informasi session control message, network configuration, dan media capabilitiesnya. Maka dari itu dibutuhkan server node.js dan modul socket.io sebagai media perantara untuk melakukan proses signaling. Peer yang terlebih dahulu melakukan koneksi ke server akan di anggap sebagai initiator. Jika ada peer yang baru masuk, maka server akan mengabari Initator, initiator akan melakukan pemanggilan ke peer 2, kemudian peer 2 akan menjawab pemanggilan dari peer 1.

menconvert data file presentation ke dalam JPEG dan ditampilkan pada seluruh client / public. 3. Flowchart upload dan convert ppt Alur kerja sistem pengiriman data

Presentation sharing

Gambar 4 . Flowcart upload and convert presentation

Gambar 3. Pengiriman

Pengiriman data secara public. inisiator mengirimkan data secara public, dimana file powerpoint tersebut terlebih dahulu dikirimkan ke server dan system akan

Dari gambar 4, dapat dilihat alur kerja dari aplikasi Live Presentation tersebut saat file presentation di upload dan di convert. Pertama user mulai memilih file, dan kemudian system akan mengecek nama room yang akan dijadikan nama folder file directory. Apabila belum ada maka system akan membuat directory baru dengan menggunakan nama room, namun jika sudah ada maka file akan terupload di dalam directory nama room dan file akan di convert menjadi jpeg. Setelah file telah terconvert maka akan dimulai 5

Jurnal Informatika / Elektro ditampilkan di dalam aplikasi web, namun setelah melewati proses starting slide. 4. Flowcart Starting Slide

mengikuti perintah slide dari inisiator, namun dapat sesekali memindah slide di web aplikasinya sendiri. 5. Desain interface a. Form login Agar dapat menggunakan aplikasi live presentation, user perlu melakukan proses login terlebih dahulu. Proses login ini dilakukan dengan memasukkan room name, nama, dan password. Tampilan form login dapat dilihat pada gambar 6 sebagai berikut.

Room Name Name Password bahwa suhu Tabel 2. menunjukan Gambar 6. Tampilan Form login

Gambar 5. Flowcart Starting Slide

Dari gambar 5 diatas dapat kita lihat alur kerja dari aplikasi tersebut saat memulai ditampilkan slide presentation. Pertama system akan menginput jumlah slide dari file yang telah di convert, kemudian slide pertama akan ditampilkan ke semua client. Jika yang mengupload inisiator maka akan ada pesan pemberitahuan jumlah slide dan isi pesan. Hanya inisiator yang dapat mengload slide selanjutnya dan sebelumnya. Inisiator yang akan mengirimkan slide ke seluruh client/peer dalam satu room. Client lain hanya dapat

b. Form live presentation Pada aplikasi presentation, terdapat form untuk menginput file, form untuk mengupload file, dan form presentasi. Dimana form input file ini digunakan untuk memilih file presentasi. Form upload file digunakan untuk mengupload file presentasi ke server yang nantinya akan terconvert menjadi gambar atau JPEG, dan form presentasi untuk menampilkan hasil tampilan presentasi seperti pada gambar 7 dan 8.

6

Jurnal Informatika / Elektro  Form Login

Gambar 7. Tampilan Form Input dan Upload File

Gambar 9. Tampilan Form Login

Gambar 8. Tampilan Form Presentation.

HASIL DAN PEMBAHASAN

Form login yang ditunjukkan pada gambar 9, sebagai form inputan data berupa room name, name, dan password untuk dapat masuk ke room yang diingikan (sebagai initiator) atau ruangan yang telah dibuat sebelumnya oleh initiator (sebagai client).  Halaman Awal Tampilan halaman awal setelah melakukan proses login adalah sebuah situs e-learning yang di dalamnya tedapat beberapa fitur seperti live editor, live streaming, live chat, dan live presentation itu sendiri pada gambar 10 sebagai berikut.

Hasil perancangan aplikasi Live Presentation dengan webRTC ini adalah sebuah tampilan yang merupakan salah satu bagian dari situs e-learning. Situs ini memiliki fitur seperti live editor, live streaming, live presentation, dan live chat. Tampilan awal yang menjadi default dari aplikasi Live Presentation ini adalah form input file dan upload file. Inisiator akan memilih file yang akan di presentasikan kemudian menguploadnya di server.

Gambar 10. Tampilan halaman awal 7

Jurnal Informatika / Elektro Gambar 13. Tampilan Slide Presentation

 Form live presentation

Gambar diatas merupakan form saat initiator telah melakukan proses upload sehingga akan ditampilkan slide pertama.

Gambar 11. Tampilan Browse File

Gambar diatas merupakan form untuk memilih file presentation. Dimana hanya inisiator yang dapat mengupload file.

Gambar 14. Tampilan Canvas dan Note Presentation

Gambar diatas merupakan tampilan saat initiator menggunakan fitur canvas dan note presentation.  Penggunaan Beban CPU, RAM dan Bandwith Spesifikasi komputer yang digunakan saat melakukan pengujian ini adalah dengan menggunakan processor core i7 dengan clock 2.4 GHZ dan memiliki RAM sebesar 4 GB. Pengukuran ini dilakukan dengan menggunakan satuan Kb (Kilo Bit). Gambar 12. Tampilan Loading

Gambar diatas merupakan form progress saat initiator telah melakukan proses upload file ke server. Pengujian 2 Client

Pengujian 3 Client

8

Jurnal Informatika / Elektro Jumlah data yang dikirim oleh Live Presentation dalam penggunaan aplikasi dengan 2 Klien menunjukkan penggunaan Bandwidth sebesar 8Kbps, 3 Client sebesar 16Kbps, 4 Client sebesar 24Kbps, dan 5 Client sebesar 32Kbps. Pengujian 4 Client

KESIMPULAN DAN SARAN Kesimpulan Dari pengembangan aplikasi Live Presentation dengan menggunakan webrtc sebagai pemanfaatan teknologi informasi dan komunikasi untuk media pembelajaran jarak jauh (e-learning) yang telah dilakukan, maka dapat disimpulkan bahwa:

Pengujian 5 Client

Gambar 12. Data pengiriman 5 Client saat dijalankan live presentation.

Dari gambar 12 diatas didapatkan hasil dalam pengujian aplikasi live presentation khusunya dalam beban penggunaan CPU dan RAM. Hasil dari pengujian menunjukkan persentase penggunaan sebesar 5% untuk 2 Klien, 3 Klien sebesar 7%, 4 Klien sebesar 10%, 5 Klien sebesar 13% GHz. Pengujian RAM menghasilkan penggunaan aplikasi dengan 2-3 sebesar 2.4%, 4 Client sebesar 2.5% dan 5 Client sebesar 2.6%. Adapun mengenai jumlah banyaknya data yang dikirim persatuan waktu yaitu jumlah data yang dikirim oleh aplikasi Live Presentation dapat dilihat pada gambar 13 berikut.

Kilobit/second (Kbps)

Bandwidth 50 0

8

16

24

32

2

3

4

5

Klien Bandwidth

Gambar 13. Bandwith Pengiriman Data Aplikasi Live Presentation.

Setelah dilakukan pengujian penggunaan bandwith, RAM, dan CPU, penggunaan aplikasi ini tidak menggunakan daya komputer yang cukup banyak, sehingga memungkinkan untuk digunakan oleh jaringan dan daya komputer yang rendah sekalipun. Penggunaan CPU, RAM dan Bandwidth untuk menjalankan aplikasi live presentation ini pada lima client menggunakan 5%-13% beban CPU, menggunakan 2.4%2.6% beban RAM dan juga menggunakan 8Kbps-32Kbps beban Bandwidth. Hal ini juga menunjukkan bahwa aplikasi Live Presentation yang menggunakan WebRTC bisa memakai perangkat yang memiliki sumber terbatas.

Saran Dalam pebuatan aplikasi Live Presentation ini kami tentunya masih membutuhkan beberapa saran yang sifatnya membangun demi perbaikan yang lebih baik mengingat masih adanya keterbatasan dalam program tersebut. Adapun saran dari kami agar nantinya aplikasi ini dapat dikembangkan oleh adik-adik mahasiswa Teknik Informatika Universitas Hasanuddin dengan memikirkan kebutuhan lain yang mungkin diperlukan dalam proses pembelajaran jarak jauh.

9

Jurnal Informatika / Elektro DAFTAR PUSTAKA [1] Reni,Ellis. Pembelajaran jarak jauh berbasis web dalam meningkatkan keterampilan berbicara bagi siswa kelas XII di Australia. Bali:2014.910

Menyelesaikan pendidi- kan di SMA Negeri 5 Makassar, dan melan- jutkan studi sebagai mahasiswa Fakultas Teknik jurusan Teknik Elektro program studi Teknik Informatika Universitas Hasanuddin angkatan 2010.

[2]Peraturan Pemerintah No. 24 Tahun 2012.Penyelenggaraan Pendidikan Jarak Jauh Pada Pendidikan Tinggi. Jakarta:Permendikbud [3] WebRTC: Peluang untuk Pengusaha Developer Web ---www.eplusgo.com/webrtc-peluang-untukpengusaha-developer-web/ [4]Dutton, Sam..Getting Started With WebRTC.21 Februari 2014.Google docs.2014. [5] Stream Control Transmission Protocol. IETF. October 2000. RFC 2960. [6] LaurentJ, Jeremie, Austin Matherne and Chris Davis Mills. Introduction to WebRTC Architecture.13 Juni 2014.Mozilla Foundation Docs. 2014. [7]Dutton, Sam. WebRTC in The Real World : STUN, TURN and Signaling. 4 November 2013. Google docs. 2013.

DATA PENULIS Furin Subandri , lahir di Makassar tanggal 25 Februari 1992, merupakan anak pertama dari lima bersaudara. Menyelesaikan pendidi kan di SMA Negeri 6 Makassar, dan melanjutkan studi sebagai mahasiswa Fakultas Teknik jurusan Teknik Elektro program studi Teknik Informatika Universitas Hasanuddin angkatan 2010. Andri Setyawan , lahir di Makassar tanggal 2 Agustus 1992, merupakan anak pertama dari dua bersaudara. 10