Tampilan web yang diakses user dan menghasilkan data hasil proses masukkan yang kemudian dapat dilihat pada web browser dan internet.
3.2 Perancangan Sistem
Pada bab ini akan menjelaskan mengenai proses desain dari sistem yang akan dibuat. Proses desain bab ini dibagi menjadi 5 tahapan yaitu : deskripsi
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 ini dapat dijelaskan melalui table berikut :
Gambar 3.1 Flowchart Alur Administrator Pada Sistem
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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.
Gambar 3.2 Flowchart Alur User Pada Sistem
Keterangan : User login terlebih dahulu ke sistem aplikasi kemudian user dapat merubah data
serta mengunduh koleksi yang berbentuk digital. Untuk keluar maka user harus logout dari sistem aplikasi
User 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
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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 Context Diagram ini dapat dilihat entitas-entitas dan proses yang terjadi seperti pada
gambar berikut :
File
File File
Fhoto Telp
Alamat Password
Nama Username
Fhoto Telp
Alamat Password
Nama Username
Fhoto Telp
Alamat Password
Nama Username
Sistem Perpustakaan Online Berbasis Web
Dengan Teknologi Ajax
+
Mahasiswa Umum
Dosen
Gambar 3.3 Context Diagram
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Pada context diagram 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.
Tabel berikut menjelaskan definisi masing – masing dari entitas tersebut :
Tabel 3.1 Entitas sistem
No Entitas
Definisi
1 Admin
Petugas perpustakaan. 2
Member Member dapat merubah data user serta mengunduh
koleksi yang berbentuk digital.
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.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.2.2.2 DFD Level 0
[File] [File]
[File] Data Artikel
Data Artikel
Data Artikel Data Artikel
Username
Username Username
Data Artikel Username
Data Artikel Id
Data Artikel Username
[Fhoto] [Telp] [Alamat] [Password]
[Nama] [Username]
[Fhoto] [Telp]
[Alamat] [Password]
[Nama] [Username]
Data Member Data Member
[Fhoto] [Telp]
[Alamat] [Password]
[Nama] [Username]
Mahasiswa Mahasiswa
Mahasiswa Mahasiswa
Mahasiswa Mahasiswa
Dosen Dosen
Dosen Dosen
Dosen Dosen
Umum Umum
Umum Umum
Umum Umum
1 Pendaftaran
+
3 Upload
5 Download
+
Member
Artikel Dosen
Mahasiswa Umum
Gambar 3.4 DFD Level 0
Keterangan : Untuk proses awal yaitu admin dan user menginputkan data login ke dalam
sistem untuk diproses oleh sistem. Kemudian setelah selesai login, admin
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
mengelola data member dan data koleksi. Setelah login user bisa mengelola data user. Kemudian dari data – data tersebut akan menghasilkan tabel user dan table
koleksi yang kemudian data tersebut akan ditampilkan menurut hak akses masing
- masing. 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.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 3.5 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
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 3.6 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 user dan admin mengunakan
aplikasi berbasis web.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
User saat pertama kali mengakses system 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 disediakan adalah halaman index, fungsinya sama dengan halaman
index user yaitu keduanya mencantumkan link yang berupa tulisan login bila di klik akan muncul form untuk login dan langsung ke halaman login.
Pada halaman login user dapat memasukkan username dan password untuk login ke halaman member, dimana pada halaman member
berisi menu : Pofile, Download dan Logout.
Sedangkan admin yang telah login akan masuk ke halaman admin dimana pada halaman ini terdapat menu : Artikel, Member, Kategori,
Jurusan, Tipe, Status, Bahasa dan Logout.
3.2.4.1 Perancangan Antarmuka Member
Setelah user berhasil login maka user akan dihadapkan dengan beberapa menu yaitu, Profile, Edit Profile, Download dan Logout.
Tabel 3.2 Menu Member No
Menu Kegunaan
1 Profile
Untuk melihat dan merubah data member 2
Koleksi Untuk melihat daftar koleksi digital dan
mengunduhnya 3
Logout Untuk keluar dari halaman member
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
3.2.4.2 Perancangan Antarmuka Admin
Berikut adalah tabel perancangan antar muka admin pendaftaran :
Tabel 3.3 Menu Admin No
Menu Kegunaan
1 Artikel
Untuk melihat daftar koleksi serta melakukan pengolahan data koleksi yang ada, baik
menambah, merubah maupun menghapus
2 Member
Untuk melihat daftar member serta melakukan pengolahan data member yang ada, baik
menambah, merubah maupun menghapus
3 Kategori
Untuk melihat daftar kategori serta melakukan pengolahan data kategori yang ada, baik
menambah, merubah maupun menghapus
4 Jurusan
Untuk melihat daftar jurusan serta melakukan pengolahan data jurusan yang ada, baik
menambah, merubah maupun menghapus
5 Tipe
Untuk melihat daftar tipe member serta melakukan pengolahan data tipe member yang ada, baik
menambah, merubah maupun menghapus
6 Status
Untuk melihat daftar status artikel serta melakukan pengolahan data status artikel yang
ada, baik menambah, merubah maupun menghapus
7 Bahasa
Untuk melihat daftar bahasa serta melakukan pengolahan data bahasa yang ada, baik menambah,
merubah maupun menghapus
8 Logout
Untuk keluar dari halaman 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 implementasi pada sub – bab ini dibagi menjadi 4 bagian, yaitu : lingkungan
implementasi basis data,implemetasi antarmuka dan implementasi proses.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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 AMD Turion
TM
- Memori 2 Gb of RAM
Perangkat Lunak
- System Operasi Microsoft Windows XP Profesional SP3
- XAMPP 1.7 PHP 5, MySql, Apache
- Mozila firefox versi 4.0 sebagai web browser
- Adobe photosop CS
- Macromedia Dreamweaver 8
- Power Designer versi 12
3.2.7 Implementasi Basis Data
