APLIKASI PHP DAN MySQL DALAM PEMBUATAN SISTEM
INFORMASI SMAN 1 DUKUHWARU KABUPATEN TEGAL
BERBASIS WEB
TUGAS AKHIR
Disusun dalam Rangka Menyelesaikan Studi Diploma III untuk memperoleh Gelar Ahli Madya.
Oleh: Nama : Hery Sasria
NIM : 4151304010
Program Studi : Statistika Terapan dan Komputasi Jurusan : Matematika
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS NEGERI SEMARANG
HALAMAN PENGESAHAN
Tugas Akhir yang berjudul ” Aplikasi PHP Dan MySQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal Berbasis Web” telah dipertahankan dalam Sidang Panitia Ujian Tugas Akhir Jurusan Matematika Prodi Statistika Terapan Dan Komputasi, Fakultas Matematika dan Ilmu Pengetauan Alam, Universitas Negeri Semarang, pada :
Hari : Tanggal :
Panitia Ujian
Ketua Sekretaris
Drs. Kasmadi Imam S., M.Si Drs. Supriyono, M.Si
NIP. 130781011 NIP. 130815345
Mengetahui,
Pembimbing I Penguji I
Endang Sugiharti, S.Si, M.Kom Drs. Endang Retno W, M.Pd
NIP. 132231407 NIP. 130935363
Pembimbing II Penguji II
Drs. Endang Retno W, M.Pd Endang Sugiharti, S.Si, M.Kom NIP. 130935363 NIP. 132231407
ABSTRAK
Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika
Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang.
Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web.
Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa.
Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL.
Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management
System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses
oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator.
Motto dan Persembahan
Motto:
Kesabaran Dan Kejujuran Adalah Kunci Kekuatanku
Meski Selalu Disakiti.
Jangan Pernah Menyerah Meraih Apa Yang Kamu
Inginkan Walaupun Berat Cobaan Yang Kamu Hadapi.
Persembahan:
Allah SWT
Bapak dan Ibu tercinta (Bpk Safri dan Ibu Sri Umitun)
Adiku Noeke Srirosa, Fitri Srirosa, dan Vernando Saputra
Staterkom Kelas A angkatan ’04
Sahabat dan teman-teman yang slalu setia menunggu dan
menemaniku.
Keluarga besarku yang slalu memberi motifasi dan semangat
Sahabat dan teman-teman Safa’a Kost (Kost Pink) yang
selalu mendukungku
KATA PENGANTAR
Puji syukur kehadirat Allah SWT yang Maha Pemurah lagi Maha Penyayang yang telah memberikan rahmat, kekuatan, semangat dan kesabaran kepada penulis sehingga Tugas Akhir ini dapat terselesaikan.
Hambatan selalu penulis hadapi, baik dalam pelaksanaan maupun dalam penyusunan laporan Tugas Akhir ini. Akan tetapi berkat izin Allah SWT dan berkat bimbingan, bantuan, serta dorongan dari berbagai pihak, akhirnya penulis dapat melalui hambatan yang dihadapi hingga akhirnya Tugas Akhir ini dapat terselesaikan. Pada kesempatan ini penulis mengucapkan terima kasih kepada:
1. Prof. Dr. H. Sudijono Sastroatmojo,M.Si, Rektor Universitas Negeri Semarang.
2. Drs. Kasmadi Imam S, M.Si, Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.
3. Drs. Supriyono, M.Si, Ketua Jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.
4. Dra. Nur Karomah Dwidayati, M.Si, Ketua Program Pendidikan Statistika Terapan dan Komputasi Jurusan Matematika Universitas Negeri Semarang
5. Endang Sugiharti, S.Si, M.Kom, Pembimbing I yang telah memberi bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir. 6. Drs. Endang Retno W, M.Pd Pembimbing II yang telah memberi
bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir. 7. Drs. Wuryanto, M.Si, Dosen Wali STATERKOM kelas 6A yang turut
membantu terselesaikannya Tugas Akhir ini.
8. Drs. Apandi, Kepala SMA Negeri 1 Dukuhwaru yang telah memberikan ijin penelitian dan partisipasinya sehingga memperlancar pelaksanaan kegiatan penelitian.
9. Ayah dan Ibu yang telah memberikan dukungan moral, materiil, dan selalu mendoakanku.
10.Anna yang tidak pernah bosan memberikan semangat dan doa.
11.Teman-teman seperjuangan STATERKOM 2004.
12.Semua pihak yang belum sempat penulis sebutkan satu persatu yang telah dengan ikhlas turut membantu dalam penulisan Tugas Akhir ini, baik secara langsung maupun tidak langsung.
Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, oleh karena itu Penulis mengharap kritik dan saran sehingga pada kegiatan selanjutnya lebih bisa sempurna. Semoga Tugas Akhir ini dapat bermanfaat bagi pembaca. Amin Yaa Robbal Aalamin.
Semarang, Agustus 2007
Penulis
DAFTAR ISI
Halaman
HALAMAN JUDUL……….... i
HALAMAN PENGESAHAN... ii
ABSTRAK ………... ... iii
HALAMAN MOTTO DAN PERSEMBAHAN... iv
KATA PENGANTAR………... .. v
A. Konsep Dasar Sistem Informasi Berbasis Web ... 6
1. Konsep Dasar Sistem Informasi berbasis Web Dengan Aplikasi PHP dan MySQL ... 6
2. Basis Data ... 6
B. Dasar Aplikasi Pemrograman Sistem Informasi SMA Negeri 1 Dukuhwaru berbasis web ... 13
1. Kondisi Objektif SMS Negeri 1 Dukuhwaru ... 13
2. Dreamweaver MX... 14
3. Fireworks MX ... 19
4. Pemrograman PHP ... 19
5. Database dengan MySQL ... 21
6. Pemrograman PHP dalam Database MySQL... 22
BAB III METODE KEGIATAN ... 23
A. Ruang Lingkup Kegiatan ... 23
B. Kegiatan dan Cara Pengambilan Data ... 23
C. Perancangan Sistem ... 24
D. Analisis Data ... 24
BAB IV PEMBAHASAN ... 25
A. Tahap Pengembangan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru ... 25
1. Tahapan Pengembangan Sistem... 25
2. Rancangan Pendahuluan ... 25
3. Perancangan Sistem ... 26
4. Analisis Sistem... 30
B. Penyajian Informasi SMA Negeri 1 Dukuhwaru ... 45
C. Pembahasan... 54
BAB V PENUTUP... 56
A. Simpulan ... 56
B. Saran ... 57
DAFTAR PUSTAKA ... 58 LAMPIRAN... 59
DAFTAR GAMBAR
Gambar Halaman
1. Gambar 2.1 Stuktur Organisasi ... 14
2. Gambar 2.2 Jendela dan Panel Pada Dreamweaver MX... 15
3. Gambar 2.3 Menu Pada dreamweaver MX... 17
4. Gambar 4.1 DFD Konteks Sistem Informasi Akademik ... 26
5. Gambar 4.2 Tahapan Perancangan Basis Data ... 28
6. Gambar 4.3 DFD Level 1 Untuk Sistem Informasi . ... 31
7. Gambar 4.4 Relasi Antar Tabel Pada Basis Data... 33
8. Gambar 4.5 Struktur Menu Utama... 34
9. Gambar 4.6 Struktur Menu Home... 34
10.Gambar 4.7 Struktur Menu Siswa... 35
11.Gambar 4.8 Struktur Menu Wali Siswa ... 36
12.Gambar 4.9 Struktur Menu Administrator ... 36
13.Gambar 4.10 Struktur Menu Guru ... 37
14.Gambar 4.11 Struktur Menu Saran ... 37
15.Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX ... 39
16.Gambar 4.13 Jendela Pada Panel Pada Dreamweaver ... 40
17.Gambar 4.14 Menu Pada Dreamweaver MX... 42
18.Gambar 4.15 Eksekusi Program Aplikasi ... 44
19.Gambar 4.16 Halaman Index.html ... 46
20.Gambar 4.17 Halaman Login Menu Siswa ... 47
21.Gambar 4.18 Halaman Biodata Siswa ... 47
22.Gambar 4.19 halaman Data Absensi Siswa ... 48
23.Gambar 4.20 Halaman Data Nilai Siswa ... 48
24.Gambar 4.21 Halaman Menu Login Menu Wali Siswa ... 49
25.Gambar 4.22 Halaman Menu Login Guru... 50
26.Gambar 4.23 Halaman Data Kelas yang dibimbing... 50
27.Gambar 4.24 Halaman Menu Login Administrator ... 51
28.Gambar 4.25 Halaman Data Karyawan ... 51
29.Gambar 4.26 Halaman Data Siswa ... 52
30.Gambar 4.27 Halaman Data Kelas... 53
31.Gambar 4.28 Halaman Data Jurusan... 53
32.Gambar 4.29 Halaman Data Materi ... 54
DAFTAR LAMPIRAN
Lampiran Halaman
1. Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan
Diagram Flow Data ... 59 2. Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis
Data ... 60 3. Lampiran 3: Struktur Tabel Dalam Basis Data ... 61 4. Lampiran 4: Script kode PHP dan HTML ... 63
ABSTRAK
Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika
Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang.
Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web.
Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa.
Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL.
Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management
System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses
oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator.
A. Latar Belakang Masalah
Pembangunan dunia pendidikan yang selalu mengalami perkembangan pesat seiring dengan laju perkembangan teknologi informasi yang sangat beraneka ragam, diperlukan peningkatan mutu dan mekanisme pelayanan di bidang pendidikan agar lebih berdaya guna dan berhasil guna, sehingga Sumber Daya Manusia (SDM) yang diciptakan dapat berpartisipasi dalam membangun dunia luar sesuai dengan kemampuannya. Sekolah-sekolah negeri maupun swasta sudah banyak yang menampilkan sistem informasi akademik berbasis Web. Pengelolaan sistem informasi berbasis Web yang telah ada masih perlu di maksimalkan, karena Website hanya dapat di upload melalui
browsing di internet, semakin menjamurnya internet di kalangan siswa bukan
tidak mungkin sistem informasi akademik dapat dilihat melalui internet karena sudah banyak Warung Internet (Warnet).
2
pencarian situs tetapi dapat juga mencari file-file yang ekstensinya dapat di
upload atau di download.
SMA Negeri 1 Dukuhwaru Kabupaten Tegal merupakan Sekolah Menengah Atas berbasis kompetensi kader bangsa yang berorientasi ke depan dalam membangun bangsa, dengan keunggulan mengoptimalkan bakat para siswa terutama dalam bidang seni dan olahraga. Setiap tahunnya SMA Negeri 1 Dukuhwaru Kabupaten Tegal meluluskan ribuan siswa menyiapkan ketrampilan bagi tamatan sekolah dalam rangka meneruskan kejenjang keperguruan tinggi atau hidup bermasyarakat. Kelemahan di SMA Negeri 1 Dukuhwaru Kabupaten Tegal dalam hal menyajikan sistem informasi sekolah dan memonitoring kegiatan siswa masih sederhana, Sistem yang digunakan belum bisa langsung sampai pada Wali murid masih kesulitan apakah anaknya benar-benar masuk sekolah, Wali murid juga masih kesulitan untuk memantau daftar nilai anaknya dari hasil kegiatan belajar disekolah. Untuk itulah penulis memberikan solusi menggunakan program Dreamweaver MX dan Fireworks MX dalam pendisainan web yang diaplikasikan dengan PHP dan MySQL untuk membantu pendataan secara komputasi yang lebih efektif dan efisien.
B. Rumusan Masalah dan Pembatasannya
1. Rumusan Masalah
a. Bagaimana cara pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis WEB serta pengelolaannya dengan menggunakan program Dreamweaver MX, FireWorks MX, PHP dan MySQL? b. Bagaimana penyajian informasi sekolah yang meliputi penyajian data
siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa.
2. Pembatasan Masalah
Sistem pada aplikasi ini dibuat untuk pengelolaan informasi data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa yang digunakan untuk mempermudah siswa dalam memperoleh layanan informasi sekolah.
C. Tujuan dan Manfaat Kegiatan
1. Tujuan kegiatan
Tujuan dari kegiatan ini adalah sebagai berikut.
a. Untuk membuat aplikasi SMA Negeri 1 Dukuhwaru berbasis Web serta pengelolaannya dengan menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL
4
2. Manfaat Kegiatan
a. Mempermudah pengguna secara umum untuk mengetahui tentang informasi SMA Negeri 1 Dukuhwaru.
b. Mempermudah pengelolaan sistem manajemen sekolah.
c. Meningkatkan minat siswa untuk mempelajari internet dan mencari informasi lain pada situs-situs di internet.
D. Sistematika Tugas Akhir
Sistematika penyusunan ini ditulis untuk memberikan gambaran keseluruhan isi Laporan Tugas Akhir. Secara garis besar Laporan Tugas Akhir ini dibagi menjadi tiga bagian yaitu pendahuluan, isi, dan penutup.
1. Pendahuluan, terdiri dari halaman judul, abstrak, halaman pengesahan, motto dan persembahan, kata pengantar, daftar isi, daftar gambar, daftar tabel dan daftar lampiran.
2. Isi, terdiri dari :
BAB I PENDAHULUAN
Bab ini memuat latar belakang masalah, rumusan dan pembatasan masalah, tujuan dan manfaat kegiatan, dan sistematika Tugas Akhir.
BAB II LANDASAN TEORI
Pada bab ini berisi teori-teori yang mendukung tentang penyusunan Laporan Tugas Akhir.
Bab ini berisi tentang metode-metode dalam pelaksanaan kegiatan yang meliputi ruang lingkup penelitian, penelitian dan cara pengambilan data, langkah perancangan, dan analisis data.
BAB IV HASIL RANCANGAN PEMROGRAMAN
Bab ini berisi tahap pengembangan sistem dan pembahasan.
BAB V PENUTUP
BAB II KAJIAN TEORI
A. Konsep Dasar Sistem Informasi Berbasis Web
1. Konsep Dasar Sistem Informasi Berbasis Web Dengan Aplikasi PHP Dan MySQL
Sistem Informasi adalah seperangkat komponen yang saling berhubungan yang berfungsi mengumpulkan, memproses, menyimpan dan mendistribusikan informasi untuk mendukung pembuatan keputusan dan pengawasan dalam organisasi. Web atau WWW (Word Wide Web) adalah sebuah metode baru yang berjalan didunia internet yang berkembang dengan cepat, dengan media ini dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan di bawah Web (Under Web). PHP adalah salah satu aplikasi program yag biasa digunakan dalam media internet saat ini. Databasenya adalah MySQL yaitu database server yang dapat berjalan didalam media online sehingga database ini mudah dimanage oleh penggunanya. (Nugroho, 2004:1).
2. Basis Data
a. Pengertian Basis Data
tertentu menggunakan komputer sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakainya. Sedangkan sistem basis data adalah suatu sistem penyusunan dan mengelola record-record menggunakan komputer untuk menyimpan atau merekam serta memelihara data operasional lengkap sebuah organisasi atau perusahaan sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk proses pengambilan keputusan (Marlinda, 2004:1).
b. Relational Data Base Management Sistem (RDBMS)
a. Pengertian RDBMS
Kumpulan file yang saling berkaitan untuk program dan pengelolaannya disebut DBMS (Marlinda, 2004:6). DBMS adalah istilah yang penting dalam pengelolaan data. Untuk membuat dan mengelola data tersebut, dibutuhkan software yang diistilahkan DBMS (Data Base Management Sistem). Tugas-tugas yang diemban software DBMS ini adalah membuat database, menampilkan data yang ada pada database tersebut, memodifikasi data pada database tersebut, menghasilkan laporan sesuai dengan data yang ada dalam database, dan mengamankan data dari pihak-pihak yang tidak berkepentingan (Swastika, 2006:36). Beberapa contoh software DBMS yang banyak beredar adalah Oracle,
8
Hampir semua program DBMS merupakan RDBMS (Relational
DataBase Management Sistem), dimana data yang akan
diorganisir dalam sekumpulan tabel yang saling berelasi (berhubungan) (Swastika, 2006:36).
b. Konsep Database Relasional
Arsitektur Sistem Basis Data dibagi menjadi tiga tingkatan (Marlinda, 2004:9), yaitu:
a) internal level
Disebut juga internal view, yaitu tingkatan yang basis datanya secara fisik ditulis atau disimpan di media storage atau level yang berkaitan erat dengan tempat penyimpanan. Contohnya cara penyimpanan data dalam disk.
Tempat penyimpanan dapat digolongkan sebagai berikut.
(1) Device Model, bagaimana penyimpanan datanya.
(2) Storage Model, bagaimana data disimpan di dalam tempat
penyimpanan data dan hubungannya terhadap data pengaksesannya.
b) external level
c) conceptual level
disebut juga community user view, yaitu tingkat dari aplikasi yang berbeda digabungkan, sehingga menggunakan basis data secara keseluruhan dengan menyembunyikan penyimpanan data secara fisik atau level yang merupakan penghubung dari
internal level dan external level. Hal inilah yang mendasari
Relational Data Base Management Sistem. Contohnya cara
penggunaan data oleh sekelompok pemakai.
Kelemahan sistem pemrosesan berkas dapat diatasi dengan sistem basis data ini, dengan keuntungan yang diperoleh dalam pemrosesan data ini adalah:
a) kemubadziran data akan terkurangi, b) integritas data,
c) independensi data, d) konsistensi data, e) berbagi data, f) keamanan data,
g) lebih mudah dalam penggunaan dan pencarian data.
10
Tujuan RDBMS adalah untuk mempermudah penciptaan penyusunan data dan membebaskan pemrograman dari masalah penyusunan file yang kacau dan berantakan.
c. Tabel
Tabel merupakan salah satu bagian dari database. Tabel akan menampung data yang tersimpan dalam bentuk baris dan kolom. Setiap kolom mempunyai nama yang unik (tidak mungkin kembar), dan dapat mempunyai jenis yang berbeda. Baris pada tabel berisi data yang sesuai dengan jenis fields-nya. Dalam suatu tabel kita membutuhkan satu field kunci. Field kunci adalah sebuah file yang unik, dan tidak ada yang sama pada tabel tersebut. Nantiya pada tabel posting, tidak perlu mencatat nama,
password dan level dari record yang bersangkutan (Swastika,
2006:37). Field kunci digunakan juga untuk menghubungkan antara tabel satu dengan tabel yang lain.
d. Relasi Antar Tabel
Sebuah form juga dapat mengambil bagian dalam melakukan akses terhadap data pada beberapa form yang berbeda.
Macam-macam bentuk topologi distribusi data. a) Fully Connected Network
Keuntungan dari tipe ini adalah jika salah satu rusak maka yang lain masih dapat berjalan, tetapi tidak ada jaminan kerahasiaan data. Karena seluruh bagian dapat melakukan pengaksesan data.
b) Partially Connected Network
Reliability pada system ini rendah, karena sistem pengaksesan
hanya melewati satu jalur dan tidak ada jalur lain. Akan tetapi biaya dapat ditekan. Jaminan kontrol tidak dijamin
c) Tree Structure Network
Sistem bersifat sentral, jika pusat rusak maka semua bagian tidak dapat melakukan pengaksesan data.
d) Ring Network
Sistem melingkar seperti ini hanya dapat mengakses data pada sistem yang langsung berhubungan, maka sistem kontrol sendiri tidak terjamin.
e) Start Network
12
(Marlinda, 2004:38) e. Hirarki Data
Data diorganisirkan ke dalam suatu hirarki yang terdiri atas: a) elemen data
Elemen data merupakan satuan data terkecil yang tidak dapat dipecah lagi ke dalam unit lain.
b) rekaman
merupakan gabungan dari sejumlah elemen data yang saling terkait. Dalam sistem basis data relational, rekaman biasa disebut dengan tupel atau baris.
c) berkas
himpunan dari semua rekaman yang bertipe sama, atau dapat juga dikatakan sebagai kumpulan rekaman data dalam satu objek. Berkas mewakili komponen yang disebut relasi.
f. Normalisasi Data
Normalisasi adalah pemrosesan pengelompokan atribut-atribut dan relasi sehingga membentuk struktur relasi antar tabel. Normalisasi merupakan proses pengelompokan elemen-elemen data menjadi suatu tabel-tabel untuk menunjukkan entity dan relasinya. Teknik ini ditemukan pada tahun 1970 oleh E. F. Codd.
Well-Structure relation adalah sebuah relasi dengan jumlah
serta memberikan kemungkinan bagi user untuk melakukan insert,
delete dan modify terhadap baris-baris data pada relasi tersebut,
yang berakibat tidak terjadi kesalahan atau inkonsistensi data, yang disebabkan oleh operasi-operasi tersebut (Marlinda, 2004:115).
B. Dasar Aplikasi Pemrograman Sistem Informasi SMA Negeri 1 Dukuhwaru berbasis web
1. Kondisi Objektif SMA Negeri 1 Dukuhwaru
14 Gambar 2.1 Struktur Organisasi SMA Negeri 1 Dukuhwaru 2. Dreamweaver MX
Disamping itu, masih banyak terdapat penambahan fasilitas-fasilitas lainnya yang membuat Dreamweaver MX lebih powerfull, seperti kemampuan menangani penyuntingan kode dengan lebih baik, menangani dokumen-dokumen baru seperti XHTML, kemampuan validasi dan debug di browser, panel snippets yang berfungsi untuk menyunting dan menyimpan blok kode yang sering digunakan, serta fasilitas penanganan berbagai database (Mutmainah, 2006:2).
Gambar 2.2 jendela dan panel pada Dreamweaver MX (Herlambang,
2006:6)
Insert bar Document Window
Panel group Document toolbar
Site panel Property inspector
16
a. Insert bar
Insert bar berisi tombol untuk memasukkan beberapa jenis objek,
seperti gambar, tabel, dan layer ke dokumen. Tiap objek yang dimasukkan pada dasarnya adalah potongan kode HTML yang dapat diatur atributnya.
b. Document Toolbar
Document toolbar berisi tombol dan pop-up menu yang menyediakan
beberapa cara untuk menampilkan dokumen (seperti Design view dan
Code view), beberapa option dan beberapa operasi umum seperti
melakukan preview dokumen ke broser.
c. Document Window
Document Window menampilkan dokumen yang sedang dibuat atau
diedit.
d. Property Inspector
Property Inspector adalah tempat mengubah beberapa properti yang
dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki properti yang berbeda.
e. Panel Groups
Panel Groups adalah kumpulan beberapa panel sejenis yang
diletakkan pada satu tempat.
f. Site Panel
menggunakan program ini untuk menampilkan file dan folder pada disk lokal.
g. Menu
Menu berisi submenu yang biasanya ditampilkan sebagai dropdown menu yang akan muncul ketika ditekan tombol menu utama.
Gambar 2.3 Menu pada Dreamweaver MX (Herlambang, 2006:6)
1) File Menu
File menu berisi menu standar untuk menu File dan Edit, seperti New, Open, Save, Cut, dan Paste, File menu juga berisi beberapa perintah tambahan, seperti Preview in Broser dan Print
Code.
2) Edit Menu
Edit menu berisi perintah seleksi dan pencarian, seperti Select
Parent Tag dan Find and Replace, dan menyediakan akses ke
Keyboard Shortcut Editor dan Tag Library Editor.
3) View Menu
View menu mengijinkan melihat tampilan dokumen dengan beberapa cara (seperti Design view dan Code view) dan untuk menampilkan dan menyembunyikan beberapa elemen pada dokumen dan peralatan yang dimiliki Dreamweaver MX.
18
Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen
5) Modify Menu
Menu ini bisa mengubah properti elemen halaman web atau item lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang dapat dilakukan untuk item pada library dan template.
6) Text Menu
Menu ini menyediakan perintah yang dibutuhkan untuk melakukan pemformatan pada teks.
7) Commands Menu
Menu ini menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan program lain.
8) Site Menu
Menyediakan item menu untuk membuat, membuka, dan mengedit site.
9) Window Menu
Menyediakan akses ke semua menu panel, inspectors, dan jendela pada Dreamweaver.
10) Help Menu
Dreamwever MX, membuat ekstensi untuk Dreamwever MX, dan material lainnya yang dapat membantu menggunakan Dreamwever MX.
3. Fireworks MX
Fireworks MX 2004 adalah sebuah program andal dalam pengolahan grafik, terutama grafis web. Oleh karena itu kemampuan dan fasilitasnya dirancang dan dioptimalkan untuk menangani pembuatan dan pengeditan gambar web.
Ada beberapa fitur baru yang bisa dijumpai dalam Fireworks MX 2004 antara lain: server-side support yang memungkinkan kita untuk menyimpan file fireworks ke dalam bentuk ASP, PHP, atau CFM. Dengan fitur ini kita bisa membuat web dinamis yang interaktif. Selain itu, Red
Eye removal Tool yang dapat digunakan untuk menghilangkan efek mata
merah dari jepretan kamera digital. Fitur baru juga ada pada penambahan auto shape dan warna gradient yang memberikan nuansa baru untuk membuat bentuk objek dan masih banyak fitur yang lain.
4. Pemrograman PHP
20
dengan database MySQL. MySQL dengan PHP seakan-akan dua hal yang tidak dapat dipisahkan. Tentunya untuk dapat menggunakan keduanya dibutuhkan tingkat kemampuan programming tertentu.
Banyak digunakan oleh programmer berlatar belakang C/C++ karena kemiripan syntaxnya. Open source, karenanya gratis dan bebas. Database pasangannya biasanya MySQL, dijalankan bersama webserver Apache di atas sistem operasi Linux.
a. Dasar Pemrograman PHP
PHPTriad adalah software installer PHP secara instant yang berjalan pada lingkungan Windows, setelah menginstal PHPTriad anda tidak saja telah menginstal PHP, akan tetapi juga sekaligus telah menginstall
Apache Web Server dan Database MySQL.
PHPTriad jalan di bawah platform Windows, Jadi untuk Windows x ataupun Windows 2000, NT, Me, ataupun XP tetap berjalan sama baiknya. Untuk spesifikasi komputer tidak begitu memerlukan spesifikasi tinggi.
Fungsi yang selalu akan ditampilkan dalam bahasa pemrograman ini adalah echo, fungsi ini digunakan untuk menampilkan suatu data ke dalam browser (Nugroho, 2006:13).
b. Alias untuk parameter PHP
tentang interpreter PHP dan Perl. Dalam pemrograman ini digunakan PHPTriad, sehingga secara otomatis terpasang pada directori C:/Apache/PHP, sehingga penyetingan script aliasnya adalah
ScriptAlias /php/ “c:/apache/php/”. Sedangkan apabila tidak
menggunakan PHPTriad, maka harus diketahui terlebih dahulu tempat penginstalan program PHP (Nugroho, 2005:2 ).
c. Konfigurasi Web Server
Cara pengetesan konfigurasi yang telah dilakukan adalah dengan menjalankan start apache yang ada pada program. Kemudian membuka sebuah halaman website dengan IE atau program lain yang juga dapat digunakan untuk browsing di internet. Untuk memanggil halaman PHP ketikkan http://localhost, apabila berhasil maka tidak terdapat pesan error pada halaman tersebut tetapi akan tampil ucapan
welcome. Tampilan akan berbeda-beda sesuai dengan jenis MySQL
yang digunakan. 5. Database dengan MySQL
MySQL merupakan RDBMS (Relational Data Base Management Sistem). MySQL didistribusikan secara open source dan gratis mulai tahun 1996, tetapi mempunyai sejarah pengembangan sejak tahun 1979.
Database MySQL adalah database yang sangat powerfull, stabil, mudah.
22
tempat untuk menyimpan data (store), dan untuk mengambil kembali data anda (retrieve). Seperti sistem database SQL (Structured Query
Language) yang lain, MySQL juga dilengkapi dengan perintah-perintah
dan sintaks-sintaks SQL, dengan keunggulan sebagai berikut.
a. Konsep database MySQL berkecepatan tinggi tentang system penyajian data.
b. Harga yang relatif murah, karena ada yang dapat diperoleh secara gratis
c. Sintaks bahasanya menggunakan perintah yang sederhana.
d. Dapat bekerja dalam beberapa system operasi seperti Windows, Linux,
MacOs, Unix (Solaris, AIX, dan DEC Unix), FreeBSD, OS/2, Irix.
e. Dukungan penggunaan banyak tersedia (Swastika, 2006:5). 6. Pemrograman PHP dalam Database MySQL
Untuk membuat aplikasi web yang berjalan dinamis, maka pemrograman
web dapat dikolaborasikan dengan PHP. PHP merupakan salah satu
bahasa pemrograman yang dapat menjadikan program web menjadi lebih dinamis.
Dengan menggunakan program PHP tidak hanya membuat program web dengan tampilan statis, tetapi juga dapat mengakses database seperti MySQL. Dengan database tersebut, dapat digunakan untuk menyimpan berita-berita yang ada di dalamnya, dan ditampilkan pada halaman
A. Ruang Lingkup Kegiatan
Penelitian ini dilakukan untuk membuat sistem informasi SMA Negeri 1 Dukuhwaru berbasis web. Fokus dari penelitian ini adalah pembuatan basis data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi siswa.
B. Kegiatan dan Cara Pengambilan Data
Dalam penelitian pemrograman, basis data yang akan dibuat adalah sistem penyimpanan dan penginformasian data yang berkaitan dengan data siswa, guru, dan pegawai. Pengambilan data dengan mengambil data yang ada kaitannya dengan sistem basis data siswa, guru, dan karyawan dengan metode-metode sebagai berikut.
1. Metode literatur
Metode ini dilakukan untuk mendapatkan data-data secara teori-teori yang mendukung dalam pemprograman basis data.
2. Metode Dokumentasi
24
C. Perancangan Sistem
Langkah perancangan adalah serangkaian tahapan merancang dan membuat basis data. Langkah-langkahnya adalah sebagai berikut.
1. Mempersiapkan alat dan bahan. 2. Membuat rancangan diagram alir data. 3. Normalisasi data.
4. Membuat diagram antar entitas.
5. Mengubah dan menterjemahkan diagram alir program ke dalam tata bahasa pemrograman PHP dengan MySQL.
6. Membuat sistem informasi SMA Negeri 1 Dukuhwaru berbasis web 7. Menguji Program.
8. Merevisi program bila diperlukan.
D. Analisis Data
A. Tahapan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web
1. Tahap Pengembangan Sistem
Identifikasi suatu sistem terhadap kebutuhan informasi yang baru harus dilakukan, tidak hanya didasarkan kebutuhan-kebutuhan konsumsi informasi saja, tetapi juga dipandang dari manfaat dari aplikasi yang telah dibuat yang selama ini yang belum pernah terpenuhi. Kebutuhan dari suatu sarana yang sudah ada sekarang masih perlu untuk diperbaharui mengenai sistem pengelolaan untuk menampilkan informasi dari suatu media yang sudah berkembang pesat di kalangan pencari informasi.
Sistem informasi siswa yang ada pada masa sekarang, hampir semua menggunakan sistem online dengan menggunakan website. Hal ini menguntungkan bagi siswa, terutama dalam proses pencarian informasi akademik sekolah yang dia tempati.
2. Rancangan Pendahuluan
26
Pembuatan basis data sistem informasi akademik dilakukan dengan pembuatan Data Flow Diagram (DFD). DFD merupakan alat untuk mendokumentasikan proses dalam suatu sistem yang menekankan fungsi pada sistem, cara menggunakan informasi yang tersimpan serta pemindahan informasi antar fungsi dalam sistem.
Gambar 4.1 DFD Konteks Sistem Informasi Akademik
Diagram diatas memperlihatkan bahwa sistem berinteraksi dengan empat terminal, yaitu bagian akademik, sistem pengolahan data, siswa serta pencari informasi sekolah. Tanda panah menunjukkan masukan dan keluaran sistem.
3. Perancangan Sistem
Tahapan perancangan sistem dibagi menjadi dua bagian. Dua bagian perancangan sistem adalah sebagai berikut.
Data siswa Data Mata pelajaran Data kelas, Data Guru
Data jurusan
1. Perancangan Sistem Basis Data
Perancangan basis data merupakan langkah untuk menentukan basis data yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Penyusunan basis data ini didasarkan pada kamus aliran data yang telah dibuat pada tahap sebelumnya.
Perancangan basis data secara konseptual terdiri atas tiga langkah berikut ini:
a. penentuan entitas pada basis data b. pendefinisian hubungan antar entitas c. penerjemahan hubungan antar entitas
28
Model Data Logis
Gambar 4.2 Tahapan Perancangan Basis Data Sistem Informasi Akademik Berbasis Web
Penjelasan komponen-komponen di atas sebagai berikut. a. Entitas
Entitas sering disebut dengan kelas entitas atau tipe,. Entitas menyatakan obyek atau kejadian. Pada basis data ini yang disebut entitas adalah data jurusan, data siswa, data guru, data kelas dan data mata pelajaran. Pada model database relasional, entitas disebutkan dalam tabel.
Entitas Atribut Hubungan Kekangan
Kunci Kandidat Kunci Asing
Kunci Primer Kunci Alternatif
Integritas Referensi
Domain
Penambahan Peremajaan Penghapusan
b. Atribut
Atribut merupakan item data yang menjadi bagian dari entitas. Istilah lain dari atribut adalah properti. nama siswa, nama guru, alamat merupakan suatu atribut.
c. Hubungan (Relation)
Hubungan adalah kaitan dari dua entitas. Misalnya antara guru dengan mata pelajaran terdapat hubungan yang berupa Guru A mengajar Mata Pelajaran Matematika.
d. Kekangan
Kekangan digunakan untuk melindungi integritas data, misalnya melindungi kesalahan waktu pengisian data.
e. Domain
Domain merupakan nilai yang berlaku pada suatu atribut. Kekangan domain mendefinisikan nama, tipe, format, panjang, serta nilai dari masing-masing item data. Misalnya tipe data char, numeric, atau jenis lainnya pada perangkat lunak sistem basis data. Char menyatakan tipe karakter, dapat berupa gabungan beberapa huruf, simbol, dan angka.
numeric menyatakan tipe bilangan.
f. Integritas referensi
30
suatu tabel yang menunjukkan ke suatu pengenal unik pada suatu baris pada tabel lain yang benar-benar menunjuk ke nilai yang ada itu. Macam integritas data ada tiga, yaitu:
1) penambahan (insert) 2) penghapusan (delete) 3) peremajaan (update)
pembagian ini didasarkan pada operasi yang dilakukan.
Integritas referensional pada peremajaan memungkinkan pengubahan suatu kunci pada tabel yang menyebabkan semua nilai pada tabel lain yang tergantung pada tabel tersebut juga berubah.
2. Perancangan Sistem Aplikasi
Perancangan sistem aplikasi digunakan untuk menerjemahkan perancangan sistem database yang dibuat sampai dengan eksekusi dari aplikasi yang dibuat. Perancangan sistem program aplikasi ini terdiri dari beberapa langkah sebagai berikut.
a. Pengkodean program aplikasi
b. Eksekusi program aplikasi pada Web c. Cara kerja Program
4. Analisis Sistem
3. Data Flow Diagram (DFD) Analisis
Dari DFD sistem informasi akademik basis data sistem yang dapat dijabarkan seperti gambar 4.3.
Gambar 4.3 DFD level 1 Untuk Sistem Informasi a. Kamus Aliran Data
Daftar nama-nama item yang dibutuhkan dalam pembuatan diagram alir data yang telah dijabarkan menjadi DFD,dapat dilihat pada lampiran 1.
Id_siswa Id_guru
Bagian
Hasil Pendataan Data dan Informasi Info Data Diri
32
b. Bentuk Normal Basis Data
Bentuk normal basis data diperlukan untuk mempermudah perancangan basis data pada tahap perancangan sistem. Oleh karena itu maka perlu dibuat tabel-tabel data untuk mempermudah proses normalisasi basis data. Adapun tabel yang diperlukan adalah seperti pada lampiran 2. Dari tabel-tabel yang dibuat guna mempermudah pembuatan basis data seperti pada lampiran 2 ternyata telah memenuhi bentuk normal pertama yaitu relasi tiap atribut bernilai tunggal untuk setiap baris, memenuhi syarat bentuk normal kedua, bahkan bentuk normal ketiga, sehingga tidak perlu lagi dinormalisasi
c. Relasi antar tabel
Dari proses normalisasi, tabel yang telah memenuhi bentuk normal ketiga dapat dibuat relasi antar tabel. Bentuk relasi antar tabel dapat dilihat pada gambar 4.4, yaitu relasi antar tabel dengan bentuk diagram entity
relationship pada basis data sistem informasi akademik berbasis web.
Gambar 4.4 Relasi Antar Tabel Pada Basis Data Keterangan :
Dari daftar gambar relasi pada gambar 4.4 menjelaskan bahwa administrator dapat memperbaharui atau mengatur data kelas, data jurusan, data siswa, data guru dan materi atau matapelajaran. Data wali_siswa relasi dengan data kelas dan data siswa,untuk data siswa relasi dengan dengan data jurusan dan data materi relasi dengan materi atau mata pelajaran.
34
d. Diagram Struktur 1) Bagan Menu Utama
Bagan struktur menu utama dari sistem informasi akademik berbasis Web terdiri dari Home, Siswa, Wali Siswa, Guru, Administrator. Bagan struktur menu utama dapat dilihat pada gambar 4.5.
Loading Aplikasi Web
Wali siswa
Administr ator
Home Siswa Guru
Gambar 4.5 Struktur Menu Utama
2) Bagan Menu Home
Bagan menu Home dari sistem informasi akademik berbasis Web terdiri dari pilihan-pilihan menu yang hendak diakses juga sebagai menu utama. Bagan struktur menu home dapat dilihat pada gambar 4.7.
Menu Home
Menu Pilihan Informasi Kembali
3) Bagan Menu Siswa
Bagan struktur menu siswa dari sistem informasi akademik berbasis Web menampilkan data diri siswa beserta data absensi dan data nilai. Bagan struktur siswa dapat dilihat pada gambar 4.7.
Menu Siswa
Login Siswa Kembali
Info Siswa
Displai Absensi Displai Nilai
Gambar 4.7. Struktur Menu Siswa
4) Bagan Menu Wali Siswa
36
Menu Wali_Siswa
Login Wali_Siswa Kembali
Info Siswa
ata
Displai Absensi Displai Nilai
Gambar 4.8 Struktur Menu Wali_Siswa
5) Bagan Menu Administrator
Bagan struktur menu Administrator menampilkan data karyawan, data siswa, data kelas, data jurusan, data materi dan menu kembali. Bagan struktur sistem informasi akademik dapat dilihat pada gambar 4.9.
Gambar 4.9 Struktur Menu Adminstrator Menu Administrator
Materi
6) Bagan Menu Guru
Bagan struktur menu guru dari sistem informasi akademik berbasis
Web menampilkan informasi detil kelas yang dibimbing dan menu
kembali. Bagan struktur pendaftaran dapat dilihat pada gambar 4.10.
Menu Home
Detil Kelas yang Bimbing Kembali
Gambar 4.10 Sistem Menu Guru
7) Bagan Menu Kirim Saran
Bagan struktur menu kirim saran dari sistem informasi akademik berbasis Web merupakan proses mengirim saran apliksi dari sistem informasi akademik serta menu kembali pada menu utama. Bagan struktur informasi umum dapat dilihat pada gambar 4.11.
Saran
Proses Kirim Saran
Kembali
38
4. Implementasi Sistem pada Pemrograman a. Pengkodean Program
Program basis data yang telah dirancang dimulai dari diagram alir data dimana untuk menjelaskan serta mempermudah pada perancangannya merupakan bentuk implementasi dari program yang dibuat. Diagram alir data akan membuat logika berfikir pembuatan program tersusun dengan baik berdasarkan urutan yang telah dirancangkan. Pada inplementasi ini alur tersebut diterjemahkan ke dalam bahasa pemrograman dengan menggunakan konfigurasi dari script code WML, PHP serta database
MySQL. Untuk membuat pengkodean program, kita menggunakan
program Dreamweaver MX. Pada program ini banyak fasilitas yang diberikan terutama untuk ekstensi-ekstensi file yang mendukung PHP dan juga database yang mendukung PHP.
Cara pengkodean program aplikasi yang dibuat adalah sebagai berikut.
Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX
40
Insert bar Document Window Panel group Document toolbar
Tag selector Site panel
Property inspector Listing Program
Gambar 4.13. jendela dan panel pada Dreamweaver MX (Herlambang, 2006:6)
Keterangan :
a) Listing Code
Listing code merupakan tempat untuk menuliskan script code.
b) Insert bar
Insert bar berisi tombol untuk memasukkan beberapa jenis objek,
dimasukkan pada dasarnya adalah potongan kode HTML yang dapat diatur atributnya.
c) Document Toolbar
Document toolbar berisi tombol dan pop-up menu yang menyediakan
beberapa cara untuk menampilkan dokumen (seperti Design view dan
Code view), beberapa option dan beberapa operasi umum seperti
melakukan preview dokumen ke broser.
d) Document Window
Document Window menampilkan dokumen yang sedang dibuat atau di
edit.
e) Property Inspector
Property Inspector adalah tempat mengubah beberapa properti yang
dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki properti yang berbeda.
f) Panel Groups
Panel Groups adalah kumpulan beberapa panel sejenis yang
diletakkan pada satu tempat.
g) Site Panel
42
h) Menu
Menu berisi submenu yang biasanya ditampilkan sebagai dropdown menu yang akan muncul ketika ditekan tombol menu utama.
Gambar 4.14. Menu pada Dreamweaver MX (Herlambang, 2006:6)
1) File Menu
File menu berisi menu standar untuk menu File dan Edit, seperti New, Open, Save, Cut, dan Paste, File menu juga berisi beberapa perintah tambahan, seperti Preview in Broser dan Print Code.
2) Edit Menu
Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent
Tag dan Find and Replace, dan menyediakan akses ke Keyboard
Shortcut Editor dan Tag Library Editor.
3) View Menu
4) Insert Menu
Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen
5) Modify Menu
Menu ini bisa mengubah properti elemen halaman web atau item lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang dapat dilakukan untuk item pada library dan template.
6) Text Menu
Menu ini menyediakan perintah yang dibutuhkan untuk melakukan pemformatan pada teks.
7) Commands Menu
Menu ini menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan program lain.
8) Site Menu
Menyediakan item menu untuk membuat, membuka, dan mengedit site.
9) Window Menu
44
10)Help Menu
Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX, termasuk petunjuk cara penggunaan Dreamwever MX, membuat ekstensi untuk Dreamwever MX, dan material lainnya yang dapat membantu menggunakan Dreamwever MX.
b.Eksekusi program aplikasi pada Web
Untuk melakukan eksekusi pada Web emulator kita harus mengaktifkan sistem server pada komputer, dengan menjalankan start
apache dan MySQL. Gambar 4.15 merupakan tampilannya
Gambar 4.15 Eksekusi Program Aplikasi
c.Cara Kerja Program
Cara kerja sistem informasi akademik didasarkan pada diagram bagan struktur sistem dari aplikasi yang dibuat. Saat melakukan eksekusi data maka tampilan awal dari program adalah menu awal dari aplikasi sistem informasi akademik berbasis Web. Saat program dijalankan, maka tampilan awal dari program adalah menu awal di SMA Negeri 1 Dukuhwaru Kabupaten Tegal. Dalam menu awal terdapat beberapa pilihan program lanjutan, antara lain Home sebagai menu utama, menu siswa, menu wali siswa, menu guru, menu administrator.
Pada menu sistem informasi akademik hanya terbatas bagi siswa yang telah terdaftar sebagai user. Sehingga untuk membatasi pelayanan informasi ini diperlukan user name serta password.
B. Penyajian Informasi SMA Negeri 1 Dukuhwaru
Hasil pembuatan aplikasi sistem informasi akademik berbasis Web dengan menggunakan struktur bahasa pemrograman WML, PHP dan sistem database MySQL.
1. Halaman Index
46
Gambar 4.16 Halaman Index.html
Hasil eksekusi halaman index.html sebagai menu utama Listing program terdapat pada lampiran script halaman index.
2. Halaman menu siswa
Pada halaman ini siswa diwajibkan melakukan login untuk masuk pada biodata siswa, pada menu ini siswa dapat melihat data absensi dan data nilai selama proses belajar disekolah yang telah di update oleh guru. Tampilan halaman login menu siswa seperti pada gambar 4.17.
Gambar 4.17 Halaman login menu siswa Tampilan halaman Biodata siswa seperti pada gambar 4.18.
48
a) Data Absensi Siswa
Pada halaman ini siswa dapat mengetahui absensi siswa sesuai materi yang diikuti. Tampilan halaman data absensi seperti pada gambar 4.19.
Gambar 4.19 Halaman Data Absensi Siswa
b) Data Nilai Siswa
Pada halaman ini siswa dapat mengetahui nilai siswa sesuai materi yang diikuti. Tampilan halaman data nilai seperti pada gambar 4.20.
3. Halaman menu Wali_siswa
Pada halaman ini Wali_siswa diwajibkan melakukan login untuk masuk pada biodata siswa, sama halnya pada menu siswa pada menu ini Wali_siswa dapat melihat data absensi dan data nilai selama proses belajar disekolah yang telah di update oleh guru. Tampilan halaman login menu Wali_siswa seperti pada gambar 4.21.
Gambar 4.21 Halaman login menu Wali_siswa 4. Halaman menu Guru
50
Gambar 4.22 Halaman login menu Guru
Tampilan halaman data kelas yang dibimbing guru yang bersangkutan seperti pada gambar 4.23
5. Halaman menu Administrator
Pada halaman ini administrator wajib melakukan login. administrator dapat melakukan update data yaitu data karyawan, data siswa, data kelas, data jurusan, dan data materi. Tampilan halaman login menu Administrator seperti pada gambar 4.24.
Gambar 4.24 Halaman login menu Administrator a) Data Guru
Pada data ini administrator dapat menginput biodata guru. Tampilan halaman data guru seperti pada gambar 4.25.
52
b) Data Siswa
Pada data ini administrator dapat menginput biodata Siswa. Tampilan halaman data siswa seperti pada gambar 4.26.
Gambar 4.26 Halaman data siswa c) Data Kelas
Gambar 4.27 Halaman data kelas d) Data Jurusan
Pada data ini administrator dapat menginput jurusan. Tampilan halaman data jurusan seperti pada gambar 4.28.
Gambar 4.28 Halaman data jurusan e) Data Materi
54
.
Gambar 4.29 Halaman data materi
C. Pembahasan
Penyusunan dan penataan program aplikasi tentang data siswa, data guru, data kelas, data mata pelajaran, data absensi dan nilai ini didasarkan pada form-form yang terkait dengan program. Dalam penyusunan program berbasis Web yang ada dalam software Dreamweaver MX penyusunannya didasarkan pada perintah-perintah yang ada dalam form-form.
tersebut akan berjalan dengan benar dan pengeksekusiannnya berjalan dengan sukses.
Hasil dari program Web sekolah yang telah dibuat ternyata dapat dijalankan sesuai dengan yang diharapkan. Program basis data yang sudah dibuat diantaranya adalah menu data siswa, data guru, data wali siswa, data administrator. Program Web ini memiliki beberapa keunggulan dibandingkan dengan cara pengolahan yang dilakukan secara manual yaitu dengan program basis data ini administrator dapat mengerjakan input data siswa, data karyawan, data kelas, data jurusan, data materi dengan mudah dan cepat serta penyimpanan yang lebih efisien. Guru dapat memasukan nilai dan mengabsen seluruh siswa yang dibimbingnya dengan cepat sedangkan untuk siswa dapat mengakses nilai dan absensinya dengan mudah dan efisien. Dari segi tampilan program Web ini lebih menarik dibandingkan dengan program access yang diterapkan oleh sekolah. Tampilan Web pada menu utama dapat menjadikan pengguna khususnya siswa tidak jenuh pada saat mengakses data hal ini dikarenakan pada desain template dibuat semenarik mungkin oleh programer.
Kendala pada pembuatan program ini yaitu penulisan pada script
code untuk pembuatan validitas agar pada saat pemasukan data sesuai yang
BAB V
PENUTUP
A. Simpulan
B. Saran
1. Untuk Sekolah :
Keberadaan komputer saat ini diharapkan dapat dimanfaatkan secara maksimal agar dapat mempermudah penggelolaan sistem informasi di sekolah
2. Untuk pemakai program :
1. Bagi programer yang ingin menyempurnakan program ini penulis menyarankan lebih memperketat sistem keamanan data demi kesempurnaan program.
DAFTAR PUSTAKA
Hakim, Lukmanul dan Uus Musalini. 2004. Cara Mudah Memadukan Web
Design dan Web Programming. Jakarta: PT Elex Media
Komputindo.
Herlambang, F. 2006. Trik Eksplorasi Dreamweaver MX. Jakarta: PT Elex Media Komputindo.
Marlinda, Linda. 2004. Sistem Basis Data. Yogyakarta: CV Andi Offset. Mutmainah, Siti. 2006. Dreamweaver dan Fireworks. Yogyakarta: CV Andi
Offset.
Nugroho, Bunafit. 2006. Menjual Aplikasi Penjualan Dengan PHP dan
MySQl. Yogyakarta: Ardana Media.
. 2004. PHP dan MySQL Dengan Editor Dreamweaver MX. Yogyakarta: Andi Offset.
. 2004. Aplikasi Pemrograman Web Dinamis Dengan PHP dan
MySQL. Yogyakarta: Gava Media.
Prasetyo, Didik Dwi. 2006. Tip dan Trik pemrograman PHP. Jakarta: PT Elex Media Komputindo.
Swastika, Windra. 2006. PHP 5 dan MySQL 4. Jakarta: Dian Rakyat.
Sidik, Betha. 2006. Pemrograman WEB dengan PHP. Bandung: Informatika. Tosin, Rijanto. 1997. Flowchart Untuk Siswa dan Mahasiswa. Jakarta:
Dinastindo.
Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Alir Data
Nama-Nama Item yang Dibutuhkan dalam Pembuatan Diagram Alir Data
No Nama Field Tipe Data Lebar Keterangan
53 JMLPERTEMUAN Text 5 Jumlah pertemuan
54 MULAIMASUK Text 15 Mulai Masuk
55 JAMMASUK Text 15 Jam masuk
60
Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data
Tabel-Tabel yang Dibutuhkan untuk Membuat Basis Data
No Nama Tabel Nama Field
3 JURUSAN NAMAJUR
Lampiran 3: Struktur Tabel Dalam Basis Data
Lebar Keterangan
1 NIS Text 8 Nomor Induk Siswa
Tabel 1: Field Tabel Siswa
62
3 JMLPERTEMUAN Text 5 Jumlah pertemuan
4 MULAIMASUK Text 15 Mulai Masuk
5 JAMMASUK Text 15 Jam masuk
6 HARIMASUK Text 5 Hari masuk
Tabel 3: Field Tabel Materi
Tabel Kelas
Jumlah Field : 2
No Nama Field Tipe Data Lebar Keterangan
1 NAMAMATERI Text 15 Nama materi
2 NAMAKELAS Text 30 Nama kelas
Tabel 4: Field Tabel Kelas
Tabel Jurusan
Jumlah Field : 2
No Nama Field Tipe Data Lebar Keterangan
1 NAMAJUR Text 20 Nama jurusan
2 KODEJUR Text 8 Kode jurusan