APLIKASI PEMINJAMAN ALAT BERBASIS WEB DI SMA NEGERI 1 LUBUK PAKAM
LOGISTIK
WEB-BASED APPLICATION OF LOGISTICS BORROWING AT SMA NEGERI 1 LUBUKPAKAM
PROYEK AKHIR
Priscilla Ermita Silaban 6301131112
PROGRAM STUDI D3 MANAJEMEN INFORMATIKA FAKULTAS ILMU TERAPAN UNIVERSITAS TELKOM BANDUNG, 2016
Dipersembahakan untuk kedua orang tua saya Ondo Silaban dan Duma Romauli Sihotang, Abang saya Michael Erickson Silaban, adik saya Yohana Margareta Silaban dan Rachel Veronisa Silaban, keluarga besar Silaban dan keluarga besar Sihotang, Dan teman – teman saya sekalian. Terimakasih atas doa dan dukungannya.
LEMBAR PENGESAHAN PROYEK AKHIR
APLIKASI PEMINJAMAN ALAT LOGISTIK BERBASIS WEB DI SMA NEGERI 1 LUBUK PAKAM
Penulis Priscilla Ermita Silaban NIM 6301131112
Pembimbing I DAHLIAR ANANDA, S.T., M.T. NIP 09820545-1
Pembimbing II AHMAD SURYAN, S.T., M.T. NIP. 14670129-6
Ketua Program Studi Wardani Muhamad, S.T., M.T. NIP. 07810382-1
Tanggal Pengesahan: 16 Juni 2016
PERNYATAAN Dengan ini saya menyatakan bahwa: 1.
Proyek Akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar akademik (Ahli Madya, Sarjana, Magister dan Doktor), baik di Fakultas Ilmu Terapan Universitas Telkom maupun di perpegawaian tinggi lainnya;
2.
karya tulis ini murni gagasan, rumusan, dan penelitian saya sendiri, tanpa bantuan pihak lain, kecuali arahan tim pembimbing atau tim promotor atau penguji;
3.
dalam karya tulis ini tidak terdapat cuplikan karya atau pendapat yang telah ditulis atau dipublikasikan orang lain, kecuali secara tertulis dengan jelas dicantumkan sebagai acuan dalam naskah dengan menyebutkan nama pengarang dan dicantumkan dalam daftar pustaka;
4.
saya mengijinkan karya tulis ini dipublikasikan oleh Fakultas Ilmu Terapan Universitas Telkom, dengan tetap mencantumkan saya sebagai penulis; dan
Pernyataan ini saya buat dengan sesungguhnya dan apabila pada kemudian hari terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini maka saya bersedia menerima sanksi akademik berupa pencabutan gelar yang telah diperoleh karena karya tulis ini, serta sanksi lainnya sesuai norma yang berlaku di Fakultas Ilmu Terapan Universitas Telkom.
Bandung, 16 Juni 2016 Pembuat pernyataan,
Priscilla Ermita Silaban
KATA PENGANTAR Puji Syukur Kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmat serta karunia-Nya sehingga penulis dapat menyelesaikan proyek akhir dengan judul “Aplikasi Peminjaman Alat Logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam”. Aplikasi ini dibuat untuk membantu peminjaman alat logistik di SMA Negeri 1 Lubuk Pakam dalam mengelola data peminjam yaitu siswa dan pegawai, data alat, dan data peminjaman alat. Proyek akhir ini dikerjakan untuk memenuhi salah satu persyaratan guna memperoleh gelar ahli madya di jurusan Manajemen Informatika Fakultas Ilmu Terapan Universitas Telkom. Pada kesempatan ini, penulis mengucapkan terima kasih kepada : 1. Bapak, Mama, Abang, Adik tercinta dan tersayang yang selalu memberikan dukungan dan do’a yang tiada henti sampai proyek akhir ini selesai. 2. Bapak Dahliar Ananda, S.T., M.T. selaku pembimbing I dan Bapak Patrick Ahmad Suryan, S.T., M.T. selaku pembimbing II yang telah meluangkan waktunya dan memberikan pengarahan, petunjuk dalam menyelesaikan proyek akhir. 3. Teman-teman seangkatan dan seperjuangan yang selalu memberikan dukungan yang positif. Penulis mengharapkan kritik dan saran yang membangun karena masih terdapat kekurangan pada proyek akhir yang disebabkan keterbatasan kemampuan yang dimiliki oleh penulis. Semoga buku proyek akhir ini dapat bermanfaat bagi penulis dan pembaca. Bandung, 15 Juni 2016
Penulis
i
ABSTRAK SMA Negeri 1 Lubuk Pakam adalah sebuah sekolah negeri di Lubuk Pakam yang terletak di Kota Medan Sumatera Utara, tepatnya di Jalan Dr.Wahidin Lubuk Pakam. Dalam rangka memudahkan peminjam untuk meminjam alat-alat sekolah guna menunjang kegiatan belajar mengajar, maka SMA Negeri 1 Lubuk Pakam membuat sistem peminjaman alat logistik. Dalam proses peminjaman alat logistik terdapat beberapa masalah pada sistem pencatatan kertas yang digunakan oleh kantor peminjaman. Untuk itu diperlukan sebuah aplikasi peminjaman alat logistik berbasis web yang dapat memfasilitasi masalah yang ada. Aplikasi ini dibuat dengan metode waterfall dengan menggunakan bahasa pemograman PHP,dan menggunakan MySQL sebagai database server. Pengguna dari aplikasi ini adalah admin, siswa, pegawai, dan kepala sekolah.
Kata Kunci: SMA Negeri 1 Lubuk Pakam, Aplikasi, Web, Peminjaman Alat Logistik.
ii
ABSTRACT SMA Negeri 1 Lubukpakam is a public school in Lubukpakam located in the city of Medan, North Sumatera, precisely at Dr.Wahidin Lubukpakam street. In order to facilitate the students and teachers to borrowing of logistics to support teaching and learning activities, SMAN 1 Lubukpakam create logistical tool borrowing system. In the process of borrowing the tools of logistics there are some problems on paper recording system used by the office. Because of that the office need a web-based application of logistics borrowing that can facilitate all the problem. This application built with waterfall method used PHP programming, used mysql as database server as well. The user of this application are admin, student, teacher, and head master. Keywords: SMA Negeri 1 Lubuk Pakam, Applications, Web, Borrowing of logistics.
iii
DAFTAR ISI
KATA PENGANTAR ...................................................................................................................... i ABSTRAK .................................................................................................................................... ii ABSTRACT ................................................................................................................................. iii DAFTAR ISI ................................................................................................................................ iv DAFTAR GAMBAR .................................................................................................................... vii DAFTAR TABEL .......................................................................................................................... ix DAFTAR LAMPIRAN.................................................................................................................... x BAB 1 PENDAHULUAN .............................................................................................................. 1 1.1
Latar Belakang ................................................................................................................. 1
1.2
Rumusan Masalah............................................................................................................ 2
1.3
Tujuan .............................................................................................................................. 2
1.4
Batasan Masalah .............................................................................................................. 3
1.5
Definisi Operasional ......................................................................................................... 3
1.6
Metode Pengerjaan ......................................................................................................... 4
1.7
Jadwal Pengerjaan ........................................................................................................... 5
BAB 2 TINJAUAN PUSTAKA ....................................................................................................... 6 2.1
SMA Negeri 1 Lubuk Pakam ............................................................................................. 6
2.2
Logistik ............................................................................................................................. 6
2.3
Aplikasi ............................................................................................................................. 7
2.1
PHP (Hypertext Preprocessor).......................................................................................... 8
2.2
MySQL .............................................................................................................................. 9
2.3
Database ........................................................................................................................ 10
2.4
CodeIgniter..................................................................................................................... 11
2.5
Flowmap ........................................................................................................................ 11
2.6
Use Case ......................................................................................................................... 12
2.7
Entity Relationship Diagram (ERD) ................................................................................ 14
BAB 3 ANALISIS DAN PERANCANGAN..................................................................................... 16 3.1
Gambaran Sistem Saat Ini .............................................................................................. 16
iv
3.2
3.1.1
Proses Bisnis Peminjaman Alat Logistik Berjalan ....................................... 16
3.1.2
Proses Bisnis Perpanjangan Alat Logistik Berjalan ..................................... 17
3.1.3
Proses Bisnis Pengembalian Alat Logistik Berjalan .................................... 18
Gambaran Sistem Yang Diusulkan ................................................................................. 18 3.2.1
Proses Bisnis Pendaftaran Peminjam ......................................................... 18
3.2.2
Proses Bisnis Peminjaman Alat logistik Usulan .......................................... 19
3.2.3
Proses Bisnis Perpanjangan Alat Usulan .................................................... 21
3.2.4
Proses Bisnis Pengembalian Alat Logistik................................................... 21
3.2.5
Proses Bisnis Peminjaman Alat Tanpa Datang Kekantor (Melalui Web) ... 22
3.2.6 Proses Bisnis Perpanjangan Peminjaman Alat Tanpa Datang Ke kantor (Melalui Web)............................................................................................................... 24 3.3
3.4
3.5
Analisis Kebutuhan Sistem ............................................................................................. 25 3.3.1
Diagram Use Case....................................................................................... 25
3.3.2
Definisi Aktor .............................................................................................. 25
3.3.3
Definisi Use case......................................................................................... 26
3.3.4
Skenario Use Case ...................................................................................... 29
3.3.5
Activity Diagram ......................................................................................... 43
3.3.6
Sequence Diagram ..................................................................................... 50
Perancangan Basis Data ................................................................................................. 59 3.4.1
Entity Relationship Diagram (ERD)............................................................. 59
3.4.2
Relasi Antar Tabel....................................................................................... 60
3.4.3
Struktur Tabel............................................................................................. 60
Kebutuhan Perangkat Keras dan Perangkat Lunak........................................................ 64 3.5.1
Pengembangan Aplikasi ............................................................................. 64
BAB 4 IMPLEMENTASI DAN PENGUJIAN................................................................................. 66 4.1
4.2
Implementasi ................................................................................................................. 66 4.1.1
Install XAMPP ............................................................................................. 66
4.1.2
Instalasi Program ........................................................................................ 67
4.1.3
Implementasi Basis Data ............................................................................ 67
4.1.4
Pengguna Aplikasi Web (Administrator atau Pengelola) ........................... 70
Pengujian ....................................................................................................................... 83 4.2.1
Pengujian Aplikasi ...................................................................................... 83
v
BAB 5 PENUTUP ...................................................................................................................... 97 5.1
Kesimpulan .................................................................................................................... 97
5.2
Saran .............................................................................................................................. 97
DAFTAR PUSTAKA .................................................................................................................... 98 LAMPIRAN................................................................................................................................ 99
vi
DAFTAR GAMBAR Gambar 1- 1 Metode waterfall ............................................................................................................... 4 Gambar 3- 1 Flowmap Proses Bisnis Peminjaman Alat Logistik Berjalan ............................................. 16 Gambar 3- 2 Flowmap Proses Bisnis Perpanjangan Alat logistik Berjalan ............................................ 17 Gambar 3- 3 Flowmap Proses Bisnis Pengembalian Alat logistik Berjalan .......................................... 18 Gambar 3- 4 Flowmap Proses Bisnis Pendaftaran Peminjam Usulan ................................................... 19 Gambar 3- 5 Flowmap Proses Bisnis Peminjaman Alat logistik Usulan ............................................... 20 Gambar 3- 6 Flowmap Proses Bisnis Perpanjangan Alat logistik Usulan .............................................. 21 Gambar 3- 7 Flowmap Proses Bisnis Pengembalian Alat logistik Usulan ............................................. 22 Gambar 3- 8 Flowmap Proses Bisnis Peminjaman Alat Tanpa Datang Kekantor ................................. 23 Gambar 3- 9 Flowmap Proses Bisnis Perpanjangan Alat logistik Tanpa Datang Ke kantor ................. 24 Gambar 3- 10 Use Case Diagram Kegiatan oleh Admin, Peminjam, dan Kepala Sekolah.................... 25 Gambar 3- 11 Activity Diagram Admin Kelola Data Pengguna ............................................................. 43 Gambar 3- 12 Activity Diagram Admin Kelola Data Peminjam............................................................ 44 Gambar 3- 13 Activity Diagram Admin Kelola Data Alat...................................................................... 45 Gambar 3- 14 Activity Diagram Admin Kelola Data Peminjaman......................................................... 46 Gambar 3- 15 Activity Diagram Kepala Sekolah Lihat Laporan Alat logistik........................................ 47 Gambar 3- 16 Activity Diagram Kepala sekolah Kelola Laporan Peminjaman ..................................... 48 Gambar 3- 17 Activity Diagram Peminjaman melalui Web .................................................................. 49 Gambar 3- 18 Sequence Diagram Login Admin .................................................................................... 50 Gambar 3- 19 Sequence Diagram Login Kepala sekolah ...................................................................... 50 Gambar 3- 20 Sequence Diagram Login Peminjam .............................................................................. 51 Gambar 3- 21 Sequence Diagram Tampil Data Pengguna .................................................................... 51 Gambar 3- 22 Sequence Diagram Tambah Pengguna .......................................................................... 52 Gambar 3- 23 Sequence Diagram Edit Pengguna ................................................................................. 52 Gambar 3- 24 Sequence Diagram Tampil Data Alat logistik ................................................................. 53 Gambar 3- 25 Sequence Diagram Tambah Alat logistik ....................................................................... 53 Gambar 3- 26 Sequence Diagram Edit Alat logistik .............................................................................. 54 Gambar 3- 27 Sequence Diagram Tampil Data Peminjam .................................................................... 54 Gambar 3- 28 Sequence Diagram Tambah Peminjam .......................................................................... 55 Gambar 3- 29 Sequence Diagram Edit Peminjam ................................................................................. 55 Gambar 3- 30 Sequence Diagram Tampil Data Peminjaman................................................................ 56 Gambar 3- 31 Sequence Diagram Tambah Peminjaman ...................................................................... 56 Gambar 3- 32 Sequence Diagram Lihat Laporan Alat Logistik .............................................................. 57 Gambar 3- 33 Sequence Diagram Lihat Laporan Peminjaman ............................................................. 57 Gambar 3- 34 Sequence Diagram Tambah Peminjaman Secara Langsung (Melalui Web) .................. 58 Gambar 3- 35 Perancangan ERD yang diusulkan .................................................................................. 59 Gambar 3- 36 Tabel Relasi .................................................................................................................... 60
vii
Gambar 4 - 1 Gambar Aplikasi XAMPP ................................................................................................. 66 Gambar 4 - 2 Database smansa ............................................................................................................ 67 Gambar 4 - 3 Implementasi Tabel Level............................................................................................... 68 Gambar 4 - 4 Implementasi Tabel User ............................................................................................... 68 Gambar 4 - 5 Implementasi Tabel Siswa ............................................................................................... 68 Gambar 4 - 6 Implementasi Tabel Pegawai .......................................................................................... 69 Gambar 4 - 7 Implementasi Tabel Peminjaman ................................................................................... 69 Gambar 4 - 8 Implementasi Tabel Barang ............................................................................................ 69 Gambar 4 - 9 Implementasi Tabel Peminjaman_Barang ...................................................................... 70 Gambar 4 - 10 Tampilan Antar Muka Login .......................................................................................... 70 Gambar 4 - 11 Tampilan Menu Home Admin ....................................................................................... 71 Gambar 4 - 12 Tampilan Antar Muka Menu Alat .................................................................................. 71 Gambar 4 - 13 Tampilan Antar Muka Menu Tambah Alat .................................................................... 72 Gambar 4 - 14 Tampilan Antar Muka Edit Data Alat............................................................................. 72 Gambar 4 - 15 Tampilan Menu Tambah Stok Barang ........................................................................... 73 Gambar 4 - 16 Tampilan Antar Muka Menu Data Siswa....................................................................... 73 Gambar 4 - 17 Tampilan Antar Muka Menu Tambah Siswa ................................................................. 74 Gambar 4 - 18 Tampilan Antar Muka Edit Data Siswa .......................................................................... 74 Gambar 4 - 19 Tampilan Antar Muka Menu Data Pegawai .................................................................. 75 Gambar 4 - 20 Tampilan Antar Muka Menu Tambah Pegawai ............................................................. 75 Gambar 4 - 21 Tampilan Antar Muka Edit Data Pegawai ..................................................................... 76 Gambar 4 - 22 Tampilan Antar Muka Menu Data Pengguna ................................................................ 76 Gambar 4 - 23 Tampilan Antar Muka Menu Tambah Pengguna .......................................................... 77 Gambar 4 - 24 Tampilan Antar Muka Edit Data Pengguna ................................................................... 77 Gambar 4 - 25 Tampilan Antar Muka Menu Data Peminjaman ........................................................... 78 Gambar 4 - 26 Tampilan Antar Muka Menu Tambah Peminjaman ...................................................... 78 Gambar 4 - 27 Tampilan Antar Muka Tambah Data Barang Peminjaman............................................ 79 Gambar 4 - 28 Tampilan Antar Muka Menu Data Barang Peminjaman ............................................... 79 Gambar 4 - 29 Tampilan Antar Muka Menu Detail Peminjaman ......................................................... 80 Gambar 4 - 30 Tampilan Antar Muka Lihat Laporan Peminjaman ....................................................... 80 Gambar 4 - 31 Tampilan Antar Muka Lihat Laporan Peminjaman ....................................................... 81 Gambar 4 - 32 Tampilan Antar Muka Menu Home Peminjam ............................................................. 81 Gambar 4 - 33 Tampilan Antar Muka Menu Data Peminjaman (Siswa atau Pegawai) ........................ 82 Gambar 4 - 34 Tampilan Antar Muka Ubah Profil ................................................................................ 83
viii
DAFTAR TABEL Tabel 1- 1 Jadwal Pengerjaan Proyek Akhir ............................................................................................ 5 Tabel 2- 1 Simbol pada Flowmap .......................................................................................................... 11 Tabel 2- 2 Simbol pada Use case .......................................................................................................... 13 Tabel 2- 3 Simbol ERD .......................................................................................................................... 14 Tabel 3- 1 Definisi Aktor ........................................................................................................................ 26 Tabel 3- 2 Definisi Use Case .................................................................................................................. 26 Tabel 3- 3 Login ..................................................................................................................................... 29 Tabel 3- 4 Menambah Data Pengguna.................................................................................................. 30 Tabel 3- 5 Mengubah Data Pengguna ................................................................................................... 31 Tabel 3- 6 Mengubah Status Pengguna ................................................................................................ 32 Tabel 3- 7 Menambah Data Peminjam ................................................................................................. 33 Tabel 3- 8 Mengubah Status Peminjam ............................................................................................... 34 Tabel 3- 9 Mengubah Data Peminjam .................................................................................................. 35 Tabel 3- 10 Menambah Data Alat logistik ............................................................................................ 36 Tabel 3- 11 Mengubah Data Alat logistik .............................................................................................. 37 Tabel 3- 12 Kelola Peminjaman Alat logistik ........................................................................................ 38 Tabel 3- 13 Konfirmasi .......................................................................................................................... 39 Tabel 3- 14 Perbaharui Data Peminjaman ............................................................................................ 40 Tabel 3- 15 Meminjam Alat logistik ...................................................................................................... 40 Tabel 3- 16 Memperpanjang Peminjaman Alat logistik ....................................................................... 41 Tabel 3- 17 Lihat Laporan...................................................................................................................... 42 Tabel 3- 18 Tabel Level Pada Basis Data ............................................................................................... 61 Tabel 3- 19 Tabel User Pada Basis Data ................................................................................................ 61 Tabel 3- 20 Tabel Siswa Pada Basis Data .............................................................................................. 62 Tabel 3- 21 Tabel Pegawai Pada Basis Data .......................................................................................... 62 Tabel 3- 22 Tabel Peminjaman Pada Basis Data ................................................................................... 63 Tabel 3- 23 Tabel Peminatan Pada Basis Data ..................................................................................... 63 Tabel 3- 24 Tabel Kelas Pada Basis Data .............................................................................................. 64 Tabel 3- 25 Spesifikasi Pengembangan Aplikasi Perangkat Keras ........................................................ 64 Tabel 3- 26 Spesifikasi Pengembangan Aplikasi Perangkat Lunak ........................................................ 65
ix
DAFTAR LAMPIRAN Lampiran 1 Hasil Wawancara................................................................................................................ 99 Lampiran 2 Hasil Survey ...................................................................................................................... 100 Lampiran 3 Hasil Survey ...................................................................................................................... 101 Lampiran 4 Hasil Survey ...................................................................................................................... 102
BAB 1 PENDAHULUAN 1.1 Latar Belakang Logistik merupakan fasilitas pendukung dalam sebuah sekolah tepatnya di SMA Negeri 1 Lubuk Pakam. Manfaat yang dapat diambil dari fasilitas ini adalah peminjam dapat meminjam alat logistik berupa alat musik seperti gitar, alat olahraga seperti bola kaki, bola basket, bola voli, dan catur. Selain itu, peminjam juga dapat meminjam proyektor digitar, speaker, ruang kelas, dan aula. Peminjaman alat logistik SMA Negeri 1 Lubuk Pakam ini dapat memberikan fasilitas kepada civitas sekolah yang hendak meminjam, mengembalikan , dan perpanjangan masa peminjaman alat logistik. Namun terdapat beberapa masalah pada sistem pencatatan yang digunakan oleh kantor peminjaman alat logistik SMA Negeri 1 Lubuk Pakam yaitu dalam mengelola data peminjam, data alat logistik, dan data peminjaman yang masih berupa kertas yang dapat mengakibatkan besarnya resiko kehilangan data. Selain itu dalam proses perpanjangan peminjaman, peminjam juga diwajibkan untuk datang ke kantor peminjaman logistik yang dirasa kurang efektif untuk peminjam. Kendala lain adalah pada pengelolaan laporan alat dan laporan peminjaman yang selama ini tidak dilakukan secara rutin dalam setiap periodenya. Untuk menangani
kendala tersebut, diperlukannya pembuatan Aplikasi
Peminjaman Alat Logistik Berbasis Web. Fasilitas yang disediakan oleh aplikasi ini adalah pengolahan data peminjam, pengolahan data alat logistik, pengolahan data peminjaman alat logistik, perpanjang peminjaman alat logistik, pengembalian alat logistik, laporan data alat logistik dan laporan data peminjaman pada setiap periode nya. Selain itu peminjam juga dapat meminjam dan memperpanjang secara langsung melalui web tanpa datang ke kantor peminjaman logistik.
1
Berdasarkan hasil survey yang telah dilakukan dan kebutuhan akan pentingnya peran teknologi berbasis web yang telah dijelaskan di atas, maka dapat dijadikan dasar untuk mengambil judul “APLIKASI PEMINJAMAN ALAT LOGISTIK BERBASIS WEB DI SMA NEGERI 1 LUBUK PAKAM”.
1.2 Rumusan Masalah Berdasarkan latar belakang masalah di atas, maka rumusan masalah pada pembuatan proyek akhir sebagai berikut. 1. Bagaimana mengelola data peminjam yaitu siswa dan pegawai, data alat logistik, dan data peminjaman alat logistik di SMA Negeri 1 Lubuk Pakam? 2. Bagaimana memfasilitasi proses
peminjaman, pengembalian, dan
perpanjangan untuk peminjam yang meminjam alat logisik di SMA Negeri 1 Lubuk Pakam? 3. Bagaimana mengetahui
laporan data alat logistik dan laporan data
peminjaman alat logistik setiap periodenya?
1.3 Tujuan Adapun beberapa tujuan dari pembuatan proyek akhir ini sebagai berikut. 1. Membangun aplikasi berbasis web yang dapat mengelola data peminjam yaitu siswa dan pegawai, data alat logistik, dan data peminjaman alat logistik di SMA Negeri 1 Lubuk Pakam. 2. Membangun
aplikasi berbasis web yang dapat memfasilitasi proses
peminjaman, pengembalian, dan perpanjangan untuk peminjam yang meminjam alat logisik di SMA Negeri 1 Lubuk Pakam. 3. Membangun aplikasi berbasis web untuk mengetahui laporan data alat logistik dan laporan data peminjaman alat logistik setiap periodenya.
2
1.4 Batasan Masalah Adapun beberapa hal yang dapat membatasi pembuatan aplikasi dalam menyelesaikan proyek akhir ini adalah sebagai berikut. 1. Aplikasi ini tidak membahas mengenai denda bagi peminjam yang tidak mengembalikan alat logistik atau peminjam yang mengembalikan alat logistik secara rusak. 2. Tidak melakukan sampai ke tahap pemeliharaan (maintenance) pada aplikasi yang dibuat.
1.5 Definisi Operasional Aplikasi peminjaman alat logistik berbasis web di SMA Negeri 1 Lubuk Pakam merupakan suatu aplikasi yang menyediakan layanan dan informasi mengenai peminjaman alat logistik SMA Negeri 1 Lubuk Pakam. Aplikasi berbasis web menggunakan PHP (HyperText Preprocessor) yang artinya suatu bahasa pemrograman yang dapat digunakan untuk membuat halaman web dinamis dengan menggunakan menggunakan MySQL sebagai database server. Aplikasi berbasis web digunakan admin untuk mengelola data peminjam, data alat logistik, data peminjaman alat logistik, dan data pengembalian alat logistik. Siswa dan pegawai dapat melakukan peminjaman, pengembalian, dan perpanjangan melalui aplikasi berbasis web. Kepala sekolah dapat mengetahui laporan data alat logistik dan laporan data peminjaman per periode melalui aplikasi berbasis web.
3
1.6 Metode Pengerjaan Metode Pengerjaan untuk membangun aplikasi peminjaman alat logistik berbais web di SMA Negeri 1 Lubuk Pakam yaitu dengan menggunakan metode waterfall model. Waterfall model merupakan model pembangunan perangkat lunak yang dibuat secara terstruktur atau berurutan, dimana sebuah tahap harus diselesaikan terlebih dahulu sebelum ke tahap berikutnya [3]
Analisis
Desain
Pengodean
Pengujian
Pemeliharaan
Gambar 1- 1 Metode waterfall
1. Analisis kebutuhan perangkat lunak Pada proses ini, penulis melakukan survey dan pengumpulan kebutuhan dilakukan secara intensif untuk mempesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Pada proses ini penulis melakukan wawancara pada petugas peminjaman alat logistik di SMA Negeri 1 Lubuk Pakam dan mengumpulkan beberapa data yang akan digunakan sebagai bahan acuan dalam proses selanjutnya. 2. Desain Pada tahap ini penulis mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan. 3. Pembuatan kode program Pada tahap ini desain yang telah dibuat ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain.
4
4. Pengujian Setelah proses coding selesai, maka pada tahap selanjutnya penulis melakukan proses pengujian. Pada peoses pengujian penulis lebih memilih menggunkan sistem black box testing dimana berfokus pada output yang dihasilkan. Hal ini dilakukan untuk memiNISalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. 5. Pemeliharaan (maintenance) Tahap
pendukung
atau
pemeliharaan
dapat
mengurangi
proses
pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru. Penulis tidak sampai melakukan sampai ke tahap pemeliharaan pada pembuatan aplikasi.
1.7 Jadwal Pengerjaan Jadwal pengerjaan proyek akhir adalah pada Tabel 1-1 berikut. Tabel 1- 1 Jadwal Pengerjaan Proyek Akhir
Bulan Rincian Pengerjaan
Des
Jan
Feb
Maret
April
Mei
Juni
2015
2015
2015
2016
2016
2016
2016
Analisis Kebutuhan Desain Seminar Pembuatan Kode program Pengujian Sidang Dokumentasi
5
BAB 2 TINJAUAN PUSTAKA 2.1 SMA Negeri 1 Lubuk Pakam SMA Negeri 1 Lubuk Pakam adalah salah satu sekolah negeri akreditasi “A” yang beralamatkan di Jalan Dr. Wahidin No 1, Kecamatan Lubuk Pakam, Kabupaten Deli Serdang, Provinsi Sumatera Utara. Sekolah ini mempunyai luas tanah 6.292 m2 dengan luas bangunan lantai bawah adalah 2.574 m2. Jumlah ruang belajar terdapat 26 lokal kelas. SMA Negeri 1 Lubuk Pakam memulai waktu belajarnya pada pukul
07.30-13.15
dan
mempunyai
kegiatan
pengembangan
diri
atau
ekstrakurikuler di luar jam belajar, diantaranya adalah futsal, vokal group, seni drama dan puisi, basket, konversi alam, pembelajaran Al-Qur’an. Voli, paskas, penelahaan Alkitab, pramuka, seni tari, klub sains, PMR, dan paduan suara. Selain kegiatan pengembangan diri, SMA Negeri 1 Lubuk Pakam juga mempunyai jenis muatan lokal seperti budidaya tanaman dan ketrampilan elektronika [1].
2.2 Logistik Pengertian Logistik Menurut Para Ahli Logistik berasal dari bahasa Yunani kuno yaitu “Logistikos” yang berarti terdidik atau pandai dalam meperkirakan atau berhitung. Berikut adalah pengertian logistik menurut para ahli.
1. Pengertian logistik menurut Donald J. Bowersok, logistik didefinisikan sebagai proses pengelolaan yang srategis terhadap pemindahan dan peyimpanan barang, suku cadang dan barang jadi dari supplier kepada para langganan. 2. Menurut Council of Logistic Management, logistik didefinisikan sebagai proses perencanaan, implementasi, dan pengendalian efisiensi, aliran biaya yang efektif dan penyimpanan bahan mentah, bahan setengah jadi, barang jadi dan informasi-
6
informasi yang berhubungan dari asal titik konsumsi dengan tujuan memenuhi kebutuhan konsumen. 3. Menurut Yolanda M. Siagian logistik didefinisikan sebagai bagian dari proses rantai suplai (supply chain) yang berfungsi merencanakan, melaksanakan, mengontrol secara efektif, efisien proses pengadaan, pengelolaan, penyimpanan barang, pelayanan dan informasi mulai dari titik awal (point of origin) hingga titik konsumsi (point of consumption) dengan tujuan memenuhi kebutuhan konsumen. 4. Menurut Sondang P Siagian, logistik didefinisikan sebagai keseluruhan bahan, barang, alat dan sarana yang diperlukan dan dipergunakan oleh suatu organisasi dalam rangka pencapaian tujuan dan berbagai sasarannya. 5. Menurut Christopher, logistik didefinisikan sebagai suatu proses yang strategis dalam pengelolaan mulai dari pengadaan barang, perpindahan barang hingga penyimpanan barang, bahan baku dan produk jadi (yang di dalamnya terkait pula aliran informasi) pada perusahaan dan koneksi pemasaran untuk kepentingan mendapatkan keuntungan secara maksimal dengan biaya yang efisien dan dalam rangka pemenuhan kebutuhan konsumen. 6. Menurut Lukas Dwiantara dan Rumsari H.S, logistik didefinisikan sebagai segala sesuatu atau benda yang berwujud dan dapat diperlakukan secara fisik (tangible), baik yang digunakan untuk menyelenggarakan kegiatan pokok maupun kegiatan penunjang (administrasi).
Berdasarkan definisi-definisi diatas, dapat disimpulkan bahwa logistik adalah perencanaan, pelaksanaan, pengendalian faktor produksi secara efektif dan efisien dalam rangka memperoleh barang atau jasa sejak dari titik permulaan ke titik konsumsi sesuai dengan harapan pelanggan [2].
2.3 Aplikasi Aplikasi adalah suatu kumpulan program yang dapat membantu pekerjaan pengguna atau aplikasi lainnya. Aplikasi adalah seperangkat instruksi khusus dalam komputer yang dirancang agar para penggunanya dapat menyelesaikan tugas-tugas tertentu [4].
7
2.4 PHP (Hypertext Preprocessor) PHP singkatan dari Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan Web yang disisipkan pada dokumen HTML. Pengguna PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance situs Web tersebut menjadi lebih mudah dan efisien. PHP merupakan software Open-Source yang disebarkan bebas dari situs resminya http://www.php.net. PHP ditulis menggunakan bahasa C. PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI. PHP digunakan pada semua system operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iPlanet server, Oreilly Website Pro Server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor. PHP tidak terbatas pada hasil keluaran HTML (HyperText Markup Languange). PHP juga memiliki kemampuan untuk mengolah keluar gambar, file PDF, dan movie flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya[5]. Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP: Adabas D, dBase, Direct MS-SQL, Empress, FilePro(read only), FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, MSQL, MySQL, ODBC, Oracle(OC17 dan OC18), Ovrimos, PostgrSQL, Solid, Sybase, Unix DBM, Velocis, Sintaks Program/Script PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP: 1.
2.
<script language = “PHP”> … <script>
8
3.
4.
<% … %>
Cara 1 dan 2 merupakan cara yang paling umum digunakan sekalipun cara 3 tampak lebih praktis karena cara 3 tidak selalu diaktifkan pada konfigurasi file PHP yang terdapat pada direktori c:\apache\php. Cara 4 juga dimungkinkan sebagai kemudahan bagi yang sudah terbiasa dengan ASP (Active Server Pages). Namun, bila itu tidak terkenal, maka harus dilakukan pengaktifan pada file konfigurasiPHP [5].
2.5 MySQL MySQL adalah salah satu program yang dapat digunakan sebagai database, dan merupakan salah satu software untuk database server yang banyak digunakan. MySQL bersifat Open Source dan menggunakan SQL. MySQL bisa dijalankan pada platform misalnya Windows, Linux, dan lain sebagainya. MySQL memiliki beberapa kelebihan, antara lain: 1.
MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah.
2.
MySQL memiliki kecepatan yang bagus dalam menangani query sederhana.
3.
MySQL memiliki operator dan fungsi secara penuh dan mendukung perintah Select dan Where dalam perintah query.
4.
MySQL memiliki keamanan yang bagus karena beberapa lapisan sekuritas seperti level subnesmask, nama host, dan izin akses user dengan system perijinan yang mendetail serta sandi terenkripsi.
5.
MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta kurang lebih 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
9
6.
MySQL dapat melakukan koneksi dengan client menggunakan protocol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
7.
MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan lebih dari dua puluh bahasa.
8.
MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
9.
MySQL didistribusikan secara open source, di bawah lisensi GPL sehingga dapat digunakan secara gratis.
Koneksi ke database digunakan untuk mengakses data-data yang ada dalam Database tersebut. Data tidak bisa diakses tanpa ada koneksi terlebih dahulu. Berikut ini script untuk koneksi ke database: Mysql_Connect(nama host, nama user, password); . Keterangan: a. Nama host adalah lokasi tempat MySQL dipublikasikan, dalam latihan di buku ini nama host isi dengan localhost. b. Nama User yaitu nama user yang terdaftar dalam MySQL yang digunakan untuk mengakses data yang ada dalam MySQL, untuk menggunakan latihan di buku ini, nama user isi dengan root, yaitu user yang digunakan untuk membuka phpMyAdmin. c. Password adalah password yang digunakan untuk membuka database (phpMyAdmin), isi dengan password yang dibuat waktu instalasi AppServ [6].
2.6 Database Database adalah sekumpulan tabel atau objek lain (indeks, view, dan lain-lain). Tujuan pembuatan database adalah untuk memudahkan dalam mengakses data. Data dapat ditambahkan, diubah, dihapus, atau dibaca dengan relative mudah dan cepat [4].
10
2.7 CodeIgniter Sebuah framework yang digunakan untuk membuat sebuah aplikasi berbasis web yang disusun dengan menggunakan bahasa PHP dan framework PHP yang diklaim memiliki eksekusi tercepat dibandingkan dengan framework lainnya. Framework merupakan suatu kerangka kerja dalam aplikasi web yang didalamnya memiliki suatu potongan-potongan program yang disusun, sehingga programmer tidak perlu membuat kode dari nol, karena framework telah menyediakannnya. Codeigniter bersifat open source dan menggunakan model basis MVC (Model View Controller), yang merupakan model konsep modern framework yang digunakan saat ini [6].
2.8 Flowmap Sistem diagram prosedur atau yang sering kita sebut dengan flowmap yaitu hubungan antara bagian (pelaku proses), proses (manual/berbasis komputer) dan aliran data (dalam bentuk dokumen keluaran dan masukan) [6]. Simbol-simbol pada flowmap dapat dilihat dalam Tabel 2-1 yaitu
Tabel 2- 1 Simbol pada Flowmap
No
Lambang
Penjelasan
1.
Proses pengolahan data/computer.
2.
Penyeleksian (ya atau tidak).
3.
Dokumen input/output yang berbentuk kertas.
4.
5.
6.
Data/kumpulan data yang tidak bisa digambarkan dengan dokumen input/output. Input manual yang digunakan untuk menginput suatu data dengan menggunakan keyboard. Terminator ini merupakan simbol untuk memulai dan mengakhiri dari diagram.
11
No
Lambang
Penjelasan
7.
Display/ layar yang merupakan hasil pengolahan dari komputer.
8.
Operasi manual yang dikerjakan oleh manusia. Penyimpanan Database akan menggambarkan ke dalam database
9.
berupa tabel/file. Disk ini merupakan tempat peyimpanan di database yang tidak
10.
dapat diarsipkan. Penyimpanan dalam bentuk tape/disket ini sudah tidak pernah
11.
digunakan lagi.
12.
Anotasi/catatan penjelasan seperti input manual.
13.
Arsip dari dokumen berupa kesimpulan dari dokumen.
14.
Konektor dalam satu halaman. x
15.
X
Konektor untuk menghubungkan pada halaman yang berbeda.
2.9 Use Case Diagram use case menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Sebuah use case merepresentasikan sebuah interaksi antara actor dengan sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem, meng-create sebuah daftar belanja. Seorang actor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu [7]. Simbol-simbol pada use case dapat dilihat dalam Tabel 2.2 yaitu
12
Tabel 2- 2 Simbol pada Use case
NO
GAMBAR
NAMA
KETERANGAN Orang,
1
Actor
proses,
atau
aplikasi
lain
yang
berinteraksi dengan aplikasi informasi yang akan dibuat diluar aplikasi informasi yang akan dibuat itu sendiri. Hubungan
2
Generalization
generalisasi
dan
spesialisasi
(umum-khusus) antara dua buah use case dimana fungsi yang satu adalah fungsi yang lebih umum dari lainya.
3
Include
Fungsi atau syarat yang dijalankan use case ini. Relasi use case tambahan ke sebuah use case
4
Extend
dimana use case yang ditambahkan dapat berdiri
sendiri
walau
tanpa
use
case
tambahan. 5
Association
Komunikasi antara actor dan use case yang berpartisipasi pada use case. Fungsionalitas
6
UseCase
yang
disediakan
aplikasi
sebagai unit-unit yang saling bertukar pesan antar unit atau actor.
7
System
Menspesifikasikan paket yang menampilkan aplikasi secara terbatas. Elemen fisik yang eksis saat aplikasi dijalankan
8
Note
dan
mencerminkan
suatu
sumber
daya
komputasi. Hubungan dimana perubahan yang terjadi pada suatu elemen 9
Dependency
mandiri (independent)
akan mempengaruhi elemen yang bergantung padanya
elemen
yang
tidak
mandiri
(independent).
13
NO
GAMBAR
NAMA
KETERANGAN Interaksi aturan-aturan dan elemen lain yang
Collaboration
10
bekerja sama untuk menyediakan prilaku yang lebih
besar
dari
jumlah
dan
elemen-
elemennya (sinergi).
2.10 Entity Relationship Diagram (ERD) Entity Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis data kepada pengguna secara logic. ERD didasarkan pada real world yang terdiri atas objek-objek dasar yang mempunyai hubungan/kerelasian antar objek-objek dasar tersebut [8]. Simbol-simbol pada ERD dapat dilihat dalam Tabel 2-3. Tabel 2- 3 Simbol ERD
Simbol Entitas
Deskripsi Entitas adalah apa saja yang ada di dalam sistem nyata maupun abstrak dimana data tersimpan.
Relasi
Relasi adalah hubungan alamiah yang terjadi antar entitas.
Atribut
Atribut adalah kelompok data yang mempunyai karateristik yang sama.
Garis penghubung / link
Garis penghubung atau link adalah penghubung atribut dengan entitas dan relasi dengan entitas.
14
Derajat relasi atau kardinalitas menunjukkan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Jenis-jenis kardinalitas adalah : a. Satu ke satu (one to one). Setiap anggota entitas A hanya boleh berhubungan dengan satu anggota entitas B, begitu pula sebaliknya. b. Satu ke banyak (one to many). Setiap anggota entitas A dapat berhubungan dengan lebih dari satu anggota entitas B tetapi tidak sebaliknya. c. Banyak ke banyak (many to many). Setiap entitas A dapat berhubungan dengan banyak entitas himpunan entitas
15
BAB 3 ANALISIS DAN PERANCANGAN 3.1 Gambaran Sistem Saat Ini 3.1.1 Proses Bisnis Peminjaman Alat Logistik Berjalan Berikut adalah gambaran proses bisnis peminjaman alat logistik yang sedang berjalan di kantor peminjaman alat logistik SMA Negeri 1 Lubuk Pakam. Dapat dilihat pada Gambar 3-1
Gambar 3- 1 Flowmap Proses Bisnis Peminjaman Alat Logistik Berjalan
16
Proses peminjaman alat logistik dimulai dari peminjam datang ke tempat peminjaman alat logistik lalu meminjam alat logistik kepada admin. Admin akan menulis data peminjam kedalam buku peminjam alat logistik, setelah itu admin meminta kartu identitas peminjam sebagai jaminan dan peminjam mendapatkan alat logistik yang akan dipinjam.
3.1.2 Proses Bisnis Perpanjangan Alat Logistik Berjalan Berikut adalah gambaran proses bisnis perpanjangan peminjaman alat logistik yang sedang berjalan di kantor peminjaman alat logistik SMA Negeri 1 Lubuk Pakam. Dapat dilihat pada Gambar 3-2
Proses Bisnis Perpanjangan Alat Logistik Berjalan Peminjam
Admin
Start
Memberikan data diri
Mengecek peminjaman alat
Mencatat peminjaman alat
Perpanjangan alat
Phase
finish
Gambar 3- 2 Flowmap Proses Bisnis Perpanjangan Alat logistik Berjalan
Proses perpanjang alat logistik dimulai dari peminjam datang ke tempat peminjaman alat logistik lalu memperpanjang peminjaman alat logistik kepada admin. Admin akan mengecek data peminjam dan menulis perpanjangan alat logistik ke dalam buku peminjam alat logistik.
17
3.1.3 Proses Bisnis Pengembalian Alat Logistik Berjalan Berikut adalah gambaran proses bisnis pengembalian alat logistik yang sedang berjalan di kantor peminjaman alat logistik SMA Negeri 1 Lubuk Pakam. Dapat dilihat pada Gambar 3-3 Proses Bisnis Pengembalian Alat Logistik Berjalan Peminjam
Admin
Sta rt
Melakukan pengembalian alat
Peminjam menerima kartu nya
Mencatat data peminjam
Memberikan kartu peminjam
Phase
Kartu peminjam
Finish
Gambar 3- 3 Flowmap Proses Bisnis Pengembalian Alat logistik Berjalan
Proses pengembalian alat logistik dimulai dari peminjam yang datang ke kantor peminjaman alat logistik dan mengembalikan alat logistik kepada admin, admin akan mengecek NIS siswa dan NIP pegawai. Selanjutnya admin menulis data peminjam yang telah melakukan pengembalian alat logistik dan peminjam mendapatkan kartu siswa dan kartu pegawainya kembali.
3.2 Gambaran Sistem Yang Diusulkan 3.2.1 Proses Bisnis Pendaftaran Peminjam Berikut gambaran proses bisnis usulan pendaftaran peminjam alat logistik menggunakan web. Dapat dilihat pada Gambar 3-4
18
Proses Bisnis Pendaftaran Peminjam Usulan Peminjam
Admin
Sistem
Start
Mengisi formulir
Kartu peminjam
Kartu peminjam
Biodata
Biodata
Input data peminjam
Phase
Kartu peminjam
Data peminjam
Kartu peminjam
Finish
Gambar 3- 4 Flowmap Proses Bisnis Pendaftaran Peminjam Usulan
Proses Pendaftaran Peminjam dimulai dari peminjam yang memberikan fomulir dan kartu identitasnya yang sudah diisikan diserahkan kepada admin. Admin akan terlebih dahulu meng-input-kan nomor induk siswa (NIS) dan nomor induk pegawai (NIP) yang disesuaikan kartu siswa dan kartu pegawai di SMA Negeri 1 Lubuk Pakam.
3.2.2 Proses Bisnis Peminjaman Alat logistik Usulan Berikut gambaran proses bisnis usulan peminjaman alat logistik jika peminjam tersebut langsung datang ketempat peminjaman alat logistik yang menggunakan web. Dapat dilihat pada Gambar 3-5
19
Proses Bisnis Peminjaman Alat Logistik Usulan Peminjam
Admin
Sistem
Start
NIP/NIS
Mengecek NIP/NIS
Data peminjam
Ada? Ya Pengecekan peminjaman
Data peminjaman
Ada? Tidak Pengecekan jenis alat
Data alat
Ada? Tidak Menyerahkan tanda pengenal
Ya
Simpan peminjaman
Data peminjaman
Kartu peminjam A
Menunjukkan waktu jatuh tempo
Display waktu jatuh tempo
Phase
Finish
Gambar 3- 5 Flowmap Proses Bisnis Peminjaman Alat logistik Usulan
Proses peminjaman dimulai dari peminjam yang datang ke kantor peminjaman alat logistik dan memberikan nomor induknya kepada admin, admin akan mengecek nomor induk tersebut, jika nomor induk tidak ada maka peminjam harus mendaftarkan diri sebagai anggota secara langsung. Jika nomor induk peminjam tersebut ada, maka dapat melakukan peminjaman alat logistik dengan syarat meninggalkan kartu peminjam atau sebagai jaminan peminjaman alat logistik. Sistem akan otomatis menampilkan tanggal jatuh tempo peminjaman.
20
3.2.3 Proses Bisnis Perpanjangan Alat Usulan Berikut gambaran proses bisnis usulan perpanjangan alat logistik secara langsung yang menggunakan web. Dapat dilihat pada Gambar 3-6
Proses Bisnis Perpanjangan Alat Logistik Usulan Peminjam
Admin
Sistem
Start
NIS/NIP
Input NIS/NIP
Perpanjangan
Data peminjaman
Phase
Finish
Gambar 3- 6 Flowmap Proses Bisnis Perpanjangan Alat logistik Usulan
Proses perpanjangan peminjaman alat logistik dimulai dari peminjam yang datang ke kantor peminjaman alat logistik dan memberikan NIS dan NIP nya masingmasing kepada admin, admin akan mengecek NIS dan NIP peminjam. Selanjutnya admin akan mengecek peminjaman peminjam, peminjam hanya boleh melakukan perpanjangan sebanyak 1 kali dalam masa peminjamannya.
3.2.4 Proses Bisnis Pengembalian Alat Logistik Berikut gambaran proses bisnis usulan pengembalian alat logistik secara langsung yang menggunakan web. Dapat dilihat pada gambar 3-7
21
Proses Bisnis Pengembalian Alat Logistik Usulan Peminjam
Admin
Sistem
Start
Peminjam mengembalikan alat
Mengecek data peminjam
Data peminjam
Menampilkan data peminjam
Admin menandai peminjam mengembalikan alat
Menerima kartu peminjam
Menyerahkan alat
Data peminjaman
Mengembalikan kartu peminjam
Menerima alat
Phase
Finish
Gambar 3- 7 Flowmap Proses Bisnis Pengembalian Alat logistik Usulan
Proses pengembalian alat logistik dimulai dari peminjam yang datang ke kantor peminjaman alat logistik dan mengembalikan alat logistik kepada admin, admin akan mengecek NIS dan NIP peminjam. Selanjutnya admin menandai data peminjam
yang telah melakukan
pengembalian
alat
logistik.
Peminjam
mendapatkan kartu peminjam miliknya kembali.
3.2.5 Proses Bisnis Peminjaman Alat Tanpa Datang Kekantor (Melalui Web) Berikut gambaran proses bisnis usulan peminjaman alat tanpa datang langsung ke kantor peminjaman melalui aplikasi web. Dapat dilihat pada Gambar 3-8
22
Proses Bisnis Peminjaman Alat Tanpa Datang Kekantor (Melalui Web) Peminjam
Admin
Sistem
Start
NIP/NIS
Cek NIP/NIS dan status peminjam
Data peminjam
Ada?
Pengecekan peminjaman
Data peminjaman
Ada?
Pengecekan ketersediaan jenis alat
Data alat
Ada?
Mengirim peminjaman
Display notifikasi peminjaman
Konfirmasi peminjaman
Approve peminjaman
Menyerahkan jaminan
Meminta jaminan
Data peminjaman
Kartu peminjam A
Phase
Display tanggal jatuh tempo peminjaman
Finish
Gambar 3- 8 Flowmap Proses Bisnis Peminjaman Alat Tanpa Datang Kekantor
Proses peminjaman alat logistik secara langsung melalui web,tanpa datang ke kantor dimulai dari peminjam melihat apakah mereka sudah terdaftar sebagai anggota. Kemudian melalui aplikasi web, peminjam dapat melakukan peminjaman alat dan melihat ketersediaan alat. Jika alat yang hendak dipinjam tersedia, maka peminjam melakukan peminjaman dan peminjam harus datang ke kantor
23
peminjaman setelahnya agar peminjamannya dapat di approve oleh admin. Setelah itu peminjam maninggalkan kartu pengenalnya sebagai jaminan peminjaman.
3.2.6 Proses Bisnis Perpanjangan Peminjaman Alat Tanpa Datang Ke kantor (Melalui Web) Berikut gambaran proses bisnis usulan peminjaman alat tanpa datang langsung ke kantor peminjaman melalui aplikasi web. Dapat dilihat pada Gambar 3-9 Proses Bisnis Perpanjangan Alat Tanpa Datang Kekantor Siswa
Admin
Sistem
Start
Melakukan perpanjangan
Pengecekan peminjaman
Approve perpanjangan
tidak
2 kali?
Data peminjaman
Phase
Ya
Finish
Gambar 3- 9 Flowmap Proses Bisnis Perpanjangan Alat logistik Tanpa Datang Ke kantor
Proses perpanjangan peminjaman alat logistik dimulai dari peminjam yang hendak melakukan perpanjangan peminjaman dengan login dengan akun mereka masingmasing. Jika sudah melakukan perpanjangan, maka tidak dapat melakukan perpanjangan karena perpanjangan hanya dapat dilakukan sebanyak 1 kali.
24
3.3 Analisis Kebutuhan Sistem Didalam sistem yang akan dibangun terdapat tiga(3) user yaitu admin, peminjam (siswa dan pegawai) dan kepala sekolah. Admin memiliki fungsi yaitu kelola data pengguna, kelola data peminjam, kelola data alat, kelola data peminjaman, melihat laporan, dan ubah profil. Peminjam (siswa dan pegawai) memiliki fungsi yaitu meminjam alat, perpanjang peminjaman, dan ubah profil. Kepala sekolah memiliki fungsi yaitu melihat laporan dan ubah profil.
3.3.1 Diagram Use Case Berikut adalah use case diagram yang diusulkan. Dapat dilihat pada Gambar 3-10 menambah data pengguna mengubah data pengguna kelola data pengguna admin
ubah status pengguna
mengubah data peminjam
menambah data peminjam
ubah status peminjam
peminjam meminjam alat
kelola data peminjam
mengubah data alat
<
>
menambah data alat
ubah status data alat
kelola data alat
perpanjang peminjaman <> <> <>
menambah data peminjaman
approve peminjaman
<>
memperbaharui data peminjaman <>
kelola data peminjaman lihat laporan peminjama n
lihat laporan alat
ubah profil
<>
login
lihat laporan alat
<>
lihat laporan peminjaman
<>
<>
melihat laporan
<>
ubah profil
kepala sekolah
melihat laporan
ubah profil
Gambar 3- 10 Use Case Diagram Kegiatan oleh Admin, Peminjam, dan Kepala Sekolah
3.3.2 Definisi Aktor Berikut adalah deskripsi pendefinisian aktor pada aplikasi peminjaman alat logistik berbasis web di SMA Negeri 1 Lubuk Pakam. Dapat dilihat pada Tabel 3-1
25
Tabel 3- 1 Definisi Aktor
No
Aktor
Deskripsi Orang yang bertugas dan memiliki hak akses untuk melakukan operasi kelola data pengguna, kelola data peminjam, kelola data alat, kelola data peminjaman, melihat lapran dan ubah profil.
1.
Admin
2.
Peminjam (Siswa Pegawai)
3.
Kepala Sekolah
Peminjam adalah orang yang diperbolehkan dan melakukan peminjaman alat logistik sesuai dengan hak aksesnya untuk melakukan peminjaman alat, melalukan perpanjangan alat, dan ubah profil Kepala sekolah memiliki akses untuk melihat data alat logistik dan data peminjaman alat logistik per periodenya.
3.3.3 Definisi Use case Berikut ini adalah deskripsi pendefinisian use case pada aplikasi peminjaman alat logistik berbasis web di SMA Negeri 1 Lubuk Pakam. Dapat dilihat pada Tabel 3-2 Tabel 3- 2 Definisi Use Case
No
Use Case
Deskripsi
1.
Login
Merupakan proses pengecekan hak akses siapa yang berhak mengakses aplikasi yang dalam kasus ini ada admin, peminjam (siswa dan pegawai) dan kepala sekolah. Login wajib untuk fungsi-fungsi yang berkaitan dengan akses pengubahan ke basis data, oleh karena itu fungsi-fungsi yang melakukan perubahan basis data harus mengecek validasi user yang mengakses fungsifungsi ini.
2.
Kelola Data Pengguna
Mengelola data pengguna merupakan proses generalisasi yang meliputi tiga (3) buah proses yaitu menambah data pengguna, mengubah data pengguna, dan mengubah status data pengguna.
26
No
Use Case
Deskripsi
3.
Menambah Data Pengguna
Merupakan proses memasukkan data pengguna baru ke dalam basis data.
4.
Mengubah Data Pengguna
Merupakan proses mengubah data pengguna yang sudah ada di basis data.
5.
Mengubah Merupakan proses mengubah status data pengguna yang Status Pengguna sudah ada di basis data dari aktif menjadi tidak aktif.
6.
Kelola Data Peminjam (Siswa dan Pegawai)
Mengelola data peminjam merupakan proses generalisasi yang meliputi tiga (3) buah proses yaitu menambah data peminjam, mengubah data peminjam, dan menghapus data peminjam.
7.
Menambah Data Peminjam (Siswa dan Pegawai)
Merupakan proses memasukkan data pengguna baru ke dalam basis data.
8.
Mengubah Data Peminjam (Siswa dan Pegawai)
Merupakan proses mengubah data peminjam yang sudah ada di basis data.
9.
Mengubah Status Peminjam (Siswa dan Pegawai)
Merupakan proses mengubah status data pengguna yang sudah ada di basis data dari aktif menjadi tidak aktif.
10.
Kelola Data Alat
Mengelola data alat logistik merupakan proses generalisasi yang meliputi dua (3) buah proses yaitu menambah data alat logistik, mengubah data alat logistik, dan mengubah status alat logistik
11.
Menambah Data Alat
Merupakan proses memasukkan data alat logistik baru ke dalam basis data.
12.
Mengubah Data Alat
Merupakan proses mengubah data alat logistik yang sudah ada di basis data.
27
No
Use Case
Deskripsi
13.
Mengubah Status Alat
Merupakan proses mengubah status data pengguna yang sudah ada di basis data dari aktif menjadi tidak aktif.
14.
Kelola Data Peminjaman
Mengelola data peminjaman merupakan proses generalisasi yang meliputi tiga (3) buah proses yaitu menambah data peminjaman, mengubah data peminjaman menjadi perpanjang atau pengembalian, dan approve peminjaman.
15.
Menambah Data Peminjaman
Merupakan proses memasukkan data peminjaman baru ke dalam basis data.
16.
Perbaharui Data Peminjaman
Merupakan proses untuk mengubah status peminjaman yaitu perpanjang atau pengembalian alat logistik.
17.
Approve Peminjaman
Merupakan proses melakukan persetujuan atau approval terhadap kesediaan menerima peminjaman dari peminjam.
18.
Melihat Laporan
Merupakan proses melihat laporan alat logistik dan laporan peminjaman.
19
Ubah Profil Admin
Merupakan proses mengubah data admin yang sudah ada di basis data.
20.
Meminjam Alat
Merupakan proses untuk melakukan pemesanan atau peminjaman alat logistik melalui aplikasi berbasis web yang hanya dapat dilakukan oleh peminjam.
21.
Memperpanjang Memperpanjang peminjaman alat logistik merupakan proses mengubah status peminjaman menjadi Peminjaman perpanjangan melalui aplikasi berbasis web yang dilakukan oleh peminjam.
22
Ubah Profil Peminjam
Merupakan proses mengubah data peminjam yang sudah ada di basis data.
23.
Kelola Laporan
Merupakan proses melihat laporan alat logistik dan laporan peminjaman yang hanya dapat dilihat oleh kepala sekolah.
28
No
Use Case
24.
Ubah Profil Kepala Sekolah
Deskripsi Merupakan proses mengubah data kepala sekolah yang sudah ada di basis data.
3.3.4 Skenario Use Case Berikut adalah skenario jalannya masing-masing use case yang telah didefinisikan sebelumnya. 1.
Login Nama Use case
: Login
Aktor
: Admin, Peminjam, dan Kepala Sekolah
Deskripsi
: Aktor login kedalam sistem dengan menggunakan username dan password.
Kondisi Awal
: a. Aktor telah mengetahui username dan password.
Kondisi Akhir
: Aktor berada pada halaman yang sesuai Tabel 3- 3 Login
Aktor
Sistem
1. Admin, Peminjam dan Kepala Sekolah memasukan Username dan Password. 2. Mengklik tombol login. 3. Sistem mengecek username dan password. 4.
Jika username dan password benar maka akan masuk ke halaman utama masing -masing aktor.
Jika username dan password salah maka akan tetap pada halaman login dan menampilkan pesan kesalahan.
29
2.
Menambah Data Pengguna
Nama Use Case
: Menambah Data Pengguna
Aktor
: Admin
Deskripsi
: Pada proses kelola data pengguna, aktor dapat melakukan penambahan data pengguna.
Kondisi Awal
: 1. Admin sudah memiliki id agar bisa memproses data pengguna. 2. Admin harus sudah berada pada menu form pengguna.
Kondisi Akhir
: Data pengguna sudah tersimpan pada database. Tabel 3- 4 Menambah Data Pengguna
Aktor
Sistem
1. Memasukkan data pengguna baru.
2. Memeriksa valid tidaknya data yang dimasukkan.
3. Jika data berhasil dimasukkan maka data pengguna akan tersimpan dalam database dan akan muncul pesan “ data pengguna berhasil dimasukkan”.
Jika data pengguna yang dimasukkan tidak valid maka akan muncul pesan kesalahan.
30
3.
Mengubah Data Pengguna
Nama Use case
: Mengubah Data Pengguna
Aktor
: Admin
Deskripsi
: Proses ini adalah kegiatan admin dapat mengubah data pengguna yang ada di basis data.
Kondisi Awal
: Memilih salah satu data pengguna yang akan diubah.
Kondisi Akhir
: Data pengguna sudah tersimpan pada database. Tabel 3- 5 Mengubah Data Pengguna
Aktor 1. Memasukkan pengguna.
Sistem nama
2. Mencari data pengguna yang akan diubah.
3. Menampilkan data pengguna yang dicari (belum semua kolom data pengguna ditampilkan dan bisa banyak data pengguna yang memenuhi data pencarian).
4. Memilih data pengguna yang akan diubah. 5. Menampilkan semua kolom data pengguna yang akan diubah. 6. Mengubah pengguna.
data
7. Mengecek valid tidaknya data masukan. 8. Menyimpan data yang telah diubah ke basis data.
31
Aktor
Sistem 9.
Menampilkan pesan bahwa data sukses
disimpan. Jika data pengguna yang diubah tidak valid maka akan muncul pesan kesalahan.
4.
Mengubah Status Pengguna
Nama Use case
: Mengubah Status Pengguna
Aktor
: Admin
Deskripsi
: Proses ini adalah kegiatan admin dapat mengubah status pengguna yang ada di basis data.
Kondisi Awal
: Memilih salah satu data pengguna yang akan diubah.
Kondisi Akhir
: Data pengguna sudah tersimpan pada database. Tabel 3- 6 Mengubah Status Pengguna
Aktor
Sistem
1. Memasukkan nama pengguna.
2. Mencari data pengguna yang akan dihapus. 3. Menampilkan data pengguna dicari (belum semua kolom pengguna ditampilkan dan banyak data pengguna memenuhi data pencarian).
yang data bisa yang
4. Memilih data pengguna yang akan diubah 5. Mengubah data pengguna dari basis data
32
5.
Menambah Data Peminjam
Nama Use Case
: Menambah Data Peminjam
Aktor
: Admin
Deskripsi
: Pada proses kelola data peminjam, aktor dapat melakukan penambahan data peminjam.
Kondisi Awal
: 1. Admin sudah memiliki id agar bisa memproses data peminjam. 2. Admin harus sudah berada pada menu form peminjam.
Kondisi Akhir
: Data peminjam sudah tersimpan pada database. Tabel 3- 7 Menambah Data Peminjam
Aktor
Sistem
1. Memasukkan data peminjam baru.
2. Memeriksa valid tidaknya data yang dimasukkan. 3. Jika data berhasil dimasukkan maka data peminjam akan tersimpan dalam database . Jika data peminjam yang dimasukkan tidak valid maka akan muncul pesan kesalahan.
6.
Mengubah Status Peminjam
Nama Use case
: Mengubah Status Peminjam
Aktor
: Admin
33
Deskripsi
: Proses ini adalah kegiatan admin dapat mengubah status peminjam yang ada di basis data.
Kondisi Awal
: Memilih salah satu data peminjam yang akan diubah.
Kondisi Akhir
: Data peminjam sudah tersimpan pada database. Tabel 3- 8 Mengubah Status Peminjam
Aktor 1.
Memasukkan
Sistem
nim
atau
nip
peminjam 2. Mencari data peminjam yang akan dihapus. 3. Menampilkan data peminjam yang dicari
(belum
semua
kolom
data
peminjam ditampilkan dan bisa banyak data peminjam yang memenuhi data pencarian). 4. Memilih data peminjam yang akan diubah 5. Mengubah status peminjam dari basis data.
7.
Mengubah Data Peminjam
Nama Use case
: Mengubah Data Peminjam
Aktor
: Admin
Deskripsi
: Proses ini adalah kegiatan admin dapat mengubah data peminjam yang ada di basis data.
34
Kondisi Awal
: Memilih salah satu data peminjam yang akan diubah.
Kondisi Akhir
: Data peminjam sudah tersimpan pada database. Tabel 3- 9 Mengubah Data Peminjam
Aktor
Sistem
1. Memasukkan nim/nip atau nama peminjam. 2. Mencari data peminjam yang akan diubah. 3. Menampilkan data peminjam yang dicari 4. Memilih data peminjam yang akan diubah. 5. Menampilkan semua kolom data peminjam yang akan diubah.
6. Mengubah data peminjam. 7.
Mengecek
valid
tidaknya
data
masukan. 8. Menyimpan data yang telah diubah ke basis data. 9.
Menampilkan pesan bahwa data
sukses disimpan. Jika data peminjam yang diubah tidak valid maka akan muncul pesan kesalahan.
35
8.
Menambah Data Alat
Nama Use case
: Menambah Data Alat
Aktor
: Admin
Deskripsi
: Pada proses menambah data alat logistik, aktor dapat melakukan penambahan data alat logistik.
Kondisi Awal
: 1. Admin sudah memiliki id agar bisa memproses data alat logistik. 2. Admin harus sudah berada pada menu form alat logistik.
Kondisi Akhir
: Data alat logistik sudah tersimpan pada database.
Tabel 3- 10 Menambah Data Alat logistik
Aktor
Sistem
1. Memasukkan data alat logistik ke dalam form tambah alat logistik. 2. Menekan tombol simpan.
3. Memeriksa valid tidaknya data yang dimasukkan. 4. Jika data berhasil dimasukkan maka data alat logistik akan tersimpan dalam database dan akan muncul pesan “ data alat logistik berhasil dimasukkan”.
Jika data alat logistik yang dimasukkan tidak valid maka akan muncul pesan kesalahan.
36
9.
Mengubah Data Alat
Nama Use case
: Mengubah Data Alat
Aktor
: Admin
Deskripsi
: Proses ini adalah kegiatan admin dapat mengubah data alat logistik yang ada di basis data.
Kondisi Awal
: Memilih salah satu data alat logistik yang akan diubah.
Kondisi Akhir
: Data alat logistik sudah tersimpan pada database. Tabel 3- 11 Mengubah Data Alat logistik
Aktor
Sistem
1. Memasukkan nim atau nama peminjam. 2. Mencari data alat logistik yang akan diubah. 3. Menampilkan data alat logistik yang dicari (belum semua kolom data alat logistik ditampilkan dan bisa banyak data alat logistik yang memenuhi data pencarian). 4. Memilih data alat logistik yang akan diubah. 5. Menampilkan semua kolom data alat logistik yang akan diubah. 6. Mengubah logistik.
data
alat
7. Mengecek valid tidaknya data masukan. 8. Menyimpan data yang telah diubah ke basis data. 9. Menampilkan pesan bahwa data sukses disimpan. Jika data peminjam yang diubah tidak valid maka akan muncul pesan kesalahan.
37
10.
Menambah Data Peminjaman
Nama Use case
: Menambah Data Peminjaman
Aktor
: Admin
Deskripsi
: Pada proses tambah data peminjaman, aktor dapat melakukan penambahan data peminjaman alat logistik.
Kondisi Awal
: 1. Admin sudah memiliki id agar dapat menambah data peminjaman. 2. Admin harus sudah berada pada menu form tambah peminjaman.
Kondisi Akhir
: Data peminjaman sudah tersimpan pada database. Tabel 3- 12 Kelola Peminjaman Alat logistik
Aktor
Sistem
1. Memasukkan data peminjaman kedalam form tambah peminjaman. 2.
Menekan tombol simpan.
3. Memeriksa valid tidaknya data yang dimasukkan. 4. Jika data berhasil dimasukkan maka data peminjaman akan tersimpan dalam database dan akan muncul pesan “peminjaman berhasil dilakukan”.
Jika data peminjaman yang dimasukkan tidak valid maka akan muncul pesan kesalahan.
11.
Approve Peminjaman
Nama Use case
: Konfirmasi Peminjaman
Aktor
: Admin
Deskripsi
: Pada proses konfirmasi, aktor memberi persetujuan kegiatan peminjaman alat logistik.
38
Kondisi Awal
: 1. Admin sudah memiliki id agar bisa memproses konfirmasi. 2. Admin harus sudah berada pada menu peminjaman.
Kondisi Akhir
: Data peminjaman sudah tersimpan pada database. Tabel 3- 13 Konfirmasi
Aktor
Sistem
1. Memilih menu Data Peminjaman. 2. Mencari data peminjam. 3. Menekan tombol ‘Approve.’
4. Tabel approve di keluarkan. 5. Jika approve berhasil maka peminjaman peminjam akan tersimpan dalam database.
12.
Perbaharui Data Peminjaman Alat
Nama Use case
: Perbaharui Data Peminjaman Alat
Aktor
: Admin
Deskripsi
: Pada proses ubah data peminjaman, aktor dapat melakukan perpanjangan dan pengembalian peminjaman.
Kondisi Awal
: 1. Admin sudah memiliki id agar dapat memproses perbaharui data peminjaman. 2. Admin harus sudah berada pada menu data peminjaman.
Kondisi Akhir
: Data peminjaman alat logistik sudah tersimpan pada database.
39
Tabel 3- 14 Perbaharui Data Peminjaman
Aktor
Sistem
1. Memilih menu data peminjaman. 2.
Memilih tombol perpanjangan 3. atau pengembalian.
Sistem akan menyimpan ke database.
4 Data peminjaman alat logistik berhasil diperbaharui.
13.
Meminjam Alat
Nama Use case
: Meminjam Alat
Aktor
: Peminjam
Deskripsi
: Pada proses memperbaharui peminjaman, aktor dapat meminjam alat logistik melalui aplikasi peminjaman alat logistik.
Kondisi Awal
: 1. Peminjam sudah memiliki id agar dapat melakukan proses peminjaman. 2. Peminjam harus sudah berada pada menu peminjaman.
Kondisi Akhir
: Data peminjaman alat logistik sudah tersimpan pada database. Tabel 3- 15 Meminjam Alat logistik
Aktor
Sistem
1. Memilih menu peminjaman alat logistik. 2.
Sistem mengecek peminjaman alat logistik. 3. Peminjam belum pernah meminjam alat logistik. 4. Mengisi data peminjaman alat logistik.
40
Aktor
Sistem 5.
Sistem akan menyimpan ke database.
6. Data peminjaman berhasil di-inputkan Jika data peminjaman tidak berhasil maka akan muncul pesan kesalahan.
14.
Memperpanjang Peminjaman Alat
Nama Use case
: Memperpanjang Peminjaman Alat
Aktor
: Peminjam.
Deskripsi
: Pada proses memperpanjang peminjaman alat logistik, aktor dapat memperpanjang peminjaman alat logistik.
Kondisi Awal
: 1. Peminjam sudah memiliki id agar dapat melakukan proses perpanjangan peminjaman. 2. Peminjam harus sudah berada pada menu peminjaman.
Kondisi Akhir database.
: Perpanjang peminjaman alat logistik tersimpan di
Tabel 3- 16 Memperpanjang Peminjaman Alat logistik
Aktor 1. Memilih
menu
Sistem perpanjang
peminjaman alat logistik. 2. Sistem akan memperbaharui data peminjaman alat logistik.
15.
Kelola Laporan
Nama Use case
: Kelola Laporan
Aktor
: Kepala Sekolah
41
Deskripsi
: Pada proses menampilkan laporan, aktor dapat melihat laporan alat logistik dan laporan peminjaman per periode.
Kondisi Awal
: 1. Kepala sekolah sudah memiliki id agar bisa melihat laporan sesuai kategori. 2. Kepala sekolah telah berada pada halaman laporan. 3. Data laporan yang akan ditampilkan telah ada pada database.
Kondisi Akhir
: Laporan ditampilkan di aplikasi dari database. Tabel 3- 17 Lihat Laporan
Aktor
Sistem
1. Memilih kategori laporan. 2. Menampilkan laporan sesuai kategori. 3. Melihat laporan sesuai kategori.
42
3.3.5 Activity Diagram Di bawah ini merupakan activity diagram pada Aplikasi Peminjaman Alat logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam.
3.3.5.1 Admin Berikut adalah activity diagram Admin yang dibangun dalam aplikasi.
3.3.5.1.1 Activity Diagram Admin Kelola Data Pengguna Berikut ini adalah activity diagram Admin kelola data alat logistik, dapat dilihat pada Gambar 3-11
Gambar 3- 11 Activity Diagram Admin Kelola Data Pengguna
43
Gambar 3-11 adalah activity diagram admin. Di dalam admin terdapat data pengguna yaitu admin dan kepala sekolah. Jadi admin dapat melakukan tambah, ubah dan ubah status pengguna.
3.3.5.1.2 Activity Diagram Admin Kelola Data Peminjam Berikut ini adalah activity diagram admin kelola data peminjam (siswa dan pegawai), dapat dilihat pada Gambar 3-12
Gambar 3- 12 Activity Diagram Admin Kelola Data Peminjam
44
Gambar 3-12 adalah activity diagram Admin mengelola data peminjam. Admin dapat melakukan tambah, ubah data peminjam, dan ubah status peminjam.
3.3.5.1.3 Activity Diagram Admin Kelola Data Alat Berikut ini adalah activity diagram admin kelola data alat , dapat dilihat pada Gambar 3-13
Gambar 3- 13 Activity Diagram Admin Kelola Data Alat
45
Gambar 3-13 adalah activity diagram Admin mengelola data alat. Admin dapat melakukan tambah, ubah data alat, dan ubah status alat.
3.3.5.1.4 Activity Diagram Admin Kelola Data Peminjaman Berikut ini adalah activity diagram admin kelola data peminjaman, dapat dilihat pada Gambar 3-14
Gambar 3- 14 Activity Diagram Admin Kelola Data Peminjaman
46
Gambar 3-14 adalah activity diagram admin mengelola data peminjaman. Pada data peminjaman terdapat tambah peminjaman, perpanjang, approve, dan pengembalian.
3.3.5.2 Kepala Sekolah Berikut adalah activity diagram kepala sekolah yang dibangun dalam aplikasi.
3.3.5.2.1 Activity Diagram Kepala Sekolah Melihat Laporan Alat Berikut ini adalah activity diagram kepala sekolah melihat laporan alat logistik, dapat dilihat pada Gambar 3-15
Gambar 3- 15 Activity Diagram Kepala Sekolah Lihat Laporan Alat logistik
47
Gambar 3-15 adalah activity diagram kepala sekolah lihat laporan alat logistik. Jadi kepala sekolah bisa melihat laporan alat logistik setiap periode.
3.3.5.2.2 Activity Diagram Kepala sekolah Melihat
Laporan
Peminjaman Berikut ini adalah activity diagram kepala sekolah kelola laporan peminjaman, dapat dilihat pada Gambar 3-16
Gambar 3- 16 Activity Diagram Kepala sekolah Kelola Laporan Peminjaman
Gambar 3-16 adalah activity diagram kepala sekolah melihat data peminjaman. Jadi kepala sekolah bisa melihat data peminjaman setiap periode.
48
3.3.5.3 Peminjaman Alat Oleh Peminjam Secara Langsung Berikut adalah activity diagram peminjaman alat oleh peminjam secara langsung menggunakan aplikasi berbasis web.
3.3.5.3.1 Activity Diagram Peminjaman dan Perpanjangan Berikut ini adalah activity diagram peminjaman, dapat dilihat pada Gambar 3-17
Gambar 3- 17 Activity Diagram Peminjaman melalui Web
Gambar 3-17 adalah activity diagram peminjaman peminjaman alat oleh peminjam secara langsung menggunakan aplikasi berbasis web. Jadi peminjam bisa melakukan booking alat logistik melalui aplikasi web tanpa harus ke kantor peminjaman logistik.
49
3.3.6 Sequence Diagram Di bawah ini merupakan sequence diagram pada Aplikasi Peminjaman Alat logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam.
3.3.6.1 Login Admin Berikut ini adalah sequence diagram login pengguna yang dapat digunakan oleh Admin, dapat dilihat pada Gambar 3-18
Gambar 3- 18 Sequence Diagram Login Admin
3.3.6.2 Login Kepala sekolah Berikut ini adalah sequence diagram login pengguna yang dapat digunakan oleh Kepala sekolah, dapat dilihat pada Gambar 3-19
Gambar 3- 19 Sequence Diagram Login Kepala sekolah
50
3.3.6.3 Login Peminjam melalui Web Berikut ini adalah sequence diagram login user yang dapat digunakan oleh peminjam (siswa dan pegawai) dapat dilihat pada Gambar 3-20
Gambar 3- 20 Sequence Diagram Login Peminjam
3.3.6.4 Tampil Data Pengguna Berikut ini adalah sequence diagram tampil data pengguna yang dapat digunakan oleh Admin, dapat dilihat pada Gambar 3-21
Gambar 3- 21 Sequence Diagram Tampil Data Pengguna
51
3.3.6.5 Tambah Pengguna Berikut ini adalah sequence diagram tambah penguna, dapat dilihat pada Gambar 3-22
Gambar 3- 22 Sequence Diagram Tambah Pengguna
3.3.6.6 Edit Pengguna Berikut ini adalah sequence diagram edit penguna, dapat dilihat pada Gambar 3-23
Gambar 3- 23 Sequence Diagram Edit Pengguna
52
3.3.6.7 Tampil Data Alat Logistik Berikut ini adalah sequence diagram tampil data alat logistik yang dapat digunakan oleh Kepala sekolah, dapat dilihat pada Gambar 3.24
Gambar 3- 24 Sequence Diagram Tampil Data Alat logistik
3.3.6.8 Tambah Alat logistik Berikut ini adalah sequence diagram tambah alat logistik yang dapat dilakukan oleh Admin, dapat dilihat pada Gambar 3-25
Gambar 3- 25 Sequence Diagram Tambah Alat logistik
53
3.3.6.9 Edit Alat Logistik Berikut ini adalah sequence diagram edit alat logistik, dapat dilihat pada Gambar 326
Gambar 3- 26 Sequence Diagram Edit Alat logistik
3.3.6.10 Tampil Data Peminjam (Siswa Dan Pegawai) Berikut ini adalah sequence diagram tampil data peminjam, dapat dilihat pada Gambar 3-27
Gambar 3- 27 Sequence Diagram Tampil Data Peminjam
54
3.3.6.11 Tambah Peminjam (Siswa Dan Pegawai) Berikut ini adalah sequence diagram tambah peminjam yang dapat dilakukan oleh admin, dapat diliat pada Gambar 3-28
Gambar 3- 28 Sequence Diagram Tambah Peminjam
3.3.6.12 Edit Peminjam (Siswa Dan Pegawai) Berikut ini adalah sequence diagram edit peminjam yang dapat dilakukan oleh Admin, dapat dilihat pada Gambar 3-29
Gambar 3- 29 Sequence Diagram Edit Peminjam
55
3.3.6.13 Tampil Data Peminjaman Berikut ini adalah sequence diagram tampil data peminjaman, dapat dilihat pada Gambar 3-30
Gambar 3- 30 Sequence Diagram Tampil Data Peminjaman
3.3.6.14 Tambah Peminjaman Berikut ini adalah sequence diagram tambah peminjaman yang dapat dilakukan oleh Admin, dapat dilihat pada Gambar 3-31
Gambar 3- 31 Sequence Diagram Tambah Peminjaman
56
3.3.6.15 Lihat Laporan Alat Logistik Berikut ini adalah sequence diagram lihat laporan yang dapat dilihat oleh kepala sekolah, dapat dilihat pada Gambar 3-32
Gambar 3- 32 Sequence Diagram Lihat Laporan Alat Logistik
3.3.6.16 Lihat Laporan Peminjaman Berikut ini adalah sequence diagram lihat laporan yang dapat dilihat oleh kepala sekolah, dapat dilihat pada Gambar 3-33
Gambar 3- 33 Sequence Diagram Lihat Laporan Peminjaman
57
3.3.6.17 Tambah Peminjaman Secara Langsung (Melalui Web) Berikut ini adalah sequence diagram tambah peminjaman yang dapat dilakukan oleh peminjam, dapat dilihat pada Gambar 3-34
Gambar 3- 34 Sequence Diagram Tambah Peminjaman Secara Langsung (Melalui Web)
58
3.4 Perancangan Basis Data 3.4.1
Entity Relationship Diagram (ERD)
Berikut ini adalah Entity Relationship Diagram (ERD) pada Aplikasi Peminjaman Alat logistik Berbasis Web di SMA Negeri 1 Lubuk Pakam sebagai berikut. Dapat dilihat pada Gambar 3-35
id_barang
nama_barang
jumlah_barang
m
kondisi_pinjam
jum_barang
status_level
nama_level
id_user
password
status_barang
Barang
kondisi_kemb ali
mempunyai
id_peminjaman
id_barang
id_peminjam
tanggal_pinjam
n
jumlah_perpanjangan
Level
i
mempunyai
id_level
n
User
status_pengguna
1
melakukan
n
Peminjaman
tanggal_kembali
status_keterlambatan
status_approve
ISA
nama_siswa
nama_pegawai nip
nis Guru
Siswa
jk_pegawai
jk_siswa no_telepon
no_telepon
Gambar 3- 35 Perancangan ERD yang diusulkan
59
3.4.2
Relasi Antar Tabel
Gambar 3- 36 Tabel Relasi
3.4.3 Struktur Tabel Berikut ini merupakan struktur tabel dari Aplikasi Peminjaman Alat logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam yang menjelaskan tentang nama tabel, nama kolom, dan tipe data. 1. Tabel Level Tabel level merupakan tabel level pada basis data. Tabel ini terdiri dari id_level sebagai primary key, nama_level, dan status_level. Dapat dilihat pada Tabel 3-18
60
Tabel 3- 18 Tabel Level Pada Basis Data
Nama Field
Type
Description
Id_level
int(11)
Primary key.
Nama_level
varchar(20)
Level untuk peminjam
Status_level
int(11)
Status peminjam.
2. Tabel User Tabel user merupakan tabel user pada basis data. Tabel ini terdiri dari id_user sebagai primary key, password, status_pengguna dan id_level sebagai foreign key yang merupakan kode turunan dari tabel level. Dapat dilihat pada Tabel 3-19 Tabel 3- 19 Tabel User Pada Basis Data
Nama Field
Type
Description
id_user
int(11)
Primary key.
Password
varchar(50)
Password user
Status_pengguna
int(11)
Status user
Id_level
int(11)
Foreign key
3. Tabel Siswa Tabel siswa merupakan tabel siswa pada basis data. Tabel ini terdiri dari nis sebagai primary key, nama_siswa, jk_siswa, dan no_telepon. Dapat dilihat pada Tabel 3-20
61
Tabel 3- 20 Tabel Siswa Pada Basis Data
Nama Field
Type
Description
Nis
varchar(50)
Primary key.
Nama_siswa
varchar(50)
Nama siswa
Jk_siswa
int(11)
Jenis kelamin siswa
No_telepon
varchar(50)
Nomor telepon siswa
4. Tabel Pegawai Tabel pegawai merupakan tabel pegawai pada basis data. Tabel ini terdiri dari nip sebagai primary key, nama_pegawai, jk_pegawai, dan no_telepon. Dapat dilihat pada Tabel 3-21 Tabel 3- 21 Tabel Pegawai Pada Basis Data
Nama Field
Type
Description
Nip
varchar(50)
Primary key.
Nama_pegawai
varchar(50)
Nama pegawai
Jk_pegawai
int(11)
Jenis kelamin pegawai
No_telepon
varchar(50)
Nomor pegawai
telepon
5. Tabel Peminjaman Tabel peminjaman merupakan table peminjaman pada basis data. Tabel ini terdiri dari id_peminjaman sebagai primary key, tanggal_pinjam, tgl_kembali, status_approve, jumlah_perpanjangan, dan id_user sebagai foreign key yang merupakan kode turunan dari tabel user. Dapat dilihat pada Tabel 3-22
62
Tabel 3- 22 Tabel Peminjaman Pada Basis Data
Nama field
Type
Description
Id_peminjaman
int(11)
Primary key.
Tanggal_pinjam
date
Tanggal saat peminjaman
Tanggal_kembali
date
Tanggal kembali barang
Status_approve
int(11)
Status persetujuan
Status_keterlambatan
int(11)
Status keterlambatan
Jumlah_perpanjangan
int(11)
Jumlah perpanjangan
Id_user
varchar(50)
Foreign key
6. Tabel Barang Tabel peminatan merupakan tabel peminatan pada basis data. Tabel ini terdiri
dari
id_barang
sebagai
primary
key,
nama_barang
dan
jumlah_barang, status_barang. Dapat dilihat pada Tabel 3-23 Tabel 3- 23 Tabel Peminatan Pada Basis Data
Nama field
Type
Description
Id_barang
int(11)
Primary key.
Nama_barang
varchar(50)
Nama barang
Jumlah_barang
int(11)
jumlah barang
Status_barang
Int(11)
Status barang
63
7. Tabel Peminjaman_Barang Tabel peminjaman_barang merupakan tabel peminjaman_barang pada basis data. Tabel ini terdiri dari kondisi_pinjam, kondisi_kembali, jum_brg, id_barang sebagai sebagai foreign key yang merupakan kode turunan dari tabel barang, dan id_peminjaman sebagai foreign key yang merupakan kode turunan dari tabel peminjaman. Dapat dilihat pada Tabel 3-24 Tabel 3- 24 Tabel Kelas Pada Basis Data
Nama field
Type
Description
Kondisi_pinjam
varchar(50)
Kondisi awal peminjaman
Kondisi_kembali
varchar(50)
Kondisi pengembalian
Jum_brg
int(11)
Jumlah barang
Id_barang
int(11)
Id barang
Id_peminjaman
int(11)
Id peminjaman
3.5 Kebutuhan Perangkat Keras dan Perangkat Lunak 3.5.1 Pengembangan Aplikasi 3.5.1.1 Pengembangan Aplikasi Perangkat Keras (Hardware) Spesifikasi perangkat keras minimum yang digunakan untuk mendukung tahap pengembangan Aplikasi Peminjaman Alat logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam adalah sebagai berikut. Dapat dilihat pada Tabel 3-25 Tabel 3- 25 Spesifikasi Pengembangan Aplikasi Perangkat Keras
No
Perangkat Keras
Spesifikasi
1.
Laptop
Acer E1-471 14”.
2.
RAM
2 GB (1,83 GB usable).
3.
Hardisk
500 GB.
64
No
Perangkat Keras
Spesifikasi
Processor
Intel(R) Core(TM) i3-2328 CPU @ 2.40GHz (4CPUs), ~2.4GHz.
5.
Video Card
Intel(R) HD Graphics Family 811 MB.
6.
DVD/CD-ROM Drives
Slimtype DVD A DS8ASH.
7.
Keyboard
Standard PS/2 Keyboard.
8.
TouchPad
Synaptics PS/2 TouchPad.
4.
3.5.1.2 Pengembangan Aplikasi Perangkat Lunak (Software) Spesifikasi perangkat lunak minimum yang digunakan untuk mendukung tahap pengembangan Aplikasi Peminjaman Alat logistik Berbasis Web Di SMA Negeri 1 Lubuk Pakam adalah sebagai berikut. Dapat dilihat pada Tabel 3-26 Tabel 3- 26 Spesifikasi Pengembangan Aplikasi Perangkat Lunak
No
Perangkat Lunak
Spesifikasi
1.
Web Browser
Google Chrome
2.
Web Server
Apache/2.4.7 32bit, XAMPP Control Panel v.3.2.1.
3.
NetBeans IDE
Version 8.0.2
4.
MySQL
Version 5.6.16 – MySQL Community Server.
5.
Ms. Visio Pro 2013
Version 15.0.4420.1017 64bit.
6.
Astah Community
Versi 6.9.0 Model Version 37.
8.
Operating System
Windows 10 Pro 64bit.
9.
Ms. Word Pro Plus 2013
Version 15.0.4420.1017 64bit.
65
4) BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi 4.1.1
Install XAMPP
XAMPP merupakan aplikasi web server yang berisi Apache, interpreter PHP, dan basis data MySQL. Pada aplikasi ini XAMPP diperlukan sebagai sarana untuk pembuatan database aplikasi. Berikut ini adalah proses instalasi XAMPP. Dapat dilihat pada Gambar 4-1 1. Jalankan XAMPP yang telah di download. 2. Pilih direktori untuk menyimpan hasil proses instalasi (C:\XAMPP). 3. Tunggu proses instalasi hingga selesai. 4. Setelah selesai, jalankan XAMPP. 5. Aktifkan Apache dan MySQL.
Gambar 4 - 1 Gambar Aplikasi XAMPP
66
4.1.2
Instalasi Program
Instalasi program dilakukan dengan cara file-file source code yang berada dalam satu folder kedalam subfolder htdocs di dalam folder XAMPP. Selanjutnya dilakukan pengimplementasian basis data di phpmyadmin. Pertama-tama dengan membuat database baru dengan yang disesuaikan dengan file “connect-db.php”. Selanjutnya dilakukan import file ekstensi .sql yang sebelumnya telah dibuat. File tersebut berisi tabel yang akan dipakai di perangkat lunak tersebut. 4.1.3
Implementasi Basis Data
Berikut adalah hasil dari penerapan basis data menggunakan web server Apache XAMPP dengan database MySQL yang telah digunakan untuk menjalankan. 4.1.3.1
Database
Berikut hasil database smansa yang digunakan di aplikasi. Dapat dilihat pada Gambar 4-2
Gambar 4 - 2 Database smansa
Gambar 4-2 merupakan hasil implementasi dari database smansa. Database tersebut digunakan untuk pertukaran data atau manipulasi data yang dilakukan selama penggunaan aplikasi.
67
4.1.3.2
Tabel
Berikut hasil dari tabel yang berada pada database smansa. a. Tabel Level
Gambar 4 - 3 Implementasi Tabel Level
Gambar 4-3 merupakan hasil implementasi tabel level yang berada di database smansa. b. Tabel User
Gambar 4 - 4 Implementasi Tabel User
Gambar 4-4 merupakan hasil implementasi dari tabel user yang berada di database smansa. c. Tabel Siswa
Gambar 4 - 5 Implementasi Tabel Siswa
Gambar 4.5 merupakan hasil implementasi dari tabel siswa yang berada di database smansa.
68
d. Tabel Pegawai
Gambar 4 - 6 Implementasi Tabel Pegawai
Gambar 4-6 merupakan hasil implementasi dari tabel pegawai yang berada di database smansa e. Tabel Peminjaman
Gambar 4 - 7 Implementasi Tabel Peminjaman
Gambar 4-7 merupakan hasil implementasi dari tabel peminjaman yang berada di database smansa. f.
Tabel Barang
Gambar 4 - 8 Implementasi Tabel Barang
Gambar 4-8 merupakan hasil implementasi dari tabel barang yang berada di database smansa.
69
g. Tabel Peminjaman_Barang
Gambar 4 - 9 Implementasi Tabel Peminjaman_Barang
Gambar 4-9 merupakan hasil implementasi dari tabel peminjaman_barang yang berada di database smansa.
4.1.4
Pengguna Aplikasi Web (Administrator atau Pengelola)
a. Tampilan Awal (Login) Berikut ini adalah tampilan antar muka halaman pertama yaitu halaman login. Dapat dilihat pada Gambar 4-10
Gambar 4 - 10 Tampilan Antar Muka Login
70
b. Halaman Menu Admin Berikut adalah halaman utama admin yaitu menu home. Dapat dilihat pada Gambar 4-11
Gambar 4 - 11 Tampilan Menu Home Admin
c. Menu Alat Berikut adalah tampilan antar muka dari menu alat. Menu alat ini akan menampilkan data-data alat logistik. Dapat dilihat pada Gambar 4-12
Gambar 4 - 12 Tampilan Antar Muka Menu Alat
71
d. Menu Tambah Alat Berikut ini adalah tampilan tambah alat logistik. Pada halaman ini digunakan untuk menambah data alat yang akan tersimpan di database. Dapat dilihat pada Gambar 4-13
Gambar 4 - 13 Tampilan Antar Muka Menu Tambah Alat
e. Menu Edit Alat Berikut ini adalah tampilan menu edit alat. Halaman menu ini digunakan untuk mengubah data alat yang telah tersimpan dalam database. Dapat dilihat pada Gambar 4-14.
Gambar 4 - 14 Tampilan Antar Muka Edit Data Alat
72
f.
Menu Tambah Stok Barang Berikut adalah menu tambah stok barang. Menu ini adalah untuk menambah stok alat logistik. Dapat dilihat pada Gambar 4-15
Gambar 4 - 15 Tampilan Menu Tambah Stok Barang
g. Menu Data Siswa Berikut adalah tampilan antar muka dari menu data siswa. Menu ini adalah untuk melihat data-data siswa. Dapat dilihat pada Gambar 4-16.
Gambar 4 - 16 Tampilan Antar Muka Menu Data Siswa
73
h. Menu Tambah Siswa Berikut ini adalah tampilan tambah siswa. Pada halaman ini digunakan untuk menambah data siswa yang akan tersimpan di database. Dapat dilihat pada Gambar 4-17.
Gambar 4 - 17 Tampilan Antar Muka Menu Tambah Siswa
i.
Menu Edit Siswa Berikut ini adalah tampilan menu edit siswa. Halaman menu ini digunakan untuk mengubah data siswa yang telah tersimpan dalam database. Dapat dilihat pada Gambar 4-18.
Gambar 4 - 18 Tampilan Antar Muka Edit Data Siswa
74
j.
Halaman Menu Data Pegawai Berikut adalah tampilan antar muka dari menu data pegawai. Menu ini adalah untuk melihat data-data pegawai. Dapat dilihat pada Gambar 4-19.
Gambar 4 - 19 Tampilan Antar Muka Menu Data Pegawai
k. Menu Tambah Pegawai Berikut ini adalah tampilan menu tambah pegawai. Pada halaman ini digunakan untuk menambah data pegawai yang akan tersimpan di database. Dapat dilihat pada Gambar 4-20.
Gambar 4 - 20 Tampilan Antar Muka Menu Tambah Pegawai
75
l.
Menu Edit Pegawai Berikut ini adalah tampilan menu edit pegawai. Halaman menu ini digunakan untuk mengubah data pegawai yang telah tersimpan dalam database. Dapat dilihat pada Gambar 4-21.
Gambar 4 - 21 Tampilan Antar Muka Edit Data Pegawai
m. Halaman Menu Data Pengguna Berikut adalah tampilan antar muka dari menu data pengguna. Menu ini adalah untuk melihat data-data pengguna. Dapat dilihat pada Gambar 4-22
Gambar 4 - 22 Tampilan Antar Muka Menu Data Pengguna
76
n. Menu Tambah Pengguna Berikut ini adalah tampilan tambah pengguna. Pada halaman ini digunakan untuk menambah data pengguna yang akan tersimpan di database. Dapat dilihat pada Gambar 4-23
Gambar 4 - 23 Tampilan Antar Muka Menu Tambah Pengguna
o. Menu Edit Pengguna Berikut ini adalah tampilan menu edit pengguna. Halaman menu ini digunakan untuk mengubah data pengguna yang telah tersimpan dalam database. Dapat dilihat pada Gambar 4-24
Gambar 4 - 24 Tampilan Antar Muka Edit Data Pengguna
77
p. Menu Data Peminjaman Berikut adalah tampilan antar muka dari menu data peminjaman. Menu ini adalah untuk melihat data-data peminjaman. Dapat dilihat pada Gambar 425
Gambar 4 - 25 Tampilan Antar Muka Menu Data Peminjaman
q. Menu Tambah Peminjaman Berikut ini adalah tampilan tambah peminjaman. Pada halaman ini digunakan untuk menambah data peminjaman yang akan tersimpan di database. Dapat dilihat pada Gambar 4-26
Gambar 4 - 26 Tampilan Antar Muka Menu Tambah Peminjaman
78
r.
Menu tambah barang peminjaman Berikut ini adalah tampilan menu tambah barang peminjaman. Halaman menu ini digunakan untuk menambah data barang peminjaman yang akan tersimpan dalam database. Dapat dilihat pada Gambar 4-27
Gambar 4 - 27 Tampilan Antar Muka Tambah Data Barang Peminjaman
s. Menu Data Barang Peminjaman Berikut adalah tampilan antar muka dari menu data barang peminjaman. Menu ini adalah untuk melihat data barang peminjaman. Dapat dilihat pada Gambar 4-28
Gambar 4 - 28 Tampilan Antar Muka Menu Data Barang Peminjaman
79
t.
Menu Detail Peminjaman Berikut ini adalah tampilan detail peminjaman. Pada halaman ini digunakan untuk melihat detail data peminjaman yang akan tersimpan di database. Dapat dilihat pada Gambar 4-29
Gambar 4 - 29 Tampilan Antar Muka Menu Detail Peminjaman
u. Menu Laporan Peminjaman (Pada Admin dan Kepala Sekolah) Berikut ini adalah tampilan menu laporan peminjaman. Halaman menu ini digunakan untuk melihat laporan peminjaman yang telah tersimpan dalam database. Dapat dilihat pada Gambar 4-30
Gambar 4 - 30 Tampilan Antar Muka Lihat Laporan Peminjaman
80
v. Menu Laporan Alat (Pada Admin dan Kepala Sekolah) Berikut ini adalah tampilan menu laporan alat. Halaman menu ini digunakan untuk melihat laporan alat yang telah tersimpan di database. Dapat dilihat pada Gambar 4-31
Gambar 4 - 31 Tampilan Antar Muka Lihat Laporan Peminjaman
w. Menu Home Peminjam (Siswa atau Pegawai) Berikut adalah tampilan antar muka dari menu home peminjam. Dapat dilihat pada Gambar 4-32
Gambar 4 - 32 Tampilan Antar Muka Menu Home Peminjam
81
x. Menu Data Peminjaman (Siswa atau Pegawai) Berikut ini adalah tampilan data peminjaman. Pada halaman ini digunakan untuk melihat data peminjaman yang akan tersimpan di database. Dapat dilihat pada Gambar 4-33.
Gambar 4 - 33 Tampilan Antar Muka Menu Data Peminjaman (Siswa atau Pegawai)
y. Menu Ubah Profil (Pada Admin, Kepala Sekolah, Pegawai, dan Siswa) Berikut ini adalah tampilan menuubah profil. Halaman menu ini digunakan untuk mengubah profil pengguna (admin, kepala sekolah, pegawai, dan siswa) yang telah tersimpan dalam database. Dapat dilihat pada Gambar 434
82
Gambar 4 - 34 Tampilan Antar Muka Ubah Profil
4.2 Pengujian Pengujian aplikasi peminjaman alat logistik dilakukan dengan metode pengujian Blackbox Testing. Pengujian Blackbox Testing disini lebih berfokus terhadap fungsionalitas yang ada di aplikasi. Berikut beberapa tabel pengujian yang telah dilakukan. 4.2.1
Pengujian Aplikasi
Berikut adalah beberapa tabel pengujian pada aplikasi berbasis web. 4.2.1.1
Form Login Tabel 4.1 Pengujian Login User
Test Case Description Mengosongkan
Test Case
Username : -
username dan password.
Password: -
Expected Result
Actual Result
Sistem akan
Sistem akan
memberikan
memberikan alert
alert
pemberitahuan
pemberitahuan
form input-an harus
form input-an
benar dan tidak
harus benar
boleh kosong.
Status
Berhasil.
dan tidak boleh kosong. Mengisi
Username: priscilla
username dan mengosongkan
password : -
password.
Sistem akan
Sistem akan
memberikan
memberikan alert
alert
pemberitahuan
pemberitahuan
form input-an harus
form input-an
benar dan tidak
harus benar
boleh kosong.
Berhasil.
dan tidak boleh kosong.
Test Case
Test Case
Expected
Actual Result
Status
83
Description Mengosongkan
Result Username: -
username dan mengisi
password : 123.
password.
Sistem akan
Sistem akan
memberikan
memberikan alert
alert
pemberitahuan
pemberitahuan
form input-an harus
form input-an
benar dan tidak
harus benar
boleh kosong.
Berhasil.
dan tidak boleh kosong. Mengisi
Username:
Sistem akan
Sistem akan
username dan
username(salah)
memberikan
memberikan alert
alert
pemberitahuan
pemberitahuan
form input-an harus
form input-an
benar dan tidak
harus benar
boleh kosong.
password dengan input-an yang tidak valid.
Password: password(salah).
Berhasil.
dan tidak boleh kosong. Mengisi
Username:
Sistem akan
Sistem akan
username dan
priscilla(benar)
menerima
menerima akses
akses login
login dengan input-
dengan input-
an username dan
an username
password.
password dengan input-an yang valid.
Password: 123(benar).
Berhasil.
dan password.
84
4.2.1.2
Pencarian pada Tabel Tabel 4.2
Pengujian Field Pencarian di Tabel Data Alat, Data Siswa, Data Pegawai, Data Pengguna, dan Data Peminjaman Test Case
Test Case
Description
Expected Result
Actual Result
Mengosongkan
Input-an
Sistem akan
Sistem
input-an field
pencarian : -
menampilkan data
menampilkan data
pencarian pada
.
tabel secara
tabel seperti
keseluruhan.
semulanya.
tabel. Mengisi input-an
Input-an
Sistem akan
Sistem
field pencarian
pencarian :
menampilkan baris
menampilkan data
pada tabel
zz(salah).
yang kosong dalam
baris yang kosong
tabel.
pada tabel.
dengan isian
Status
Berhasil.
Berhasil.
tidak valid. Mengisi input-an
Input-an
Sistem akan
Sistem
field pencarian
pencarian :
menampilkan baris
menampilkan baris
pada tabel
priscilla
yang memiliki
yang memiliki
dengan isian
karakter huruf
karakter huruf
valid.
seperti yang di
seperti yang sudah
input-kan.
di input-kan.
Berhasil.
85
4.2.1.3
Tambah Pada Menu Siswa, Pegawai, dan Pengguna
Tabel 4.3 Pengujian Tambah Pada Menu Siswa, Pegawai, dan Pengguna Test Case Description Mengosongkan
Test Case
NIS/NIP : -
inputan nis/nip, nama, dan no telepon.
Nama : No telepon : Jenis Kelamin :
Expected Result
Actual Result
Sistem akan
Sistem akan
memberikan
memberikan
alert
alert
pemberitahuan
pemberitahuan
harus diisi pada
harus diisi pada
form input-an.
form input-an.
Status
Berhasil.
perempuan
Mengisi inputan
NIS/NIP :
Sistem akan
Sistem
nis/nip,
6301131112
memberikan
memberikan
informasi
informasi
kesalahan dan
kesalahan dan
menampilkan
menampilkan
info setiap data
info setiap data
Jenis Kelamin :
input-an harus
input-an harus
perempuan
diisi.
diisi.
Mengisi inputan
NIS/NIP :
Sistem akan
Sistem
nis/nip, nama,
6301131112
memberikan
memberikan
informasi
informasi
kesalahan dan
kesalahan dan
menampilkan
menampilkan
mengosongkan inputan nama, no telepon.
Nama : No telepon : -
mengosongkan no telepon.
Nama : priscilla No telepon : -
info setiap data
info setiap data
Jenis Kelamin :
input-an harus
input-an harus
perempuan
diisi.
diisi.
Berhasil.
Berhasil.
86
Test Case Description Mengisi inputan
Test Case
NIS/NIP : mita
telepon.
Actual Result
Sistem akan
Sistem akan
memberikan
memberikan
informasi
informasi
No telepon :
kesalahan dan
kesalahan dan
09876567890
menampilkan
menampilkan
nis/nip (dengan huruf), nama, no
Expected Result
Nama : priscilla
info NIS/NIP
info NIS/NIP
Jenis Kelamin :
harus diisi
harus diisi
perempuan
dengan angka.
dengan angka.
Mengisi inputan
NIS/NIP :
Sistem akan
Sistem akan
nis/nip, nama,
6301131112
memberikan
memberikan
informasi
informasi
kesalahan dan
kesalahan dan
menampilkan
menampilkan
info no telepon
info no telepon
Jenis Kelamin :
harus diisi
harus diisi
perempuan
dengan angka.
dengan angka.
Mengisi inputan
NIS/NIP :
Sistem akan
Sistem akan
nis/nip (dengan
6301131112
memberikan
memberikan
informasi
informasi
kesalahan dan
kesalahan dan
menampilkan
menampilkan
no telepon (dengan huruf).
Nama : priscilla No telepon : mita
yang sudah pernah didaftarkan),
Nama : priscilla No telepon : mita
nama, no
info nis/nip
info nis/nip
Jenis Kelamin :
sudah pernah
sudah pernah
perempuan
didaftarkan.
didaftarkan.
Mengisi inputan
NIS/NIP :
Sistem akan
Sistem akan
nis/nip, nama,
6301131112
memberikan
memberikan
alert berhasil
alert berhasil
tambah dan
tambah dan
menampilkan
menampilkan
kembali data
kembali data
telepon.
no telepon, jenis kelamin.
Nama : priscilla No telepon :
Status
Berhasil.
Berhasil.
Berhasil.
Berhasil.
87
082321400371
keseluruhan.
keseluruhan.
Jenis Kelamin : perempuan
4.2.1.4
Edit Pada Menu Siswa, Pegawai, dan Pengguna Tabel 4.4 Pengujian Edit Pada Menu Siswa, Pegawai, dan Pengguna
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi no
NIS/NIP :
Sistem akan
Sistem akan
telepon dengan
6301131112
memberikan
memberikan
informasi kesalahan
informasi
dan menampilkan
kesalahan dan
No telepon :
info no telepon
menampilkan info
mita
harus diisi dengan
no telepon harus
angka.
diisi dengan angka.
huruf. Nama : priscilla
Status
Berhasil.
Jenis Kelamin : perempuan Status : aktif
Mengosongkan
NIS/NIP :
Sistem akan
Sistem akan
nama
6301131112
memberikan
memberikan
informasi harus diisi
informasi harus
pada input-an yang
diisi pada input-an
masih kosong .
yang masih
Nama : No telepon : 082321400371
Berhasil.
kosong. .
Jenis Kelamin : perempuan Status : aktif
88
Test Case Description
Test Case
Expected Result
Actual Result
Mengosongkan
NIS/NIP :
Sistem akan
Sistem akan
no telepon
6301131112
menolak dan
menolak dan
memberikan
memberikan
informasi harus diisi
informasi harus
pada input-an yang
diisi pada input-an
masih kosong .
yang masih
Nama : priscilla No telepon : Jenis Kelamin :
Status
Berhasil.
kosong. .
perempuan Status : aktif Mengisi inputan
NIS/NIP :
Sistem akan
Sistem akan
no telepon
6301131112
memberikan
memberikan
informasi kesalahan
informasi
dan menampilkan
kesalahan dan
No telepon :
info no telepon
menampilkan info
mita
harus diisi dan
no telepon harus
berupa angka.
diisi dan berupa
dengan huruf Nama : priscilla
Jenis Kelamin :
Berhasil.
angka.
perempuan
Mengisi semua
NIS/NIP :
Sistem akan
Sistem menerima
inputan dengan
6301131112
menerima dan
aksi submit dan
menyimpan dengan
menyimpan input-
mengubah data
an dengan
yang sudah tersedia.
mengubah data
benar Nama : priscilla No telepon : 082321400371
Berhasil
yang tersedia serta menampilkan
Jenis Kelamin :
kembali datanya.
perempuan Status : aktif
89
4.2.1.5
Tambah Alat Tabel 4.5 Pengujian Tambah Alat
Test Case Description Mengosongkan
Test Case
Nama barang : -
nama barang dan jumlah
Jumlah barang : -
barang
Expected Result
Actual Result
Sistem akan
Sistem
memberikan alert
memberikan
informasi bagian
alert berupa
harus diisi pada
informasi bagian
input-an yang masih
harus disii pada
kosong.
input-an yang
Status
Berhasil.
masih kosong. Mengisi nama
Nama barang : Bola
Sistem akan
Sistem
barang dan
Basket
memberikan alert
memberikan
informasi bagian
alert berupa
harus diisi pada
informasi bagian
input-an yang masih
harus diisi pada
kosong.
input-an yang
mengosongkan jumlah barang
Jumlah barang : -
Berhasil.
masih kosong.
Mengosongkan
Nama barang : -
nama barang dan mengisi
Jumlah barang : 10
jumlah barang
Sistem akan
Sistem
memberikan alert
memberikan
informasi bagian
alert berupa
harus diisi pada
informasi bagian
input-an yang masih
harus diisi pada
kosong.
input-an yang
Berhasil.
masih kosong. Mengisi nama
Nama barang : Bola
Sistem akan
Sistem akan
barang dan
Basket
memberikan alert
memberikan
informasi jumlah
alert informasi
barang tidak boleh
jumlah barang
minus.
tidak boleh
mengisi jumlah barang dengan minus.
Jumlah barang : -50
Berhasil.
minus.
90
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi nama
Nama barang : Bola
Sistem akan
Sistem akan
barang dengan
Futsal
memberikan alert
memberikan
informasi data
alert informasi
barang sudah ada.
data barang
nama barang Jumlah barang : -50
yang sudah ada.
Status
Berhasil.
sudah ada.
Mengisi semua
Nama barang : Bola
Sistem akan
Sistem akan
inputan
Basket
langsung ke
langsung ke
halaman tabel alat
halaman tabel
dengan tambahan
alat dengan
alat yang baru
tambahan alat
dengan benar Jumlah barang : 50
Berhasil.
yang baru
4.2.1.6
Edit Data Alat Tabel 4.4 Pengujian Edit Pada Menu Data Alat
Test Case Description Mengosongkan
Test Case
Nama barang : -
jumlah barang.
Actual Result
Sistem akan
Sistem akan
memberikan alert
memberikan
informasi bagian
alert informasi
Status barang :
harus diisi pada
bagian harus diisi
tersedia
input-an yang
pada input-an
masih kosong.
yang masih
inputan nama barang dan
Expected Result
Jumlah barang : -
Status
Berhasil.
kosong.
Mengosongkan
Nama barang : -
inputan nama barang dan
Jumlah barang : 12
Sistem akan
Sistem akan
memberikan alert
memberikan
informasi bagian
alert informasi
mengisi jumlah
Status barang :
harus diisi pada
bagian harus diisi
barang.
tersedia
input-an yang
pada input-an
masih kosong.
yang masih
Berhasil.
kosong.
91
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi inputan
Nama barang : Bola
Sistem akan
Sistem akan
nama barang
Basket
memberikan alert
memberikan
informasi bagian
alert informasi
harus diisi pada
bagian harus diisi
dengan benar Jumlah barang : -12
dan jumlah barang dengan
Status barang :
input-an yang
pada input-an
nilai minus.
tersedia
masih kosong dan
yang masih
tidak boleh
kosong dan tidak
minus.
boleh minus.
Mengisi inputan
Nama barang : Bola
Sistem akan
Sistem akan
nama barang
Basket
memberikan alert
memberikan
informasi bagian
alert informasi
harus diisi pada
bagian harus diisi
dengan benar Jumlah barang : mita
dan jumlah barang dengan
Status barang :
input-an yang
pada input-an
huruf.
tersedia
masih kosong dan
yang masih
berupa angka.
kosong dan
Status
Berhasil.
Berhasil.
berupa angka.
4.2.1.7
Tambah Stok Barang Tabel 4.7 Pengujian Tambah Stok Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengosongkan
Nama barang
Sistem akan
Sistem
jumlah barang
: Bola Basket
memberikan
memberikan
informasi alert
informasi alert
harus diisi pada
harus diisi pada
input-an yang masih
input-an yang
kosong.
masih kosong.
Jumlah barang :-
Mengisi jumlah
Nama barang
Sistem akan
Sistem akan
barang dengan
: Bola Basket
memberikan
memberikan
informasi alert
informasi alert
huruf
Status
Berhasil
Berhasil
Jumlah
92
barang : mita
jumlah barang harus
jumlah barang
diisi dengan angka.
harus diisi dengan angka.
Mengisi jumlah
Nama barang
Sistem akan
Sistem akan
barang dengan
: Bola Basket
memberikan
memberikan
informasi alert
informasi alert
jumlah barang tidak
jumlah barang
boleh minus.
tidak boleh
nilai minus Jumlah barang : -50
Berhasil
minus. Mengisi nama
Nama barang
Sistem akan
Sistem akan
barang dan
: Bola Basket
memberikan
memberikan
informasi alert
informasi alert
berhasil dan stok
berhasil dan stok
barang akan
barang akan
bertambah.
bertambah.
jumlah barang dengan benar
Jumlah barang : -0
4.2.1.8
Berhasil
Tambah Menu Peminjaman Tabel 4.8 Pengujian Tambah Menu Peminjaman
Test Case
Test Case
Description
Expected Result
Actual Result
Mengisi
Pilih Barang :
Sistem akan memberikan
Sistem akan
inputan pada
Bola Basket
informasi alert jumlah
memberikan
barang yang dipinjam
informasi alert jumlah
tidak boleh melebihi stok
barang yang dipinjam
sekolah.
tidak boleh melebihi
form masukkan jumlah pinjam lebih dari stok yang ada
Masukkan jumlah pinjam : 10
Status
Berhasil.
stok sekolah.
Stok Barang Sekolah : 5 Mengisi
Pilih Barang :
Sistem akan memberikan
Sistem akan
inputan pada
Bola Basket
informasi alert jumlah
memberikan
barang yang dipinjam
informasi alert jumlah
form masukkan jumlah pinjam
Masukkan
Berhasil.
barang yang dipinjam
93
dengan nilai 0
jumlah pinjam :
tidak boleh nol.
tidak boleh nol.
0 Stok Barang Sekolah : 5 Mengisi
Pilih Barang :
Sistem akan memberikan
Sistem akan
inputan pada
Bola Basket
informasi alert jumlah
memberikan
barang yang dipinjam
informasi alert jumlah
tidak boleh minus.
barang yang dipinjam
form masukkan jumlah pinjam dengan nilai minus.
Masukkan jumlah pinjam :
Berhasil.
tidak boleh minus.
-9 Stok Barang Sekolah : 5
Mengosongkan
Pilih Barang :
Sistem akan memberikan
Sistem akan
inputan pada
Bola Basket
informasi alert jumlah
memberikan
barang yang dipinjam
informasi alert jumlah
tidak boleh kosong.
barang yang dipinjam
form masukkan jumlah pinjam.
Masukkan jumlah pinjam :
Berhasil.
tidak boleh kosong.
Stok Barang Sekolah : 5 Mengisi
Pilih Barang :
Sistem akan memberikan
Sistem akan
inputan
Bola Basket
informasi alert berhasil
memberikan
dan kembali ke halaman
informasi alert
data peminjaman.
berhasil dan kembali
dengan benar Masukkan jumlah pinjam : 1
Berhasil.
ke halaman data peminjaman.
Stok Barang Sekolah : 5
94
4.2.1.9
Ubah Profil Pengguna Tabel 4.9 Pengujian Ubah Profil Siswa, Pegawai, Pengguna, dan Kepala Sekolah
Test Case
Test Case
Description
Expected Result
Actual Result
Mengosongkan
Id Pengguna :
Sistem akan
Sistem akan
inputan pada
6301131112
memberikan
memberikan
informasi alert
informasi alert form
form inputan nama
inputan nama dan
dan nomor telepon
nomor telepon tidak
tidak boleh kosong.
boleh kosong.
nama dan nomor telepon
Nama : Posisi : siswa
Status
Berhasil.
No telepon : Jenis kelamin : perempuan Password lama : Password baru : Tulis ulang password baru Mengisi
Id Pengguna :
Sistem akan
Sistem akan
inputan nomor
6301131112
memberikan
memberikan
informasi alert
informasi alert form
form inputan
inputan nomor
nomor telepon
telepon tidak boleh
tidak boleh berupa
berupa huruf.
telepon dengan huruf
Nama : priscilla Posisi : siswa No telepon : mita
Berhasil .
huruf.
Jenis kelamin : perempuan Password lama : Password baru : Tulis ulang password baru
95
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi semua
Id Pengguna :
Sistem akan
Sistem akan
inputan
6301131112
memberikan
memberikan
informasi alert
informasi alert form
form inputan
inputan passw.ord
password lama
lama salah
dengan benar kecuali password lama
Nama : priscilla Posisi : siswa
Status
Berhasil .
salah. No telepon : mita Jenis kelamin : perempuan Password lama : pass95 (salah) Password baru : pass90 Tulis ulang password baru : pass90 Mengisi
Id Pengguna :
Sistem akan
Sistem akan
inputan
6301131112
memberikan
memberikan
informasi alert
informasi alert form
form inputan
inputan password
password baru dan
baru dan tulis ulang
tulis ulang
password baru tidak
password baru
sama.
password baru dan tulis ulang password baru
Nama : priscilla Posisi : siswa
dengan berbeda
No telepon : mita Jenis kelamin :
Berhasil .
tidak sama.
perempuan Password lama : pass92(benar) Password baru : pass90 Tulis ulang password baru : pass91
96
BAB 5 PENUTUP 5.1 Kesimpulan Setelah melakukan kegiatan analisis kebutuhan, desain, perancangan kode program dan pengujian terhadap aplikasi, dapat diambil kesimpulan bahwa aplikasi berbasis website mampu, 1. Menjadi media sarana pengelola data peminjam yaitu siswa dan pegawai, data alat logistik, dan data peminjaman alat logistik. 2. Menjadi
media
untuk
dapat
memfasilitasi
proses
peminjaman,
pengembalian, dan perpanjangan untuk peminjam yang meminjam alat logisik. 3. Menjadi media untuk mengetahui laporan data alat logistik dan laporan data peminjaman alat logistik setiap periodenya. 4. Menjadi media sarana untuk melakukan pemesanan atau peminjaman dan perpanjangan alat logistik yang dilakukan oleh siswa dan pegawai melalui aplikasi web. 5. Menjadi media sarana informasi bagi peminjam (siswa dan guru) untuk mengetahui status peminjaman melalui aplikasi web.
5.2 Saran Berdasarkan hasil pembuatan proyek akhir ini, penulis menyampaikan beberapa saran untuk melakukan pengembangan selanjutnya yaitu : 1. Menangani lupa password bagi siswa dan pegawai melalui aplikasi web.
97
DAFTAR PUSTAKA
[1] Website Sekolah : http://smaneg1lubukpakam.sch.id/ [2] Pinto Very, Logistik dan Pengelolaan. Jakarta: Logistik, 2014. [3] I. S. Rekayasa Perangkat Lunak, Jakarta: Erlangga, 2003. [4] Rosa. A.S dan M. Shalahuddin, Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika, 2014. [5] M. Madiun, Aplikasi Web Database dengan Dreamweaverdan PHP-MySQL. Yogjakarta, Indonesia: CV. ANDI OFFSET, 2011. [6] Bunafit Nugroho, Membuat Aplikasi Database dengan Java, MySQL, dan NetBeans. Jakarta: Elex Media Komputindo, 2013. [7] A. Nugroho, Rational Rose untuk Pemodelan Berorientasi Objek. Bandung, Indonesia: Informatika, 2005. [8] Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi Offset, 2012.
98
LAMPIRAN 1. Hasil wawancara
Lampiran 1 Hasil Wawancara
99
2. Hasil Survey
Lampiran 2 Hasil Survey
100
Lampiran 3 Hasil Survey
101
Lampiran 4 Hasil Survey
102
