Tabel 3.24 Basis Data Transaksi
No Tabel Kolom
Tipe Data Keterangan
1 Transaski
saksi rimary_key
No_tran Integer
P 2
Nomor_ induk Char 5
foreign key 3
Bulan Varchar 15
Tanggal_tkp date
Tabel 3.25 Basis Data Keterangan pendidikan
No Tabel Kolom
Tipe Data Keterangan
1 Keterangan_pen idikan
d Nomor_ induk
Char 5 foreign key
2 ar 20
reign key Nama_tk
Varch fo
3 Alamat_tk
Varchar 40
Tabel 3.26 Basis Data Tahun Ajaran
No Tabel Kolom
Tipe Data Keterangan
1 Tahun_ajaran Id_ajaran Char
5 Primary_key
2 Tahun
Varchar 20 Tabel – tabel di ata
enerate data model e
adi model data fisik yang dalam keterangan tersebut disebutkan juga mary key dan foreign key-nya.
Antar muka admin dan user berbasiskan web. Saat pertama kali mengakses sistem aplikasi, halaman yang tampil adalah halaman index hal ini
berlaku untuk halaman index admin yang berbasiskan web dan halaman index user. Pertama – tama yang saya bahas adalah halaman admin tujuan penggunaan
sistem aplikasi berbasis web untuk admin ialah agar admin lebih mudah mengisi,mengubah dan menghapus data karena mengunakan media komputer.
Untuk menggunakan sistem ini admin harus online yang terkoneksi dengan s merupakan keterangan tabel hasil g
kons p menj pri
3.4 Implementasi Antarmuka
jaringan computer. Setelah halaman index admin harus mengklik tulisan klik untuk lanjut ke halaman login. Pada login admin diminta untuk login sebagai
admin dengan memasukan username dan password admin. Setelah itu halaman login memproses otentifikasinya bila berhasil melalui proses otentifikasi maka
akan tampil halaman admin yang berisikan menu – menu untuk mengolah dan memaintenance data – data pada sistem. Admin mempunyai hak akses penuh pada
system aplikasi yang dimana dapat merubah data yang ada pada basis data sistem aplikasi.
Sedangkan user wali murid layanan yang di sediakan adalah berbasiskan web, jadi untuk mengaksesnya para user menggunakan media
computer,dengan web browsernya baru bisa mengakses. Pertama – tama user inta
ah mengklik tulisan daftar makan user akan menuju halaman daftar. i halaman daftar user dapat memasukan username, password, nama, alamat,
jenis kelamin, tempat kelahiran, tanggal kelahiran dan nomot telepon. dim
untuk mendaftar dengan mengisi data anggota. Data anggota terdiri dari username,password,nama anggota, alamat anggota setelah mengisi data – data
dengan benar maka user akan mendapatkan account baru. Setelah itu user dapat login dengan memasukan username dan passwordnya. Setelah itu halaman login
user akan memproses otentifikasi bila telah berhasil maka akan muncul halaman yang berisikan menu – menu untuk melihat data user dan dapat mendaftarkan
siswa baru.
A. Implementasi Antarmuka Halaman Daftar user
Setel D
Gambar 3.7. Antarmuka Halaman Daftar
B. Implementasi A
Setelah mengklik tulisan login ma an user akan menuju halaman login. Di halaman login user memasukan username dan password,setelah itu halaman
ntarmuka Halaman Login user
k
login user akan memproses otentifikasinya.
Gambar 3.8. Antarmuka Halaman Login C. Implementasi Antarmuka Halaman Menu User
Setelah mel maka user akan
emilih menu antara lain : alui proses login pada halaman login
menjumpai menu user. Pada halaman ini user dapat m
edit data anda, data murid anda, lihat murid anda, cetak murid anda,logout dan upload foto murid anda. Pada menu ini berisi data pendaftaran user dan user dapat
mendaftarkan murid baru.
Gambar 3.9. Antarmuka Halaman Menu User
D. Implementasi
Setelah mengklik tulisan login m kan user akan menuju halaman login. ord,setelah itu halaman
Antarmuka Halaman Login Admin
a Di halaman login user memasukan username dan passw
login user akan memproses otentifikasinya.
Gambar 3.10. Antarmuka Login Admin
home Pendaftaran
Lihat dan cetak p daftaran en
Tambah siswa Lihat dan cetak m rid
u logout
E. Implementasi An Pendaftaran
Setelah melalui proses login pada halaman login maka admin akan
Gambar 3.11.
Antarmuka Halam
F. Implementasi Antarmuka Halaman Pendaftaran
i terdapa
tarmuka Halaman Login Admin Menu
menjumpai menu pendaftaran jika login sebagai admin pendaftaran.
an Awal Menu Pendaftaran
Halaman ini berisi menu untuk mendaftar siswa baru. Di menu in t
form – form untuk mengisi data siswa baru.
Gambar 3.12. Antarmuka Halaman Pendaftaran Siswa
N o form ulir N am a sisw a
Jenis kelam in Lihat dan cetak
edit M enu lihat dan C etak
C ari… .
1 2
G. Implementasi Antarmuka Halaman Lihat dan Cetak
Halaman ini berisi data siswa baru yang baru terdaftar . Pada halaman ini data siswa yang baru di terdaftar akan di list dalam table.
nu ini
Gambar 3.13. Antarmuka Halaman Lihat dan Cetak H. Implementasi Antarmuka Halaman Tambah Siswa
Halaman ini berisi menu untuk menambah siswa baru. Di me terdapat form – form untuk mengisi data siswa baru tanpa melakukan pendaftaran.
Gambar 3.14. Antarmuka Halaman Tambah Siswa I. Implementasi Antarmuka Halaman Lihat Siswa
Halaman ini berisi data siswa yang sudah resmi. Pada halaman ini data siswa lama di terdaftar akan di list dalam table.
No formulir Nama siswa
Kelas Lihat dan cetak edit
Menu lihat dan Cetak Murid Cari….
1 2 Jenis kelamin
Gambar 3.15. Antarmuka Halaman Lihat Siswa J. Implementasi Antarmuka Halaman Tambah Pembayaran
Pada halaman ini berisi form – form untuk memasukan data pembayaran siswa dan diproses untuk mengolah data pembayaran.
Gambar 3.16.
Antarmuka Halaman Tambah Pembayaran
K. Implementasi Antarmuka Halaman Cetak dan Hapus Pembayaran
Pada halaman ini berisi form – form untuk memasukan data pembayaran siswa dan diproses untuk mencetak dan hapus data pembayaran.
Gambar 3.17. Antarmuka Halaman Cetak dan Hapus Pembayaran
embay
L. Implementasi Antarmuka Halaman Rekap Perhari
Pada halaman ini berisi form – form untuk memasukan tanggal p
aran.
Gambar 3.18. Antarmuka Halaman Rekap Tanggal Tertentu
M. Implementasi Antarmuka Halaman Rekap Perbulan
an bulan pembayaran
dan tahun.
Pada halaman ini berisi form – form untuk memasuk
Gambar 3.19. Antarmuka Halaman Rekap Perbulan
N. Implementasi Antarmuka Halaman Rekap Pertahun
Pad bayaran.
a halaman ini berisi form – form untuk memasukan tahun pem
Gambar 3.20. Antarmuka Halaman Rekap Pertahun
BAB IV IMPLEMENTASI PERANGKAT LUNAK
Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut
dijalankan.
4.1 Lingkungan Pemrograman
Perancangan aplikasi web dikembangkan dalam lingkungan pemrograman dengan spesifikasi teknis sebagai berikut ini :
1. Windows XP Profesional Edition SP.2 sebagai sistem operasi.
2. Rational Rose 2000 untuk pembuatan desain.
3. XAMPP sebagai web development tool.
4. MYSQL sebagai database.
5. PHP5 dan Ajax JQuery versi 1.4
6. SQLyong sebagai frontend software bagi admin untuk mengolah database.
7. Adobe Dreamweaver CS4 sebagai editor program.
4.2 Lingkungan uji coba
Uji coba akan dilakukan pada beberapa browser mengingat perangkat lunak atau aplikasi yang dikembangkan adalah aplikasi berbasis web. Dalam
proses ini diharapkan akan diketahui bagaimana tingkat kompatibilitas dari aplikasi ini terhadap browser yang berlainan. Browser yang akan digunakan
adalah Internet Explorer . Browser tersebut telah banyak digunakan oleh masyarakat luas.
57
