WEBSITE SLB-C (TUNAGRAHITA) DENGAN FASILITAS TUTORIAL LATIHAN MOTORIK PADA 4 JENJANG Website SLB-C (Tunagrahita) Dengan Fasilitas Tutorial Latihan Motorik Pada 4 Jenjang Sekolah.

i

WEBSITE SLB-C (TUNAGRAHITA) DENGAN FASILITAS

TUTORIAL LATIHAN MOTORIK PADA 4 JENJANG

SEKOLAH

TUGAS AKHIR

Diajukan Untuk Memenuhi Tugas dan Syarat-Syarat Guna Memperoleh Gelar Sarjana Teknik pada Fakultas Teknik Jurusan Teknik Elektro

Universitas Muhammadiyah Surakarta

Disusun Oleh :

NAMA : LUTFI ASTANTO NIM : D 400 070 026

JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH SURAKARTA

iv

KATA PENGANTAR

Alkhamdulillahirobbil’alamin, puji syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan restuNya sehingga penulis dapat menyelesaikan Tugas Akhir ini.

Tugas akhir ini merupakan salah satu syarat untuk memperoleh gelar sarjana Strata I Pada jurusan Teknik Elektro Universitas Muhammadiyah Surakarta. Alhamdulillah, tugas akhir ini akhirnya selesai walaupun masih jauh dari sempurna, keberhasilan penulis dalam menyusun dan penyelesaian Tugas Akhir ini tidak lepas dari bantuan semua pihak, dengan keikhlasan hati penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Ir. Agus Riyanto, M.T., selaku Dekan Fakultas Teknik Universitas Muhammadiyah Surakarta.

2. Ir. Jatmiko, M.T., selaku Ketua Jurusan Elektro Fakultas Teknik Universitas

Muhammadiyah Surakarta.

3. Aris Rakhmadi, S.T, M.T, selaku Pembimbing Akademik yang telah banyak membimbing selama menempuh studi di Teknik Elektro UMS.

4. Fajar Suryawan, S.T, M.Eng.Sc, Ph.D, selaku Pembimbing I yang telah memberikan nasihat, bimbingan, dorongan dan pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini.

v

6. Sutarno, S.Pd, selaku kepala sekolah SLB Setya Darma yang telah memberi izin untuk melaksanakan penelitian di sekolah.

7. Umi Syarofah, S.Pd. dan seluruh siswa SLB Setya Darma, terimakasih atas bantuan dan dukungan yang telah diberikan kepada penulis untuk menyelesaikan tugas akhir.

8. Ayah beserta Ibu tercinta, terima kasih atas semua doa, semangat dan perjuangan yang tiada hentinya, juga atas kasih sayang yang engkau berikan. 9. Adik tercinta, yang selalu memberikan dukungan dan do’a.

10. Teman-teman di Teknik Elektro dan KMTE yang tidak akan terlupakan kebersamaan selama ini.

11. Semua pihak yang telah membantu baik secara langsung maupun tidak langsung yang tidak bisa penulis sebutkan satu persatu.

vi

MOTTO

اًﺮْﺴﻳ

ﺮْﺴﻌْﻟا

ﻊﻣ

ﱠنإ

Sesungguhnya Sesudah Kesulitan itu Ada Kemudahan

(QS. AL-INSYIRAH : 6)

“Hal yang paling penting adalah untuk tidak berhenti bertanya.

Keingintahuan memiliki alasan sendiri untuk ada.”

(Albert Einstein)

”Kekuatan tidak berasal dari kapasitas

kemampuan fisik, kekuatan berasal dari

keinginan yang kuat”

vii

PERSEMBAHAN

Alhamdulillah, Puji syukur kehadirat Allah SWT, atas rahmat

dan karunia-Nya sehingga Laporan Tugas Akhir ini dapat penulis

selesaikan.

Ku persembahkan laporan Tugas Akhir ini untuk :

™

Ayah dan Ibuku yang telah memberikan do’a dan dukungan

untukku, terimakasih untuk semuanya.

™

Adik ku tercinta yang senantiasa menghibur penulis dikala sedang

susah, terimakasih atas dukungan dan do’anya.

™

Semua teman-temanku Teknik Elektro angkatan ’07 pada khususnya

dan semua teman-temanku Teknik Elektro pada umumnya

terimakasih untuk semangat dan dukungannya.

™

Siti Hkoirian, terimakasih atas dukungan semangat, do’a dan

viii

DAFTAR KONTRIBUSI

Tugas Akhir penulis adalah merancang dan membangun portal informasi. Komponen utama adalah bahasa pemrograman PHP dan server basis data menggunakan MySQL. Berikut ini adalah daftar kerja yang ada dalam tugas akhir ini :

1. Penulis berterus terang bahwa kemampuan dalam memahami bahasa pemrograman yang menggunakan PHP dan database MySQL masih sedikit, oleh karena itu penulis mencoba mengikuti kursus dan dukungan banyak hal serta berbekal semangat dari banyak pihak untuk mengerjakan website SLB Setya Darma ini, terutama pada bagian ajax dan jquery.

2. Penulis merancang sistem basis data dengan menggunakan bantuan ApacheFriends XAMPP (Basispaket) version 1.7.4. yang didalamnya memuat server apache, dan database MySQL.

ix

DAFTAR ISI

HALAMAN JUDUL ... LEMBAR PERSETUJUAN ... HALAMAN PENGESAHAN... KATA PENGANTAR ... HALAMAN MOTTO ... HALAMAN PERSEMBAHAN ... DAFTAR KONTRIBUSI ... DAFTAR ISI ... DAFTAR GAMBAR ... DAFTAR TABEL ... HALAMAN ABSTRAKSI ...

BAB I PENDAHULUAN 1.6. Sistematika Penelitian ………...…………...

x

2.2.1. Hypertext Markup Language (HTML) …..……….. 2.2.2. Hypertext Preprocessor (PHP) ...

2.2.3. MySQL………

2.2.4. PHP MyAdmin………

2.2.5. Cascade Style Sheet (CSS)……….. 2.2.6. Dreamweaver………..

2.2.7. Flash………

2.2.8. Ajax……….

2.2.9. Tunagrahita………..

BAB III METODE PENELITIAN

3.1. Waktu dan Tempat ... 3.2. Peralatan Utama dan Pendukung ... 3.3. Alur Perancangan Sistem………

Model Perancangan Sistem……… Flowchart... Perancangan Page……….. Tabel Data Program……… Hubungan Antar Tabel………

BAB IV PENGUJIAN DAN PEMBAHASAN SISTEM

4.1 Spesifikasi Peralatan Uji coba ...

4.2 Halaman Index………

4.3 Halaman Video... 4.4 Halaman Galeri Foto...

xi

4.5 Halaman Artikel dan Berita... 4.6 Halaman User Control Panel... 4.7 Halaman Konsultasi... 4.8 Halaman Input Konten... 4.9 Halaman Daftar dan Update Konten... 4.10 Halaman Input Konten Multimedia... 4.11 Halaman Jawab Konsultasi... 4.12 Halaman Input Pegawai... 4.13 Halaman Daftar dan Edit Pegawai... 4.14 Halaman Input Wali... 4.15 Halaman Daftar dan Edit Wali... 4.16 Halaman Input Murid……….. 4.17 Halaman Daftar dan Edit Murid……….. 4.18 Halaman Input Navigasi……….. 4.19 Halaman Daftar dan Edit Navigasi……….. 4.20 Halaman Homepage Setting………. 4.21 Halaman Moderasi………... 4.22 Halaman Konsul Umum………... 4.23 Halaman Lihat Diskusi………. 4.24 Hasil Uji Pada Web Browser……… Hasil Uji Coba Pada Mozilla Firefox……… Hasil Uji Coba Pada Google Chrome………... Hasil Uji Coba Pada Opera………

xii

4.25 Pengujian dan Analisis………. 4.26 Hasil Kuisioner Pengujian Website……….. 4.27 Grafik Hasil Kuisioner………. 4.28 Perbandingan dengan Web Sejenis………..

BAB V PENUTUP

5.1. Kesimpulan ... 5.2. Saran ...

DAFTAR PUSTAKA LAMPIRAN

a. Kuisioner

b. Foto Bukti Pengujian

c. Surat Keterangan Selesai Penelitian d. Skrip Program

59 60 62 64

xiii

DAFTAR GAMBAR

Gambar 3.1 Flowchart Penelitian ………. 21

Gambar 3.2 Flowchart Global………... 22

Gambar 3.3 Flowchart Admin……….. 22

Gambar 3.4 Flowchart User………. 23

Gambar 3.5 Flowchart Orang Tua……… 23

Gambar 3.6 Rancangan Page……… 24

Gambar 3.7 Hubungan Antar Tabel……….. 33

Gambar 4.1 Halaman Utama………. 36

Gambar 4.2 Form Login………... 37

Gambar 4.3 Halaman Video……….. 37

Gambar 4.4 Halaman Galeri Foto………. 38

Gambar 4.5 Halaman Artikel……… 39

Gambar 4.6 Halaman User Control Panel……… 40

Gambar 4.7 Halaman Pilih Guru... 41

Gambar 4.8 Halaman Konsultasi……….. 41

Gambar 4.9 Halaman Input Konten………. 42

Gambar 4.10 Halaman Daftar Konten……… 43

Gambar 4.11 Halaman Update Konten... 44

Gambar 4.12 Halaman Input Multimedia……… 45

Gambar 4.13 Halaman Jawab Konsultasi……… 46

xiv

Gambar 4.15 Halaman Daftar Pegawai……….. 48

Gambar 4.16 Halaman Edit Pegawai……….. 48

Gambar 4.17 Halaman Input Wali………... 49

Gambar 4.18 Halaman Daftar Wali………. 50

Gambar 4.19 Halaman Edit Wali………. 50

Gambar 4.20 Halaman Input Murid……… 51

Gambar 4.21 Halaman Daftar Murid……….. 52

Gambar 4.22 Halaman Edit Murid………. 52

Gambar 4.23 Halaman Input Menu……… 53

Gambar 4.24 Halaman Daftar Pegawai……….. 54

Gambar 4.25 Halaman Edit Pegawai………. 54

Gambar 4.26 Halaman Homepage Setting……….. 55

Gambar 4.27 Halaman Moderasi……… 56

Gambar 4.28 Halaman Konsul Umum……… 56

Gambar 4.29 Halaman Lihat Diskusi……….. 57

Gambar 4.30 Uji web browser Firefox………... 57

Gambar 4.31 Uji web browser Chrome……….. 58

Gambar 4.32 Uji web browser Opera………. 58

Gambar 4.33 Grafik Kuisioner Guru dan Wali……….. 62

xv

DAFTAR TABEL

Tabel 3.1 Tabel CMS Setting………. 26

Tabel 3.2 Tabel Galeri………... 26

Tabel 3.3 Tabel Homepage Setting……… 27

Tabel 3.4 Tabel Jawaban………... 27

Tabel 3.5 Tabel Jenjang………. 27

Tabel 3.6 Tabel Kategori Artikel………... 28

Tabel 3.7 Tabel Kelas……… 28

Tabel 3.8 Tabel Konten………. 29

Tabel 3.9 Tabel Modul……….. 29

Tabel 3.10 Tabel Murid………... 30

Tabel 3.11 Tabel Navigasi……… 30

Tabel 3.12 Tabel Tanya……… 31

Tabel 3.13 Tabel Tipe Konten………. 31

Tabel 3.14 Tabel User……….. 32

Tabel 3.15 Tabel faq_j ……… 26

Tabel 4.1 Tabel Pengujian Metode Blackbox……….. 60

Tabel 4.2 Tabel Hasil Kuisioner Guru dan Orangtua………. 61

xvi

ABSTRAKSI

Pendidikan merupakan hak setiap orang untuk mendapatkannya. Seperti yang telah diatur dalam Undang Undang Republik Indonesia Nomor 20 Tahun 2003 tentang Sistem Pendidikan Nasional. Pasal 5 menyebutkan bahwa setiap warga negara mempunyai hak yang sama untuk memperoleh pendidikan yang bermutu, tak terkecuali warga negara yang mempunyai kelainan baik fisik, emosional, mental, maupun kelainan intelektual.. Pada penerapannya, sekarang ini pendidikan anak dengan kelainan atau berkebutuhan khusus (ABK) masih kurang diperhatikan. Website SLB-C Setya Darma ini nantinya akan membantu masyarakat yang ingin menyekolahkan anaknya di sekolah tersebut dapat dengan mudah mendapatkan informasi yang dibutuhkan serta membuat masyarakat umum tahu tentang SLB dan lebih memberikan perhatian khusus bagi pendidikan untuk anak berkebutuhan khusus, terutama anak tunagrahita.

Perancangan dilakukan menggunakan tool software ApacheFriends XAMPP version 1.7.4 MySQL 5.5.8, PHP 5.3.5 dan phpMyAdmin 3.3.9 dan Geany beserta Dreamweaver sebagai media kerja. Pengujian dilakukan secara localhost.

Hasil pengujian menunjukkan bahwa perancangan website SLB-C ini memuat beberapa informasi tentang tunagrahita dan SLB Setya Darma, yang akhirnya memudahkan dalam memperoleh informasi.