LAPORAN KERJA PRAKTEK

RANCANG BANGUN APLIKASI INVENTORI LOGISTIK

UKM MAPALA SATRIA
UNIVERSITAS MUHAMMADIYAH PURWOKERTO

Disusun sebagai Salah Satu Syarat

Kelengkapan Kurikulum pada Prodi Teknik Informatika
Fakultas Teknik Universitas Muhammadiyah Purwokerto

Disusun oleh:
Nama : Syahrul Hakim
NIM. : 1303040034

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH PURWOKERTO
2017

i
 HALAMAN PENGESAHAN

LAPORAN KERJA PRAKTEK

RANCANG BANGUN APLIKASI INVENTORI LOGISTIK

UKM MAPALA SATRIA

UNIVERSITAS MUHAMMADIYAH PURWOKERTO

Diusulkan Oleh:

Syahrul Hakim

NIM. 1303040034

Telah disetujui

Pada tanggal .................................

Pengampu/Pembimbing

Sigit Sugiyanto, S.T., M.Eng.

NIK. 2160501

ii
 KATA PENGANTAR

Puji syukur penyusun ucapkan atas kehadirat Allah SWT yang telah melimpahkan

rahmat, hidayah dan anugerah-Nya sehingga penyusun dapat menyelesaikan penulisan

Laporan Kerja Praktek dengan judul “RANCANG BANGUN APLIKASI

INVENTORI LOGISTIK UKM MAPALA SATRIA UNIVERSITAS

MUHAMMADIYAH PURWOKERTO” dengan baik. Kerja praktek ini merupakan

salah satu persyaratan kurikulum untuk menyelesaikan pendidikan sarjana pada

Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Purwokerto.

Dalam pelaksanaan kerja praktek dan pembuatan laporan, penyusun tidak lepas

dari bantuan yang berupa fasilitas dan bimbingan secara materiil dan spiritual. Dengan

segala kerendahan hati dan rasa hormat melalui tulisan ini, penyusun ingin

mengucapkan terimakasih kepada:

1. Ibu Muryati dan Bapak Junaidin, yang telah memberikan dukungan berupa moril

dan materiil sampai dengan selesainya kerja praktek ini..

2. Bapak Harjono, ST., M.Eng. selaku Ketua Program Studi Teknik Universitas

Muhammadiyah Purwokerto.

3. Bapak Sigit Sugiyanto, S.T., M.Eng. selaku dosen pembimbing Kerja Praktek yang

telah memberi arahan, bimbingan dan petunjuk dengan penuh kesabaran selama

kerja praktek ini.

4. Odi Ari Pratama selaku Ketua Umum Mapala Satria Universitas Muhammadiyah

Purwokerto yang telah memberikan izin untuk tempat Kerja Praktek.

iii
5. Terimakasih juga kepada teman-teman Teknik Informatika tahun angkatan 2013

yang telah memberi dukungan.

6. Serta semua pihak yang tidak dapat disebutkan satu per satu yang telah membantu

penyusun menyelesaikan laporan ini.

Penyusun menyadari bahwa laporan ini jauh dari sempurna dan masih banyak

kekurangan mengingat keterbatasan pengalaman dan kemampuan penyusun, oleh

karena itu kritik dan saran yang membangun sangat diharapkan penulis demi hasil yang

lebih baik di masa mendatang.

Purwokerto, 28 Desember 2016

Penyusun

iv
 DAFTAR ISI

HALAMAN PENGESAHAN ..................................................................................... ii

KATA PENGANTAR ................................................................................................. iii

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

DAFTAR GAMBAR ................................................................................................ viii

DAFTAR TABEL ........................................................................................................ x

INTISARI ................................................................................................................... xi

BAB I PENDAHULUAN ........................................................................................... 1

A. Latar Belakang ..................................................................................................... 1

B. Tujuan .................................................................................................................. 2

C. Manfaat ................................................................................................................ 3

D. Waktu Dan Tempat Pelaksanaan .......................................................................... 3

BAB II KAJIAN PUSTAKA ...................................................................................... 4

A. Rancang Bangun .................................................................................................. 4

B. Aplikasi ................................................................................................................ 4

C. Inventori ............................................................................................................... 5

D. Logistik ................................................................................................................ 6

E. Database .............................................................................................................. 6

F. Mysql .................................................................................................................... 7

G. PHP (Programming Hypertext Preprocessor) ..................................................... 9

v
 H. Penelitian Terdahulu............................................................................................. 9

BAB III GAMBARAN UMUM ............................................................................... 11

A. Profil Mapala Satria ........................................................................................... 11

B. Kegiatan Mapala Satria ...................................................................................... 12

C. Tujuan dan Fungsi Instansi yang Terkait dengan Bidang Kajian....................... 12

D. Struktur Pengurus Mapala Satria ....................................................................... 12

BAB IV METODE PELAKSANAAN ..................................................................... 14

A. Metode Pelaksaan .............................................................................................. 14

1. Observasi ..................................................................................................... 14

2. Wawancara .................................................................................................. 14

3. Studi Dokumentasi ...................................................................................... 15

4. Studi Kepustakaan ...................................................................................... 15

B. Tahap Pengembangan Sistem............................................................................. 15

1. Analisis Kebutuhan ..................................................................................... 16

2. Desain Program ........................................................................................... 17

3. Penulisan Kode Program (Pengkodean) ..................................................... 17

4. Pengujian ..................................................................................................... 17

5. Penerapan Program ..................................................................................... 18

6. Pemeliharaan ............................................................................................... 18

BAB V HASIL DAN PEMBAHASAAN ................................................................. 19

vi
 A. Analisis Kebutuhan ............................................................................................ 19

1. Kebutuhan Hardware .................................................................................. 19

2. Kebutuhan Software .................................................................................... 19

3. Kebutuhan Data .......................................................................................... 19

B. Desain ................................................................................................................ 23

1. Desain Sistem.............................................................................................. 23

2. Desain Antar Muka ..................................................................................... 26

3. Desain Database .......................................................................................... 31

C. Penulisan Kode Program .................................................................................... 37

D. Pengujian ............................................................................................................ 43

E. Penerapan Program ............................................................................................ 46

BAB VI PENUTUP ................................................................................................... 47

A. Kesimpulan ........................................................................................................ 47

B. Saran .................................................................................................................. 47

DAFTAR PUSTAKA ................................................................................................ 48

LAMPIRAN ............................................................................................................... 49

vii
 DAFTAR GAMBAR

Gambar 1. Struktur Organisasi Mapala Satria ............................................................ 13

Gambar 2. Diagram Alur Pengembangan Sistem ....................................................... 16

Gambar 3. Use Case Aplikasi Inventori Logistik Mapala Satria UMP ...................... 24

Gambar 4. Activity Diagram Admin ............................................................................ 25

Gambar 5. Activity Diagram User ............................................................................... 26

Gambar 6. Desain Form Login.................................................................................... 27

Gambar 7. Desin Halaman Utama Admin ................................................................... 28

Gambar 8. Desain Halaman Utama User .................................................................... 28

Gambar 9. Desain Tampilan Menu Alat ...................................................................... 29

Gambar 10. Desain Tampilan Menu Anggota ............................................................. 29

Gambar 11. Desain Tampilan Menu Peminjaman ...................................................... 30

Gambar 12. Desain Tampilan Menu Service .............................................................. 31

Gambar 13. Desain Tampilan Menu Laporan ............................................................. 31

Gambar 14. Relasi Antar Tabel ................................................................................... 37

Gambar 15. Form Menu Login ................................................................................... 38

Gambar 16. Halaman Utama Admin ........................................................................... 38

Gambar 17. Halaman Utama User .............................................................................. 39

Gambar 18. Menu Alat Logistik ................................................................................. 40

Gambar 19. Menu Anggota ......................................................................................... 40

Gambar 20. Menu Peminjaman .................................................................................. 41

viii
Gambar 21. Menu Service .......................................................................................... 42

Gambar 22. Menu Laporan ......................................................................................... 42

ix
 DAFTAR TABEL

Tabel 1. Tabel Data Login ........................................................................................... 32

Tabel 2. Tabel Categori ............................................................................................... 32

Tabel 3. Tabel Jenis Alat ............................................................................................. 33

Tabel 4. Tabel Merk Alat ............................................................................................. 33

Tabel 5. Tabel Alat ...................................................................................................... 34

Tabel 6. Tabel Anggota ............................................................................................... 34

Tabel 7. Tabel Peminjaman ......................................................................................... 35

Tabel 8. Tabel Service ................................................................................................. 36

Tabel 9. Pengujian Fungsi ........................................................................................... 43

x
 INTISARI

Rancang bangun aplikasi ini adalah aplikasi inventori logistik Mapala Satria

Universitas Muhammadiyah Purwokerto guna memenuhi kebutuhan penyimpanan dan

pengelolaan data logistik. Logistik merupakan salah satu departement yang mengurus

inventoris alat-alat yang terdapat di mapala satria dan juga sirkulasi alat tersebut.

Aplikasi ini dibuat dengan menggunakan tools Sublime Text, Apache Server, MySql

dan menggunakan bahasa PHP. Sistem ini membantu mengolah data peminjaman alat

yang terdapat dalam departement logistik sehingga akan menjadi efisien. Dan dalam

system ini terdapat menu yang digunakan untuk.

Kata kunci : Inventori, Logistik, Mapala Satria, Bahasa PHP

Abstract

The design of this application is an application inventory logistics Mapala

Satria Universitas Muhammadiyah Purwokerto in order to meet the needs of storage

and data management logistics. Logistics is one department that takes care of inventory

tools contained in Mapala knight and also the circulation of such equipment. This

application is made by using the tools Sublime Text, Apache Server, MySQL and PHP

language. This system helps to process the data contained in the tool lending logistics

department so that it will be efficient. And in this system are used for the menu.

Keywords : Inventory, logistics, Mapala Satria, PHP Language.

xi
 BAB I

PENDAHULUAN

A. Latar Belakang

Ilmu Teknik Informatika adalah suatu ilmu yang sangat berhubungan erat

dengan teknologi informasi, dimana penerapannya mengarah kepada kemajuan

teknologi masa depan. Perkembangan dunia teknologi informasi saat ini sangat

cepat karena didorong oleh kebutuhan data dan informasi. Data dan informasi

dibutuhkan untuk kelangsungan produksi perusahaan, lembaga maupun kemajuan

sebuah instansi. Kebutuhan akan penggunaan teknologi sangat berkembang dengan

pesat. Perkembangan teknologi memiliki manfaat yang sangat banyak seperti dapat

mengetahui informasi secara cepat dan akurat sehingga manusia tidak lagi

ketinggalan informasi.

Mapala Satria adalah salah satu organisasi mahasiswa yang berada di bawah

KM UMP. Organisasi ini adalah sebuah wadah bagi mahasiswa untuk

mengembangkan minat bakat terutama pada bidang kelestarian alam. Dimana

terdapat 5 divisi kegiatan, diantaranya Rimba Gunung, Penelusuran Goa, Panjat

Tebing, Konservasi dan Arung Jeram.

Salah satu yang menjadi prioritas dalam mengembangkan teknologi

informasi dalam hal ini adalah rancang bangun aplikasi inventori logistik dimana

semua proses pengarsipan data dilakukan oleh admin dalam hal ini adalah

Departemen Logistik “Mapala Satria”. Logistik merupakan salah satu departement

1
 yang mengurus inventoris alat mapala satria dan juga sirkulasi alat yang ada di

mapala satria.

Selama ini pengarsipan data masih menggunakan form manual dan itu akan

sangat boros kertas maupun tenaga dari department logistik itu sendiri karena harus

menulis ulang beberapa rangkap untuk arsip data peminjaman. Dan juga resiko

kehilangan atau kerusakan akan mudah terjadi sekali serta proses untuk mengetahui

informasi sirkulasi alat untuk di paparkan ke ketua umum atau anggota pun lama

karena logistik harus mencari arsip-arsip sirkulasi alat tersebut.

Dalam aplikasi ini akan diolah sebuah kearsipan dari seluruh alat yang ada di

logistik yang nantinya akan ada sebuah peminjaman dari anggota mapala satria

maupun di luar anggota mapala sehingga data tersimpan aman di database dan

mempermudah proses pengarsipan untuk meminimalisir kerusakan atau kehilangan

serta mempercepat departemen logistik untuk menginformasikan sirkulasi alat di

mapala satria ke ketua umum atau keanggota mapala satria yang lain.

B. Tujuan

Tujuan pembuatan aplikasi ini adalah :

1. membangun sebuah aplikasi pengarsipan di Logistik Mapala Satria yang akan

mempermudah departement logistik dalam mengolah sirkulasi alat di logistik.

2. Aplikasi ini dapat meminimalisir hilangnya data arsip logistik khususnya data

arsip peminjaman alat di logistik.

3. Mengetahui secara cepat data alat logistik yang ada di Mapala Satria.

2
C. Manfaat

Manfaat pembuatan aplikasi ini adalah :

1. Mempermudah Departement Logistik mengolah data kearsipan peminjaman

alat.

2. Mempermudah Ketua Umum mengakses data untuk mendapatkan informasi

sirkulasi alat secara cepat.

3. Mempermudah dalam menyebarkan informasi-informasi ke anggota mengenai

sirkulasi alat.

D. Waktu Dan Tempat Pelaksanaan

Kerja praktek ini dilaksanakan pada bulan September 2016 – Februari 2017

bertempat di UKM “Mapala Satria” Universitas Muhammadiyah Purwokerto.

3
 BAB II

KAJIAN PUSTAKA

A. Rancang Bangun

Rancang merupakan serangkaian prosedur untuk menerjemahkan hasil

analisis dari sebuah system kedalam Bahasa pemrograman untuk mendeskripsikan

dengan detail bagaimana komponen-komponen system di implementasikan.

Sedangkan pengertian bangun adalah kegiatan menciptakan baru maupun

mengganti atau memperbaiki system yang telah ada baik secara keseluruhan

maupun sebagian. (Pressman,2002)

Rancang bangun sangat berkaitan dengan perancangan system yang

merupakan satu kesatuan untuk merancang dan membangun sebuah aplikasi.

Perancangan system adalah penentuan proses dan data yang diperlukan oleh sistem

baru. Jika system ini berbasis komputer, rancangan data menyertakan spesifikasi

jenis peralatan yang akan digunakan.

B. Aplikasi

Pengertian tentang Aplikasi berasal dari bahasa inggris, yaitu “To applicate”

yang artinya menerapkan atau terapan. Namu pengertian mengenai aplikasi secara

umum adalah suatu paket program yang sudah jadi dan dapat digunakan.

Sedangkan arti Aplikasi adalah: “program komputer yang dibuat untuk menolong

manusia dalam melaksanakan tugas tertentu ”. (Simarmata, 2006:112)

4
 Komputer itu sendiri kaitannya dengan aplikasi yang terdiri dari beberapa unit

fungsional untuk mencapai tujuan pelaksanaaan pengolahan data yaitu:

1. Bagian yang membaca data ( Input data atau input unit )

2. Bagian yang mengolah data ( Control processing unit )

3. Bagian yang mengeluarkan hasil pengolahan data ( Output data )

C. Inventori

Inventori atau persediaan merupakan simpanan material yang berupa bahan

mentah, barang dalam proses dan barang jadi. Dari sudut pandang sebuah

perusahaan maka persediaan adalah inventasi modal yang dibutuhkan untuk

penyimpanan material pada kondisi tertentu. Pengedaliaan persediaan adalah soal

yang besar dan penting.Ia minta perhatian lebih besar daripada yang telah diberikan

dewasa ini. Ia merupakan anak dari industri dan perdagangan yang tidak disenangi

selama kurun waktu yang sangat panjang. Terdapat banyak pandangan yang

berbeda-beda mengenai kegiatan ini, sebagian menganggap tidak perlu dan

merupakan kegiatan yang mahal, sedang sebagian lain berpendapat bahwa kegiatan

itu merupakan kebutuhan yang sangat vital dan menggunakan metode yang paling

mutakhir untuk mengendalikan setiap segi dari perusahaan yang amat kecil

sekalipun.(Warman,2012).

Barang persediaan adalah sejumlah material yang disimpan dan dirawat

menurut aturan tertentu dalam tempat persediaa agar selalu dalam keadaan siap

pakai dan ditatausahakan dalam buku perusahaan. Sediaan (Inventory) adalah

5
 sejumlah bahan atau barang yang tersedia untuk digunakan sewaktu-watu di masa

yang akan datang. Sediaan terjadi apabila jumlah bahan atau barang yang diadakan

(dubeli atau dibuat sendiri). Dengan kata lain, sediaan adalah kelebihan jumlah

yang diadakan di atas jumlah yang 10 digunakan. Selama sebelum digunakan,

sediaan ini sebenarnya merupakan sumberdaya yang menganggur. Namun

demikian itu tidak berarti bahawa sumberdaya yang menganggur itu tidak

bermanfaat. Sediaan itu berguna untuk berjaga-jaga agar tidak ada permintaan atau

kebutuhan masa depan yang tidak dapat dipenuhi. (Pardede, 2005).

D. Logistik

Logistik merupakan salah satu departement yang mengurus inventori alat

Mapala Satria Universtas Muhammadiyah Purwokerto dan juga sirkulasi alat yang

ada di Mapala Satria Universitas Muhammadiyah Purwokerto. Ruang lingkup

logistik adalah mengurusi alat-alat untuk menunjang kegiatan Mapala Satria

Universitas Muhammadiyah Purwokerto antara lain alat panjat tebing, alat rimba

gunung, alat penelusuran gua, alat konservasi, alat arum jeram dan alat tulis kantor

yang semua menjadi tanggung jawab logistik.

E. Database

Menurut Andi (2006), database adalah sekumpulan file data yang saling

berhubungan dan diorganisasi sedemikian rupa sehingga memudahkan untuk

mendapat dan memproses data. Lingkungan sistem database menekankan data

6
 yang tidak tergantung (independent data) pada aplikasi yang akan menggunakan

data. Data adalah kumpulan fakta dasar (mentah) yang terpisah.

Sebuah database harus dibuat dengan rapi agar setiap data yang dimasukkan

sesuai dengan tempatnya. Sebagai contoh, di sebuah perpustakaan, penyimpanan

buku dikelompokkan berdasar jenis atau kategori-kategori tertentu, misalya

kategori buku komputer, buku pertanian, dan lain-lain. Kemudian dikelompokkan

lagi berdasarkan abjad judul buku. Ini dilakukan agar setiap pengunjung dapat

dengan mudah mencari dan mendapatkan buku yang dimaksud. Bisa dibayangkan

jika buku-buku tersebut tidak dikelompokkan berdasarkan kategori-kategori yang

ditentukan, pengunjung akan sulit mencari dan mendapatkan buku yang dimaksud.

F. Mysql

Menurut Nugroho (2008), MySQL, perkembangannya disebut SQL yang

merupakan kependekan dari Structured Query Language. SQL merupakan bahasa

terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali

didefinisikan oleh American National Standards Institute (ANSI) pada tahun 1986.

MySQL adalah sebuah sistem manajemen basis data yang bersifat open source.

MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh

MySQLAB yang berada di Swedia. MySQL dapat digunakan untuk membuat dan

mengolah database besert isinya. MySQL dapat dimanfaatkan untuk

menambahkan, mengubah dan menghapus data yang berada dalam database.

MySQL merupakan sistem manajemen basisdata yang bersifat relational, artinya

7
data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang

terpisah sehingga manipulasi data akan menjadi jauh lebih cepat. MySQL dapat

digunakan untuk mengelola database mulai dari yang paling kecil sampai dengan

yang sangat besar. MySQL juga dapat menjalankan perintah-perintah SQL untuk

mengelola database yang ada di dalamnya. Pengelolaan database dengan MySQL

harus dilakukan dengan mengetikkan baris-baris perintah yang sesuai

(commandline) untuk setiap maksud tertentu. Jika ingin membuat database,

ketikkan baris perintah yang sesuai untuk membuat database. Jika ingin

menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal

tersebut tentunya cukup menyulitkan karena harus menghafal dan mengetikkan

perintahnya satu persatu. Banyak sekali perangkat lunak yang dapay dimanfaatkan

untuk mengelola database dalam MySQL, salah satunya adalah phpMyAdmin.

Dengan menggunakan phpMyAdmin kita dapat membuat tabel, mengisi data dan

lain-lain denga mudah tanpa harus hafal perintahnya. Untuk mengaktifkan

phpMyAdmin langkah-langkahnya adalah yang pertama setelah XAMPP terinstal,

maka harus mengaktifkan web server Apache dan MySQL dari XAMPP Control

Panel. Selanjutnya, menjalankan web browser dan ketikkan alamat web berikut:

http:/localhost/phpmyadmin/ pada address bar lalu tekan tombol enter. Langkah

terakhir apabila telah nampak tampilan antar muka phpMyAdmin anda bisa

memulainya dengan mengetikkan nama database, nama tabel, dan seterusnya.

8
G. PHP (Programming Hypertext Preprocessor)

Menurut Kadir (2001), Bahasa pemrograman PHP merupakan bahasa

pemrograman untuk membuat web bersifat server side scripting. PHP

memungkinkan kita untuk membuat halaman web yang bersifat dinamis.

PHP dapat dijalankan pada berbagai macam sistem operasi, misalnya pada

sistem operasi Windows, Linux dan Mac OS. Selain Apache Server, PHP juga

mendukung beberapa web server lain, misalnya Microsoft IIS dan Caudium. PHP

dapat memanfaatkan database untuk menghasilkan halaman web dinamis. Sistem

manajemen database yang sering digunakan bersama PHP yaitu MySQL.

Akan tetapi PHP juga mendukung sistem manajemen basis data Oracle,

Microsoft Acces, Interbase, PostgreSQL, d-Base dan lain-lain. Sama dengan web

sever lainnya, PHP yang bersifat open source sehingga setiap orang dapat

menggunakannya dengan gratis.

H. Penelitian Terdahulu

Penelitian ini diambil dari berbagai hal yang berkaitan dengan teori rancang

bangun inventori. Penelusuran dilakukan melalui berbagai sumber baik itu internet

maupun studi literatur. Berdasarkan penelusuran diatas, didapat beberapa pendapat

tentang teori yang berkaitan dengan Rancang bangun aplikasi, yaitu :

1. Penelitian Imam Nursalim (2010), dengan judul “Sistem Informasi Persediaan

Barang pada Apotik Madukoro Menggunakan Java”, Aplikasi ini dapat

mengelola stok inventory barang. Sistem ini juga mampu mencatat secara

9
 otomatis tentang perubahan stok barang. Terutama saat terjadi transaksi

pembelian barang. Penjualan barang dan transaksi retur barang.

2. Penelitian Budi Mochamad Noviandi (2012), dengan judul “Perancangan

Sistem Informasi Inventori Barang di Bank Sampah Garut”, dijelaskan bahwa

Perancangan sistem informasi inventori ini meliputi tahap Analisis dan desain

sistem dengan menggunakan metodologi berorientasi objek dari Ali Bahrami

(1999) yaitu dengan menggunakan metode Unified Approach.

3. Penelitian Junaidi, Ridwan Arifin , Amanda Septiani (2015), dengan judul

Rancang Bangun Aplikasi Sistem Inventory Berbasis Desktop Menggunakan

JSE. Analisis dilakukan dengan cara observasi terhadap sistem yang berjalan

dan kebutuhan informasi dan sistem, desain dibuat menggunakan UML, dan

pembuatan program menggunakan JSE dan DBMS MySql. Hasil dari rancang

bangun ini diharapkan dapat membantu manajemen dalam memonitoring stok

sesuai kebutuhan, dan dapat memperkecil human error serta mampu

menciptakan laporan dengan cepat dan akurat.

10
 BAB III

GAMBARAN UMUM

A. Profil Mapala Satria

Mapala Satria merupakan suatu unit kegiatan mahasiswa atau biasa

disingkat dengan UKM yang merupakan bagian dari lembaga tinggi di Universitas

Muhammadiyah Purwokerto.

Profil (Umum)

1. Nama Lembaga : Mapala Satria Universitas Muhammadiyah

Purwokerto

Alamat : Gd PKM Lt I UMP Jl. Raya Dukuhwaluh,

Kembaran, Jawa Tengah 53182 Po.Box 202,

Indonesia.

No.Telp : Telp.(0281) 630463 ext. 138 Fax.(0281)

637239

E-mail : mapalasatriaump@gmail.com

Website : www.mapsa.ump.ac.id

2. Nama Pembina : Itmi Hidayat Kurniawan S.T., M.Eng.

3. Nama Ketua Mapala Satria : Odi Ari Pratama

NPA : MAPSA.13.XXIV.0245

4. Tahun didirikan/Th. Operasi : 1990

11
B. Kegiatan Mapala Satria

Kegiatan yang dilaksanakan di Mapala Satria Universitas Muhammadiyah

Purwokerto meliputi kegiatan Penerimaan anggota baru, kegiatan ekspedisi muda,

kegiatan Diksar (pendidikan Dasar), Diklan (Pendidikan Lanjutan), kegiatan sosial,

dan kegiatan-kegiatan alam lainnya. Selain kegiatan tersebut mapala satria juga

ikut aktif dalam kegiatan kelembagaan yang ada di Universitas Muhammadiyah

Purwokerto maupun kegiatan yang dilaksanakan diluar yang mencakup seluruh

wilayah Indonesia. Ini yang menjadikan Mapala satria ikut berperan dalam

kegiatan-kegiatan seperti lomba arum jeram, lomba panjat tebing, dan kegiatan lain

yang tingkatannya mencakup wilayah Indonesia.

C. Tujuan dan Fungsi Instansi yang Terkait dengan Bidang Kajian

Tujuan dan fungsi dari Mapala Satria adalah :

1. Dalam bidang sosial yang meliputi : Aktif mengikuti penanganan

bencana alam

2. Dalam bidang Pendidikan : Menjadi pemateri di SMA sekitar

Banyumas

3. Dalam bidang kesehatan : Mengadakan kegiatan donor darah

setiap 3 bulan sekali

D. Struktur Pengurus Mapala Satria

Organisasi adalah suatu system kerjasama antara kelompok atau orang untuk

mencapai tujuan yang sama. Dan terdiri dari beberapa unsur yang saling

12
berhubungan, yaitu sekolompok orang, adanya kerjasama, pembagian pekerjaan

dan mempunyai tujuan tertentu.

Gambar 1. Struktur Organisasi Mapala Satria

13
 BAB IV

METODE PELAKSANAAN

Metode yang digunakan untuk kerja praktek ini meliputi metode

pengumpulan data dan pengembangan system.

A. Metode Pelaksaan

1. Observasi

Observasi sering juga disebut metode pengamatan. Ringkasnya metode

observasi adalah cara pengumpulan data dengan cara melalukan pencatatan

secara cermat dan harus sistematis, maka harus memiliki latar belakang atau

pengetahuan yang luas tentang objek penelitian, serta mempunyai dasar teori

dan sikap objektif.

2. Wawancara

Wawancara (interview) merupakan metedo pengumpulan data dengan cara

bertanya langsung dengan responden. Dalam berwawancara terdapat interaksi

antara pewawancara dengan responden. Responden diharapakan dapat

menjawab pertanyaan-pertanyaan dengan jelas dan jujur.

Pengumpulan data melalui wawancara yang akan dilakukan dengan ketua

umum mapala satria dan department logistik mapala satria universitas

muhammadiyah purwokerto untuk mengetahui permasalahan.

14
 3. Studi Dokumentasi

Selain Observasi dan wawancara, akan dilakukan juga terhadap

dokumentasi pengarsipan data dan regulasi alat sebelumnya.

4. Studi Kepustakaan

Studi kepustakaan adalah teknik pengumpulan data dengan mengadakan

studi penelaahan terhadap buku-buku, literature-literatur, catatan-catatan dan

laporan-laporan yang ada hubunganya dengan masalah yang dipecahkan.

B. Tahap Pengembangan Sistem

Metode pengembangan sistem yang digunakan dalam pengembangan

sistem inventori logistik mapala satria ini menggunakan Model Skuensial Linier

atau Model Air Terjun. Model Skuensial Linier merupakan paradigma

rekayasa perangkat lunak yang paling tua dan paling banyak dipakai. Model ini

mengusulkan sebuah pendekatan perkembangan perangkat lunak sistematik dan

sekuensial yang dimulai pada tingkat dan kemajuan sistem pada seluruh analisis,

desain, kode, pengujian dan pemeliharaan.

15
 Analisi
Kebutuhan

Desain
Program

Pengkodean

Pengujian

Penerapan
Program

Pemeliharaan

Gambar 2. Diagram Alur Pengembangan Sistem (Pressman, Roger S. 2002.)

1. Analisis Kebutuhan

Tahap analisis sistem dilakukan setelah tahap perencanaan sistem dan

sebelum tahap desain sistem. Analisis sistem dapat didefinisikan sebagai

penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian

atau komponen-komponennya, dengan maksud untuk mengidentifikasikan

dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan,

hambatan-hambatan yang terjadi, dan kebutuhan-kebutuhan yang

diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

16
2. Desain Program

Desain perangkat lunak adalah proses multi langkah yang berfokus

pada empat atribut sebuah program yang berbeda, struktur data, arsitektur

perangkat lunak, representasi interface, dan detail procedural. Proses desain

menerjemahkan syarat atau kebutuhan ke dalam sebuah representasi

perangkat lunak yang dapat diperkirakan demi kualitas sebelum dimulai

pemunculan kode. Proses desain mengubah kebutuhan-kebutuhan menjadi

bentuk karakteristik yang dimengerti perangkat lunak sebelum dimulai

penulisan program.

3. Penulisan Kode Program (Pengkodean)

Desain harus diubah menjadi bentuk yang dimengerti mesin

(komputer). Maka dilakukan penulisan program, jika desainnya detail, maka

coding dapat dicapai secara mekanis.

4. Pengujian

Setelah kode program selesai dibuat dan program dapat berjalan, testing

dapat dimulai. Testing difokuskan pada logika internal dari perangkat lunak,

fungsi eksternal, dan mencari segala kemungkinan kesalahan dan memeriksa

apakah sesuai dengan hasil yang diinginkan.

17
5. Penerapan Program

Penerapan akan benar-benar dilakukan jika tahap pengujian sesuai dengan

apa yang diinginkan dan sudah tidak ada lagi program di aplikasi yang tidak

bisa dijalankan.

6. Pemeliharaan

Pemeliharaan perangkat lunak mengaplikasikan lagi setiap fase program

sebelumnya dan tidak membuat perangkat lunak yang baru. Pemeliharaan

sistem adalah kegiatan yang membuat perubahan ini. Sistem perlu dipelihara

karena beberapa hal, yaitu: Sistem memiliki kesalahan yang dulunya belum

terdeteksi, sehingga kesalahan-kesalahan sistem perlu diperbaiki, Sistem

mengalami perubahan-perubahan karena permintaan baru dari pemakai

sistem.

18
 BAB V

HASIL DAN PEMBAHASAAN

A. Analisis Kebutuhan

Aplikasi Inventori Logistik Mapala Satria Universitas Muhammadiyah

Purwokerto ini memiliki beberapa kebutuhan dalam proses penerapannya :

1. Kebutuhan Hardware

Kebutuhan hardware yang di perlukan untuk implementasi aplikasi ini

adalah satu unit komputer dengan spesifikasi:

a. Processor Intel Pentium® 2.00 GHz.

b. RAM 2 Gb

c. Hardisk 320 Gb

d. Wireles Access Point TP-Link atau Jaringan LAN

2. Kebutuhan Software

a. Sistem operasi

b. XAMPP 5.5.38

c. MySQL 5.5.38

d. Aplikasi Web Browser

3. Kebutuhan Data

Kebutuhan pemakai meliputi orang – orang yang terlibat dalam sistem

informasi yang telah dibangun, seperti admin dan pemakai (user) itu sendiri.

Admin akan diberikan penjelasan dan petunjuk tentang pemakaian aplikasi

19
sistem ini yang baik sehingga nantinya sistem yang diterapkan akan berjalan

dengan baik.

a. Data input atau masukan data dari data Logistik Mapala Satria Universitas

Muhammadiyah Purwokerto dengan aplikasi ini adalah

1) Data Alat Logistik

a) ID Alat

b) Categori Alat

c) Jenis Alat

d) Merk Alat

e) Nama Alat

f) Kondisi Alat

g) Jumlah Alat

h) Keterangan

2) Data Anggota Inventori Logistik

a) NIM Anggota

b) Nama Anggota

c) Tanggal Lahir

20
 d) Alamat

e) Prodi

f) No Hp

3) Transaksi Peminjaman

a) ID Peminjaman

b) Nama Peminjam

c) Nama Alat

d) Categori

e) Jenis Alat

f) Merk Alat

g) Tanggal Pinjam

h) Tanggal Kembali

i) Keterangan

4) Service Alat

a) ID Service

b) Nama Alat

c) Tempat Service

21
 d) Tanggal Service

e) Keterangan

b. Keluaran atau output merupakan produk dari pendataan data Alat Logistik,

Transaksi Peminjaman, Service dan Data Anggota adalah sebagai berikut :

1) Data Alat Logistik

Berisikan informasi tentang data-data Alat Logistik yang ada di logistik

Mapala Satria Universitas Muhammadiyah Purwokerto.

2) Data Anggota

Berisikan informasi tentang data-data Anggota Logistik Mapala Satria

Universitas Muhammadiyah Purwokerto.

3) Transasksi Peminjaman

Berisikan informasi tentang data-data transaksi peminjaman Alat

Logistik yang ada di Logistik Mapala Satria Universitas

Muhammadiyah Purwokerto.

4) Service Alat

Berisikan informasi tentang data-data Alat Logistik yang sedang di

service yang ada di Logistik Mapala Satria Universitas Muhammadiyah

Purwokerto.

22
B. Desain

1. Desain Sistem

Desain perangkat lunak adalah proses multi langkah yang berfokus

pada empat atribut sebuah program yang berbeda, struktur data, arsitektur

perangkat lunak, representasi interface, dan detail procedural. Proses desain

menerjemahkan syarat atau kebutuhan ke dalam sebuah representasi

perangkat lunak yang dapat diperkirakan demi kualitas sebelum dimulai

pemunculan kode. Proses desain mengubah kebutuhan-kebutuhan menjadi

bentuk karakteristik yang dimengerti perangkat lunak sebelum dimulai

penulisan program.

Setelah data dan informasi terkumpul, lalu dilakukan alanalisis keyakan

untuk mengetahui data apa saja yang benar-benar dibutuhkan dalam proses

kerja pembuatan aplikasi. Untuk mengetahui apa saja yang dilakukan oleh

admin dan user, perancangan data akan diolah oleh admin, maka perancangan

data dilakukan dengan menggunkan UML atau Unified Modelling Language.

a. Use Case Diagram

Admin bertugas untuk mengolah data alat logistik, menginput transaksi,

menginput anggota, menginput service alat dan mencetak laporan.

Sedangkan, user hanya dapat melihat data alat logistik Mapala Satria UMP.

Seperti yang tertera di Gambar 3 berikut :

23
 Mengakses halaman
Login

Mengakses
Menu Utama/Home

Mengakses Menu
Alat Logistik

Mengakses
Menu Anggota

Mengakses
Menu Peminjaman
Admin User

Mengakses
Menu Service

Mengakses
Menu Laporan

Mengakses
Menu User

Mengakses
Menu Logout

Gambar 3. Use Case Aplikasi Inventori Logistik Mapala Satria UMP

b. Acitivity Diagram Admin

Activity Diagram dibawah ini menjelaskan alur kerja admin, yaitu

pengolahan berbagai data seperti menambah, merubah dan menghapus.

Admin juga dapat melakukan penginputan transaksi data peminjaman alat

logistik dan juga dapat mencetak seluruh laporan. Berikut tampilan activity

diagram admin. Seperti yang tertera di Gambar 4 berikut :

24
 Data Alat Data Anggota Data User Data Transaksi Data Laporan

Input Transaksi Input Anggota

Lihat Data Cetak Data

Gambar 4. Activity Diagram Admin

c. Activity Diagram User

Acivity Diagram dibawah ini menjelaskan alur kerja atau alur akses pada

user Apllikasi Inventori Logistik Mapala Satria UMP. Seperti yang tertera

di Gambar 5 berikut :

25
 Data Alat

Lihat Data

Gambar 5. Activity Diagram User

2. Desain Antar Muka

Antarmuka (Interface) merupakan mekanisme komunikasi antara pengguna

(user) dengan sistem. Antarmuka (Interface) dapat menerima informasi kepada

pengguna (user) untuk membantu megarahkan alur penelusuran masalah

sampai ditemukan sebuah solusi, Yang terpenting adalah kemudahan dalam

memakai/menjelaskan sistem, interaktif, komunikatif, sedangkan kesulitan

dalam mengembangkan/membangun suatu program jangan terlalu

diperlihatkan. Pada perancangan user interface disesuaikan dengan kebutuhan

pengguna (hasil analisa kebutuhan pengguna ditahapan sebelumnya) antara

lain: layout halaman, layout menu, daftar menunya apa saja, hingga pengaturan

warna halaman.

26
a. Desain Form Login

Dibawah ini adalah gambar desain login yaitu dengan memasukan

username dan password yang telah tersimpan dalam database. Sehingga

yang tidak memiliki username dan password maka tidak dapat masuk

kesistem untuk melakukan kegiatan transaksi maupun hana melihat data.

Seperti yang tertera di Gambar 6 berikut :

Login logistik
Mapala Satr ia

Username Username

Password Password

submit

Gambar 6. Desain Form Login

b. Desain Pada Menu Halaman Utama

1) Halaman Utama Admin

Dibawah ini adalah gambar desain menu utama pada level admin.

Halaman menu utama merupakan halaman pertama kali jika akun

admin berhasil masuk kesistem. Seperti yang tertera di Gambar 7

berikut :

27
 Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Silahkan Pilih Panel Dibawah ini

Home
Alat Logistik
Anggota Data Alat Anggota Transaksi Laporan
Peminjaman
Service Alat
Laporan
User
Logout

Gambar 7. Desin Halaman Utama Admin

2) Halaman Utama User

Dibawah ini adalah gambar desain menu utama pada level User.

Halaman menu utama merupakan halaman pertama kali jika akun User

berhasil masuk kesistem. Seperti yang tertera di Gambar 8 berikut :

Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Salam lestari!!!

Selamat datang di aplikasi inventori logistik Mapala Satria
Home Universitas Muhammadiyah Purwokerto.
Alat Logistik
LogOut

Gambar 8. Desain Halaman Utama User

c. Desain Tampilan Menu Alat Logistik

Dibawah ini adalah gambar desain data alat logistik yang memiliki

beberapa fungsi diantaranya untuk menambah alat logostik, merubah data

28
 alat logistik dan mengapus alat logistik. Seperti yang tertera di Gambar 9

berikut :

Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Alat Logistik

Home
Alat Logistik
Anggota Categori Merk
Data Alat Jenis Alat
Peminjaman Alat Alat
Service Alat
Laporan
User
Logout

Gambar 9. Desain Tampilan Menu Alat

d. Desain Tampilan Menu Anggota

Dibawah ini adalah gambar desain data Anggota yang memiliki beberapa

fungsi diantaranya untuk menambah Data Anggota, merubah data Anggota

dan mengapus Data Anggota. Seperti yang tertera di Gambar 10 berikut :

Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Input Anggota Nama, Nim Cari

Home
Alat Logistik
Anggota Tabel Data Anggota
Peminjaman
Service Alat
Laporan
User Jumlah Anggota
Logout

Gambar 10. Desain Tampilan Menu Anggota

e. Desain Tampilan Menu Pinjaman

Dibawah ini adalah gambar desain tampilan menu peminjaman pada

logistik mapala satria ump, menu ini memiliki beberapa fungsi yaitu untuk

29
 menginput data transaksi peminjaman alat, melihat detail data peminjaman

dan mencetak bukti peminjaman. Seperti yang tertera di Gambar 11 berikut

Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Input Transaksi Nama Peminjam Cari

Home
Alat Logistik
Anggota Tabel Data transaksi
Peminjaman
Service Alat
Laporan
User Jumlah Transaksi
Logout

Gambar 11. Desain Tampilan Menu Peminjaman

f. Desain Tampilan Menu Service

Dibawah ini adalah gambar desain tampilan menu service pada logistik

mapala satria ump, menu ini memiliki beberapa fungsi yaitu untuk

menginput data Service alat, melihat detail data service . Seperti yang

tertera di Gambar 12 berikut :

30
 Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Input Service Nama alat Cari

Home
Alat Logistik
Anggota Tabel Data Service Alat
Peminjaman
Service Alat
Laporan
User Jumlah Service
Logout

Gambar 12. Desain Tampilan Menu Service

g. Desain Tampilan Menu Laporan

Dibawah ini adalah gambar desain tampilan menu Laporan pada logistik

mapala satria ump, menu ini memiliki beberapa fungsi yaitu untuk Melihat

laporan data alat logistik, data anggota, data transaksi peminjaman, data

service dan mencetak laporan . Seperti yang tertera di Gambar 13 berikut :

Deparrtement Logistik
Logo Mapala Satria Logo
Universitas Muhammadiyah Purwokerto

Nama User Hari, Tanggal

Menu Utama Semua Laporan

Home
Alat Logistik
Anggota Laporan Laporan Laporan Laporan Laporan
Peminjaman alat transaksi Aggota Service denda
Service Alat
Laporan
User
Logout

Gambar 13. Desain Tampilan Menu Laporan

3. Desain Database

Dalam merancang sebuah aplikasi, database mrupakan salah satu

komponen atau objek utama untuk diolah dan dijadikan informasi. Perancangan

31
database Apliksi Inventori Logistik Mapala Satria UMP di buat menggunakan

MySql.

a. Tabel Login

Tabel Login berisi data Admin dan User yang bias mengakses aplikasi

Inventori Logistik Mapala Satria UMP. Seperti yang tertera di Tabel 1

berikut :

Tabel 1. Tabel Data Login

# Name Type

1 id Int(50)

2 nama Varchar(250)

3 User_name Varchar(250)

4 pass Varchar(250)

Enum(‘Admin’,’Us
5 level
er’)

b. Tabel Categori

Tabel Categori berisi data Categori Alat Logistik Mapala Satria UMP.

Seperti yang tertera di Tabel 2 berikut :

Tabel 2. Tabel Categori

# Name Type

1 Id_categori int(11)

32
 2 categori varchar (255)

c. Tabel Jenis Alat

Tabel Jenis Alat berisi data Jenis Alat Logistik Mapala Satria UMP.

Seperti yang tertera di Tabel 3 berikut :

Tabel 3. Tabel Jenis Alat

# Name Type

1 Id_jenis_alat int(11)

2 Jenis_alat Varchar(255)

d. Tabel Merk Alat

Tabel Merk Alat berisi data Merk Alat Logistik Mapala Satria UMP.

Seperti yang tertera di Tabel 4 berikut :

Tabel 4. Tabel Merk Alat

# Name Type

1 Id_merk_alat int(11)

2 merk_alat Varchar(255)

e. Tabel Alat

Tabel Alat berisi data Alat Logistik Mapala Satria UMP. Seperti yang

tertera di Tabel 5 berikut :

33
 Tabel 5. Tabel Alat

# Name Type

1 Id_alat Int(11)

2 categori Varchar(255)

3 Jenis_alat Varchar(255)

4 Nama_alat Varchar(255)

5 Merk_alat Varchar(255)

6 Kondisi_alat Varchar(255)

7 Jumlah_alat Int(11)

8 ket Varchar(255)

f. Tabel Anggota

Tabel Anggota berisi data anggota Logistik Mapala Satria UMP.

Seperti yang tertera di Tabel 6 berikut :

Tabel 6. Tabel Anggota

# Name Type

1 Nim int11)

2 Nama_mhs Varchar(255)

3 alamat Varchar(255)

34
 4 Jenis_kelamin Varchar(255)

5 prodi Varchar(255)

6 No_telp Varchar(50)

g. Tabel Peminjaman

Tabel Peminjaman berisi data peminjaman Alat Logistik Mapala Satria

UMP. Seperti yang tertera di Tabel 7 berikut :

Tabel 7. Tabel Peminjaman

# Name Type

1 Id_peminjaman int11)

2 Nama_alat Varchar(255)

3 Nim_mhs Varchar(15)

4 Nama_mhs Varchar(255)

5 Tanggal_peminjaman Varchar(15)

6 Tanggal_pengembalian Varchar(15)

7 status Varchar(255)

8 keterangan Varchar(255)

h. Tabel Service

Tabel Service berisi data Service Alat Logistik Mapala Satria UMP.

Seperti yang tertera di Tabel 8 berikut :

35
 Tabel 8. Tabel Service

# Name Type

1 Id_service int11)

2 Tanggal_service Varchar(255)

3 Tempat_service Varchar(15)

4 Nama_alat Varchar(255)

5 Status Varchar(255)

6 keterangan Varchar(250)

i. Relasi Antar Tabel

Relasi antar table menunjukan saling keterkaitanya antara table yang

satu denga yang lain. Gambar relasi table dapat dilihat pada gambar 14

dibawah ini :

36
 t_service m_alat categori
id_service(pk) id_alat(pk) id_categori(pk)
tanggal_service cateori categori
tempat_service jenis
nama_alat nama_alat
status merk_alat
keterangan kondisi_alat jenis_alat
jumlah_alat id_jenis_alat(pk)
ket jenis_alat
m_mahasiswa
nim(pk)
nama_mhs t_peminjaman
alamat id_peminjaman(pk) merk_alat
jenis_kelamin nama_alat
prodi id_merk_alat(pk)
nim_mhs merk_alat
no_telp nama_mhs
tanggal_peminjaman
m_admin
tangggal_pengembalian
m_denda status id(pk)
id_denda(pk) keterangan nama
nama_mhs user_name
tgl_pinjam pass
denda level
total_denda

Gambar 14. Relasi Antar Tabel

C. Penulisan Kode Program

Dalam tahap penulisan kode program, data-data yang telah dikumpulkan dan

dirancang kemudian diubah menjadi aplikasi menggunakan Bahasa

pemrograman. Tahap pengkodean dilakukan setelah peancangan database dan

pernacangan antar muka selesai dilakukan. Hasil dari penulisan kode program

dpat dilihat pada form dan menu dibawah ini.

1. Form Menu Login

Form ini merupakan tampilan menu untuk masuk kedalam aplikasi

yang hanya bisa digunakan oleh admin dan user. Seperti yang tertera di

Gambar 15 berikut :

37
 Gambar 15. Form Menu Login

2. Halaman Utama

a. Halaman Utama Admin

Merupakan halaman utama pertama kali apabila validasi login admin

telah benar makan akan masuk pada halaman utama. Berikut tampilan

halaman utama admin. Seperti yang tertera di Gambar 16 berikut :

Gambar 16. Halaman Utama Admin

38
 b. Halaman Utama User

Merupakan halaman utama pertama kali apabila validasi login user

telah benar makan akan masuk pada halaman utama. Berikut tampilan

halaman utama user. Seperti yang tertera di Gambar 17 berikut :

Gambar 17. Halaman Utama User

3. Menu Alat Logistik

Merupakan menu untuk melihat data alat logistik, menu ini juga dapat

menambah, mengubah dan menghapus data. Berikut dibawah tampilan menu

alat logistic. Seperti yang tertera di Gambar 18 berikut :

39
 Gambar 18. Menu Alat Logistik

4. Menu Anggota

Merupakan tampilan menu anggota berisi tentang data anggota mapala

satria yang dapat meminjam peralatan di logistk maala satria. Berikut

tampilan menu anggota. Seperti yang tertera di Gambar 19 berikut :

Gambar 19. Menu Anggota

40
5. Menu Transaksi Peminjaman

Merupakan tampilan menu peminjaman logistik Mapala Satria UMP.

Berikut tampilan menu transaksi peminjaman. Seperti yang tertera di Gambar

20 berikut :

Gambar 20. Menu Peminjaman

6. Menu Service

Merupakan tampilan menu service untuk melakukan transaksi service

alat. Berikut tampilan menu Service. Seperti yang tertera di Gambar 21

berikut :

41
 Gambar 21. Menu Service

7. Menu Laporan

Merupakan tampilan menu laporan. Admin dapat mencetak dan melihat

laporan transaksi. Berikut tampilan menu laporan. Seperti yang tertera di

Gambar 22 berikut :

Gambar 22. Menu Laporan

42
D. Pengujian

Tahap pengujian dilakukan untuk mengetahui apakah aplikasi yang telah

dibangun dapat berjalan dengan baik dan sesuai dengan kebutuhan. Pada tahapan

ini dilakukan fungi-fungsi yang ada dalam aplikasi, dengan menjalankan setiap

fungsi dan melihat apakah terjadi kesalahan atau tidak.

Tabel 9. Pengujian Fungsi

NO Form Skenario DIuji Hasil yang Hasil Kesimpul

Diuji diharapkan Pengujian an

1 Login Masukan Jika benar langsung Sesuai yang Berhasil

Username dan masuk ke menu utama. diharapkan

password Jika salah ada

konfirmasi periksa

username dan

password.

2 Menu  Data Anggota  Dapat melihat Sesuai yang Berhasil

Anggota seluruh anggota diharapkan

yang sudah

diinputkan.

43
  Tambah  Dapat

Anggota menginputkan

anggota baru.

 Ubah Anggota  Dapat mengubah

profil data anggota.

 Hapus Anggota  Dapat menghapus

data mahasiswa

3 Menu  Data Alat  Melihat seluruh Sesuai yang Berhasil

Alat Logistik data alat logistik diharapkan

Logistik

 Tambah Alat  Dapat

Logistik menginputkan alat

baru

 Ubah Alat  Dapat merubah

Logistik data alat logistik

 Hapus Alat  Dapat mengahapus

Logistik data alat logistik

 Detail Alat  Melihat detail alat

Logistik logistik

44
4 Menu  Data  Melihat seluruh Sesuai yang Berhasil

Peminja peminjaman data peminjaman diharapkan

man logistik

 Tambah  Dapat menginput

peminjaman Peminjaman baru

 Detail  Melihat detail

peminjaman peminjaman

 Pengembalian  Dapat

peminjaman mengembalikan

 Perpanjang  Dapat

peminjaman memperpanjang

peminjaman

5 Menu  Cetak data  Dapat melihat data Sesuai yang Berhasil

Laporan anggota anggota logistik diharapkan

mapala satria ump

 Cetak data  Dapat melihat

peminjaman peminjaman

logistic mapala

satria ump

45
  Cetak data alat  Dapat melihat alat

logistic logistic mapala

satria ump

 Cetak denda  Dapat melihat

laporan denda

peminjaman

6 Menu Keluar aplikasi Keluar aplikasi Sesuai Berhasil

Keluar menuju form login keinginan

E. Penerapan Program

Tahap penerapan program dilakukan penerapan aplikasi yang telah selesai uji

coba. Kemudian aplikasi tersebut digunakan pada Logistik Mapala Satria UMP

dengan tujuan mempermudah dan mempercepat kinerja dari departemen logistik.

Pemeliharaan akan dilakukan setelah aplikasi diterapkan. Apabila ditemukan

kesalahan atau error, dari pihak admin akan melaporkan kepada pihak pengembang

aplikasi agar dapat dilakukan perbaikan hingga aplikasi digunakan sebagai mana

mestinya.

46
 BAB VI

PENUTUP

A. Kesimpulan

Kesimpulan dari kegiatan Kerja Praktek ini adalah :

1. Telah terbangun sebuah aplikasi inventori logistik Mapala Satria Universitas

Muhammadiyah Purwokerto guna memenuhi kebutuhan penyimpanan data

Logistik Mapala Satria Universitas Muhammadiyah Purwokerto.

2. Pengelolaan data logistik di Mapala Satria Universitas Muhammadiyah

Purwokerto.

3. Dengan adanya sistem ini pengolahan logistik akan menjadi efisien dan mudah.

B. Saran

Saran untuk aplikasi ini meliputi:

1. Aplikasi ini berbasis web namun hanya memuat inventori logistik, kedepanya

bisa memuat system informasi mapala satria ump.

2. Aplikasi ini hanya diakses oleh admin dan anggota , diharapkan kedepannya

dapat diakses oleh seluruh mahasiswa atau orang lain.

47
 DAFTAR PUSTAKA

Andi. 2006. Menggunakan Adobe Dreamweaver CS4.Yogyakarta: Wahana

Komputer.

Kadir, A. 2001. Dasar Pemrograman Dinamis Menggunakan PHP. Yogyakarta:

ANDI OFFSET.

Nugroho, B. 2008. Latihan Membuat Aplikasi WEB PHP dan MySql dengan

Dreamweaver. Yogyakarta: Gava Media.

Perdede. 2005. Aplikasi Penjualan Dengan Program JavaNetbean, XAMPP, dan I

Report. Jakarta : Media Komputindo.

Pressman, Roger S. 2002. Software Engineering (Rekayasa Perangkat Lunak) .

Published by McGraw Hill.

Simarta. 2006. Aplikasi Inventory Multi Store Plus Management. Jakarta :

Gramedia

Warman. 2012. Analisa Sistem Informasi Barang Masuk dan Keluar. Penelitian pada

PT. Panca Pipando (PPI)

48
 LAMPIRAN

1. Kode Program Login

<!DOCTYPE html>

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->

<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->

<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->

<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Login Logistik</title>

<meta name="description" content="">

<meta name="viewport" content="width=device-width, initial-

scale=1">

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<link rel="stylesheet" href="css/main.css">

<link

href='http://fonts.googleapis.com/css?family=Roboto:400,300,500'

rel='stylesheet' type='text/css'>

<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-

awesome.min.css" rel="stylesheet">

49
 <script src="js/jquery-1.8.2.min.js"></script>

<script src="js/jquery.validate.min.js"></script>

<script src="js/main.js"></script>

</head>

<body>

<form id="login-form" class="login-form" name="form1"

method="post" action="login_act.php">

<input type="hidden" name="is_login" value="1">

<div class="h1">Login Logistik <br> Mapala Satria</div>

<div id="form-content">

<div class="group">

<label>User Name</label>

<div><input name="user" class="form-control" type="text"

placeholder="Username" required></div>

</div>

<div class="group">

<label>Password</label>

<div><input name="pass" class="form-control" type="password"

placeholder="Password" required></div>

</div>

<em>

50
 <label class="err" for="password" generated="true"

style="display: block;"></label>

</em>

<div class="group submit">

<label class="empty"></label>

<div><input name="log" type="submit" value="Submit"/></div>

</div>

</div>

<div id="form-loading" class="hide"><i class="fa fa-circle-o-notch

fa-spin"></i></div>

</form>

</body>

</html>

2. Kode Program Halaman Utama

<?php

include 'config.php';

?>

<!-- menu tengah -->

<div id="menu-tengah">

<div id="bg_menu">Data Anggota

51
 </div>

<div id="content_menu">

<div id="menu_header">

<form action="?page=anggota_search" method="post">

<table width="100%" height="100%" style="border:1px solid

#9cc;">

<tr>

<td width="50%"><a href="?page=anggota_input">Input

Anggota</a></td>

<td width="50%" align="right"><input type="text"

name="cari" size="30" placeholder="NIM, Nama Anggota"></td>

<td><input type="submit" id="submit" value="cari"></td>

</tr>

</table>

</form>

</div>

<div class="zebra-table">

<table width="100%" height="100%" align="center"

cellspacing="0" cellpadding="5">

<thead align="center">

<tr>

52
 <th align="center" width="5%" >No</th>

<th width="25%">Nim</th>

<th width="20%">Nama</th>

<th width="20%">Prodi</th>

<th width="8%">Edit</th>

<th width="8%">Hapus</th>

</tr>

</thead>

<?php

$query = "SELECT * FROM m_mahasiswa

ORDER by nim";

$sql = mysql_query($query);

$total = mysql_num_rows($sql);

$no = 1;

while ($data=mysql_fetch_array($sql)) {

?>

<tbody>

<tr>

<td align="center"><?php echo $no; ?></td>

<td ><a href="?page=anggota_detil&nim=<?php echo

$data['nim']; ?>"class="detil"><?php echo $data['nim']; ?></a></td>

53
 <td ><?php echo $data['nama_mhs']; ?></td>

<td align="center"><?php echo $data['prodi']; ?></td>

<td align="center"><a href="?page=anggota_edit&nim=<?php

echo $data['nim'];?>"><img src="../images/edit.png"/ width="15px"

height="15px"></a></td>

<td align="center"><a href="?page=anggota_hapus&nim=<?php

echo $data['nim']; ?>" onclick="return confirm('Anda yakin ingin

menghapus Anggota <?php echo $data['nama']; ?> ?')"><img

src="../images/delete.png"/ width="15px" height="15px"></a></td>

</tr>

<?php $no++; } ?>

</tbody>

</table>

</div>

<div id="menu_bottom">

<table width="100%" style="border:0px solid #9cc;">

<tr>

<td width="50%">Jumlah : <?php echo $total; ?> Anggota</td>

</tr>

</table>

</div>

54
 </div>

</div>

3. Kode Program Menu Anggota

<?php

include 'config.php';

?>

<!-- menu tengah -->

<div id="menu-tengah">

<div id="bg_menu">Categori

</div>

<div id="content_menu">

<div id="menu_header">

<form action="?page=alat_search" method="post">

<table width="100%" height="100%" style="border:1px solid

#9cc;">

<tr>

<td width="50%"><a href="?page=categori_input">Input

categori</a> <a href="?page=alat">Kembali</td>

<td width="50%" align="right"><input type="text"

name="cari" size="30" placeholder="categori"></td>

55
 <td><input type="submit" id="submit" value="cari"></td>

</tr>

</table>

</form>

</div>

<div class="zebra-table">

<table width="100%" height="100%" align="center"

cellspacing="0" cellpadding="5">

<thead align="center">

<tr>

<th align="center" width="5%" >No</th>

<th width="30%">Categori</th>

<th width="8%">Hapus</th>

</tr>

</thead>

<?php

$query = "SELECT * FROM categori ORDER

by categori ASC";

$sql = mysql_query($query);

$total = mysql_num_rows($sql);

$no = 1;

56
 while ($data=mysql_fetch_array($sql)) {

?>

<tbody>

<tr>

<td align="center"><?php echo $no; ?></td>

<td align="center"><?php echo $data['categori']; ?></td>

<td align="center"><a

href="?page=categori_hapus&categori=<?php echo $data['categori']; ?>"

onclick="return confirm('Anda yakin ingin menghapus categori <?php

echo $data['categori']; ?> ?')"><img src="../images/delete.png"/

width="15px" height="15px"></a></td>

</tr>

<?php $no++; } ?>

</tbody>

</table>

</div>

<div id="menu_bottom">

<table width="100%" style="border:0px solid #9cc;">

<tr>

<td width="50%">Jumlah : <?php echo $total; ?> categori</td>

57
 </tr>

</table>

</div>

</div>

</div>

4. Kode Program Menu Peminjaman

<?php

include 'config.php';

include 'transaksi_fungsi.php';p

?>

<!-- menu tengah -->

<div id="menu-tengah">

<div id="bg_menu">Data Transaksi

</div>

<div id="content_menu">

<div id="menu_header">

<form action="?page=transaksi_search" method="post">

<table width="100%" height="100%" style="border:1px solid

#9cc;">

<tr>

58
 <td width="50%"><a href="?page=transaksi_input">Input

Transaksi</a></td>

<td width="50%" align="right"><input type="text"

name="cari" size="30" placeholder="Nama Peminjam"></td>

<td><input type="submit" id="submit" value="cari"></td>

</tr>

</table>

</form>

</div>

<div class="zebra-table">

<table width="100%" height="100%" align="center"

cellspacing="0" cellpadding="5">

<thead align="center">

<tr>

<th width="10%">Id Peminjaman</th>

<th width="25%">NIM</th>

<th width="25%">Nama Mahasiswa</th>

<th width="25%">Status</th>

<th width="25%">Aksi</th

</tr>

</thead>

59
 <?php

$query = "SELECT * FROM t_peminjaman

where status = 'Pinjam' ORDER by id_peminjaman";

$sql = mysql_query($query);

$total = mysql_num_rows($sql);

while ($data=mysql_fetch_array($sql)) {

?>

<tbody>

<tr>

<td align="center"><?php echo $data['id_peminjaman']; ?></td>

<td align="center"><a

href="?page=transaksi_detail&nim_mhs=<?php echo $data['nim_mhs'];

?>&id_peminjaman=<?php echo $data['id_peminjaman']; ?>"

class="detil"><?php echo $data['nim_mhs']; ?></a></td>

<td align="center"><?php echo $data['nama_mhs']; ?></td>

<td align="center"><?php echo

$data['status']; ?></td>

<td align="center"><a href="print-

bukti.php?id_peminjaman=<?php echo

$data['id_peminjaman'];?>">Print</a></td>

60
 </tr>

<?php } ?>

</tbody>

</table>

</div>

<div id="menu_bottom">

<table width="100%" style="border:0px solid #9cc;">

<tr>

<td width="50%">Jumlah : <?php echo $total; ?>

Transaksi</td>

</tr>

</table>

</div>

</div>

</div>

5. Kode Program Menu Service

<?php

include 'config.php';p

?>

<!-- menu tengah -->

61
 <div id="menu-tengah">

<div id="bg_menu">Data Service

</div>

<div id="content_menu">

<div id="menu_header">

<form action="?page=transaksi_service_search"

method="post">

<table width="100%" height="100%" style="border:1px solid

#9cc;">

<tr>

<td width="50%"><a

href="?page=transaksi_service_input">Input Service</a></td>

<td width="50%" align="right"><input type="text"

name="cari" size="30" placeholder="Nama Alat"></td>

<td><input type="submit" id="submit" value="cari"></td>

</tr>

</table>

</form>

</div>

<div class="zebra-table">

62
 <table width="100%" height="100%" align="center"

cellspacing="0" cellpadding="5">

<thead align="center">

<tr>

<th align="center" width="5%" >No</th>

<th width="25%">Nama Alat</th>

<th width="15%">Tgl Service</th>

<th width="10%">Tempat Service</th>

<th width="25%">keterangan</th>

<th width="10%">Kembali</th>

</tr>

</thead>

<?php

$query = "SELECT * FROM t_service WHERE

status='service' ORDER by id_service";

$sql = mysql_query($query);

$total = mysql_num_rows($sql);

$no = 1;

while ($data=mysql_fetch_array($sql)) {

?>

63
 <tbody>

<tr>

<td align="center"><?php echo $no; ?></td>

<td><?php echo $data['nama_alat']; ?></a></td>

<td align="center"><?php echo $data['tanggal_service'];

?></td>

<td><?php echo $data['tempat_service']; ?></td>

<td><?php echo $data['keterangan']; ?></a></td>

<td align="center"><a

href="?page=transaksi_service_proses_kembali&id=<?php echo

$data['id_service']; ?>&nama_alat=<?php echo $data['nama_alat'];

?>">kembali</a></td>

</tr>

<?php $no++; } ?>

</tbody>

</table>

</div>

<div id="menu_bottom">

<table width="100%" style="border:0px solid #9cc;">

<tr>

64
 <td width="50%">Jumlah : <?php echo $total; ?>

Transaksi</td>

</tr>

</table>

</div>

</div>

</div>

6. Kode Program Menu Laporan

<style type="text/css">

.lap {

text-decoration:none;

.table_input a:hover {

color:#0FF;

</style>

<?php include 'config.php'; ?>

<!-- menu tengah -->

<div id="menu-tengah">

<div id="bg_menu">Laporan

65
 </div>

<div id="content_menu">

<div id="menu_header">

<table width="100%" height="100%" style="background-

color:#9cc;">

<tr>

<td align="center">Semua Laporan</td>

</tr>

</table>

</div>

<div class="table_home">

<table width="100%" height="100%" align="center"

cellpadding="1" border="0">

<tbody>

<tr>

<td class="img_home" align="center"><a

href="?page=laporan_alat"><img src="../images/lap.per.jpg" width="100"

height="100"></a><br />

<center>Laporan Alat</center></td>

<td class="img_home" align="center"><a

href="?page=laporan_anggota"><img src="../images/lap.ang.jpg"

66
 width="100" height="100"></a><br /><center>Laporan

Anggota</center></td>

<td class="img_home" align="center"><a

href="?page=laporan_transaksi"><img src="../images/lap-buku.jpg"

width="100" height="100"></a></a><br /><center>Laporan

Transaksi</center></td>

<td class="img_home" align="center"><a

href="?page=laporan_service"><img src="../images/lap1.jpg"

width="100" height="100"></a><br /><center>Laporan

Service</center></td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

7. Kode Program Logout

<?php

session_start();

echo "<script>alert('Anda berhasil Logout');</script>";

67
echo "<meta http-equiv='refresh' content='0; url=index.php'>";

session_destroy();

?>

68