Top Banner
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
116

RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

Nov 02, 2021

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 94: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

75

Lampiran

Page 95: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

4

title="Aquarius - responsive admin

panel"/></a>

<ul class="header_menu">

<li class="list_icon"><a

href="#">&nbsp;</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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 2019</li>

</ul>

</div>

<div class='workplace'>

<div class='row-fluid'>

<div class='span10'>

<div class='block-fluid'>

Page 101: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

8

<div class='breadLine'>

<ul class='breadcrumb'>

<li><a

href='?p=home'>Dashboard</a>

<span class='divider'>></span></li>

<li class='active'>IIB

DARMAJAYA &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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 &copy; 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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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: RANCANG BANGUN SISTEM INFORMASI MONITORING UNIT …

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;

}

?>