• Tidak ada hasil yang ditemukan

Pemanfaatan Media Website Sebagai Media Komunikasi Pendidikan Antara Sekolah DAn Orang Tua Siswa Dengan Studi Kasus SMAK 3 BPK Penabur Cibeureum.

N/A
N/A
Protected

Academic year: 2017

Membagikan "Pemanfaatan Media Website Sebagai Media Komunikasi Pendidikan Antara Sekolah DAn Orang Tua Siswa Dengan Studi Kasus SMAK 3 BPK Penabur Cibeureum."

Copied!
127
0
0

Teks penuh

(1)

PEMANFAATAN MEDIA WEB SITE SEBAGAI MEDIA

KOMUNIKASI PENDIDIKAN ANTARA SEKOLAH DAN

ORANG TUA SISWA DENGAN STUDI KASUS SMAK 3

BPK PENABUR CIBEUREUM

LAPORAN TUGAS AKHIR

Diajukan Untuk Memenuhi Persyaratan Akademik Dalam Menyelesaikan

Pendidikan Pada Program Studi D3 Teknologi Informasi Universitas Kristen

Maranatha Bandung

Disusun oleh:

Lily

0271136

Program Studi D3 Teknologi Informasi

Fakultas Teknologi Informasi

Universitas Kristen Maranatha

(2)

LEMBAR PENGESAHAN TUGAS AKHIR

PEMANFAATAN MEDIA WEB SITE SEBAGAI MEDIA KOMUNIKASI

PENDIDIKAN ANTARA SEKOLAH DAN ORANG TUA SISWA DENGAN

STUDI KASUS SMUK 3 BPK PENABUR CIBEUREUM

Oleh :

Lily - 0271136

Diterima Oleh :

Program D-III Teknologi Informasi Fakultas Teknologi Informasi

Universitas Kristen Maranatha

Bandung, 7 Februari 2006

Pembimbing :

Tim Penguji :

Ketua Program D-III Teknologi Informasi :

(3)

PERNYATAAN ORISINALITAS LAPORAN

Yang bertandatangan di bawah ini :

Nama : Lily

NRP : 0271136

Menyatakan bahwa Tugas Akhir ini merupakan hasil karya saya sendiri dan

bukan duplikasi dari orang lain.

Apabila di kemudian hari diketahui bahwa pernyataan ini tidak benar adanya

maka saya bersedia menerima seluruh sanksi yang diberikan.

Demikian pernyataan saya.

Bandung,

7

Februari

2006

(4)

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA

ILMIAH UNTUK KEPENTINGAN AKADEMIS

Sebagai mahasiswi Universitas Kristen Maranatha Bandung, yang bertanda tangan di

bawah ini, saya :

Nama : Lily

NRP :

0271136

Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada

Universitas Kristen Maranatha Hak Bebas Royalti Non-Eksklusif (Non-exclusive).

Dengan Hak Bebas Royalti Non-ekslusif ini Universitas Kristen Marantha

Bandung berhak menyimpan, mengalih media / format-kan, mengelola dalam bentuk

pangkalan data (database), mendistribusikannya dan menampilkan /

mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa

perlu meminta ijin dari saya selama tetap mencantumkan nama saya sebagai penulis /

pencipta.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak

Universtas Kristen Maranatha Bandung, segala bentuk tuntutan hukum yang timbul

atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.

Demikian pernyataan ini yang saya buat dengan sebenarnya.

Dibuat

di

:

Bandung

Pada

tanggal

:

7

Februari

2006

(5)

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

(6)

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

(7)

Kata Pengantar

Pertama – tama penulis panjatkan puji syukur kepada Tuhan Yang Maha Esa

atas segala berkat, rahmat, anugerah dan karunianya yang tak terhingga, sehingga

penulis dapat menyelesaikan penyusunan tugas akhir ini.

Tugas Akhir ini diajukan untuk memenuhi persyaratan akademik dalam

menyelesaikan pendidikan kasus pada Program Studi D-III Teknologi Informasi,

Fakultas Teknologi Informasi, Universitas Kristen Maranatha.

Penulis menyadari bahwa penulisan Tugas Akhir ini masih jauh dari sempurna

dan tak akan berarti tanpa bantuan dan dorongan yang penulis terima. Oleh karena

itu, pada kesempatan ini dengan segala kerendahan hati, penulis mengucapkan terima

kasih sebesar-besarnya kepada :

1.

Yth. Ibu Yenni M. Djajalaksana, MBA selaku Dekan Fakultas Teknologi

Informasi, Universitas Kristen Maranatha.

2.

Yth. Bapak Hapnes Toba, MSc selaku Koordinator Tugas Akhir dan Ketua

Program Studi D-III Teknologi Informasi, Fakultas Teknologi Informasi,

Universitas Kristen Marantha.

3.

Yth. Bapak Djoni Setiawan, ST selaku pembimbing utama atas waktu, tenaga dan

pikiran yang selalu diberikan disela-sela kesibukannya serta dorongannya untuk

membimbing penulisan dalam penyusunan tugas akhir ini.

(8)

selama penulis menyelesaikan masa studi di Universitas Kristen Maranatha

Bandung.

5.

Yth. Para dosen, staf pengajar, staf tenaga administrator dan perpustakaan, yang

telah banyak membantu penulis selama masa perkuliahan dan penyusunan tugas

akhir.

6.

Keluarga : Papa, Mama, Cici dan Dede atas doa, semangat dan dukungan yang

diberikan selama perkuliahan dan penyusunan Tugas Akhir.

7.

Suwardi, terima kasih atas dukungan dan bantuan yang diberikan selama

penyusunan Tugas Akhir (thanks for everything).

8.

Ronald SP, Nova Noviana, Corollus, Roy, Jemi, Bony terima kasih atas dukungan

dan bantuan yang diberikan selama kuliah dan penyusunan tugas akhir.

9.

Buat teman-teman angkatan 2002 : Tejo, Chris, Irwan, Erick, Jeni, Kristin, Jefry

dan yang tidak bisa disebutkan namanya satu persatu, terima kasih atas

(9)

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

(10)

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

(11)

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………

(12)

Daftar Gambar

(13)
(14)

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

(15)

Daftar Program

(16)

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

(17)

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.

Orang tua dapat berkonsultasi mengunakan koneksi Internet dengan pihak

(18)

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.

(19)

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

(20)

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

(21)

BAB II

LANDASAN TEORI

II. 1 HTML (Hyper Text Markup Language)

HTML ( Hyper Text Markup Language ) merupakan bahasa pemrograman

standar dalam pemrograman web yang dipakai di seluruh dunia. Hypertext berarti text

yang dapat menghubungkan satu bagian dengan suatu bagian lainnya. Markup berarti

catatan tambahan yang berada disamping teks atau dapat disebut pula TAG. Language

berarti bahasa yang telah distandarisasi aturan - aturannya jadi di seluruh dunia sama

[1].

Dalam pemrograman HTML kita dihadapkan dalam 3 bagian dasar, yaitu tag

pembuka, isi dan tag penutup. Seluruh isi yang akan ditampilkan dalam web site

(teks, gambar, suara, movie) harus didahului dengan tag pembuka dan diakhiri

dengan tag penutup. TAG, merupakan spesial teks yang ditandai dengan karakter “<”

dan “>” dan tag penutup selalu ditandai dengan “/” setelah tanda “<”, contohnya

<body> dan </body>. Jenis istilah pada tag yang dapat digunakan sangat bervariasi

mulai dari tag untuk format tulisan , misalnya : <h1>, <p>, <b>, sampai kepada

format elemen misalnya : <table> , <format>, <form>. Selain itu implementasi file

gambar pada dokumen HTML dapat dilakukan dengan tag <img> yang

dimodifikasikan dengan berbagai gaya pemformatan lain. TAG tidak case sensitive

(22)

Selain tidak case sensitive ada juga spesial karakter dalam HTML. Spesial

karakter dalam HTML diawali dengan menggunkan karakter &. Sebagai contoh

karakter “<” diwaliki oleh &lt; dan “>” diwaliki oleh &gt; dan karakter “&” diwaliki

oleh &amp;. Bila nilai dari suatu atribut ingin mengandung tanda kutip dua kita dapat

menggunakan “&quot;”

.

Spesial karakter juga digunakan untuk beberapa karakter

yang tidak mudah diwakili oleh keyboard. Sebagai contoh simbol copyright “©”

diwakili dengan &copy;. Sebagai alternative lain dari spesial karakter , kita pun dapat

juga menggunakan karakter numeric sebagai references

.

Sebagai contoh kita pun

dapat menggunakan &#169; untuk mewakili simbol copyright.

Didalam pemrograman HTML tidak hanya dicirikan dengan adanya tag saja,

tetapi terdapat juga LINK, yaitu perintah penghubung yang tersembunyi dalam teks

atau gambar yang berguna menghubungkan suatu halaman dengan halaman lainnya.

Perintah dasarnya adalah <a name=“…” Href=“URLnya”>Label</a>.

II.2 PHP

II.2.1 Pengenalan PHP

PHP merupakan bahasa pemrograman berbentuk skrip yang ditempatkan

dalam dan diproses di server. Hasilnya adalah yang dikirimkan ke klien, tempat

pemakai menggunakan browser.

Secara khusus, PHP dirancang untuk membentuk web dinamis. Artinya, ia

(23)

bisa menampilkan isi database ke halaman web. Pada prinsipnya, PHP mempunyai

fungsi yang sama dengan skrip-skrip seperti ASP (Actives Server Page), Cold Fusion,

ataupun Perl.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl

yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya.

Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut “Personal Home Page”.

Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan

PHP/FI versi 2. Pada versi inilah pemrogram dapat menempelkan kode terstruktur di

dalam tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan

database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan.

II.2.2 Cara Kerja PHP

Model kerja HTML diawali dengan permintaan suatu halaman web oleh

browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan sebutan

alamat Internet, browser mendapatkan alamat dari web server, mengidentifikasikan

halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan

oleh web server.

Selanjutnya, web server akan mencarikan berkas yang diminta dan

memberikan isinya ke browser. Browser yang mendapatkan isinya segera melakukan

(24)

Gambar 2. 1 Proses HTML

Bagaimana halnya kalau yang diminta adalah sebuah halaman PHP. Prinsipnya

serupa dengan kode HTML. Hanya saja, ketika berkas PHP yang diminta oleh web

server didapatkan, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang

memproses dan memberikan hasilnya (berupa kode HTML) ke web server.

Selanjutnya, web server menyampaikan ke klien.

Skrip PHP

Kode HTML Mesin PHP Web

Server

Browser Client Pemintaan HTTP (sesuatu.php)

Gambar 2. 2 Proses PHP

(25)

Kemampuan (featur) PHP yang paling diandalkan dan signifikan adalah

dukungan kepada banyak database. Membuat halaman web yang menggunakan data

dari database dengan sangat mudah dapat dilakukan. Berikut adalah daftar database

yang didukung oleh PHP : [3] Adabas D, dBase, Empress, FilePro, FrontBase,

Hyperware, IBM DB2, Informix, Ingres, Interbase, MSQL, Direct M SQL, MySQL,

ODBC, Oracle, PostgresSQL, Solid, SQLite, Sybase, Velocis, dan Unix DBM.

II.3 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk

mengakses databasenya. Selain itu, ia bersifat free (tidak perlu membayar untuk

menggunakannya) pada pelbagai platform. Perangkat lunak MySQL sendiri bisa di –

download dari http://www.mysql.org atau http://www.mysql.com.

MySQL termasuk jenis RDBMS (Relational Database Management System).

Relational Database Management System ( RDBMS ) merupakan sekumpulan data

yang disimpan sedemikian rupa sehingga mudah diambil informasinya bagi

pengguna, dan data tersebut saling berhubungan. RDBMS merupakan suatu paket

perangkat lunak yang kompleks digunakan untuk memanipulasi database.

Itulah sebabnya istilah seperti tabel, baris, dan kolom digunakan pada

MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel

(26)

Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel

yang secara logik merupakan struktur dua dimensi terdiri dari baris (row atau record)

dan kolom(column atau field). Sedangkan dalam sebuah database dapat terdiri dari

beberapa table.

Kelebihan memakai MySQL antara lain adalah menggunakan bahasa query

standar yang dimiliki SQL (Standard Query Language). SQL adalah suatu bahasa

permintaan yang terstruktur yang telah distandarkan untuk semua program

pengaksesan database seperti Oracle, Progres, SQ1, SQL, server, dan lain-lain.

Karena digunakan banyak orang pada saat developer mengalami kesulitan mereka

bisa mendapatkan solusi dari forum-forum yang tersedia. Konektivitas dan keamanan.

MySOL fully networked dan database dapat diakses dari manapun melalui Internet,

sehingga user dapat berbagi datamu dengan seseorang, di manapun. Walaupun dapat

diakses dari manapun melalui internet, MySQL mempunyai akses kontrol sehingga

siapa yang seharusnya tidak berhak mengakses data orang lain tidak akan bisa

melakukannya.

II.4 Psikologi Pendidikan

Psikologi pendidikan adalah studi bagaimana pembelajaran terjadi dan

bagaimana pengajaran dapat membantu pembelajaran terjadi. Psikologi pendidikan

meliputi pengetahuan tentang kesiapan atau pengembangan pelajar, bagaimana

gagasan atau perilaku spesifik benar-benar dipelajari, dan bagaimana pelajar bisa

(27)

dapat menerapkan semua perhatian ini untuk mengajar lebih secara efektif dan untuk

mengevaluasi pelajaran secara wajar. Untuk berhubungan dengan semua topik ini ,

psikologi bidang pendidikan menggunakan berbagai teori psikologis dan pendekatan,

yang mempunyai persamaan terkait kepada pengajaran atau pembelajaran atau

kedua-duanya.

Psikologi pendidikan berfokus pada empat topik yang penting untuk pengajaran yang

efektif, yaitu : pengembangan, pelajaran dan instruksi, motivasi, evaluasi.

Yang akan penulis bahas adalah pada point motivasi. Dalam soal belajar,

motivasi itu sangat penting. Motivasi adalah syarat mutlak untuk belajar. Di sekolah

seringkali terdapat anak yang malas, tidak menyenangkan, suka membolos, dan

sebagainya. Dalam hal demikian berarti bahwa guru dan orang tua tidak berhasil

memberikan motivasi yang tepat untuk mendorong agar ia berkerja dengan segenap

tenaga dan pikirannya,. Dalam hubungan ini, perlu diingat, bahwa nilai buruk pada

suatu mata pelajaran belum tertentu berarti bahwa anak itu bodoh terhadap mata

pelajaran itu. Seringkali terjadi seorang anak malas terhadap suatu mata pelajaran,

tetapi sangat giat dalam mata pelajaran yang lain.

Orang tua dan guru menjadi point utama dalam hal memberikan motivasi

kepada anak. Komunikasi antara orang tua murid dan guru menjadi sangat penting

dalam hal ini. Tetapi tidak semua orang tua punya waktu senggang untuk datang ke

sekolah dan berkomunikasi dengan guru untuk bertukar informasi mengenai anak

(28)

Dengan adanya situs ini dapat memberikan kemudahan interaksi antara

sekolah, guru dan orang tua. Dan memungkinkan orang tua untuk terkoneksi dengan

situs Web ini dan mencari informasi tentang anak-anak mereka yang berada di

sekolahan. Orang tua bisa mengetahui dan melihat nilai harian, nilai ujian tengah

semester maupun ujian akhir semester serta berkomunikasi dengan guru yang

mengajar anak mereka jika mereka merasa ada persoalan dengan kemajuan

pendidikan anak mereka. Sehingga orang tua dan guru bisa memberikan motivasi

(29)

BAB III

ANALISA DAN PERANCANGAN SISTEM

Analisa dan perancangan sistem terdiri dari dua bagian yaitu analisa sistem

dan perancangan sistem.

III.1 Analisa Sistem

Analisa sistem terdiri analisa kebutuhan sistem, analisa fitur dan analisa

sistem informasi.

III.1.1 Analisa Kebutuhan Sistem

Sistem yang dikembangkan diharapkan dapat mampu memenuhi kebutuhan

orang tua akan informasi dan perkembangan anak mereka di sekolah. Berikut adalah

beberapa hal yang menjadi titik berat dalam pembuatan sistem.

User Friendly

Sistem yang tersedia dibuat sederhana tanpa mengurangi fungsinya supaya

memudahkan para user dalam melihat informasi.

Interaktif

User memiliki wadah untuk berkomunikasi dan berkonsultasi kepada para

guru wali.

Availability

Menjamin informasi selalu tersedia sehingga user dapat memperoleh

informasi yang ter – up to date.

(30)

Menjamin pengguna yang sah agar bisa mengakses informasi sumber

miliknya sendiri. Jadi tujuannya adalah untuk memastikan bahwa orang-orang

yang memang berhak tidak ditolak untuk mengakses informasi yang memang

menjadi haknya. Menjamin informasi yang diberikan adalah tanpa rekayasa

dan hanya bisa di akses oleh pihak yang bersangkutan.

III.1.2 Analisa Fitur

Beberapa fitur yang ingin ditampilkan dari sistem akan di bagi menjadi 2,

yaitu: fitur user (orang tua) dan administrator (guru).

1.

User

Pada halaman khusus user akan tersedia informasi dan fitur, antara lain :

a.

Tersedia informasi mengenai nilai anak (nilai Harian, Ujian Tengah

Semester dan Ujian Akhir Semester)

b.

Tersedia informasi mengenai perilaku anak di kelas

c.

Tersedia Lembar Komunikasi dimana orang tua bisa berkomunikasi

langsung ke guru wali yang bersangkutan.

d.

Tersedia halaman untuk menganti password

2. Administrator

Pada halaman khusus administrator akan tersedia informasi dan fitur

sebagai bahan pengontrol atau peninjauan, antara lain :

a.

Menambah, meng-edit, menghapus nilai anak.

(31)

c.

Menambah, menghapus list sikap dan perilaku anak.

d.

Menambah, meng-edit, menghapus data orang tua.

e.

Menambah, meng-edit, menghapus data guru.

III.1.3 Analisa Sistem Informasi

Analisa sistem informasi terdiri dari Data Flow Diagram, ER-Diagram dan

skema relasi.

III.1.3.1 DFD (Data Flow Diagram)

Berikut analisa sistem dalam bentuk data flow diagram :

1.

Diagram Konteks (DFD level 0)

Proses sistem komunikasi memiliki 2 terminator yaitu guru dan orangtua.

Orang tua dan guru adalah 2 terminator utama dalam sistem komunikasi ini.

Dimana setelah orang tua mengakses ke dalam situs orang tua dapat melihat

nilai anak mereka, catatan perilaku dan berkomunikasi dengan guru. Dan guru

selaku administrator bisa memasukkan, meng-edit, menghapus data-data

(32)

Berikut ini adalah gambaran dari diagram konteks:

(33)

2.

Data Flow Diagram Level 1 (DFD Level 1)

Sistem komunikasi terbagi menjadi 3 proses utama yaitu proses login,

proses orang tua dan proses administrasi. Dimana orang tua dan guru harus

melakukan login terlebh dahulu untuk masuk ke dalam situs.Setelah

melakukan proses login terdapat proses orang tua bagi orang tua dan proses

administrasi bagi guru.

(34)

3.

Data Flow Diagram Level 2 (Proses 2)

Proses orang tua terbagi menjadi 4 proses yaitu proses lihat nilai,

proses lihat perilaku, proses komunikasi dan proses ganti password.

(35)

4.

Data Flow Diagram Level 2 (Proses 3)

Proses administrator terbagi menjadi 5 proses utama yaitu proses nilai,

proses perilaku, proses siswa, proses komunikasi dan proses orang tua.

Dalam proses nilai guru dapat memasukkan, mengubah dan menghapus nilai

siswa. Pada proses perilaku guru dapat memasukkan catatan baru perilaku dan

menghapus catatan perilaku.

Guru 3.1 nilai 3.2 perilaku 3.3 siswa 3.4 komunikasi 3.5 ortu menu_nilai menu_siswa menu_ortu menu_komunikasi menu_perilaku nilai_id,tgl,uts, uas,harian,nama_mk perilaku_id, tgl, kekurangan,kelebihan, pelanggaran nis,nama,kelas semester,tahun_ajaran kom_id,tgl, arah,pesan_guru, pesan_ortu ortu_id,tgl alamat,nama

(36)

5.

Data Flow Diagram Level 3 (Proses 3.1)

Proses nilai terbagi menjadi 3 proses yaitu proses insert nilai, edit

nilai, delete nilai. Guru dapat memasukkan nilai baru pada proses insert nilai,

mengubah nilai pada proses edit nilai dan menghapus nilai pada proses delete

nilai.

(37)

6.

Data Flow Diagram Level 3 (Proses 3.2)

Proses perilaku terbagi menjadi 2 proses yaitu proses insert perilaku,

delete perilaku. Proses insert perilaku adalah untuk memasukkan catatan baru

prilaku siswa dan proses delete perilaku untuk menghapus catatan perilaku

yang sudah ada.

(38)

7.

Data Flow Diagram Level 3 (Proses 3.3)

Proses siswa terbagi menjadi 3 proses yaitu proses insert siswa, edit siswa,

delete siswa. Guru dapat melakukan pemasukan nilai baru pada proses insert

siswa, pengubahan data siswa pada proses edit siswa dan penghapusan data

siswa pada proses delete siswa.

(39)

8.

Data Flow Diagram Level 3 (Proses 3.4)

Proses komunikasi terbagi menjadi 2 proses yaitu proses insert

komunikasi dan delete komunikasi. Pada proses insert komunikasi guru dapat

mengirim komunikasi kepada orang tua dan pada proses delete komunikasi

guru dapat menghapus komunukasi yang sudah ada.

(40)

9.

Data Flow Diagram Level 3 (Proses 3.5)

Proses orang tua terbagi menjadi 3 proses yaitu proses insert orang

tua, edit orang tua, delete orang tua. Pada proses insert orang tua guru dapat

memasukkan data orang tua baru, pada proses edit orang tua guru dapat

mengubah data orang tua dan pada proses delete orang tua guru dapat

menghapus data orang tua.

(41)

III.1.3.2 Kamus Data

NAMA DESKRIPSI

TIPE

DATA

Menu_siswa

Menu yang terdiri dari

proses delete (hapus) data

siswa, insert

(memasukkan) data siswa

dan edit (mengubah) data

siswa.

Varchar, Char, Enum

Menu_ortu

Menu yang terdiri dari

proses delete (hapus) data

orang tua, insert

(memasukkan) data orang

tua dan edit (mengubah)

data orang tua.

Varchar

Menu_nilai

Menu yang terdiri dari

proses delete (hapus) data

nilai, insert (memasukkan)

data nilai dan edit

(mengubah) data nilai.

Int, Char, Enum

Menu_kom

Menu yang terdiri dari

proses delete (hapus) data

komunikasi dan insert

(memasukkan) data

komunikasi.

Int, Text, Enum, Varchar

Menu_perilaku

Menu yang terdiri dari

proses delete (hapus) data

perilaku dan insert

(memasukkan) data

perilaku.

[image:41.612.106.535.137.545.2]

Int, Enum, Varchar,

Tinytext

(42)

III.1.3.3 ER - Diagram

Sementara diagram Entity Relationship (ERD) yang dihasilkan adalah sebagai

berikut:

(43)

III.1.3.4 Skema Relasi

Berikut skema dari beberapa table utama yang digunakan dalam basis data

[image:43.612.140.503.212.607.2]

yang terintegrasi dengan situs :

(44)

III.2 Perancangan Sistem

Perancangan sistem terdiri dari struktur web site dan desain layout.

III.2.1 Struktur web site

Struktur yang diterapkan untuk sistem adalah struktur hierarkis. Untuk

pelanggan dan administrator akan memiliki struktur situs tersendiri.

1.

User ( orang tua )

Terdiri dari beberapa menu :

LOGIN

Sebelum masuk halaman utama setiap user harus login terlebih dahulu.

HOME

Merupakan halaman awal pada saat user masuk web site.

NILAI

Berisi informasi tentang nilai ulangan harian, ujian tengah semester dan

ujian akhir semester yang bisa di filter dari jenis ujian dan nama mata

pelajaran.

PERILAKU

Berisi catatan informasi perilaku siswa di sekolah yang meliputi

pelanggaran, kekurangan dan kelebihan siswa.

KOMUNIKASI

Berisi catatan komunikasi antara orang tua dan guru.

(45)

Halaman untuk orang tua berkomunikasi dengan guru.

LOGOUT

[image:45.612.159.511.211.508.2]

Fungsi untuk keluar dari halaman user.

Gambar 3.12 Site Map User

2. Administrator

Pada halaman khusus administrasi akan tersedia informasi dan fitur sebagai

bahan pengontrol atau peninjauan, antara lain:

(46)

Sebelum masuk halaman administrator setiap user harus login terlebih dahulu.

HOME

Merupakan tampilan awal setelah user login.

SISWA

Menu untuk menambah, mengedit dan menghapus data siswa.

KOMUNIKASI

Menu untuk menghapus, dan membalas komunikasi yang dikirimkan oleh

orang tua.

NILAI

Menu untuk menambah, mengedit dan menghapus data nilai.

ORANG TUA

Menu untuk menambah, mengedit dan menghapus data orang tua.

PERILAKU

Menu untuk menambah dan menghapus catatan perilaku siswa.

LOGOUT

(47)
[image:47.612.166.501.128.576.2]
(48)

Header

Username :

Password :

Enter

III.2.2 Desain Layout

Desain pada setiap halaman situs memiliki warna dan struktur yang sama

untuk memberikan keseragaman. Halaman situs terbagi menjadi 2 bagian, yaitu

bagian halaman utama dan halaman user.

III.2.2.1 Desain Layout Pada User

Berikut ini merupakan desain halaman login bagi user. Setiap user harus

memasukkan username dan password untuk bisa mengakses ke dalam situs. Setelah

mengisi username dan password klik tombol Enter untuk masuk ke dalam situs.

Gambar 3. 14 Tampilan Halaman Login

(49)

Berikut ini merupakan desain halaman utama pada user.

Header

Footer

Gambar 3. 15 Tampilan Halaman Utama

Kita bisa melihat nilai anak dengan menekan ke tombol Lihat Nilai yang

terletak pada halaman utama.

Gambar 3. 16 Tampilan Halaman Nilai

Content

Data Sisw a Lihat Nilai Lihat

(50)

Berikut ini adalah tampilan Cari Data Nilai. Orang tua bisa melihat tampilan

nilai berdasarkan kategori kelas, mata pelajaran dan jenis ujian (ulangan harian, ujian

tengah semester atau ujian akhir semester).

Gambar 3.17 Tampilan Search Go Nilai

Orang tua bisa melihat catatan perilaku anak mereka di sekolah dengan

menekan tombol Lihat Perilaku. Berikut ini adalah tampilan halaman catatan perilaku

siswa.

Gambar 3.18 Tampilan Halaman Catatan Periku Siswa

Kls MP JnsUjian Cari

Nilai

Hasil Search Go

Data Sisw a Lihat Nilai Lihat

(51)

Berikut ini adalah tampilan halaman komunikasi pada halaman orang tua.

Gambar 3. 19 Tampilan Halaman Komunikasi

Berikut ini adalah tampilan halaman kirim komunikasi pada bagian user.

Pesan diketikkan pada kolom pesan yang tersedia dan klik tombol Enter untuk

mengirim pesan ke guru.

Gambar 3.20 Tampilan Halaman Kirim Komunikasi Komunikasi

Tgl Arah Pesan Ortu Pesan Guru Action

Kirim Komunikasi

Pesan :

(52)

Header

Username :

Password :

Submit

Berikut ini adalah halaman untuk menganti password. User harus

memasukkan password lama kemudian password baru yang dikehendaki dan klik

tombol Enter untuk mengganti password.

Gambar 3. 21 Tampilan Halaman Ganti Password

III.2.2.2 Desain Layout Pada Administrator

Berkut ini adalah tampilan halaman login pada administrator.

Gambar 3. 22 Tampilan Halaman Login Admin

Ganti Passw ord

Password Lama :

Password Baru :

Confirm Password Baru : Enter

(53)
[image:53.612.176.484.422.667.2]

Berikut ini adalah tampilan halaman utama pada administrator.

Gambar 3. 23 Tampilan Halaman Utama Admin

Berikut ini adalah tampilan halaman untuk memasukkan data siswa baru. Klik

tombol Enter untuk memasukkan data siswa baru dan klik Cancel jika ingin

membatalkannya.

Gambar 3. 24 Tampilan Halaman Insert Data Siswa

I nsert Data Sisw a

NI S :

Orang tua :

Nama :

Semester :

Kelas :

Enter Cancel

Header

(54)

Berikut ini adalah tampilan halaman untuk memasukkan komunikasi baru.

Untuk mengirim komunikasi baru klik tombol Enter dan tombol Cancel untuk

membatalkannya.

Gambar 3. 25 Tampilan Halaman Insert Komunikasi

I nsert Komunikasi Baru

Orang tua :

Tgl Komunikasi : Pesan Guru :

(55)

Berikut ini adalah tampilan halaman untuk memasukkan data nilai baru.

Untuk memasukkan data nilai baru klik tombol Enter dan Cancel untuk batal.

Gambar 3. 26 Tampilan Halaman Insert Data Nilai

Berikut ini adalah tampilan halaman untuk memasukkan data orang tua baru.

Tombol Enter untuk memasukkan data orang tua baru dan tombol Cancel untuk

membatalkan.

Gambar 3. 27 Tampilan Halaman Insert Data Orang Tua

I nsert Nilai Baru

Kode MP :

Nama MP :

Tanggal :

Nilai :

Jenis ujian :

Enter Cancel

I nsert Data Orang Tua Baru

No KTP :

Username :

Nama Lengkap :

(56)

Berikut ini adalah tampilan untuk memasukkan data perilaku baru. Untuk

memasukkan data perilaku baru tekan tombol Enter dan untuk membatalkan

pemasukkan data tekan tombol Cancel.

Gambar 3. 28 Tampilan Halaman Insert Data Perilaku

I nsert Data Perilaku Baru

Nama Anak :

Tanggal :

Keterangan :

Jenis Perilaku :

(57)

Berikut ini adalah tampilan untuk meng-edit data siswa. Untuk pengubahan

data siswa tekan tombol Enter dan untuk membatalkan pengubahan tekan Cancel.

Gambar 3. 29 Tampilan Halaman Edit Data Siswa

Edit Data Sisw a

Orang tua :

Nama :

Semester :

Kelas :

Tahun Ajaran :

(58)

Berikut ini adalah tampilan untuk meng-edit data nilai. Untuk mengubah data

nilai tekan tombol Enter dan untuk membatalkan tekan tombol Cancel.

Gambar 3. 30 Tampilan Halaman Edit Data Nilai

Edit Data Nilai

Mata Pelajaran :

Nama Siswa : Tanggal Ujian :

Nilai :

Jenis ujian :

(59)

Berikut ini adalah tampilan untuk meng-edit data orang tua. Tekan tombol

Enter untuk pengubahan data orang tua dan tombol Cancel untuk membatalkan.

Gambar 3. 31 Tampilan Halaman Edit Data Orang Tua

Berikut adalah tampilan halaman untuk menghapus data siswa. Untuk

menghapus data siswa tekan tombol Delete.

Gambar 3. 32 Tampilan Halaman Delete Data Siswa

Edit Data Orang Tua

Username :

Nama Lengkap : :

Enter Cancel

Delete Data Sisw a

(60)

Berikut ini adalah tampilan halaman untuk menghapus data komunikasi.

Untuk menghapus data komunikasi tekan tombol Delete.

Gambar 3. 33 Tampilan Halaman Delete Data Komunikasi

Berikut ini adalah tampilan halaman untuk menghapus data nilai. Untuk

menghapus data nilai tekan tombol Delete.

Delete Data Nilai

Tgl

Mata

Pelajaran NI S Kelas Nilai Jenis Ujian Action

Edit

Delete

Gambar 3. 34 Tampilan Halaman Delete Data Nilai

Delete Data Komunikasi

(61)

Berikut ini adalah tampilan untuk menghapus data orang tua. Untuk

menghapus data orang tua tekan tombol Delete.

Delete Data Orang Tua

Gambar 3. 35 Tampilan Halaman Delete Data Orang Tua

Berikut ini adalah tampilan untuk menghapus data perilaku. Untuk

menghapus data perilaku tekan tombol Delete.

Delete Data Perilaku

Tgl NI S Keterangan Jenis Action

Delete

Gambar 3. 36 Tampilan Halaman Delete Data Perilaku

I D Username Nama Nama Anak Action

(62)

Berikut ini adalah tampilan halaman untuk membalas komunikasi. Untuk

mengirimkan balasan komunikasi tekan tombol Enter dan tombol Cancel untuk

pembatalan.

Gambar 3. 37 Tampilan Halaman Reply Komunikasi

Reply Komunikasi

Tgl :

Pesan :

(63)

BAB I V

Hasil Tercapai

IV.1 Realisasi Rancangan Layout

Realisasi situs dimulai dengan melakukan design interface dan dilanjutkan

dengan pengimplementasian aplikasi ke dalam situs.

IV.1.1 Realisasi Desain Layout User

Tampilan pada halaman difokuskan kepada kenyamanan dan kemudahan user.

Berikut hasil realisasi tampilan layout interface final untuk situs pada bagian user.

[image:63.612.116.530.381.607.2]

Ini adalah halaman login untuk user.

(64)

Berikut ini adalah halaman utama pada situs. Disini terdapat nama anak dari

orang tua yang bersangkutan.

Gambar 4. 2 Halaman utama situs

Berikut ini adalah halaman nilai dimana orang tua bisa melihat nilai anaknya

dengan menekan ke tombol nilai.

(65)

Didalam halaman nilai terdapat fitur search go, dimana orang tua bisa melihat

[image:65.612.113.531.171.377.2]

nilai dengan kategori tertentu.

Gambar 4. 4 Halaman Cari Data

Berikut ini adalah halaman dimana orang tua bisa melihat catatan perilaku

anak.

[image:65.612.113.527.463.682.2]
(66)

Halaman komunikasi berisi pesan – pesan yang telah dikirim oleh orang tua

[image:66.612.113.528.419.628.2]

dan guru.

Gambar 4. 6 Halaman komunikasi

Berikut ini halaman kirim komunikasi.

(67)

Berikut ini adalah halaman untuk mengganti password.

(68)

IV.1.2 Realisasi Desain Layout Administrator

Berikut hasil realisasi tampilan layout interface final untuk situs pada bagian

user.

[image:68.612.113.529.213.434.2]

Berikut adalah halaman login untuk administrator.

(69)

Pada saat proses login dijalankan terdapat pemeriksaan terhadap user name

dan password yang diisi oleh pengakses. Proses login dijalankan dengan

menggunakan program sebagai berikut:

if (isset($_POST['username'])) {

$loginUsername=$_POST['username'];

$password=md5( $_POST['password'] );

$MM_fldUserAuthorization = "";

$MM_redirectLoginSuccess = "index.php";

$MM_redirectLoginFailed = "login.php";

$MM_redirecttoReferrer = false;

mysql_select_db($database_lee, $lee);

$LoginRS__query=sprintf("SELECT guru_username, guru_password FROM tbl_guru WHERE guru_username='%s' AND guru_password='%s'",

get_magic_quotes_gpc() ? $loginUsername :

addslashes($loginUsername), get_magic_quotes_gpc() ? $password : addslashes($password));

$LoginRS = mysql_query($LoginRS__query, $lee) or die(mysql_error());

$loginFoundUser = mysql_num_rows($LoginRS);

if ($loginFoundUser) {

$loginStrGroup = "";

//declare two session variables and assign them $GLOBALS['MM_Username'] = $loginUsername;

$GLOBALS['MM_UserGroup'] = $loginStrGroup;

//register the session variables session_register("MM_Username"); session_register("MM_UserGroup");

if (isset($_SESSION['PrevUrl']) && false) {

$MM_redirectLoginSuccess = $_SESSION['PrevUrl'];

}

header("Location: " . $MM_redirectLoginSuccess );

}

else {

header("Location: ". $MM_redirectLoginFailed . "?msg=" . base64_encode( "Wrong Username / Password" ) );

}

}

(70)
[image:70.612.113.530.147.383.2]

Ini adalah halaman utama pada halaman administrator.

Gambar 4. 10 Halaman utama admin

Berikut ini adalah halaman daftar data siswa.

[image:70.612.114.526.449.672.2]
(71)
[image:71.612.115.531.130.345.2]

Berikut adalah halaman untuk memasukan data siswa baru.

Gambar 4. 12 Halaman insert siswa

Program dibawah ini adalah program untuk memasukkan data siswa baru.

$insertSQL = sprintf("INSERT INTO tbl_anak (NIS, ortu_id,nama, semester, kelas, thn_ajaran) VALUES (%s, %s, %s, %s, %s, %s)",

GetSQLValueString($_POST['NIS'], "text"), GetSQLValueString($_POST['orangtua'], "text"), GetSQLValueString($_POST['Nama'], "text"), GetSQLValueString($_POST['semester'], "text"), GetSQLValueString($_POST['kelas'], "text"),

GetSQLValueString($_POST['tahunajaran'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($insertSQL, $lee) or die(mysql_error());

(72)
[image:72.612.133.532.120.349.2]

Berikut adalah halaman untuk mengedit data siswa.

Gambar 4. 13 Halaman edit data siswa

Pengubahan data siswa dapat dilakukan dengan menggunakan program

dibawah ini :

$updateSQL = sprintf("UPDATE tbl_anak SET ortu_id=%s,nama=%s, semester=%s, kelas=%s, thn_ajaran=%s WHERE NIS=%s",

GetSQLValueString($_POST['ortu_id'], "text"), GetSQLValueString($_POST['nama'], "text"), GetSQLValueString($_POST['semester'], "text"), GetSQLValueString($_POST['kelas'], "text"), GetSQLValueString($_POST['thn_ajaran'], "text"), GetSQLValueString($_POST['NIS'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($updateSQL, $lee) or die(mysql_error());

(73)
[image:73.612.123.519.131.358.2]

Untuk menghapus data siswa, klik ke link delete.

Gambar 4. 14 Halaman delete siswa

Penghapusan data siswa dapat menggunakan program dibawah ini :

$deleteSQL = sprintf("DELETE FROM tbl_anak WHERE NIS=%s",

GetSQLValueString($_GET['NIS'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($deleteSQL, $lee) or die(mysql_error());

(74)

Berikut ini adalah fitur Search Go untuk melihat tampilan daftar siswa

[image:74.612.117.521.150.361.2]

berdasarkan kategori kelas.

Gambar 4. 15 Halaman search go siswa

Program berikut ini adalah program untuk menjalankan tombol search go

pada halaman siswa.

$colname_RecordsetAnak = "%"; if (isset($_GET['kelas'])) {

$colname_RecordsetAnak = (get_magic_quotes_gpc()) ?

x$_GET['kelas'] : addslashes($_GET['kelas']);

}

mysql_select_db($database_lee, $lee);

$query_RecordsetAnak = sprintf("SELECT * FROM tbl_anak WHERE kelas

*LIKE '%s' ORDER BY NIS ASC", $colname_RecordsetAnak);

$query_limit_RecordsetAnak = sprintf("%s LIMIT %d, %d",

s$query_RecordsetAnak, $startRow_RecordsetAnak,

$$maxRows_RecordsetAnak);

$RecordsetAnak = mysql_query($query_limit_RecordsetAnak, $lee) or

ddie(mysql_error());

$row_RecordsetAnak = mysql_fetch_assoc($RecordsetAnak);

(75)
[image:75.612.111.528.127.356.2]

Berikut ini adalah halaman tampilan komunikasi.

Gambar 4. 16 Halaman komunikasi

Berikut ini adalah halaman untuk mengirim komunikasi ke orang tua.

[image:75.612.113.529.421.629.2]
(76)

Untuk memasukkan data komunikasi baru menggunakan program dibawah

ini :

$insertSQL = sprintf("INSERT INTO tbl_komunikasi (ortu_id, tgl_kom, arah, pesan_guru) VALUES (%s, %s, %s, %s)",

GetSQLValueString($_POST['orangtua'], "text"),

GetSQLValueString($_POST['tanggalkomunikasi'], "int"),

GetSQLValueString("go", "text"),

GetSQLValueString($_POST['pesan_guru'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($insertSQL, $lee) or die(mysql_error());

Program 4. 6 Insert Data Komunikasi

[image:76.612.121.519.381.609.2]

Berikut ini halaman untuk menghapus data komunikasi.

(77)

Penghapusan data komunikasi dapat dijalankan dengan menggunakan

program dibawah ini :

$deleteSQL = sprintf("DELETE FROM tbl_komunikasi WHERE kom_id=%s", GetSQLValueString($_GET['kom_id'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($deleteSQL, $lee) or die(mysql_error());

Program 4. 7 Delete Data Komunikasi

Berikut ini halaman untuk membalas komunikasi yang dikirim oleh orang tua.

(78)
[image:78.612.121.521.125.363.2]

Berikut ini adalah halaman nilai siswa.

Gambar 4. 20 Halaman nilai

Berikut ini adalah halaman untuk memasukan nilai baru.

[image:78.612.114.530.427.653.2]
(79)

Pemasukkan nilai baru siswa dapat dijalankan dengan menggunakan program

dibawah ini:

$insertSQL = sprintf("INSERT INTO tbl_nilai (kode_mk, NIS, tgl, nilai_angka, nilai_tipe) VALUES (%s, %s, %s, %s, %s)",

GetSQLValueString($_POST['kodemk'], "text"), GetSQLValueString($_POST['nis'], "text"), GetSQLValueString($_POST['tanggal'], "int"), GetSQLValueString($_POST['nilai'], "int"),

GetSQLValueString($_POST['jenisujian'],"text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($insertSQL, $lee) or die(mysql_error());

Program 4. 8 Insert Nilai

[image:79.612.114.531.385.599.2]

Berikut ini adalah halaman untuk meng-edit nilai siswa

(80)

Pengubahan nilai siswa dijalankan dengan program berikut ini :

$updateSQL = sprintf("UPDATE tbl_nilai SET kode_mk=%s, NIS=%s, tgl=%s, nilai_angka=%s, nilai_tipe=%s WHERE nilai_id=%s",

GetSQLValueString($_POST['kode_mk'], "text"), GetSQLValueString($_POST['NIS'], "text"), GetSQLValueString($_POST['tgl'], "int"),

GetSQLValueString($_POST['nilai_angka'], "int"), GetSQLValueString($_POST['nilai_tipe'], "text"), GetSQLValueString($_POST['nilai_id'], "int"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($updateSQL, $lee) or die(mysql_error());

Program 4. 9 Edit Nilai

[image:80.612.119.519.377.634.2]

Berikut ini adalah halaman untuk menghapus nilai siswa

(81)

Penghapusan data nilai dapat dilakukan dengan menjalankan program

dibawah ini :

$deleteSQL = sprintf("DELETE FROM tbl_nilai WHERE nilai_id=%s", GetSQLValueString($_GET['nilai_id'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($deleteSQL, $lee) or die(mysql_error());

Program 4. 10 Delete Nilai

Berikut adalah halaman search go pada nilai.

(82)

Program berikut ini adalah program untuk menjalankan tombol search go

pada halaman nilai.

$colname2_RecordsetNilai = "%"; if (isset($_GET['kode_mk'])) {

$colname2_RecordsetNilai = (get_magic_quotes_gpc()) ? $_GET['kode_mk'] : addslashes($_GET['kode_mk']);

}

$colname3_RecordsetNilai = "%"; if (isset($_GET['nilai_tipe'])) {

$colname3_RecordsetNilai = (get_magic_quotes_gpc()) ? $_GET['nilai_tipe'] : addslashes($_GET['nilai_tipe']); }

$colname1_RecordsetNilai = "%"; if (isset($_GET['kelas'])) {

$colname1_RecordsetNilai = (get_magic_quotes_gpc()) ? $_GET['kelas'] : addslashes($_GET['kelas']);

}

mysql_select_db($database_lee, $lee);

$query_RecordsetNilai = sprintf("SELECT tbl_nilai.*, tbl_mk.nama_mk, tbl_anak.kelas FROM tbl_nilai, tbl_mk, tbl_anak WHERE

tbl_nilai.NIS=tbl_anak.NIS AND (tbl_anak.kelas LIKE '%s' AND

tbl_nilai.kode_mk LIKE '%s' AND tbl_nilai.nilai_tipe LIKE '%s') AND tbl_nilai.kode_mk=tbl_mk.kode_mk ORDER BY tbl_nilai.tgl DESC", $colname1_RecordsetNilai,$colname2_RecordsetNilai,$colname3_Recordse tNilai);

$query_limit_RecordsetNilai = sprintf("%s LIMIT %d, %d", $query_RecordsetNilai, $startRow_RecordsetNilai,

$maxRows_RecordsetNilai);

$RecordsetNilai = mysql_query($query_limit_RecordsetNilai, $lee) or die(mysql_error());

$row_RecordsetNilai = mysql_fetch_assoc($RecordsetNilai);

(83)
[image:83.612.115.528.137.337.2]

Berikut ini adalah halaman daftar nama orang tua.

Gambar 4. 25 Halaman orang tua

Berikut ini adalah halaman untuk memasukkan data orang tua baru.

[image:83.612.114.528.395.595.2]
(84)

Berikut ini merupakan program yang digunakan untuk melakukan insert data

orang tua oleh Administrator:

$insertSQL = sprintf("INSERT INTO tbl_ortu (ortu_id, username, nama) VALUES (%s, %s, %s)",

GetSQLValueString($_POST['ktp'], "text"), GetSQLValueString($_POST['username'], "text"), GetSQLValueString($_POST['nama'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($insertSQL, $lee) or die(mysql_error());

Program 4. 12 Insert Data Orang Tua

[image:84.612.117.523.368.581.2]

Berikut ini adalah halaman untuk meng-edit data orang tua.

(85)

Pengubahan data orang tua dijalankan dengan menggunakan program sebagai

berikut :

$updateSQL = sprintf("UPDATE tbl_ortu SET username=%s, nama=%s WHERE ortu_id=%s",

GetSQLValueString($_POST['username'], "text"),

GetSQLValueString($_POST['nama'], "text"), GetSQLValueString($_POST['ortu_id'],

"text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($updateSQL, $lee) or die(mysql_error());

Program 4. 13 Edit Data Orang Tua

[image:85.612.120.523.380.588.2]

Berikut

ini adalah halaman untuk menghapus data orang tua.

(86)

Penghapusan data orang tua dapat menggunakan program dibawah ini :

$deleteSQL = sprintf("DELETE FROM tbl_ortu WHERE ortu_id=%s",

GetSQLValueString($_GET['ortu_id'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($deleteSQL, $lee) or die(mysql_error());

Program 4. 14 Delete Data Orang Tua

[image:86.612.121.522.315.542.2]

Berikut halaman ini berisi data perilaku anak.

(87)
[image:87.612.108.531.149.392.2]

Berikut ini adalah halaman untuk memasukkan data perilaku anak.

Gambar 4. 30 Halaman insert perilaku

Untuk memasukkan data perilaku siswa yang baru dijalankan dengan

menggunakan program berikut ini :

$insertSQL = sprintf("INSERT INTO tbl_perilaku (NIS, tgl_perilaku, keterangan, jenis_perilaku) VALUES (%s, %s, %s, %s)",

GetSQLValueString($_POST['nis'], "text"), GetSQLValueString($_POST['tanggal'], "int"), GetSQLValueString($_POST['keterangan'], "text"), GetSQLValueString($_POST['jenisperilaku'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($insertSQL, $lee) or die(mysql_error());

(88)
[image:88.612.114.528.125.364.2]

Berikut ini adalah halaman untuk menghapus data perilaku anak.

Gambar 4. 31 Halaman delete perilaku

Penghapusan data perilaku dijalankan dengan menggunakan program sebagai

berikut:

$deleteSQL = sprintf("DELETE FROM tbl_perilaku WHERE perilaku_id=%s",

GetSQLValueString($_GET['perilaku_id'], "text"));

mysql_select_db($database_lee, $lee);

$Result1 = mysql_query($deleteSQL, $lee) or die(mysql_error());

(89)

BAB V

Evaluasi Sistem

V.1 Evaluasi Perumusan Masalah

Sistem yang dihasilkan diharapkan mampu memberikan solusi dan memenuhi

target yang telah dipaparkan pada bagian rumusan masalah. Berikut hasil evaluasi

sistem terhadap beberapa rumusan masalah yang dimaksud:

1. Bagaimana situs mememenuhi kebutuhan informasi orang tua mengenai anak

mereka disekokah?

Informasi tentang siswa disediakan tanpa ada rekayasa. Orang tua bisa mengetahui

nilai anak, sikap dan perilaku mereka di sekolah.

2. Kesibukan orang tua atau guru tidak akan terganggu karena proses komunikasi

dapat dilakukan pada waktu senggang yang fleksibel.

Proses komunikasi dapat dilakukan pada malam hari, pagi hari atau kapan pun

asalkan orang tua atau guru terkoneksi lewat jaringan Internet.

Komunikasi tidak harus dilakukan secara bersamaan. Orang tua dapat menanyakan

sesuatu hal pada pagi hari dan guru dapat membalasnya saat senggang di malam hari.

(90)

Melalui teknologi komunikasi yang beraneka ragam, orang tua dan guru tidak perlu

mengatur waktu untuk berkonsultasi secara tatap muka karena komunikasi dapat

dilakukan secara online. Komunikasi yang dilakukan secara online tidak terbatas

lokasi dan waktu. Orang tua dan guru tetap dapat berkonsultasi kendati terpisah

ribuan mil, atau berada dalam garis waktu yang berbeda.

V.2 Evaluasi Tujuan

Tujuan utama pembuatan proyek Tugas Akhir ini adalah pengembangan sebuah

sistem dalam bentuk aplikasi web yang mengakomodasikan website sebagai media

komunikasi antara orang tua dan guru. Dengan berdasarkan tujuan tersebut, maka

dikembangkanlah sejumlah modul atau fitur. Berikut fitur atau modul yang telah

berhasil dikembangkan:

1.

Dua jenis user dengan hak akses yang berbeda.

2.

Menampilkan informasi nilai siswa di sekolah.

3.

Menampilkan informasi catatan perilaku siswa di sekolah.

4.

Fasilitas komunikasi dalam bentuk email.

5.

Disediakan menu untuk melihat daftar nilai siswa dalam beberapa kategori

(filter).

(91)

V.3 Evaluasi dengan Metoda Questionaire

Evaluasi sistem yang dihasilkan juga diujicobakan dengan menggunakan

metode Kuesioner. Respoden merupakan guru, wakil kepala sekolah dan kepada

sekolah dari SMAK 3 BPK Penabur.

Questionare yang diberikan dalam bentuk pilihan. Pengisian questionare

dilakukan setelah responden melakukan pengetesan pada situs. Jumlah pertanyaan

sebanyak 4. Berikut pertanyaan yang ada pada questionare:

1.

Apakah fasilitas – fasilitas yang terdapat pada web site ini sudah memenuhi

persyaratan untuk berkomunikasi antara guru dan orang tua?

a.

Ya

b.

Cukup

c.

Kurang

¾

Responden yang menjawab Ya sebanyak 80 %.

¾

Responden yang menjawab Cukup sebanyak 20%.

2.

Apakah website ini mudah digunakan?

a.

Ya

b.

Cukup

c.

Kurang

¾

Responden yang menjawab Ya sebanyak 60%.

(92)

3.

Apakah Anda menerima pesan error jika Anda salah memasukkan password

atau username pada saat login?

a.

Ya

b.

Tidak

¾

Responden yang menjawab Ya sebanyak 100%.

4.

Apakah web site ini dapat membantu orang tua untuk memantau perkembangan

anak mereka di sekolah?

a.

Ya

b.

Cukup

c.

Kurang

¾

Responden yang menjawab Ya sebanyak 80%.

(93)

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.

.

(94)

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

(95)

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 ,

(96)

Lampiran A

Lampiran Kode Program

Halaman Front End

Login.php

<?php

require_once('Connections/lee.php');

// *** Validate request to login to this site.

session_start();

$loginFormAction = $_SERVER['PHP_SELF'];

if ($_GET['accesscheck'] != '') {

$GLOBALS['PrevUrl'] = $_GET['accesscheck'];

session_register('PrevUrl');

}

if (isset($_POST['username'])) {

$loginUsername=$_POST['username'];

$password=md5( $_POST['password'] );

$MM_fldUserAuthorization = "";

$MM_redirectLoginSuccess = "index.php";

$MM_redirectLoginFailed = "login.ph

Gambar

Tabel 3. 1 Kamus Data
Gambar 3.11 Skema Relasi Basis Data
Gambar 3.12 Site Map User
Gambar 3. 13 Site Map Administrator
+7

Referensi

Dokumen terkait

Berdasarkan masalah yang telah dikemukakan di atas, model pembelajaran yang tepat digunakan untuk menyelesaikan masalah tersebut yaitu Model Pembelajaran

ilmiahnya (Indonesian Journal on Networking and Security) yang berjudul “Sistem Informasi Data Penduduk Pada Desa Bogoharjo Kecamatan Ngadirojo Kabupaten Pacitan”

Dalam penelitian yang dilakukan oleh Aminah dan Jamilatun (2017), diperoleh hasil bahwa telah ditemukan bakteri kontaminan di Kolam Renang Kota Tangerang, salah satu

hasil dari penelitian ini adalah kepribadian merek berpengaruh secara signifikan terhadap niat pembelian Bio Spray sedangkan, identitas merek dan kualitas produk

Berdasarkan perbandingan dapat dikatakan bahwa permodelan yang dibangun, yaitu variabel bebas yang berupa profitabilitas, leverage dan likuiditas secara bersama - sama

Rencana pembukaan outlet baru yang akan dilakukan oleh perusahaan ini diharapkan dapat meningkatkan penjualan agar dapat mengatasi persaingan dalam era globalisasi. Namun yang

Berdasarkan hasil penelitian, disimpulkan bahwa penggunaan melalui media gambar dapat meningkatkan ketrampilan membaca pada siswa kelas 1 SDN Sepat

Pak Amat : “Kalau begitu jangan kasih nama anakmu kartini !” Tetangga Muda : “Tidak bisa Pak, sudah dicatatkan dalam akte kelahiran.” Pak Amat : “Tapi kamu tidak boleh mengubah