bab iii

21
BAB III TAHAP PENGERJAAN Desain dan keperluan-keperluan dalam pembuatan aplikasi yang menunjang tulisan ini dapat dimulai dengan membuat langkah-langkahnya terlebih dahulu. Gambar Tahap – tahap pengerjaan Guide User Interface ( GUI ), antara lain : 1. Desain Halaman Web 2. Metode pengumpulan data 3. Alat penelitian 4. Tahapan 5. Pembuatan database dan script Perencanaan sistem, antara lain : 1. Context Diagram ( CD ) 2. Hierarchy Chart ( Bagan Berjenjang ) 3. Data Flow Diagram ( DFD ) Perancangan Database,antara lain : 1. Relationship Diagram 30

Upload: hafid

Post on 03-Sep-2015

216 views

Category:

Documents


0 download

DESCRIPTION

elektro

TRANSCRIPT

BAB IV

44

BAB III TAHAP PENGERJAAN

Desain dan keperluan-keperluan dalam pembuatan aplikasi yang menunjang tulisan ini dapat dimulai dengan membuat langkah-langkahnya terlebih dahulu.

Gambar Tahap tahap pengerjaan

Guide User Interface ( GUI ), antara lain :

1. Desain Halaman Web

2. Metode pengumpulan data

3. Alat penelitian

4. Tahapan

5. Pembuatan database dan script

Perencanaan sistem, antara lain :

1. Context Diagram ( CD )

2. Hierarchy Chart ( Bagan Berjenjang )

3. Data Flow Diagram ( DFD )

Perancangan Database,antara lain :

1. Relationship Diagram

2. Perancangan Tabel3. Guidance User Interface ( GUI )

3.1 Desain Halaman WEB

Desain halaman adalah bentuk dari struktur halaman website yang akan ditampilkan dari aplikasi web ini dapat dilihat pada gambar 3.0

Gambar 3.0 Desain halaman webKeterangan :

a. HeaderPada bagian ini berisi logo dan nama Instansib. Menu

Berisi menu utama, user menu data petugas, data peminjam, data penerbit, data kategori, data jenis, data buku, transaksi peminjaman, transaksi pengembalian, dan laporan keseluruhan transaksi.c. Isi

Pada bagian ini merupakan halaman utama dari menu-menu yang akan dipilih dan ditampilkan.

3.2Sistem Pendukung

Sistem pendukung dalam pembuatan sistem informasi aplikasi perpustakaan berbasis web menggunakan PHP dan MySQL ini adalah sistem perangkat keras dan sistem perangkat lunak.

3.2.1 Sistem Perangkat Keras

Perangkat keras atau hardware adalah sistem utama dari sebuah sistem komputer yang secara fisik terdiri dari komponen-komponen yang saling terkait yang terdiri dari masukan (input), proses (process) dan keluaran (output).Perangkat keras yang dibutuhkan guna mendukung kelancaran program di server dan di client adalah sebagai berikut:

No.Spesifikasi Komputer Client

MinimunSpesifikasi Server yang

Disarankan

1PC Processor 800 Mhz (Pentium IV)PC Processor Intel CPU U4100 @1,30 GHz

VGA Card 16 MB

RAM 512 MBRAM 1024 MB

HDD 20 GBHDD 160 GB

Tabel 3.1 Perangkat Keras Spesifikasi Minimun dan Standar

3.2.2 Sistem Perangkat Lunak

Perangkat lunak (software) merupakan salah pendukung dalam pembuatan program aplikasi sistem informasi perpustakaan ini. Perangkat lunak adalah sekumpulan perintah (program) yang berisi perintah-perintah untuk melaksanakan pengolahan data. Perangkat lunak terdiri dari sistem operasi dari bahasa pemrograman aplikasi. Perangkat lunak yang dibutuhkan untuk mengoperasikan aplikasi ini sebelum dihubungkan ke internet :

JenisKebutuhan

Sistem operasi ClientWindows, Linux

Bahasa pemrogramanPHP

DatabaseMySQL

Design Website dan Cascading Style Sheets (CSS)Adobe Dreamweaver CS 4

Web ServerXampp

Web BrowserMozilla Firefox,Internet Exploler,Opera,Safari

Tabel 3.2 Perangkat Lunak yang dibutuhkan

3.3Perancangan AplikasiSebelum memulai untuk membuat aplikasi tersebut, penulis merancang database terlebih dahulu. Karena tanpa perancangan konsep yang benar di awal pembuatan sebuah sistem maka nantinya pasti akan timbul banyak kesalahan. Kesalahan kesalahan fatal yang kadang mengharuskan pembuat untuk membuat databasenya dari awal lagi. Akan tetapi jika pada awalnya kita sudah membuat sebuah konsep yang bagus walaupun tidak sempurna, pada saat pembuatan sistem nantinya jika terjadi kesalahan atau kekurangan maka hanya perlu dilakukan perbaikan perbaikan kecil saja.

3.3.1CD (Context Diagram)Langkah pertama adalah membuat Context Diagram. yaitu diagram yang menggambarkan sistem sebagai pusat dari diagram dan entityentity luar lainnya yang memberikan input output yang lebih detail.

Gambar 3.1 Context Diagram

3.3.2Hirarki Chart (Bagan Berjenjang)

Pada bagian ini digunakan untuk mempersiapkan penggambaran diagram arus data untuk menuju ke level-level lebih bawah lagi. Bagan berjenjang ini dapat digambar dengan notasi proses yang digunakan di diagram arus data. Untuk aplikasi administrasi perpustakaan berbasis web menggunakan PHP & MySQL ini, semua proses-proses yang ada bisa digambarkan sesuai dengan jenjangnya.

Gambar 3.2 Herarki chart

3.3.3DFD (Data Flow Diagram)

Langkah ketiga adalah membuat sebuah DFD (Data Flow Diagram) yang merupakan penjabaran awal dari proses sistem yang kita buat sebelumnya pada context diagram. Pada DFD tahap ini belum muncul tabel tabel, akan tetapi hanya ada datastore menggunakan database secara umum.

Langkahlangkah pembuatan DFD adalah sebagai berikut:

1. Tentukan prosesproses yang akan ada di dalam sistem.

2. Gambar DFD dengan menentukan dari proses mana saja tiap input/output.

Gambar 3.3 Data Flow Diagram Pada gambar DFD di atas ada proses yang saling berhubungan. Yaitu :1. Dari terminator admin melakukan 3 inputan yaitu,

a. Input Petugas yang akan di pakai untuk memasuki halaman petugasb. Input penerbit yang diproses dalam pendataan penerbit lalu disimpan dalam datastore penerbit yang akan digunakan pada proses dataan buku.c. Input jenis buku yang diproses dalam pendataan jenis buku yang akan ditampilkan dalam halaman petugas.

2. Dari terminator petugas terbagi menjadi 2 karena space tidak cukup, di petugas pertama melakukan 3 inputan yaitu,a. Input data Peminjam yang diproses dalam pendataan registrasi anggota lalu disimpan dalam datastore mahasiswab. Input data peminjaman yang diproses dalam data peminjaman buku lalu disimpan dalam data peminjam.c. Input data pengembalian diambil dari datastore peminjam dan diproses ke pengembalian lalu disimpan di pengembalian.3. Dari terminator petugas selanjutnya melakukan 1 inputan yaitu,

a. Input buku yang diproses dalam pendataan buku yang disimpan dalam datastore buku yang akan digunakan pada proses pembuatan laporan buku dan pencarian.b. Selanjutnya output data penerbit dan jenis buku ditampilkan di halaman petugas guna mempermudah proses pencarian.

Gambar 3.4 tabel relasi

3.4Kamus DataENTITYATRIBUT

BukuKd_buku, judul_buku, isbn, penulis, kd_penerbit, tahun_penerbit, jumlah_halaman, bonus, bahasa, jumlah, file_gambar, sinopsis, lokasi_rak,kd_jenis.

penerbitKd_penerbit, nama_penerbit

kategoriKd_kategori, nama_kategori

jenisKd_jenis,nm_jenis, kd_penerbit

petugasKd_petugas, nm_petugas,usernasme, password

Peminjaman itemNo_peminjam, kd_buku, nomor_buku

siswaKd_siswa, nm_siswa, kelamin, agama, tempat_lahir, tanggal_lahir, alamat, no_telpon, status_aktif, status_pinjaman.

peminjamNo_peminjam, tgl_peminjam, tgl_hrs_kembali, kd_siswa, status_pinjaman, kd_petugas.

pengembalianno_pengembalian, no_peminjaman, tgl_kembali, denda, keterangan, kd_petugas.

adminKd_admin ,nm_admin, username, password

Tabel 3.3 Tabel Atribut EntityMenentukan relationship antar entityENTITYRELATIONSHIPENTITY

PenerbitData penerbitBuku

JenisData jenisBuku

BukuData bukuPeminjaman_item

SiswaData siswaPeminjaman

Pengembalian Data pengembalian Peminjaman

petugasData petugasPengembalian

petugasData petugaspeminjaman

Tabel 3.4 Tabel Relationships Entity ke Entity3.5 Perancangan Tabel

Setelah perancangan database selesai dilakukan, sekarang saatnya untuk membuat tabel-tabel pada database tersebut. Perangkat lunak yang digunakan untuk membuat database kali ini adalah MySql PHPMYADMIN. PhpMyAdmin yang digunakan adalah PhpMyAdmin 2.9.2 bawaan dari paket XAMPP Versi 1.8.0Pertama-tama buka XAMPP control panel, lalu klik tombol start pada Apache dan MySql untuk menjalankan mereka sebagai service. Lalu bukalah web browser dan ketikkan http://localhost/phpmyadmin. Pada awal mengakses phpmyadmin ini, area phpmyadmin anda akan sangat tidak aman. Hal itu dikarenakan secara default phpmyadmin akan menggunakan root sebagai user defaultnya dan juga tanpa pasword apapun.Setelah itu saatnya membuat database. Pada halaman home phpmyadmin terdapat sebuah textfield kosong yang diatasnya terdapat tulisan Create new database. Isikan textfield tersebut dengan nama database yang diinginkan (database=putakadb), lalu tinggalkan pilihan lainnya secara default dan klik tombol Create. Jika sudah, maka akan ada pesan sukses. Kemudian buatlah tabel sesuai dengan konsep dan perancangan yang telah dibuat sebelumnya.3.5.1Database pustakadb Nama Tabel: bukuKunci primer : kd_bukuJumlah field : 14Keterangan : Tabel ini untuk menyimpan data buku.Tabel 3.5 bukuFieldTypeKeterangan

kd_buku*char 6no. buku

Judul_bukuvarchar 200Nama buku

Isbn varchar 20Serial number

Penulis varchar 100Nama penulis

Kd_penerbit**char 4Kode penerbit

Tahun_penerbitint 4Tahun penerbit

Jumlah_halamanint 4Jumlah halaman

Bonus varchar 20kelengkapan

Bahasa varchar 20Bahasa

Jumlah int 4Jumlah buku

File_gambarvarchar 100Gambar buku

Synopsis textrangkuman

Lokasi_rakvarchar 20Lokasi rak

Kd_jenis**char 4Kode jenis

Nama Tabel: PenerbitKunci primer : kd_penerbitJumlah field : 2

Keterangan: Tabel ini untuk menyimpan data penerbitTabel 3.6 penerbitFieldTypeKeterangan

Kd_penerbit*Char 4Kode penerbit

Nm_penerbitVarchar 100Nama penerbit

Nama Tabel: KategoriKunci primer : kd_kategoriJumlah field : 2Keterangan: Tabel ini untuk menyimpan data kategori.Tabel 3.7 kategoriFieldTypeKet

kd_kategori*char 4kode kategori

nama_kategorivarchar 100nama kategori

Nama Tabel: peminjamanKunci primer : no_peminjamJumlah field : 5

Keterangan:Tabel ini untuk menyimpan data peminjamanTabel 3.8 transaksiFieldTypeKet

No_peminjam*char 7Nomer transaksi

Tgl_peminjamdateTanggal transaksi

Tgl_hrs_kembalidateTangga l pengembalian

Kd_siswa**

char 5Id peminjam

Kd_petugas**char 3Id petugas

Nama Tabel: peminjaman_itemKunci primer : no_peminjamanJumlah field : 3Keterangan: Tabel ini untuk menyimpan data peminjam bukuTabel 3.9 peminjamFieldTypeKet

No_peminjam**char 7No peminjam

Kd_buku**char 6Kode buku

Nomer_bukuvarchar 20Nomer buku

Nama Tabel: pengembalianKunci primer : kd_pengembalianJumlah field : 6Keterangan: Tabel ini untuk menyimpan data pengembalianTabel 3.10 pengembalianFieldTypeKeterangan

No_pengembalian*char 5Nomer pengembalian

No_peminjaman**char 7Nomer peminjaman

Tgl_kembalidateTanggal pengembalian

DendaInt 12Denda

Keteranganvarchar 100Catatan

Kd_oetugaschar 3petugas

Nama Tabel: mahasiswaKunci primer : kd_mahasiswaJumlah field : 10Keterangan: Tabel ini untuk menyimpan data peminjamTabel 3.11 anggotaFieldTypeKeterangan

Kd_siswa*char 5no. catatan medis

Nm_siswavarchar 100tanggal kunjungan

Kelamin enum (laki,perempuan)nip pegawai

Agama varchar 20periksa

Tempat_lahirvarchar 100anamnesis

Tanggal_lahirdate Tekanan darah

Alamat varchar 200Tekanan darah

No_teleponvarchar 20tindakan

Status_aktifenum(aktif,tidak)kode periksa

Status_pinjamanenum(bebas,pinjam)kode penyakit

Nama Tabel: petugas Kunci primer : nm_petugasJumlah field : 4Keterangan: Tabel ini untuk menyimpan data petugasTabel 3.12 petugasFieldTypeKet

kd_petugas*char 3Kode petugas

Nm_petugasvarchar 100Nama

Usernamevarchar 20user

Passwordvarchar 100password

Nama Tabel: jenisKunci primer : idJumlah field : 3Keterangan: Tabel ini untuk menyimpan data jenis bukuTabel 3.13 jenisFieldTypeKet

Kd_jenis*Char 4Kd jenis

Nm_jenisvarchar 100Nama jenis

kd_kategori**varchar 4Kd kategori

Aplikasi Perpustakaan berbasis web

Universitas Balikpapan

1

Pembentukan data buku

2

Proses Pembentukan data mahasiswa

3

Proses pendataaan jenis buku

4

Proses pendataan penerbit

5

Proses

Pembuatan petugas

1.1

Proses pembentukan

peminjaman

1.2

Proses pembentukan pengembalian

2.1

Proses Laporan data Anggota

3.1

Proses Laporan jenis buku

4.1

Proses Laporan penerbit

5.1

Proses Pembentukan data petugas

1.1.1

Laporan peminjaman

1.1.2

Laporan pengembalian

30

_1492415559.vsdGudance UserInterface

Perencanaan sistem

Perancangan Database

_1492011450.vsdAdmin

Data Petugas

Data Penerbit

Input Petugas

Input Penerbit

Petugas

Login

Petugas

Penerbit

Data Penerbit

Data Buku

Input Buku

Buku

Jneis Buku

Input Jenis

Jenis

Jenis Buku

Petugas

RegistrasiAnggota

Input Anggota

PeminjamanBuku

Input Peminjaman

PengembalianBuku

Input Pengembalian

Peminjaman

Pengembalian