umum sistem, spesifikasi kebutuhan sistem, perancangan proses, perancangan basis data dan perancangan antar muka.
3.2.1 Deskripsi Umum sistem
Secara umum, alur yang terjadi dalam aplikasi in dapat dijelaskan melalui tabel berikut :
Tabel 3.2.1.1 Flowchart Alur Administrator Pada Sistem
Admin User Sistem
Start Memproses data
login login
Memproses data Hasil
memproses data
Tampilan sistem
Input, update, delete data
user dan koleksi
Tampilan Hasil proses
data Logout
Memproses logout Logout
End
Keterangan :
Admin atau administrator login terlebih dahulu ke sistem aplikasi kemudian admin dapat melakukan penambahan, perubahan, penghapusan pada data user
ataupun data koleksi, kemudian sistem akan memproses dan menampilkan hasil proses data. Untuk keluar maka admin harus logout dari sistem aplikasi.
Tabel 3.2.1.2 Flowchart Alur Member Pada Sistem
Member Sistem
Start Memproses data
login login
Memproses data Hasil
memproses data
Tampilan sistem
Update data, unduh koleksi
Tampilan Hasil proses
data Logout
Memproses logout Logout
End
Keterangan :
Member login terlebih dahulu ke sistem aplikasi kemudian member dapat merubah data serta mengunduh koleksi yang berbentuk digital. Untuk keluar maka
user harus logout dari sistem aplikasi.
3.2.2 Perancangan Proses
Data Flow Diagram DFD dapat digunakan sebagai alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat
digunakan untuk penggambaran analisis maupun rancangan sistem.
3.2.2.1 Context Diagram
Context Diagram menjelaskan gambaran umum mengenai sistem dan entitas eksternal yang berinteraksi dengan sistem serta arah informasi yang masuk
dan keluar antara entitas luar dengan sistem. Jadi pada contect diagram ini dapat di lihat entitas – entitas dan proses yang terjadi seperti pada gambar berikut :
Catatan T elephone
Kode_Pos Photo
Jenis_Kelamin
E_Mail T anggal_Lahir
Alamat T empat_Lahir
Nama Id
Sistem Perpustakaan Online Studi Kasus UPN veteran Jawa T imur
+
Member Mahasiswa
Gambar 3.1 Context Diagram
Pada diagram context terdapat 2 entitas yang terlibat dalam sistem, yaitu : user dan admin.
Admin berinteraksi dengan sistem antara lain yaitu login ke sistem, melihat, menambah, merubah serta menghapus data user dan data koleksi.
Table berikut menjelaskan definisi masing – masing dari entitas tersebut :
Tabel 3.2.2.1 Entitas sistem No
Entitas Definisi
1 Admin
Petugas perpustakaan. 2
Member Member dapat merubah data member serta mengunduh
koleksi yang berbentuk digital, member berupa member mahasiswa.
Dari tabel tesebut dapat dilihat bahwa kedua entitas tersebut memiliki peranan masing – masing dalam sistem aplikasi ini, antara lain :
1. Admin : menambah, merubah, menghapus data user serta data
koleksi. 2. Member
: member dapat login terlebih dahulu lalu dapat merubah data member serta mengunduh koleksi yang berbentuk
digital.
3.2.2.2 DFD Level 0
Jenis_Kelamin Photo Catatan
Telephone Kode_Pos
Data Buku Data Buku
Id
Data Pengarang Data Pengarang
Data Kategori Data Kategori
Data Penerbit Data Penerbit
Data Denda Data Denda
Data Denda
Data Pengembalian Data Pengembalian
Data Buku Id
Data Peminjaman Data Peminjaman
Data Buku Data Buku
Data Member Data Member
E_Mail
Tanggal_Lahir Alamat
Tempat_Lahir Nama
Id Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa 1
Pendaftaran
2 Penambahan
Buku 3
Peminjaman 4
Pengembalian
5 Download
Member
Buku Peminjaman
Fines
kategori Master_Pengarang
Master_Penerbit Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa Member
Mahasiswa
Gambar 3.2 DFD Level 0
Keterangan :
Untuk proses awal yaitu Member menginputkan data login ke dalam sistem untuk diproses oleh sistem. Kemudian setelah selesai login. admin
mengelola data member dan data koleksi buku serta transaksi buku. Setelah login, member bisa mengelola data member dan bisa mengunduh file digital yang
tersedia. Kemudian dari data – data tersebut akan menghasilkan tabel member dan table koleksi yang kemudian data tersebut akan ditampilkan menurut hak
akses masing - masing setelah itu member dapat melakukan transaksi peminjaman dan apabila pada waktu pengembalian buku member melakukan keterlambatan
maka sistem akan mengirim data ke data member untuk memberikan info denda pada profile member di daftar peminjaman. .
3.2.3 Perancangan Basis Data
Perancangan basis data ini meliputi model data konseptual dan model data fisik. Model data konseptual memodelkan struktur logis dari keseluruhan
aplikasi data, tidak tergantung pada perangkat lunak atau pertimbangan model struktur data. Sedangkan model data fisik memodelkan struktur fisik dari
database, dengan mempertimbangkan perangkat lunak sistem manajemen basis data serta model struktur yang akan di gunakan. Hasil dari data model fisik
merupakan hasil generate dari data model konseptual.
3.2.3.1 Model Data Konseptual
Model data fisik yang terintegrasi dengan database MySql. Pembuatan model data fisik ini dengan cara meng-generate diagram data konseptual. Data
konseptual di buat dengan cara membuat entitas – entitas dan mengisi atribut – atribut pada masing – masing entitas, sesuai dengan atribut yang dimiliki pada
entitas.
memiliki 11 memiliki 10
melakukan memiliki 2
memiliki 9 memiliki 4
memiliki 3 memiliki
memiliki 5
memiliki 7 memiliki 8
memiliki 6 user
id_user nama_user
password pi Integer
Variable characters 50 Variable characters 20
M Identifier_1 pi
member id_member
nama_member jenis_kelamin
tempat_lahir tgl_lahir
alamat_member alamat_email
kode_pos foto_member
telephone_member catatan_member
tgl_masuk tgl_update_terakhir
pi Characters 10 Variable characters 100
Variable characters 12 Variable characters 100
Date Variable characters 200
Variable characters 100 Variable characters 10
Variable characters 100 Variable characters 50
Variable characters 200 Date
Date M
Identifier_1 pi koleksi_buku
id_buku judul_buku
edition_buku ISBN
tempat_terbit tahun_terbit
seri_buku foto_buku
file_tambahan tgl_masuk
catatan_buku tgl_update_terakhir
pi Integer Text 50
Variable characters 100 Variable characters 20
Variable characters 100 Integer
Variable characters 100 Variable characters 100
Variable characters 100 Date
Variable characters 200 Date
M
Identifier_1 pi transaksi_peminjaman
id_peminjaman tgl_peminjaman
status_keluar status_kembali
catatan_peminjaman tgl_pengembalian
pi Integer Date
Integer Integer
Variable characters 100 Date
M
Identifier_1 pi
master_pengarang ID_PENGARANG
nama_pengarang Level
tgl_masuk tgl_update_terakhir
pi Integer Variable characters 100
Integer Date
Date M
Identifier_1 pi master_penerbit
id_penerbit nama_penerbit
tgl_masuk tgl_update_terakhir
pi Integer Variable characters 50
Date Date
M Identifier_1 pi
supplier id_supplier
nama_supplier tgl_masuk
tgl_update_terakhir pi Integer
Variable characters 50 Date
Date M
Identifier_1 pi preference
id_preference pi Integer M Identifier_1 pi
kategori id_kategori
Kategori_buku tgl_masuk
tgl_update_terakhir pi Variable characters 10
Variable characters 100 Date
Date M
M
jenis_koleksi id_jenis
jenis_koleksi pi Integer
Variable characters 100 M
Identifier_1 pi Denda
id_denda tgl_denda
debet credit
catatan_denda pi Integer
Date Integer
Integer Variable characters 200
M
Identifier_1 pi
Master_item id_item
kode_item status_item
tgl_masuk tgl_update_terakhir
pi Integer Variable characters 20
Variable characters 100 Date
Date M
Identifier_1 pi
Master_Lokasi_Buku id_lokasi
nama_lokasi tgl_masuk
tgl_update_terakhir pi Variable characters 10
Variable characters 100 Date
Date M
Identifier_1 pi
Gambar 3.3 Model Data Konseptual
3.2.3.2 Model Data Fisik
Untuk membuat sebuah model data fisik pada aplikasi ini adalah dengan cara melakukan generate pada table konseptual yang terdapat pada gambar 3.3.
Gambar 3.4. Diagram Model Data Fisik
3.2.4 Perancangan Antar Muka
Perancangan antar muka merupakan perancangan halaman aplikasi yang berinteraksi langsung dengan pengguna sistem aplikasi. Pada aplikasi ini terdapat
antarmuka yang digunakan member dan admin menggunakan aplikasi berbasis web.
Member saat pertama kali mengakses sistem ini pada browser, antar muka yang disediakan adalah halaman index. Pada halaman index terdapat halaman
login melalui tulisan login. Sedangkan admin saat pertama kali mengakses sistem aplikasi webnya pada web browser , pertama halaman yang di sediakan adalah
halaman index, fungsinya sama dengan halaman index admin yaitu keduanya mencantumkan link yang berupa tulisan login bila di klik akan muncul form untuk
login dan langsung ke halaman login.
Pada halaman login member dapat memasukkan password untuk login ke halaman member, dimana pada halaman user berisi menu :
Home, Collection, , Edit Download, Profile dan Logout.
Sedangkan admin yang telah login akan masuk ke halaman admin dimana pada halaman ini terdapat menu : Home, Koleksi, Anggota, Master, Transaksi,
Report, Pengaturan dan logout.
3.2.4.1 Perancangan Antarmuka Member
Setelah Member berhasil login maka member akan dihadapkan dengan beberapa menu yaitu Home, Collection, Download, Profile dan Logout.
No Menu
Kegunaan
1 Collection
Untuk melihat daftar koleksi yang tersedia 2
Download Untuk melihat daftar koleksi digital dan
mengunduhnya 3
Profile Member Untuk edit data member serta melihat transaksi
peminjaman member tersebut 4
Logout Untuk keluar dari halaman user
Tabel 3.2.4.1 Menu Untuk Member
3.2.4.2 Perancangan Antarmuka Admin
Berikut adalah tabel perancangan antar muka admin pendaftaran :
No Menu
Kegunaan
1 Koleksi
Untuk melihat daftar koleksi serta melakukan pengolahan data koleksi yang ada, baik menambah,
merubah maupun menghapus 3
Anggota Untuk melihat daftar member serta melakukan
pengolahan data member yang ada, baik menambah, merubah maupun menghapus
4 Master
Untuk melihat daftar master serta melakukan pengolahan data master yang ada, baik menambah,
merubah maupun menghapus 5
Transaksi Untuk mengola data dari setiap transaksi yang
terjadi
7 Report
Untuk melihat serta mencetak data report laporan dari semua data yang ada
8 Pengaturan
Untuk mengatur perubahan password admin serta mengatur tipe pengiriman sms gateway
9 Logout
Untuk keluar dari halaman admin
Tabel 3.2.4.2 Menu Admin 3.2.5 Rancangan Implementasi Sistem
Pada sub – bab 3.3 ini akan dibahas mengenai implementasi rancangan sistem aplikasi yang di buat pada sub – bab 3.2 bagian implemantasi pada sub –
bab ini di bagi menjadi 4 bagian, yaitu : lingkungan implementasi, basis data,implemetasi antarmuka dan implementasi proses.
3.2.6 Lingkungan Implementasi
Pada bagian lingkungan implementasi ini akan dijelaskan perangkat keras dan perangkat lunak yang digunakan dalam perancangan dan pembuatan aplikasi
web perpustakaan online ini. •
Perangkat Keras
- Processor Intel Pentium Core
TM
2 Duo Processor T6570 2,1 Ghz, 800 MHz FSB
- Memori 1 Gb of RAM •
Perangkat Lunak o
Sistem Operasi Microsoft Windows XP Profesional SP2 o
XAMPP 1.7.0 PHP 5, MySql, Apache
o Mozila firefox versi 4 beta, opera sebagai web browser
o Adobe photosop CS 8.0
o Macromedia Dreamweaver 8
o Power Designer versi 12,5
o Power Designer versi 6
3.2.7 Implementasi Basis Data
Rancangan model data fisik pada bagian perancangan aplikasi di implementasikan ke dalam basis data MySQL. Keterangan lebih detail dapat di
lihat pada tabel – tabel berikut :
Tabel 3.2.7.1 Tabel user
No Tabel Kolom
Tipe Data Keterangan
1 User
id_user Integer
Primary_key 2
nama_user Varchar50
3 password
Varchar 20
Tabel 3.2.7.2 Tabel member
No Tabel Kolom
Tipe Data Keterangan
1 Member
id_member Char10
Primary key 2
nama_member Varchar 100
3 jenis_kelamin
Varchar 12 4
tempatlLahir Varchar100
5 tgl_lahir
Date 6
alamat_member Varchar100
7 alamat_email
Varchar100 8
kode_pos Varchar 10
9 foto_member
Varchar100 10
telephone_member Varchar 50
11 tgl_masuk
Date 12
tgl_update_terakhir Date
13 catatan_member
Varchar200
Tabel 3.2.7.3 Tabel Koleksi buku
No Tabel Kolom
Tipe Data Keterangan
1 koleksi_buku id_buku
Int11 Primary key
2 id_penerbit
Int11 foreign key
3 id_kategori
Varchar 10 foreign key
4 id_jenis
Int11 foreign key
5 judul_buku
Text 6
edition_buku Varchar 100
7 ISBN
Varchar 20 8
tempat_terbit Varchar100
9 tahun_terbit
Int11 10
seri_buku Varchar 100
11 foto_buku
Varchar 255 12
file_tambahan Varchar 255
13 tgl_masuk
Date 14
tgl_update_terakhir Date
15 catatan_buku
Varchar 200
Tabel 3.2.7.4 Tabel pengarang buku
No Tabel Kolom
Tipe Data Keterangan
1 Pengarang_buku id_buku
Int11 Primary key
2 id_pengarang
Int11 Primary key
Tabel 3.2.7.5 Tabel master pengarang
No Tabel Kolom
Tipe Data Keterangan
1 Master_pengarang id_pengarang
Int11 Primary key
2 nama_pengarang
Varchar 100 3
tgl_masuk Date
4 tgl_update_terakhir
Date 5
Level Int
Tabel 3.2.7.6 Tabel Preference
No Tabel Kolom
Tipe Data Keterangan
1 preference
id_preference Int11
Primary key 2
id_member Char 10
foreign key 3
id_kategori Varchar 10
foreign key
Tabel 3.2.7.7 Tabel denda
No Tabel Kolom
Tipe Data Keterangan
1 Denda
id_denda Int11
Primary key 2
id_member Char 10
foreign key 3
tgl_denda Date
4 debet
Int11 5
credit Int11
6 catatan_denda
Varchar 200
Tabel 3.2.7.8 Tabel Master item
No Tabel Kolom
Tipe Data Keterangan
1 Master_Item
id_item Int 11
Primary key 2
id_lokasi Varchar 10
foreign key 3
id_buku Int 11
foreign key 4
id_supllier Int 11
foreign key 5
kode_item Varchar 20
6 status_item
Varchar 100 7
tgl_masuk Date
8 tgl_update_terakhir
Date
Tabel 3.2.7.9 Tabel Kategori
No Tabel Kolom
Tipe Data Keterangan
1 Kategori
id_kategori Varchar 10
Primary key 2
kategori_buku Varchar 100
3 tgl_masuk
Date 4
tgl_update_terakhir Date
Tabel 3.2.7.10 Tabel jenis koleksi
No Tabel Kolom
Tipe Data Keterangan
1 Jenis_koleksi id_jenis
Int11 Primary key
2 Jenis_koleksi
Varchar 100
Tabel 3.2.7.11 supllier
No Tabel Kolom
Tipe Data Keterangan
1 supllier
id_supllier Int11
Primary key 2
nama_supllier Varchar 50
3 tgl_masuk
Date 4
tgl_update_terakhir Date
Tabel 3.2.7.12 Transaksi Peminjaman
No Tabel Kolom
Tipe Data Keterangan
1 Transaksi Peminajaman id_peminjaman
Int11 Primary key
2 id_member
Char 30 3
id_item Int11
4 tgl_peminjaman
Date 5
tgl_pengembalian Date
6 status_keluar
Char 1 7
status_kembali Char 1
8 catatan Peminjaman
Varchar100
Tabel 3.2.7.13 master lokasi buku
No Tabel Kolom
Tipe Data Keterangan
1 Master_lokasi_buku
id_lokasi Varchar10
Primary key 2
nama_lokasi Varchar100
3 tgl_masuk
Date 4
tgl_update_terakhir Date
Tabel 3.2.7.14 Master Penerbit
No Tabel Kolom
Tipe Data Keterangan
1 Master_penerbit Id_penerbit
Int11 Primary_key
2 Nama_penerbit
Varchar 50 3
Tgl_masuk Date
4 Tgl_update_terakhir
Date Tabel – tabel di atas merupakan keterangan tabel hasil generate data
model konsep menjadi model data fisik yang dalam keterangan tersebut disebutkan juga primary key dan foreign key-nya.
3.2.8 Rancangan Antarmuka