Naskah Publikasi Karya Ilmiah

NASKAH PUBLIKASI KARYA ILMIAH
TUTORIAL BAHASA ISYARAT SLB-B (TUNARUNGU)

BERBASIS WEB
Disusun Oleh :
UJI VIA YAKUP

D 400 070 053
JURUSAN ELEKTRO FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014
TUTORIAL BAHASA ISYARAT SLB-B (TUNARUNGU)
BERBASIS WEB
Uji Via Yakup

FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO
UNIVERSITAS MUHAMMADIYAH SURAKARTA
E-mail : viayakup@gmail.com
ABSTRAKSI
Peningkatan kualitas sumber daya manusia merupakan pra syarat

untuk mencapai tujuan dalam pembangunan. Salah satu cara untuk
meningkatkan sumber daya manusia adalah dengan pendidikan, sehingga perlu
adanya peningkatan dalam pendidikan. Selain itu terdapat guru-guru dan staf
pengajar yang masih gagap dengan perkembangan teknologi sekarang.
Sebagian besar hanya bisa mengoperasikan komputer untuk mengetik, surat
menyurat, dan masih awam dengan teknologi web. Berdasarkan hal tersebut
penelitian ini bertujuan membuat tutorial bahasa isyarat slb-b (tunarungu)
berbasis web dengan tujuan untuk memberikan informasi kepada masyarakat
umum tentang pembelajaran bahasa isyarat khususnya tuna rungu.
Metode penelitian ini menggunakan tool software ApacheFriends
XAMPP (Basispaket) version 1.7.4 (MySQL 5.0.7 (Community Server), PHP
5.3.5dan phpMyAdmin 3.3.9 dan notepad++ sebagai media kerja.
Hasil pengujian menunjukkan bahwa perancangan tutorial bahasa
isyarat slb-b (tunarungu) berbasis web ini memudahkan masyarakat dalam
memperoleh informasi tentang pembelajaran bahasa isyarat khususnya tuna
rungu. Pengujian dilakukan secara localhost.
Kata kunci: MySQL, PHP, Tutorial Bahasa Isyarat, Website.

1. PENDAHULUAN yang masih kekurangan informasi tentang
ABK khususnya tunarungu, baik dalam
Peningkatan kualitas sumber daya penanganan maupun kebutuhan pendidikan
manusia merupakan pra syarat untuk mereka. Kebanyakan para wali murid/orang
mencapai tujuan dalam pembangunan. tua ABK menyekolahkan putra putri mereka
Salah satu cara untuk meningkatkan sumber yang berkebutuhan khusus di sekolah-
daya manusia adalah dengan pendidikan, sekolah regular, atau bahkan tidak mau
sehingga perlu adanya peningkatan dalam menyekolahkan putra putri mereka.
pendidikan. Sebagai faktor penentu
keberhasilan, kualitas sumber daya manusia 1.1 Hypertext Markup Language
ditingkatkan melalui berbagai program (HTML)
pendidikan yang dilaksanakan secara HyperText Markup Language adalah
sistematis dan terarah berdasarkan bahasa standar dalam menulis halaman web,
kepentingan yang mengacu pada kemajuan yang merupakan pengembangan standar
ilmu pengetahuan dan teknologi. pemformatan dokumen teks. HTML
Pada penerapannya, sekarang ini sebenarnya adalah dokumen dalam bentuk
pendidikan anak dengan kelainan atau kode ASCII atau teks biasa. Kode-kode ini
berkebutuhan khusus (ABK) masih kurang menerjemahkan bagamaimana tampilan
diperhatikan, dilihat dari sedikitnya sebuah halaman web (pengaturan huruf,
informasi tentang Sekolah Luar Biasa (SLB) jenis huruf, paragraph, animasi, letak
yang merupakan lembaga pendidikan formal gambar, dsb). Sebuah halaman web pasti
bagi anak berkebutuhan khusus. ABK ialah akan ada banyak elemen, contoh dari elemen
anak yang memiliki grafik perkembangan adalah : bagian atas (head), table, paragraf,
yang berbeda dari anak normal. Grafik dan daftar/list. Untuk menandakan elemen-
tersebut bisa naik dan turun. Ada beberapa elemen tersebut dalam file HTML
kategori ABK diantaranya tunagrahita, digunakan tag, yang tediri dari kurung buka
tunawicara, tunarungu, tunalaras, tunanetra, siku “<” dan kurung tutup siku “>”. Tag
tunadaksa, anak berkesulitan belajar, dan HTML biasanya memiliki tutup, contoh :
anak yang terlampau pintar. Padahal <HEAD> ditutup dengan </HEAD>
apabila diperhatikan, ABK juga bisa banyak penutup ini menandakan akhir dari
mendapatkan prestasi tertentu, bahkan pernyataan (statement) tag tersebut.
sampai pada taraf internasional. Tetapi pada Beberapa tag memiliki atribut tambahan
kenyataannya masih jarang ditemukan yang disertakan pada penulisan tag tersebut
sarana pendukung seperti website yang yang ditulis di dalam tanda kurung. Semua
meyediakan tutorial tutorial dan informasi tag HTML pasti dikenali setiap program
seputar ABK yang sebenarnya sangat web browser, jika sebuah browser tidak
dibutuhkan orang tua wali dan guru guru di mengenali sebuag tag, maka tag tersebut
SLB. tidak akan dibaca oleh browser. Jika di
Seperti contohnya di sekolah SLB-B antara tag terdapat tulisan, maka tulisan
Negeri Klasemen Gatak, banyak wali murid tersebut akan tetap ditampilkan. (Onno,
2000, h.2)
1.2 Hypertext Prepocessor (PHP) merupakan bahasa standar yang digunakan
PHP (Hypertext Preprocessor) untuk mengakses database dan ditetapkan
merupakan bahasa berbentuk skrip yang oleh ANSI/ISO SQL standar. MySQL
ditempatkan dalam server dan diproses di termasuk jenis RDBMS (Relational
server. Hasilnyalah yang akan dikirimkan ke Database Management System). Pada
klien, tempat pemakai menggunakan browser. MySQL sebuah database teridri atas tabel-
Secara khusus, PHP dirancang untuk tabel, sebuah tabel terdiri atas baris dan
membentuk web dinamis. Artinya, PHP dapat kolom. Dalam konteks bahas SQL,
memebentuk suatu tampilan berdasarkan informasi disimpan dalam tabel-tabel yang
permintaan terkini. Misalnya, PHP dapat secara logis merupakan struktur dua dimensi
menampilkan isi database ke halaman web. yang terisi atas baris-baris data (row atau
PHP pada prinsipnya mempunyai fungsi yang record) yang berbeda dalam satu atau lebih
sama dengan skrip-skrip seperti ASP (Active kolom (column). Baris pada tabel disebut
Server Page), Cold Fusion, ataupun Perl. instance data, sedangkan kolom sering
Kelahiran PHP bermula pada tahun 1994 saat disebut sebagia attribute atau field. (Onno,
Rasmus Lerdorf membuat sejumlah skrip Perl 2000, h.84)
yang dapat mengamati siapa saja yang melihat
daftar riwayat hudupnya. Skrip-skrip ini 1.4 PHPMyAdmin
kemudian dikemas menjadi tool yang disebut PhpMyAdmin adalah program open
“Personal Home Page”. Paket inilah yang source yang berbasis web yang ditulis dalam
menjadi cikal-bakal PHP. Pada tahun 1995, bahasa pemrograman PHP yang digunakan
Rusmus menciptakan PHP Versi 2. Pada versi untuk menangani administrasi MySQL
inilah pemograman dapat menempelkan kode melalui world wide web. PhpMyAdmin
terstruktur di dalam tag HTML. Kode PHP mendukung berbagai operasi MySQL. Saat
juga bisa berkomunikasi dengan database dan ini banyak sekali perangkat lunak yang
melakukan perhitungan-perhitungan yang dapat dimanfaatkan untuk mengelola basis
kompleks. Saat ini PHP cukup popular sebagai data dalam MySQL, salah satunya adalah
piranti pemograman Web, terutama di PhpMyAdmin. Ketika menggunakan
lingkungan Linux. Walaupun demikian, PHP PhpMyAdmin, seseorang dapat mengelola
sebenarnya juga dapat berfungsi pada server- basis data, table, field, relasi, indeks,
server yang berbasis UNIX, Windows NT, dan pengguna, perijinan, dan lain-lain dengan
Macintosh. mudah, tanpa harus menghafal baris
perintahnya. PhpMyAdmin merupakan
1.3 MySQL bagian untuk mengelola basis data yang ada
MySQL merupakan sistem di komputer. Untuk membukanya, buka
manajemen database atau basis data browser lalu ketikkan alamat
terhubung (relational database manajemen http://localhost/phpmyadmin maka akan
system). Database tehubung menyimpan muncul halaman PhpMyAdmin. Di situ
data pada table-tabel terpisah. Kata SQL nantinya dapat dibuat database dan
pada MySQL merupakan singkatan dari mengolahnya. (Riyanto, 2010, h.18)
“Structured Query Language”. SQL
1.5 Cascade Style Sheet (CSS) 1.7 Ajax
Cascading Style Sheet (CSS) adalah Ajax adalah istilah yang digunakan
satu bahasa stylesheet yang digunakan untuk untuk menyebut suatu pendekatan dalam
mengatur tampilan suatu dokumen yang merancang dan mengimplementasikan
ditulis dalam bahasa markup. Penggunaan aplikasi web. Ajax merupakan singkatan
yang paling umum dari CSS adalah untuk dari Asynchronous JavaScript and XML.
memformat halaman web yang ditulis Istilah ini pertama kali diperkenalkan
dengan HTML dan XHTML. Spesifikasi dalam sebuah artikel oleh Jesse James
CSS diatur oleh World Wide Web Garrett dari Adaptive Path, sebuah
Consortium (W3C). perusahaan web desain berbasis di San
Francisco. Ia melihat bahwa dibutuhkan
1.6 Flash cara yang mudah untuk memilih suatu
Flash merupakan sebuah program gaya desain dan kemudian membangun
yang didesain khusus oleh Adobe dan desain tersebut untuk klien. Tujuan
program aplikasi standar authoring tool utama dari ajax adalah untuk membuat
professional yang digunakan untuk aplikasi web berfungsi seperti aplikasi
membuat animasi dan bitmap yang desktop. Dengan menambahkan lapisan
sangat menarik untuk keperluan tambahan antara antarmuka (interface)
pembangunan situs web yang interaktif pengguna dan komunikasi dengan
dan dinamis. Flash didesain dengan server, ajax menghilangkan banyak jeda
kemampuan untuk membuat animasi 2 waktu untuk sebuah aplikasi web dalam
dimensi yang handal dan ringan menjalankan fungsinya. Aplikasi ajax
sehingga flash banyak digunakan untuk terdiri dari sejumlah aplikasi yang
membangun dan memberikan efek digunakan bersama untuk menciptakan
animasi pada website, CD Interaktif dan pengalaman browsing yang lebih cepat
yang lainnya. Selain itu aplikasi ini juga dan menyenangkan.
dapat digunakan untuk membuat animasi
logo, movie, game, pembuatan navigasi 1.8 NetBeans
pada situs web, tombol animasi, banner, NetBeans adalah Integrated
menu interaktif, interaktif form isian, e- Development Environment (IDE)
card, screen saver dan pembuatan berbasiskan Java dari Sun Microsystems
aplikasi-aplikasi web lainnya. yang berjalan di atas Swing. Swing sebuah
teknologi Java untuk pengembangan aplikasi
Desktop yang dapat bejalan di
berbagaimacam platforms seperti Windows,
Linux, Mac OS X and Solaris. Suatu IDE.
NetBeans merupakan software Development
yang Open Sources.
2. METODE PENELITIAN 1.1 Flowchart
Pembuatan tutorial bahasa isyarat a. Flowchart Penelitian

berbasis web ini dikerjakan penulis kurang
Proses ini dibagi dalam beberapa
lebih dalam waktu 8 bulan dan bertempat di
rumah kost jl. Pabelan banaran dengan tahapan untuk mempermudah
sample SLB-B Negeri Klasemen Gatak. melakukan penelitian seperti pada
Gambar 1
2.1 Alur Perancangan Sistem
Pembuatan tutorial bahasa isyarat
SLB-B tunarungu berbasis web ini
dilengkapi video tutorial/pengajaran untuk
anak berkebutuhan khusus yang dalam hal
ini tunarungu meliputi beberapa tahapan
sebagai berikut :
1. Model Perancangan Sistem/

Skenario Program
Dalam perancangan sistem/

skenario program dibagi menjadi 2
bagian utama berdasarkan user group
yang didapatkan yaitu grup root
sebagai administrator (admin), dan grup
user sebagai pengunjung web. Langkah Gambar 1 Flowchart Penelitian
pertama pengguna adalah membuka
sebuah web browser yang telah b. Flowchart Sistem
terpasang pada perangkat komputer, Flowchart sistem dibagi menjadi
selanjutnya mengakses alamat website
beberapa bagian yaitu flowchart global
terkait. Langkah tersebut merupakan
request/permintaan yang dikirim ke sistem, flowchart root, flowchart user.
server dan selanjutnya mendapat respon Lebih jelasnya tentang flowchart sistem
dari server berupa tampilan halaman
dapat dilihat pada Gambar 2, 3, dan 4
index yang berisi halaman login dan
navigasi. Pada tampilan navigasi
terdapat home, about us, contact us.
Gambar 2 Flowchart global Gambar 4 Flowchart User
2.2 Perancangan Page

Page digunakan untuk
menampilkan hasil dari pengolahan
script di browser. Gambar 5 adalah
gambaran page yang ada dalam
perancangan sistem yang merupakan
penjelasan lanjutan dari flowchart dan
skenario program yang sudah dijelaskan
sebelumnya.
Gambar 3 Flowchart Root (Admin)

Top Menu informasi-informasi yang berguna
untuk pengunjung web.
5). Footer
Header Merupakan tampilan paling
bawah / akhir dari sebuah halaman
Right website, berisikan judul website dan
Content
Bar copyright.
3. PENGUJIAN DAN PEMBAHSAN

SISTEM
Footer
3.1 Pengujian Halaman Home
Halaman home merupakan
halaman utama web yang menampilkan
semua menu-menu yang berkaitan
dengan user ataupun admin. Untuk
Gambar 5 Rancangan Page lebih jelasnya dapat dilihat dari gambar
yang telah Penulis cantumkan pada
1). Top Menu Gambar 6.
Bagian ini merupakan menu
atau pilihan yang berada dibagian
paling atas website yang berisi
Home, About Us, Contact Us dan
Login.
2). Header
Bagian ini merupakan bagian
yang berisi judul website yaitu
Tutorial Bahasa Isyarat SLB-B
Tunarungu Berbasis Web.
3). Content
Adalah bagian website yang
berisi kumpulan artikel mengenai
tutorial bahasa isyarat yang disertai
dengan video dan juga foto.
4). Right Bar
Menu yang berisi Article Gambar 6 Halaman Home
kategori yang menyajikan artikel
3.2 Pengujian Halaman LogIn
mengenai tutorial-tutorial, Arcive
Halaman logIn adalah halaman
Categori yang menyajikan arsip-
untuk memasukan akun user yang telah
arsip kategori artikel yang pernah
terdaftar, sehingga dapat mengakses
dimuat, Information berisikan
website. Dan pada halaman ini juga halaman ini. Dan untuk user yang
digunakan admin sebagai akses masuk mempunyai hak akses dapat komentar
ke halaman admin. atau bertanya pada kolom comment
yang sudah disediakan.
3.4 Pengujian Halaman Contact Us

Halaman contact us berfungsi
bagi user untuk mengirimkan pesan
kepada admin. Untuk lebih jelasnya
lihat pada Gambar 9
Gambar 7 Form LogIn
Admin dan user diminta untuk

memasukan id akun dan password
untuk melakukan proses login.
3.3 Pengujian Halaman Article

Categories
Halaman article categories berisi
artikel-artikel dan video tutorial bahasa
isyarat untuk tuna rungu. Tampilan
video ini dapat melatih kita untuk Gambar 9 Halaman Contact Us
memahami bahasa isyarat.
Pada halaman contact us, user
diminta untuk memasukan subject
untuk judul keluhan, email user adalah
alamat email user atau pengguna
website, kemudian user menulis pesan
yang ingin disampaikan kepada admin
pada kolom content. Setelah user
selesai menulis keluhan klik menu
send.
3.5 Perbandingan Dengan Web Sejenis

Penulis telah selesai mengerjakan
Tutorial Bahasa Isyarat SLB-B
Gambar 8 Halaman article categories (Tunarungu) Berbasis Web dan penulis
menyadari ternyata sudah ada yang
User dapat melihat video dan membuat website yang serupa dengan
foto tutorial bahasa isyarat pada website yang dibuat oleh Penulis,
banyak kekurangan Penulis dalam Oleh karena itu Penulis berani
pembuatan website ini. menyatakan bahwa website yang
Salah satu situs yang membuat Penulis buat ini tidak menjiplak atau
website Tutorial Bahasa Isyarat yakni mencontek dari website yang sudah ada,
http://bintangpapua.com. Kelebihan tetapi murni dari pemikiran Penulis
dari website yang penulis buat ini sendiri.
dilengkapi dengan fasilitas tutorial
bahasa isyarat untuk anak berkebutuhan 3.6 Hasil Kuisioner Pengujian Website
khusus, khususnya Tunarungu, dan Setelah Penulis melakukan
adanya konten archives sehingga pengujian, lalu membuat kuisioner
pengguna dapat melihat artikel artikel untuk mengetahui bagaimana respon
terdahulu. Kekurangan pada website dan pendapat para responden yang telah
penulis adalah masih sederhananya mencoba atau hanya melihat website ini
konten yang ada didalamnya, belum saat pengujian, maka berikut ini Tabel
adanya fitur konsultasi/chating yang 1 dalah hasil pengujian website Sistem
memudahkan masyarakat berinteraksi Informasi lowongan Kerja Berbasis
dengan admin. Sedangkan pada situs Web berdasarkan kuisioner yang
lainnya tersebut sudah ada. terdapat pada halaman lampiran.
Tabel 1 Hasil Kuisioner
Sudah Pengujian
Nama
/belum Tampilan Pengoprasian Manfaat Membantu Kelengkapan Keseluruhan Informasi
Rio Baskoro Belum 1 1 2 1 1 1 2
Imam Nur P Sudah 1 1 2 1 1 2 1
M Ilham B Sudah 1 0 1 2 2 2 1
Ady Nugroho Belum 0 1 1 1 0 1 2
Pradipta MP Sudah 2 2 2 2 2 2 2
Iyut Sudah 1 1 1 1 1 1 1
Sugeng F Sudah 1 2 2 0 1 1 1
Dedi D Sudah 1 2 2 1 1 2 1
Jajang N Belum 2 2 2 2 1 2 1
Dewi Asri W Sudah 1 1 2 1 1 2 2
Berdasarkan hasil kuisioner pada poin atau nilai 2, jawaban C memiliki

Tabel 1 Nilai yang ada pada setiap poin atau nilai 1, dan jawaban D tidak
kolom pengujian adalah poin yang ada memiliki poin atau nilai 0. Sedangkan
pada setiap jawaban yang dipilih, kolom Sudah / Belum maksudnya
berikut penilaian atau poin yang ada disini adalah apakah aplikasi semacam
pada setiap huruf. Jawaban A memiliki ini sudah pernah di gunakan atau
poin atau nilai 3, jawaban B memiliki belum.
4. KESIMPULAN DAN SARAN 2. Diharapkan perancangan
berikutnya untuk Tampilan Home
4.1 Kesimpulan lebih disempurnakan dan terlihat
Perancangan sampai pengujian lebih menarik.
sistem menghasilkan kesimpulan 3. Perancangan berikutnya
diharapkan isi dan konten dari
sebagai berikut :
website lebih kompleks.
1. Website Tutorial Bahasa 4. Perancangan berikutnya
Isyarat Tunarungu ini diharapkan dapat
dirancang dengan menyempurnakan bagian
menggunakan bahasa keamanan basis data yang
pemrograman PHP dan digunakan di MySQL.
database MySQL.
2. Web ini berfungsi untuk Daftar Pustaka
memberikan informasi
kepada masyarakat umum Departemen Kesehatan Republik
tentang pembelajaran bahasa Indonesia. 2000. Pedoman
isyarat khususnya tuna rungu. Penggolongan dan Diagnosis
3. Fitur video tutorial bahasa Gangguan Jiwa di Indonesia.
isyarat pada website ini Edisi ke-III. Jakarta:Direktorat
mempermudah masyarakat Kesehatan Jiwa.
dalam berkomunikasi dengan I G. Marsaja & Branson, J., D.
penyandang tuna rungu. Dan Miller, &. (1996). "Everyone
fitur komen yang terdapat here speaks sign language, too:
dalam setiap kolom artikel a deaf village in Bali,
untuk memudahkan Indonesia.". Washington,
masyarakat untuk Gallaudet University Press
berinteraksi dengan Kadir, A. 2001. Dasar
masyarakat lain dan admin. Pemrograman Web Dinamis
Menggunakan PHP.
4.2 Saran Yogyakarta. Penerbit Andi.
Penulis mempunyai beberapa Purbo, O.W. 2000. Teknologi
saran kepada beberapa pihak Warung Internet. Jakarta.
mengenai perancangan yang Penerbit Elexmedia
dilakukan ini, yaitu : Komputindo.
1. Saran pengembangan search/ Purbo, O.W. 2011. Membangun Web
visual dictionary. Sehingga E Commerce. Jakarta. Penerbit
pengguna dapat dengan mudah Elexmedia Komputindo.
mencari konten-konten yang Riyanto. 2011. Sistem Informasi
diperlukan pengguna. Penjualan dengan PHP.
Yogyakarta. Penerbit Saputra, A. 2011. Pemrograman CSS
Gavamedia. untuk Pemula. Jakarta.
Sadeli, M. 2011. Dreamweaver CS5 Penerbit Elexmedia
untuk Orang Awam. Palembang. Komputindo.
Penerbit Maxikom.

Naskah Publikasi Karya Ilmiah

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Naskah Publikasi Karya Ilmiah

Diunggah oleh

Hak Cipta:

Format Tersedia

NASKAH PUBLIKASI KARYA ILMIAH

TUTORIAL BAHASA ISYARAT SLB-B (TUNARUNGU)

UJI VIA YAKUP

JURUSAN ELEKTRO FAKULTAS TEKNIK

Uji Via Yakup

Peningkatan kualitas sumber daya manusia merupakan pra syarat

Kata kunci: MySQL, PHP, Tutorial Bahasa Isyarat, Website.

Pembuatan tutorial bahasa isyarat a. Flowchart Penelitian

1. Model Perancangan Sistem/

Dalam perancangan sistem/

2.2 Perancangan Page

Gambar 3 Flowchart Root (Admin)

3. PENGUJIAN DAN PEMBAHSAN

3.4 Pengujian Halaman Contact Us

Gambar 7 Form LogIn

Admin dan user diminta untuk

3.3 Pengujian Halaman Article

3.5 Perbandingan Dengan Web Sejenis

Berdasarkan hasil kuisioner pada poin atau nilai 2, jawaban C memiliki

Anda mungkin juga menyukai