Perancangan Antar Muka Perancangan Sistem

4.2.4.2 Perancangan Input

Perancangan input yaitu sebuah tampilan yang dirancang sebagai tempat untuk memasukan data-data yang diberikan oleh pengguna sistem user. Pengguna atau user dalam aplikasi dibagi ke dalam 2 tipe yaitu admin, petugas. 1. Rancangan login pengguna admin, petugas Gambar 4.19 Desain menu login pengguna yang diusulkan Desain halaman login pengguna ini adalah halaman utama yang tampil ketika user membuka aplikasi. Halaman ini meminta inputan username, password dan sebagai atau tipe user yang ada hak akses, juga dilengkapi dengan tombol login . Header Username : passw ord Sebagai : 2. Rancangan input menu jenis buku Gambar 4.20 Desain input jenis buku yang diusulkan Desain halaman untuk input jenis buku di akses oleh admin. Ketika petugas perpustakaan mengklik tombol simpan dan kemudian inputannya di simpan ke database yang telah terkoneksi. 3. Rancangan input kategori buku Gambar 4.21 Desain input data kategori buku yang diusulkan Desain halaman untuk input kategori buku di akses oleh admin. Ketika petugas perpustakaan mengklik tombol simpan dan kemudian inputan data kategori buku di simpan ke database yang telah terkoneksi. Header Simpan Jenis buku : Header Simpan Jenis buku : Kat egori buku: 4. Rancangan input buku Gambar 4.22 Desain input buku yang diusulkan Desain halaman untuk input kategori buku di akses oleh admin. Ketika petugas perpustakaan mengklik tombol simpan dan kemudian inputan tentang data buku di simpan ke database yang telah terkoneksi. 5. Rancangan input data siswaanggota Header Simpan Kat egori buku: Judul buku : Tingkat an buku : Penerbit : Pengarang: Deskripsi buku: Jumlah buku : Gambar 4.23 Desain input data siswaanggota yang diusulkan Desain halaman untuk input data siswaanggota di akses oleh admin. Input an data siswaanggota ini nantinya terhubung dengan petugas perpustakaan ketika seorang siswasiswi akan meminjam buku. 6. Rancangan input data pengguna Header Simpan Tahun ajar: No Telp : Alamat : Tanggal Lahir : dd-mm-yy Tempat : Jenis Kelamin : Nama : NIS : Kelas : Gambar 4.24 Desain input data pengguna yang diusulkan Desain halaman untuk input data user ini dapat di akses oleh setiap user yang sudah ada.

4.2.4.3 Perancangan Output

Perancangan Output atau keluaran merupakan hasil dari pengolahan data yang diterima dari proses masukan data berupa informasi yang berguna bagi pengguna atau user. Adapun rancangan output dari sistem informasi perpustakaan SMP Negeri 1 Cileunyi adalah sebagai berikut : Header Simpan hak akses : passw ord : nama : username : 1. Rancangan output data siswaanggota Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data siswaanggota yang telah tersimpan di database yang telah di input kan admin. . Gambar 4.25 Desain tampilan output data siswaanggota yang diusulkan 2. Rancangan output data jenis buku Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data jenis buku yang telah tersimpan di database yang telah di input kan petugas perpustakaan. Header Logout NIS Nama JK No Telp Kelas Tahun Ajar Opt ion edit hapus Tambah Dashboard M ast er Pengat uran Gambar 4.26 Desain output data jenis buku yang diusulkan 3. Rancangan output kategori buku Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data buku yang telah tersimpan di database yang telah di inputkan petugas perpustakaan. Gambar 4.27 Desain output data kategori buku yang diusulkan 4. Rancangan output data buku Header Logout no Id jenis Jenis buku Opt ion edit hapus Tambah Dashboard M ast er Pengat uran Header Logout no Id kat egori Jenis buku Kat egori Opt ion edit hapus Tambah Dashboard M ast er Pengat uran Desain tampilan keluaran ini adalah tampilan berupa tabel yang berisi data buku yang telah tersimpan di database yang telah di inputkan petugas perpustakaan. Gambar 4.28 Desain output data buku yang diusulkan Header Logout No Id buku Kat egori Nama buku Pengarang Penerbit St at us opt ion edit hapus Tambah Dashboard M ast er Pengat uran 83 BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Implementasi adalah suatu proses penerapan rancangan program yang telah dibuat kedalam sebuah aplikasi pemrograman sesuai dengan tujuan yang diharapkan dari program aplikasi tersebut. Kegiatan implementasi dilakukan dengan dasar yang telah direncanakan dalam tahap perancangan. Implementasi dari sistem informasi perpustakaan SMP Negeri 1 Cileunyi, dilakukan menggunakan bahasa dan lingkungan pemrograman PHP dengan adobe dreamweaver 8 sebagai perangkat lunaknya, dan juga bahasa SQL sebagai basis data dengan MySQL sebagai perangkat lunaknya. Bahasa pemograman PHP tersebut dapat dijalankan pada berbagai platform sistem operasi dan perangkat keras, tetapi implementasi dan pengujian sepenuhnya hanya dilakukan di perangkat keras PC personal computer dengan system operasi Microsoft Windows XP

5.1.1. Batasan Implementasi

Dalam mengimplementasikan perangkat lunak, batasan sebagai pengendalian aplikasi ini ada beberapa hal yang perlu dibatasai dalam implementasi ini yaitu : 1. Perangkat lunak yang digunakan dalam pengimplementasian basis data ini adalah MySQL yang telah terkompilasi kedalam sebuah perangkat lunak bebas yaitu xampp 1.6.8 2. Tampilan untuk aplikasi menggunakan bahasa Indonesia.

5.1.2. Implementasi Perangkat Lunak

Dalam pengimplementasian aplikasi, perangkat lunak yang digunakan sebagai berikut: a. Windows XP b. XAMPP 1.7.4 untuk lokal internet dan penyimpanan database. c. Macromedia Dreamweaver 8 d. Mozilla Firefox 11 sebagai browser. e. XAMPP yang terdiri dari : 1. PHPMYADMIN 2. MySQL

5.1.3. Implementasi Perangkat Keras

Kebutuhan perangkat keras hardware yang diperlukan untuk mengimplementasikan program aplikasi yang dibuat adalah perangkat keras : 1. Server : a. Processor Core 2 Duo 2,2 Ghz. b. Menggunakan RAM 2 GB. c. Harddisk 320 GB. d. Keyboard, Monitor dan Mouse. 2. Client a. Processor Intel Antom b. Menggunakan minimal RAM 1 GB. c. Harddisk 160 Gb. d. Keyboard, Monitor dan Mouse.

5.1.4. Implementasi Basis Data Sintaks SQL