Upload
trinhhanh
View
232
Download
0
Embed Size (px)
Citation preview
MEMBANGUN SISTEM INFORMASI ADMINISTRASI
UNIT KEGIATAN MAHASISWA BERBASIS WEB
DI POLITEKNIK NEGERI BALIKPAPAN
JUDUL
TUGAS AKHIR
LUKMAN AGUS TAMINNONG
NIM :140309249593
POLITEKNIK NEGERI BALIKPAPAN
PROGRAM STUDI TEKNIK ELEKTRONIKA
BALIKPAPAN
2017
MEMBANGUN SISTEM INFORMASI ADMINISTRASI
UNIT KEGIATAN MAHASISWA BERBASIS WEB
DI POLITEKNIK NEGERI BALIKPAPAN
LEMBAR PERSETUJUAN
TUGAS AKHIR
KARYA TULIS INI DIAJUKAN SEBAGAI SALAH SATU
SYARAT UNTUK MEMPEROLEH GELAR AHLI MADYA
DARI POLITEKNIK NEGERI BALIKPAPAN
LUKMAN AGUS TAMINNONG
NIM :140309249593
POLITEKNIK NEGERI BALIKPAPAN
PROGRAM STUDI TEKNIK ELEKTRONIKA
BALIKPAPAN
2017
iii
LEMBAR PENGESAHAN
MEMBANGUN SISTEM INFORMASI ADMINISTRASI
UNIT KEGIATAN MAHASISWA BERBASIS WEB
DI POLITEKNIK NEGERI BALIKPAPAN
Disusun oleh:
LUKMAN AGUS TAMINNONG
NIM : 140309249593
Dosen Pembimbing I Dosen Pembimbing II
Erick Sorongan, S.T, M.Eng. Hadiyanto, S.T, M.Eng.
NIDN. 8854420016 NIP.198007082014041001
Penguji I Penguji II
Totok Sulistyo, S.T., M.T. Drs. Armin, M.T.
NIP. 197209022000121003 NIP. 196408211988031006
Mengetahui,
Ketua Jurusan Teknik Elektronika
Drs Suhaedi, MT.
NIP. 196101211985031011
iv
SURAT PERNYATAAN
Yang bertanda tangan di bawah ini :
Nama : Lukman Agus Taminnong
Tempat/Tgl Lahir : Balikpapan, 14 Agustus 1996
NIM : 140309249593
Menyatakan bahwa tugas akhir yang berjudul ”MEMBANGUN SISTEM
INFORMASI ADMINISTRASI UNIT KEGIATAN MAHASISWA BERBASIS
WEB DI POLITEKNIK NEGERI BALIKPAPAN” adalah bukan merupakan hasil
karya tulis orang lain, baik sebagian maupun keseluruhan, kecuali dalam kutipan yang
kami sebutkan sumbernya.
Demikian pernyataan kami buat dengan sebenar-benarnya dan apabila
pernyataan ini tidak benar kami bersedia mendapat sanksi akademis.
Balikpapan, Juli 2017
Mahasiswa,
Materai 6000
Lukman Agus Taminnong
NIM: 140309249593
LEMBAR PERSEMBAHAN
v
Karya ilmiah ini kupersembahkan kepada
Ayahanda dan Ibunda tercinta
Ahmad Yani dan Mutiah,
Saudaraku yang kusayangi
Alif Rahman Taminnong
Seluruh Saudara ku di HIMPA
Sahabat ku
Muhamaddin Nur Rahman
Muhammad Abdul Aziz Rahmatullah
Noorhidayat
vi
SURAT PERNYATAAN PERSETUJUAN
PUBLIKASI TUGAS AKHIR
KEPENTINGAN AKADEMIS
Sebagai civitas akademik Politeknik Negeri Balikpapan, saya yang bertanda tangan di
bawah ini:
Nama : Lukman Agus Taminnong
NIM : 140309249593
Program Study : Teknik Elektronika
Judul TA : Membangun Sistem Informasi Administrasi Unit Kegiatan
Mahasiswa berbasi Web di Politeknik Negeri Balikpapan
Demi pengembangan ilmu pengetahuan, saya menyetujui untuk memberikan hak
kepada Politeknik Negeri Balikpapan untuk menyimpan, mengalih media atau format-
kan, mengelola dalam bentuk pangkalan data (database), merawat, dan
mempublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai
penulis/pencipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Balikpapan
Pada tanggal : 03 Juli 2017
Yang menyatakan
Materai 6000
(Lukman Agus Taminnong)
vii
ABSTRACT
As the world goes more advanced in technology, all information access is set
through digital form. There fore the internet users to gather unlimited information
without doing any single move. Web application is digital application using browser
technology to run web application that can be accessed through computer and internet.
The web application of the Student Activity Unit Administration was
intentionally created to facilitate the submission of proposals and lpj
This web application was created using web-based computer technology.
Because it was web technology, web-based programming language was needed. In this
case using PHP (Hypertext PreProcessor) as scripting language and MySQL as
database.
MySQL and PHP web based Student Activity Unit administration creation was
created by two users: administrator and user. This system gives flexibility to both
administrator and users in adding, editing, and deleting data. On the other hand, user
can only add data to the web application such as articles. Web administrator is fully
in charged of organizing the whole data in the website.
Key words: web application, administration, Student Activity Unit, PHP, MySQL
viii
ABSTRAK
Dengan mengikuti perkembangan teknologi yang semakin canggih, dimana
sebuah informasi sudah banyak di kemas dalam bentuk digital. Sehingga memudahkan
para pengguna internet dalam mencari informasi yang dibutuhkan tanpa harus
berpindah tempat, selama posisi masih dalam jangkauan jaringan internet. Aplikasi web
adalah sebuah aplikasi digital yang menggunakan tekhnologi browser untuk
menjalankan aplikasi web dan dapat di akses melalui jaringan internet dan komputer.
Aplikasi web Administrasi Unit Kegiatan Mahasiswa ini sengaja dibuat untuk
mempermudah pengajuan proposal dan lpj.
Aplikasi web ini di bangun dengan teknologi komputer berbasis web. karena
berhubungan dengan teknologi website, maka di butuhkan bahasa pemrograman
berbasis web. Aplikasi web ini menggunakan PHP(Hypertext PreProcessor) sebagai
bahasa scripting dan MySQL sebagai database.
Pembangunan Aplikasi web Administrasi Unit Kegiatan Mahasiswa berbasis
PHP dan MySQL di olah oleh dua user yaitu admin dan member. Sistem ini memberikan
keleluasaan kepada admin dan member untuk mengelola data dalam menambah,
mengedit, dan menghapus data. Namun user hanya berwenang menambahkan data
berupa file kedalam aplikasi web. Dan admin dapat berwenang penuh dalam mengelola
keseluruhan data dalam aplikasi web.
.
Kata Kunci : Aplikasi web, Administrasi, Unit Kegiatan Mahasiswa, PHP, MySQL
ix
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Kuasa, karena
atas rahmat serta hidayah-Nya penulis dapat menyelesaikan Tugas Akhir dengan judul
“Membangun Sistem Informasi Administrasi Unit Kegiatan Mahasiswa Berbasis Web
di Politeknik Negeri Balikpapan”. Serta dalam penulisan Tugas Akhir ini, penulis
sangat terbantu oleh pihak-pihak yang telah banyak berjasa, penulis tidak dapat
memberikan apa-apa terkecuali rasa terima kasih.
Penulis menyampaikan ucapan terima kasih yang sebesar-besanya kepada:
1. Bapak Ramli, SE., M.M selaku Direktur Politeknik Negeri Balikpapan.
2. Bapak Drs.Suhaedi, M.T. selaku Kepala Program Studi Teknik Elektronika.
3. Bapak Erick Sorongan, S.T, M.Eng dan Bapak Hadiyanto, S.T, M.Eng selaku
pembimbing I dan pembimbing II yang telah banyak memberikan arahan dan
masukan kepada penulis dalam menyusun Tugas Akhir ini.
4. Kepada Ayahanda, dan saudara saya yang telah mendukung penulis dalam
penyelesaian Tugas Akhir.
5. Seluruh Bapak/Ibu Dosen Politeknik Negeri Balikpapan yang telah banyak
membimbing dan memberikan ilmu pengetahuan kepada penulis.
6. Teman-teman angkatan 2014 Teknik Elektronika TKJ yang telah banyak
membantu selama penyusunan Tugas Akhir ini hingga selesai.
7. Semua pihak yang penulis tidak dapat menyebutkan satu persatu, yang telah
memberikan bantuan secara langsung maupun tidak langsung dalam penyusunan
Tugas Akhir ini hingga selesai.
Balikpapan,20 Juni 2017
Lukman Agus Taminnong
x
DAFTAR ISI
JUDUL ........................................................................................................... i
LEMBAR PERSETUJUAN .......................................................................... ii
LEMBAR PENGESAHAN ........................................................................... iii
SURAT PERNYATAAN ............................................................................... iv
LEMBAR PERSEMBAHAN ........................................................................ v
PERSETUJUAN PUBLIKASI TUGAS AKHIR ........................................ vi
ABSTRACT .................................................................................................... vii
ABSTRAK ...................................................................................................... viii
KATA PENGANTAR .................................................................................... ix
DAFTAR ISI ................................................................................................... x
DAFTAR GAMBAR ...................................................................................... xiii
DAFTAR TABEL .......................................................................................... xv
DAFTAR LAMPIRAN .................................................................................. xviii
BAB I PENDAHULUAN ............................................................................... 1
1.1 Latar Belakang Masalah ........................................................................... 1
1.2 Rumusan Masalah..................................................................................... 2
1.3 Batasan Masalah ....................................................................................... 2
1.4 Tujuan Penelitian Tugas Akhir ................................................................. 3
1.5 Manfaat Penelitian Tugas Akhir ............................................................... 3
BAB II LANDASAN TEORI ........................................................................ 4
2.1 Aplikasi Web ............................................................................................. 4
2.2 Sistem Informasi Administrasi Unit Kegiatan Mahasiswa
2.2 Berbasis Web ............................................................................................ 4
2.3 Administrasi .............................................................................................. 4
2.4 HTML ....................................................................................................... 5
2.5 CSS (Cascading Style Sheet) ................................................................... 5
Halaman
xi
2.6 PHP (Hypertext PreProcessor) ................................................................ 6
2.7 JavaScript ................................................................................................ 6
2.8 Flowchart ................................................................................................ 6
2.9 Apache..................................................................................................... 7
2.10 MySQL .................................................................................................... 7
2.11 Notepad++ ............................................................................................... 8
2.12 Web Browser ........................................................................................... 9
2.13 Waterfall .................................................................................................. 9
BAB III METODOLOGI PENELITIAN .................................................... 11
3.1 Jenis Penelitian ......................................................................................... 10
3.2 Tempat dan Waktu Penelitian .................................................................. 10
3.3 Peralatan dan Bahan yang Digunakan...................................................... 10
3.3.1 Perangkat Keras (Hardware) ....................................................... 10
3.3.2 Perangkat Lunak (Software) ........................................................ 11
3.3.3 Pemakai (Brainware) ................................................................... 11
3.4 Metode Perancangan ................................................................................ 12
3.4.1 Pengumpulan Data ...................................................................... 13
3.4.2 Upload Aplikasi .......................................................................... 13
3.4.3 Metode Pengembangan ............................................................... 13
3.5 Tabel Perbandingan Penelitian ................................................................. 15
BAB IV HASIL PENELITIAN ..................................................................... 16
4.1 Use Case ..................................................................................................... 16
4.2 Spesifikasi Kebutuhan Fungsionalitas ....................................................... 17
4.2.1 Use Case Spesification : Login ..................................................... 17
4.2.2 Use Case Spesification : Kelolaan Data User ............................... 18
4.2.3 Use Case Spesification : Kelola Data Proposal ............................ 19
4.2.4 Use Case Spesification : Kelola Data LPJ .................................... 20
4.2.5 Use Case Spesification : Kelola Data Berita ............................... 21
4.2.6 Use Case Spesification : View Berita ........................................... 22
4.2.7 Use Case Spesification : Pengajuan Proposal............................... 22
4.2.8 Use Case Spesification : Pengajuan LPJ ...................................... 23
4.3 Entitas Relationship Diagram (ERD) ......................................................... 25
4.4 Kamus Data ................................................................................................ 26
4.4.1 Data Member ................................................................................ 26
4.4.2 Data Admin................................................................................... 27
4.4.3 Data LPJ ....................................................................................... 29
4.4.4 Data Proposal ................................................................................ 32
4.4.5 Data Berita .................................................................................... 35
4.5 Dekomposisi Data ...................................................................................... 36
4.6 Sequance Diagram ..................................................................................... 38
4.6.1 Fungsi Input Data User ................................................................. 38
xii
4.6.2 FungsiTampil Data User ............................................................... 39
4.6.3 Fungsi Edit Data User................................................................... 39
4.6.4 Fungsi Hapus Data User ............................................................... 40
4.6.5 Fungsi Input Data Berita............................................................... 40
4.6.6 Fungsi Tampil Data Berita ........................................................... 41
4.6.7 Fungsi Hapus Data Berita ............................................................. 41
4.6.8 Fungsi Input Data Proposal .......................................................... 42
4.6.9 Fungsi Tampil Data Proposal ....................................................... 42
4.6.10 Fungsi Edit Data Proposal ............................................................ 43
4.6.11 Fungsi Hapus Data Proposal......................................................... 43
4.6.12 Fungsi Input Data LPJ .................................................................. 44
4.6.13 Fungsi Tampil Data LPJ ............................................................... 44
4.6.14 Fungsi Edit Data LPJ .................................................................... 45
4.6.15 Fungsi Hapus Data LPJ ................................................................ 45
4.7 Tampilan Aplikasi ...................................................................................... 46
4.7.1 Login (Admin dan Member) ............................................................. 46
4.7.2 Registrasi User (Admin) ................................................................... 47
4.7.3 Pengolelolaan Data User (Admin) .................................................... 47
4.7.4 Pengolelolaan Data Berita (Admin) .................................................. 48
4.7.5 Pengelolaan Data Proposal (Admin) ................................................. 48
4.7.6 Pengelolaan data LPJ (Admin).......................................................... 49
4.7.7 Input Data Proposal (Member).......................................................... 49
4.7.8 Input Data LPJ (Member) ................................................................. 50
4.7.9 Input Data Berita (Admin) ................................................................ 50
4.7.10 Ubah Password User (Admin dan Member) ................................... 51
4.7.11 Ubah Profil (Admin dan Member) .................................................. 51
BAB V KESIMPULAN DAN SARAN ......................................................... 52
5.1 Kesimpulan ................................................................................................ 52
5.2 Saran ........................................................................................................... 52
DAFTAR PUSTAKA ..................................................................................... 53
LAMPIRAN .................................................................................................... 54
xiii
DAFTAR GAMBAR
Gambar 3.1 Flowchart ...................................................................................... 12
Gambar 4.1 Use Case ....................................................................................... 16
Gambar 4.2 Entitas Relationship Diagram (ERD) ........................................... 25
Gambar 4.3 Fungsi Input Data User ................................................................ 38
Gambar 4.4 Fungsi Tampil Data User ............................................................. 39
Gambar 4.5 Fungsi Edit Data User .................................................................. 39
Gambar 4.6 Fungsi Hapus Data User ............................................................... 40
Gambar 4.7 Fungsi Input Data Berita .............................................................. 40
Gambar 4.8 Fungsi Tampil Data Berita ........................................................... 41
Gambar 4.9 Fungsi Hapus Data Berita ............................................................ 41
Gambar 4.10 Fungsi Input Data Proposal ........................................................ 42
Gambar 4.11 Fungsi Tampil Data Proposal ..................................................... 42
Gambar 4.12 Fungsi Edit Data Proposal .......................................................... 43
Gambar 4.13 Fungsi Hapus Data Proposal ...................................................... 43
Gambar 4.14 Fungsi Input Data LPJ ................................................................ 44
Gambar 4.15 Fungsi Tampil Data LPJ ............................................................. 44
Gambar 4.16 Fungsi Edit Data LPJ.................................................................. 45
Gambar 4.17 Fungsi Hapus Data LPJ .............................................................. 45
Gambar 4.18 Login .......................................................................................... 46
Gambar 4.19 Registrasi User (Admin)............................................................. 47
Gambar 4.20 Pengelolaan Data User (Admin) ................................................ 47
Gambar 4.21 Pengelolaan Data berita (Admin) .............................................. 48
xiv
Gambar 4.22 Pengelolaan Data Proposal (Admin) ......................................... 48
Gambar 4.23 Pengelolaan Data LPJ (Admin) ................................................. 49
Gambar 4.24 Input Data Proposal (Member) .................................................. 49
Gambar 4.25 Input Data LPJ (Member) ......................................................... 50
Gambar 4.26 Input Data Berita (Admin) ........................................................ 50
Gambar 4.27 Ubah Password User (Admin dan member) .............................. 51
Gambar 4.28 Ubah profile (Admin dan member) ............................................ 51
xv
DAFTAR TABEL
Tabel 3.1. Perangkat Keras .............................................................................. 10
Tabel 3.2. Perangkat Lunak ............................................................................. 11
Tabel 3.3. Perbandingan Penelitan ................................................................... 15
Tabel 4.1 Elemen Data ID (member) ............................................................... 26
Tabel 4.2 Elemen Data Nama (member).......................................................... 26
Tabel 4.3 Elemen Data Email (member).......................................................... 26
Tabel 4.4 Elemen Data No Telpon (member) .................................................. 26
Tabel 4.5 Elemen Data Password (member) .................................................... 27
Tabel 4.6 Elemen Data Role (member)............................................................ 27
Tabel 4.7 Elemen Data Data ID (admin) ......................................................... 27
Tabel 4.8 Elemen Data Nama (admin) ............................................................. 27
Tabel 4.9 Elemen Data Email (admin) ............................................................. 28
Tabel 4.10 Elemen Data No Telpon (admin) ................................................... 28
Tabel 4.11 Elemen Data Password (admin) ..................................................... 28
Tabel 4.12 Elemen Data Role (Admin)............................................................ 28
Tabel 4.13 Elemen Data No LPJ ...................................................................... 29
Tabel 4.14 Elemen Data Tanggal Upload (LPJ) .............................................. 29
Tabel 4.15 Elemen Data Nama Ukm (LPJ) ..................................................... 29
Tabel 4.16 Elemen Data Nama Kegiatan (LPJ) ............................................... 29
Tabel 4.17 Elemen Data Ketua Panitia (LPJ) .................................................. 30
Tabel 4.18 Elemen Data No Telpon (LPJ) ....................................................... 30
Tabel 4.19 Elemen Data Tanggal Kegiatan (LPJ) ........................................... 30
xvi
Tabel 4.20 Elemen Data Input LPJ .................................................................. 30
Tabel 4.21 Elemen Data Status LPJ ................................................................. 30
Tabel 4.22 Elemen Data Status LPJ2 ............................................................... 31
Tabel 4.23 Elemen Data Status LPJ3 ............................................................... 31
Tabel 4.24 Elemen Data Status LPJ4 ............................................................... 31
Tabel 4.25 Elemen Data Komentar (LPJ) ........................................................ 31
Tabel 4.26 Elemen Data No Proposal .............................................................. 32
Tabel 4.27 Elemen Data Tangggal Upload (Proposal) .................................... 32
Tabel 4.28 Elemen Data Nama Ukm (Proposal) .............................................. 32
Tabel 4.29 Elemen Data Nama Kegiatan (proposal) ....................................... 32
Tabel 4.30 Elemen Data Ketua Panitia (proposal) ........................................... 33
Tabel 4.31 Elemen Data No Telpon (proposal) ............................................... 33
Tabel 4.32 Elemen Data tanggal Kegiatan (Proposal) ..................................... 33
Tabel 4.33 Elemen Data Input Proposal .......................................................... 33
Tabel 4.34 Elemen Data Status Proposal ......................................................... 34
Tabel 4.35 Elemen Data Status Proposal2 ....................................................... 34
Tabel 4.36 Elemen Data Status Proposal3 ....................................................... 34
Tabel 4.37 Elemen Data Status Proposal4 ....................................................... 34
Tabel 4.38 Elemen Data Komentar (Proposal) ................................................ 35
Tabel 4.39 Elemen Data ID Berita ................................................................... 35
Tabel 4.40 Elemen Data Judul Berita .............................................................. 35
Tabel 4.41 Elemen Data Isi Berita ................................................................... 35
Tabel 4.42 Elemen Data Tanggal Berita .......................................................... 36
Tabel 4.43 Elemen Data Gambar ..................................................................... 36
xvii
Tabel 4.44 Deskripsi Entitas Tabel Admin ...................................................... 36
Tabel 4.45 Deskripsi Entitas Tabel Member.................................................... 36
Tabel 4.46 Deskripsi Entitas Tabel LPJ ........................................................... 37
Tabel 4.47 Deskripsi Entitas Tabel Proposal ................................................... 37
Tabel 4.48 Deskripsi Entitas Tabel Berita ....................................................... 38
xviii
DAFTAR LAMPIRAN
Lampiran 1 login.php untuk tampilan halaman login yang digunakan untuk
memasukki sistem.
Lampiran 2 login-proses.php yang digunakan untuk proses dari file login.php.
Lampiran 3 input_user.php untuk tampilan halam registrasi untuk menambahkan
calon user agar bisa mengakses sistem.
Lampiran 4 input_user_proses.php yang digunakan untuk proses dari file
input_user.php.
Lampiran 5 data_user.php yang digunakan untuk melihat data user yang sudah
terdaftar.
Lampiran 6 edit_user.php yang digunakan untuk mengedit data user yang sudah
terdaftar.
Lampiran 7 edit_user-proses.php yang digunakan untuk untuk proses dari file
edit_user.php.
Lampiran 8 hapus_user.php yang digunakan untuk menghapus data user yang sudah
terdaftar.
Lampiran 9 data_lpj.php yang digunakan untuk menampilkan data lpj yang telah di
input oleh member.
Lampiran 10 input_lpj.php yang digunakan member untuk meninputkan data lpj yang
akan di ajukan kepada admin.
Lampiran 11 input_lpj-proses.php yang digunakan untuk proses dari file
input_lpj.php.
Lampiran 12 edit_lpj.php yang digunakan untuk mengedit data lpj yang sudah
terdaftar.
Lampiran 13 edit_lpj-proses.php yang digunakan untuk proses dari file edit_lpj.php.
Lampiran 14 hapus_lpj.php yang digunakan untuk menghapus data lpj yang sudah
terdaftar.
Lampiran 15 data_proposal.php yang digunakan untuk menampilkan data proposal
yang telah di input oleh member.
xix
Lampiran 16 input_proposal.php yang digunakan member untuk meninputkan data
proposal yang akan di ajukan kepada admin.
Lampiran 17 input_proposal-proses.php yang digunakan untuk proses dari file
input_proposal.php.
Lampiran 18 edit_proposal.php yang digunakan untuk mengedit data proposal yang
sudah terdaftar.
Lampiran 19 edit_proposal-proses.php yang digunakan untuk proses dari file
edit_lpj.php.
Lampiran 20 hapus_proposal.php yang digunakan untuk menghapus data proposal
yang sudah terdaftar.
Lampiran 21 update_akun.php yang digunakan untuk mengupdate data akun yang
sudah terdaftar.
Lampiran 22 update_akun_proses.php yang digunakan untuk proses dari file
update_akun.php.
Lampiran 23 ubah_pass.php yang digunakan untuk mengubah password akun yang
sudah terdaftar.
Lampiran 24 ubah_pass_proses.php yang digunakan untuk proses dari file
ubah_pass.php.
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan teknologi yang semakin maju menjadi pemicu untuk berpikir lebih
maju. Dengan didorong perkembangan teknologi, manusia menginginkan segala
sesuatu dilaksanakan dengan cepat dan tepat. Teknologi informasi merupakan
teknologi yang dibangun dengan basis utama teknologi komputer. Untuk
mempermudah kegiatan transaksional sehari–hari, dibuat suatu perencanaan sistem
yang mengacu pada pengolahan data secara sistematis yang diimplementasikan dalam
suatu program (Fitri, 2012).
Dari pernyataan tersebut, pengolahan data yang sebelumnya dilakukan secara
manual, sudah tidak perlu dilakukan kembali karena akan memakan waktu yang lama
serta membutuhkan ketelitian. Untuk mengatasi hal tersebut, dilakukan perubahan
terhadap sistem kerja yang awalnya manual menjadi terkomputerisasi.
Teknologi berbasis web merupakan teknologi yang dapat diakses dengan mudah
tanpa harus menambah perangkat lunak tambahan dalam komputer yang digunakan.
Teknologi berbasis web memudahkan user untuk mengakses atau menginputkan data.
Proses dapat dilakukan di mana saja dan kapan saja asalkan terhubung dengan internet.
Bagian Akademik, Kemahasiswaan, Perencanaan, dan Kerjasama (BAKPK)
mempunyai tugas melaksanakan administrasi akademik, pembinaan kemahasiswaan,
perencanaan, dan kerja sama di lingkungan Politeknik Negeri Balikpapan. Berdasarkan
pengamatan, bagian kemahasiswaan belum dapat mengelola data administrasi dengan
optimal. Hal ini disebabkan karena tidak adanya aplikasi yang membantu bagian
akademik kemahasiswaan. Data administrasi yang tidak dapat dikelola secara optimal,
yaitu data yang berhubungan dengan kegiatan organisasi mahasiswa antara lain
pembuatan Proposal dan Laporan Pertanggungjawaban (LPJ).
Berdasarkan pernyataan tersebut, pengolahan data belum dapat dilakukan dengan
efisien dan membutuhkan ketelitian. Untuk mengatasi hal tersebut, maka perlu
dilakukan perubahan dalam sistem administrasi menjadi terkomputerisasi. Selain itu
2
pengelolaan data dan pengaksesan informasi juga harus dapat dilakukan kapan saja dan
di mana saja.
Berdasarkan permasalahan di atas, maka Bagian Akademik Kemahasiswaan
membutuhkan sebuah aplikasi. Agar dapat dengan mudah diakses di mana saja dan
kapan saja, maka aplikasi dibuat berbasis web. Oleh karena itu perlu dibuat Sistem
Informasi Administrasi Unit Kegiatan Mahasiswa berbasis web di Politeknik Negeri
Balikpapan.
1.2 Rumusan Masalah
Selama ini penyampaian informasi dari bagian akademik kepada unit kegiatan
mahasiswa masih manual begitu pula dengan pengelolaan administrasinya, sehingga
memperlambat proses penyampaian informasi serta pengajuan dan pemberitahuan
revisi proposal dan LPJ.
1.3 Batasan Masalah
Batasan masalah dalam membangun sistem informasi administrasi unit kegiatan
mahasiswa berbasis web di Politeknik Negeri Balikpapan meliputi :
1. Aplikasi ini hanya sebagai sarana penyampaian informasi dari bagian akademik
kemahasiswaan kepada unit kegiatan mahasiswa.
2. Sistem Informasi ini hanya dapat di akses oleh Bagian Akademik Mahasiswa dan
Unit Kegiatan Mahasiswa.
3. Sistem Informasi ini hanya sebagai sarana pengajuan proposal dan LPJ dari unit
kegiatan mahasiswa kepada badan akademik kemahasiswaan.
4. Sistem Informasi ini hanya sebagai sarana pemberitahuan revisi proposal dan
LPJ dari bagian akademik kemahasiswaan kepada unit kegiatan mahasiswa
5. Sistem Informasi ini hanya menggunkan bahasa pemrograman PHP, HTML dan
Javascript.
3
1.4 Tujuan Penelitian Tugas Akhir
Tujuan dari penelitian tugas akhir ini adalah membantu bagian akademik
kemahasiswaan dalam penyampaian informasi terbaru kepada unit kegiatan
kemahasiswaan serta membantu dalam proses administrasi unit kegiatan mahasiwa
1.5 Manfaat Penelitian Tugas Akhir
Manfaat yang di dapat dari penelitian ini adalah mempermudah pengurus bagian
akademik kemahasiswaan dalam penyampaian informasi kepada unit kegiatan
mahasiswa di Politeknik Negeri Balikpapan serta mempermudah proses administrasi
unit kegiatan mahasiswa.
4
BAB II
LANDASAN TEORI
2.1 Aplikasi Web
Pengertian aplikasi menurut Yakub (2012: 96) seorang ahli dalam system
informasi menyatakan bahwa perangkat lunak aplikasi adalah perangkat lunak yang
dikembangkan untuk menyelesaikan masalah-masalah dan dapat mengerjakan tugas
tertentu sesuai dengan fungsinya.
Aplikasi Web adalah sebuah aplikasi yang menggunakan teknologi browser
untuk menjalankan aplikasi dan diakses melalui jaringan komputer.
2.2 Sistem Informasi Administrasi Unit Kegiatan Mahasiswa Berbasis Web
Sistem informasi administrasi unit kegiatan mahasiswa, penyampaian informasi
kepada unit kegiatan mahasiswa khususnya di Politeknik Negeri Balikpapan. Dalam
hal ini membutuhkan sebuah sistem informasi yang disebut web. Sehingga dapat
memudahkan bagian akademik kemahasiswaan dan unit kegiatan mahasiswa dalam
menyampaikan dan mendapatkan informasi.
2.3 Administrasi
Administrasi didefinisikan sebagai keseluruhan proses kerja sama antara dua
orang manusia atau lebih yang didasarkan atas rasional tertentu untuk mencapai tujuan
yang telah ditentukan sebelumnya. Administrasi merupakan kegiatan-kegiatan yang
harus dilakukan oleh pejabat eksekutif dalam suatu organisasi yang bertugas mengatur,
memajukan, dan melengkapi usaha kerja sama sekumpulan orang yang sengaja
dihimpun untuk mencapai tujuan tertentu. . (Fitri, 2012).
5
2.4 HTML
Menurut Abdul Kadir (2011:13) HTML (HyperText Mark-up Language),
merupakan bahasa dasar yang digunakan untuk menyusun halaman web. HTML
merupakan instruksi untuk mengubah format suatu naskah atau dokumen yang akan
ditransmisikan melalui media internet yang nantinya akan ditampilkan di halaman web.
HTML termasuk kedalam jenis client side atau pengeksekusian skripnya dilakukan di
Browser atau Client.
Meskipun saat ini banyak sekali bahasa pemograman untuk web. Namun, HTML
tetap menjadi tulang punggung aplikasi web. Sekalipun sejumlah teknologi pendukung
aplikasi web telah muncul, peran HTML tetap tidak tergantikan.
2.5 CSS (Cascading Style Sheet)
Pengertian CSS menurut Yeni Kustiyahningsih dan Devie Rosa Anamisa, (2011:
47) dalam bukunya yang berjudul Pemrograman Basis Data Berbasis Web
menggunakan PHP & MySQL menyatakan bahwa CSS merupakan yang sangat penting
dalam membuat Dynamic HTML. Suatu style sheet merupakan tempat dimana anda
mengontrol dan memanage style yang ada. Style sheet mendeskripsikan bagaimana
tampilan document HTML di layar.
CSS digunakan untuk memformat atau membuat layout halaman web menjadi
lebih menarik dan mudah dikelola. Seletor adalah nama yang diberikan untuk setiap
style., di dalam style didefinisikan dalam tag HTML (tag tunggal), di dalam bagian
<head>, didefinisikan di file ekternal
Aplikasi CSS adalah Link ke Sheet lainnya, mengatur tepi halaman (page
margin), mengatur inden kiri dan kanan, inden pada baris pertama, mengatur format
font, menambahkan border dan latar belakang, mengatur warna, text, link.
6
2.6 PHP (Hypertext PreProcessor)
PHP Menurut Abdul (2011: 19) menyatakan bahwa PHP adalah singkatan dari
Hypertext PreProcessor, merupakan bahasa scripting yang menyatu dengan HTML
dan dijalankan pada server side. Artinya semua sintaks yang diberikan akan
sepenuhnya dijalankan pada server. sedangkan yang dikirimkan ke browser hanya
hasilnya saja. PHP dikenal sebagai bahasa pemograman yang kodenya dijalankan di
sisi server. Dengan demikian kode aslinya tidak akan terlihat pada klien (browser).
PHP banyak dipakai dalam membuat aplikasi web antara lain karena dukungan
pustaka yang lengkap dan mudah digunakan pada berbagai platform (Windows, Mac,
Linux, dan lain-lain). Dengan menggunakan PHP, koneksi ke database server juga
dapat mudah dilakukan.
2.7 JavaScript
Menurut Yeni Kustiyahningsih dan Devie Rosa Anamisa (2011: 65) menyatakan
bahwa JavaScript adalah bahasa yang berbentuk kumpulan skrip berjalan pada suatu
dokumen HTML. Bahasa ini adalah bahasa pemrograman untuk memberikan
kemampuan tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusian
perintah-perintah di sisi user artinya di sisi browser bukan di sisi server web.
JavaScript adalah bahasa yang “case sensitive” artinya membedakan penamaan
variable dan fungsi yang menggunakan huruf besar dan huruf kecil, setiap instruksi
diakhiri dengan karakter titik koma(;). Objek dalam JavaScript adalah Array, Boolean,
Date, Funtion, Math, Number, RegEp, String.
2.8 Flowchart
Menurut Yakub (2012: 162) yang berpendapat mengenai Flowchart yaitu
Flowchart adalah bagan yang menggambarkan urutan instruksi proses dan hubungan
satu proses dengan proses lainnya menggunakan simbol-simbol tertentu. Bagan alir
digunakan sebagai alat bantu komunikasi dan dokumentasi.
7
Flowchart adalah diagram yang menunjukkan alur data melalui programatau
sistem penanganan informasi dan operasi-operasi yang dikenakkan pada titik-titik yang
penting di sepanjang jalur. Flowchart berguna sebagai sarana pembantu untuk
menunjukkan bagaimana bekerjanya program yang diusulkan dan sebagai sarana untuk
memahami operasi-operasi sebuah program.
2.9 Apache
Apache adalah server web yang dapat di jalankan di berbagai macam sistem
operasi seperti Linux, Windows, BSD, dan sistem operasi lainnya. Protokol yang di
gunakan untuk melayani fasilitas web atau www ini menggunakan HTTP. Apache juga
didukung oleh sejumlah tampilan pengguna berbasis grafik (GUI) yang memungkinkan
penanganan server menjadi mudah (firda, 2015).
Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh
komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan
Apache Software Foundation.
2.10 MySQL
Pengertian MySQL Menurut Abdul Kadir (2011: 223) menyatakan bahwa
MySQL sebagai database server yang tergolong sebagai open source. Dari pendapat
diatas dapat ditarik kesimpulan bahwa MySQL adalah sebuah sistem manajemen
database yang mampu menerima dan mengirimkan datanya secara cepat dengan model
data relasi yang bersifat open sources.
MySQL merupakan sebuah database server yang free, artinya kita bebas
menggunakan database ini untuk keperluhan pribadi atau usaha tanpa harus membeli
atau membayar lisensinya.
8
Beberapa kelebihan MySQL :
1. MySQL merupakan Database Management System (DBMS).
2. MySQL merupakan database yang mampu menyimpan data berkapasitas sangat
besar hingga berukuran GigaByte.
3. MySQL adalah database yang menggunakan enkripsi password, jadi database ini
cukup aman karena memiliki password untuk mangaksesnya.
MySQL adalah multiuser database yang menggunakan bahasa Structured Query
Language (SQL) yang bersifat “terbuka” (open source). MySQL merupakan salah satu
dari sekian banyak database yang populer saat ini karena kecepatan, dan keamanannya
maka jenis database ini cocok jika digunakan pada aplikasi berbasis internet. MySQL
dirancang menggunakan script PHP dan PERL, software database ini dapat berfungsi
atau berjalan pada semua platform system informasi yang digunakan, seperti Windows
dan Linux. MySQL juga memiliki kemampuan server multithread sehingga dapat
menangani banyak permintaan (request) secara bersamaan, memiliki metode enkripsi
yang baik, mampu mengani data yang besar dan banyak, dan menggunakan autentikasi
pengguna dan kata sandi sehingga menjadikannya lebih aman.
2.11 Notepad++
Pengertian Notepad++ merupakan text editor pengembangan dari Notepad
bawaan windows yang dirancang untuk mendukung beberapa bahasa pemrograman.
Sehingga dapat disimpulkan bahwa Notepad++ adalah program yang digunakan untuk
text editor. (Handayani, 2015).
Notepad++ merupakan salah satu freeware yang sering digunakan programmer
atau developer dalam menyelesaikan skrip kode programnya. Selain menawarkan
plugin-plugin yang dapat diinstal sesuai kebutuhan, tampilan dari Notepad++. juga
lebih menarik.
Notepad++ adalah Code Editor (software penyunting kode) yang mendukung
berbagai bahasa pemograman seperti HTML, CSS, PHP, XML, Java, JSP, JavaScript,
Perl Pascal, dan lain-lain yang dapat bekerja pada Sistem Operasi Windows.
9
2.12 Web Browser
Web Browser merupakan aplikasi atau perangkat lunak yang berfungsi untuk
menampilkan informasi yang berasal dari halaman web server. Web browser mampu
menampilkan file berupa gambar, audio, video, dan sebagainya. Beberapa contoh web
browser yang sering digunakan antara lain, Mozilla Firefox, Google Chrome, Internet
Explorer, Opera Mini dan lain-lain. (Handayani, 2015).
2.13 Waterfall
Waterfall adalah proses pengembangan perangkat lunak tradisional yang umum
digunakan dalam proyek-proyek perangkat lunak yang paling pembangunan. Ini adalah
model sekuensial, sehingga penyelesaian satu set kegiatan menyebabkan dimulainya
aktivitas berikutnya. Hal ini disebut waterfall karena proses mengalir "secara
sistematis dari satu tahap ke tahap lainnya dalam mode ke bawah". Membentuk
kerangka kerja untuk pengembangan perangkat lunak. Beberapa varian dari model ada,
setiap label yang berbeda menggunakan untuk setiap tahap. Secara umum,
bagaimanapun, model ini dianggap memiliki enam tahap yang berbeda yaitu: analisis
Kebutuhan, desain, implementasi, verifikasi, instalasi dan pemeliharaan.
10
BAB III
METODOLOGI PENELITIAN
3.1 Jenis Penelitian
Jenis penelitian ini yaitu penelitian kualitatif untuk membuat sistem
informasi administrasi unit kegiatan mahasiswa berbasis web. Fokus dalam
pembuatan aplikasi dengan menggunakan bahasa pemrograman yang telah banyak
digunakan yaitu PHP.
3.2 Tempat dan Waktu Penelitian
Tempat penelitian dilaksanakan di Politeknik Negeri Balikpapan, Jalan
Soekarno Hatta KM.8,Batu Ampar, Balikpapan Utara. Kalimantan Timur. Waktu
penelitian di mulai pada bulan April 2017 sampai dengan Juni 2017.
3.3 Peralatan dan Bahan yang Digunakan
Peralatan dan bahan yang digunakan dalam Pembuatan Aplikasi
Perpustakaan ini meliputi peralatan perangkat keras (Hardware) dan perangkat
lunak (Software) serta sistem pendukung adalah pemakai (Braindware).
3.3.1 Perangkat Keras (Hardware)
Perangkat keras (hardware) adalah sistem utama dari sebuah sistem
computer. Secara fisik, yang terdiri dari komponen-komponen yang saling terkait
yang terdiri dari masukan (input), proses (process) dan keluaran (output). Perangkat
keras yang digunakan untuk Aplikasi Web ini adalah:
Laptop dengan spesifikasi:
Tabel 3.1 Tabel Perangkat Keras
No. Perangkat Keras Spesifikasi
1. Laptop Aspire 4739
2. Processor Intel(R) Core(TM) i3 CPU M 370 @ 2.40GHz
3. RAM 4GB
4. Hard Disk 500GB
11
3.3.2 Perangkat Lunak (Software)
Perangkat lunak (software) merupakan salah satu pendukung dalam peracangan
pembuatan Sistem Informasi Administrasi Unit Kegiatan Mahasiswa Berbasis Web.
Perangkat lunak adalah sekumpulan perintah (program) untuk menjalankan perangkat
keras (hardware). Perangkat lunak terdiri dari system operasi dan bahasa pemograman
aplikasi. Perangkat lunak yang dibutuhkan untuk membuat aplikasi ini adalah:
Tabel 3.2 Tabel Perangkat Lunak
No. Nama Software yang dipakai
1. Windows 8.1 64bit
2. Myql
3. PHP
4. Apache
5. Notepad ++
6. web browser
3.3.3 Pemakai (Brainware)
Brainware adalah manusia atau pemakai yang terlibat dalam pemakaian serta
mengatur sistem komputer. Kebutuhan perangkat keras dan perngkat lunak tersebut
juga harus di dukung oleh teknisi atau orang yang dapat menjalankan dan membuat
sistem dengan baik dan mudah di gunakan, untuk itu di butuhkan manusia yang
mempunyai ilmu pengetahuan. Tanpa ilmu pengetahuan yang di miliki manusia
perangkat keras dan perangkat lunak tersebut tidak dapat di gunakan untuk membuat
suatu aplikasi.
13
3.4.1 Pengumpulan Data
a. Observasi Pengamatan
Penulis melakukan pengamatan langsung di kegiatan administrasi unit kegiatan
mahasiswa kepada bagian akademik kemahasiswaan.
b. Interview /wawancara
Wawancara adalah suatu metode untuk mengumpulkan data dengan cara
mengajukan pertanyaan secara langsung kepada responden. Dalam hal ini
penulis mengadakan wawancara kepada pihak-pihak yang terkait baik dengan
bagian akademik dan unit kegiatan mahasiswa yang ada di Politeknik Negeri
Balikpapan. Wawancara ini dimaksudkan agar data yang dibutuhkan lebih
lengkap dan jelas, sesuai informasi yang dibutuhkan penulis
c. Studi Literatur
Merupakan cara pengumpulan data dengan menggunakan buku, laporan, data-
data dokumentasi dari internet, dan sumber informasi lain yang sesuai dengan
materi Membangun Sistem Informasi Administrasi lainnya yang ada kaitannya
dengan penelitian yang akan dilakukan untuk memperoleh data yang
dikehendaki.
3.4.2 Upload Aplikasi
Upload Aplikasi merupakan proses meng-upload aplikasi ke web server
Politeknik Negeri Balikpapan untuk memudahkan user mengakses web dengan koneksi
jaringan internet. Tujuan dari meng-upload web ini adalah agar mempermudah dalam
peoses pengajuan proposal dan LPJ online.
3.4.3 Metode Pengembangan
Metode pengembangan system yang digunakan dalam pengerjaan tugas akhir
ini adalah menggunakan metode System Development Life Cycle model klasik yang
biasa disebut metode waterfall. SDLC (System Development Life Cycle, siklus hidup
pengembangan system), itu sendiri dalam rekayasa perangkat lunak, adalah proses
pembuatan dan pengubahan system serta model dan metodologi yang digunakan untuk
14
mengembangkan sistem-sistem. Menurut Yadi Utama dalam jurnalnya, tahapan-
tahapan waterfall adalah sebagai berikut:
1. Analisis.
Tahap analisis dilakukan untuk mengumpulkan data yang dibutuhkan dalam
penelitian berdasarkan teori yang telah dipelajari sebelumnya. Pada tahap ini
juga bertujuan untuk memperoleh informasi mengenai harapan dari pengguna
sistem atau aplikasi yang akan dikembangkan.
2. Desain
Tahap desain dilakukan untuk membuat simulasi rancangan yang siap untuk
diimplementasikan, berdasarkan tahap-tahap sebelumnya. Pada tahap ini akan
dibuat rancangan system seperti desain Flowchart dan Use Case.
3. Pengkodean
Pada tahap pengkodean atau implementasi, dilakukan pengembangan simulasi
perangkat lunak system berdasarkan desain system yang dihasilkan. Desain
harus diterjemahkan dalam bentuk yang dapat dimengerti oleh mesin dengan
menggunakan bahasa pemograman yang telah ditentukan
4. Pengujian
Setelah diimplementasikan, akan dilakukan pengujian terhadap aplikasi
tersebut pada pengguna, sehingga akan diperoleh kesesuaian hasil
implementasi dengan hasil dari analisis, serta harapan dan tujuan pembuatan
sistem informasi admnistrasi unit kegiatan mahasiswa berbasis web ini. Pada
tahap ini juga akan diperoleh kelebihan dan kekurangan yang dimiliki oleh
sistem ini.
15
3.5 Tabel Perbandingan Penelitian
No Nama peneliti Judul penelitian dan tahun
penelitian
Metode Hasil
1 Lailatul Fitri Pembuatan Sistem Informasi
Administrasi Kegiatan
Organisasi Mahasiswa Pada
Bagian Kemahasiswaan Berbasis
Web (2012)
Waterfall Struktur
organisasi
mahasiswa,
pembinaan
organisasi,
pendataan
kegiatan
organisasi
mahasiswa
Stikom
surabaya
2 Irfan sadewa dan
Kondar Siahaan
Analisis dan Perancangan
Sistem Informasi Unit Kegiatan
Mahasiswa (UKM) Berbasis
Web Pada Universitas
Batanghari (2016)
Identifikasi
Masalah,
Studi
Literatur,
Pengumpulan
Data,
Analisis dan
Perancangan
Sistem
Data Anggota
UKM,Kepeng
urusan UKM ,
Pelaksanaan
kegiatan
UKM, Laporan
Kegiatan
UKM, kritik
dan saran
untuk masing
masing UKM
Universitas
Batanghari
3 Lukman Agus
Taminnong
Membangun Sistem Informasi
Administarasi Unit Kegiatan
Mahasiswa Berbasis Web di
Politeknik Negeri Balikpapan
(2017)
System
Development
Life Cycle
(SDLC)
Informasi
UKM Online
Pengajuan
serta
pengumpulan
Proposal dan
LPJ Online di
Politeknik
Negeri
Balikpapan
Tabel 3.3 Perbandingan Penelitian
17
4.2 Spesifikasi Kebutuhan Fungsionalitas
4.2.1 Use Case Spesification : LOGIN
1. Brief Description
Use Case ini digunakan oleh admin dan member untuk memperoleh akses ke
sistem. Login didasarkan pada sebuah id unik yaitu nama user dari user dan
password yang berupa rangkaian karakter
2. Primary Actor
• Admin
• Member
3. Basic Flow
1. Use case ini dimulai ketika actor memilih untuk melakukan login
2. Sistem menampilkan halaman login
3. Actor memasukkan username dan password
4. Sistem memeriksa username dan password yang diinputkan actor
E-1. Username atau password tidak sesuai
5. Sistem memberikan akses
6. Use case selesai
4. Alternative Flow
None
5. Error Flow
E-1. Username atau password tidak sesuai
1. Sistem memberi peringatan bahwa username dan password tidak sesuai
atau belum terdaftar
2. Kembali ke basic flow langkah 3
6. PreConditions
None
7. PostConditions
Actor memasuki sistem dan data menggunakan fungsi-fungsi pada sistem
18
4.2.2 Use Case Spesification : Kelola Data User
1. Brief Description
Use case ini digunakan oleh admin untuk mengelola data user di dalam
sebuah sistem agar dapat menggunakan fungsi-fungsi sistem yang ada
2. Primary Actor
• Admin
3. Basic Flow
1. Use case ini dimulai ketika admin memilih untuk melakukan penambahan
user baru.
2. Sistem menampilkan form yang harus diisi
3. Admin menginputkan data yang diminta oleh sistem.
4. Admin meminta sistem untuk menyimpan data yang telah diinputkan
5. Sistem mengecek data user yang telah diinputkan
E-1. Data yang diinputkan admin salah
6. Sistem menyimpan data ke database
7. Use case ini selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data yang diinputkan actor salah
1. Sistem menampilkan peringatan bahwa username sudah digunakan.
2. Kembali ke basic flow 3
6. PreConditions
1. Use case Login telah dilakukan
2. Admin telah memasuki sistem
7. PostConditions
Data user di database telah terupdate.
19
4.2.3 Use Case Spesification : Kelola Data Proposal
1. Brief Description
Use case ini digunakan oleh admin untuk mengelola data-data proposal.
Admin dapat melakukan edit data dan melihat data proposal
2. Primary Actor
• Admin
3. Basic Flow
1. Use case ini dimulai ketika admin memilih untuk melakukan pengelolaan
data proposal.
2. Sistem memberikan pilihan untuk melakukan edit data proposal.
3. Admin memilih untuk melakukan edit data proposal.
4. Sistem menampilkan data proposal.
5. Admin mengedit data proposal yang sudah di tampilkan.
6. Admin meminta sistem untuk menyimpan data proposal yang telah di edit.
7. Sistem melakukan pengecekan terhadap data proposal yang telah di edit.
E-1. Data proposal yang di edit salah/error
8. Sistem menyimpan data proposal yang telah diedit ke database.
9. Use case selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data proposal yang di edit salah/error.
1. Sistem memberikan pesan peringatan bahwa data yang diinputkan
salah/error
2. Kembali ke basic flow 5
6. PreConditions
1. Use case Login telah dilakukan
2. Admin telah memasuki sistem
7. PostConditions
Data proposal di database telah terupdate.
20
4.2.4 Use Case Spesification : Kelola Data LPJ
1. Brief Description
Use case ini digunakan oleh admin untuk mengelola data-data LPJ. Admin
dapat melakukan edit data dan melihat data proposal
2. Primary Actor
• Admin
3. Basic Flow
1. Use case ini dimulai ketika admin memilih untuk melakukan pengelolaan
data LPJ.
2. Sistem memberikan pilihan untuk melakukan edit data LPJ.
3. Admin memilih untuk melakukan edit data LPJ.
4. Sistem menampilkan data LPJ.
5. Admin mengedit data LPJ yang sudah di tampilkan.
6. Admin meminta sistem untuk menyimpan data LPJ yang telah di edit.
7. Sistem melakukan pengecekan terhadap data LPJ yang telah di edit.
E-1. Data LPJ yang di edit salah/error
8. Sistem menyimpan data LPJ yang telah diedit ke database.
9. Use case selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data LPJ yang di edit salah/error.
1. Sistem memberikan pesan peringatan bahwa data yang diinputkan
salah/error
6. PreConditions
3. Use case Login telah dilakukan
4. Admin telah memasuki sistem
7. PostConditions
Data LPJ di database telah terupdate.
21
4.2.5 Use Case Spesification : Kelola Data Berita
1. Brief Description
Use case ini digunakan oleh admin untuk mengelola data-data berita. Admin
dapat melakukan edit data dan melihat data berita
2. Primary Actor
• Admin
3. Basic Flow
1. Use case ini dimulai ketika admin memilih untuk melakukan pengelolaan
data berita.
2. Sistem memberikan pilihan untuk melakukan edit data berita.
3. Admin memilih untuk melakukan edit data berita.
4. Sistem menampilkan data berita.
5. Admin mengedit data berita yang sudah di tampilkan.
6. Admin meminta sistem untuk menyimpan data berita yang telah di edit.
7. Sistem melakukan pengecekan terhadap data berita yang telah di edit.
E-1. Data berita yang di edit salah/error
8. Sistem menyimpan data berita yang telah diedit ke database.
9. Use case selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data berita yang di edit salah/error.
1. Sistem memberikan pesan peringatan bahwa data yang diinputkan
salah/error
2. Kembali ke basic flow 5
6. PreConditions
5. Use case Login telah dilakukan
6. Admin telah memasuki sistem
7. PostConditions
Data berita di database telah terupdate.
22
4.2.6 Use Case Spesification : View Berita
1. Brief Description
Use case ini digunakan oleh actor (Admin dan Member) untuk menampilkan
berita.
2. Primary Actor
• Admin
• Member
3. Basic Flow
1. Use case ini dimulai ketika actor memilih untuk menampilkan berita.
2. Sistem menampilkan semua berita
3. Use case ini selesai
4. Alternative Flow
None
5. Error Flow
None
6. PreConditions
1. Use case Login telah dilakukan
2. Admin telah memasuki sistem
7. PostConditions
User dapat menampilkan berita.
4.2.7 Use Case Spesification : Pengajuan Prposal
1. Brief Description
Use case ini digunakan oleh member untuk mengajukan proposal
2. Primary Actor
• Member
3. Basic Flow
1. Use case ini dimulai ketika member memilih untuk melakukan pengajuan
proposal.
2. Sistem menampilkan form yang harus diisi
23
3. member menginputkan data yang diminta oleh sistem.
4. member meminta sistem untuk menyimpan data yang telah diinputkan
5. Sistem mengecek data user yang telah diinputkan
E-1. Data yang diinputkan actor salah
6. Sistem menyimpan data kedatabase
7. Use case ini selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data yang diinputkan actor salah
1. Sistem menampilkan peringatan bahwa id proposal sudah digunakan.
2. Kembali ke basic flow 4
6. PreConditions
1. Use case Login telah dilakukan
2. Admin telah memasuki sistem
7. PostConditions
User dapat melakukan pengajuan proposal
4.2.8 Use Case Spesification : Pengajuan LPJ
1. Brief Description
Use case ini digunakan oleh member untuk mengajukan LPJ
2. Primary Actor
• Member
3. Basic Flow
1. Use case ini dimulai ketika member memilih untuk melakukan pengajuan
LPJ.
2. Sistem menampilkan form yang harus diisi
3. member menginputkan data yang diminta oleh sistem.
4. member meminta sistem untuk menyimpan data yang telah diinputkan
24
5. Sistem mengecek data user yang telah diinputkan
E-1. Data yang diinputkan member salah
6. Sistem menyimpan data kedatabase
7. Use case ini selesai
4. Alternative Flow
None
5. Error Flow
E-1. Data yang diinputkan member salah
1. Sistem menampilkan peringatan bahwa ID LPJ sudah digunakan.
2. Kembali ke basic flow 3
6. PreConditions
None
7. PostConditions
User dapat melakukan pengajuan LPJ
26
4.4 Kamus Data
4.4.1 Data Member
1. Elemen Data ID
Tabel 4.1 Elemen Data ID (member)
Representasi Domain Format Struktur Data
Untuk ID dari
user
text - varchar(5)
2. Elemen Data Nama
Tabel 4.2 Elemen Data Nama (member)
Representasi Domain Format Struktur Data
Untuk data nama
dari user
text - varchar(25)
3. Elemen Data Email
Tabel 4.3 Elemen Data Email (member)
Representasi Domain Format Struktur Data
Untuk email dari
user
text [email protected] varchar(50)
4. Elemen Data No Telpon
Tabel 4.4 Elemen Data No Telpon (member)
Representasi Domain Format Struktur Data
Untuk no telpon
dari user
text - varchar(20)
27
5. Elemen Data Password
Tabel 4.5 Elemen Data Password (member)
Representasi Domain Format Struktur Data
Untuk Password
dari user
text Xxxxxxxxxx varchar(125)
6. Elemen Data Role
Tabel 4.6 Elemen Data Role (member)
Representasi Domain Format Struktur Data
Untuk role dari
user
text - varchar(10)
4.4.2 Data Admin
1. Elemen Data ID
Tabel 4.7 Elemen Data ID (admin)
Representasi Domain Format Struktur Data
Untuk ID dari
user
text - varchar(5)
2. Elemen Data Nama
Tabel 4.8 Elemen Data Nama (admin)
Representasi Domain Format Struktur Data
Untuk data nama
dari user
text - varchar(25)
28
3. Elemen Data Email
Tabel 4.9 Elemen Data Email (admin)
Representasi Domain Format Struktur Data
Untuk email dari
user
text [email protected] varchar(50)
4. Elemen Data No Telpon
Tabel 4.10 Elemen Data No Telpon (admin)
Representasi Domain Format Struktur Data
Untuk no telpon
dari user
text - varchar(20)
5. Elemen Data Password
Tabel 4.11 Elemen Data Password (admin)
Representasi Domain Format Struktur Data
Untuk Password
dari user
text Xxxxxxxxxx varchar(125)
6. Elemen Data Role
Tabel 4.12 Elemen Data Role (Admin)
Representasi Domain Format Struktur Data
Untuk data Role
dari user
text varchar(10)
29
4.4.3 Data LPJ
1. Elemen Data No LPJ
Tabel 4.13 Elemen Data No LPJ
Representasi Domain Format Struktur Data
Untuk no lpj dari
lpj
text - varchar(5)
2. Elemen Data Tanggal Upload
Tabel 4.14 Elemen Data Tanggal Upload (LPJ)
Representasi Domain Format Struktur Data
Untuk tanggal
Upload dari lpj
date dd/mm/yyyy timestamp
3. Elemen Data Nama Ukm
Tabel 4.15 Elemen Data Nama Ukm (LPJ)
Representasi Domain Format Struktur Data
Untuk data nama
ukm dari lpj
text - varchar(25)
4. Elemen Data Nama Kegiatan
Tabel 4.16 Elemen Data Nama Kegiatan (LPJ)
Representasi Domain Format Struktur Data
Untuk nama
kegiatan dari lpj
text - Varchar(50)
30
5. Elemen Data Ketua Panitia
Tabel 4.17 Elemen Data Ketua Panitia (LPJ)
Representasi Domain Format Struktur Data
Untuk data ketua
panitia dari lpj
text - varchar(25)
6. Elemen Data No Telpon
Tabel 4.18 Elemen Data No Telpon (LPJ)
Representasi Domain Format Struktur Data
Untuk no telpon
dari lpj
text - varchar(25)
7. Elemen Data Tanggal Kegiatan
Tabel 4.19 Elemen Data Tanggal Kegiatan (LPJ)
Representasi Domain Format Struktur Data
Untuk tanggal
kegiatan dari lpj
- dd/mm/yyyy timestamp
8. Elemen Data Input LPJ
Tabel 4.20 Elemen Data Input LPJ
Representasi Domain Format Struktur Data
Untuk data input
lpj dari lpj
text varchar(225)
9. Elemen Data Status LPJ
Tabel 4.21 Elemen Data Status LPJ
Representasi Domain Format Struktur Data
Untuk data status
lpj dari lpj
text varchar(50)
31
10. Elemen Data Status LPJ2
Tabel 4.22 Elemen Data Status LPJ2
Representasi Domain Format Struktur Data
Untuk data status
lpj2 dari lpj
text varchar(50)
11. Elemen Data Status LPJ3
Tabel 4.23 Elemen Data Status LPJ3
Representasi Domain Format Struktur Data
Untuk data status
lpj3 dari lpj
text varchar(50)
12. Elemen Data Status LPJ4
Tabel 4.24 Elemen Data Status LPJ4
Representasi Domain Format Struktur Data
Untuk data status
lpj4 dari lpj
text varchar(50)
13. Elemen Data Komentar
Tabel 4.25 Elemen Data Komentar (LPJ)
Representasi Domain Format Struktur Data
Untuk data
komentar dari lpj
text text
32
4.4.4 Data proposal
1. Elemen No Proposal
Tabel 4.26 Elemen Data No Proposal
Representasi Domain Format Struktur Data
Untuk data no
proposal dari
proposal
text - varchar(5)
2. Elemen Data Tanggal Upload
Tabel 4.27 Elemen Data Tangggal Upload (Proposal)
Representasi Domain Format Struktur Data
Untuk tanggal
upload dari
proposal
- dd/mm/yyyy timestamp
3. Elemen Data Nama Ukm
Tabel 4.28 Elemen Data Nama Ukm (Proposal)
Representasi Domain Format Struktur Data
Untuk nama ukm
dari proposal
text - Varchar(25)
4. Elemen Data Nama Kegiatan
Tabel 4.29 Elemen Data Nama Kegiatan (proposal)
Representasi Domain Format Struktur Data
Untuk data nama
kegiatan dari
proposal
text - varchar(50)
33
5. Elemen Data Ketua Panitia
Tabel 4.30 Elemen Data Ketua Panitia (proposal)
Representasi Domain Format Struktur Data
Untuk ketua
panitia dari
proposal
text - Varchar(25)
6. Elemen Data No Telpon
Tabel 4.31 Elemen Data No Telpon (proposal)
Representasi Domain Format Struktur Data
Untuk data no
telpon dari
proposal
text - varchar(25)
7. Elemen Data Tanggal Kegiatan
Tabel 4.32 Elemen Data tanggal Kegiatan (Proposal)
Representasi Domain Format Struktur Data
Untuk data input
proposal dari
proposal
date dd/mm/yyyy date
8. Elemen Data Input Proposal
Tabel 4.33 Elemen Data Input Proposal
Representasi Domain Format Struktur Data
Untuk data Input
proposal dari
proposal
text - varchar(255)
34
9. Elemen Data Status Proposal
Tabel 4.34 Elemen Status Proposal
Representasi Domain Format Struktur Data
Untuk status
proposal dari
proposal
text varchar(50)
10. Elemen Data Status Proposal2
Tabel 4.35 Elemen Status Proposal2
Representasi Domain Format Struktur Data
Untuk status
proposal2 dari
proposal
text varchar(50)
11. Elemen Data Status Proposal3
Tabel 4.36 Elemen Status Proposal3
Representasi Domain Format Struktur Data
Untuk status
proposal3 dari
proposal
text varchar(50)
12. Elemen Data Status Proposal4
Tabel 4.37 Elemen Status Proposal4
Representasi Domain Format Struktur Data
Untuk status
proposal dari
proposal
text varchar(50)
35
13. Elemen Data Status Proposal
Tabel 4.38 Elemen Komentar (Proposal)
Representasi Domain Format Struktur Data
Untuk Komentar
dari proposal
text - text
4.4.5 Data Berita
1. Elemen Data ID Berita
Tabel 4.39 Elemen Data ID Berita
Representasi Domain Format Struktur Data
Untuk id berita
dari berita
text - varchar(5)
2. Elemen Data Judul Berita
Tabel 4.40 Elemen Data Judul Berita
Representasi Domain Format Struktur Data
Untuk judul berita
dari berita
text - Varchar(50)
3. Elemen Data Isi Berita
Tabel 4.41 Elemen Isi Berita
Representasi Domain Format Struktur Data
Untuk data isi
berita dari
proposal
text - varchar(1000)
36
4. Elemen Data Tanggal Berita
Tabel 4.42 Elemen Data Tanggal Berita
Representasi Domain Format Struktur Data
Untuk tanggal
berita dari berita
date dd/mm/yyyy timestamp
5. Elemen Data Gambar
Tabel 4.43 Elemen Data Gambar
Representasi Domain Format Struktur Data
Untuk data
gambar dari berita
text - varchar(50)
4.5 Dekomposisi Data
Tabel 4.44 Deskripsi Entitas Admin
Deskripsi Entitas Admin
NAMA TIPE PANJANG
Id varchar 5
Nama varchar 25
email varchar 50
no_telp varchar 20
Password varchar 125
role varchar 10
Tabel 4.45 Deskripsi Entitas Tabel Member
Deskripsi Entitas Member
NAMA TIPE PANJANG
Id varchar 5
Nama varchar 25
email varchar 50
no_telp varchar 20
Password varchar 125
role varchar 10
37
Tabel 4.46 Deskripsi Entitas Tabel LPJ
Deskripsi Entitas LPJ
NAMA TIPE PANJANG
no_lpj varchar 25
tgl_upload timestamp -
nama_ukm varchar 25
nama_kegiatan varchar 50
ketua_panitia varchar 25
no_telp varchar 20
tgl_kegiatan date -
Input_lpj varchar 225
Status_lpj varchar 50
Status_lpj2 varchar 50
Status_lpj3 varchar 50
Status_lpj4 varchar 50
komentar text -
Tabel 4.47 Deskripsi Entitas Tabel Proposal
Deskripsi Entitas Proposal
NAMA TIPE PANJANG
no_proposal varchar 25
tgl_upload timestamp -
nama_ukm varchar 25
nama_kegiatan varchar 50
ketua_panitia varchar 25
no_telp varchar 20
tgl_kegiatan date -
Input_proposal varchar 225
Status_proposal varchar 50
Status_proposal2 varchar 50
Status_proposal3 varchar 50
Status_proposal4 varchar 50
komentar text -
38
Tabel 4.48 Deskripsi Entitas Tabel Berita
Deskripsi Entitas Berita
NAMA TIPE PANJANG
Id_berita Varchar 5
Judul_berita Varchar 50
Isi_berita Varchar 1000
Tgl_berita timestamp -
gambar varchar 50
4.6 Sequance Diagram
4.6.1 Fungsi Input Data User
Gambar 4.3 Fungsi Input Data User
39
4.6.2 Fungsi Tampil Data User
Gambar 4.4 Fungsi Tampil Data User
4.6.3 Fungsi Edit Data User
Gambar 4.5 Fungsi Edit Data User
40
4.6.4 Fungsi Hapus Data User
Gambar 4.6 Fungsi Hapus Data User
4.6.5 Fungsi Input Data Berita
Gambar 4.7 Fungsi Input Data Berita
41
4.6.6 Fungsi Tampil Data Berita
4.6.7 Fungsi Hapus Data Berita
Gambar 4.8 Fungsi Tampil Data Berita
Gambar 4.9 Fungsi Hapus Data Berita
42
4.6.8 Fungsi Input Data Proposal
4.6.9 Fungsi Tampil Data Proposal
Gambar 4.11 Fungsi Tampil Data Proposal
Gambar 4.10 Fungsi Input Data Proposal
43
4.6.10 Fungsi Edit Data Proposal
Gambar 4.12 Fungsi Edit Data Proposal
4.6.11 Fungsi Hapus Data Proposal
Gambar 4.13 Fungsi Hapus Data Proposal
44
4.6.12 Fungsi Input Data LPJ
Gambar 4.14 Fungsi Input Data LPJ
4.6.13 Fungsi Tampil Data LPJ
Gambar 4.15 Fungsi Tampil Data LPJ
45
4.6.14 Fungsi Edit Data LPJ
Gambar 4.16 Fungsi Edit Data LPJ
4.6.15 Fungsi Hapus Data LPJ
Gambar 4.17 Fungsi Hapus Data LPJ
46
4.7 Tampilan Aplikasi
4.7.1 Login (Admin dan Member)
Pada gambar 4.18 ini adalah interface yang digunakan untuk login dimana
dibutuhkan Nama User dan Password untuk melakukan Sign In sehingga Admin
member dapat menggunakan sistem yang ada didalamnya. Setelah selesai melakukan
proses login maka aplikasi akan menampilkan tampilan awal yang berisikan ucapan
selamat datang. Kemudian untuk tampilan Menu nagivation ini berisikan fitur - fitur
yang tersedia pada aplikasi ini, seperti ubah profil, ubah password, input proposal,
input LPJ, edit data lpj, edit data proposal dan log out untuk member. Sedangkan untuk
admin fitur - fitur yang tersedia , seperti ubah profil, ubah password data proposal, data
lpj, data user, edit data user, input berita, edit data lpj, edit data proposal dan log out.
Gambar 4.18 Login
47
4.7.2 Registrasi User (Admin)
Pada gambar 4.19 ini adalah interface yang digunakan Admin untuk melakukan
registrasi user baru agar dapat melakukan login dan menggunakan sistem ini, dan di
wajibkan mengisi nama, email, password, no telpon, dan role.
4.7.3 Pengolelolaan Data User (Admin)
Pada gambar 4.20 ini adalah interface yang digunakan untuk menampilkan
semua data user yang dapat diakses oleh admin di antaranya menampilkan id user,
email, nama user, nomor telpon, password, role dan juga action yang dapat digunakan
oleh admin untuk meng-edit data nama user, email, nomer telpon, password, dan role
yang ingin di edit oleh admin.
Gambar 4.19 Registrasi User (Admin)
Gambar 4.20 Pengelolaan Data User (Admin)
48
4.7.4 Pengolelolaan Data Berita (Admin)
Pada gambar 4.21 ini adalah interface yang digunakan admin untuk mengubah
data berita yang terdaftar pada sistem ini. Data yang dapat diubah oleh admin
diantaranya judul berita, isi berita, dan gambar berita
4.7.5 Pengelolaan Data Proposal (Admin)
Gambar 4.22 Pengelolaan Data Proposal (Admin)
Pada gambar 4.22 ini adalah interface yang digunakan admin untuk mengelola
data Proposal yang terdaftar pada sistem ini. Data yang dapat di kelola oleh admin
diantaranya edit data proposal, hapus data proposal, download data Proposal, dan
export data proposal ke excel
Gambar 4.21 Pengelolaan Data berita (Admin)
49
4.7.6 Pengelolaan data LPJ (Admin)
Gambar 4.23 Pengelolaan Data LPJ (Admin)
Pada gambar 4.23 ini adalah interface yang digunakan admin untuk mengelola
data LPJ yang terdaftar pada sistem ini. Data yang dapat di kelola oleh admin
diantaranya edit data LPJ, hapus data LPJ, download data LPJ, dan export data LPJ ke
excel
4.7.7 Input Data Proposal (Member)
Gambar 4.24 Input Data Proposal (Member)
Pada gambar 4.24 ini adalah interface yang digunakan Member untuk input data
Proposal pada sistem ini. Data yang wajib di input oleh member diantaranya nama
UKM, nama kegiatan, ketua panitia, no telpon, tanggal kegiatan, dan file proposal.
50
4.7.8 Input Data LPJ (Member)
Gambar 4.25 Input Data LPJ (Member)
Pada gambar 4.25 ini adalah interface yang digunakan member untuk input data
LPJ pada sistem ini. Data yang wajib di input oleh member diantaranya nama UKM,
nama kegiatan, ketua panitia, no telpon, tanggal kegiatan, dan file LPJ.
4.7.9 Input Data Berita (Admin)
Gambar 4.26 Input Data Berita (Admin)
Pada gambar 4.26 ini adalah interface yang digunakan admin untuk input data
berita pada sistem ini. Data yang wajib di input oleh admin diantaranya Judul Berita,
Isi Berita, dan gambar berita.
51
4.7.10 Ubah Password User (Admin dan Member)
Gambar 4.27 Ubah Password User (Admin dan member)
Pada gambar 4.27 ini adalah interface yang digunakan admin dan member
untuk mengubah passwod user yang terdaftar pada sistem ini. Data yang dapat diubah
oleh admin dan member adalah password masing masing akun setelah melakukan
proses login
4.7.11 Ubah Profil (Admin dan Member)
Gambar 4.28 Ubah profile (Admin dan member)
Pada gambar 4.28 ini adalah interface yang digunakan admin dan member
untuk mengubah profil akun yang terdaftar pada sistem ini. Data yang dapat diubah
oleh admin dan member adalah nama user, email, no telpon, masing masing akun
setelah melakukan proses login
52
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Setelah membangun sistem informasi administrasi unit kegiatan mahasiswa
berbasis web di Politeknik Negeri Balikpapan, dapat disimpulkan bahwa :
1. Aplikasi ini memiliki fungsi pengajuan proposal, pengajuan LPJ, dan revisi
secara online.
2. Mempermudah admin dalam melakukan penginputan data rencana kegiatan
yang akan di lakukan ukm, maupun laporan kegiatan yang telah di laksanakan
ukm.
3. Mempermudah memperoleh informasi khusus yang di peruntukan untuk unit
kegiatan mahasiswa yang ada di Politeknik Negeri Balikpapan secara online.
5.2 Saran
Saran yang dapat penulis sampaikan adalah :
1. Untuk pengembangan agar dikembakan lebih sempurna lagi seperti
ditambahkannya fitur chatting sehingga aplikasi terlihat lebih interaktif.
2. Perlu dilakukan sosialisasi awal mengenai aplikasi ini agar para member dapat
mengetahui fungsi dari aplikasi dan dapat menggunakannya.
53
DAFTAR PUSTAKA
Kadir, Abdul. (2011) : Buku Pintar jQuery dan PHP. MediaKom. Yogyakarta.
Yakub. (2012) : Pengantar Sistem Informasi. Graha Ilmu. Yogyakarta.
Fitri, Lailatul. (2012). Skripsi : Pembuatan Sistem Informasi Administrasi Kegiatan
Organisasi Mahasiswa Pada Bagian Kemahasiswaan Berbasis Web.
STIKOM. Surabaya.
Kustiyahningsih.Yeni., anamisa, Devie Rosa. (2010) : Pemograman Basis Data
berbasis web Menggunakan PHP & MySql. Graha Ilmu. Yogyakarta.
Mulyasari, Firda. (2015). Tugas Akhir : Implentasi Monitoring Jaringan Dengan SMS
Gateway Berbasis Gammu dan Kalkun di Politeknik Negeri Balikpapan.
Politeknik Negeri Balikpapan. Balikpapan.
Handayani, Agustina. (2015). Tugas Akhir : Membangun Aplikasi Web Forum Peduli
Teluk Balikpapan Berbasis PHP-MYSQL . Politeknik Negeri Balikpapan.
Balikpapan
Utama, Yadi. (2011). Jurnal Sistem Informasi VOL. 3, NO. 2 : Sistem Informasi
Berbasis Web Jurusan Sistem Informasi Fakultas Ilmu Komputer Universitas
Sriwijaya. Universitas Sriwijaya. Palembang.
54
LAMPIRAN
1. Form Login – login.php
<div class="login-container">
<div class="login-header bordered">
<h4>USER LOGIN</h4>
</div>
<hr>
<form action="login-proses.php" method="post">
<div class="login-field">
<label>Nama User</label>
<input type="text" name="nama" id="nama" placeholder="Nama User">
<i class="icon-user"></i>
</div>
<br>
<div class="login-field">
<label>Password</label>
<input type="password" name="password" id="password"
placeholder="Password">
<i class="icon-lock"></i>
</div>
<br>
<div class="login-button clearfix">
<div class="row">
<button type="submit" class="btn btn-block btn-flat btn-custom-red"
name="login">Login</button>
</div>
</form>
</div>
55
2. login_proses.php
<?php
session_start();
include "koneksi.php";
if(isset($_POST["login"])){
$nama = $_POST['nama'];
$password = md5($_POST['password']);
$login = $_POST['login'];
$query = mysqli_query($koneksi,"SELECT * FROM user WHERE nama =
'$nama' AND password = '$password'");
if(mysqli_num_rows($query)>0) {
$data = mysqli_fetch_array($query);
$_SESSION["user_id"] = $data["id"];
$_SESSION["user_nama"] = $data["nama"];
$_SESSION["user_email"] = $data["email"];
$_SESSION["user_password"] = $data["password"];
$_SESSION["user_role"] = $data["role"];
$_SESSION['last_activity'] = time();
if($data["role"]=="Admin"){
header("location:homead.php"); }
if($data["role"]=="Member"){
header("location:home.php"); }
}else{
echo "<script>alert('Data anda Tidak Benar')</script>";
echo "<meta http-equiv='refresh' content='1 url=login.php'>";}}
?>
56
3. Form Registrasi user – input_user.php
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Registrasi Akun</div>
<div class="panel-body">
<div class="col-md-12">
<form action="input_user_proses.php" enctype="multipart/form-data"
role="form" method="POST">
<div class="form-group">
<label class="control-label">Nama:</label>
<input type="text" class="form-control" name="nama" placeholder="Nama"
required>
</div>
<div class="form-group">
<label class="control-label">Email:</label>
<input type="text" class="form-control" name="email" placeholder="Email"
required></div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" placeholder="ex:
08xxxxxxx" required></div>
<div class="form-group">
<label class="control-label">Password:</label>
<input type="password" class="form-control" name="password"
placeholder="Password" required></div>
<div class="form-group">
<label class="control-label">Konfirm Password:</label>
<input type="password" class="form-control" name="password2"
placeholder="Konfirm Password" maxlength="16"></div>
<div class="form-group">
<label class="control-label">Kategori:</label>
57
<div><label>
<input type="radio" name="role" value="Admin"> Admin </label></div>
<div><label><input type="radio" name="role" value="Member"> Member
</label></div>
<br>
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Submit">
</div></form></div></div></div><!-- /.col-->
</div>
4. Input_user_proses.php
<?php
if(isset($_POST['submit'])){
include('koneksi.php');
$carikode = mysqli_query($koneksi, "SELECT id FROM user") or die
(mysqli_error());
$datakode = mysqli_fetch_array($carikode);
$jumlah_data = mysqli_num_rows($carikode);
if ($datakode) {
$nilaikode = substr($jumlah_data[0], 1);
$kode = (int) $nilaikode;
$kode = $jumlah_data + 1; yang berada di tengah
$kode_otomatis = "US".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "US001"; }
$id = $kode_otomatis;
$nama = $_POST['nama'];
$email = $_POST['email'];
$no_telp = $_POST['no_telp'];
$password = md5($_POST['password']);
$password2 = md5($_POST['password2']);
$role = $_POST['role'];
58
if ($password==$password2) {
$input = mysqli_query($koneksi, "INSERT INTO user
VALUES(
'$id',
'$nama',
'$email',
'$no_telp',
'$password',
'$role')");
if($input){
echo "<script>alert('User Berhasil Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_user.php'>";
}else{
echo "<script>alert('User Gagal Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=input_user.php'>";}}
}else{
echo '<script>window.history.back()</script>';}
?>
5. Menampilkan Data User – data_user .php
<div class="content-wrapper">
<section class="content-header">
<h1> Halaman Data user</h1>
</section>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-body">
<a href="input_user.php"><button class="btn btn-
primary">ADD</button></a><br></br>
<table id="example1" class="table table-bordered table-striped datatable">
59
<thead>
<tr>
<th>ID User</th>
<th>Nama User</th>
<th>Email</th>
<th>No Telpon</th>
<th>Password</th>
<th>Role</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query = mysqli_query($koneksi, "SELECT * FROM user") or die
(mysqli_error());
while($data = mysqli_fetch_array($query)): ?>
<tr>
<td><?php echo $data['id'];?></td>
<td><?php echo $data['nama'];?></td>
<td><?php echo $data['email'];?></td>
<td><?php echo $data['no_telp'];?></td>
<td><?php echo $data['password'];?></td>
<td><?php echo $data['role'];?></td>
<td>
<a class="btn btn-xs btn-success" href="edit_user.php?id=<?php echo
$data['id']; ?>">Ubah</a>
<a href="hapus_user.php?id=<?php echo $data['id'];?>" onClick='return
confirm("Apakah Ada yakin menghapus?")'><button class="btn btn-xs btn-
danger">Hapus</button></a>
<a class="btn btn-xs btn-info" href="file/<?php echo
$data['input_user']; ?>">Download</a>
</tr>
60
<?php
endwhile;
?>
</tbody>
</table>
<div class="form-group">
<a href="exel-user.php"><button class="btn btn-primary">Export Data ke
Excel</button></a>
</div>
</div>
</from>
</div>
</div>
</div>
</div>
6. edit_user.php
<div class="content-wrapper">
<section class="content">
<div class="row">
\<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Form Tambah File</div>
<div class="panel-body">
<div class="col-md-12">
<?php
$id = $_GET['id'];
$query = mysqli_query($koneksi, "SELECT * FROM user WHERE id ='$id'");
$data = mysqli_fetch_array($query); ?>
<div class="panel-body">
<form action="edit_user-proses.php" method="post">
61
<div class="form-group">
<label class="control-label">ID User:</label>
<input type="text" class="form-control" name="id" value="<?php echo
$data['id'] ?>" disabled>
<input type="hidden" class="form-control" name="id" value="<?php echo
$data['id'] ?>"> </div>
<div class="form-group">
<label class="control-label">Nama User:</label>
<input type="text" class="form-control" name="nama" value="<?php echo
$data['nama'] ?>" required> </div>
<div class="form-group">
<label class="control-label">Email:</label>
<input type="text" class="form-control" name="email" value="<?php echo
$data['email'] ?>" required></div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" value="<?php echo
$data['no_telp'] ?>" required></div>
<div class="form-group"><label class="control-label">Password:</label>
input type="text" class="form-control" name="password" value="<?php echo
$data['password'] ?>" required></div>
<div class="form-group"><label class="control-label">Role:</label><br/>
<div><label><input type="radio" name="role" value="Admin" <?php
if($data['role'] == 'Admin') {echo "checked";} ?>> Admin</label></div>
<div><label><input type="radio" name="role" value="Member" <?php
if($data['role'] == 'Member') {echo "checked";} ?>> Member</label></div>
</div>
<br>
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Submit">
</div>
</form>
62
</div>
</div>
</div>
</div>
</section>
</div>
7. edit_user-proses.php
<?php
if(isset($_POST['submit'])){
$id = $_POST['id'];
$nama = $_POST['nama'];
$email = $_POST['email'];
$no_telp = $_POST['no_telp'];
$password = $_POST['password'];
$role = $_POST['role'];
$input = mysqli_query($koneksi, "UPDATE user SET
id='$id',
nama='$nama',
email='$email',
no_telp='$no_telp',
password='$password',
role='$role',
WHERE id='$id'");
if($input){
echo "<script>alert('Data Sudah Terganti')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_user.php'>";
}else{
echo "<script>alert('Data Gagal Terganti')</script>";
echo "<meta http-equiv='refresh' content='1 url=edit_user.php'>";
}
}else{
63
echo '<script>window.history.back()</script>';
}
?>
8. hapus_user.php
<?php
include('koneksi.php');
$id = $_GET['id'];
$input = mysqli_query($koneksi, "DELETE FROM user WHERE
id='$id'");
if($input){
header('location: data_user.php');
}else{
echo "<script>alert('Gagal Menghapus')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_user.php'>";
}
?>
9. Menampilkan Data LPJ – data_lpj .php
<div class="content-wrapper">
<section class="content-header">
<h1>Halaman Data LPJ</h1>
</section>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-body">
<a href="input_lpj.php"><button
class="btnbtnprimary">ADD</button></a><br></br>
<table id="example1" class="table table-bordered table-striped datatable">
<thead>
<tr>
64
<th>NO LPJ</th>
<th>Tanggal Upload</th>
<th>Nama UKM</th>
<th>Nama Kegiatan</th>
<th>Ketua Panitia</th>
<th>No Telpon</th>
<th>Tanggal Kegiatan</th>
<th>LPJ</th>
<th>Status LPJ</th>
<th>Komentar</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$query = mysqli_query($koneksi, "SELECT * FROM lpj") or die
(mysqli_error());
while($data = mysqli_fetch_array($query)): ?>
<tr>
<td><?php echo $data['no_lpj'];?></td>
<td><?php echo $data['tgl_upload'];?></td>
<td><?php echo $data['nama_ukm'];?></td>
<td><?php echo $data['nama_kegiatan'];?></td>
<td><?php echo $data['ketua_panitia'];?></td>
<td><?php echo $data['no_telp'];?></td>
<td><?php echo $data['tgl_kegiatan'];?></td>
<td><?php echo $data['input_lpj'];?></td>
<td><?php echo $data['status_lpj'];?></td>
<td><?php echo $data['komentar'];?></td>
<td><a class="btn btn-xs btn-success" href="edit_lpj.php?no_lpj=<?php echo
$data['no_lpj']; ?>">Ubah</a>
<a href="hapus_lpj.php?no_lpj=<?php echo $data['no_lpj'];?>" onClick='return
65
confirm("Apakah Ada yakin menghapus?")'><button class="btn btn-xs btn-
danger">Hapus</button></a>
<a class="btn btn-xs btn-info" href="file/<?php echo
$data['input_lpj']; ?>">Download</a>
</tr>
<?php
endwhile;
?>
</tbody>
</table>
<div class="form-group">
<a href="exel-lpj.php"><button class="btn btn-primary">Export Data ke
Excel</button></a>
</div>
</div>
</from>
</div>
</div>
</div>
</section>
</div>
10. input_lpj.php
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Form Tambah File</div>
<div class="panel-body">
<div class="col-md-12">
66
<form action="input_lpj-proses.php" enctype="multipart/form-data"
role="form" method="POST">
<div class="form-group">
<label class="control-label">Nama UKM:</label>
<input type="text" class="form-control" name="nama_ukm" placeholder="Nama
UKM" required>
</div>
<div class="form-group">
<label class="control-label">Nama Kegiatan:</label>
<input type="text" class="form-control" name="nama_kegiatan"
placeholder="Nama Kegiatan" required>
</div>
<div class="form-group">
<label class="control-label">Ketua Panitia:</label>
<input type="text" class="form-control" name="ketua_panitia"
placeholder="Ketua Panitia" required>
</div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" placeholder="ex:
08xxxxxxx" required>
</div>
<div class="form-group">
<label class="control-label">Tanggal Kegiatan:</label>
<input type="date" class="form-control" placeholder="Tahun-Bulan-Tanggal"
name="tgl_kegiatan" required>
</div>
<div class="form-group">
<label class="control-label">LPJ:</label>
<input type="file" class="form-control col-md-3" name="input_lpj"
accept="file/*" required>
</div>
67
<div class="form-group">
<input type="hidden" class="form-control" name="status_lpj" value="Not
Verified">
</div>
<div class="form-group">
<input type="hidden" class="form-control" name="komentar" value="-">
</div>
<div class="col-md-6">
<button type="submit" name="tambah" class="btn btn-
primary">Simpan</button>
<button type="reset" class="btn btn-default">Reset</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
11. input_lpj-proses.php
<?php
if(isset($_POST['tambah'])) {
include('koneksi.php');
$carikode = mysqli_query($koneksi, "SELECT no_lpj FROM lpj") or die
(mysqli_error());
$datakode = mysqli_fetch_array($carikode);
$jumlah_data = mysqli_num_rows($carikode);
if ($datakode) {
$nilaikode = substr($jumlah_data[0], 1);
$kode = (int) $nilaikode;
$kode = $jumlah_data + 1;
$kode_otomatis = "LP".str_pad($kode, 3, "0", STR_PAD_LEFT);
68
} else {
$kode_otomatis = "LP001";
}
$no_lpj = $kode_otomatis;
$nama_ukm = $_POST['nama_ukm'];
$nama_kegiatan = $_POST['nama_kegiatan'];
$ketua_panitia = $_POST['ketua_panitia'];
$no_telp = $_POST['no_telp'];
$tgl_kegiatan = $_POST['tgl_kegiatan'];
$lokasi_file = $_FILES['input_lpj']['tmp_name'];
$nama_file = $_FILES['input_lpj']['name'];
$status_lpj = $_POST['status_lpj'];
$komentar = $_POST['komentar'];
$folder = "file/$nama_file";
$input = mysqli_query($koneksi, "INSERT INTO lpj
VALUES(
'$no_lpj',
NULL,
'$nama_ukm',
'$nama_kegiatan',
'$ketua_panitia',
'$no_telp',
'$tgl_kegiatan',
'$nama_file',
'$status_lpj',
'$komentar')");
if($input){
echo "<script>alert('Kegiatan Berhasil Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_lpj.php'>";
move_uploaded_file ($lokasi_file,"$folder");
}else{
69
echo "<script>alert('Kegiatan Gagal Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=input_lpj.php'>";
move_uploaded_file ($lokasi_file,"$folder");
}
}else{
echo '<script>window.history.back()</script>';
}
?>
12. edit_lpj.php
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Form Edit File</div>
<div class="panel-body">
<div class="col-md-12">
<?php
$no_lpj = $_GET['no_lpj'];
$query = mysqli_query($koneksi, "SELECT * FROM lpj WHERE no_lpj
='$no_lpj'");
$data = mysqli_fetch_array($query); ?>
<div class="panel-body">
<form action="edit_lpj-proses.php" method="post">
<div class="form-group">
<label class="control-label">No LPJ:</label>
<input type="text" class="form-control" name="no_lpj" value="<?php echo
$data['no_lpj'] ?>" disabled>
<input type="hidden" class="form-control" name="no_lpj" value="<?php echo
$data['no_lpj'] ?>">
</div>
70
<div class="form-group">
<label class="control-label">Nama UKM:</label>
<input type="text" class="form-control" name="nama_ukm" value="<?php echo
$data['nama_ukm'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Nama Kegiatan:</label>
<input type="text" class="form-control" name="nama_kegiatan" value="<?php
echo $data['nama_kegiatan'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Ketua Panitia:</label>
<input type="text" class="form-control" name="ketua_panitia" value="<?php
echo $data['ketua_panitia'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" value="<?php echo
$data['no_telp'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Tanggal Kegiatan:</label>
<input type="date" class="form-control" name="tgl_kegiatan" value="<?php
echo $data['tgl_kegiatan'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Status LPJ:</label><br/>
<div><label><input type="radio" name="status_lpj" value="ACC" <?php
if($data['status_lpj'] == 'ACC') {echo "checked";} ?>> ACC</label></div>
<div><label>input type="radio" name="status_lpj" value="Not ACC" <?php
if($data['status_lpj'] == 'Not ACC') {echo "checked";} ?>> Not ACC</label>
</div>
71
<div><label><input type="radio" name="status_lpj" value="Not Verified" <?php
if($data['status_lpj'] == 'Not Verified') {echo "checked";} ?>> Not
Verified</label></div></div><div class="form-group">
<label class="control-label">Komentar:</label>
<input type="text" class="form-control" name="komentar" value="<?php echo
$data['komentar'] ?>" required>
</div>
<br>
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Submit">
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
13. edit_lpj-proses.php
<?php
if(isset($_POST['submit'])){
include('koneksi.php');
$no_lpj = $_POST['no_lpj'];
$nama_ukm = $_POST['nama_ukm'];
$nama_kegiatan = $_POST['nama_kegiatan'];
$ketua_panitia = $_POST['ketua_panitia'];
$no_telp = $_POST['no_telp'];
$tgl_kegiatan = $_POST['tgl_kegiatan'];
$status_lpj = $_POST['status_lpj'];
$komentar = $_POST['komentar'];
72
$input = mysqli_query($koneksi, "UPDATE lpj SET
no_lpj='$no_lpj',
nama_ukm='$nama_ukm',
nama_kegiatan='$nama_kegiatan',
ketua_panitia='$ketua_panitia',
no_telp='$no_telp',
tgl_kegiatan='$tgl_kegiatan',
status_lpj='$status_lpj',
komentar='$komentar'
WHERE no_lpj='$no_lpj'");
if($input){
echo "<script>alert('Data Sudah Terganti')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_lpj.php'>";
}else{
echo "<script>alert('Data Gagal Terganti')</script>";
echo "<meta http-equiv='refresh' content='1 url=edit_lpj.php'>";
}
}else{
echo '<script>window.history.back()</script>';
}
?>
14. hapus_lpj.php
<?php
include('koneksi.php');
$no_lpj = $_GET['no_lpj'];
$input = mysqli_query($koneksi, "DELETE FROM lpj WHERE
no_lpj='$no_lpj'");
if($input){
header('location: data_lpj.php');
}else{
73
echo "<script>alert('Gagal Menghapus')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_lpj.php'>";
}
?>
15. Menampilkan Data Proposal– data_poposal .php
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>Halaman Data proposal</h1>
</section>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-body">
<a href="input_proposal.php"><button class="btn btn-
primary">ADD</button></a><br></br>
<table id="example1" class="table table-bordered table-striped datatable">
<thead>
<tr>
<th>NO proposal</th>
<th>Tanggal Upload</th>
<th>Nama UKM</th>
<th>Nama Kegiatan</th>
<th>Ketua Panitia</th>
<th>No Telpon</th>
<th>Tanggal Kegiatan</th>
<th>Proposal</th>
<th>Status Proposal</th>
<th>Komentar</th>
<th>Action</th>
74
</tr>
</thead>
<tbody>
<?php
$query = mysqli_query($koneksi, "SELECT * FROM proposal") or die
(mysqli_error());
while($data = mysqli_fetch_array($query)): ?>
<tr>
<td><?php echo $data['no_proposal'];?></td>
<td><?php echo $data['tgl_upload'];?></td>
<td><?php echo $data['nama_ukm'];?></td>
<td><?php echo $data['nama_kegiatan'];?></td>
<td><?php echo $data['ketua_panitia'];?></td>
<td><?php echo $data['no_telp'];?></td>
<td><?php echo $data['tgl_kegiatan'];?></td>
<td><?php echo $data['input_proposal'];?></td>
<td><?php echo $data['status_proposal'];?></td>
<td><?php echo $data['komentar'];?></td>
<td>
<a class="btn btn-xs btn-success" href="edit_proposal.php?no_proposal=<?php
echo $data['no_proposal']; ?>">Ubah</a>
<a href="hapus_proposal.php?no_proposal=<?php echo $data['no_proposal'];?>"
onClick='return confirm("Apakah Ada yakin menghapus?")'><button class="btn
btn-xs btn-danger">Hapus</button></a>
<a class="btn btn-xs btn-info" href="file/<?php echo
$data['input_proposal']; ?>">Download</a></tr>
<?php
endwhile;
?>
</tbody>
</table>
<div class="form-group">
75
<a href="exel-proposal.php"><button class="btn btn-primary">Export Data ke
Excel</button></a>
</div>
</div>
</from>
</div>
</div>
</div>
</section>
</div>
16. input_proposal.php
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Form Tambah File</div>
<div class="panel-body">
<div class="col-md-12">
<form action="input_proposal-proses.php" enctype="multipart/form-data"
role="form" method="POST">
<div class="form-group">
<label class="control-label">Nama UKM:</label>
<input type="text" class="form-control" name="nama_ukm" placeholder="Nama
UKM" required></div>
<div class="form-group">
<label class="control-label">Nama Kegiatan:</label>
<input type="text" class="form-control" name="nama_kegiatan"
placeholder="Nama Kegiatan" required></div>
<div class="form-group">
<label class="control-label">Ketua Panitia:</label>
76
<input type="text" class="form-control" name="ketua_panitia"
placeholder="Ketua Panitia" required></div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" placeholder="ex:
08xxxxxxx" required></div>
<div class="form-group"><label class="control-label">Tanggal Kegiatan:</label>
<input type="date" class="form-control" placeholder="Tahun-Bulan-Tanggal"
name="tgl_kegiatan" required>
</div><div class="form-group">
<label class="control-label">Proposal:</label>
<input type="file" class="form-control col-md-3" name="input_proposal"
accept="file/*" required>
</div>
<div class="form-group">
<input type="hidden" class="form-control" name="status_proposal" value="Not
Verified">
</div>
<div class="form-group">
<input type="hidden" class="form-control" name="komentar" value="-"></div>
<div class="col-md-6">
<button type="submit" name="tambah" class="btn btn-
primary">Simpan</button>
<button type="reset" class="btn btn-default">Reset</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
77
17. input_proposal-proses.php
<?php
if(isset($_POST['tambah'])) {
include('koneksi.php');
$carikode = mysqli_query($koneksi, "SELECT no_proposal FROM
proposal") or die (mysqli_error());
$datakode = mysqli_fetch_array($carikode);
$jumlah_data = mysqli_num_rows($carikode);
if ($datakode) {
$nilaikode = substr($jumlah_data[0], 1);
$kode = (int) $nilaikode;
$kode = $jumlah_data + 1;
angka yang berada di tengah
$kode_otomatis = "PR".str_pad($kode, 3, "0", STR_PAD_LEFT);
} else {
$kode_otomatis = "PR001";
}
input_proposal.php
$no_proposal = $kode_otomatis;
$nama_ukm = $_POST['nama_ukm'];
$nama_kegiatan = $_POST['nama_kegiatan'];
$ketua_panitia = $_POST['ketua_panitia'];
$no_telp = $_POST['no_telp'];
$tgl_kegiatan = $_POST['tgl_kegiatan'];
$lokasi_file = $_FILES['input_proposal']['tmp_name'];
$nama_file = $_FILES['input_proposal']['name'];
$status_proposal = $_POST['status_proposal'];
$komentar = $_POST['komentar'];
$folder = "file/$nama_file";
$input = mysqli_query($koneksi, "INSERT INTO proposal
VALUES(
78
'$no_proposal',
NULL,
'$nama_ukm',
'$nama_kegiatan',
'$ketua_panitia',
'$no_telp',
'$tgl_kegiatan',
'$nama_file',
'$status_proposal',
'$komentar')");
if($input){
echo "<script>alert('Kegiatan Berhasil Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_proposal.php'>";
move_uploaded_file ($lokasi_file,"$folder");
}else{
echo "<script>alert('Kegiatan Gagal Di Tambah')</script>";
echo "<meta http-equiv='refresh' content='1 url=input_proposal.php'>";
move_uploaded_file ($lokasi_file,"$folder");
}
}else{
echo '<script>window.history.back()</script>';}
?>
18. edit_proposal.php
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Form Tambah File</div>
<div class="panel-body">
<div class="col-md-12">
79
<?php
$no_proposal = $_GET['no_proposal'];
$query = mysqli_query($koneksi, "SELECT * FROM proposal WHERE
no_proposal ='$no_proposal'");
$data = mysqli_fetch_array($query); ?>
<div class="panel-body">
<form action="edit_proposal-proses.php" method="post">
<div class="form-group"><label class="control-label">No Proposal:</label>
<input type="text" class="form-control" name="no_proposal" value="<?php echo
$data['no_proposal'] ?>" disabled>
<input type="hidden" class="form-control" name="no_proposal" value="<?php
echo $data['no_proposal'] ?>"></div>
<div class="form-group">
<label class="control-label">Nama UKM:</label>
<input type="text" class="form-control" name="nama_ukm" value="<?php echo
$data['nama_ukm'] ?>" required></div>
<div class="form-group">
<label class="control-label">Nama Kegiatan:</label>
<input type="text" class="form-control" name="nama_kegiatan" value="<?php
echo $data['nama_kegiatan'] ?>" required></div>
<div class="form-group">
<label class="control-label">Ketua Panitia:</label>
<input type="text" class="form-control" name="ketua_panitia" value="<?php
echo $data['ketua_panitia'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" value="<?php echo
$data['no_telp'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Tanggal Kegiatan:</label>
80
<input type="date" class="form-control" name="tgl_kegiatan" value="<?php
echo $data['tgl_kegiatan'] ?>" required>
</div>
<div class="form-group">
<label class="control-label">Status Proposal:</label><br/>
<div>
<label>
<input type="radio" name="status_proposal" value="ACC" <?php
if($data['status_proposal'] == 'ACC') {echo "checked";} ?> disabled> ACC
<input type="hidden" name="status_proposal" value="ACC" <?php
if($data['status_proposal'] == 'ACC') {echo "checked";} ?>>
</label></div>
<div>
<label><input type="radio" name="status_proposal" value="Not ACC" <?php
if($data['status_proposal'] == 'Not ACC') {echo "checked";} ?> disabled> Not
ACC<input type="hidden" name="status_proposal" value="Not ACC" <?php
if($data['status_proposal'] == 'Not ACC') {echo "checked";} ?>>
</label>
</div>
<div>
<label>
<input type="radio" name="status_proposal" value="Not Verified" <?php
if($data['status_proposal'] == 'Not Verified') {echo "checked";} ?> disabled> Not
Verified
<input type="hidden" name="status_proposal" value="Not Verified" <?php
if($data['status_proposal'] == 'Not Verified') {echo "checked";} ?>>
</label>
</div>
</div>
<div class="form-group">
<label class="control-label">Komentar:</label>
81
<input type="text" class="form-control" name="komentar" value="<?php echo
$data['komentar'] ?>" disabled>
<input type="hidden" class="form-control" name="komentar" value="<?php echo
$data['komentar'] ?>"></div>
<br>
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Submit">
</div>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
19. edit_proposal-proses.php
<?php
if(isset($_POST['submit'])){
include('koneksi.php');
$no_proposal = $_POST['no_proposal'];
$nama_ukm = $_POST['nama_ukm'];
$nama_kegiatan = $_POST['nama_kegiatan'];
$ketua_panitia = $_POST['ketua_panitia'];
$no_telp = $_POST['no_telp'];
$tgl_kegiatan = $_POST['tgl_kegiatan'];
$status_proposal = $_POST['status_proposal'];
$komentar = $_POST['komentar'];
$input = mysqli_query($koneksi, "UPDATE proposal SET
no_proposal='$no_proposal',
nama_ukm='$nama_ukm',
nama_kegiatan='$nama_kegiatan',
82
ketua_panitia='$ketua_panitia',
no_telp='$no_telp',
tgl_kegiatan='$tgl_kegiatan',
status_proposal='$status_proposal',
komentar='$komentar'
WHERE no_proposal='$no_proposal'");
if($input){
echo "<script>alert('Data Sudah Terganti')</script>";
echo "<meta http-equiv='refresh' content='1
url=data_proposal.php'>";
}else{
echo "<script>alert('Data Gagal Terganti')</script>";
echo "<meta http-equiv='refresh' content='1
url=edit_proposal.php'>";
}
}else{
echo '<script>window.history.back()</script>';
}
?>
20. hapus_proposal.php
<?php
include('koneksi.php');
$no_proposal = $_GET['no_proposal'];
$input = mysqli_query($koneksi, "DELETE FROM proposal WHERE
no_proposal='$no_proposal'");
if($input){
header('location: data_proposal.php');
}else{echo "<script>alert('Gagal Menghapus')</script>";
echo "<meta http-equiv='refresh' content='1 url=data_proposal.php'>";
}
?>
83
21. update_akun.php
<div class="content-wrapper">
<section class="content">
<form action="update_akun_proses.php" method="post">
<div class="reg">
<div class="page-container">
<div class="main-content">
<h1>Ubah Profil</h1>
<br />
<div class="panel panel-primary">
<div class="panel-body">
<form action="update_akun_proes.php" method="post">
<div class="form-group">
<input type="hidden" class="form-control" name="id" value="<?php echo
$_SESSION['user_id'] ?>">
</div>
<div class="form-group">
<label class="control-label">Nama User:</label>
<input type="text" class="form-control" name="nama" value="<?php echo
$_SESSION["user_nama"] ?>">
</div>
<div class="form-group">
<label class="control-label">Email:</label>
<input type="text" class="form-control" name="email" value="<?php echo
$_SESSION['user_email'] ?>">
</div>
<div class="form-group">
<label class="control-label">No. Telpon:</label>
<input type="text" class="form-control" name="no_telp" value="<?php echo
$_SESSION['user_no_telp'] ?>" required>
</div>
<br>
84
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Submit">
</div>
</form>
</section>
</div>
22. update_akun_proses.php
<?php
include "koneksi.php";
if(isset($_POST['submit'])){
$id = $_POST['id'];
$nama = $_POST['nama'];
$email = $_POST['email'];
$no_telp = $_POST['no_telp'];
$role = $_POST['role'];
$input = mysqli_query($koneksi, "UPDATE user SET
nama='$nama',
email='$email',
no_telp='$no_telp',
role='$role'
WHERE id = '$id'") or die(mysqli_error());
if($input){
echo "<script>alert('Data sudah Terganti, Silahkan Login Kembali')</script>";
echo "<meta http-equiv='refresh' content='1 url=login.php'>";
}else{
echo "<script>alert('Data gagal Terganti)</script>";
echo "<meta http-equiv='refresh' content='1 url=registrasi_update.php'>";}}
?>
85
23. ubah_pass.php
<div class="content-wrapper">
<section class="content-header">
<h1> Masukan Password Lama dan Password Baru</h1></section>
<section class="content">
<div class="box">
<div class="panel-body">
<form action="ubah_pass_proses.php" method="post">
<div class="form-group"><input type="hidden" class="form-control" name="id"
value="<?php echo $_SESSION['user_id'] ?>"> </div>
<div class="form-group"><label class="control-label">Password Lama:</label>
<input type="password" class="form-control" name="passlama"
placeholder="Password Lama"></div>
<div class="form-group"><label class="control-label">Password
Baru:</label><input type="password" class="form-control" name="passbaru"
placeholder="Password Baru"></div>
<div class="form-group"><label class="control-label">konfirmasi Password
Baru:</label><input type="password" class="form-control" name="passkonf"
placeholder="konfirmasi Password Baru"></div>
<br>
<div class="form-group"> <input type="submit" name="submit" class="btn btn-
primary" value="Submit"><button type="reset" class="btn btn-
inverse">Cancel</button></div>
</form>
</div>
</div>
</section>
</div>
86
24. update_password_proses.php
<?php
session_start();
include "koneksi.php";
if(isset($_POST['submit'])){
$id = $_POST['id'];
$password = $_SESSION['user_password'];
$passlama = md5($_POST['passlama']);
$passbaru = md5($_POST['passbaru']);
$passkonf = md5($_POST['passkonf']);
if ($passbaru==$passkonf) { if($password== $passlama) {
mysqli_query ($koneksi, "UPDATE user SET password = '$passbaru' WHERE id
= '$id'");
$_SESSION['user_password'] = $passbaru;
echo "<script>alert('Password Terubah, Silahkan Login Kembali')</script>";
echo "<meta http-equiv='refresh' content='1 url=logout.php'>";
}else { echo "<script>alert('Password Lama salah')</script>";
echo "<meta http-equiv='refresh' content='1 url=_ubah_pass.php'>";}
}else {echo "<script>alert('Password yang Anda Masukan Tidak
Sama');history.go(-1)</script>";}}
?>
FRM/PSTE/?8.727,0
KEMENTERIAN zuSET, TEKNOLOGI, DAN PENDIDIKAN TI}{GGIP O LITEKNIK NE GERI BALII(PAPAI\
JURUSAN TEKNIK ELEKTRONIKAJl. Soekarno Hatta Km. 8 Balikpapan 76L26Telp. (0542) 860895,862305 Fax. 861i07
Email: [email protected] Web: http://www.poltekba.ac.id
LEMBAR REVISI
SIDANG TUGAS AKHIR JURUSAN TEKNTK ELEKTRONIKA
I TAHUN AKADEMIKaOL6IaOLT
NAMA MAHAS|SWA: t-upu,truJ RAS TffirtNilJohi6NIM
JUDUL TA
, [rtO$.-qt4 q.sEB
NO HALAMAN REVISI KET
P"L bt ?,r L,(nvr r: ,r
t
fDtv"xk .
3.'
1r /d.'&_
brwbnl
Ofr,^; L^
\-^*tX
fi=-oL
, ^*.*
KEMENTERIAN RISET, TEKNOLOGI, DAN PENDIDIKAN F8MlPsrEl0a''i2:'0
fiT } POLITEKNIKNEGERI BALIKPAPANrO F. JURUSAN TEKNIKELEKTRoNIKA\&*/ '+"il:61BTZir;T#,8;i'!',#U,',i#
Email: [email protected] Web: http:/iwww.poltekba.ac.id
LEMBAR REVISI
S!DANG TUGAS AKHIR JURUSAN TEKNIK ELEKTRONIKA1,,. .:
r TAHUN AKADEMIK2OL6|20LTI
NAMA MAHASISWA: LUunans, N&,rs TAtattupoug
NIM
JUDUL TA ii tqtt:tMahaSeur,r lb tub,
NO HALAMAN REVISI KET
{
!\z'
(at Wlkwo- b" f^ri.-',.l"ot'{,tf-*;- Me-,* -un\*'-
!"zW-E-;z'1 n\ P-""^1"*;o"g''^-a
_ {, z
C\- p/.-)-='l'-).'4'u\ a-{-f\
(tq*^wLo- ?Lt'"t )
d-{<*-
Balikpapan,
sa)
l(utqn
l
'!,.
1
o'Lt-
l,-6.L_*
'ilv-T-lY-
^# KEMENTERIAN RISET, TEKNOLOGI, DAN PENDIDIKAN TINGGI# POLITEKNIK NEGERI BALIKPAPANn Jl. Soekarno HattaKm. 8 Balikpapan 76129\.b- Telp. (0542) 860895, 862305 Fax.861107
Website: www.poltekba.ac.id E-mail: [email protected]
SURAT PERNYATAAN
Yang bertanda tangan dibawah ini :
Nama
NIPJabatarr
NamaNIMJurusan
Perguruan tinggi
Dengan ini menyatakan bahwa menyetujui pembuatan aplikasi untuk tugas akhir yang berjudulooSistem Informasi Administrasi Unit Kegiatan Mahasiswa Berbasis Web di PoliteknikNegeriBalikpapan" yangdikerjakan oleh :
: Hadi Hermansyah, S.Si., M.Si.
: 198306192014041001
: Kepala Bagian Akademik, KemahasiswaarL Perencanaan dan Kerjasama
Lukman Agus Taminnongt40309249593Teknik ElekhonikaPoliteknik Negeri Balikpapan
Demikian pernyataan ini di buat, untuk dipergunakan sebagaimana mestinya.
,ffiBalikpapan,3l Mei2017
s.si., M.si.tNIP. 1 983061920t4041001
Bagian Akademik, Kemahasiswaan,
dan