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.
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
2012
i
ii
iii
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.
5. Umi Fadlilah, S.T, M.Eng, selaku Pembimbing II yang telah memberikan
nasehat, bimbingan, dan pengarahan kepada penulis sehingga dapat
menyelesaikan tugas akhir ini.
iv
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.
Akhir kata, penulis menyadari bahwa Tugas Akhir ini masih jauh dari
kesempurnaan. Saran dan kritik yang membangun sangat penulis harapkan.
Semoga karya ini dapat bermanfaat untuk rekan-rekan mahasiswa dan pihak-pihak
yang berkepentingan.
v
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”
(mahatma gandhi)
vi
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
kebersamaannya.
vii
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.
Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggung jawab atas isi dan kebenaran daftar di atas.
viii
DAFTAR ISI
HALAMAN JUDUL ......................................................................................
i
LEMBAR PERSETUJUAN ...........................................................................
ii
HALAMAN PENGESAHAN.........................................................................
iii
KATA PENGANTAR ....................................................................................
iv
HALAMAN MOTTO .....................................................................................
vi
HALAMAN PERSEMBAHAN .....................................................................
vii
DAFTAR KONTRIBUSI ...............................................................................
viii
DAFTAR ISI ...................................................................................................
ix
DAFTAR GAMBAR ......................................................................................
xiii
DAFTAR TABEL ...........................................................................................
xv
HALAMAN ABSTRAKSI ............................................................................
xvi
BAB I
PENDAHULUAN
1.1. Latar Belakang .......................................................................
1
1.2. Perumusan Masalah ...............................................................
2
1.3. Batasan Masalah ....................................................................
3
1.4. Tujuan penelitian ……...........................................................
3
1.5. Manfaat Penelitian ………...…………..................................
3
1.6. Sistematika Penelitian ………...………….............................
4
BAB II TINJAUAN PUSTAKA
2.1. Telaah Penelitian …………..…………………………….....
2.2. Landasan Teori.......................................................................
ix
2.2.1.
Hypertext Markup Language (HTML) …..………..
6
2.2.2.
Hypertext Preprocessor (PHP) ...................................
7
2.2.3.
MySQL………………………………………………
9
2.2.4.
PHP MyAdmin………………………………………
9
2.2.5.
Cascade Style Sheet (CSS)…………………………..
10
2.2.6.
Dreamweaver………………………………………..
10
2.2.7.
Flash…………………………………………………
11
2.2.8.
Ajax………………………………………………….
12
2.2.9.
Tunagrahita…………………………………………..
13
BAB III METODE PENELITIAN
3.1. Waktu dan Tempat ................................................................
16
3.2. Peralatan Utama dan Pendukung ..........................................
16
3.3. Alur Perancangan Sistem……………………………………
17
Model Perancangan Sistem…………………………………
17
Flowchart...............................................................................
20
Perancangan Page…………………………………………..
24
Tabel Data Program…………………………………………
26
Hubungan Antar Tabel………………………………………
32
BAB IV PENGUJIAN DAN PEMBAHASAN SISTEM
4.1
Spesifikasi Peralatan Uji coba ...............................................
35
4.2
Halaman Index………………………………………………
36
4.3
Halaman Video......................................................................
37
4.4
Halaman Galeri Foto.............................................................
38
x
4.5
Halaman Artikel dan Berita...................................................
38
4.6
Halaman User Control Panel................................................
39
4.7
Halaman Konsultasi..............................................................
40
4.8
Halaman Input Konten..........................................................
42
4.9
Halaman Daftar dan Update Konten.....................................
42
4.10 Halaman Input Konten Multimedia....................................
44
4.11 Halaman Jawab Konsultasi.................................................
45
4.12 Halaman Input Pegawai......................................................
46
4.13 Halaman Daftar dan Edit Pegawai......................................
47
4.14 Halaman Input Wali............................................................
49
4.15 Halaman Daftar dan Edit Wali............................................
49
4.16 Halaman Input Murid……………………………………..
51
4.17 Halaman Daftar dan Edit Murid…………………………..
51
4.18 Halaman Input Navigasi…………………………………..
53
4.19 Halaman Daftar dan Edit Navigasi………………………..
53
4.20 Halaman Homepage Setting……………………………….
55
4.21 Halaman Moderasi………………………………………...
55
4.22 Halaman Konsul Umum…………………………………...
56
4.23 Halaman Lihat Diskusi…………………………………….
57
4.24 Hasil Uji Pada Web Browser………………………………
57
Hasil Uji Coba Pada Mozilla Firefox………………………
57
Hasil Uji Coba Pada Google Chrome……………………...
58
Hasil Uji Coba Pada Opera…………………………………
58
xi
4.25 Pengujian dan Analisis…………………………………….
59
4.26 Hasil Kuisioner Pengujian Website………………………..
60
4.27 Grafik Hasil Kuisioner…………………………………….
62
4.28 Perbandingan dengan Web Sejenis………………………..
64
BAB V PENUTUP
5.1. Kesimpulan .........................................................................
66
5.2. Saran ....................................................................................
66
DAFTAR PUSTAKA
LAMPIRAN
a.
Kuisioner
b.
Foto Bukti Pengujian
c.
Surat Keterangan Selesai Penelitian
d.
Skrip Program
xii
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
Gambar 4.14 Halaman Input Pegawai……………………………………….
47
xiii
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
Gambar 4.34 Grafik Kuisioner Murid………………………………………
63
xiv
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
Tabel 4.3
Tabel Hasil Kuisioner Siswa…………………………………..
xv
61
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.
Kata kunci : ABK, MySQL, PHP, Tunagrahita, Website.
xvi
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
2012
i
ii
iii
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.
5. Umi Fadlilah, S.T, M.Eng, selaku Pembimbing II yang telah memberikan
nasehat, bimbingan, dan pengarahan kepada penulis sehingga dapat
menyelesaikan tugas akhir ini.
iv
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.
Akhir kata, penulis menyadari bahwa Tugas Akhir ini masih jauh dari
kesempurnaan. Saran dan kritik yang membangun sangat penulis harapkan.
Semoga karya ini dapat bermanfaat untuk rekan-rekan mahasiswa dan pihak-pihak
yang berkepentingan.
v
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”
(mahatma gandhi)
vi
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
kebersamaannya.
vii
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.
Demikian daftar kontribusi ini saya buat dengan sejujurnya. Saya
bertanggung jawab atas isi dan kebenaran daftar di atas.
viii
DAFTAR ISI
HALAMAN JUDUL ......................................................................................
i
LEMBAR PERSETUJUAN ...........................................................................
ii
HALAMAN PENGESAHAN.........................................................................
iii
KATA PENGANTAR ....................................................................................
iv
HALAMAN MOTTO .....................................................................................
vi
HALAMAN PERSEMBAHAN .....................................................................
vii
DAFTAR KONTRIBUSI ...............................................................................
viii
DAFTAR ISI ...................................................................................................
ix
DAFTAR GAMBAR ......................................................................................
xiii
DAFTAR TABEL ...........................................................................................
xv
HALAMAN ABSTRAKSI ............................................................................
xvi
BAB I
PENDAHULUAN
1.1. Latar Belakang .......................................................................
1
1.2. Perumusan Masalah ...............................................................
2
1.3. Batasan Masalah ....................................................................
3
1.4. Tujuan penelitian ……...........................................................
3
1.5. Manfaat Penelitian ………...…………..................................
3
1.6. Sistematika Penelitian ………...………….............................
4
BAB II TINJAUAN PUSTAKA
2.1. Telaah Penelitian …………..…………………………….....
2.2. Landasan Teori.......................................................................
ix
2.2.1.
Hypertext Markup Language (HTML) …..………..
6
2.2.2.
Hypertext Preprocessor (PHP) ...................................
7
2.2.3.
MySQL………………………………………………
9
2.2.4.
PHP MyAdmin………………………………………
9
2.2.5.
Cascade Style Sheet (CSS)…………………………..
10
2.2.6.
Dreamweaver………………………………………..
10
2.2.7.
Flash…………………………………………………
11
2.2.8.
Ajax………………………………………………….
12
2.2.9.
Tunagrahita…………………………………………..
13
BAB III METODE PENELITIAN
3.1. Waktu dan Tempat ................................................................
16
3.2. Peralatan Utama dan Pendukung ..........................................
16
3.3. Alur Perancangan Sistem……………………………………
17
Model Perancangan Sistem…………………………………
17
Flowchart...............................................................................
20
Perancangan Page…………………………………………..
24
Tabel Data Program…………………………………………
26
Hubungan Antar Tabel………………………………………
32
BAB IV PENGUJIAN DAN PEMBAHASAN SISTEM
4.1
Spesifikasi Peralatan Uji coba ...............................................
35
4.2
Halaman Index………………………………………………
36
4.3
Halaman Video......................................................................
37
4.4
Halaman Galeri Foto.............................................................
38
x
4.5
Halaman Artikel dan Berita...................................................
38
4.6
Halaman User Control Panel................................................
39
4.7
Halaman Konsultasi..............................................................
40
4.8
Halaman Input Konten..........................................................
42
4.9
Halaman Daftar dan Update Konten.....................................
42
4.10 Halaman Input Konten Multimedia....................................
44
4.11 Halaman Jawab Konsultasi.................................................
45
4.12 Halaman Input Pegawai......................................................
46
4.13 Halaman Daftar dan Edit Pegawai......................................
47
4.14 Halaman Input Wali............................................................
49
4.15 Halaman Daftar dan Edit Wali............................................
49
4.16 Halaman Input Murid……………………………………..
51
4.17 Halaman Daftar dan Edit Murid…………………………..
51
4.18 Halaman Input Navigasi…………………………………..
53
4.19 Halaman Daftar dan Edit Navigasi………………………..
53
4.20 Halaman Homepage Setting……………………………….
55
4.21 Halaman Moderasi………………………………………...
55
4.22 Halaman Konsul Umum…………………………………...
56
4.23 Halaman Lihat Diskusi…………………………………….
57
4.24 Hasil Uji Pada Web Browser………………………………
57
Hasil Uji Coba Pada Mozilla Firefox………………………
57
Hasil Uji Coba Pada Google Chrome……………………...
58
Hasil Uji Coba Pada Opera…………………………………
58
xi
4.25 Pengujian dan Analisis…………………………………….
59
4.26 Hasil Kuisioner Pengujian Website………………………..
60
4.27 Grafik Hasil Kuisioner…………………………………….
62
4.28 Perbandingan dengan Web Sejenis………………………..
64
BAB V PENUTUP
5.1. Kesimpulan .........................................................................
66
5.2. Saran ....................................................................................
66
DAFTAR PUSTAKA
LAMPIRAN
a.
Kuisioner
b.
Foto Bukti Pengujian
c.
Surat Keterangan Selesai Penelitian
d.
Skrip Program
xii
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
Gambar 4.14 Halaman Input Pegawai……………………………………….
47
xiii
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
Gambar 4.34 Grafik Kuisioner Murid………………………………………
63
xiv
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
Tabel 4.3
Tabel Hasil Kuisioner Siswa…………………………………..
xv
61
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.
Kata kunci : ABK, MySQL, PHP, Tunagrahita, Website.
xvi