Pemanfaatan Media Web Site sebagai Media Komunikasi Pendidikan antara Sekolah dan Orang Tua Siswa dengan Studi Kasus SMUK 3 BPK Penabur Cibeureum.

(1)

Abstrak

Cara berkomunikasi tradisional face to face antara orang tua dan guru membuat komunikasi kurang efisien dan menghabiskan banyak waktu. Sistem ini dibuat untuk memudahkan orang tua dalam melakukan komunikasi dengan guru mengenai pembelajaran anak, yang dibuat dengan menggunakan program PHP, MySQL dan HTML.

Dengan menggunakan sistem ini akan mempermudah orang tua yang berada diluar kota atau orang tua yang sibuk sehingga tidak sempat datang ke sekolah untuk berkomunikasi dengan guru.

(2)

Abstract

The traditional way to communicate (face-to-face) between parents and teachers reduce the effectiveness of communication and require lots time. This is the main reason that this new system try to conquer. This system will help parents and teachers to exchange information about student’s progress in school. This system was made using PHP, MySQL, and HTML.

Parents whom are out of town or busy parents whom seldom have time to come to their children’s school to communicate with teachers will take great benefits of this system.

(3)

DAFTAR ISI

Lembar Pengesahan Tugas Akhir……….. i

Pernyataan Orisinalitas Laporan………ii

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah untuk Kepentingan Akademis………..iii

Abstrak……….iv

Kata Pengantar………..vi

Daftar Isi……….viii

Daftar Gambar………...………..xii

Daftar Tabel………xiv

Daftar Program………xv

Bab I Pendahuluan

I.1 Latar Belakang Masalah……….…….I-1 I.2 Perumusan Masalah……….…………I-2 I.3 Tujuan Penelitian……….………I-3 I.4 Pembatasan Masalah………...…I-3 Bab II Landasan Teori

II.1 HTML (Hyper Text Markup Language)……….II-1 II.2 PHP……….II-2 II.2.1 Pengenalan PHP………...II-2

(4)

II.2.2 Cara Kerja PHP………....II-3 II.3 MySQL………...….II-5 II.4 Psikologi Pendidikan………..II-6 Bab III Analisa dan Perancangan Sistem

III.1 Analisa Sistem………..III-1 III.1.1 Analisa Kebutuhan Sistem………...III-1 III.1.2 Analisa Fitur……….III-2 III.1.3 Analisa Sistem Informasi……….III-3 III.1.3.1 DFD (Data Flow Diagram)……….………III-3 III.1.3.2 Kamus Data………..….III-13 III.1.3.3 ER – Diagram………...III-14

III.1.3.4 Skema Relasi……….III-15

III.2 Perancangan Sistem………III-16 III.2.1 Sturktur Web Site………...III-16 III.2.2 Desain Layout………III-20 III.2.2.1 Desain Layout Pada User……….III-20 III.2.2.2 Desain Layout Pada Administrator………...III-24 Bab IV Hasil Tercapai

IV.1 Realisasi Rancangan Layout………....IV-1 IV.1.1 Realisasi Desain Layout User………..IV-1 IV.1.2 Realisasi Desain Layout Administrator………...IV-6

(5)

Bab V Evaluasi Sistem

V.1 Evaluasi Perumusan Masalah……….………V-1 V.2 Evaluasi Tujuan………..………V-2 V.3 Evaluasi Dengan Metoda Questionaire…………...………V-3 Bab VI Kesimpulan dan Saran

VI.1 Kesimpulan………..VI-1 VI.2 Saran………...…..VI-2

Daftar Referensi……… Lampiran Kode Program………...…A-1

(6)

Daftar Gambar

Gambar 2.1 Proses HTML……….…II-4 Gambar 2.2 Proses PHP……….II-4 Gambar 3.1 Diagram Konteks………...………...III-4 Gambar 3.2 DFD Level 1……….III-5 Gambar 3.3 DFD Level 2 (Proses 2)………III-6 Gambar 3.4 DFD Level 2 (Proses 3)………III-7 Gambar 3.5 DFD Level 3 (Proses 3.1)……….III-8 Gambar 3.6 DFD Level 3 (Proses 3.2)……….III-9 Gambar 3.7 DFD Level 3 (Proses 3.3)………...III-10 Gambar 3.8 DFD Level 3 (Proses 3.4)………...III-11 Gambar 3.9 DFD Level 3 (Proses 3.5)………...III-12 Gambar 3.10 ER – Diagram………...III-14 Gambar 3.11 Skema Relasi Basis Data………..III-15 Gambar 3.12 Site Map User………...III-17 Gambar 3.13 Site Map Administrasi………..III-19 Gambar 3.14 Tampilan Halaman Login……….III-20 Gambar 3.15 Tampilan Halaman Utama………III-21 Gambar 3.16 Tampilan Halaman Nilai………..III-21 Gambar 3.17 Tampilan Search Go Nilai………III-22 Gambar 3.18 Tampilan Halaman Catatan Perilaku Siswa……….III-22 Gambar 3.19 Tampilan Halaman Komunikasi………...III-23 Gambar 3.20 Tampilan Halaman Kirim Komunikasi………III-23 Gambar 3.21 Tampilan Halaman Ganti Password……….III-24 Gambar 3.22 Tampilan Halaman Login Admin……….III-24 Gambar 3.23 Tampilan Halaman Utama Admin………III-25

(7)

Gambar 3.24 Tampilan Halaman Insert Data Siswa………..III-25 Gambar 3.25 Tampilan Halaman Insert Komunikasi……….III-26 Gambar 3.26 Tampilan Halaman Insert Data Nilai………III-27 Gambar 3.27 Tampilan Halaman Insert Data Orang Tua………..III-27 Gambar 3.28 Tampilan Halaman Insert Data Perilaku………..III-28 Gambar 3.29 Tampilan Halaman Edit Data Siswa……….…III-29 Gambar 3.30 Tampilan Halaman Edit Data Nilai………..III-30 Gambar 3.31 Tampilan Halaman Edit Data Orang Tua……….III-31 Gambar 3.32 Tampilan Halaman Delete Data Siswa……….III-31 Gambar 3.33 Tampilan Halaman Delete Data Komunikasi………...III-32 Gambar 3.34 Tampilan Halaman Delete Data Nilai……….……….III-32 Gambar 3.35 Tampilan Halaman Delete Data Orang Tua……….III-33 Gambar 3.36 Tampilan Halaman Delete Data Perilaku……….III-33 Gambar 3.37 Tampilan Halaman Reply Komunikasi………III-34 Gambar 4.1 Halaman Login User………..………..IV-1 Gambar 4.2 Halaman Utama Situs……….…….……….IV-2 Gambar 4.3 Halaman Nilai………..IV-2 Gambar 4.4 Halaman Cari Data……….…………..IV-3 Gambar 4.5 Halaman Perilaku……….………IV-3 Gambar 4.6 Halaman Komunikasi……….…….…….IV-4 Gambar 4.7 Halaman Kirim Komunikasi………...……….IV-4 Gambar 4.8 Halaman Ganti Password………...………..IV-5 Gambar 4.9 Halaman Login Admin……….…..….……….IV-6 Gambar 4.10 Halaman Utama Admin………....…….…….IV-8 Gambar 4.11 Halaman Daftar Nama Siswa……….………..……..………IV-8 Gambar 4.12 Halaman Insert Siswa……….…IV-9 Gambar 4.13 Halaman Edit Siswa………...…..IV-10 Gambar 4.14 Halaman Delete Siswa……….…IV-11 Gambar 4.15 Halaman Search Go Siswa………..………….IV-12

(8)

Gambar 4.16 Halaman Komunikasi………...IV-13 Gambar 4.17 Halaman Insert Komunikasi………..………...……IV-13 Gambar 4.18 Halaman Delete Komunikasi……….………..IV-14 Gambar 4.19 Halaman Reply Komunikasi………IV-15 Gambar 4.20 Halaman Nilai………..IV-16 Gambar 4.21 Halaman Insert Nilai………..………..IV-16 Gambar 4.22 Halaman Edit Nilai………...………IV-17 Gambar 4.23 Halaman Delete Nilai………..……….IV-18 Gambar 4.24 Halaman Search Go Nilai……….………IV-19 Gambar 4.25 Halaman Orang Tua……….IV-21 Gambar 4.26 Halaman Insert Data Orang Tua………..……….IV-21 Gambar 4.27 Halaman Edit Data Orang Tua……….IV-22 Gambar 4.28 Halaman Delete Data Orang Tua ... IV-23 Gambar 4.29 Halaman Perilaku ... IV-24 Gambar 4.30 Halaman Insert Perilaku………...……IV-25 Gambar 4.31 Halaman Delete Perilaku………..IV-26

Daftar Tabel

(9)

Daftar Program

Program 4.1 Proses Login………...……….IV-7 Program 4.2 Insert Data Siswa……….IV-9 Program 4.3 Edit Data Siswa………...…..IV-10 Program 4.4 Delete Data Siswa……….…IV-11 Program 4.5 Search Go Pada Halaman Siswa………...…IV-12 Program 4.6 Insert Data Komunikasi……….IV-14 Program 4.7 Delete Data Komunikasi……….………..IV-15 Program 4.8 Insert Nilai……….IV-17 Program 4.9 Edit Nilai……….………..IV-18 Program 4.10 Delete Nilai………..……….…..…….IV-19 Program 4.11 Search Go Pada Halaman Nilai………..….IV-20 Program 4.12 Insert Data Orang Tua……….IV-22 Program 4.13 Edit Data Orang Tua………..…………..IV-23 Program 4.14 Delete Data Orang Tua………...……….IV-24 Program 4.15 Insert Data Perilaku………...……….…….IV-25 Program 4.16 Delete Data Perilaku………..……….….IV-26

(10)

BAB I

Pendahuluan

Dalam kegiatan pembelajaran di sekolah. Informasi dan komunikasi dalam suatu sistem pendidikan merupakan dua hal yang utama dalam kelangsungan sistem tersebut. Ketika tatap muka menjadi kendala, web site menjadi alternatif pilihan untuk menjaga komunikasi dan informasi agar tetap berjalan.

Pada umumnya, banyak aktivitas anak-anak di sekolah yang tidak diketahui oleh orang tuanya. Terkadang orang tua yang terlalu sibuk, sehingga tidak ada waktu untuk memberikan perhatian pada anak-anaknya di bidang pembelajaran di sekolah. Kurangnya perhatian tersebut dapat menyebabkan prestasi belajar anak menjadi menurun. Untuk itu web site ini dibuat. Web site ini ditujukan untuk membantu para orang tua untuk mengetahui bagaimana keadaan dan prestasi anaknya

I.1 Latar Belakang Masalah

Sebagai lembaga pendidikan, sekolah bertujuan untuk menghasilkan tunas-tunas bangsa yang memiliki potensi dan daya kreasi yang dapat dikembangkan sebagai bekal menuju jenjang pendidikan yang lebih tinggi.

Dengan terus meningkatnya sistem pembelajaran di sekolah, anak-anak membutuhkan bimbingan orang tua dan pendekatan dari guru supaya anak-anak tidak merasa jenuh dalam belajar. Selain itu juga antara orang tua dan sekolah harus selalu terjadi komunikasi agar dapat memantau kondisi perkembangan anak-anak dalam mengikuti pembelajaran di sekolah. Tetapi kendala yang muncul adalah orang tua dan

(11)

guru jarang sekali dapat melakukan komunikasi, karena orang tua kerap kali terlalu sibuk sehingga tidak punya cukup waktu untuk berkonsultasi dengan sekolah. Maka dari itu dengan adanya web site ini diharapkan antara orang tua dan guru dapat saling berkonsultasi untuk memecahkan masalah anak-anak mereka di sekolah sehingga prestasi belajar anak-anak mereka meningkat.

I.2 Perumusan Masalah

Dalam hubungan konsultasi antara orang tua dan guru banyak ditemukan kendala, seperti :

•

Ketidakcocokan waktu pertemuan antara orang tua dan guru karena orang tua sibuk bekerja.

•

Anak sering membohongi orang tua tentang nilai ulangan.

•

Bila anak ditegur disekolah sering kali tidak menyampaikan kepada orang tuanya.

•

Anak yang mendapatkan surat pemanggilan orang tua dari sekolah tidak disampaikan oleh anak tersebut.

Dengan dibuatnya web ini diharapkan :

• Orang tua dapat melihat perkembangan nilai anaknya melalui Internet tanpa harus datang kesekolah

• Orang tua dapat mengetahui sikap dan perilaku anak di sekolah.

(12)

• Teguran dari guru kepada anak dapat langsung sampai ke orang tuanya.

1.3 Tujuan Penelitian

Dengan web site yang dibuat maka orang tua akan mendapat beberapa informasi, diantaranya:

1. Sikap dan perilaku anak di sekolah. 2. Prestasi belajar anak di sekolah. 3. Konsultasi perkembangan anak.

Tujuan utama dari web site ini kita akan dapat memperoleh informasi diantaranya:

1. Orang tua dapat mengetahui nilai anaknya di sekolah. 2. Terjalin komunikasi yang lancar antara orang tua dan guru.

3. Komunikasi orang tua dan sekolah melalui lembar komunikasi yang ada pada web site.

1.4 Pembatasan Masalah

Dari pembuatan web site di atas ada beberapa masalah yang dibatasi seperti : 1. Komunikasi antara orang tua dan sekolah akan dilakukan melalui lembar

komunikasi.

2. Nilai yang ditampilkan sudah merupakan nilai jadi. 3. Orang tua diasumsikan dapat menggunakan komputer.

(13)

Tools serta bahasa pemrograman yang akan digunakan dalam pembangunan sistem antara lain:

• Bahasa pemrograman yang digunakan dalam membuat situs ini adalah HTML dan PHP sebagai koneksi dinamis dengan database.

• Program pengolah situs (web editor) yang akan digunakan untuk pengolahan yaitu Macromedia Dreamweaver MX.

• Program pengolah gambar (image editor) yang akan digunakan Adobe Photoshop 7.0.

• Program basis data yang digunakan adalah My SQL • Pengujian tampilan digunakan Internet Explorer 6.0.

Penulisan laporan Tugas Akhir ini dilakukan penyusunan sebagai berikut : 1. Bab I Pendahuluan

Latar belakang, perumusan masalah, tujuan, pembatasan masalah dan sistematika penulisan laporan Tugas Akhir akan dibahas di dalam bab ini. 2. Bab II Landasan Teori

Pembahasan materi-materi yang digunakan dalam mendukung serta membantu penyusun laporan dalam membuat laporan Tugas Akhir.

3. Bab III Analisa dan Perancangan Sistem

Analisa kebutuhan serta spesifikasi sistem yang dibutuhkan oleh situs yang akan dibangun. Selain itu juga dipaparkan proses pembuatan desain sistem hingga mencapai format dan perencanaan yang diinginkan.

(14)

4. Bab IV Hasil Tercapai

Tampilan serta implementasi akhir dari sistem. Fungsionalitas utama dari sistem juga akan dipaparkan sesuai dengan tujuan pembuatan.

5. Bab V Evaluasi Sistem

Evaluasi tujuan awal dari penelitian dengan hasil akhir yang dicapai. 6. Bab VI Penutup

Berisi kesimpulan serta saran membangun yang memungkinkan pengembangan lebih lanjut dari situs yang dibuat.

(15)

BAB VI

Kesimpulan dan Saran

VI.1 Kesimpulan

Setelah sistem dibuat, dianalisa serta dievaluasi maka dapat ditarik beberapa kesimpulan sebagai berikut :

1. Komunikasi antara orang tua dan guru dapat dilakukan dimana saja dan kapan saja melalui koneksi Internet.

2. Orang tua dapat mengetahui prestasi belajar anak di sekolah dengan adanya halaman nilai yang menginformasikan nilai ulangan harian, ujian tengah semester dan ujian akhir semester anak. Orang tua juga dapat mengetahui perkembangan sikap dan perilaku anak di sekolah dengan adanya halaman perilaku yang memuat catatan kelebihan, kekurangan dan pelanggaran anak di sekolah.

3. Dengan adanya situs ini orang tua dapat dengan mudah mengetahui perkembangan nilai anak.

(16)

VI.2 Saran

Aplikasi ini masih berada dalam tahap awal perancangan. Sangat mungkin untuk dikembangkan menjadi sebuah sistem komunikasi yang lebih baik lagi. Pengembangan tersebut mencakup :

1. Pengembangan lebih lanjut untuk bentuk Lembar Komunikasi menjadi forum. Sehingga setiap user bisa ikut berpartisipasi dalam forum.

2. Website dapat dikembangkan dengan menambahkan fitur untuk online chatting dengan webcam dan microphone.

3. Komunikasi melalui teknologi komunikasi wireless. Orang tua dapat melakukan komunikasi melalui telepon genggam via SMS.

(17)

REFERENSI

1. Christensen, Eric. 2003. Modul Pemrograman Web. Bandung. Universitas Kristen Maranatha.

2. Abdul Kadir, 2002. Dasar Pemrograman Web Dinamis Menggunakan PHP. Penerbit Andi, Yogyakarta.

3. Klik Kanan, http://www.klik-kanan.com/tutorial/php/intro.shtml, diakses tanggal 5 Januari 2006.

4. M. Farid Azis, 2001. Belajar Sendiri Pemrograman PHP 4. Penerbit PT. Elex Media Komputindo, Jakarta.

5. Wiki Wiki Web, Benefit of My SQL, http://c2.com/cgi/wiki?MySql, diakses

tanggal 13 April 2005.

6. Michael Presley, Christine B. McCormick, 1996. Educational Psychology : Learning, Instructions, Assessment. Penerbit Longman Art Resource, New York.

7. Sekolah 2000, Sekolah Web sarana menuju Masyarakat Adil dan Modern, http://www.sekolah2000.or.id/03/index.php?subaction=showfull&id=1081461 914&archive=&start_from=&ucat=3&, diakses pada tanggal 5 Januari 2006. 8. Wankyu Choi, Allan Kent, Chris Lea, Ganesh Prasad, Chris Ulman with john

Blank and Sean Cazzell, 1999. Programmer to Programmer Beginning PHP , Penerbit Wrox Press LTD, USA.

(1)

I-3