perancangan aplikasi sistem administrasi (sadm...

17
PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI BIRO KEMAHASISWAAN UNIVERSITAS MUHAMMADIYAH MALANG TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Oleh : Nama : BAGUS ADI PUTRO NIM : 06560049 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2012

Upload: others

Post on 18-Oct-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

PERANCANGAN APLIKASI SISTEM ADMINISTRASI

(SADM MAWA) DI BIRO KEMAHASISWAAN

UNIVERSITAS MUHAMMADIYAH MALANG

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Oleh :

Nama : BAGUS ADI PUTRO

NIM : 06560049

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2012

Page 2: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI
Page 3: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI
Page 4: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI
Page 5: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

i

ABSTRAK

Penting bagi sebuah instansi untuk meningkatkan kinerja, agar tercipta

suatu hubungan yang berkesinambungan antara sarana yang tersedia dengan

manusia sebagai sumberdaya pemakai sarana tersebut. Hal tersebut dituntut agar

instansi dapat bekerja secara efektif dan efisien dalam memanfaatkan sumber daya

yang dimilikinya baik sumberdaya alam, modal, maupun sumber daya manusia.

Sumber daya administrasi yang ada di kantor kemahasiswaan Universitas

Muhammadiyah Malang merupakan komponen yang sangat penting bagi

kelangsungan proses bekerja, oleh karena itu harus dimanfaatkan secara efektif

dan efisien. Salah satu cara melakukan efisiensi sumber daya di kantor adalah

dengan pembuatan surat-surat yang optimal. Proses pembuatan surat aktif kuliah

untuk tunjangan gaji orang tua dan surat-surat lainnya sulit di lakukan secara

manual. Selain itu waktu yang diperlukan untuk menyusun surat secara manual

memerlukan waktu yang relatif lama.

Aplikasi ini digunakan untuk mempermudah mahasiswa dalam mengurus

Surat Keterangan yang diperlukan dari biro kemahasiswaan Universitas

Muhammadiyah Malang. Aplikasi ini digunakan untuk mempermudah mahasiswa

dalam mengurus Surat Keterangan yang diperlukan dari Biro Kemahasiswaan

sehubungan dengan kapasitas mahasiswa. Diharapkan dengan adanya aplikasi ini

pembuatan surat-surat tersebut tidak terhambat oleh jarak, waktu, dan personal

tertentu. Selain itu aplikasi ini juga memudahkan Biro Kemahasiswaan

Universitas Muhammadiyah Malang dalam penelusuran system administrasi yang

di butuhkan.

Page 6: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

ii

ABSTRACT

It is important for an agency to improve performance, in order to create a

sustainable relationship between the means available to humans as a means of

resource user. This is required so that agencies can work effectively and

efficiently utilize its resources both natural resources, capital, and human

resources. Administrative resources that exist in the office of Student Affairs

University of Malang is a very important component for the survival of the work,

therefore, must be utilized effectively and efficiently. One way of doing resource

efficiency in the office is by making the letters are optimal. The process of making

an active mail tuition to pay benefits parents and other papers difficult to do

manually. In addition the time required to manually prepare a letter requiring a

relatively long time.

This application is used to facilitate students in the care of the necessary

Certificate of student affairs bureau University of Malang. This application is used

to facilitate students in the care of the necessary Certificate of Student Affairs

Bureau in connection with a student capacity. It is expected that this application is

the manufacture of these letters are not hampered by distance, time, and some

personal. In addition this application also allows the Bureau of Student Affairs

University of Malang in the search system administration is needed.

Page 7: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

iii

LEMBAR PERSEMBAHAN

Ku persembahkan skripsi ini untuk orang-orang terkasih dalam

hidupku.

Orang tuaku tersayang dan tercinta yang merupakan

motivator terpenting dalam hidupku. Meskipun sering

telat masalah kiriman, dan sering kena marah masalah

skripsi. Terima kasih kepada Bapakku (Bpk Hermo Supadi)

dan kepada Ibuku (Ibu Sulkiyah) atas dukungan kasih

sayang yang tiada balas dan didikanmu selama ini.

Terima kasih untuk Kedua Kakakku, dan satu adikQ paling

jelek. Yaitu cak Bus, mbak Ratna, dan Kiki yang selalu

menyemangatiku.

Terima kasih juga buat kekasih ku Luluk Widiawati yang

tak pernah lelah mengingatkanku dan membantuku dalam

segala hal.

Terima kasih buat sahabat-sahabat kost ku Budi, Mas im,

Dani, Misbah, Kamek, duo Ian, Agung, Irhaz, Bang Dollah,

Lutfi. Kalian memang gokil bro, rame.

Teman-teman TI angkatan 2006 terima kasih atas

kenangan yang terukir dengan indah di memoriku.

Page 8: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

iv

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan

rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan Tugas Akhir yang

berjudul :

“PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA)

DI BIRO KEMAHASISWAAN UNIVERSITAS MUHAMMADIYAH

MALANG”

Skripsi ini disusun sebagai salah satu prasyarat untuk memperoleh Gelar

Sarjana Teknik Informatika. Shalawat beserta salam senantiasa tercurahkan

keharibaan Rosulullah Muhammad SAW, serta para sahabat. Berkat bimbingan

beliau-lah yang telah mengantarkan umatnya kejalan yang diridhoi oleh Allah

SWT.

Penulis menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir ini

masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis

mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan kedepan. Amin.

Malang, 31 Juli 2012

Penulis

Page 9: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

v

DAFTAR ISI

ABSTRAK ......................................................................................................... i

ABSTRACT ...................................................................................................... ii

LEMBAR PERSEMBAHAN .......................................................................... iii

KATA PENGANTAR ...................................................................................... iv

DAFTAR ISI ..................................................................................................... v

DAFTAR TABEL ............................................................................................. viii

DAFTAR GAMBAR ........................................................................................ ix

BAB I PENDAHULUAN

1.1. Latar Belakang ....................................................................... 1

1.2. Rumusan Masalah ..................................................................... 2

1.3. Batasan Masalah………………………………………….. ..... 3

1.4. Tujuan penelitian ....................................................................... 3

1.5. Sistematika Penulisan .............................................................. 3

BAB II LANDASAN TEORI

2.1. Gambaran Umum Biro Kemahasiswaan UMM ..................... 5

2.2. Pengertian Komputer ................................................................ 7

2.3. Sistem, Data dan Informasi ..................................................... 8

2.3.1. Sistem .......................................................................... 8

2.3.2. Komponen Sistem ........................................................ 8

2.3.3. Data .............................................................................. 9

Page 10: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

vi

2.3.4. Informasi....................................................................... 9

2.4. Sistem Informasi .................................................................... 10

2.5. Bahasa Pemrograman PHP ...................................................... 10

2.5.1. Sejarah PHP ................................................................... 11

2.5.2. Kelebihan Bahasa Pemrograman PHP........................... 12

2.5.3. Contoh Pemrograman Dengan Menggunakan PHP ....... 13

2.6. Xampp....................................................................................... 14

2.6.1. Perkembangan MySQL ................................................. 18

2.6.2. Perintah Dasar MySQL ................................................... 19

2.7. Macromedia Dremweaver ....................................................... 20

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1. Uraian Permasalahan ............................................................... 22

3.2. Analisa Permasalahan ............................................................. 22

3.3. Flowchart ................................................................................. 23

3.4. Data Flow Diagram (DFD) ..................................................... 25

3.5. Entry Relationship Diagram (ERD) ........................................ 28

3.6. Struktur Basis Data .................................................................. 29

3.7. Desain Input Output ................................................................ 31

BAB IV IMPLEMENTASI SISTEM

4.1. Implementasi ........................................................................... 34

4.1.1. Kebutuhan Sistem ......................................................... 34

Page 11: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

vii

4.1.2. Instalasi Apache, PHP dan MySQL ................................ 35

4.1.3. Menjalankan Xampp ........................................................ 36

4.2. Implementasi Program ............................................................. 37

4.2.1. Tampilan Halaman Login................................................. 38

4.2.2. Tampilan Login Admin Gagal.......................................... 39

4.2.3. Tampilan Menu Awal....................................................... 40

4.2.4. Tampilan Halaman Form Aktif Kuliah............................. 41

4.2.5. Tampilan Halaman Form Surket Lain.............................. 44

4.2.6. Tampilan Halaman Form Data Inisial.............................. 46

BAB V PENUTUP

5.1. Kesimpulan .............................................................................. 48

5.2. Saran ........................................................................................ 49

DAFTAR PUSTAKA ................................................................................... 50

Page 12: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

viii

DAFTAR TABEL

Tabel 3.1. Admin ............................................................................................. 29

Tabel 3.2. Surat Aktif Mahasiswa ..................................................................... 29

Tabel 3.3. Surat Keterangan Lain ..................................................................... 30

Tabel 3.4. Data Inisial. ...................................................................................... 30

Page 13: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

ix

DAFTAR GAMBAR

Gambar 2.1. Struktur Organisasi Biro Kemahasiswaan ............................... 7

Gambar 2.2. Hasil Program Menggunakan PHP .......................................... 13

Gambar 3.1. Flowchart Login Administrator ............................................... 23

Gambar 3.2. Flowchart Surat Aktif................................................................. 24

Gambar 3.3. Flowchart Surket Lain................................................................ 24

Gambar 3.4. Flowchart Data Inisial ................................................................ 25

Gambar 3.5. Context Diagram Aplikasi.......................................................... 26

Gambar 3.6. Data Flow Diagram .................................................................... 27

Gambar 3.7. Entity Relationship Diagram ...................................................... 28

Gambar 3.8. Form Login ................................................................................. 31

Gambar 3.9. Menu Utama............................................................................... 32

Gambar 3.10. Form Surat Aktif Kuliah........................................................... 32

Gambar 3.11. Form Surat Keterangan Lain .................................................... 33

Gambar 3.12. Form Data Inisial ...................................................................... 33

Gambar 4.1. Xampp Control........................................................................... 37

Gambar 4.2. Halaman Login ........................................................................... 38

Gambar 4.3. Script Halaman Login ................................................................ 38

Gambar 4.4. Login Gagal................................................................................ 39

Gambar 4.5. Script Login ................................................................................ 39

Page 14: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

x

Gambar 4.6. Menu Utama............................................................................... 40

Gambar 4.7. Script Menu Utama .................................................................... 40

Gambar 4.8. Form Aktif Kuliah .................................................................... 41

Gambar 4.9. Form Aktif Kuliah Yang Telah Terisi ........................................ 41

Gambar 4.10. Script Form Aktif Kuliah.......................................................... 42

Gambar 4.11. Hasil Dari Input Surat Aktif Kuliah ......................................... 43

Gambar 4.12. Form Surat Keterangan Lain .................................................... 44

Gambar 4.13. Script Form Keterangan Lain ................................................... 44

Gambar 4.14. Hasil Dari Input Keterangan Lain ............................................ 45

Gambar 4.15. Form Data Inisial ...................................................................... 46

Gambar 4.16. Script Form Data Inisial ........................................................... 46

Gambar 4.17. Hasil Dari Input Data Inisial..................................................... 47

Page 15: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

xi

Daftar Lampiran

1. Data Flow Diagram

2. Kuliah Umum Ilmu Komputer

3. Pengertian DFD

4. Sejarah UMM

5. Xampp

Page 16: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

50

DAFTAR PUSTAKA

[1] Robert H. Blissmer. Compute Annual

[2] Donlad H. Sanders. Computer Today

[3] Hartono. 1999, Kumpulan Dari Elemen Yang Berinteraksi Untuk

Mencapai Tujuan Tertentu

[4] Triswansyah Yuliano. 2003-2007, Pengenalan PHP, IlmuKomputer.Com

[5] Teguh Wahyono. 2005, 36 Jam Belajar Komputer Pemrograman Web

Dinamis Dengan PHP 5, PT Elex Media Komputindo, Jakarta

[6] Firdaus. 2007, 7 Jam Belajar Interaktif PHP & MySQL Dengan

Dremweaver, Palembang 30114

[7] Abdul Kadir. 2003, Dasar Pemrograman WEB Dinamis Menggunakan

PHP, Yogyakarta 55281

[8] D. Setiawan. IKAP. 2010,The Journal For Technology and Science

(Lembaga Penelitian dan Pengabdian Kepada Masyarakat,LPPM) ITS,

Sukolilo, Surabaya

[9] Bachtiar Alam Budiarso, 2009, Makara Seri Teknologi, Kampus

Universitas Indonesia, Depok 16424

[10] Fairuz El Said, 2010, Sistem Basis Data – Entity Relationship Diagram

(ERD), IlmuKomputer.Com

[11] Fairuz El Said, 2010, Analisis Sistem Informasi – Diagram Alir Data

(DAD)/ Data Flow Diagram(DFD), IlmuKomputer.Com

[12] Achmad Solichin, 2008, Membuat Aplikasi Tampil, Entri, Edit, Delete

Mahasiswa, http://achmatim.net, [email protected]

Page 17: PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM …eprints.umm.ac.id/27746/2/jiptummpp-gdl-bagusadipu-32479-1-pendahu… · PERANCANGAN APLIKASI SISTEM ADMINISTRASI (SADM MAWA) DI

51

[13] Mohammad Safii, 2003, Manipulasi Database MySQL Dengan PHP,

IlmuKomputer.com

[14] Mahmud Subaena, 2009, Tutorial Singkat MySQL, IlmuKomputer.Com

[15] Anon Kuncoro Widigdo, 2003, Dasar Pemrogaman PHP dan MySQL, IlmuKomputer.Com