Page 1
i
RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT
KEGIATAN MAHASISWA IIB DARMAJAYA
BERBASIS WEB MOBILE
SKRIPSI
Disusun Oleh :
RIO FEDRICA MALDHAN
1511050061
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
INSTITUT INFORMATIKA DAN BISNIS DARMAJAYA
BANDAR LAMPUNG
2019
Page 2
ii
RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT
KEGIATAN MAHASISWA IIB DARMAJAYA
BERBASIS WEB MOBILE
SKRIPSI
Diajukan Sebagai Salah Satu Syarat untuk Mencapai Gelar
SARJANA KOMPUTER
Pada Program Studi Sistem Informasi
Institut Informatika dan Bisnis Darmajaya Bandar Lampung
Oleh
RIO FEDRICA MALDHAN
1511050061
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
INSTITUT INFORMATIKA DAN BISNIS DARMAJAYA
BANDAR LAMPUNG
2019
Page 3
iii
INTISARI
RANCANG BANGUN SISTEM INFORMASI
MONITORING UNIT KEGIATAN MAHASISWA
IIB DARMAJAYA BERBASIS WEB MOBILE
Oleh
RIO FEDRICA MALDHAN
[email protected]
Unit kegiatan mahasiswa merupakan komponen penting dalam suatu universitas,
salah satunya di IIB Darmajaya. Kegiatan kemahasiswaanya mempunyai banyak
ukm untuk kegiatannya , selama ini untuk pelaksanaan kegiatan masih banyak
yang belum dapat dikontrol dan dimonitoring secara rinci, sebab pengontrolan
hanya dilakukan oleh masing-masing UKM melalui laporan pertanggung jawaban
diakhir masa kepengurusan. Sehingga seluruh data yang ada membutuhkan
ruangan penyimpanan yang banyak. Maka dari itu untuk mempermudah kegiatan
monitoring dan proses pengajuan dari organisasi kemahasiswaan dibutuhkan
sebuah sistem monitoring berbasis web mobile.
Pengumpulan data pada penelitian ini menggunakan metode observasi, interview,
dan studi pustaka. Sedangkan metode pengembangan perangkat lunak yang
digunakan adalah model Structure System Analysis and Design (SSAD).
Implementasi dari model SSAD ini dijelaskan menggunakan bagan alir dokumen,
konteks diagram, dan data flow diagram (DFD), bahasa pemrograman yang
digunakan dalam penelitian ini adalah PHP dan menggunakan database MySQL.
Hasil dari penelitian ini berupa aplikasi yang dibangun dapat mempermudah biro
kemahasiswaan untuk melakukan monitoring disetiap kegiatan ukm yang
melaksanakan kegiatan baik dari segi pengontrolan pelaporan kegiatan atau
pengontrolan penggunaan dana.
Kata Kunci : Monitoring Ukm, Mahasiswa, SSAD, PHP, MySQL
Page 4
iv
ABSTRACT
DESIGN OF WEB MOBILE BASED IIB DARMAJAYA STUDENT
ACTIVITY MONITORING INFORMATION SYSTEM
By:
RIO FEDRICA MALDHAN
[email protected]
Student activity unit is an important component in a university, one of which is in
Darmajaya IIB. Student activities have many SMEs for their activities, so far there
are still many activities that cannot be controlled and monitored in detail because
the control is only carried out by each UKM through accountability reports at the
end of the management period. Therefore, all existing data required a submission
process from student organizations a mobile web-based monitoring system was
needed.
The data collection in this study used the methods of observation, interviews, and
literature study. The software development method used wasStructure System
Analysis and Design (SSAD). The implementation of the SSAD model was
explained using the document flow chart, context diagram, data flow diagram
(DFD), the programming language used in this study was PHP and used a MySQL
database.
The results of this study in the form of an application that was built can facilitate
the student bureau to monitor every activity of SMEs that carry out activities both
in terms of controlling the reporting of activities or controlling the use of funds.
Keywords: Monitoring, UKM, Students, SSAD, PHP, MySQL
Page 5
v
PERNYATAAN
Saya yang bertanda tangan dibawah ini, menyatakan bahwa skripsi yang saya
ajukan ini adalah hasil karya saya sendiri, tidak terdapat karya yang pernah
diajukan untuk memperoleh gelar kesarjanaan di suatu perguruan tinggi atau
karya yang pernah ditulis atau diterbitkan orang lain kecuali yang secara tertulis
diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Karya ini adalah
milik saya dan pertanggungjawaban sepenuhnya berada di pundak saya.
Bandar Lampung, 28 Oktober 2019
RIO FEDRICA MALDHAN
NPM. 1511050069
Page 6
vi
HALAMAN PERSETUJUAN
Judul Skripsi : Rancang Bangun Sistem Informasi Monitoring Unit
Kegiatan Mahasiswa IIB Darmajaya Berbasis Web
Mobile
Nama Mahasiswa : Rio Fedrica Maldhan
NPM : 1511050061
Program Studi : S1 Sistem Informasi
Disetujui oleh :
Dosen Pembimbing Ketua Program Studi
Sistem Informasi
Indera, S.Kom.,M.T.I NURJOKO, S.Kom.,M.T.I
NIK. 00371101 NIK. 00440702
Page 7
vii
HALAMAN PENGESAHAN
Telah diuji dan dipertahankan didepan Tim Penguji Tugas Akhir
Program Studi Sistem Informasi IIB Darmajaya dan dinyatakan diterima
untuk memenuhi syarat guna memperoleh gelar
SARJANA KOMPUTER
Mengesahkan,
1. Tim Penguji : Tanda Tangan
Penguji 1 : Dona Yullawati, S.Kom.,M.T.I ………………
Penguji 2 : Deppi Linda, S.Kom.,M.T.I ………………
2. Dekan Fakultas Ilmu Komputer
Zaidir Jamal, S.T., M.Eng
NIK. 00590203
Tanggal Lulus Ujian Skripsi: 16 September 2019
Page 8
viii
RIWAYAT HIDUP
1.
a.
Identitas
Nama :
Rio Fedrica Maldhan
b. NPM : 1511050061
c. Tempat / Tanggal Lahir : Tanjung Karang, 4 Februari 1997
d. Agama : Islam
e. Alamat : Jl. P. Tirtayasa Perumahan
Nusantara Permai Blok A 16 No 5
f. Suku : Jawa
g. Kewarganegaraan : Indonesia
h. E-mail : Riofed.1511050061
@mail.darmajaya.ac.id
2. Riwayat Pendidikan
a.
Sekolah Dasar :
SD Negeri 1 Rawa Laut
b. Sekolah Menegah Pertama : SMP PGRI 1 Bandar Lampung
c. Sekolah Menengah Atas : SMK Negeri 4 Bandar Lampung
Dengan ini saya menyatakan bahwa semua keterangan yang saya sampaikan
di atas adalah benar.
Yang menyatakan,
Bandar Lampung, 28 Oktober 2019
Rio Fedrica Maldhan
NPM. 1511050061
Page 9
ix
PERSEMBAHAN
Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Penyayang
maka bagi-Mu segala puji dan rasa syukur kupanjatkan, dan tak lupa kepada
junjunganku Nabi dan Rasulku Muhammad SAW, Kupersembahkan karyaku ini
kepada :
1. Allah SWT tempat aku bersujud dan memohon atas segala sesuatu yang aku
hadapi dan jalani di dunia ini serta Nabi Muhammad SAW sebagai
junjunganku.
2. Kedua Orang tua yang aku sayangi Ayahku Hendriyatno dan Ibuku Martini
Retno Handayani yang telah membesarkanku, yang selalu mendidik,
menasehati dan sabar serta senantiasa mendo'akanku agar dapat meraih
kesuksesan dalam kehidupan dan selalu mendapatkan yang terbaik, semoga
ini menjadi awal dari apa yang diharapkan.
3. Adik ku Kharania Lenada Putri yang selalu memberikan semangat dan segala
macam dukungannya.
4. Buat Orang terkasih Tika Nuraini tidak henti-henti nya selalu memberi
support dan dukungannya selama ini.
5. Dosen Pembimbing saya Bapak Indera, S.Kom., M.T.I yang ikut berjuang
dalam membimbing penyusunan skripsi saya dari awal pembuatan hingga
selesai.
6. Seluruh Dosen Jurusan Sistem Informasi yang telah memberikan ilmu yang
bermanfaat untuk bekal dunia kerjaku kelak.
7. Sahabat seperjuangan ku di IIB Darmajaya terutama Jurusan Sistem
Informasi angkatan 2015.
Page 10
x
MOTTO
“Allah akan meninggikan orang-orang beriman di antaramu dan
orang-orang yang diberi ilmu pengetahuan beberapa derajat”
(Q.s al-Mujadalah :1)
“Barang siapa yang menempuh jalan hidup untuk mencari suatu
ilmu.
Niscaya Allah memudahkannya ke jalan menuju surga”
(HR. Turmuzdi)
Page 11
xi
PRAKATA
Puji syukur dan terima kasih sebesar-besarnya penulis panjakan kepada Allah
SWT atas berkat, rahmat, perlindungan dan hidayah-Nya serta kemampuan yang
diberikan kepada penulis sehingga penulis dapat menyelesaikan skripsi ini
dengan prosedur yang baik dan benar. Skripsi ini dibuat sebagai hasil dari
penerapan ilmu- ilmu yang dipelajari selama penulis menjadi mahasiswa IIB
Darmajaya, Fakultas Ilmu Komputer, Jurusan Sistem Informasi.
Dalam penyusunan skripsi ini penulis banyak memperoleh bimbingan, dorongan
dan bantuan dari berbagai pihak. Untuk itu penulis ingin mengucapkan
Terimakasih kepada :
1. Allah SWT atas berkat dan kemampuan yang selalu diberikan sampai pada
saat ini. Dan hingga penulis dapat menyelesaikan skripsi ini.
2. Nabi Muhammad SAW yang telah membawa manusia dari alam yang
penuh kekufuran ke alam yang benderang.
3. Ayah, Ibu, Adik, dan Kekasih yang telah memberikan dukungan dan kasih
sayangnya serta do’a yang tulus untuk keberhasilanku. Semoga Allah SWT
memberikan kesempatan kepadaku untuk membalas dengan baktiku.
4. Bapak Ir. Firmansyah YA, MBA., M.Sc., selaku Rektor IIB Darmajaya.
5. Bapak Zaidir Jamal, S.T., M.Eng selaku Dekan Fakultas Ilmu Komputer.
6. Bapak Nurjoko, S.Kom., M.T.I selaku ketua Jurusan Sistem Informasi.
7. Bapak Indera, S.Kom., M.T.I selaku Dosen Pembimbing yang telah
meluangkan waktu, tenaga dan pikiran untuk membikan bimbingan, saran
dan pelajaran kepada penulis dalam penyusunan skripsi ini yang baik dan
benar.
8. Ibu Dona Yullawati, S.Kom.,M.T.I dan Deppi Linda, S.Kom.,M.T.I selaku
penguji skripsi.
9. Semua dosen Program Studi Sistem Informasi yang telah membantu,
mengarahkan dan memberikan ilmu yang bermanfaat sehingga dapat
menyelesaikan dan memberikan ilmu yang bermanfaat sehingga dapat
menyelesaikan perkuliahan ini dengan baik.
Page 12
xii
10. Teman teman seperjuangan Sistem Informasi angkatan 2015.
11. Almamaterku tercinta Institut Informatika dan Bisnis Darmajaya
Bandar Lampung.
Dalam penyusunan skripsi ini masih terdapat kekurangan dan jauh dari kata
sempurna sehingga penulis mengharapkan kritik dan saran yang membangun
untuk kesempurnaan skripsi ini. Akhir kata semoga skripsi ini dapat memberikan
sedikit wacana dan bermanfaat bagi kita semua.
Wassalamu’alaikum Warahmatullahi Wabarakatuh.
Bandar Lampung, 28 Oktober 2019
Penulis,
RIO FEDRICA MALDHAN
NPM. 1511050061
Page 13
xiii
DAFTAR ISI
HALAMAN JUDUL ...................................................................................... i
HALAMAN COVER DALAM ...................................................................... ii
HALAMAN PERNYATAAN ........................................................................ iii
HALAMAN PERSETUJUAN ........................................................................ iv
HALAMAN PENGESAHAN ......................................................................... v
RIWAYAT HIDUP ...................................................................................... vi
PERSEMBAHAN ...................................................................................... vii
MOTTO ...................................................................................... viii
INTISARI ...................................................................................... ix
ABSTRAK ...................................................................................... x
PRAKATA ...................................................................................... xi
DAFTAR ISI ...................................................................................... xiii
DAFTAR GAMBAR ...................................................................................... xvi
DAFTAR TABEL ...................................................................................... xix
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah .......................................................... 1
1.2 Perumusan Masalah ................................................................ 3
1.3 Tujuan Penelitian .................................................................... 4
1.4 Manfaat Penelitian .................................................................. 4
1.5 Batasan Masalah ...................................................................... 5
1.6 Sistematika Penelitian ............................................................. 6
BAB II LANDASAN TEORI
2.1 Rancang Bangun ..................................................................... 7
2.2 Sistem ...................................................................................... 8
2.3 Data ...................................................................................... 8
2.4 Informasi ................................................................................. 9
2.5 Pengertian Sistem Informasi ................................................... 9
2.6 Monitoring .............................................................................. 9
2.7 Web mobile ............................................................................. 9
Page 14
xiv
2.8 Basis Data ............................................................................... 10
2.9 Entity Relationship Diagram (ERD) ....................................... 10
2.10 Metode Pengembangan Sistem ............................................... 11
2.11 Data Flow Diagram ................................................................. 12
2.12 Diagram Konteks .................................................................... 14
2.13 Kamus Data ............................................................................. 14
2.14 Flowchart ................................................................................ 15
2.15 Relasi ...................................................................................... 17
2.16 Sistem Pengkodean ................................................................. 18
2.17 Gambaran Software yang Digunakan ..................................... 21
2.17.1 Adobe Dreamweaver .................................................... 21
2.17.2 PHP ............................................................................. 21
2.17.3. XAMPP ....................................................................... 22
2.17.4 MySQL ........................................................................ 24
BAB III METODE PENELITIAN
3.1 Metode Pengumpulan Data ...................................................... 27
3.2 Metode Pengembangan Sistem ............................................... 27
3.3 Analisis Sistem ........................................................................ 28
3.3.1 Analisis Sistem Berjalan ............................................. 29
3.3.2 Analisis Kelemahan Sistem yang Sedang Berjalan .... 33
3.3.3 Analisis Sistem Yang Diusulkan ................................. 34
3.3.4 Rancangan Program .................................................... 41
3.3.4.1 Rancangan Output ........................................... 41
3.3.4.2 Rancangan Input .............................................. 42
3.3.4.3 Kamus Data ..................................................... 48
3.3.4.4 Relasi Antar Tabel ........................................... 49
3.3.4.5 Entity Relationship Diagram ........................... 50
3.3.4.6 Sistem Kode .................................................... 51
3.3.4.7 Flowchart Program .......................................... 52
Page 15
xv
BAB IV HASIL PENELITIAN DAN PEMBAHASAN
4.1 Hasil Penelitian ....................................................................... 61
4.1.1 Antar Muka Program ................................................... 61
4.2 Pembahasan ............................................................................. 72
4.2.1 Kelebihan Program ..................................................... 73
4.2.2 Kekurangan Program .................................................. 73
BAB V SIMPULAN DAN SARAN
5.1 Kesimpulan ............................................................................. 75
5.2 Saran ...................................................................................... 75
DAFTAR PUSTAKA
Page 16
xvi
DAFTAR GAMBAR
Gambar Halaman
3.1 DAD Sistem informasi Monitoring Proposal Kegiatan Mahasiswa
yang Sedang Berjalan ....................................................................... 30
3.2 Diagram Arus Dokumen Sistem monitoring dana kegiatan
yang Sedang Berjalan. ....................................................................... 32
3.3 DAD Sistem Informasi Monitoring Proposal Kegiatan Mahasiswa
yang diusulkan ................................................................................. 35
3.4 DAD Sistem Informasi Monitoring Dana Kegiatan yang
diusulkan ...................................................................................... 37
3.5 Context Diagram .............................................................................. 38
3.6 Data Flow Diagram (DFD) Level 0 ................................................. 39
3.7 Data Flow Diagram (DFD) Level 1 Diagram Sub Sistem informasi
Monitoring Proposal ........................................................................ 40
3.8 Data Flow Diagram (DFD) Level 1 Diagram Sub Sistem informasi
Monitoring Dana Proposal ............................................................... 40
3.9 Perancangan Output Laporan Proposal Per Periode ........................ 41
3.10 Perancangan Output Laporan Proposal Per UKM ........................... 41
3.11 Tampilan Menu Utama UKM .......................................................... 42
3.12 Tampilan Update Profil UKM ......................................................... 42
3.13 Tampilan Data Upload Proposal ....................................................... 43
3.14 Tampilan Input Data Biaya Proposal ................................................ 43
3.15 Tampilan Halaman KMH ................................................................. 44
3.16 Tampilan Update Profil KMH ......................................................... 44
3.17 Update Data Proposal Masuk ........................................................... 45
3.18 Tampilan Rincian Biaya Proposal .................................................... 45
3.19 Perancangan Menu Utama .............................................................. 46
3.20 Perancangan Tambah Data user Akun ............................................. 46
3.21 Perancangan Tambah Data UKM .................................................... 47
3.22 Perancangan Tambah Data KMH .................................................... 47
3.23 Relasi Antar Tabel ............................................................................ 50
3.24 Entity Relationship Diagram (ERD) ................................................ 51
Page 17
xvii
Gambar Halaman
3.25 Flowchart Login ............................................................................... 52
3.26 Flowchart Menu Utama .................................................................... 53
3.27 Flowchart Profil UKM ..................................................................... 53
3.28 Flowchart Proposal ......................................................................... 54
3.29 Flowchart Biaya Proposal ............................................................... 54
3.30 Flowchart Login ............................................................................... 55
3.31 Flowchart Menu Utama..................................................................... 56
3.32 Flowchart Edit Profil ........................................................................ 56
3.33 Flowchart Proposal ......................................................................... 57
3.34 Flowchart Biaya Proposal ............................................................... 57
3.35 Flowchart Login ............................................................................... 58
3.36 Flowchart Menu Utama .................................................................... 59
3.37 Flowchart User Akun ....................................................................... 59
3.38 Flowchart User Akun ....................................................................... 60
3.39 Flowchart KMH .............................................................................. 60
4.1 Tampilan Menu Utama .................................................................... 61
4.2 Tampilan Profil ................................................................................ 62
4.3 Tampilan Profil UKM Musik ........................................................... 62
4.4 Tampilan Menu Login ...................................................................... 63
4.5 Tampilan Halaman UKM ................................................................. 63
4.6 Tampilan Update Profil UKM ......................................................... 64
4.7 Tampilan Data Proposal ................................................................... 64
4.8 Tampilan Data Upload Proposal ...................................................... 64
4.9 Tampilan Data Biaya Proposal ......................................................... 65
4.10 Tampilan Input Data Biaya Proposal ............................................... 65
4.11 Tampilan Laporan ............................................................................ 66
4.12 Tampilan Halaman KMH ................................................................. 66
4.13 Tampilan Update Profil KMH ......................................................... 67
4.14 Tampilan Data Proposal ................................................................... 67
4.15 Update Data Proposal Masuk ........................................................... 67
4.16 Tampilan Data Biaya Proposal ......................................................... 68
Page 18
xviii
Gambar Halaman
4.17 Tampilan Rincian Biaya Proposal .................................................... 68
4.18 Tampilan Menu Utama .................................................................... 69
4.19 Tampilan data User Akun ............................................................... 69
4.20 Tampilan Tambah Data User Akun ................................................. 69
4.21 Tampilan data UKM ........................................................................ 70
4.22 Tampilan Tambah Data UKM ......................................................... 70
4.23 Tampilan data KMH ........................................................................ 71
4.24 Tampilan Tambah Data KMH ......................................................... 71
4.25 Tampilan Data Laporan .................................................................... 72
4.26 Tampilan Laporan UKM .................................................................. 72
Page 19
xix
DAFTAR TABEL
Tabel Halaman
1.1 UKM yang ada di IIB Darmajaya .................................................... 2
2.1 Simbol Entity Relationship Diagram. .............................................. 11
2.2 Simbol Data Flow Diagram. ............................................................ 13
2.3 Simbol - Simbol Diagram Konteks .................................................. 14
2.4 Simbol-Simbol Kamus Data. ........................................................... 15
2.5 Simbol-Simbol Flowchart. ............................................................... 16
3.1 Desain File User_akun ..................................................................... 48
3.2 Desain File UKM ............................................................................. 48
3.3 Desain File KMH ............................................................................. 48
3.4 Desain File Proposal ....................................................................... 49
3.5 Desain File Biaya_Proposal ............................................................. 49
Page 20
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan teknologi di era globalisasi saat ini berlangsung sangat
cepat,seiring perkembangan teknologi informasi sudah menjadi kebutuhan
yang sangat penting. Tak hanya itu, saat ini teknologi informasi bahkan
telah menjadi salah satu kebutuhan pokok di dalam kehidupan manusia
dalam penyediaan dan pemberian informasi. Keberadaan sebuah informasi
yang setiap saat dapat di akses, cepat, dan akurat menjadi hal yang sangat
penting bagi kelangsungan hidup manusia saat ini, data dan informasi
yang diperlukan tentu harus mudah diakses agar lebih efektif dan efisien
oleh berbagai pihak yang memiliki kepentingan.
Akademik IIB Darmajaya tidak selalu harus berorientasi belajar,
mahasiswa juga dapat ambil bagian dalam aktifitas lain seperti mencari
teman baru, meningkatkan kemampuan dan keahlian melalui kegiatan
trainning, bekerja dalam tim, kelompok belajar dan diskusi, kegiatan
keagamaan, kegiatan sosial, olahraga dan kegiatan lain yang
menyenangkan.
Jiwa kemimpinan dan tanggungjawab mahasiswa mulai dibentuk melalui
organisasi kemahasiswaan. diberi wadah untuk menyalurkan ekspresi,
kreasi dan aspirasi mereka, sehingga terbentuk aktifitas dan kegiatan yang
cerdas, positif dan bermanfaat sebagai motor penggerak harmonisasi
kehidupan kampus dan sekitarnya.
Organisasi mahasiswa merupakan wadah dan tempat bagi mahasiswa
untuk mengembangkan bakat minat, melatih kepemimpinan. Dibalik
suksesnya sebuah organisasi ada pengawasan yang terintegrasi oleh semua
pihak baik dari para pimpinan organisasi mahasiswa dan pimpinan
universitas yang berwenang sepenuhnya adalah kemahasiswaan , dimana
Page 21
2
kemahasiswaan mengontrol dan memonitoring seluruh kegiatan
mahasiswa secara sistematik.
Unit Kegiatan Mahasiswa di IIB Darmajaya terdiri dari 5 (lima)
departemen yang kemudian masing-masing departemen mempunyai UKM
sebagai berikut
Tabel 1.1 UKM yang ada di IIB Darmajaya No Departemen UKM
1 Departemen
Kerohanian
Unit Kegiatan Mahasiswa Islam
(UKM As Salam)
Unit Kegiatan Mahasiawa Hindu
(UKM PERMADU)
Unit Kegiatan Mahasiswa Kristen
(UKM HIMKRIS)
2 Departemen Penalaran dan
Keilmuan (Penalaran)
Unit Kegiatan Mahasiswa Bahasa
(UKM Bahasa),
Unit Kegiatan Mahasiawa
Darmajaya Computer Fans Club
(UKM DCFC)
3 Departemen Kesenian dan
Kebudayaan
Unit Kegiatan Darma Suara
(UKM DS)
Unit Kegiatan Musik
(UKM Musik).
4 Departemen Sosial
(Pengabdian Masyarakat)
Unit Kegiatan Mahasiswa Korps
Relawan (UKM KSR)
Unit Kegiatan Mahasiswa
Darmajaya Pecinta Alam (UKM
ARTALA)
5 Departemen Olahraga Unit Kegiatan Mahasiswa
Darmajaya Basketball Association
(UKM DBA)
Unit Kegiatan Mahasiswa
Persatuan Sepakbola Darmajaya
(UKM PSW)
Unit Kegiatan Mahasiswa Tae
Kwon Do (UKM Tae Kwon Do)
Unit kegiatan mahasiswa merupakan komponen penting dalam suatu
universitas, salah satunya di IIB Darmajaya. Kegiatan kemahasiswaanya
saat ini banyak yang belum dapat dikontrol dan dimonitoring secara rinci,
sebab pengontrolan hanya dilakukan oleh masing-masing UKM melalui
laporan pertanggung jawaban diakhir masa kepengurusan. Apabila
laporan pertanggung jawaban dikumpulkan dari kepengurusan satu ke
kepengurusan selanjutnya, sehingga penumpukkan data sehingga
membutuhkan ruangan penyimpanan yang banyak. Sedangkan ruangan
2
Page 22
3
tidak cukup apabila terlalu banyak data. Selain itu pengawasan anggaran
dari setiap kegiatan yang dilakukan oleh masing-masing UKM masih
terdapat banyak kelemahan. Maka dari itu untuk mempermudah kegiatan
monitoring dan proses pengajuan dari organisasi kemahasiswaan
dibutuhkan sebuah sistem monitoring berbasis web mobile.Sistem
informasi monitoring unit kegiatan mahasiswa dibuat untuk memudahkan
akses ke sistem informasi monitoring unit kegiatan mahasiswa agar lebih
mudah dikunjungi dengan fitur yang mengutamakan informasi dan
kecepatan akses.
Selama ini pengelolaan dan penyampaian informasi kegiatan UKM masih
dilakukan secara manual dan sering kali kegiatan yang dilakukan oleh
UKM tidak terkelola dan tersampaikan dengan baik, sehingga
mengakibatkan administrasi dan penyampaian laporan kegiatan masing-
masing UKM menjadi tidak teratur. Hal ini menjadi suatu permasalahan
utama di tengah berkembangnya teknologi informasi dan internet yang
demikian pesat, dimana banyak organisasi telah memanfaat teknologi
informasi dan internet untuk mendukung kegiatan organisasi. Hal ini
menjadi pertimbangan utama penulis untuk membuat sebuah sistem
informasi yang dapat menangani kegiatan pendaftaran dan pengelolaan
kegiatan dan penyampaian informasi UKM berbasis Web, Berdasarkan
uraian diatas, maka penulis tertarik untuk melakukan penelitian dengan
judul “Rancang Bangun Sistem Informasi Monitoring Unit Kegiatan
Mahasiswa IIB Damajaya Berbasis Web mobile”
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah diatas, maka perumusan masalah
dalam penelitian ini adalah :
1. Bagaimana merancang dan membangun aplikasi sistem informasi
monitoring unit kegiatan mahasiswa berbasis Web mobile ?
Page 23
4
2. Bagaimana menganalisis serta mengimplementasi pembuatan aplikasi
sistem informasi monitoring kegiatan mahasiswa yang ada di IIB
Darmajaya ?
1.3 Tujuan Penelitian
Berdasarkan perumusan masalah maka tujuan yang ingin dicapai dengan
dilakukan nya penelitian ini adalah sebagai berikut :
1. Memperoleh suatu aplikasi sistem informasi monitoring unit kegiatan
mahasiswa IIB Darmajaya berbasis Web mobile.
2. Menganalisis implementasi pembuatan aplikasi sistem informasi
monitoring kegiatan mahasiswa dengan menggunakan bahasa
pemograman PHP dan MySQL sebagai pengolah basis data.
1.4 Manfaat Penelitian
Manfaat yg diharapkan dari hasil penelitian ini adalah sebagai berikut :
1. Bagi Unit Kegiatan Mahasiswa
Memberikan kemudahan bagi Ukm dalam melaporkan pengguna di
setiap kegiatan.
2. Bagi Kemahasiswaan
Memberikan kemudahan bagi Kemahasiswaan dalam memonitor setiap
kegiatan yang dilaksanakan masing masing Ukm yang ada di IIB
Darmajaya.
3. Bagi Peneliti
Dapat pengalaman tentang implementasi sistem informasi dengan
menggunakan bahasa pemrograman PHP dan MySQL sebagai
pengelola basis data sesuai dengan ilmu yang telah dipelajari di
perkuliahan.
4
Page 24
5
1.5 Batasan Masalah
Dalam Skripsi ini Akan dibahas tentang.
1. Aplikasi sistem informasi Monitoring Unit Kegiatan Mahasiswa
yang dibangun hanya untuk kemahasiswaan di Fakultas Ilmu
Komputer .
2. Data monitoring yang ditampilkan dalam sistem meliputi data laporan
kegiatan pertahun, data anggaran kegiatan pertahun, tempat, dan waktu
pelaksanaan kegiatan.
3. Aplikasi sistem informasi Monitoring yang dibangun menggunakan
bahasa pemrograman PHP dan MySQL sebagai pengelola basis data.
Page 25
6
1.6 Sistematika Penelitian
Sistematika penulisan dimaksudkan untuk memberikan gambaran secara
keseluruhan dalam penulisan skripsi. Adapun sistematika sebagai berikut
BAB I : PENDAHULUAN
Bab ini akan diuraikan mengenai latar belakang masalah,
rumusan masalah, ruang lingkup penelitian, tujuan dan
manfaat penelitian, sistematika penulisan.
BAB II : LANDASAN TEORI
Bab ini akan diuraikan landasan teori yang terdiri dari
pengertian sistem informasi, bahasa pemrograman yang
digunakan yaitu, kamus data.
BAB III : METODE PENELITIAN
Bab ini dijelaskan tentang metodologi penelitian serta tools
yang dipakai dan implementasinya.
BAB IV : HASIL PENELITIAN DAN PEMBAHASAN
Bab ini menjelaskan tentang analisa yang berjalan, usulan
pemecahan masalah, analisa program dan kebutuhan
perangka lunak yang digunakan serta penjelasan dan
pembahasan mengenai “Rancang Bangun Sistem
Informasi Monitoring Unit Kegiatan Mahasiswa IIB
Darmajaya Berbasis Web mobile”.
BAB V : SIMPULAN DAN SARAN
Bab ini akan di uraikan tentang hasil dari kesimpulan tiap
bab dan saran penulis penelitian yang diharapkan dapat
bermanfaat bagi pihak yang bersangkutan dan bagi
pembaca pada umumnya.
DAFTAR PUSTAKA
LAMPIRAN
6
Page 26
7
BAB II
LANDASAN TEORI
Dalam sebuah penelitian harus memiliki suatu landasan teori untuk membuktikan
penelitian tersebut berkualitas, berikut ini teori-teori pendukung yang disusun
pada penelitian ini :
2.1 Rancang Bangun
Perancangan merupakan salah satu hal yang penting dalam membuat
program. Adapun tujuan dari perancangan ialah untuk memberi gambaran
yang jelas lengkap kepada pemrogram dan ahli teknik yang terlibat.
Perancangan harus berguna dan mudah dipahami sehingga mudah
digunakan.
Perancangan adalah Sebuah Proses untuk mendefinisikan sesuatu yang
akan dikerjakan dengan menggunakan teknik yang bervariasi serta di
dalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen
dan juga keterbatasan yang akan dialami dalam proses pengerjaanya.
Menurut Pressman (2012:36) perancangan atau rancang merupakan
serangkaian prosedur untuk menterjemahkan hasil analisa dan sebuah
sistem ke dalam bahasa pemrograman untuk mendeskripsikan dengan
detail bagaimana komponen-komponen sistem di implementasikan.
Menurut Pressman (2012:38) pengertian pembangunan atau bangun
sistem adalah kegiatan menciptakan sistem baru maupun mengganti atau
memperbaiki sistem yang telah ada secara keseluruhan.
Jadi dapat disimpulkan bahwa Rancang Bangun adalah penggambaran,
perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa
elemen yang terpisah kedalam suatu kesatuan yang utuh dan berfungsi.
Dengan demikian pengertian rancang bangun merupakan kegiatan
menerjemahkan hasil analisa ke dalam bentuk paket perangkat lunak
kemudian menciptakan sistem tersebut atau memperbaiki sistem yang
sudah ada.
Page 27
8
2.2 Sistem
Pengertian sistem menurut beberapa ahli yaitu, Menurut Tata Sutabri
(2012:6), pada dasarnya sistem adalah sekelompok unsur yang erat
hubungannya satu dengan yang lain, yang berfungsi bersama-sama
untuk mencapai tujuan tertentu.
James A. Hall (2011), memaparkan bahwa sistem adalah sebuah kelompok
dari dua atau lebih komponen yang saling berhubungan atau subsistem
untuk mencapai tujuan bersama.
Dari definisi diatas, dapat disimpulkan bahwa sistem adalah komponen
komponen yang saling berkaitan dan bekerjasama untuk mencapai
suatu tujuan tertentu.
2.3 Data
Menurut Gordon B. Davis yang dimuat dalam buku Tata Sutabri
(2012:1), yang menjelaskan hubungan antara data dan informasi,
informasi adalah data yang telah diproses ke dalam suatu bentuk yang
mempunyai arti bagi si penerima dan mempunyai nilai nyata dan terasa
bagi keputusan saat itu atau keputusan mendatang
Menurut Tata Sutabri (2012: 2), definisi data adalah bahan mentah yang
diproses untuk menyajikan informasi. Sedangkan menurut Sutarman
(2012:3), Data adalah fakta dari suatu pernyataan yang berasal dari
kenyataan, dimana pernyataan tersebut merupakan hasil pengukuran atau
pengamatan.
Dari pengertian diatas penulis menyimpulkan Data adalah suatu file yang
berupa karakter, tulisan dan gambar atau fakta yang dapat diolah menjadi
informasi.
8
8
Page 28
9
2.4 Informasi
Tata Sutabri (2012:29), mendefinisikan informasi sebagai data yang
telah diklasifikasi atau diinterpretasi untuk digunakan dalam proses
pengambilan keputusan. Sistem pengolahan informasi mengolah data
menjadi informasi atau tepatnya mengolah data dari bentuk tak berguna
menjadi berguna bagi penerimanya.
2.5 Pengertian Sistem Informasi
Menurut Azhar Susanto (2013:52), sistem informasi adalah kumpulan dari
sub-sub sistem baik phisik maupun non phisik yang saling berhubungan
satu sama lain dan bekerja sama secara harmonis untuk mencapai satu
tujuan yaitu mengolah data menjadi informasi yang berguna.
Pada hakekatnya sistem informasi adalah seperangkat manusia, data
dan prosedur yang bekerja sama secara koordinatif. Tekanannya terletak
pada konsep sistem yang memperlihatkan bahwa berbagai komponen yang
terlihat di dalamnya secara fungsional dan kooperatif mencapai tujuan
yang sama. Kegiatan fungsional dan kooperatif itu meliputi
pelaksanaan bisnis setiap hari, komunikasi informasi, manajemen
aktifitas dan pembuatan keputusan.
2.6 Monitoring
Monitoring dapat diartikan yaitu mengumpulkan secara teratur, mengkaji
dan bertindak atas informasi tentang pelaksanaan suatu proyek atau
kegiatan, yang pada umumnya digunakan untuk memeriksa kinerja
terhadap target serta memastikan kepatuhan terhadap peraturan .
2.7 Web mobile
Web mobile adalah aplikasi akses internet menggunakan peralatan yang
bersifat mobile berbasiskan browser yang bertujuan untuk mengakses
layanan data secara wireless. Web mobile dapat diakses pada perangkat
mobile seperti telepon seluler, PDA (Personal Digital Assistant) dan
Page 29
10
perangkat portable yang tersambung ke sebuah jaringan telekomunikasi
seluler (Janner Simarmata, 2010).
2.8 Basis Data
Menurut Rosa A.S dan M. Shalahudin (2014) Basis Data adalah sistem
terkomputerisasi yang tujuan utamanaya adalah memelihara data yang
sudah diolah atau informasi dan membuat informasi tersedia saat
dibutuhkan. Pada intinya basis data adalah media untuk menyimpan data
agar dapat diakses dengan mudah dan cepat. Sistem informasi tidak dapat
dipisahkan dengan kebutuhan akan basis data apapun bentuknya, entah file
text ataupun Database Management Sistem (DBMS) Kebutuhan basis data
dalam sistem informasi adalah untuk memasukkan, menyimpan dan
mengambil data, selain itu untuk membuat laporan berdasarkan data yang
telah disimpan. Tujuan dari dibuat nya tabel-tabel pada database adalah
untuk menyimpan data kedalam tabel-tabel agar mudah diakses. Oleh
karena itu, untuk merancang tabel-tabel yang akan dibuat maka
dibutuhkan pola pikir penyimpanan data nantinya jika dalam bentuk baris-
baris data (record) dimana setiap baris terdiri dari beberapa kolom. Maka
dengan adanya basis data tersebut dapat menyimpan surat masuk dan
keluar dalam suatu database.
2.9 Entity Relationship Diagram (ERD)
(Rosa A.S M. Shalahudin, 2014:50) ERD dikembangkan berdasarkan teori
himpunan dalam bidang matematika. ERD digunkan untuk pemodelan
basis data relasional. Sehingga jika penyimpanan basis data menggunakan
OODBMS maka perancangan basis data tidak perlu menggunakan ERD.
ERD memiliki beberapa aliran notasi seperti notasi Chen (dikembangkan
oleh Peter Chen), Barker (dikembangkan oleh Richard Barker, Ian Palmer,
Harry Ellis), notasi Crow’s Foot, dan beberapa notasi lain.
10
Page 30
11
Tabel 2.1 Simbol Entity Relationship Diagram.
Simbol Keterangan
Entity Entitas/Entity merupakan data inti yang
akan disimpan, bakal tabel pada basis
data. Penamaan entitas biasanya lebih
ke data benda dan belum merupakan
nama tabel.
Atribut Field atau kolom data yang butuh
disimpan dalam suatu entitas.
Relasi Relasi yang menghubungkan antar
entitas.
Asosiasi/ Association
Penghubung antara relasi dan entitas
dimana di kedua ujungnya memiliki
multiplicity kemungkinan jumlah
pemakaian.
ERD biasanya memiliki hubungan binary (satu relasi menghubungkan dua
buah entitas). Beberapa metode perancangan ERD menoleransi hubungan
relasi tenary (satu relasi menghubungkan tiga buah relasi atau N-ary (satu
relasi menghubungkan banyak entitas).
2.10 Metode Pengembangan Sistem
Menurut Rosa A.S M. dan Shalahudin (2014) proses pengembangan
mengubah suatu sistem perangkat lunak dengan menggunakan model-
model dan metodelogi yang digunakan dalam mengembangkan sistem
sebelumnya. Model air terjun (waterfall) menyediakan pendekatan alur
hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis,
desain, pengkodeaan, pengujian, dan tahap pendukung (support). Adapun
tahapan-tahapan yang terdapat dalam metode waterfall yaitu :
Page 31
12
a. Analisis (analysis), merupakan suatu proses pengumpulan kebutuhan
yang di lakukan secara intensif untuk menspesifikasikan perangkat
lunak seperti apa yang dibutuhkan oleh user serta perangkat lunak
tersebut sebagai memenuhi kebutuhan dari proses analisis.
b. Perancangan (desain), meerupakan tahap proses perancangan
(mendesain) sistem secara menyeluruh. Tahap ini mentranslasi
kebutuhan perangkat lunak dari tahap analisis kebutuhan ke
representasi desain agar dapat diimplementasikan menjadi program
pada tahap selanjutnya.
c. Pembuatan kode program, desain harus ditranslasikan kedalam
programperangkat lunak. Hasil dari tahap ini dalah program komputer
sesuai dengan desain yang telah dibuat pada tahap desain.
d. Pengujian, pada tahap ini pengujian fokus pada perangkat lunak secara
dari segi lojik dan fungsional dan memastikan bahwa semua bagian
sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error)
dan memastikan keluaran yang dihasilakan sama dengan yang
diinginkan.
e. Pendukung (Support), tahap pendukung atau pemeliharaan dapat
mengulangi proses pengembangan mulai dari analisis spesifikasi untuk
perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat
perangkat lunak baru.
2.11 Data Flow Diagram
(Rosa A.S M. Shalahudin, 2014:70) Data Flow Diagram (DFD) dapat
didefinisikan sebagai Diagram Alir Data (DAD) dalam bahasa Indonesia,
Data Flow diagram merupakan reprensentasi grafik yang menggambarkan
aliran informasi dan transformasi informasi yang diaplikasikan sebagai
data yang mengalir dari masukan (input) dan keluaran (output).
Data flow diagram (DFD) sebagai merepresentasikan sebuah sistem atau
perangkat lunak pada beberapa level yang lebih detail, untuk
merepersentasikan aliran informasi atau fungsi yang lebih detail. DFD
12
Page 32
13
menyediakan mekanisme untuk pemodelan fungsional ataupun pemodelan
aliran informasi. Oleh karena itu, DFD lebih sesuai digunakan untuk
memodelkan fungsi-fungsi perangkat lunak yang akan diimplementasikan
menggunakan program-program terstruktur membagi-bagi bagiannya
dengan fungsi-fungsi dan prosedur-prosedur.
Tabel 2.2 Simbol Data Flow Diagram.
Simbol Keterangan
External Entitity
Merupakan sumber atau tujuan dari aliran data dari
atau ke sistem.
Arus data (data flow)
Menggambarkan aliran data .
Proses (process)
Proses atau fungsi yang mentransformasikan data
masukan menjadi keluaran.
Simpanan data (datastore)
Komponen yang berfungsi untuk menyimpan data
atau file.
Berikut ini tahapan-tahapan perancangan dengan menggunakan DFD:
a. Membuat DFD Level 0 atau Context Diagram.
Menggambarkan sistem yang akan dibuat sebagai suatu entitas tunggal
yang berinteraksi dengan orang maupun sistem lain.
b. Membuat DFD Level 1.
Menggambarkan modul-modul yang ada dalam sistem yang akan
dikembangkan.
c. Membuat DFD Level 2.
Menggambarkan modul-modul yang di breakdown lebih detail dari
DFD level 1.
d. Membuat DFD Level 3 dan seterusnya.
Merupakan breakdown dari modul pada DFD level di atasnya.
Page 33
14
2.12 Diagram Konteks
Rosa A.S M. Shalahudin (2014:76), Diagram Konteks adalah diagram
menggambarkan proses hubungan input, output dalam sistem dan
lingkungan luar. Diagram ini menggambarkan secara terperinci mengenai
entitas - entitas yang terkait dalam sistem tersebut. Diagram konteks
merupakan gambaran umum / global mengenai sistem informasi yang
sedang berjalan melalui simbol-simbol dalam pendeskripsiannya. Simbol -
simbol yang digunakan dalam diagram konteks mewakili kegiatan antar
entity - entity yang saling berhubungan.
Tabel 2. 3 Simbol - Simbol Diagram Konteks
Merupakan saluran luar sistem yang
memberikan masukan dan menerima keluaran
data dari hasil pengolahan suatu sistem
informasi.
Data yang mengalir pada sistem informasi.
Menunjukkan nama sebuah sistem yang
sedang dikembangkan.
2.13 Kamus Data
(Rosa A.S M. Shalahudin,2014:73) kamus data (data dictionary)
dipergunakan untuk memperjelas aliran data yang digambarkan pada DFD.
Kamus data adalah kumpulan daftar elemen data yang mengalir pada
sistem perangkat lunak sehingga input dan output dapat dipahami secara
umum. Kamus data biasanya berisi :
1. Nama, nama dari data.
2. Digunakan pada, merupakan proses yang terkait data.
Simbol Keterangan
14
Page 34
15
3. Deskripsi, merupakan deskripsi data.
4. Informasi tambahan, seperti tipe data, nilai data, batas nilai data, dan
komponen yang membentuk data.
5. Kamus data memiliki beberapa simbol untuk menjelaskan informasi
tambahan sebagai berikut :
Tabel 2.4 Simbol-Simbol Kamus Data.
Simbol Keterangan
= Disusun atau terdiri dari
+ Dan
[|] Baik...atau.....
{}n N kali diulang atau bernilai banyak
( ) Data optional
*....* Batas komentar
Kamus data pada DFD nanti harus dapat dipetakan dengan hasil
perancangan basis data yang dilakukan sebelumnya. Jika ada kamus data
yang tidak dapat dipetakan pada tabel hasil perancangan basis data dengan
perancangan dengan DFD masih belum sesuai, sehingga harus ada yang
diperbaiki baik perancangan basis datanya, peracangan DFD nya atau
keduanya.
2.14 Flowchart
(Cybernur Wordpress) Flowchart adalah adalah suatu bagan dengan
simbol-simbol tertentu yang menggambarkan urutan proses secara
mendetail dan hubungan antara suatu proses (instruksi) dengan proses
lainnya dalam suatu program.
Page 35
16
Tabel 2.5 Simbol-Simbol Flowchart.
Simbol Keterangan
Input / Output Simbol input/output digunakan untuk
mewakilidata input/output.
Proses Komputerisasi
Simbol proses (processing symbol) atau simbol
pengolah yang digunakan suatu proses dengan
program terkomputerisasi.
Garis alir Simbol garis alir (flow lines symbol), digunakan
untuk menunjukkan arus dari proses.
Penghubung Simbol penghubung (connector symbol),
digunakan untuk menunjukkan sambungan dari
bagan alir yang terputus dihalaman yang sama /
dihalaman yang lain.
Keputusan Simbol keputusan (decision symbol), digunakan
untuk suatu penyelesaian kondisi didalam
program.
Proses Terdefinisi Simbol proses terdefinisi digunakan untuk
menunjukkan suatu operasi yang rinciannya
ditunjukkan ketempat lain.
Terminal
Simbol terminal digunakan untuk menunjukkan
awal dan akhir dari suatu program.
Dokumen
Menunjukkan dokumen yang digunakan untuk
input dan output baik secara manual maupun
komputerisasi.
Proses manual
Menunjukkan pekerjaan yang dilakukan secara
manual.
16
Page 36
17
Simpanan
Menunjukkan arsip.
Terminator
Digunakan untuk memberikan awal dan akhir
suatu proses.
Garis alir
Digunakan untuk menunjukkan arus dari proses.
Decision
Digunakan untuk suatu penyeleksian kondisi di
dalam program.
Keyboard
Menunjukkan input yang menggunakan
keyboard.
Hard disk
Media penyimpanan, menggunakan perangkat
hard disk.
Keterangan
Digunakan untuk memberikan keterangan yang
lainnya.
2.15 Relasi
(Wawa Wikusna) Menunjukkan adanya hubungan / relasi diantara
sejumlah entitas yang berasal dari himpunan entitas yang berbeda. Jenis-
jenis hubungan:
Page 37
18
a. One to one, setiap entitas pada himpunan entitas A berhubungan
dengan paling banyak satu entitas pada himpunan entitas B, dan begitu
sebaliknya setiap entitas pada himpunan entitas B berhubungan dengan
paling banyak satu entitas pada himpunan entitas A.
b. One to many, setiap entitas pada himpunan entitas A dapat
berhubungan dengan banyak entitas pada himpunan entitas B, dan tidak
sebaliknya dimana setiap entitas pada himpunan entitas B berhubungan
dengan paling banyak satu entitas pada himpunan entitas A.
c. Many to one, setiap entitas pada himpunan entitas A berhubungan
dengan paling banyak satu entitas pada himpunan entitas B, dan tidak
sebaliknya dimana setiap entitas pada himpunan entitas B dapat
berhubungan dengan banyak entitas pada himpunan entitas A.
d. Many to many, setiap entitas pada himpunan entitas A dapat
berhubungan dengan banyak entitas pada himpunan entitas B, dan
sebaliknya dimana setiap entitas pada himpunan entitas B dapat
berhubungan dengan banyak entitas pada himpunan entitas A.
2.16 Sistem Pengkodean
Menurut Jogiyanto (2014:384) “Pengkodean adalah suatu susunan angka
(digit), huruf dan karakter-karakter khusus yang dapat dirancang dalam
bentuk kode.” Kode digunakan untuk tujuan mengklasifikasikan data,
dimasukkan data kedalam komputer adan untuk mengambil bermacam-
macam informasi. Kode dapat berupa angka, huruf, dan karakter khusus.
Ada beberapa macam tipe kode antara lain:
1. Kode Mnemonik (Mnemonic Code) Dibuat dengan tujuan agar mudah
diingat. Kode ini dibuat dengan dasar singkatan atau mengambil
sebagian karakter dari item yang dipilih.
Contoh: Kode “L” untuk mewakili laki-laki, dan kode “P” untuk
perempuan akan mudah diingat.
18
Page 38
19
2. Kode Urut (Sequential Code) Disebut dengan kode seri (serial code)
yang merupakan kode nilai urut antara satu kode dengan kode
berikutnya.
Contoh:
001 : Kas
002 : Piutang
3. Kode Blok (Block Code) Mengklasifikasikan sistem kedalam
kelompok blok tertentu yang mencerminkan satu klasifikasi tertentu
atas dasar pemakaian maksimum yang diharapkan. Contoh:
Kelompok Nomor Kode
Harta 100-199
Utang 200-299
Modal 300-399
Pendapatan 400-499
Beban 500-599
4. Kode Grup (Group Code) Kode grup merupakan kode berdasarkan
field-field dan tiap-tiap kode mempunyai arti. Kalau anda mengamati
buku-buku teks, maka akan terlihat suatu kode yang disebut dengan
ISBN (International Standard Book Number) yang terdiri dari 10 digit
terbagi dalam 4 field. ISBN merupakan kode grup yang masing-
masing field mempunyai arti tertentu.
Contoh:
9971-5-0210-1 9971 : ISBN untuk wilayah Singapura
5 : Penerbit Dunia Ilmiah
0210 : Kode Buku
1 : No. Identifikasi
5. Kode Desimal (Decimal Code) Mengklasifikasikan kode atas dasar 10
unit angka desimal yang dimulai dari angka 0 sampai dengan angka 9,
Page 39
20
atau dari angka 100 sampai dengan angka 99 tergantung dari
banyaknya kelompok.
Contoh :
00 : Aktiva Lancar 00
100 : Kas
Berikut beberapa petunjuk pembuatan struktur kode yang baik, antara lain:
a. Harus mudah diingat Agar kode mudah diingat, maka dapat dilakukan
dengan cara menghubungkan kode tersebut dalam objek yang
mewakili dengan kodenya.
b. Harus unik Kode harus unik untuk masing-masing item yang
diwakilinya. Unik berarti tidak ada kode yang kembar.
c. Harus Fleksibel Kode harus fleksibel sehingga memungkinkan
perubahan-perubahan atau penambahan item baru dapat diwakili oleh
kode.
d. Harus efisien Kode harus sependek mungkin, supaya mudah diingat
dan juga akan efisien bila direkam atau disimpan didalam komputer.
e. Harus konsisten Kode harus konsisten dengan kode yang telah
digunakan.
f. Harus di standarisasi Kode harus di standarisasi untuk seluruh
tingkatan dan departemen dalam organisasi. Kode yang tidak standard
akan mengakibatkan kebingungan, salah pengertian dan cenderung
dapat terjadi kesalahan pemakai begitu juga dengan yang
menggunakan kode tersebut.
g. Hindari spasi Spasi didalam kode sebaiknya dihindari, karena dapat
menyebabkan kesalahan di dalam penggunaannya.
h. Hindari karakter yang mirip Karakter-karakter yang hampir serupa
bentuk dan bunyi pengucapannya sebaiknya tidak digunakan dalam
kode.
20
Page 40
21
2.17 Gambaran Software yang Digunakan
2.17.1 Adobe Dreamweaver
Adobe Dreamweaver adalah salah satu program editor halaman web atau
merupakan program penyunting-pengolah halaman web keluaran Adobe
Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran
Macromedia. Program ini banyak digunakan oleh pengembang web karena
fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir
Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe
Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe
Systems adalah Adobe Dreamweaver CS5 yang ada dalam Adobe
Creative Suite 5.
2.17.2 PHP
Menurut Anhar, (2010: 10-11), PHP adalah bahasa pemrograman script
yang paling banyak dipakai saat ini, PHP banyak dipakai untuk program
situs web dinamis, contoh terkenal dari aplikasi PHP adalah forum
(phpBB) dan MediaWiki (software di belakang Wikipedia). PHP
merupakan script yang terintegrasi dengan HTML dan berada pada server
( server side HTML embedded scripting ). PHP juga dapat dilihat sebagai
pilihan lain dari ASP.NET/C#/VB.NET Microsoft, ColdFusion
Macromedia, JSP/Java Sun Microsystems, dan CGI/Perl. Contoh aplikasi
lain yang lebih kompleks berupa CMS yang dibangun menggunakan PHP
adalah Mambo, Joomla!, Postnuke, Xaraya, dan lain-lain.
PHP dibuat pertama kali oleh Rasmus Lerdorf, yang pada awalnya dibuat
untuk menghitung jumlah pengunjung pada home pagenya.
Menurut Virgi, (2011: 10-11), Awalnya PHP kependekan dari personal
home page saat itu namanya masih Form Interpreted. Selanjutnya
pembuat PHP merilis kode sumber (open source) ke khalayak umum
sehingga banyak programmer yang tertarik untuk mengembangkan PHP.
Page 41
22
Script PHP disisipkan langsung dalam tubuh file HTML yang ditandai
dengan tag pembuka dan penutup. Sebagaimana diketahui, HTML
(HyperText Markup Language) adalah bahasa standar untuk membuat
halaman-halaman web. Ada dua pasang tag PHP yang dapat digunakan
yaitu <?php…> dan <script language=”php”>…</script>.
Kode-kode PHP ditulis diantara tag pembuka dan penutup seperti dalam
contoh-contoh berikut:
HTML
<?php
Kode PHP di sini;?>
HTML
Dan
HTML
<script language=”php”>
kode PHP di sini;
</script>
HTML
Script PHP diawali dengan tag (<?) dan diakhiri dengan tag (?>). Setiap
baris perintah / statement harus diakhiri dengan menggunakan tanda titik
koma (;). Umumnya setiap statement dituliskan dalam satu baris. Script
PHPmerupakan script yang digunakan untuk menghasilkan halaman-
halaman web. Cara penulisannnya dibedakan menjadi embedded dan non
embedded script.
2.17.3 XAMPP
XAMPP adalah perangkat lunak bebas yang mendukung banyak sistem
operasi yang merupakan kompilasi dari beberapa program. Fungsinya
adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas
program Apache HTTP Server, MySQL database dan penerjemah bahasa
yang ditulis dengan bahasa pemrograman PHP dan Perl.
22
Page 42
23
Nama XAMPP merupakan singkatan dari X (empat sistem operasi
apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam
General Public License (GNU) dan bebas, merupakan web server yang
mudah digunakan yang dapat melayani tampilan halaman web yang
dinamis.
Menurut Rachmad Hakim, (2010: 120-121), XAMPP adalah kepanjangan
yang masing-masing hurufnya adalah:
X :Program ini dapat dijalankan dibanyak sistem operasi, seperti
Windows, Linux, Mac OS, danjuga Solaris.
A :Apache, merupakan aplikasi web server. Tugas utama Apache
adalah menghasilkan halaman web yang benar kepada user
berdasarkan kode PHP yang dituliskan oleh pembuat web, maka
dapat saja suatu database diakses terlebih dahulu (misalnya dalam
MySQL) untuk mendukung halaman web yang dihasilkan.
M : MySQL, merupakan aplikasi database server. Perkembangannya
disebut SQL yang merupakan kepanjangan dari Structure Query
Language. SQL merupakan bahasa terstruktur yang digunakan
untuk mengolah database.
MySQL dapat digunakan untuk membuat dan mengelola database
besertaisinya. Kita dapat memanfaatkan MySQL untuk
menambahkan, mengubah dan menghapus data yang berada dalam
database.
P :PHP, bahasa pemrograman web. Bahasa pemrograman PHP
merupakan bahasa pemrograman untuk membuat web yang bersifat
server-side scripting. PHP memungkinkan kita untuk membuat
halaman web yang bersifat dinamis. Sistem manajemen basis data
yang sering digunakan bersama PHP adalah MySQL.
P :Perl adalah bahasa pemrograman untuk segala keperluan,
dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl
dirilis pertama kali pada tanggal 18 Desember 1987 ditandai
dengan keluarnya Perl 1.
Page 43
24
Pada versi-versi selanjutnya, Perl tersedia pula untuk berbagai
sistem operasi varian Unix (SunOS, Linux, BSD, HP-UX), juga
tersedia untuk sistem operasi seperti DOS, Windows, Power PC,
BeOS, VMS, EBCDIC, dan PocketPC.
2.17.4 MySQL
Yeni Kustiyahningsih, Devie Rosa Anamisa, (2010: 145-146), MySQL
merupakan sebuah basis data yang mengandung satu atau beberapa kolom.
Tabel terdiri atas sejumlah basis dan setiap baris mengandung satu atau
beberapa kolom. Didalam PHP telah menyediakan fungsi untuk koneksi ke
basis data dengan sejumlah fungsi untuk pengaturan baik menghubungkan
maupun memutuskan koneksi server database MySQL sebagai sarana
untuk mengumpulkan informasi.
Menurut Sucipto (2012: 137), Database adalah sistem penyimpanan
beragam jenis data dalam sebuah entitas yang besar untuk diolah
sedemikian rupa agar mudah dipergunakan lagi. Data yang disimpan bisa
sangat variatif (angka, teks, gambar, suara, dan jenis data multi-media
lainnya). Basis data merupakan kumpulan dari data yang saling
berhubungan satu dengan yang lainnya, tersimpan di perangkat keras
computer dan digunakan perangkat lunak untuk memanipulasinya.
Database merupakan salah satu komponen yang penting dalam sistem
informasi,karena merupakan basis dalam menyediakan informasi bagi para
pemakai.
MySQL adalah sistem manajemen basisdata relasi yang bersifat terbuka
atau open source. Sistem manajemen basisdata ini adalah hasil pemikiran
dari Michael “Monty” Widenius, David Axmark, dan Allan Larson pada
tahun 1995.
Tujuan awal ditulisnya program MySQL adalah untuk mengembangkan
aplikasi web. MySQL menggunakan bahasa standar SQL (Structure Query
Language) sebagai bahasa interaktif dalam mengelola data.
Perintah SQL sering juga disebut Query. MySQL menawarkan berbagai
keunggulan dibandingkan database server lain.
24
Page 44
25
Berikut ini adalah beberapa keunggulan MySQL:
1. Mampu menangani jutaan user dalam waktu yang bersamaan.
2. Mampu menampung lebih dari 50.000.000 record.
3. Sangat cepat mengeksekusi perintah.
4. Memiliki user privilege system yang mudah dan efisien.
Kelemahan MySQL:
1. Untuk koneksi ke bahasa pemrograman visual seperti vb, delphi, dan
foxpro, mysql kurang support, karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut,
dan ini yang menyebabkan mysql jarang dipakai dalam program
visual.
2. Data yang ditangani belum begitu besar.
Page 45
26
BAB III
METODE PENELITIAN
3.1 Metode Pengumpulan Data
Metode Pengumpulan data merupakan bagian yang sangat penting dalam
setiap kegiatan penelitian. Hal tersebut dilakukan untuk mendapatkan data
yang akurat, terperinci, dan dapat dipercaya serta dipertanggung jawabkan.
Maka metode pengumpulan data harus tepat agar sesuai data yang
dipelukan . Pengumpulan data yang di lakukan pada penelitian ini adalah
sebagai berikut :
1. Pengamatan (Observation)
Pengumpulan data dengan mengamati atau observation yaitu
metode pengumpulan data dengan cara pengamatan dan
pencatatan data secara langsung.
2. Teknik Wawancara
Teknik wawancara merupakan metode pengumpulan data dengan cara
mengajukan pertanyaan-pertanyaan atau tanya jawab langsung dengan
narasumber yang berhubungan dengan masalah-masalah yang dibahas
3.2 Metode Pengembangan Sistem
Metode pengembangan sistem yang digunakan dalam penelitian ini
adalah waterfall adapun tahapan yang digunakan adalah:
1. Requirment sistem
Sistem yang diharapkan oleh pengguna adalah sistem yang bisa
memberikan informasi detail mengenai “Rancang Bangun Sistem
Informasi Monitoring Unit Kegiatan Mahasiswa di IIB Darmajaya
Berbasis Web mobile”.
Page 46
27
2. Sistem design
Pada tahapan sistem design penulis membuat rancangan interface
dengan cara mendesain rancangan input dan output yang akan dipakai
pada sistem yang diusulkan.
3. Implementation
Implementasi yang dilakukan penulis pada sistem yang diusulkan
adalah dengan membuat sebuah website pada server lokal
menggunakan Joomla dengan server local XAMPP dan database PHP
MyAdmin
4. Integration & Testing
Tahapan ini adalah tahap dimana penulis mengintegrasikan antara
database yang telah dibuat dengan sistem yang di usulkan dengan cara
menghosting pada website penyedia layanan hosting, penulis
menggunakan pengkodean menggunakan bahasa pemograman PHP,
XAMPP serta perangkat lunak MySQL. Kemudian penulis melakukan
testing atau ujicoba pada sistem untuk mencari apakah terdapat error
saat melakukan integrasi.
5. Operation & Maintenance
Perangkat lunak yang sudah jadi, dijalankan serta dilakukan
pemeliharaan. Pemeliharaan yang dilakukan termasuk dalam
memperbaiki kesalahan yang tidak ditemukan pada langkah
sebelumnya.
3.3 Analisis Sistem
Tahap analisis sistem ini, penulis akan memahami kerja dari sistem yang
ada baik sistem yang sedang berjalan. Adapun hal-hal yang dilakukan dalam
tahap ini adalah sebagai berikut :
28
Page 47
28
3.3.1 Analisis Sistem Berjalan
a. Berikut akan dijelaskan tentang hasil analisis dari sistem informasi
monitoring proposal yang sedang berjalan pada IIB Darmnajaya.
1. Ketika ada kegiatan, UKM membuat proposal kegiatan
2. KMH kemudian memeriksa kelengkapan proposal kegiatan.
3. Jika Proposal kegiatan tidak lengkap maka akan dikembalikan ke
UKM untuk dilengkapi.
4. Jika lengkap maka KMH akan acc dan tanda tangan proposal
kegiatan untuk diserahkan ke WR III.
5. WR III kemudian memeriksa proposal kegiatan jika ditolak
diberitahukan ke KMH. Jika diterima maka di tandatangani dan acc
proposal kegiatan.
6. Proposal kegiatan yang telah di acc WR III diserahkan ke KMH.
7. KMH kemudian mengarsipkan dan menyerahkan proposal kegiatan
yang telah di acc dan di tanda tangan ke UKM.
DAD Sistem informasi Monitoring Proposal Kegiatan Mahasiswa yang
Sedang Berjalan dapat dilihat pada Gambar 3.1 di bawah ini
29
Page 48
29
Sistem Informasi Monitoring Proposal Kegiatan Mahasiswa
UKM KMH WR III
Gambar 3.1 DAD Sistem informasi Monitoring Proposal Kegiatan Mahasiswa
yang Sedang Berjalan
A
2 2
2
Start
Ketika ada
kegiatan
Menyiapkan
proposal
Kegiatan
Membuat
Proposal
kegiatan
Proposal 1
kegiatan
2 Proposal 1
kegiatan
Cek Proposal
kegiatan
Lengkap
2 Proposal 1
Kegiatan
diperbaiki
2 Proposal 1
Kegiatan Di
sistem
T.tangan + Acc
Proposal
kegiatan
2 Proposal
1Kegiatan
Acc
Proposal
Kegiatan
Acc
End
T Y
Lengkap
Y
Cek Proposal
kegiatan
Proposal 1
Kegiatan
Ditolak
Proposal 1
Kegiatan
Diterima
T
2 Proposal 1
Kegiatan Acc
T.tangan + Acc
Proposal
kegiatan
2 Proposal 1
Kegiatan
Acc+
t.tangan
1
1
2 Proposal 1
Kegiatan
Acc+
t.tangan
Arsipkan dan
serahkan Proposal
ke UKM
2 Proposal 1
Kegiatan
Acc+
t.tangan
Proposal 1
Kegiatan
Acc+
t.tangan
A
30
Page 49
30
b. Berikut akan dijelaskan tentang hasil analisis dari sistem informasi monitoring
dana kegiatan proposal yang berjalan pada IIB Darmajaya
1. Ketika ingin melakukan kegiatan, UKM membuat proposal dana kegiatan
yang diserahkan ke KMH.
2. KMH kemudian memeriksa berkas pengajuan dana kegiatan.
3. Jika berkas pengajuan dana kegiatan tidak lengkap maka akan
dikembalikan ke UKM untuk dilengkapi.
4. Jika lengkap maka KMH akan menyerahkan berkas pengajuan dana
kegiatan kepada WR III.
5. WR III kemudian menandatangani dan acc pengajuan dana .
6. KMH kemudian membuat laporan penerimaan dana kegiatan rangkap 2
diarsipkan dan rangkap 1 diserahkan ke UKM
Diagram Arus Dokumen Sistem monitoring dana kegiatan yang sedang
berjalan dapat dilihat pada Gambar 3.2 di bawah ini
31
Page 50
31
Sistem Informasi Monitoring Penggunaan Dana Kegiatan
UKM KMH WR III
Gambar 3.2 Diagram Arus Dokumen Sistem monitoring dana kegiatan yang
Sedang Berjalan.
A
2
Start
Ketika ingin
melakukan
kegiatan
Menyiapkan
Laporan
Kegiatan
Membuat
laporan dana kegiatan
Proposal 1 Dana
kegiatan
Memeriksa
Berkas
laporan
Dana
kegiatan
Sesuai
2 Pengajuan 1
Dana
Tdk
Sesuai
2 Pengajuan 1
Dana
Sesuai
2 Laporan 1
Dana
kegiatan
2 Pengajuan 1
Dana
Sesuai
Acc dan tanda
tangan
Berkas
Pengajuan
Dana kegiatan
T Y
2 Pengajuan 1
Dana
Acc +
T.tangan
End
A
Pengajuan 1
Dana
Acc +
T.tangan
Membuat
Laporan
Penerimaan
Dana kegiatan
2
Laporan 1 Penerimaan
Dana Kegiatan
A
Laporan 1
Penerimaan
Dana
Kegiatan
32
Page 51
32
3.3.2 Analisis Kelemahan Sistem yang Sedang Berjalan
Sistem yang berjalan pada Museum Lampung diantaranya sebagai
berikut :
a. Sub Sistem monitoring proposal yang sedang berjalan
Pada saat melakukan pemeriksaaan proposal yang masuk KMH
membutuhkan waktu yang cukup lama dan memungkinkan
terjadinya kesalahan pemeriksaan data proposal yang masuk dari
UKM.
b. Sub Sistem Monitoring dana proposal yang sedang berjalan.
Belum ada tempat Penyimpanan untuk data monitoring dana
proposal yang telah dilakukan.
Dari permasalahan yang ditemukan penulis setelah menganalisa
dan mempelajari sistem yang ada, dapat ditarik kesimpulan, bahwa
kelemahan dari pengolahan data Sistem Informasi Monitoring Unit
Kegiatan Mahasiswa IIB Darmajaya adalah pada proses
penyimpanan pada dan proses pencarian data yang cukup lama dan
sulit. Untuk mengatasi masalah tersebut, maka penulis akan
membangun sistem informasi Monitoring Unit Kegiatan
Mahasiswa IIB Damajaya. Diharapkan dengan sistem ini dapat
mengurangi atau bahkan mengatasi masalah-masalah yang muncul.
33
Page 52
33
3.3.3 Analisis Sistem Yang Diusulkan
Berikut akan dijelaskan tentang hasil analisis dari sistem informasi
monitoring proposal yang diusulkan pada IIB Darmnajaya.
1. Ketika ada kegiatan, UKM membuat proposal kegiatan
2. KMH kemudian memeriksa kelengkapan proposal kegiatan.
3. Jika Proposal kegiatan tidak lengkap maka akan dikembalikan ke UKM
untuk dilengkapi.
4. Jika lengkap maka KMH akan acc dan tanda tangan proposal kegiatan
untuk diserahkan ke WR III.
5. WR III kemudian memeriksa proposal kegiatan jika ditolak diberitahukan
ke KMH. Jika diterima maka di tandatangani dan acc proposal kegiatan.
6. Proposal kegiatan yang telah di acc WR III diserahkan ke KMH.
7. KMH kemudian mengarsipkan dan menyerahkan proposal kegiatan yang
telah di acc dan di tanda tangan ke UKM.
DAD Sistem informasi Monitoring Proposal Kegiatan Mahasiswa yang
diusulkan dapat dilihat pada Gambar 3.3 di bawah ini
34
Page 53
34
Sistem Informasi Monitoring Proposal Kegiatan Mahasiswa
UKM KMH WR III
Gambar 3.3 DAD Sistem informasi Monitoring Proposal Kegiatan Mahasiswa
yang diusulkan
A
2 2
2
Start
Ketika ada
kegiatan
Menyiapkan
proposal Kegiatan
Proposal 1
kegiatan
2 Proposal 1
kegiatan
Cek Proposal
kegiatan
Lengkap
2 Proposal 1
Kegiatan
diperbaiki
2 Proposal 1
Kegiatan
Di sistem
T.tangan+
Acc Proposal
kegiatan
2 Proposal 1
Kegiatan
Acc
Proposal
Kegiatan
Acc
End
T Y
Lengkap
Y
Cek Proposal
kegiatan
Proposal 1
Kegiatan
Ditolak
Proposal 1
Kegiatan
Diterima
T
2 Proposal 1
Kegiatan
Acc
T.tangan+
Acc Proposal
kegiatan
2 Proposal 1
Kegiatan
Acc+
t.tangan
1
1
2 Proposal 1
Kegiatan
Acc+
t.tangan
Arsipkan dan
serahkan Proposal
ke UKM
2 Proposal 1
Kegiatan
Acc+
t.tangan
Proposal 1
Kegiatan
Acc+
t.tangan
A
Membuat
laporan dana kegiatan
Input laporan
Cetak
laporan
35
Page 54
35
c. Berikut akan dijelaskan tentang hasil analisis dari sistem informasi monitoring
dana kegiatan proposal yang berjalan pada IIB Darmajaya
1. Ketika ingin melakukan kegiatan, UKM membuat proposal dana kegiatan
yang diserahkan ke KMH.
2. KMH kemudian memeriksa berkas pengajuan dana kegiatan.
3. Jika berkas pengajuan dana kegiatan tidak lengkap maka akan
dikembalikan ke UKM untuk dilengkapi.
4. Jika lengkap maka KMH akan menyerahkan berkas pengajuan dana
kegiatan kepada WR III.
5. WR III kemudian menandatangani dan acc pengajuan dana .
6. KMH kemudian membuat laporan penerimaan dana kegiatan rangkap 2
diarsipkan dan rangkap 1 diserahkan ke UKM
Diagram Arus Dokumen Sistem monitoring dana kegiatan yang diusulkan
dapat dilihat pada Gambar 3.4 di bawah ini
36
Page 55
36
Sistem Informasi Monitoring Penggunaan Dana Kegiatan
UKM KMH WR III
Gambar 3.4 Diagram Arus Dokumen Sistem monitoring dana kegiatan yang
Diusulkan.
A
2
Start
Ketika ingin
melakukan
kegiatan
Menyiapkan
Laporan
Kegiatan
Proposal 1
Dana
kegiatan
Memeriksa
Berkas
laporan
Dana
kegiatan
Sesuai
2 Pengajuan 1
Dana
Tdk
Sesuai
2 Pengajuan 1
Dana
Sesuai
2 Laporan 1
Dana
kegiatan
2 Pengajuan 1
Dana
Sesuai
Acc dan tanda
tangan
Berkas
Pengajuan
Dana kegiatan
T Y
2 Pengajuan 1
Dana
Acc +
T.tangan
End
A
Pengajuan 1
Dana
Acc +
T.tangan
Membuat
Laporan
Penerimaan
Dana kegiatan
2
Laporan 1
Penerimaan
Dana
Kegiatan
A
Laporan 1
Penerimaan
Dana
Kegiatan
Membuat
laporan dana kegiatan
Input laporan
Cetak laporan
37
Page 56
37
Berikut adalah model Rancang Bangun Sistem Informasi Monitoring Unit
Kegiatan Mahasiswa IIB Damajaya yang di usulkan yang di gambarkan
pada Context Diagram. Context diagram dapat dilihat di gambar 3.5 di
bawah.
Gambar 3.5. Context Diagram
Laporan Kegiatan Acc
Laporan Kegiatan
Pengajuan Dana Acc
Proposal Kegiatan Acc+
T.tangan
Proposal Kegiatan Acc
Pengajuan Dana Sesuai
Laporan dana Kegiatan
Proposal Kegiatan
diperbaiki
Proposal dana kegiatan
Proposal Kegiatan UKM
WR III
Rancang Bangun
Sistem Informasi
Monitoring Unit
Kegiatan Mahasiswa
IIB Damajaya
Berbasis Web mobile
Ka Biro
38
Page 57
38
Data Flow Diagram Level Nol
Tampilan Data Flow Diagram Level 0 ditunjukkan pada gambar di bawah ini :
Gambar 3.6 Data Flow Diagram (DFD) Level 0
Proposal Kegiatan Acc
Proposal Kegiatan Acc
Proposal Kegiatan
diperbaiki
Proposal dana kegiatan
Proposal Kegiatan UKM
WR III
1.0
Sub Sistem
Informasi
Monitoring
Proposal Kegiatan
2.0
Sub Sistem
Informasi
Monitoring
Dana Proposal
Proposal Dana Sesuai
Proposal Dana Kegiatan Acc Laporan dana kegiatan
39
Page 58
39
1. Data Flow Diagram (DFD)
a. Data Flow Diagram Level Satu Sub Sistem Monitoring Proposal Kegiatan
Gambar 3.7 Data Flow Diagram (DFD) Level 1 Diagram Sub Sistem informasi
Monitoring Proposal
b. Data Flow Diagram Level Satu Sub Sistem Monitoring Proposal Kegiatan
Gambar 3.8 Data Flow Diagram (DFD) Level 1 Diagram Sub Sistem informasi
Monitoring Dana Proposal
Proposal Kegiatan
1.2
Input
Proposal
Kegiatan
UKM
Bidang
Kemahasiswaan
DB_KMH
1.1
Periksa
Data
Proposal
1.3
Acc Proposal
Kegiatan
Proposal Kegiatan
Proposal Kegiatan
Proposal Kegiatan
Proposal Kegiatan
Acc
Proposal Kegiatan
Acc
Pengajuan dana
kegiatan
2.2
Input
Pengajuan
dana
UKM
Bidang
Kemahasiswaan
DB_KMH
2.1
Periksa
Berkas
pengajuan
dana
2.3
Acc Pengajuan
Dana
Pengajuan Dana
Pengajuan Dana
Pengajuan Dana
Pengajuan Dana Acc
Pengajuan Dana
Acc
40
Page 59
40
3.3.4 Rancangan Program
Dalam pembahasan ini, akan membahas tentang output dan input yang
akan dirancang dalam proses pengembangan sistem:
3.3.4.1 Rancangan Output
3.3.4.1.1 Rancangan Output UKM
Gambar 3.9. Perancangan Output Laporan Proposal Per Periode
3.3.4.1.2 Rancangan Output Admin
Laporan data Proposal Per UKM
Gambar 3.10. Perancangan Output Laporan Proposal Per UKM
41
Page 60
41
3.3.4.2 Rancangan Input
Dalam pembahasan ini, penulis akan menampilkan Input yang akan di
rancang dalam pembuatan sistem informasi.
3.3.4.2.1 Rancangan Input Menu UKM
a. Perancangan Menu Utama
7
Gambar 3.11 Tampilan Menu Utama UKM
b. Menu Profil UKM
Gambar 3.12 Tampilan Update Profil UKM
DARMAJAYA Dashboard> UKM IIB Darmajaya 2019
HOME
PROFIL UKM
PASSWORD
LOG OUT
PROPOSAL
BIAYA PROPOSAL
LAPORAN
DARMAJAYA Dashboard> UKM IIB Darmajaya 2019
HOME
PROFIL UKM
PASSWORD
LOG OUT
PROPOSAL
BIAYA PROPOSAL
LAPORAN
Update Profil UKM
Nama UKM Deskripsi Program Kerja Foto/ Logo Choose file
Update Profil Batal
42
Page 61
42
c. Menu Proposal
Gambar 3.13 Tampilan Data Upload Proposal
d. Menu Biaya Proposal
Gambar 3.14 Tampilan Input Data Biaya Proposal
DARMAJAYA Dashboard> UKM IIB Darmajaya 2019
HOME
PROFIL UKM
PASSWORD
LOG OUT
PROPOSAL
BIAYA PROPOSAL
LAPORAN
Form Biaya Proposal
Tgl Proposal/ Status
Judul Proposal
Add Biaya
Selesai
No Keterangan Biaya Action
HAPUS
HAPUS
Total
DARMAJAYA Dashboard> UKM IIB Darmajaya 2019
HOME
PROFIL UKM
PASSWORD
LOG OUT
PROPOSAL
BIAYA PROPOSAL
LAPORAN
Form Upload Proposal
Judul Proposal
File Proposal
Isi Proposal
Choose file
Upload Proposal Batal
43
Page 62
43
3.3.4.2.2 Rancangan Input Menu KMH
a. Halaman KMH
Gambar 3.15 Tampilan Halaman KMH
b. Menu Edit Profil KMH
Gambar 3.16 Tampilan Update Profil KMH
DARMAJAYA Dashboard>KMH IIB Darmajaya 2019
HOME
EDIT PROFIL
UBAH PASSWORD
LOG OUT
PROPOSAL MASUK
BIAYA PROPOSAL
DARMAJAYA Dashboard>KMH IIB Darmajaya 2019
HOME
EDIT PROFIL
UBAH PASSWORD
LOG OUT
PROPOSAL MASUK
BIAYA PROPOSAL
Update Profil
Nama Kemahasiswaan
Deskripsi
Foto/ Logo Choose file
Update Profil Batal
44
Page 63
44
DARMAJAYA Dashboard> KMH IIB Darmajaya 2019
c. Menu Proposal Masuk
Gambar 3.17 Update Data Proposal Masuk
d. Menu Biaya Proposal
Gambar 3.18 Tampilan Rincian Biaya Proposal
DARMAJAYA Dashboard> KMH IIB Darmajaya 2019
HOME
EDIT PROFIL
UBAH PASSWORD
LOG OUT
PROPOSAL MASUK
BIAYA PROPOSAL
Form Status Proposal
Status Proposal
Update Data Batal
Form Biaya Proposal
Tgl Proposal/ Status
Judul Proposal
Diterima
No Keterangan Biaya Action
HAPUS
HAPUS
Total
Ditolak
HOME
EDIT PROFIL
UBAH PASSWORD
LOG OUT
PROPOSAL MASUK
BIAYA PROPOSAL
45
Page 64
45
3.3.4.2.3 Rancangan Input Menu Admin
a. Perancangan Menu Utama
Gambar 3.19 Perancangan Menu Utama
b. Perancangan Tambah Data User Akun
Gambar 3.20 Perancangan Tambah Data user Akun
ADMINISTRATOR DARMAJAYA Dashboard
HOME
DATA USER AKUN
DATA UKM
LOG OUT
DATA KMH
LAPORAN
ADMINISTRATOR DARMAJAYA Dashboard
HOME
DATA USER AKUN
DATA UKM
LOG OUT
DATA KMH
LAPORAN
Form User Akun
Nama User
Username
Password
Level Akun
Simpan Batal
46
Page 65
46
c. Perancangan Tambah Data UKM
Gambar 3.21 Perancangan Tambah Data UKM
d. Perancangan Tambah Data KMH
Gambar 3.22 Perancangan Tambah Data KMH
ADMINISTRATOR DARMAJAYA Dashboard
HOME
DATA USER AKUN
DATA UKM
LOG OUT
DATA KMH
LAPORAN
Form Input UKM
Nama UKM
User UKM
Simpan Batal
ADMINISTRATOR DARMAJAYA Dashboard
HOME
DATA USER AKUN
DATA UKM
LOG OUT
DATA KMH
LAPORAN
Form Input KMH
Nama Kemahasiswaan User Akun
Simpan Batal
47
Page 66
47
3.3.4.3 Kamus Data
Tabel 3.1 Desain File User_akun
Nama Database : DB_Kemahasiswaan
Nama Tabel : User_Akun
Media Penyimpan : Harddisk
Field Kunci : Id_User
No Field name Type Width Description
1 Id_User Int 5 Id_User
2 Nama_User Varchar 15 Nama_User
3 Username Varchar 6 Username
4 Password Varchar 6 Password
5 Level_Akun Varchar 6 Level_Akun
Tabel 3.2 Desain File UKM
Nama Database : DB_Kemahasiswaan
Nama Tabel : UKM
Media Penyimpan : Harddisk
Field Kunci : Id_UKM
No Field name Type Width Description
1 Id_UKM Int 5 Id_UKM
2 Nama_UKM Varchar 15 Nama_UKM
3 Username Varchar 6 Username
4 Password Varchar 6 Password
5 Deskripsi Varchar 30 Deskripsi
6 Logo Varchar 8 Logo
7 Prokja Varchar 30 Program Kerja
Tabel 3.3 Desain File KMH
Nama Database : DB_Kemahasiswaan
Nama Tabel : KMH
Media Penyimpan : Harddisk
Field Kunci : Id_KMH
No Field name Type Width Description
1 Id_KMH Int 5 Id_UKM
2 Nama_KMH Varchar 15 Nama_UKM
3 Username Varchar 6 Username
4 Password Varchar 6 Password
5 Deskripsi Varchar 30 Deskripsi
48
Page 67
48
Tabel 3.4 Desain File Proposal
Nama Database : DB_Kemahasiswaan
Nama Tabel : Proposal
Media Penyimpan : Harddisk
Field Kunci : Id_Proposal
No Field name Type Width Description
1 Id_Proposal Int 5 Id_Proposal
2 Id_UKM Varchar 5 Id_UKM
3 Id_KMH Varchar 5 Id_KMH
4 Tgl_proposal Date 8 Tgl_proposal
5 Judul_proposal Varchar 20 Judul_proposal
6 Status_Proposal Varchar 8 Status_Proposal
7 Status_Biaya Varchar 8 Status_Biaya
8 File_proposal Varchar 10 File_proposal
9 Isi_Proposal Varchar 50 Isi Proposal
Tabel 3.5 Desain File Biaya_Proposal
Nama Database : DB_Kemahasiswaan
Nama Tabel : Biaya_Proposal
Media Penyimpan : Harddisk
Field Kunci : Id_Biaya
Kunci Tamu : Id_Proposal
No Field name Type Width Description
1 Id_biaya Int 5 Id_biaya
2 Id_proposal Int 5 Id_proposal
3 Keterangan Varchar 15 Keterangan
4 Biaya Int 8 Biaya
5 Judul_proposal Varchar 15 Judul_proposal
3.3.4.4 Relasi Antar Tabel
Relasi Antar Tabel pada hubungan antara tabel dangan tabel yang lain dan saling
berhubungan (berelasi), Bentuk Relasi Antar Tabel dapat dilihat pada gambar
berikut ini
49
Page 68
49
Gambar 3.23 Relasi Antar Tabel
Keterangan
= Relasi One to One
= Relasi One to many
* = Primary Key (Kunci Utama)
** = Foreign Key (Kunci Tamu)
3.3.4.5 Entity Relationship Diagram
Bentuk Entity Relationship Diagram (ERD) pada hubungan antara file atau suatu
hubungan satu berbanding banyak, Bentuk Entity Relationship Diagram (ERD)
dapat dilihat pada gambar berikut ini
50
Page 69
50
Gambar 3.24 Entity Relationship Diagram (ERD)
3.3.4.6 Sistem Kode
Kode digunakan untuk mengklasifikasikan data, memasukkan data
ke dalam komputer dan untuk mengambil bermacam-macam
informasi yang berhubungan dengannya.
a. Id UKM
Pengkodean untuk Proposal menggunakan sistem pengkodean
Mnemonik terdiri dari 5 digit.
Contoh : 10001
Keterangan :
1001 : Nomor Urut UKM
b. Id KMH
Pengkodean untuk KMH menggunakan sistem pengkodean
Mnemonik terdiri dari 5 digit.
Contoh : 20005
Keterangan :
2005 : Nomor Urut KMH
51
Page 70
51
c. Id Proposal
Pengkodean untuk Proposal menggunakan sistem pengkodean
Mnemonik terdiri dari 5 digit.
Contoh : 30003
Keterangan :
3005 : Nomor Urut Proposal
3.3.4.7 Flowchart Program
3.3.4.7.1 Flowchart Program UKM
1 Flowchart Login
Gambar 3.25 Flowchart Login
Mulai
Login
Input Username
dan Password
Password
benar
Menu
Y
Tampilkan
Pesan “Maaf Akses
ditolak Mohon cek
Kembali user dan Id dan Password Anda”
52
Page 71
52
2 Flowchart Menu Utama
Gambar 3.26 Flowchart Menu Utama
3 Flowchart Profil UKM
Profil UKM
Update Nama,
deskripsi, logo
Update
Y ada data
lagi?
simpan
Simpan
Keluar
T
Y
Batal
Gambar 3.27 Flowchart Profil UKM
Pilihan 5 Laporan
Menu Utama :
1. Profil UKM
2. Password
3. Proposal
4. Biaya Proposal
5. Laporan
6. Log Out
Selesai
Menu
Biaya Proposal
T
T
Y
Y
Y
Pilihan 1
Pilihan 2
Profil UKM
Password
Pilihan 3 Proposal
Pilihan 4
T
Y
53
Page 72
53
4 Flowchart Proposal
5 Flowchart Biaya Proposal
Proposal
Judul Proposal, File
Proposal
Upload
Y ada data
lagi?
Simpan
Simpan
Keluar
Y
T
Y
Batal T
Gambar 3.28 Flowchart Proposal
Biaya Proposal
Tgl, Status, no,
keterangan, biaya
Add
Y ada data
lagi?
simpan
Simpan
Keluar
Y
T
Y
Batal T
Gambar 3.29 Flowchart Biaya Proposal
54
Page 73
54
3.3.4.7.2 Flowchart Program KMH
1 Flowchart Login
Gambar 3.30 Flowchart Login
Mulai
Login
Input Username
dan Password
Password
benar
T
Menu
Y
Tampilkan
Pesan “Maaf Akses
ditolak Mohon cek
Kembali user dan Id
dan Password Anda”
55
Page 74
55
2 Flowchart Menu Utama
Gambar 3.31 Flowchart Menu Utama
3 Flowchart Edit Profil KMH
Edit Profil
Update Nama,
deskripsi, logo
Update
Y ada data
lagi?
simpan
Simpan
Keluar
Y
T
Batal T
Gambar 3.32 Flowchart Edit Profil
T
Pilihan 5 Log Out
Menu Utama :
1. Edit Profil
2. Ubah Password
3. Proposal Masuk
4. Biaya Proposal
5. Log Out
Selesai
Menu
Biaya Proposal
T
T
Y
T
Y
Pilihan 1
Pilihan 2
Edit Profil
Ubah Password
Pilihan 3 Proposal Masuk
Pilihan 4
T
Y
56
Page 75
56
4 Flowchart Proposal
5 Flowchart Biaya Proposal
Proposal
Diterima/ ditolak
Update
data
Y ada data
lagi?
simpan
Simpan
Keluar
Y
T
Y
Batal T
Gambar 3.33 Flowchart Proposal
Biaya Proposal
Diterima/ ditolak
Update
ada data
lagi?
simpan
Simpan
Keluar
Y
T
Y
Batal T
Gambar 3.34 Flowchart Biaya Proposal
57
Page 76
57
3.3.4.7.3 Flowchart Program Admin
1 Flowchart Login
Gambar 3.35 Flowchart Login
Mulai
Login
Input Username
dan Password
Passwor
d benar
T
Menu
Y
Tampilkan
Pesan “Maaf Akses
ditolak Mohon cek
Kembali user dan Id
dan Password Anda”
58
Page 77
58
2 Flowchart Menu Utama
Gambar 3.36 Flowchart Menu Utama
3 Flowchart User Akun
User Akun
Nama User,
Username,
Password, level
Tambah
User
Y ada data
lagi?
simpan
Simpan
Keluar
Y
T
Y
Batal
Gambar 3.37 Flowchart User Akun
T Y
Pilihan 5 Logout
Menu Utama :
1. Home
2. Data User Akun
3. Data UKM
4. Data KMH
5. Laporan
6. Log Out
Selesai
Menu
Laporan
T
T
Y
Y
T
Y
Pilihan 1
Pilihan 2
DataUser
Akun
Data UKM
Pilihan 3 Data KMH
Pilihan 4
T
Y
59
Page 78
59
4 Flowchart UKM
5 Flowchart KMH
UKM
Nama UKM, User
Akun, deskripsi, logo
Tambah
UKM
Y ada data
lagi?
simpan
Simpan
Keluar
T
Y
Batal T
Gambar 3.38 Flowchart User Akun
Gambar 3.39 Flowchart KMH
KMH
Input id, Nama,
deskripsi, foto
Tambah
Y ada data
lagi?
simpan
Simpan
Keluar
Y
T
Y
Batal
60
Page 79
60
BAB IV
HASIL PENELITIAN DAN PEMBAHASAN
4.1 Hasil Penelitian
Berdasarkan permasalahan-permasalahan yang telah ditemukan pada proses
analisis sebelumnya, maka dibangun sebuah sistem yang mengolah tentang
pengarsipan dokumen. Berikut penjelasan program dari sistem yang siap untuk
digunakan :
4.1.1 Antar Muka Program
Hasil dari program yang telah dibangun akan dijelaskan dalam pembahasan
berikut ini :
1. Menu User
a. Menu Utama
Pada menu utama terdapat pilihan menu diantaranya Home, Profil UKM dan
Login. Tampilan Menu Utama dapat dilihat pada Gambar 4.1 berikut ini :
Gambar 4.1.Tampilan Menu Utama
Page 80
61
b. Profil
Pada Menu profil terdapat data yang menampilkan data profil. Tampilan profil
dapat dilihat pada Gambar 4.2 berikut ini :
Gambar 4.3 Tampilan Profil UKM Musik
b. Menu Login
Pada menu Login terdapat data untuk masuk ke halaman UKM, KMH dan Admin.
Tampilan Menu login dapat dilihat pada Gambar 4.4 berikut ini :
Gambar 4.2 Tampilan Profil
62
Page 81
62
Gambar 4.4 Tampilan Menu Login
2. Menu UKM
a. Halaman UKM
Pada menu halaman KMH terdapat sub menu pilihan untuk memasukkan data
pada halaman UKM. Tampilan Halaman UKM dapat dilihat pada Gambar 4.5
berikut ini :
Gambar 4.5 Tampilan Halaman UKM
b. Menu Profil UKM
Form Profil UKM berfungsi untuk mengubah data UKM. Tampilan update
UKM dapat dilihat pada Gambar berikut ini :
63
Page 82
63
Gambar 4.6 Tampilan Update Profil UKM
c. Menu Proposal
Form Proposal berfungsi untuk menampilkan dan upload data proposal.
Tampilan data proposal dapat dilihat pada Gambar berikut ini :
Gambar 4.7 Tampilan Data Proposal
Gambar 4.8 Tampilan Data Upload Proposal
64
Page 83
64
d. Menu Biaya Proposal
Form Biaya Proposal berfungsi untuk menampilkan dan upload data biaya
proposal. Tampilan data proposal dapat dilihat pada Gambar berikut ini :
Gambar 4.9 Tampilan Data Biaya Proposal
Gambar 4.10 Tampilan Input Data Biaya Proposal
e. Menu Laporan
Form laporan berfungsi untuk menampilkan data dan mencetak laporan.
Tampilan data laporan dapat dilihat pada Gambar berikut ini :
65
Page 84
65
Gambar 4.11 Tampilan Laporan
3. Menu KMH
a. Halaman KMH
Pada menu halaman KMH terdapat sub menu pilihan untuk memasukkan data
pada halaman KMH. Tampilan Halaman KMH dapat dilihat pada Gambar berikut
ini :
Gambar 4.12 Tampilan Halaman KMH
b. Menu Edit Profil KMH
Form Profil KMH berfungsi untuk mengubah data KMH. Tampilan update
KMH dapat dilihat pada Gambar berikut ini :
66
Page 85
66
Gambar 4.13 Tampilan Update Profil KMH
c. Menu Proposal Masuk
Form Proposal Masuk berfungsi untuk menampilkan dan update data
proposal masuk. Tampilan data proposal masuk dapat dilihat pada Gambar
berikut ini :
Gambar 4.14 Tampilan Data Proposal
Gambar 4.15 Update Data Proposal Masuk
67
Page 86
67
d. Menu Biaya Proposal
Form Biaya Proposal berfungsi untuk menampilkan dan upload data biaya
proposal. Tampilan data proposal dapat dilihat pada Gambar berikut ini :
Gambar 4.16 Tampilan Data Biaya Proposal
Gambar 4.17 Tampilan Rincian Biaya Proposal
4. Menu Admin
a. Form Menu Utama
Menu Utama terdiri dari sub menu dan log out. Tampilan menu utama dapat
dilihat pada Gambar 4.18 berikut ini :
68
Page 87
68
Gambar 4.18 Tampilan Menu Utama
c. Menu User Akun
Form User Akun berfungsi untuk memasukkan data User Akun. Tampilan
User Akun dapat dilihat pada Gambar berikut ini :
Gambar 4.19 Tampilan data User Akun
Gambar 4.20 Tampilan Tambah Data User Akun
69
Page 88
69
d. Input Data UKM
Form input data UKM berfungsi untuk memasukkan data UKM Tampilan input
UKM dapat dilihat pada Gambar berikut ini :
Gambar 4.21 Tampilan data UKM
aa UKM
e. Data KMH
Form data KMH berfungsi untuk menampilkan data KMH. Tampilan data KMH
dapat dilihat pada Gambar berikut ini :
Gambar 4.22 Tampilan Tambah Data UKM
70
Page 89
70
Gambar 4.23 Tampilan data KMH
Gambar 4.24 Tampilan Tambah Data KMH
g. Data Laporan
Form Laporan berfungsi untuk menampilkan data laporan Tampilan Data
laporan dapat dilihat pada Gambar berikut ini
71 71
Page 90
71
Gambar 4.25 Tampilan Data Laporan
Gambar 4.26 Tampilan Laporan UKM
4.2 Pembahasan
Berdasarkan uraian yang telah dijelaskan diatas, program memiliki kelebihan dan
kekurangan. Kelebihan dan kekurangan dari program yang telah dibuat akan
dijelaskan dalam pembahasan berikut ini :
72
Page 91
72
4.2.1 Kelebihan Program
Kelebihan dari sistem baru ini adalah sebagai berikut :
1. Dari segi tampilan, sistem ini lebih menarik karena berbasiskan Grafis.
Sehingga memudahkan pengoperasiannya bagi para pengguna sistem ini
(user friendly).
2. Sistem pengolahan data ini memiliki database yang cukup baik, sehingga
dapat menampung data cukup besar.
4.2.2 Kekurangan Program
Selain mempunyai kelebihan, sebuah sistem baru pun sudah pasti mempunyai
kekurangan, kekurangan sistem baru antara lain:
1. Biaya yang dibutuhkan untuk sistem ini dan tidak adanya pengamanan bila
terjadi pencurian data.
2. Apabila terjadi kesalahan dalam penginputan data maka data yang sudah
disimpan tidak dapat dirubah lagi.
73
Page 92
73
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Berdasarkan pembahasan pada bab sebelumnya dapat disimpulkan bahwa
dengan menggunakan rancangan sistem baru, yaitu sistem komputerisasi yang
diajukan sebagai pengganti sistem lama, dapat menghasilkan informasi yang
dibutuhkan secara efektif dan efisien sehingga pembuatan data tidak terlambat.
Selain itu Rancang Bangun Sistem Informasi Monitoring Unit Kegiatan
Mahasiswa IIB Damajaya yang baru ini lebih mudah dalam proses melakukan
monitoring proposal dan dana yang diusulkan .
5.2 Saran
Berdasarkan simpulan dari hasil penelitian yang telah diuraikan, maka saran
yang dapat diberikan untuk pengembangan lebih lanjut dari Rancang Bangun
Sistem Informasi Monitoring Unit Kegiatan Mahasiswa IIB Damajaya antara lain:
1. Perlu adanya pemeliharaan serta pengembangan dan penyempurnaan sistem,
maka dilakukan evaluasi dalam jangka waktu tertentu. Evaluasi menyangkut
kemungkinan pengembangan sistem yang lebih baik dan di sesuaikan
dengan perkembangan dan kemajuan.
2. Memberikan pelatihan kembali kepada bagian Administrasi jika terjadi
pengembangan dan penyempurnaan sistem yang mampu memahami
prosedur pemakaian Rancang Bangun Sistem Informasi Monitoring Unit
Kegiatan Mahasiswa IIB Damajaya ini dengan tepat, sehingga dapat
memperlancar proses informasi dan menghindari kesalahan yang dapat
menghambat kelancaran operasional.
Page 93
74
DAFTAR PUSTAKA
A Hall, James.2011.Sistem Informasi Akuntansi, Edisi 4, Jakarta:Salemba Empat.
Anhar. 2010. PHP & MySql Secara Otodidak. Jakarta: PT TransMedia
A.S Rosa , dan M.Shalahuddin. 2014. Rekayasa Perangkat Lunak Struktur dan.
Berorientasi Objek. Bandung : Informatika.
Azhar Susanto. 2013. Sistem Informasi Akuntansi. Bandung: Lingga Jaya.
Janner, Simarmata. 2010. Rekayasa Perangkat Lunak.Yogyakarta: Penerbit Andi.
Jogiyanto. (2014). Analisis dan Desain Sistem Informasi, Sistem Informasi :
Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta:
Andi Offset.
Kustiyahningsih, Yeni dan Amanisa, Rosa devie.2010. Pemrograman Basis Data.
Berbasis Web Menggunakan PHP & MySQL. Graha Ilmu. Yogyakarta.
Rachmad Hakim, 2010. Panduan Menguasai PHP & MySQL Secara Otodidak.
Mediakita. Jakarta.
Roger, S. Pressman, Ph.D. , 2012, Rekayasa Perangkat Lunak (Pendekatan.
Praktisi) Edisi 7 : Buku 1 “, Yogyakarta: Andi
Sucipto, 2012. Teknologi Informasi. Yogyakarta : Gosyen
Sutarman. 2012. Pengantar Teknologi Informasi. Jakarta: PT. Bumi Aksara.
Tata Sutabri. 2012. Analisis Sistem Informasi. Andi. Yogyakarta.
Virgi, 2011. Cepat Mahir Pemrograman Web Dengan PHP Dan. MySQL.
Penerbit Prestasi Pustaka, Jakarta
Page 95
76
LISTING PROGRAM
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xht
ml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Admin - IIB
Darmajaya</title>
</head>
<body>
<div class="content">
<div class="breadLine">
<ul class="breadcrumb">
<li><a
href="?p=home">Dashboard</a>
<span
class="divider">></span></li>
<li class="active">Admin
IIB Darmajaya © 2019</li>
</ul>
</div>
<div class="workplace">
<div
class="row-fluid">
<?php
echo"<img
src='images/bgutama.png' />";
?>
</body>
</html>
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xht
ml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>IIB DARMAJAYA</title>
</head>
<body>
<?php
if ($_GET['p']=='home')
{
include "home.php";
}
else
if ($_GET['p']=='profil')
{
include "modul/profil/profil.php";
}
else
if ($_GET['p']=='ukm')
{
include "modul/ukm/ukm.php";
}
else
if ($_GET['p']=='user')
{
include "modul/user/user.php";
}
else
if ($_GET['p']=='kmh')
{
include "modul/kmh/kmh.php";
Page 96
2
}
else
if ($_GET['p']=='laporan')
{
include
"modul/laporan/laporan.php";
}
else
{
include "not_found.php";
}
?>
</body>
</html>
<?php
session_start();
error_reporting(0);
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
include "403.html";
}
else{
include
"../identik_config/koneksi.php";
include
"../identik_config/library.php";
include
"../identik_config/fungsi_indotgl.php
";
include
"../identik_config/fungsi_jam.php";
include
"../identik_config/fungsi_tgl.php";
include
"../identik_config/fungsi_combobox.
php";
include
"../identik_config/class_paging.php";
include
"../identik_config/fungsi_rupiah.php"
;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width,
initial-scale=1.0, maximum-
scale=1.0, user-scalable=0" />
<!--[if gt IE 8]>
<meta http-equiv="X-UA-
Compatible" content="IE=edge" />
<![endif]-->
<title>IIB DARMAJAYA</title>
<link rel="icon" type="image/ico"
href="favicon.ico"/>
<link href="css/stylesheets.css"
rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<link href="css/ie7.css"
rel="stylesheet" type="text/css" />
<![endif]-->
<link rel='stylesheet'
type='text/css'
href='css/fullcalendar.print.css'
media='print' />
<link rel="stylesheet"
href="css/calendar.css">
<link rel='stylesheet'
type='text/css' href='css/facebox.css'
media='screen' />
<link rel="stylesheet"
href="css/facebox.css">
<script type='text/javascript'
src='js/jquery.min.js'></script>
<script type='text/javascript'
src='js/jquery-ui.min.js'></script>
<script type='text/javascript'
src='js/plugins/jquery/jquery.mousew
heel.min.js'></script>
<script type='text/javascript'
src='js/plugins/cookie/jquery.cookies
.2.2.0.min.js'></script>
Page 97
3
<script type='text/javascript'
src='js/plugins/bootstrap.min.js'></sc
ript>
<script type='text/javascript'
src='js/plugins/charts/excanvas.min.j
s'></script>
<script type='text/javascript'
src='js/plugins/charts/jquery.flot.js'>
</script>
<script type='text/javascript'
src='js/plugins/charts/jquery.flot.stac
k.js'></script>
<script type='text/javascript'
src='js/plugins/charts/jquery.flot.pie.j
s'></script>
<script type='text/javascript'
src='js/plugins/charts/jquery.flot.resi
ze.js'></script>
<script type='text/javascript'
src='js/plugins/sparklines/jquery.spar
kline.min.js'></script>
<script type='text/javascript'
src='js/plugins/fullcalendar/fullcalen
dar.min.js'></script>
<script type='text/javascript'
src='js/plugins/select2/select2.min.js'
></script>
<script type='text/javascript'
src='js/plugins/uniform/uniform.js'><
/script>
<script type='text/javascript'
src='js/plugins/maskedinput/jquery.m
askedinput-1.3.min.js'></script>
<script type='text/javascript'
src='js/plugins/validation/languages/j
query.validationEngine-en.js'
charset='utf-8'></script>
<script type='text/javascript'
src='js/plugins/validation/jquery.vali
dationEngine.js' charset='utf-
8'></script>
<script type='text/javascript'
src='js/plugins/mcustomscrollbar/jqu
ery.mCustomScrollbar.min.js'></scri
pt>
<script type='text/javascript'
src='js/plugins/animatedprogressbar/
animated_progressbar.js'></script>
<script type='text/javascript'
src='js/plugins/qtip/jquery.qtip-1.0.0-
rc3.min.js'></script>
<script type='text/javascript'
src='js/plugins/cleditor/jquery.cledito
r.js'></script>
<script type='text/javascript'
src='js/plugins/dataTables/jquery.dat
aTables.min.js'></script>
<script type='text/javascript'
src='js/plugins/fancybox/jquery.fanc
ybox.pack.js'></script>
<script type='text/javascript'
src='js/cookies.js'></script>
<script type='text/javascript'
src='js/actions.js'></script>
<script type='text/javascript'
src='js/charts.js'></script>
<script type='text/javascript'
src='js/plugins.js'></script>
<script type='text/javascript'
src='js/my.js'></script>
<script type='text/javascript'
src='js/calendar_db.js'></script>
<script type='text/javascript'
src='js/facebox.js'></script>
</head>
<body>
<div class="header">
<a class="logo"
href="media.php?p=home"><img
src="img/logo2.png" alt="Aquarius -
responsive admin panel"
Page 98
4
title="Aquarius - responsive admin
panel"/></a>
<ul class="header_menu">
<li class="list_icon"><a
href="#"> </a></li>
</ul>
</div>
<div class="menu">
<?php include
"menu.php"; ?>
<div
class="dr"><span></span></div>
<div class="widget-fluid">
<div
id="menuDatepicker"></div>
</div>
</div>
<?php
include "konten.php";
?>
</body>
</html>
<?php
}
?>
<!DOCTYPE html PUBLIC "-
//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD
/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xht
ml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>IIB DARMAJAYA</title>
</head>
<body>
<div class="breadLine">
<div class="arrow"></div>
<div class="adminControl
active">
<?php echo "IIB
DARMAJAYA"; ?>
</div>
</div>
<div class="admin">
</div>
<ul class="navigation">
<li class="active">
<a href="?p=home">
<span class="isw-
grid"></span><span
class="text">HOME</span>
</a>
</li>
<li ><a
href="?p=user"><span class="isw-
list"></span><span
class="text">DATA USER
AKUN</span></a></li>
<li><a
href="?p=ukm"><span class="isw-
list"></span><span
class="text">DATA
UKM</span></a></li>
<li ><a
href="?p=kmh"><span class="isw-
list"></span><span
class="text">DATA
KMH</span></a></li>
<li ><a
href="?p=laporan"><span
class="isw-list"></span><span
class="text">LAPORAN</span></a
></li>
<li ><a
href="logout.php"><span
class="isw-list"></span><span
Page 99
5
class="text">LOGOUT</span></a>
</li>
</ul>
</body>
</html>
<script language="JavaScript">
function konfirmasi(id_kapal) {
tanya = confirm('Anda yakin
ingin menghapus data ini.?');
if (tanya == true) return true;
else return false;
}
</script>
<script language=Javascript>
function isNumberKey(evt)
{
var charCode = (evt.which) ?
evt.which : event.keyCode
if (charCode > 31 && (charCode <
48 || charCode > 57))
return false;
return true;
}
</script>
<script language="javascript">
function validasi(form1){
if (form1.nama_kmh.value == ""){
alert("Mohon lengkapi data
input.");
form1.nama_kmh.focus();
return (false);
}
if (form1.id_user.value == ""){
alert("Mohon lengkapi Data.");
form1.id_user.focus();
return (false);
}
return (true);
}
</script>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
$aksi="modul/kmh/aksi_kmh.php";
switch($_GET[aksi]){
default:
echo "<div class='content'>
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<a
href='?p=kmh&aksi=tambah'
role='button'
class='btn'>TAMBAH</a>
<div class='row-fluid'>
<div class='span12'>
<div class='head
clearfix'>
<div class='isw-
grid'></div><h1>TABEL DATA
KEMAHASISWAAN</h1>
</div>
Page 100
6
<div class='block-fluid
table-sorting clearfix'>
<table cellpadding='0'
cellspacing='0' width='100%'
class='table' id='tSortable'>
<thead>
<tr>
<th
width='2%'>No.</th>
<th
width='15%'>Kemahasiswaan</th>
<th
width='10%'>Deskripsi</th>
<th
width='10%'>Foto</th>
<th
width='2%'>Action</th>
</tr>
</thead>
<tbody>";
$no=1;
$tp=mysql_query("SELECT
* FROM tbl_kmh ORDER BY
id_kmh ASC");
while($r=mysql_fetch_array(
$tp)){
echo"
<tr>
<td>$no</td>
<td>$r[nama_kmh]</td>
<td>$r[deskripsi_kmh]</td>
<td><img
src='../images/$r[foto_kmh]'
width='100'></td>
<td>
<a
href='?p=kmh&aksi=edit&id=$r[id_
kmh]' class='icon-pencil tip'
title='edit'> </a> |
<a
href='$aksi?act=hapus&id=$r[id_km
h]' class='icon-trash tip' title='Hapus'
onclick=\"return
konfirmasi('".$r[id_kapal]."')\"> </a>
</td>
</tr>";
$no++;
}
echo"</tbody>
</table>
</div>
</div>
</div>
<div
class='dr'><span></span></div>
</div>
</div>";
break;
case "tambah":
$tgl=date('Y-m-d');
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/kmh/aksi_kmh.php?ac
t=input' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
Page 101
7
<div class='head
clearfix'>
<h1>Form Input
KMH</h1>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Nama
Kemahasiswaan</div>
<div
class='span6'><input type='text'
name='nama_kmh' id='nama_kmh'
/></div>
</div>
<div
class='row-form clearfix'>
<div
class='span3'>User Akun</div>
<div class='span6'>
<select
name='id_user' id='id_user'
style='width: 50%;'>";
$tampil=mysql_query("SELECT *
FROM tbl_user order by id_user
ASC");
while($w=mysql_fetch_array($tampi
l)){
if
($r[id_user]==$w[id_user]){
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
else{
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
}
echo"</select>
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn'
value='Simpan'>
<a
href='?p=kmh' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
</div>";
echo "";
break;
case "edit":
$edit = mysql_query("SELECT *
FROM tbl_kmh WHERE
id_kmh='$_GET[id]'");
$r = mysql_fetch_array($edit);
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/kmh/aksi_kmh.php?ac
t=update' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
Page 102
8
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
<div class='head
clearfix'>
<h1>Form Edit
Kemahasiswaan </h1>
</div>
<input type=hidden name=id
value=$r[id_kmh]>
<div class='row-form clearfix'>
<div
class='span3'>Nama kmh</div>
<div
class='span6'><input type='text'
name='nama_kmh' id='nama_kmh'
value='$r[nama_kmh]'/></div>
</div>
<div class='row-form clearfix'>
<div
class='span3'>User Akun</div>
<div class='span4'>
<select
name='id_user' id='id_user'
style='width: 50%;'>";
$tampil=mysql_query("SELECT *
FROM tbl_user order by id_user
ASC");
while($w=mysql_fetch_array($tampi
l)){
if
($r[id_user]==$w[id_user]){
echo
"<option value='$w[id_user]'
selected>$w[nama_user]</option>";
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
else{
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
}
echo"</select>
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn' value='Edit
Data'>
<a
href='?p=kmh' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
Page 103
9
</div>";
echo "";
break;
}
}
?>
</body>
</html>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
error_reporting(0);
include
"../../../identik_config/koneksi.php";
$p=$_GET[p];
$act=$_GET[act];
if ($act=='hapus'){
mysql_query("DELETE FROM
tbl_kmh WHERE
id_kmh='$_GET[id]'");
header('location:../../media.php?p=k
mh');
}
if ($act=='input'){
mysql_query("INSERT INTO
tbl_kmh(id_user,nama_kmh,deskrips
i_kmh,foto_kmh)
VALUES('$_POST[id_user]','$_POS
T[nama_kmh]','-','kosong.jpg')");
header('location:../../media.php?p=k
mh');
}
elseif ($act=='update'){
mysql_query("UPDATE tbl_kmh
SET id_user = '$_POST[id_user]',
nama_kmh = '$_POST[nama_kmh]'
WHERE id_kmh = '$_POST[id]'");
header('location:../../media.php?p=k
mh');
}
}
?>C
<script language="JavaScript">
function konfirmasi(id_kapal) {
tanya = confirm('Anda yakin
ingin menghapus data ini.?');
if (tanya == true) return true;
else return false;
}
</script>
<script language=Javascript>
function isNumberKey(evt)
{
var charCode = (evt.which) ?
evt.which : event.keyCode
if (charCode > 31 && (charCode <
48 || charCode > 57))
return false;
return true;
}
</script>
<script language="javascript">
function validasi(form1){
Page 104
10
if (form1.nama_ukm.value == ""){
alert("Mohon lengkapi data
input.");
form1.nama_ukm.focus();
return (false);
}
if (form1.id_user.value == ""){
alert("Mohon lengkapi Data.");
form1.id_user.focus();
return (false);
}
return (true);
}
</script>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
$aksi="modul/ukm/aksi_ukm.php";
switch($_GET[aksi]){
default:
echo "<div class='content'>
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<a
href='?p=ukm&aksi=tambah'
role='button' class='btn'>TAMBAH
UKM</a>
<div class='row-fluid'>
<div class='span12'>
<div class='head
clearfix'>
<div class='isw-
grid'></div><h1>TABEL DATA
UNIT KEGIATAN
MAHASISWA</h1>
</div>
<div class='block-fluid
table-sorting clearfix'>
<table cellpadding='0'
cellspacing='0' width='100%'
class='table' id='tSortable'>
<thead>
<tr>
<th
width='2%'>No.</th>
<th
width='15%'>Nama UKM</th>
<th
width='10%'>Deskripsi</th>
<th
width='10%'>Foto</th>
<th
width='2%'>Action</th>
</tr>
</thead>
<tbody>";
$no=1;
$tp=mysql_query("SELECT
* FROM tbl_ukm ORDER BY
id_ukm ASC");
while($r=mysql_fetch_array(
$tp)){
echo"
Page 105
11
<tr>
<td>$no</td>
<td>$r[nama_ukm]</td>
<td>$r[deskripsi_ukm]</td>
<td><img
src='../images/$r[foto_ukm]'
width='100'></td>
<td>
<a
href='?p=ukm&aksi=edit&id=$r[id_
ukm]' class='icon-pencil tip'
title='edit'> </a> |
<a
href='$aksi?act=hapus&id=$r[id_uk
m]' class='icon-trash tip' title='Hapus'
onclick=\"return
konfirmasi('".$r[id_kapal]."')\"> </a>
</td>
</tr>";
$no++;
}
echo"</tbody>
</table>
</div>
</div>
</div>
<div
class='dr'><span></span></div>
</div>
</div>";
break;
case "tambah":
$tgl=date('Y-m-d');
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/ukm/aksi_ukm.php?ac
t=input' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
<div class='head
clearfix'>
<h1>Form Input
UKM</h1>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Nama UKM</div>
<div
class='span6'><input type='text'
name='nama_ukm' id='nama_ukm'
/></div>
</div>
<div
class='row-form clearfix'>
<div
class='span3'>User Akun</div>
<div class='span6'>
<select
name='id_user' id='id_user'
style='width: 50%;'>";
$tampil=mysql_query("SELECT *
FROM tbl_user order by id_user
ASC");
Page 106
12
while($w=mysql_fetch_array($tampi
l)){
if
($r[id_user]==$w[id_user]){
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
else{
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
}
echo"</select>
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn'
value='Simpan'>
<a
href='?p=ukm' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
</div>";
echo "";
break;
case "edit":
$edit = mysql_query("SELECT *
FROM tbl_ukm WHERE
id_ukm='$_GET[id]'");
$r = mysql_fetch_array($edit);
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/ukm/aksi_ukm.php?ac
t=update' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2019</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
<div class='head
clearfix'>
<h1>Form Edit UKM
</h1>
</div>
<input type=hidden name=id
value=$r[id_ukm]>
<div class='row-form clearfix'>
<div
class='span3'>Nama UKM</div>
<div
class='span6'><input type='text'
name='nama_ukm' id='nama_ukm'
value='$r[nama_ukm]'/></div>
</div>
Page 107
13
<div class='row-form clearfix'>
<div
class='span3'>User Akun</div>
<div class='span4'>
<select
name='id_user' id='id_user'
style='width: 50%;'>";
$tampil=mysql_query("SELECT *
FROM tbl_user order by id_user
ASC");
while($w=mysql_fetch_array($tampi
l)){
if
($r[id_user]==$w[id_user]){
echo
"<option value='$w[id_user]'
selected>$w[nama_user]</option>";
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
else{
echo
"<option
value='$w[id_user]'>$w[nama_user]
</option>";
}
}
echo"</select>
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn' value='Edit
Data'>
<a
href='?p=ukm' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
</div>";
echo "";
break;
}
}
?>
</body>
</html>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
error_reporting(0);
include
"../../../identik_config/koneksi.php";
$p=$_GET[p];
$act=$_GET[act];
if ($act=='hapus'){
mysql_query("DELETE FROM
tbl_ukm WHERE
id_ukm='$_GET[id]'");
Page 108
14
header('location:../../media.php?p=uk
m');
}
if ($act=='input'){
mysql_query("INSERT INTO
tbl_ukm(id_user,nama_ukm,deskrips
i_ukm,foto_ukm)
VALUES('$_POST[id_user]','$_POS
T[nama_ukm]','-','kosong.jpg')");
header('location:../../media.php?p=uk
m');
}
elseif ($act=='update'){
mysql_query("UPDATE tbl_ukm
SET id_user = '$_POST[id_user]',
nama_ukm = '$_POST[nama_ukm]'
WHERE id_ukm = '$_POST[id]'");
header('location:../../media.php?p=uk
m');
}
}
?>
<script language="JavaScript">
function konfirmasi(id_kapal) {
tanya = confirm('Anda yakin
ingin menghapus data ini.?');
if (tanya == true) return true;
else return false;
}
</script>
<script language=Javascript>
function isNumberKey(evt)
{
var charCode = (evt.which) ?
evt.which : event.keyCode
if (charCode > 31 && (charCode <
48 || charCode > 57))
return false;
return true;
}
</script>
<script language="javascript">
function validasi(form1){
if (form1.nama_user.value == ""){
alert("Mohon lengkapi data
input.");
form1.nama_user.focus();
return (false);
}
if (form1.username.value == ""){
alert("Mohon lengkapi Data.");
form1.username.focus();
return (false);
}
if (form1.password.value == ""){
alert("Mohon lengkapi Data.");
form1.password.focus();
return (false);
}
if (form1.level.value == ""){
alert("lengkapi data");
form1.level.focus();
return (false);
}
return (true);
}
</script>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
Page 109
15
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
$aksi="modul/user/aksi_user.php";
switch($_GET[aksi]){
default:
echo "<div class='content'>
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2018</li>
</ul>
</div>
<div class='workplace'>
<a
href='?p=user&aksi=tambah'
role='button' class='btn'>TAMBAH
USER</a>
<div class='row-fluid'>
<div class='span12'>
<div class='head
clearfix'>
<div class='isw-
grid'></div><h1>TABEL DATA
USER AKUN</h1>
</div>
<div class='block-fluid
table-sorting clearfix'>
<table cellpadding='0'
cellspacing='0' width='100%'
class='table' id='tSortable'>
<thead>
<tr>
<th
width='2%'>No.</th>
<th
width='15%'>Nama User</th>
<th
width='10%'>Username</th>
<th
width='10%'>Level Akun</th>
<th
width='2%'>Action</th>
</tr>
</thead>
<tbody>";
$no=1;
$tp=mysql_query("SELECT
* FROM tbl_user ORDER BY
id_user,level ASC");
while($r=mysql_fetch_array(
$tp)){
echo"
<tr>
<td>$no</td>
<td>$r[nama_user]</td>
<td>$r[username]</td>
<td>$r[level]</td>
<td>
<a
href='?p=user&aksi=edit&id=$r[id_u
ser]' class='icon-pencil tip'
title='edit'> </a> |
<a
href='$aksi?act=hapus&id=$r[id_use
r]' class='icon-trash tip' title='Hapus'
onclick=\"return
konfirmasi('".$r[id_kapal]."')\"> </a>
</td>
</tr>";
$no++;
}
Page 110
16
echo"</tbody>
</table>
</div>
</div>
</div>
<div
class='dr'><span></span></div>
</div>
</div>";
break;
case "tambah":
$tgl=date('Y-m-d');
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/user/aksi_user.php?ac
t=input' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2018</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
<div class='head
clearfix'>
<h1>Form User
Akun</h1>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Nama User</div>
<div
class='span4'><input type='text'
name='nama_user' id='nama_user'
/></div>
</div>
<div
class='row-form clearfix'>
<div
class='span3'>Username</div>
<div
class='span2'><input type='text'
name='username'
id='username'/></div>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Password</div>
<div
class='span2'><input type='text'
name='password' id='password'
/></div>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Level Akun</div>
<div class='span4'>
<select name='level'
id='level'>
<option value=''
selected='selected'> pilih level
</option>
<option
value='admin'>admin</option>
<option
value='ukm'>ukm</option>
<option
value='kmh'>kmh</option>
</select>
Page 111
17
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn'
value='Simpan'>
<a
href='?p=user' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
</div>";
echo "";
break;
case "edit":
$edit = mysql_query("SELECT *
FROM tbl_user WHERE
id_user='$_GET[id]'");
$r = mysql_fetch_array($edit);
echo "<div class='content'>";
echo "<form method='post'
name='form1'
action='modul/user/aksi_user.php?ac
t=update' enctype='multipart/form-
data' onSubmit=\"return
validasi(this)\">
<div class='breadLine'>
<ul class='breadcrumb'>
<li><a
href='?p=home'>Dashboard</a>
<span class='divider'>></span></li>
<li class='active'>IIB
DARMAJAYA © 2018</li>
</ul>
</div>
<div class='workplace'>
<div class='row-fluid'>
<div class='span10'>
<div class='block-fluid'>
<div class='head
clearfix'>
<h1>Form Edit User
</h1>
</div>
<input type=hidden name=id
value=$r[id_user]>
<div class='row-form clearfix'>
<div
class='span3'>Nama User</div>
<div
class='span4'><input type='text'
name='nama_user' id='nama_user'
value='$r[nama_user]'/></div>
</div>
<div
class='row-form clearfix'>
<div
class='span3'>Username</div>
<div
class='span2'><input type='text'
name='username' id='username'
value='$r[username]'/></div>
</div>
<div class='row-form clearfix'>
<div
class='span3'>Password</div>
<div
class='span2'><input type='text'
name='password2' id='password2'/>
</div> *jika password
tidak di ganti, maka cukup di
kosngkan saja.
</div>
<div
class='row-form clearfix'>
Page 112
18
<div
class='span3'>Level Akun </div>
<div class='span4'>
<select name='level'
id='level'>
<option
value='$r[level]' selected='selected'>
$r[level] </option>
<option
value='admin'>admin</option>
<option
value='ukm'>ukm</option>
<option
value='kmh'>kmh</option>
</select>
</div>
</div>
</div>
</div>
</div>
<input
type='submit' class='btn' value='Edit
Data'>
<a
href='?p=user' role='button'
class='btn'>Batal</a>
</form>
<div
class='dr'><span></span></div>
</div>";
echo "";
break;
}
}
?>
</body>
</html>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
error_reporting(0);
include
"../../../identik_config/koneksi.php";
$p=$_GET[p];
$act=$_GET[act];
if ($act=='hapus'){
mysql_query("DELETE FROM
tbl_user WHERE
id_user='$_GET[id]'");
header('location:../../media.php?p=us
er');
}
if ($act=='input'){
$pass=md5($_POST[password]);
mysql_query("INSERT INTO
tbl_user(username,password,nama_u
ser,level)
VALUES('$_POST[username]','$pas
s','$_POST[nama_user]','$_POST[lev
el]')");
header('location:../../media.php?p=us
er');
}
elseif ($act=='update'){
if (!empty($_POST[password2])){
$pass=md5($_POST[password2]);
mysql_query("UPDATE
tbl_user SET username =
'$_POST[username]',
Page 113
19
password = '$pass',
nama_user =
'$_POST[nama_user]',
level = '$_POST[level]'
WHERE id_user =
'$_POST[id]'");
}else{
mysql_query("UPDATE
tbl_user SET username =
'$_POST[username]',
nama_user =
'$_POST[nama_user]',
level = '$_POST[level]'
WHERE id_user =
'$_POST[id]'");
}
header('location:../../media.php?p=us
er');
}
}
?>
<?php
error_reporting(0);
include
"../../../identik_config/koneksi.php";
$mulaix=$_POST[tgl_mulai].'-
'.$_POST[bln_mulai].'-
'.$_POST[thn_mulai];
$selesaix=$_POST[tgl_selesai].'-
'.$_POST[bln_selesai].'-
'.$_POST[thn_selesai];
include ('class.ezpdf.php');
include "rupiah.php";
$pdf = new Cezpdf();
$pdf->ezSetCmMargins(3, 3, 3, 3);
$pdf-
>selectFont('fonts/Courier.afm');
$all = $pdf->openObject();
$pdf->setStrokeColor(0, 0, 0, 1);
$pdf-
>addJpegFromFile('logo.jpg',10,780,
69);
$pdf->addText(10, 815, 9,'<b>IIB
DARMAJAYA</b>');
$pdf->addText(10, 805, 7,'JL. Z.A
PAGAR ALAM NO.01 Bandar
Lampung');
$pdf->addText(10, 795, 7,'Telepon :
(0721) 3400107 Fax: (0721)
3400107');
$pdf->addText(230, 750,
8,'<b>LAPORAN PROPOSAL
UKM</b>');
$pdf->addText(200, 740,
8,'PERIODE : ' . $mulaix . ' s/d ' .
$selesaix);
$pdf->line(10, 760, 578, 760);
$pdf->line(10, 50, 830, 50);
$pdf->addText(30,34,8,'Dicetak tgl:'
. date( 'd-m-Y, H:i:s'));
$pdf->closeObject();
$pdf->addObject($all, 'all');
$mulai=$_POST[thn_mulai].'-
'.$_POST[bln_mulai].'-
'.$_POST[tgl_mulai];
$selesai=$_POST[thn_selesai].'-
'.$_POST[bln_selesai].'-
'.$_POST[tgl_selesai];
$sql = mysql_query("SELECT *
From tbl_proposal,tbl_user where
tbl_proposal.id_user=tbl_user.id_use
r AND tbl_proposal.tgl_proposal
BETWEEN '$mulai' AND '$selesai'
");
$rx = mysql_num_rows($sql);
Page 114
20
if ($rx >= 1){
$i = 1;
while($r =
mysql_fetch_array($sql)){
$tgl_proposal =
substr($r['tgl_proposal'],8,2)."-
".substr($r['tgl_proposal'],5,2)."-".
substr($r['tgl_proposal'],0,4);
//$biayarp=rp($r[harga]);
$data[$i]=array('<b>No</b>'=>$i,
'<b>Tanggal</b>'=>$tgl_proposal,
'<b>UKM</b>'=>$r[nama_user],
'<b>Status
Proposal</b>'=>$r[status_proposal],
'<b>Status
Biaya</b>'=>$r[status_biaya],
);
$i++;
}
$pdf->ezText("\n\n\n");
$pdf->ezTable($data, '', '', '');
$pdf-
>ezText("\n\n\n\nMengetahui,");
$pdf->ezText("\n\n\n\n\n(. . . . . . .)");
$pdf->ezStartPageNumbers(320, 15,
8);
$pdf->ezStream();
}
else{
echo "tidak ada data transaksi";
}
?>
<?php
error_reporting(0);
include
"../../../identik_config/koneksi.php";
$mulaix=$_POST[tgl_mulai].'-
'.$_POST[bln_mulai].'-
'.$_POST[thn_mulai];
$selesaix=$_POST[tgl_selesai].'-
'.$_POST[bln_selesai].'-
'.$_POST[thn_selesai];
include ('class.ezpdf.php');
include "rupiah.php";
$pdf = new Cezpdf();
$pdf->ezSetCmMargins(3, 3, 3, 3);
$pdf-
>selectFont('fonts/Courier.afm');
$all = $pdf->openObject();
$pdf->setStrokeColor(0, 0, 0, 1);
$pdf-
>addJpegFromFile('logo.jpg',10,780,
69);
$pdf->addText(10, 815, 9,'<b>IIB
DARMAJAYA</b>');
$pdf->addText(10, 805, 7,'JL. Z.A
PAGAR ALAM NO.01 Bandar
Lampung');
$pdf->addText(10, 795, 7,'Telepon :
(0721) 3400107 Fax: (0721)
3400107');
$pdf->addText(230, 750,
8,'<b>LAPORAN PROPOSAL
UKM</b>');
$pdf->line(10, 760, 578, 760);
$pdf->line(10, 50, 830, 50);
$pdf->addText(30,34,8,'Dicetak tgl:'
. date( 'd-m-Y, H:i:s'));
$pdf->closeObject();
$pdf->addObject($all, 'all');
$id_user=$_POST['id_user'];
$sql = mysql_query("SELECT *
From
tbl_proposal,tbl_user,tbl_biaya_prop
osal where
tbl_proposal.id_user=tbl_user.id_use
r AND
tbl_proposal.id_user='$id_user' ");
$rx = mysql_num_rows($sql);
if ($rx >= 1){
$i = 1;
while($r =
mysql_fetch_array($sql)){
$tgl_proposal =
substr($r['tgl_proposal'],8,2)."-
".substr($r['tgl_proposal'],5,2)."-".
substr($r['tgl_proposal'],0,4);
//$biayarp=rp($r[harga]);
$data[$i]=array('<b>No</b>'=>$i,
Page 115
21
'<b>Tanggal</b>'=>$tgl_proposal,
'<b>UKM</b>'=>$r[nama_user],
'<b>Status
Proposal</b>'=>$r[status_proposal],
'<b>Judul
Proposal</b>'=>$r[judul_proposal],
'<b>Status
Biaya</b>'=>$r[status_biaya],
'<b>keterangan</b>'=>$r[keterangan
],
'<b>biaya</b>'=>$r[biaya],
);
$i++;
}
$pdf->ezText("\n\n\n");
$pdf->ezTable($data, '', '', '');
$pdf-
>ezText("\n\n\n\nMengetahui,");
$pdf->ezText("\n\n\n\n\n(. . . . . . .)");
$pdf->ezStartPageNumbers(320, 15,
8);
$pdf->ezStream();
}
else{
echo "tidak ada data transaksi";
}
?>
<?php
session_start();
if (empty($_SESSION['username'])
AND
empty($_SESSION['passuser'])){
echo "<link href='style.css'
rel='stylesheet' type='text/css'>
<center>Untuk mengakses modul,
Anda harus login <br>";
echo "<a
href=../../index.php><b>LOGIN</b>
</a></center>";
}
else{
echo "<div class='content'>
<div class='workplace'>
<div class='row-fluid'>
<div class='span12'>
<div class='head
clearfix'>
<div class='isw-
grid'></div>
<h1>Laporan
Proposal Perperiode</h1>
</div>";
echo "<br>
<form method=POST
action='modul/laporan/lap_proposal.
php' target='_blank'>
<table>
<tr><td>Dari
Tanggal</td><td> : ";
combotgl(1,31,'tgl_mulai',$tgl_skrg);
combonamabln(1,12,'bln_mulai',$bln
_sekarang);
combothn(2000,$thn_sekarang,'thn_
mulai',$thn_sekarang);
echo "</td></tr>
<tr><td>s/d Tanggal</td><td>
: ";
combotgl(1,31,'tgl_selesai',$tgl_skrg)
;
combonamabln(1,12,'bln_selesai',$bl
n_sekarang);
combothn(2000,$thn_sekarang,'thn_s
elesai',$thn_sekarang);
echo "</td></tr>
<tr><td colspan=2><input
type=submit class=tombol
value='Cetak'>
</td></tr>
Page 116
22
</table>
</form>";
echo " </div>
</div>
<div
class='dr'><span></span></div>
<div
class='head clearfix'>
<div class='isw-
grid'></div>
<h1>Laporan Per
UKM</h1>
</div>
<form
method=POST
action='modul/laporan/lap_per_ukm.
php' target='_blank'>
<table>
<tr><td><b>Pilih
UKM</td><td> :
<select
name='id_user' id='id_user'
style='width: 100%;'>";
$tampil=mysql_query("SELECT *
FROM tbl_ukm order by nama_ukm
ASC");
while($w=mysql_fetch_array($tampi
l)){
if
($r[id_user]==$w[id_user]){
echo
"<option
value='$w[id_user]'>$w[nama_ukm]
</option>";
}
else{
echo
"<option
value='$w[id_user]'>$w[nama_ukm]
</option>";
}
}
echo"</select>";
echo "</td></tr>
<tr><td colspan=2><input
type=submit class=tombol
value='Cetak'>
</td></tr>
</table>
</form>
<div
class='dr'><span></span></div>
";
echo "
</div>
</div>";
break;
}
?>