UPN ”VETERAN” JAWA TIMUR
SKRIPSI
Oleh :
DONNY HERMAWAN
NPM. 0634010275JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAWA TIMUR
ii
KATA PENGANTAR
Alhamdulillah, Penulis bersyukur kepada Allah SWT atas semua Rahmat,
Taufik, dan Hidayah-Nya yang telah diberikan kepada penulis sehingga dapat
menyelesaikan Skripsi ini dengan baik.
Dalam menyelesaikan Skripsi ini, penulis berpegang pada teori serta
bimbingan dari para dosen pembimbing Skripsi. Dan berbagai pihak yang banyak
membantu hingga terselesaikannya Skripsi ini. Skripsi merupakan salah satu syarat
bagi mahasiswa untuk menyelesaikan program studi Sarjana Strata Satu (S-1) di
Jurusan Teknik Informatika Fakultas Teknologi Industri Universitas Pembangunan
Nasional “Veteran” Jawa Timur.
Terwujudnya Skripsi ini adalah berkat usaha, kerja keras serta dukungan dari
berbagai pihak. Dan tanpa menghilangkan rasa hormat, penulis mengucapkan banyak
terima kasih kepada pihak-pihak yang telah membantu penulis antara lain:
1. Prof. Dr. Ir. Teguh Soedarto, MP Selaku Rektor UPN “Veteran” Jawa Timur.
2. Ir. Sutiyono, MT Selaku Dekan Fakultas Teknologi Industri UPN “Veteran”
Jawa Timur.
3. Basuki Rahmat,S.Si,MT Selaku Kepala Jurusan Teknik Informatika UPN
kegiatan akademik untuk memberikan bimbingan dan kesempatan pada penyusun
untuk berkreasi dalam proses pembuatan Skripsi ini.
5. Fetty Tri Anggraeni, S.Kom Selaku dosen wali yang selama ini telah memberi
pengarahan dalam bidang akademik.
6. Bapak dan Ibu dosen Teknik Informatika yang telah memberikan ilmunya kepada
penulis selama menempuh kuliah.
7. Ayahanda tercinta, yang merupakan lelaki terhebat yang saya miliki karena
beliau saya bersemangat kuliah dan ibunda tersayang yang juga merupakan
perempuan yang kesabarannya tiada bandingnya dan doanya didunia ini. Adik
yang sangat menyayangi saya, terima kasih atas semuanya, saya tidak akan bisa
seperti ini tanpa keluargaku. Saya beruntung terlahir dikeluarga ini.
8. Teman-teman kuliah khususnya Dapit Setiahadi, S.Kom yang telah membantu
hingga tugas akhir ini selesai dan teman teman kuliah seperjuangan Aryo
Wibowo, S.Kom, Asrofi Nuchrowi, S.Kom, Abdul Aziz, S.Kom, Bagus U.P,
S.Kom, Hanif Virlandy, S.Kom, Hartatik, S.Kom, Yulisah Afrianti, S.Kom,
Eswima Tertio K, S.Kom, Firman Isnandi, S.Kom, Ratih Martadhian, SE, Fenty
Yulianti, S.Kom, Nanang Setya Perdana, ST, Mamik Triwindarti, S.Sos, Khoirul
iv
selama ini baik secara materi maupun non materi sehingga penulis dapat
menyelesaikan skripsi ini dengan sebaik – baiknya.
9. Teman- teman mahasiswa dan teman-teman diluar kampus yang tidak bisa saya
sebutkan satu persatu, terimakasih atas semua dukungan dan do’anya selama ini
dan terimakasih atas pertemanannya.
Penulis menyadari bahwa penulisan skripsi ini masih jauh dari
kesempurnaan, karena tiada gading yang tak retak. Oleh sebab itu, penulis
mengharapkan kritik dan saran yang bersifat membangun guna terciptanya
kesempurnaan penulisan ini selanjutnya. Semoga penulisan ini dapat menambah
wawasan serta ilmu pengetahuan bagi siapa saja yang membacanya.
Surabaya, 06 April 2011
DAFTAR ISI
ABSTRAK ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... v
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... x
2.1.1.Tentang Pasca Sarjana ... 11
2.1.2.Sejarah Pasca Sarjana ... 11
2.1.3.Visi dan Misi... 12
2.1.4.Struktur Organisasi Pasca Sarjana ... 12
2.1.5.Sistem Manajemen Karya Ilmiah Pasca Sarjana ... 15
2.2.PHP ... 15
2.4.3.PHPMyAdmin ... 20
BAB III ANALISA DAN PERANCANGAN SISTEM ... 24
3.1.Analisis Sistem ... 24
3.1.1.Level Pengguna dan Hak Akses ... 24
3.1.2.Masukan Data dan Keluaran Sistem ... 25
3.2.Perancangan Sistem ... 26
3.2.1.Deskripsi Umum Sistem ... 26
3.2.2.Perancangan Proses ... 28
3.2.3.Perancangan Basis Data ... 31
3.2.4.Perancangan Antar Muka ... 33
3.2.5.Rancangan Implementasi Sistem ... 35
3.2.6.Lingkungan Implementasi ... 36
3.2.7.Implementasi Basis Data ... 37
3.2.8.Rancangan Antar Muka ... 40
BAB IV IMPLEMENTASI PERANGKAT LUNAK ... 46
4.1.Lingkungan Pemrograman ... 46
4.2.Implementasi Database ... 47
4.3.Implementasi Antar Muka dan Pemrograman ... 50
4.3.1.Form Halaman Login ... 50
4.3.2.Halaman Member ... 51
4.3.3.Halaman Admin ... 54
BAB V UJI COBA ... 61
5.1.Lingkungan Uji Coba ... 61
5.2.Pelaksanaan Uji Coba Halaman Utama Sistem ... 62
5.3.Uji Coba Halaman Member ... 62
5.3.1.Uji Coba Halaman Login Member ... 63
5.3.2.Uji Coba Halaman Profile ... 64
5.3.3.Uji Coba Halaman Pencarian Koleksi ... 66
5.3.4.Uji Coba Halaman Koleksi ... 68
5.3.5.Uji Coba Halaman Logout ... 69
5.4.Uji Coba Halaman Admin ... 70
5.4.2.Uji Coba Halaman Artikel ... 71
5.4.3.Uji Coba Halaman Member ... 73
5.4.4.Uji Coba Halaman Logout ... 75
BAB VI PENUTUP ... 76
6.1. Kesimpulan ... 76
6.2. Saran ... 77
DAFTAR GAMBAR
Gambar 3.1. Flowchart Alur Administrator Pada Sistem ... 26
Gambar 3.2. Flowchart Alur User Pada Sistem... 27
Gambar 3.3. Context Diagram ... 28
Gambar 4.1. Pembuatan Database “digilibpasca” ... 47
Gambar 4.2. Pembuatan Tabel “ARTIKEL” ... 47
Gambar 4.3. Pembuatan Tabel “ARTIKEL_MEMBER” ... 47
Gambar 4.4. Pembuatan Tabel “BAHASA” ... 48
Gambar 4.15. Halaman Change Password... 54
Gambar 4.16. Halaman Admin ... 54
Gambar 4.18. Halaman Member ... 56
Gambar 5.3. Keterangan Login Member Berhasil ... 63
Gambar 5.4. Keterangan Login Member Gagal ... 64
Gambar 5.5. Halaman Profile ... 64
Gambar 5.6. Form Edit Profile ... 65
Gambar 5.7. Keterangan Perubahan Berhasil ... 66
Gambar 5.8. Pencarian Pada Koleksi ... 66
Gambar 5.9. Pencarian Khusus Pada Koleksi... 66
Gambar 5.10. Hasil Pencarian Jika Ditemukan ... 67
Gambar 5.11. Hasil Pencarian Jika Tidak Ditemukan ... 67
Gambar 5.12. Halaman Koleksi ... 68
Gambar 5.13. Unduh Koleksi ... 69
Gambar 5.14 Keterangan Logout Member ... 69
Gambar 5.15. Halaman Login Admin ... 70
Gambar 5.16. Keterangan Login Admin Berhasil ... 71
Gambar 5.17. Keterangan Login Admin Gagal ... 71
Gambar 5.18. Form Penambahan Artikel Baru ... 71
Gambar 5.19. Penambahan Artikel Berhasil ... 72
Gambar 5.20. Penghapusan Data ... 72
Gambar 5.21. Keterangan Penghapusan Data Berhasil ... 73
Gambar 5.22. Form Tambah Anggota Baru ... 73
Gambar 5.23. Keterangan Data Berhasil Disimpan... 74
DAFTAR TABEL
Tabel 3.1. Entitas Sistem ... 29
Tabel 3.2. Menu Member ... 34
Tabel 3.3. Menu Admin ... 35
Tabel 3.4. Tabel Artikel ... 37
Tabel 3.5. Tabel Artikel_Member ... 37
Tabel 3.6. Tabel Bahasa ... 37
Tabel 3.7. Tabel Contributor ... 38
Tabel 3.8. Tabel Contributor_Artikel ... 38
Tabel 3.9. Tabel Jurusan ... 38
Tabel 3.10. Tabel Kategori ... 39
Tabel 3.11. Tabel Komentar ... 39
Tabel 3.12. Tabel Member ... 39
Tabel 3.13. Tabel Member_Tipe ... 40
ABSTRAK
Konten digital dalam perpustakaan digital adalah berupa buku, jurnal dan lain-lain. Konten digital tersebut didapat dari konten fisik dengan berbagai cara. Proses konversi konten fisik menjadi konten digital disebut digitasi. Konten digital merupakan sumber informasi bagi pengguna perpustakaan digital. Seperti yang kita ketahui Perpustakaan merupakan salah satu penyedia dan penyalur informasi yang dimana fungsi dan peranannya sangat berarti dan di butuhkan dalam dunia Informasi. Tantangan baru di dunia perpustakaan menjelang abad 21 dimana banyak orang mengatakan sebagai abad Informasi karena penyaluran Informasi menggunakan protokol elektronik melalu jaringan komputer sudah terlaksana dengan cepat, tepat dan global. Salah satu solusi untuk menjawab tantangan tersebut adalah dengan membangun Digital Library atau Perpustakaan Online
Oleh karena itu untuk menjawab tantangan tersebut Pasca Sarjana UPN “VETERAN” JAWA TIMUR mencoba untuk membuat sebuah Sistem Rekap Penelitian dan Karya Ilmiah Dosen dan Mahasiswa Studi Kasus Pasca Sarjana UPN ”VETERAN” JAWA TIMUR. Untuk itu website ini mempunyai kemudahan untuk memperbaharui informasi dan user friendly. Website ini dirancang menggunakan konsep Web 2.0, perangkat lunak yang digunakan ialah PHP dan MySQL 5.0.27.
Website Digital Library ini dapat digunakan oleh semua pihak yang ingin mencari informasi Artikel – artikel yang terdapat di Perpustakaan Pasca Sarjana UPN “VETERAN” JAWA TIMUR dan bagi member yang sudah terdaftar dapat mengunduh artikel yang berbentuk digital.
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan informasi teknologi saat ini telah berkembang dengan pesat.
Penggunaan website dalam menyampaikan informasi sangatlah membantu dan
bermanfaat bagi lembaga-lembaga atau perusahaan-perusahaan. Penyampaian
informasi dengan website tidak membutuhkan waktu yang lama dan dapat
dilakukan darimana saja. Tidak dibatasi oleh tempat,waktu dan biaya. Proses
mendapatkan informasi dari website juge lebih up to date. Informasi yang
ditampilkan dan disajikan dapat berubah seiring jalannya waktu sehingga
informasi yang disajikan tidak ketinggalan zaman atau terlambat. Kemudahan ini
yang membuat website sebagai sarana informasi yang digemari user saat ini.
Teknologi informasi mempunyai pengaruh yang besar dalam berbagai aspek
kehidupan masyarakat karena sudah merupakan bagian dari kehidupan
masyarakat. Dunia pendidikan, pemerintahan, bisnis dan usaha, sampai kesehatan
dan kebutuhan harian masyarakat selalu membutuhkan keberadaan informasi.
Transaksi-transaksi yang berbasis teknologi informasi berkembang sejalan dengan
laju pertumbuhan pengguna internet. Seiring dengan maraknya penggunaan
oleh pengguna, seperti aplikasi : e-commerce, e-learning, e-government, e-travel,
e-procurement, digital lirary dan lain-lain.
Perkembangan teknologi tersebut dalam lingkungan Pasca Sarjana UPN
Veteran Jawa Timur ini diharapkan bisa membantu memeberikan informasi yang
akurat tentang data Hasil Penelitian dan Karya Ilmiah Mahasiswa dan Dosen
Pasca Sarjana yang selama ini belum terorganisir dengan baik, untuk itu
diperlukan suatu metode yang lebih baik dalam mengelola berkas-berkas digital
tersebut, sehingga nantinya dapat di akses oleh pihak-pihak yang membutuhkan.
1.2 Perumusan Masalah
Berdasarkan latar belakang yang dipaparkan di atas, maka dapat dirumuskan
permasalahan dari Tugas Akhir adalah sebagai berikut :
a. Bagaimana cara mengatur dan menyimpan data hasil penelitian dan
karya ilmiah dosen dan mahasiswa yang banyak dan belum tertata
dengan rapi?
b. Bagaimana membuat sebuah aplikasi digital library sehingga dosen,
staff, dan seluruh mahasiswa Pasca Sarjana UPN “Veteran” Jawa
Timur dapat menggunakan darimana saja dan kapan saja?
c. Bagaimana membuat sebuah aplikasi digital library yang dapat
mengunduh serta mengunggah data hasil penelitian dan karya
ilmiah dosen dan mahasiswa dalam bentuk digital?
d. Bagaimana cara menampilkan interface yang mudah dimengerti oleh
3
1.3 Batasan Masalah
Agar tidak menyimpang dari rumusan masalah yang telah penulis buat,
maka dalam pembuatan Tugas Akhir ini, ruang lingkup permasalahan hanya akan
dibatasi pada:
a. Aplikasi ini dapat digunakan oleh dosen, staff, dan seluruh
mahasiswa UPN “VETERAN” JAWA TIMUR
b. Yang dapat menambah buku hanya administrator, sedangkan
member hanya dapat mengunduh.
c. Artikel yang dapat diunduh dalam format PDF.
d. Sistem yang dibuat untuk aplikasi Digital Library ini adalah berbasis
web. Bahasa pemrograman yang digunakan adalah PHP dengan
MySQL sebagai databasenya.
1.4 Tujuan
Membuat sebuah aplikasi yang dapat mengorganisir data hasil penelitian dan
karya ilmiah para dosen dan mahasiswa Pasca Sarjana UPN Veteran Jawa Timur
berdasarkan kategorinya masing masing. Sehingga nantinya dapat diakses oleh
1.5 Manfaat
Manfaat dari Tugas Akhir “Sistem Rekap Penelitian dan Karya Ilmiah
Dosen dan Mahasiswa Studi Kasus Pasca Sarjana UPN” ini terbagi menjadi 3 yaitu bagi pengguna, bagi universitas dan bagi penulis adalah sebagai berikut:
a. Bagi Pengguna
Mempermudah memperoleh referensi dalam menyelesaikan tugas,
dapat efisiensi waktu dan kemudahan akses, dapat diakses dimana saja dan
kapan saja dengan memanfaatkan perkembangan media internet serta
mempermudah dalam proses pencarian karena telah dikelompokkan
berdasarkan kategorinya masing – masing.
b. Bagi Universitas
Sebagai tambahan perbendaharaan perpustakaan dan bahan
masukan bagi penelitian lebih lanjut dengan topik yang sama serta
memberikan tambahan untuk dapat digunakan sebagai tambahan ilmu
pengetahuan khususnya tentang PHP dan AJAX.
c. Bagi Penulis
Dapat menambah wawasan tentang bahasa pemrograman PHP dan
5
1.6 Metodologi Penulisan
Metode adalah cara yang dipergunakan untuk mencapai suatu tujuan
(Surachmad, 1976). Adapun metode yang dipakai adalah:
a. Library Research
Library Research adalah pengumpulan dokumen - dokumen,
referensi-referensi, buku-buku, sumber dari internet, atau sumber-sumber lain yang
diperlukan untuk merancang dan mengimplementasikan aplikasi. Tujuannya
untuk mendukung teori-teori yang berkaitan dengan masalah yang muncul.
Studi ini dilakukan dengan mencari sekaligus mempelajari beberapa literatur
dan artikel mengenai digital library dan bahasa pemrograman PHP.
Mempelajari program aplikasi yang sudah ada untuk memberikan gambaran
yang jelas mengenai aplikasi digital library, sebagai acuan dalam
perencanaan dan pembuatan Tugas Akhir ini.
b. Analisa dan Perancangan Sistem
Setelah tahap Library Research dibuat deskripsi umum sistem serta
dilakukan analisa kebutuhan sistem. Dalam melakukan perancangan awal
sistem hal-hal yang dilakukan adalah sebagai berikut:
Pembuatan perancangan sistem arsitektur
Merupakan gabungan dari proses-proses dan praktek-praktek untuk
Pembuatan alur website sistem
Diagram Bisnis Use case
Diagram bisnis use case menunjukkan interaksi antara use case
bisnis, aktor bisnis, dan pekerja bisnis dalam sebuah organisasi. Diagram
ini akan menggambarkan model lengkap tentang apa yang perusahaan
lakukan, siapa saja yang ada dalam organisasi dan siapa yang ada di luar
organisasi. Dengan diagram ini, dapat secara cepat memberikan
informasi tingkat tinggi tentang bisnis apa yang organisasi.
Diagram Use case
Menggambarkan bagaimana seseorang menggunakan sistem .
Mempunyai tujuan khusus yaitu untuk mendokumentasikan beberapa
kator (sesuatu yang ada diluar sistem), beberapa usecase (sesuatu yang
ada di dalam sistem) dan hubungan antar mereka.. Sehingga dengan
menggambarkan diagram usecase akan dapat melihat fungsionalitas
yang akan disediakan oleh sistem, siapa saja yang berinteraksi dengan
sistem, serta dapat mengetahui ruang lingkup yang akan dibuat.
Diagram Aktivitas
Diagram Aktivitas merupakan sebuah cara untuk memodelkan aliran
kerja (workflow) dari bisnis use case dalam bentuk grafik. Diagram ini
menunjukkan langkah-langkah di dalam aliran kerja, titik-titik keputusan
7
masing-masing aktivitas dan obyek-obyek yang diigunakan dalam aliran
kerja.
Diagram Kelas
Diagram kelas merupakan alat perancangan terbaik untuk tim
pengembang perangkat lunak. Diagram tersebut membantu mendapatkan
struktur sistem sebelum menuliskan kode program, membantu untuk
memastikan bahwa sistem adalah rancangan terbaik. Diagram kelas
digunakan untuk menampilkan kelas-kelas atau paket-paket di dalam
sistem dan relasi antar mereka, memberikan gambaran secara statis dari
sistem yang dibuat. Diagram ini digunakan untuk mengambangkan
kelas, Case tool rational rose berguna untuk membangkitkan struktur
kode sumber untuk kelas-kelas.
Pembuatan Perancangan Antar Muka
Pembuatan perancangan antar muka ini dibuat untuk merancang
halaman aplikasi yang berinteraksi langsung dengan pengguna agar
aplikasi tersebut menjadi userfriendly untuk berinteraksi dengan
pengguna serta dapat bermanfaat bagi pengguna khususnya Mahasiswa
dan Mahasiswi Pasca Sarjana UPN ”Veteran” Jawa Timur yang
c. Pembuatan Sistem
Pada tahap ini merupakan tahap yang paling banyak memerlukan waktu
karena model dan rancangan aplikasi yang telah dibuat diimplementasikan
dengan menggunakan bahasa pemrograman PHP serta menggunakan
database MySQL.
d. Uji Coba
Uji coba ini dilakukan dalam rangka untuk memastikan apakah aplikasi
yang telah selesai dibuat telah sesuai dengan yang direncanakan dalam tahap
analisa dan perancangan sistem serta dievaluasi untuk kelayakan pemakaian
aplikasi dengan mempertimbangkan kemungkinan kesalahan yang terjadi.
e. Penyusunan Buku Skripsi
Pada tahap ini merupakan tahap terakhir dari pengerjaan Skripsi. Buku
ini disusun sebagai laporan dari seluruh proses pengerjaan Skripsi. Dari
penyusunan buku ini diharapkan dapat memudahkan pembaca yang ingin
menyempurnakan dan mengembangkan aplikasi lebih lanjut.
f. Revisi
Revisi bertujuan untuk mengatasi kesalahan pada saat uji coba
9
1.7 Sistematika Penulisan
Sistematika yang digunakan dalam penulisan skripsi ini dibagi dalam
beberapa bab dan sub bab. Adapun pembagian babnya adalah sebagai berikut:
BAB I PENDAHULUAN
Berisi latar belakang yaitu uraian tentang landasan pemikiran
timbulnya suatu masalah yang mendorong untuk melakukan
penelitian,perumusan masalah, pembatasan masalah, tujuan,
manfaat, metodologi penulisan dan sistematika penulisan yang
digunakan dalam laporan skripsi ini.
BAB II TINJAUAN PUSTAKA
Pada bab kedua akan dijelaskan mengenai landasan teori yang
terkait dengan skripsi ini. Semua penjelasan meliputi
pembahasan bahasa pemrograman PHP, database MySQL
termasuk didalamnya pembahasan mengenai metode yang
digunakan, sejarah internet, CSS, MySQL.
BAB III ANALISA DAN PERANCANGAN SISTEM
Pada bab ketiga diuraikan mengenai desain sistem yang akan
dibuat, arsitektur sistem, diagram use case, diagram aktivitas,
akan dibuat. Dari sini akan terlihat bagaimana alur dari sistem
nantinya yang akan dibuat.
BAB IV IMPLEMENTASI
Bab ini akan membahas tentang implementasi program dari
hasil analisis dan perancangan sistem pada bab sebelumnya,
serta bagaimana cara sistem tersebut dijalankan
BAB V UJI COBA
Bab ini menjelaskan mengenai lingkungan uji coba, skenario uji
coba dan pelaksanaan uji coba.
BAB VI PENUTUP
Pada bab keenam berisi kesimpulan dari program yang telah
diimplementasikan dan dievaluasi sehingga pada akhirnya
diberikan beberapa kemungkinan untuk pengembangan dari
11 BAB II
TINJAUAN PUSTAKA
2.1 Pasca Sarjana
2.1.1 Tentang Pasca Sarjana
Program Pascasarjana Universitas Pembangunan Nasional "Veteran"
Jawa Timur memiliki dan menetapkan Visi sebagai berikut: Terciptanya
lembaga pendidikan tinggi pelopor pengembangan manajemen dan manajer
professional di era global. Untuk pencapaian visi tersebut, maka dijabarkan
dalam Misi Program Pascasarjana UPN "Veteran" Jawa Timur, yaitu: 1)
Menyelenggarakan pendidikan dan pengajaran, penelitian dan
pengembangan, serta pengabdian kepada masyarakat untuk pengernbangan
keilmuan dan professionalisme, 2) Mengembangkan nilai-nilai tanggung
jawab, kebersamaan, kerjasama, keterbukaan, kreativitas, kejujuran dan
kepedulian kepada lingkungan, 3) Mengembangkan pola berpikir, sikap, dan
tindakan yang profesional dalam bidang manajemen agribisnis.
2.1.2 Sejarah Pasca Sarjana
Program Pascasarjana UPN "Veteran" Jawa Timur didirikan
berdasarkan Surat Keputusan Direktur Jenderal Pendidikan Tinggi,
Tanggal : 6 September 1999, tentang Pembukaan Program Magister
Manajemen Agribisnis Pada Program Pascasarjana Di Lingkungan
Universitas Pembangunan Nasional “Veteran" Jawa Timur Di Surabaya.
Pelaksanaan Program Pascasarjana Jawa Timur Angkatan I dilaksanakan
pada Tahun Akademik 1999/2000.
2.1.3 Visi & Misi
a. Mencetak lulusan yang kompeten dalam menyelenggarakan bidang
manajemen dan organisasi, yang mempunyai sikap akademik
dengan berwawasan global, berkerakyatan dan peduli lingkungan,
yang mempunyai mental yang tangguh, moral dan etika yang luhur.
b. Mengembangkan dan mentranfer ilmu pengetahuan dan teknologi
kepada masyarakat umum, pengusaha/ industri dan pemerintahan.
2.1.4 Struktur Organisasi Pasca Sarjana
a. Direktur Program Pasca Sarjana
Direktur program Pasca Sarjana disingkat Dir PPS mempunyai
tugas pokok memimpin, mengawasi dan mengendalikan
pelaksanaan pendidikan dan pengajaran, penelitian dan
pengembangan, pengabdian kepada masyarakat serta pembinaan
13
b. Wakil Direktur Program Pasca Sarjana
Wakil Direktur Program Pasca Sarjana disingkat Wadir Program
Pasca Sarjana mempunyai tugas pokok membantu Direktur dalam
melaksanakan penyelenggaraan kebijakan dan program akademik
kemahasiswaan, melalui layanan pembelajaran yang berbasis
pengembangan kurikulum sesuai dengan : Sebaran sistem
klasifikasi penelitian dan pengembangan IPTEKS, kapasitas
professional tenaga pengajar, model pembelajaran mahasiswa yang
didukung oleh kegiatan belajar dan sistem evaluasi pendidikan
yang mandiri dan dewasa serta membantu dalam memimpin
pelaksanaan kegiatan bidang administrasi yang meliputi
perencanaan program anggaran, kekaryawanan, sarana prasarana,
kearsipan dan sistem informasi manajemen.
c. Ketua Program Pasca Sarjana
Ketua Program Pasca Sarjana disingkat Kaprog PPS mempunyai
tugas pokok membantu Direktur Program Pasca Sarjana dalam
melaksanakan penyelenggaraan kebijakan dan program akademik
yang menunjang pelaksanaan program pendidikan / pengajaran,
d. Sekretaris Program Pasca Sarjana
Sekretaris Program Pasca Sarjana disingkat Seprog PPS
mempunyai tugas pokok membantu Ketua Program, Program
Pasca Sarjana untuk melaksanakan tugas sehari hari dalam
penyelenggaraan pendidikan dan pengajaran serta penelitian
pengembangan dan pengabdian kepada masyarakat
e. Bagian Tata Usaha
Bagian Tata Usaha disingkat Bag TU mempunyai tugas pokok
membantu pimpinan Program Pasca Sarjana dalam melaksanakan
penyelenggaraan kebijakan dan program akademik dan
kemahasiswaan, dalam bentuk pelayanan teknis dan administrative
di bidang kepegawaian, ketatausahaan, keuangan dan kerumah
tanggaan.
f. Sub. Bagian Pendidikan dan PEngajaran, Mahasiswa dan Alumni
Sub. bagian Pendidikan dan PEngajaran, Mahasiswa dan Alumni
disingkat Sub Bag Dikjar, Mawa dan Alumni mempunyai tugas
pokok menyelenggarakan dan melaksanakan pelayanan
administrasi terhadap aktivitas pendidikan dan pengajaran,
15
g. Sub Bagian Umum
Sub. Bagian Umum disingkat Sub Bag Um mempunyai tugas
pokok melaksanakan urusan administrasi umum yang meliputi
urusan kepegawaian dan rumah tangga Program Pasca Sarjana.
2.1.5 Sistem Manajemen Karya Ilmiah Pasca Sarjana
Sistem manajemen karya ilmiah yang berjalan di Pasca Sarjana UPN
“Veteran” Jawa Timur saat ini masih menggunakan sistem yang manual,
Thesis dan Karya Ilmiah yang lainnya masih tersimpan rapi pada Ruang Baca
di dalam Ruang Baca pada Fakultas Pasca Sarjana.
2.2 PHP
PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa
pemrogramman berbasis web yang memiliki kemampuan untuk memproses data
dinamis. PHP dikatakan sebagai sebuah server-side embedded script language
artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan
oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang
dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser,
tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server
akan bekerja apabila ada permintaan dari client. Dalam hal ini client
menggunakan kode-kode PHP untuk mengirimkan permintaan ke server (dapat
2.3 DBMS
DBMS (Database Management System) merupakan perangkat lunak atau
program komputer yang dirancang secara khusus untuk memudahkan pengelolaan
database. Sedangkan, RDBMS (Relational Database Management System)
merupakan DBMS yang menggunakan model basis data relasional atau dalam
bentuk tabel-tabel yang saling berhubungan.
Secara sederhana, database (basis data) dapat di ungkapkan sebagai suatu
pengorganisasian data dengan bantuan komputer, yang memungkinkan data dapat
di akses dengan mudah dan cepat. Dalam hal ini, pengertian akses dapat
mencakup pemerolehan data maupun pemanipulasian data, seperti menambah dan
menghapus data.
Manajemen modern mengikutsertakan informasi sebagai sumber daya
penting yang setara dengan sumber daya manusia, uang, mesin, dan material.
Bagi pihak manajemen, informasi merupakan bahan untuk pengambilan
keputusan. Dengan adanya komputer, data dapat disimpan dalam media
pengingat yang disebut hard disk. Dengan media ini, kehadiran kertas yang
digunakan untuk menyimpan data dapat dikurangi. Selain itu, data menjadi lebih
cepat untuk di akses, terutama apabila di kemas dalam bentuk database.
Sumber :
DBMS http://en.wikipedia.org/wiki/Database_management_system Terakhir di
17
2.3.1 MySQL
MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan
pengembang software dan konsultan database bernama MYSQL AB yang
berada di Swedia. Waktu itu perusahaan tersebut masih bernama TcX
DataKonsult AB, dan tujuan awal dikembangkannya MySQL adalah untuk
mengembangkan aplikasi berbasis web pada client. Awalnya Michael
"Monty" Widenius, pengembang satu-satunya di TcX memiliki sebuah
aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari
antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya.
Mula-mula Monty memakai miniSQL (mSQL) pada eksperimennya itu, namun
SQL dirasa kurang sesuai, karena terlalu lambat dalam pemrosesan query.
Akhirnya Monty menghubungi David Hughes, pembuat mSQL yang sedang
merilis versi kedua dari mSQL. Kemudian Monty mencoba membuat sendiri
mesin SQL yang memiliki antarmuka mirip dengan SQL, tetapi dengan
kemampuan yang lebih sesuai sehingga lahirlah MySQL. Tentang
pengambilan nama MySQL, sampai saat ini masih belum jelas asal usulnya.
Ada yang berpendapat nama My diambil dari huruf depan dan belakang
Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang
kebetulan juga bernama My.
Sumber :
MySQL. http://id.wikipedia.org/wiki/MySQL Terakhir di akses tanggal 08
2.4 Web Server
Web server adalah software yang menjadi tulang belakang dari world wide
web (www). Web server menunggu permintaan dari client yang menggunakan
browser seperti Netscape Navigator, Internet Explorer, Mozilla, dan program
browser lainnya. Jika ada permintaan dari browser, maka web server akan
memproses permintaan itu kemudian memberikan hasil prosesnya berupa data
yang diinginkan kembali ke browser. Data ini mempunyai format yang standar,
disebut dengan format SGML (standar general markup language). Data yang
berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan
kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar,
browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu
menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja.
Web server, untuk berkomunikasi dengan client-nya (web browser) mempunyai
protokol sendiri, yaitu HTTP (hypertext transfer protocol).
Dengan protokol ini, komunikasi antar web server dengan client-nya dapat
saling dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data
pada world wide web adalah SGML. Tapi para pengguna internet saat ini lebih
banyak menggunakan format HTML (hypertext markup language) karena
penggunaannya lebih sederhana dan mudah dipelajari. Kata HyperText
mempunyai arti bahwa seorang pengguna internet dengan web browsernya dapat
membuka dan membaca dokumen-dokumen yang ada dalam komputernya atau
19
Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya
pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya
dengan mengklik beberapa bagian dari halaman-halaman dokumen (web) itu.
Proses yang dimulai dari permintaan webclient (browser), diterima web server,
diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi
dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa
yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya
memproses semua masukan yang diperolehnya dari web clientnya.
Sumber :
Server Web. http://id.wikipedia.org/wiki/Server_web Terakhir di akses tanggal
08 Februari 2011 pada pukul 22.55 WIB
2.4.1 XAMPP
XAMPP merupakan pengembangan dari LAMP (Linux Apache,
MySQL, PHP and PERL), XAMPP ini merupakan project non-profit yang di
kembangkan oleh Apache Friends yang didirikan Kai 'Oswalad' Seidler dan
Kay Vogelgesang pada tahun 2002, project mereka ini bertujuan
mempromosikan pengunaan Apache web server.
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke
dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi
melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL
secara otomatis untuk anda atau auto konfigurasi. Software ini bisa
didownload pada
2.4.2 APACHE
Apache sudah berkembang sejak versi pertamanya. Sampai saat
ditulisnya artikel ini versi terakhirnya yang ada yaitu Apache ver 2.0.54.
Apache bersifat open source, artinya setiap orang boleh menggunakannya,
mengambil dan bahkan mengubah kode programnya.
Tugas utama apache adalah menghasilkan halaman web yang benar
kepada peminta, berdasarkan kode PHP yang dituliskan oleh pembuat
halaman web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan,
maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam
MySQL) untuk mendukung halaman web yang dihasilkan.
2.4.3 PHPMyAdmin
Pengelolaan database dengan MYSQL harus dilakukan dengan
mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap
maksud tertentu. Jika ingin membuat database, ketikkan baris perintah yang
sesuai untuk membuat database. Jika ingin menghapus tabel, ketikkan baris
perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu cukup
menyulitkan karena kita harus hafal dan mengetikkan perintahnya satu
21
Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk
mengelola data base dalam MySQL, salah satunya adalah phpMyAdmin.
Dengan phpMyAdmin dapat membuat tabel, mengisi data dan lain-lain
dengan mudah tanpa harus hafal perintahnya. Untuk mengaktifkan
phpMyAdmin langkah-langkahnya adalah : yang pertama setelah
menginstal XAMPP, user harus mengaktifkan web server Apache dan
MySQL dari control panel XAMPP. Yang kedua, jalankan browser (IE,
Mozilla Firefox atau Opera) lalu mengetikkan alamat web berikut :
http://localhost/phpmyadmin/ pada address bar lalu tekan Enter. Langkah
ketiga apabila telah nampak interface (tampilan antar muka) phpMyAdmin,
user bisa memulainya dengan mengetikkan nama database, nama tabel dan
seterusnya.
Sumber : Pengertian XAMPP. http://id.wikipedia.org/wiki/XAMPP Terakhir di akses tanggal 08 Februari 2011 pada pukul 23.20 WIB.
2.5 Cascading Style Sheet ( CSS )
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman
web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan
lebih terstruktur dan seragam.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word
yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer,
berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman
web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks,
warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over,
spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan
parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur
tampilan dokumen. Dengan adanya CSS memungkinkan user untuk menampilkan
halaman yang sama dengan format yang berbeda.
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda
dapat diletakkan secara berurutan, yang kemudian membentuk hubungan
ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi
internet yang direkomendasikan oleh World Wide Web Consortium atau W3C
pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape
melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir
mendekati dengan standar CSS.
Untuk saat ini terdapat dua versi CSS, yaitu CSS1 dan CSS2. CSS 1
dikembangkan berpusat pada pemformatan dokumen HTML, sedangkan CSS 2
dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa
23
Selain itu CSS 2 mendukung penentuan posisi konten, downloadable, huruf
(font), tampilan pada tabel (table layout) dan media tipe untuk printer. Kehadiran
versi CSS yang kedua diharapkan lebih baik dari versi pertama.
Sumber :
Wikipedia bahasa Indonesia, ensiklopedia bebas, 2008. Cascading Style Sheets.
http://id.wikipedia.org/wiki/CSS. Terakhir di akses tanggal 08 Februari 2011 pada
3.1 Analisis Sistem
Aplikasi yang akan dibuat pada skripsi ini merupakan sebuah aplikasi web
digital library. Data yang akan diolah berupa data penelitian dan karya ilmiah
para dosen dan mahasiswa pasca sarjana. Data tersebut akan diolah oleh bagian
Administrator (petugas perpustakaan) di Fakultas Pasca Sarjana
UPN “VETERAN” JAWA TIMUR.
Dari analisis permasalahan yang telah dilakukan maka akan dirancang suatu
aplikasi dengan melakukan perancangan dan pembuatan diagram. Hal tersebut
dilakukan untuk menggambarkan arus data dalam aplikasi secara terstruktur dan
jelas, serta menggambarkan proses yang terjadi pada aplikasi, sehingga dapat
menjadi sarana dokumentasi sistem yang baik.
Spesifikasi kebutuhan sistem aplikasi menjelaskan mengenai level pengguna
aplikasi dan hak aksesnya serta masukan dan keluaran sistem aplikasi.
3.1.1 Level Pengguna Dan Hak Akses
25
a. User
User disini dapat menggunakan sejumlah layanan yang tersedia
melalui web broser. Namun user ini dibatasi hanya dapat mengedit
data user serta mengundduh koleksi yang berbentuk digital.
Layanan ini bisa di akses jika user telah melalui proses registrasi
dan login.
b. Admin
Admin dapat menggunakan sejumlah layanan yang tersedia
melalui web browser, admin dapat melihat, menambah, merubah
serta menghapus data user dan data koleksi. Layanan ini bisa
diakses jika admin telah melalui proses registrasi dan login.
3.1.2 Masukan Dan Keluaran Sistem
Masukan sistem aplikasi terdiri atas sejumlah data yang diperlukan
untuk memenuhi kebutuhan sistem aplikasi yang ada. Sedangkan keluaran
sistem aplikasi terdiri atas sejumlah data yang dihasilkan oleh proses yang
terjadi di dalam sistem.
Dalam sistem aplikasi ini masukkan data meliputi form aplikasi
serta beberapa link yang telah diberi parameter sebelumnya. Masukkan
dikirimkan oleh user atau admin untuk meminta layanan kepada sistem
aplikasi. Proses pengolahan data akan dilakukan sesuai dengan isi form
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 :
27
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
Logout Memproses logout
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 Online Berbasis Web Dengan Teknologi
29
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
3.2.2.2 DFD Level 0
[Fhoto] [Telp] [Alamat][Password][Nama][Username] [Fhoto]
Untuk proses awal yaitu admin dan user menginputkan data login ke dalam
31
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
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
33
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
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
35
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
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 TurionTM
- 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
Rancangan model data fisik pada bagian perancangan aplikasi di
implementasikan ke dalam basis data MySQL. Keterangan lebih detail dapat
37
Tabel 3.4 Tabel Artikel
No Tabel Kolom Tipe Data Keterangan
1 artikel ID_ARTIKEL Int(11) primary key
2 ID_STATUS Int(11) foreign key
Tabel Artikel memiliki beberapa Atribut seperti ID_ARTIKEL, JUDUL, DESKRIPSI, NAMA_FILE, TIPE_FILE, VIEW, TGL_MASUK, TGL_RUBAH dan ID_STATUS, ID_JURUSAN, ID_BAHASA, ID_KATEGORI masuk sebagai foreign key
Tabel 3.5 Tabel Artikel_Member
No Tabel Kolom Tipe Data Keterangan
1 artikel_member USERNAME Int(11) primary key
2 ID_ARTIKEL Int(11) primary key
Keterangan :
Tabel artikel_member adalah tabel baru yang terbentuk dari relasi many to many Table artikel dan tabel member.
Tabel 3.6 Tabel Bahasa
No Tabel Kolom Tipe Data Keterangan
1 Bahasa ID_BAHASA Int(11) primary key
Tabel 3.7 Tabel Contributor
No Tabel Kolom Tipe Data Keterangan
1 contributor ID_CONTRIBUTOR Int(11) primary key
2 NAMA_CONTRIBUTOR Varchar(50)
3 LEVEL Smallint(1)
Keterangan :
Tabel contributor memiliki beberapa atribut seperti ID_CONTRIBUTOR, NAMA_CONTRIBUTOR, LEVEL
Tabel 3.8 Tabel Contributor_Artikel
No Tabel Kolom Tipe Data Keterangan
1 contributor_artikel ID_ARTIKEL Int(11) primary key
2 ID_CONTRIBUTOR Int(11)
Keterangan :
Tabel contributor_artikel adalah tabel baru yang terbentuk dari relasi many to many Table artikel dan tabel contributor.
Tabel 3.9 Tabel Jurusan
No Tabel KOLOM Tipe Data Keterangan
1 jurusan ID_JURUSAN Int(11) Primary key
2 NAMA_JURUSAN Varchar(50)
Keterangan :
Tabel jurusan memiliki beberapa atribut seperti ID_JURUSAN,
39
Tabel 3.10 Tabel Kategori
No Tabel KOLOM Tipe Data Keterangan
1 kategori ID_KATEGORI Int(11) Primary key
2 NAMA_KATEGORI Varchar(50)
Keterangan :
Tabel kategori memiliki beberapa atribut seperti ID_KATEGORI, NAMA_KATEGORI
Tabel 3.11 Tabel Komentar
No Tabel KOLOM Tipe Data Keterangan
1 komentar ID_KOMENTAR Int(11) primary key
2 USERNAME Varchar(255) foreign key
3 ID_ARTIKEL Int(11) foreign key
4 ISI Varchar(255)
5 TGL_KOMEN Date
Keterangan :
Tabel komentar memiliki beberapa atribut seperti ID_KOMENTAR, ISI, TGL_KOMEN, dan USERNAME, ID_ARTIKEL sebagai foreign key
Tabel 3.12 Tabel Member
No Tabel KOLOM Tipe Data Keterangan
1 member USERNAME Varchar(255) primary key
Tabel 3.13 Tabel Member_Tipe
No Tabel KOLOM Tipe Data Keterangan
1 member_tipe ID_TIPE Char(3) Primary key
2 NAMA_TIPE Varchar(25)
Tabel 3.14 Tabel Status
No Tabel KOLOM Tipe Data Keterangan
1 status ID_STATUS Int(11) Primary key
2 NAMA_STATUS Varchar(20)
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
Antar muka admin dan user berbasiskan web. Saat pertama kali
mengakses sistem aplikasi, halaman yang tampil adalah halaman index
halaman ini berlaku untuk halaman index admin yang berbasiskan web dan
halaman index user. 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 jaringan komputer. Untuk proses login admin, admin harus menuju
halaman admin setelah itu admin akan diminta untuk login dengan
memasukan username dan password admin. Setelah itu halaman login
41
akan tampil halaman admin yang berisikan menu – menu untuk mengolah
dan me-maintenance data – data pada sistem. Admin mempunyai hak akses
penuh pada sistem aplikasi yang dimana dapat merubah data yang ada pada
basis data system aplikasi.
Sedangkan untuk User, layanan yang di sediakan adalah
berbasiskan web, jadi untuk mengaksesnya para user menggunakan media
komputer, dengan web browsernya baru bisa mengakses. Pertama – tama
user diminta untuk login dengan memasukan username dan passwordnya.
Setelah itu halaman login user akan memproses autentifikasi bila telah
berhasil maka akan muncul halaman user yang berisikan menu – menu yang
dapat di akses oleh user.
3.2.8.1 Rancangan Antarmuka Halaman Login Admin
Pada halaman login admin akan muncul form login dimana dalam
form ini terdapat 2 inputan data yaitu username dan password.
Keterangan :
Pada bagian ini admin di wajibkan untuk mengisi Username dan
Password jika ingin melanjutkan ke halaman berikutnya.
3.2.8.2 Rancangan Antarmuka Halaman Admin
Jika admin berhasil login maka akan muncul halaman admin
dimana pada halaman admin terdapat menu – menu yang dapat di akses oleh
admin. Menu – menu tersebut antara lain :
Gambar 3.8 Menu Admin
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman admin. Menu
Artikel, digunakan untuk mengolah data koleksi yang ada. Menu Member,
digunakan kuntuk mengolah data member. Menu Kategori, digunakan untuk
mengolah data kategori. Menu Jurusan, digunakan untuk mengolah data
jurusan. Menu tipe, digunakan untuk mengolah data tipe member. Menu
status, digunakan untuk mengolah data status artikel. Menu bahasa,
digunakan untuk bahasa artikel.
3.2.8.2.1Rancangan Antarmuka Halaman Menu Artikel
Pada menu ini terdapat beberapa sub-menu yang dimana masing –
masing sub-menu berfungsi untuk mengolah data dari menu artikel. Adapun
43
Gambar 3.9 Sub Menu “ Artikel ” Keterangan :
Sub menu daftar artikel, digunakan untuk melihat daftar artikel yang ada. Sub
menu tambah artikel, digunakan untuk menambah artikel baru.
3.2.8.2.2 Rancangan Antarmuka Halaman Menu Member
Pada menu ini terdapat beberapa sub-menu yang dimana masing –
masing sub-menu berfungsi untuk mengolah data dari menu member. Adapun
sub-menu yang terdapat pada menu member yaitu :
Gambar 3.10 Sub Menu “ Member ” Keterangan :
Sub menu daftar member, digunakan untuk melihat daftar member yang ada.
Sub menu tambah member, digunakan untuk menambah anggota baru.
3.2.8.2.3 Rancangan Antarmuka Halaman Menu Kategori
Pada menu ini terdapat beberapa sub-menu yang dimana masing –
masing sub-menu berfungsi untuk mengolah data dari menu kategori. Adapun
Gambar 3.11 Sub Menu “ Kategori ”
Keterangan :
Sub menu daftar kategori, digunakan untuk melihat daftar kategori yang ada.
Sub menu tambah kategori, digunakan untuk menambah kategori baru.
3.2.8.3 Rancangan Antarmuka Halaman Menu Login Member
Pada halaman login member akan muncul form login dimana
dalam form ini terdapat 2 inputan data yaitu username dan password
Gambar 3.12 Form Login Member
Keterangan :
Pada bagian ini user di wajibkan untuk mengisi Username dan Password jika
45
3.2.8.4 Rancangan Antarmuka Halaman Menu Member
Jika member berhasil login maka akan muncul halaman member
yang dimana pada halaman member terdapat menu – menu yang dapat di
akses oleh member. Menu – menu tersebut antara lain :
Gambar 3.13 Menu Member
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman member. Menu Info User, digunakan untuk melihat informasi tentang member
Pada bab ini akan membahas tentang implementasi program dari hasil
analisis dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut
dijalankan.
4.1 Lingkungan Pemrograman
Dalam mengimplementasikan aplikasi ini menggunakan :
1. Windows XP Profesional Edition SP. 3 sebagai sistem operasi.
2. XAMPP yang berisikan :
a. MySQL sebagai database.
b. Apache sebagai web server.
c. PHP sebagai bahasa pemrograman.
d. PHPMyAdmin
e. Filezilla
f. Mercury Mail
3. PHP5 dan Ajax JQuery versi 1.4
47
4.2 Implementasi Database
Dalam mengimplementasikan database pada aplikasi ini menggunakan
Mozilla Firefox sebagai web browser dan PHPMyAdmin.
Gambar 4.1 Pembuatan Database ”digilibpasca”
Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan database dengan
nama database ”digilibpasca”.
Gambar 4.2 Pembuatan Tabel ”ARTIKEL” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”ARTIKEL”.
Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ’ “ARTIKEL_MEMBER”.
Gambar 4.4 Pembuatan Tabel ”BAHASA” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”BAHASA”.
Gambar 4.5 Pembuatan Tabel ”JURUSAN” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”JURUSAN”.
Gambar 4.6 Pembuatan Tabel ”KATEGORI” Keterangan :
49
Gambar 4.7 Pembuatan Tabel ”KOMENTAR” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”KOMENTAR”.
Gambar 4.8 Pembuatan Tabel ”MEMBER” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”MEMBER”.
Gambar 4.9 Pembuatan Tabel ”MEMBER_TIPE” Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel
Gambar 4.10 Pembuatan Tabel ”STATUS”
Keterangan :
Gambar diatas menjelaskan tentang cara pembuatan tabel ”STATUS”.
4.3 Implementasi Antar Muka dan Pemrograman
Pada sub bab implementasi desain antarmuka menjelaskan form apa saja
yang terlihat dalam aplikasi tersebut yang menampilkan beberapa aplikasi form
yaitu:
4.3.1 Form Halaman Login
4.3.1.1 Halaman Login Member
51
Keterangan :
Pada bagian ini admin diwajibkan untuk mengisi username dan
password jika ingin melanjutkan ke halaman berikutnya.
Potongan source code dapat dilihat pada lampiran 1 bagian [a]
4.3.1.2 Halaman Login Admin
Gambar 4.12 Halaman Login Admin
Keterangan :
Pada bagian ini admin diwajibkan untuk mengisi username dan
password jika ingin melanjutkan ke halaman berikutnya.
4.3.2Halaman Member
Setelah member berhasil login maka member akan masuk
kehalaman member, dimana pada halaman ini member akan menjumpai
Gambar 4.13 Halaman Member
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman
member. Halaman member disini tidak berbeda jauh dengan halaman
non-member. Perbedaannya disini hanya pada munculnya sub-menu profile dan
change password.
Potongan source code dapat dilihat pada lampiran 1 bagian [b]
4.3.2.1 Halaman Menu Profile
Setelah user menekan ( klik ) tulisan “Profile” maka member dapat
melihat informasi informasi yang bersangkutan dengan member. Pada
halaman ini member dapat merubah data member, namun pada proses
53
Gambar 4.14 Halaman Profile
Keterangan :
Pada halaman ini member dapat merubah data untuk informasi
profile member tersebut. Potongan source code dapat dilihat pada lampiran
1 bagian [c]
4.3.2.2 Halaman Menu Change Password
Setelah user menekan ( klik ) tulisan “Change Password” maka
member akan masuk kehalaman Change Password. Dimana pada halaman
Gambar 4.15 Halaman Change Password
Keterangan :
Pada halaman ini member dapat merubah password yang lama
dengan password yang baru. Potongan source code dapat dilihat pada
lampiran 1 bagian [d]
4.3.3Halaman Admin
Setelah admin berhasil login maka admin akan masuk kehalaman
admin, dimana pada halaman ini admin akan menjumpai beberapa menu.
55
Keterangan :
Gambar diatas adalah gambar tampilan menu pada halaman admin.
Menu Artikel, digunakan untuk mengolah data koleksi artikel yang ada.
Menu member, digunakan untuk mengolah data member yang ada. Menu
Kategori, digunakan untuk mengolah data Kategori. Menu Jurusan,
digunakan untuk mengolah data Jurusan. Menu Tipe, digunakan untuk
mengolah data Tipe member. Menu Status, digunakan untuk mengolah data
Status Artikel. Menu Bahasa, digunakan untuk mengolah data bahasa.
Potongan source code dapat dilihat pada lampiran 1 bagian [e]
4.3.3.1 Halaman Menu Artikel
Setelah admin menekan ( klik ) tulisan Artikel maka admin akan
masuk ke dalam halaman menu artikel yang dimana pada halaman ini admin
dapat mengolah data koleksi artikel yang ada.
Keterangan :
Untuk melihat daftar koleksi tekan ( klik ) Daftar Artikel. Untuk
menambahkan koleksi baru tekan ( klik ) Tambah Artikel. Potongan source
code dapat dilihat pada lampiran 1 bagian [f]
4.3.3.2 Halaman Menu Member
Setelah admin menekan ( klik ) tulisan Member maka admin akan
masuk kehalaman menu member, dimana pada halaman ini admin dapat
mengolah data member yang ada.
Gambar 4.18 Halaman Member Keterangan :
Pada halaman ini admin dapat mengolah data member, diantaranya
: untuk melihat daftar anggota yang telah terdaftar cukup menekan ( klik )
Daftar Member, untuk menambahkan member baru cukup menekan ( klik )
Tambah Member. Potongan source code dapat dilihat pada lampiran 1
57
4.3.3.3 Halaman Menu Kategori
Setelah admin menekan ( klik ) tulisan Kategori maka admin akan
masuk kehalaman menu kategori dimana pada halaman ini admin dapat
mengolah data kategori yang ada.
Gambar 4.19 Halaman Kategori Keterangan :
Pada halaman ini admin dapat mengolah data kategori, diantaranya
: untuk mengetahui daftar kategori yang telah terdaftar cukup menekan ( klik
) Daftar Kategori, untuk menambahkan kategori baru cukup menekan ( klik )
Tambah Kategori. Potongan source code dapat dilihat pada lampiran 1
4.3.3.4 Halaman Menu Jurusan
Setelah admin menekan ( klik ) tulisan jurusan maka admin akan
masuk ke dalam halaman menu jurusan dimana pada halaman ini admin
dapat mengolah data jurusan yang ada.
Gambar 4.20 Halaman Jurusan Keterangan :
Pada halaman ini admin dapat mengolah data jurusan, diantaranya :
untuk mengetahui daftar jurusan yang telah terdaftar cukup menekan ( klik )
Daftar Jurusan, untuk menambahkan jurusan baru cukup menekan ( klik )
Tambah Jurusan. Potongan source code dapat dilihat pada lampiran 1
bagian [i]
4.3.3.5 Halaman Menu Tipe
Setelah admin menekan ( klik ) tulisan tipe maka admin akan
masuk ke dalam halaman menu tipe dimana pada halaman ini admin dapat
59
Gambar 4.21 Halaman Tipe
Keterangan :
Pada halaman ini admin dapat mengolah data tipe member,
diantaranya : untuk mengetahui daftar tipe member yang telah terdaftar
cukup menekan ( klik ) Daftar Tipe, untuk menambahkan tipe member baru
cukup menekan ( klik ) Tambah Tipe. Potongan source code dapat dilihat
pada lampiran 1 bagian [j]
4.3.3.6 Halaman Menu Status
Setelah admin menekan ( klik ) tulisan status maka admin akan
masuk ke dalam halaman menu status dimana pada halaman ini admin dapat
mengolah data status artikel yang ada.
Keterangan :
Pada halaman ini admin dapat mengolah data status artikel,
diantaranya : untuk mengetahui daftar status artikel yang telah terdaftar
cukup menekan ( klik ) Daftar Status, untuk menambahkan status artikel
baru cukup menekan ( klik ) Tambah status artikel. Potongan source code
dapat dilihat pada lampiran 1 bagian [k]
4.3.3.7 Halaman Menu Bahasa
Setelah admin menekan ( klik ) tulisan bahasa maka admin akan
masuk ke dalam halaman menu bahasa dimana pada halaman ini admin
dapat mengolah data bahasa yang ada.
Gambar 4.23 Halaman Bahasa
Keterangan :
Pada halaman ini admin dapat mengolah data bahasa, diantaranya :
untuk mengetahui daftar bahasa yang telah terdaftar cukup menekan ( klik )
Daftar Bahasa, untuk menambahkan bahasa yang baru cukup menekan ( klik
) Tambah bahasa. Potongan source code dapat dilihat pada lampiran 1
61 BAB V
UJI COBA
Uji coba sendiri berfungsi untuk mengetahui keberhasilan dan kekurangan
dari aplikasi yang telah dibuat. Uji coba dilakukan untuk memastikan apakah yang
dirancang sudah sesuai dengan yang direncanakan. Uji coba dalam aplikasi web
pendaftaran dan pembayaran ini terdiri dari beberapa langkah yang akan
dijelaskan di bawah ini.
5.1 Lingkungan Uji coba
Lingkungan Uji coba aplikasi ini dilakukan dengan:
Pemrograman menggunakan PHP 5 dan AJAX J.Query versi 1.4.
Web Editor menggunakan Adobe dreamweaver Cs dengan Web Server
menggunakan Apache Web Server versi 3.1.1 . Dengan halaman situsnya
http://localhost/site/ Web Browser menggunakan Mozilla Firefox.
Untuk database menggunakan MySQL dengan XAMPP,
Operating System menggunakan Microsoft Windows XP Professional
Version 2002 Service Pack3, Bios Version 1.70, Processor AMD Turion
(tm) 64 X2 Mobile Technology TL-60, (2.0 GHz, 2 x 512kb L2 cache),
5.2 Pelaksanaan Uji Coba Halaman Utama Sistem
Halaman ini adalah halaman awal pada sistem ketika sistem ini di akses.
Gambar 5.1 Halaman Indeks Sistem
5.3 Uji Coba Halaman Member
Untuk uji coba pada halaman member meliputi :
a. Halaman Login
b. Halaman Profile
c. Halaman Pencarian Koleksi
d. Halaman Koleksi
63
5.3.1 Uji Coba Halaman Login Member
Gambar 5.2 Halaman Login Member
Keterangan :
Untuk login silahkan masukkan username dan password kemudian tekan
Login. Setelah itu sistem akan memproses kesamaan data yang anda masukkan
dengan data yang ada pada database system. Apabila data sama maka login
berhasil dan akan muncul pemberitahuan sebagai berikut :