108
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 ...spmi.poltekba.ac.id/spmi/fileTA/140309249593_2017.pdf · Dengan memanjatkan puji syukur kehadirat Tuhan Yang Maha Kuasa, karena

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.

12

3.4 Metode Perancangan

Gambar 3.1 Flowchart Metode Perancangan

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

16

BAB IV

HASIL PENELITIAN

4.1 Use Case

Gambar 4.1 Use Case

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

25

4.3 Entitas Relationship Diagram (ERD)

Gambar 4.2 Entitas Relationship Diagram (ERD)

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