USULAN PROGRAM KREATIVITAS MAHASISWA

JUDUL PROGRAM
HAND GESTURE SMART PRESENTATION SYSTEM FOR EDUCATION
(SISTEM PRESENTASI PINTAR MENGGUNAKAN INTERAKSI
GERAKAN TANGAN)
BIDANG KEGIATAN:
PKM-KARSA CIPTA

Diusulkan oleh :
Muhammad Hendrick Kurnia 4103121025 Angkatan 2012
Ade Dwi Prasetya 4103121026 Angkatan 2012
Resa Rizki Dwi Kurniawan 4103131029 Angkatan 2013
Harnum Aida Rizki 4103131013 Angkatan 2013
Yasinta Hijriyana N.A 1203141012 Angkatan 2014

POLITEKNIK ELEKTRONIKA NEGERI SURABAYA

SURABAYA
2014

I
ii
 DAFTAR ISI

HALAMAN SAMPUL ........................................................................................... i

HALAMAN PENGESAHAN ............................................................................... ii
DAFTAR ISI ......................................................................................................... iii
DAFTAR TABEL................................................................................................ iv
RINGKASAN .........................................................................................................v
BAB 1. PENDAHULUAN..................................................................................... 1
1.1 Latar Belakang Masalah .........................................................................1
1.2 Perumusan Masalah ...............................................................................1
1.3 Tujuan Program ......................................................................................2
1.4 Luaran yang diharapkan .........................................................................2
1.5 Kegunaan Program .................................................................................2
BAB 2. TINJAUAN PUSTAKA ............................................................................3
BAB 3. METODE PELAKSANAAN ..................................................................5
BAB 4. BIAYA DAN JADWAL KEGIATAN .....................................................8
4.1 Anggaran Biaya ......................................................................................8
4.2 Jadwal Kegiatan .....................................................................................8
DAFTAR PUSTAKA ...........................................................................................10
LAMPIRAN-LAMPIRAN
Lampiran 1. Biodata Ketua, Anggota, dan Dosen Pembimbing ................11
Lampiran 2. Justifikasi Anggaran Kegiatan ...............................................18
Lampiran 3. Susunan Organisasi Tim Pelaksana dan Pembagian Tugas...21
Lampiran 4. Surat Pernyataan Ketua Pelaksana ........................................22
Lampiran 5. Gambaran Teknologi yang Akan Diterapkembangkan .........23

iii
 DAFTAR TABEL

Tabel 1. Ringkasan Anggaran Biaya PKM-KC ..................................................8

Tabel 2. Jadwal Kegiatan PKM ............................................................................8

iv
 RINGKASAN

Perkembangan teknologi untuk pembelajaran pada saat ini berlangsung

sangat pesat. Kondisi ini menjadikan semua kebutuhan manusia menjadi sangat
mudah dengan menggunakan peralatan teknologi. Contohnya dalam proses
pembelajaran terdapat berbagai macam teknologi yang tersedia, seperti Komputer,
LCD proyektor, Televisi, Internet, E-learning system. Namun masih banyak
pengajar yang belum bisa menggunakan teknologi tersebut. Bahkan kesulitan
untuk menggunakan komputer, dan media presentasi.
Dalam memudahkan proses pembelajaran, kami mengajukan proposal
untuk pembuatan perangkat Smart Presentation System, yang digunakan sebagai
perangkat baru yang membantu pengajar untuk melakukan presentasi, tanpa harus
kesulitan menyiapkan perangkat, menyediakan media penyimpanan data,
perangkat interaksi dengan komputer, tidak diperlukan pengetahuan tentang
perangkat lunak, bahan dan materi sudah tersedia di pusat data.
Smart Presentation System yang dibangun dengan perangkat embedded
system (Sistem Terbenam) dilengkapi sensor gerakan tangan. Embedded system
ini berisimodul hand gesture, auto fullscreen system, PPT reader, PDF plugin dan
auto load system yang terhubung dengan pusat data dimana pusat data tersebut
berisi modul pembelajaran. Sehingga dapat menjalankan presentasi dengan
menggunakan gerakan tangan.

Dengan adanya Smart Presentation System diharapkan pengajar mampu

berinteraksi tanpa harus kesulitan menyiapkan perangkat, menyediakan media
penyimpanan data, perangkat interaksi dengan komputer, tidak diperlukan
pengetahuan tentang perangkat lunak, dan lebih menghemat biaya.
.

v
 1

BAB 1. PENDAHULUAN

1.1 Latar Belakang Masalah

Seiring dengan perkembangan zaman, perkembangan
teknologi saat ini juga telah berkembang sangat pesat. Salah satunya
dalam bidang edukasi, banyak ditemukan teknologi yang dapat
memudahkan tenaga pengajar untuk melangsungkan kegiatan belajar
mengajar, Contohnya seperti Komputer, LCD proyektor, Televisi,
Internet, E-learning system. Dengan kemajuan yang sangat pesat,
teknologi dalam edukasi tengah merubah segalanya dan menjadi
suatu kebutuhan bagi masyarakat.

Namun, masih banyak pengajar di Indonesia yang masih

kurang paham dan mengerti tentang bagaimana cara menggunakan
teknologi. Seperti artikel yang ada pada laman
https://phinueisal.wordpress.com/tag/aceh-timur/. “Kamu tahu
keadaan guru di daerah terpencil? Bahkan untuk memegang mouse
saja mereka masih kebingungan,..” Hal itu cukup membuktikan,
masih ada pengajar di Indonesia yang kurang paham dengan
teknologi terutama dalam hal edukasi.

Oleh karena itu kita mengajukan proposal tentang sebuah

teknologi baru dalam hal metode pembelajaran Presentasi, yakni
Smart Presentation System. Smart Presentation System yang
dibangun dengan perangkat embedded system (Sistem Terbenam)
dilengkapi sensor gerakan tangan. Embedded system ini berisi modul
hand gesture, auto fullscreen system, PPT reader, PDF plugin dan
auto load system yang terhubung dengan pusat data dimana pusat
data berisi modul pembelajaran. Sehingga dapat menjalankan
presentasi dengan menggunakan gerakan tangan tanpa harus
menyiapkan perangkat, media penyimpanan, perangkat
interaksi(mouse dan keyboard), dan modul pembelajaran sudah ada
pada pusat data.

Dengan demikian pengajar hanya tinggal menghidupkan

system, memilih data kemudian menggerakkan tangan untuk
menjalankan power point. Dengan adanya Smart Presentation
System diharapkan mampu memudahkan pengajar dalam
menyampaikan materi.
 2

1.2 Perumusan Masalah

1. Bagaimana pengajar dapat berinteraksi dengan Smart
Presentation System menggunakan gerakan tangan.
2. Bagaimana membuat perangkat yang dapat menampilkan
aplikasi presentasi.
3. Bagaimana cara mengambil data dari database server ke Sistem
Presentasi.

1.3 Tujuan Program

Dalam penggarapan proyek ini kami berencana membuat

Smart Presentation System yang terhubung dengan serangkaian alat
dan pusat data sehingga dapat memudahkan proses pembelajaran
tanpa harus kesulitan menyiapkan perangkat (laptop), menyediakan
media penyimpanan data, perangkat interaksi dengan komputer
(mouse dan keyboard), tidak diperlukan pengetahuan tentang
perangkat lunak, dan bahan dan materi sudah tersedia di pusat data.

1.4 Luaran yang diharapkan

Rangkaian alat yang akan kami buat adalahSmart Presentation

System yang dibangun dengan perangkat embedded system (Sistem
Terbenam) dilengkapi sensor gerakan tangan. Embedded system ini
berisi modul hand gesture, auto fullscreen system, PPT reader, PDF
plugin dan auto load system yang terhubung dengan pusat data
dimana pusat data berisi modul pembelajaran. Sehingga dapat
memanggil data dan ditampilkan melalui LCD Proyektor,
selanjutnya pengajar dapat menjalankan presentasi dengan
menggunakan gerakan tangan.

1.5 Manfaat Program

Serangkaian alat Smart Presentation System ini berguna untuk

mempermudah proses pembelajaran dengan menggabungkan
beberapa fungsi sehingga tanpa harus menyiapkan perangkat, media
penyimpanan, perangkat interaksi(mouse,keyboard), dan modul
pembelajaran sudah ada pada pusat data. Dengan demikian pengajar
hanya tinggal menghidupkan system, memilih data kemudian
menjalankan presentasi dengan interaktif gerakan tangan.
 3

BAB 2. TINJAUAN PUSTAKA

Perkembangan media pembelajaran saat ini mengalami kemajuan

yang sangat pesat seperti komputer, LCD proyektor, televisi, internet, e-
learning system. Namun masih banyak pengajar tidak bisa menggunakan
perangkat keras maupun lunak, dan internet, kesulitan dalam
menyediakan perangkat keras penampil konten multimedia, dan juga
mahalnya teknologi yang digunakan untuk mendukung pembelajaran.
Untuk memudahkan proses pembelajaran diperlukan smart presentation
system sebagai perangkat baru yang membantu pengajar untuk
melakukan presentasi, tanpa harus kesulitan menyiapkan perangkat,
menyediakan media penyimpanan data, perangkat interaksi dengan
komputer, tidak diperlukan pengetahuan tentang perangkat lunak, bahan
dan materi sudah tersedia di pusat data.

Smart Presentation System yang dibangun dengan perangkat

embedded system (Sistem Terbenam) dilengkapi sensor gerakan tangan.
Embedded system ini berisimodul hand gesture, auto fullscreen system,
PPT reader, PDF plugin dan auto load system yang terhubung dengan
pusat data dimana pusat data berisi modul pembelajaran. Sehingga dapat
menjalankan presentasi dengan menggunakan gerakan tangan.

 Hardware :

- Embedded system
Sistem embedded merupakan peralatan komputer yang
didesain dengan tujuan tertentu secara spesifik untuk
melakukan fungsi tertentu, terdiri dari perangkat keras dan
perangkat lunak. Perangkat keras meliputi mikroprosesor
atau mikrokontroler dengan penambahan memori eksternal,
I/O dan komponen lainnya. Perangkat lunak embedded
merupakan penggerak pada sistem embedded yang didukung
oleh Real Time Operating System (RTOS).

- Kinect
Kinect adalah batang horizontal yang terhubung dengan alas
kecil berporos yang dapat berputar. Perangkat ini memiliki
kamera RGB, sensor kedalaman dan mikrofon yang berjalan
di perangkat software khusus, yang menyediakan
kemampuan untuk menangkap gerak secara 3D, mengenali
wajah dan mengenali suara.
 4

 Software

- Linux
System Operasi yang berbasis kernel bersifat open source.

- Aplikasi di web server

Perangkat lunak bebas yang mendukung banyak system
operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri
(localhost), yang terdiri atas program Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP.

- Pemrograman php
adalah bahasa skrip yang dapat ditanamkan atau disisipkan
ke dalam HTML. PHP banyak dipakai untuk memrogram
situs web dinamis.

- GUI javascript
Graphical User Interface antarmuka pengajar secara grafis.

- Database MY SQL
sebuah perangkat lunak sistem manajemen basis data SQL,
Perangkat lunak gratis dibawah lisensi GNU General Public
License (GPL).

- DepthJS
Sebuah ekstensi browser open-source yang memungkinkan
sensor gerakan tangan dapat berinteraksi dengan halaman
web.

- PDF Viewer
Sebuah plugin yang digunakan untuk menampilkan file PDF
pada browser.

- PPT Reader
Sebuah plugin yang digunakan untuk menampilkan file PPT
pada browser.
 5

BAB 3. METODE PELAKSANAAN

Studi Literatur

Survey Tempat

Perancangan Sistem

Perancangan Alat

Tidak
Pengujian Alat
Ya

Analisa dan Kesimpulan

Penyusunan Laporan

1. Melakukan Installasi Linux di Sistem Perangkat

Persyaratan :

- Sebuah Sistem Perangkat (Radxa Rock Board)

- Laptop / PC.
- Kabel USB mikro, satu sisi terhubung dengan port OTG dari radxa
rock, dan disisi lain terhubung ke port USB laptop / PC.

1. Pertama kita install toolchain. Ketikkan command berikut pada

terminal :
sudo apt-get install gcc-arm-linux-gnueabihf build-
essential lzop libncurses5-dev libssl-dev

export ARCH=arm

export CROSS_COMPILE=arm-linux-gnueabihf-
2. Dapatkan sumber kode (Source Code):
git clone -b radxa/stable-3.0 https://github.com/linux-
rockchip/kernel_rockchip.git
 6

3. Membangun kernel:
cd kernel_rockchip

make radxa_rock_pro_linux_defconfig

make
Kernel akan -j8 di arch/arm/boot/Image.
terinstall

4. Membangun modul kernel:

mkdir modules

export INSTALL_MOD_PATH=./modules

make modules && make modules_install

Semua
cdmodul
.. kernel berada di modules/lib/modules/3.0.36+/.
5. Membuat ramdisk:
git clone https://github.com/radxa/initrd.git

make -C initrd

6. Install mkbootimg
git clone https://github.com/neo-
technologies/rockchip-mkbootimg.git

cd rockchip-mkbootimg

make

sudo make install

7. Membuat booting
cd .
mkbootimg --kernel rockchip-3.0/arch/arm/boot/Image --
ramdisk initrd.img -o boot.img

8. Memodifikasi parameter
root=/dev/block/mtd/by-name/linuxroot # rootfs
in the nand partition named "linuxroot"

root=/dev/mmcblk0p1 # rootfs in the uSD

card first partition

root=/dev/sda1 # rootfs in the U

disk or the USB hard drive first partition

root=LABEL=linuxroot # rootfs in the

partition with label "linuxroot", can be in uSD, U
disk or USB hard drive.
 7

2. Melakukan Installasi driver kinect ke Linux

1. Siapkan alat-alat yang dibutuhkan :
- Xbox 360 Kinect
- Laptop/PC yang telah terinstal Linux Ubuntu 12.04
- Modem/Koneksi internet.

2. Koneksikan Kinect pada usb yang telah tersedia di laptop/PC

kemudian tambahkan repository di ubuntu 12.04 melalui terminal.
Perintahnya sebagai berikut :
$ sudo add-apt-repository ppa:floe/libtisch
3. Kemudian update repository :
$ sudo apt-get update

4. Setelah itu install beberapa paket libfreenect agar Xbox Kinect 360
dapat terbaca oleh sistem linux. Perintahnya sebagai berikut :
$ sudo apt-get install libfreenect libfreenect-dev
libfreenect-demos
5. Setelah terinstall kemudian tambahkan username pada program
OpenKinect
$ sudo adduser $USER video

Command $USER ganti dengan nama user Anda.

6. Setelah itu jalankan aplikasi pendeteksi camera OpenKinect :
$ sudo freenect-glview

3. Untuk menghubungkan kinect dan linux, install aplikasi berikut :

- OpenNI v1.0.0.25
- SensorKinect
- NITE Middleware v1.3.0.18
- Kinemote
4. Melakukan modifikasi browser auto fullscreen
google-chrome --kiosk http://example.com

5. Melakukan instalasi DepthJS

1. Install setiap library OpenNI (secara berurutan) menggunakan
script dan ubah direktorinya ke /usr/local/
2. Ekstensi chrome mendukung kode bawaan yang perlu dikompilasi.
Maka harus diinstall fire-breath.
 8

BAB 4. BIAYA DAN JADWAL KEGIATAN

4.1 Anggaran Biaya
Tabel 1. Ringkasan Anggaran Biaya PKM-KC
No Jenis Pengeluaran Biaya (Rp)
Peralatan penunjang, ditulis sesuai kebutuhan (20- Rp 3.275.400
1
30%).
Bahan habis pakai, ditulis sesuai dengan kebutuhan Rp. 4.367.400,-
2
(30-40%).
Perjalanan, jelaskan ke mana dan untuk tujuan apa Rp 1.637.700,-
3
(Maks.15%).
Lain-lain : administrasi, publikasi, seminar, laporan, Rp 1.637.700,-
4
lainnya sebutkan (Maks 15%).
Jumlah Rp 10.918.200,-

4.2 Jadwal Kegiatan

Tabel 2. Jadwal Kegiatan PKM

Bulan I Bulan II Bulan III Bulan IV Bulan V
No Kegiatan
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Survey tempat (Sekolah

1.
dan Universitas)

Pembelian Hardware
(sensor gerakan tangan,
2. sistem perangkat,
penampil multimedia,
server, sd card)

Installasi linux pada SD

3.
Card

Sinkronisasi driver
4. sensor gerakan tangan
pada sistem perangkat

5. Pembuatan aplikasi
 9

yang menghubungkan
sensor gerakan tangan
dengan sistem
perangkat

Instalasi dan
6.
pemrograman DepthJS.

Modified Browser
7. untuk PPT Viewer dan
PDF reader

Pembuatan program
8.
auto load atau auto start

Pembuatan database
9. dan Pemrograman web
GUI

Sinkronisasi smart
10. presentation system
dengan LCD

11. Pengujian alat

Pembuatan laporan
12. akhir dan pengumpulan
hasil karya
 10

DAFTAR PUSTAKA

Dipetik September 23, 2014 https://github.com/doug/depthjs

Dipetik September 19, 2014 http://wiki.radxa.com/Rock/Booting_Linux
Dipetik September 22, 2014 http://openkinect.org/wiki/Getting_Started
Dipetik September 22, 2014 http://askubuntu.com/questions/358898/how-to-
launch-google-chrome-chromium-application-shortcut-in-fullscreen-kiosk-mo
Dipetik September 22, 2014
https://support.google.com/chrome/a/answer/3316168?hl=en
Barbosa, I. (2013, Maret 25).
Dipetik September 22, 2014, dari igorbarbosa:
http://igorbarbosa.com/articles/how-to-install-kin-in-linux-mint-12-ubuntu/
Dipetik September 22, 2014, dari http://id.wikipedia.org/wiki/Kinect
Dipetik September 22, 2014, dari Hartono:
https://www.hartonoelektronika.com/en/
11
12
13
14
15
16
17
 18

Lampiran 2. Justifikasi Anggaran Kegiatan

1. Peralatan Penunjang

Material Justifikasi Kuantitas Harga Jumlah (Rp)

Pemakaian Satuan (Rp)
Penampil Sebagai media 1 1.400.400,- 1.400.400,-
Multimedia yang
digunakan
untuk
melakukan
sinkronisasi
dan
menampilkan
konten
multimedia
Sistem Perangkat Peralatan yang 1 1.875.000,- 1.875.000,-
diperuntukkan
sebagai
pengganti
komputer
SUB TOTAL (Rp) 3.275.400,-

2. Bahan Habis Pakai

Material Justifikasi Kuantitas Harga Satuan Jumlah (Rp)
Pemakaian (Rp)
Akrilik Bahan Utama 1 500.000,- 500.000,-
untuk
packaging
produk
Sensor Gerak Peralatan 1 1.347.400,- 1.347.400,-
Tangan utama sebagai
media untuk
melakukan
deteksi
gerakan tangan
Server Sebagai media 1 2.070.000,- 2.070.000,-
penyimpanan
data server
SD card 16 GB Sebagai 3 150.000,- 450.000,-
memori yang
berisi data
untuk sistem
perangkat
SUB TOTAL (Rp) 4.367.400,-
 19

3. Perjalanan
Material Justifikasi Kuantitas Harga Jumlah (Rp)
Pemakaian Satuan (Rp)
Transportasi Pembelian 1 353.700,- 353,700,-
Alat dan
bahan.
Transportasi Studi 1 175.000,- 175.000,-
Literatur
Transportasi Perjalanan 1 825.000,- 825.000,-
survey ke
sekolah dan
Universitas
Transportasi Jasa 1 284.000,- 284.000,-
Pengiriman
Barang
SUB TOTAL (Rp) 1.637.700,-

4. Lain-Lain
Material Justifikasi Kuantitas Harga Jumlah (Rp)
Pemakaian Satuan (Rp)
Print Jilid Untuk 3 5.000,- 15.000,-
Proposal Dokumentasi
Kegiatan Kegiatan

Kertas A4 Untuk 1 30.000,- 30.000,-

pembuatan
proposal dan
laporan

Pembuatan Untuk media 2 55.000,- 110.000,-

Banner Publikasi publikasi
Pembuatan Poster Untuk media 5 7.000,- 35.000,-
publikasi dan
gambaran
pembuatan
alur kerja

Pembuatan Media Untuk 1 740.000,- 740.000,-

Publikasi publikasi ke
Interaktif sekolah dan
(Animasi & media sosial
Video)
 20

Jasa Sewa Untuk 1 280.000,- 280.000,-

mekanik menyewa jasa
pemasangan pemasangan
perangkat mekanik

Pembuatan buku Untuk 1 427.700,- 427.700,-

manual cara kerja pembuatan
alat. buku manual
tentang cara
kerja alat
SUB TOTAL (Rp) 1.637.700,-
 21

Lampiran 3. Susunan Organisasi Tim Pelaksana dan Pembagian Tugas

Alokasi
No Nama / NRP Program Studi Bidang Ilmu Waktu Uraian Tugas
(jam/minggu)
Pembuatan
program auto
load atau auto
Muhammad Teknologi start.
Rekayasa
1 Hendrick Multimedia dan 20jam/minggu
dan teknologi
Kurnia Broadcasting Pembuatan
database dan
Pemrograman
web GUI.
Instalasi dan
pemrograman
Teknologi DepthJS.
Ade Dwi Rekayasa
2 Multimedia dan 20jam/minggu
Prasetya dan teknologi
Broadcasting Pembuatan
program auto
fullscreen.
Installasi linux
pada SD Card.
Yasinta
Teknik Sinkronisasi
3 Hijriyana Jaringan 20jam/minggu
Telekomunikasi driver sensor
N.A
gerakan tangan
pada sistem
perangkat.
Sinkronisasi
Teknologi smart
Harnum Aida
4 Multimedia dan Multimedia 20jam/minggu presentation
Rizki
Broadcasting system dengan
LCD.
Pembuatan
aplikasi yang
Teknologi menghubungkan
Resa Rizki
5 Multimedia dan Programming 20jam/minggu sensor gerakan
Dwi K
Broadcasting tangan dengan
sistem
perangkat.
 22

Lampiran 4. Surat Pernyataan Ketua Pelaksana

 23

Lampiran 5. Gambaran Teknologi yang Akan Diterapkembangkan