Aplikasi Pengelolaan Biaya Operasional Berbasis Web ( Studi Kasus : UPK Satria Mandiri Lumbir ) Disusun oleh : ( Wahyu Aji Pangestu ) ( 16.11.0309 ) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS AMIKOM PURWOKERTO PURWOKERTO 2019 HALAMAN PENGESAHAN 1. Judul Kegiatan 2. Bidang Kegiatan 3. Bidang Ilmu 4. Ketua Pelaksana Kegiatan a. Nama Lengkap b. NIM c. Jurusan d. Universitas/Institut/Politeknik e. Alamat Rumah dan No Tel./HP f. Alamat Email 5. Anggota Pelaksana Kegiatan/Penulis 6. Dosen Pendamping a. Nama Lengkap dan Gelar : Aplikasi Pengelolaan Biaya Operasional Berbasis Web (Studi Kasus : UPK Satria Mandiri Lumbir) : Tugas Kerja Praktek (KP) : Teknologi dan Rekayasa : : : : : Wahyu Aji Pangestu 16.11.0309 Teknik Informatika Amikom Purwokerto Desa Cilongok, RT 001 RW 003 Kec. Cilongok / 085291299572 : [email protected] : 1 orang : Muhamad Awiet Wiedanto Prasetyo, S.Kom.,M.MSI. b. NIDN c. Alamat Rumah dan No Tel./HP : 0625059201 : Desa Kedunggede RT 002 /RW 001, Kec. Lumbir / 082135331617 7. Biaya 8. Jangka Waktu Pelaksanaan : Rp 10.132.000 : 3 bulan Purwokerto, 27 Juli 2019 Menyetujui, Ketua Program Studi Teknik Informatika Ketua Pelaksana Kegiatan ( Didit Suhartono, M.Kom.) NIK. 2016.10.1.028 ( Wahyu Aji Pangestu ) NIM. 16.11.0309 Fakultas Ilmu Komputer Dekan, Dosen Pendamping (Rahman Rosyidi, M.Kom.) NIK. 2009.09.1.002 (Muhamad Awiet W.P.,S.Kom.,M.MSI) NIDN. 0625059201 ii PENGESAHAN LAPORAN TUGAS PRAKTEK APLIKASI PENGELOLAAN BIAYA OPERASIONAL BERBASIS WEB ( Studi Kasus : UPK Satria Mandiri Lumbir ) yang dipersiapkan dan disusun oleh ( Wahyu Aji Pangestu ) ( 16.11.0309 ) telah dipertahankan di depan Dewan Penguji pada tanggal 8 Agustus 2019 Susunan Dewan Penguji Nama Penguji Tanda Tangan Nandang Hermanto, M. Kom NIDN. 0602027505 _______________________ Wiga Maulana Baihaqi, S.Kom., M.Eng NIDN. 0602089301 _______________________ iii DAFTAR ISI HALAMAN JUDUL .............................................................................................. i HALAMAN PENGESAHAN ............................................................................... ii DAFTAR ISI ......................................................................................................... iv RINGKASAN .........................................................................................................v BAB I PENDAHULUAN A. Latar Belakang Masalah ...............................................................................1 B. Rumusan Masalah ........................................................................................3 C. Batasan Masalah...........................................................................................3 D. Tujuan Penelitian .........................................................................................3 E. Manfaat Penelitian .......................................................................................3 BAB II TINJAUAN PUSTAKA A. B. C. D. E. F. Pengertian Aplikasi .....................................................................................5 Pengertian Pengelolaan ...............................................................................5 Biaya Operasional .......................................................................................6 UPK Satria Mandiri ....................................................................................7 Web .............................................................................................................8 Kebutuhan dalam Website ..........................................................................9 a. HTML ....................................................................................................9 b. PHP ......................................................................................................10 c. CSS.......................................................................................................11 d. MySQL.................................................................................................13 e. PHPMyAdmin ......................................................................................13 G. Perangkat Lunak yang digunakan .............................................................14 BAB II METODE PELAKSANAAN A. Lokasi & Waktu Penelitian .......................................................................16 B. Metode Pengambilan Data ........................................................................16 C. Metode Pengembangam Sistem................................................................17 DAFTAR PUSTAKA .................................................................................................. 18 iv Ringkasan UPK Satria Mandiri merupakan suatu lembaga berada dalam naungan Badan Kerja Sama Antar Desa(BKAD) yang memiliki program dana pinjaman bergulir di kecamatan lumbir. Dalam menjalankan kegiatanya UPK harus mencatat segala biaya operasionalnya untuk tujuan pelaporan kepada BKAD. Biaya operasional yang dimaksud berupa biaya pengeluran seperti administrasi dan umum, biaya transport, biaya rapat, biaya inventaris, dan lain-lain. Sistem yang berjalan sebelumnya untuk pengelelolaan biaya operasional masih manual, yaitu dituliskan dalam buku besar. Jika datanya sedikit tentu tidak menjadi masalah, namun jika datanya banyak, bisa menyebabkan beberapa masalah. Seperti dalam hal pencarian data, pengubahan data, dan pembuatan laporan. Untuk mengatasi masalah tersebut dibangun aplikasi pengelolaan biaya operasional berbasis web yang diharapkan aplikasi ini bisa membantu dalam pengelolaan biaya operasional dan mempercepat proses pembuatan laporan. Kata Kunci : Biaya operasional, UPK Satria Mandiri, Aplikasi, Web v BAB I PENDAHULUAN A. Latar Belakang Masalah Seiring dengan pesatnya perkembagan teknologi yang ada, memunculkan banyak inovasi teknologi informasi untuk memenuhi kebutuhan manusia. Beberapa tahun belakang ini pemanfaatan teknologi informasi diberbagai bidang telah banyak dilakukan. Terutama pemanfaatan sebuah sistem yang bisa bisa menyajikan informasi yang cepat, akurat dan tepat. Banyak perusahaan dan instansi mengikuti adanya perkembangan teknologi, terutama perkembangan berbasis komputer. Komputer pada awalnya digunakan oleh beberapa golongan saja, misalnya para akademisi dan perkantoran, kini telah banyak digunakan oleh beberapa kalangan misalnya bidang pendidikan(guru, siswa/mahasiswa, dosen), bidang kedokteran(dokter, perawat), bidang bisnis(karyawan), dan lainlain. UPK Satria Mandiri merupakan suatu lembaga berada pada naungan Badan Kerja Sama Antar Desa(BKAD) yang memilki program dana pinjaman bergulir. Setiap hari UPK Satria Mandiri harus mencatat segala biaya operasional yang dikeluarkan untuk tujuan pelaporan kepada BKAD. Biaya operasioal disini dapat berupa administrasi & umum, biaya transport, biaya rapat, biaya inventaris, dan lain-lain. Sistem yang sedang berjalan untuk mengelola biaya operasional masih manual. Jika datanya sedikit tentu itu tidak menjadi masalah, namun semakin banyaknya kebutuhan maka akan berbanding lurus dengan banyaknya pengeluaran biaya operasional. Hal tersebut menyebabkan sistem manual menjadi kurang efektif dan efisien. Sistem yang manual menyebabkan beberapa masalah, yang pertama dalam hal pencarian data biaya operasional. Pencarian data harus dilakukan dengan melihat satupersatu baris data yang ditulis buku. Hal itu membuat pencarian data membutuhkan waktu lama jika datanya banyak dan sistem pencarian manual tersebut tidak efisien. Masalah kedua yaitu pada pengubahan data biaya operasional. Jika terdapat kesalahan penulisan data biaya operasional, maka data tersebut harus diubah dan perlu menjumlah ulang total jumlahnya. Itu membuat sistem pengubahan datanya tidak efektif karena terdapat pekerjaan yang diulang dua kali. Masalah yang ketiga yaitu dalam hal pembuatan laporan untuk atasan. Laporan biaya operasional merupakan hal yang penting karena itu menjadi salah satu bahan pengambilan keputusan di periode berikutnya. Laporan yang dibuat bisa beragam berdasarkan periode tertentu sesuai dengan kebutuhan, dengan sistem manual pegawai mengharuskan merekap terlebih dahulu biaya operasionalnya lalu kemuduan dibuat laporan. Perekapan data tentunya bisa memakan waktu lama jika datanya banyak. Hal tersebut tentu tidak efisien dan bisa membuat penyerahan laporan kepada atasan menjadi terlambat. Berdasarkan latar belakang tersebut penulis tertarik untuk membangun ”Aplikasi Pengelolaan Biaya Operasional Berbasis Web” yang bisa membantu dalam hal pengelolaan serta mempermudah dan mempercepat pembuatan laporan biaya operasional. 2 B. Perumusan masalah Berdasarkan latar belakang masalah diatas maka dapat diambil rumusan masalah yaitu bagaimana membangun Aplikasi Pengelolaan Biaya Operasional berbasis Web yang diharapkan bisa membantu pengelolaan biaya operasional? C. Batasan Masalah 1. Software yang digunakan antara lain Visual Studio Code, sedangkan untuk pembuatan database menggunakan MySQL. 2. Aplikasi yang dibangun memuat informasi yang berkaitan dengan biaya operasional. 3. Hak akses untuk aplikasi ini ada dua yaitu bendahara, dan admin. D. Tujuan Penelitian Adapun tujuan dari penelitian ini adalah : 1. Membangun aplikasi yang memudahkan dalam mengelola biaya operasional. 2. Mempercepat pegawai dalam pembuatan laporan biaya operasional. E. Manfaat Penelitian 1. Manfaat bagi penulis • Penulis mampu menerapkan sekaligus mengukur sejauh mana kemampuannya di bidang pemrograman serta mengaplikasikan ilmu 3 yang sudah didapat untuk membuat aplikasi yang bermanfaat bagi penggunanya. 2. Manfaat bagi UPK Satria Mandiri Kecamatan Lumbir • Aplikasi yang dibangun membantu pegawai dalam pencarian data biaya operasional yang cepat dan akurat. • Aplikasi ini mempermudah dan mempercepat pegawai dalam pembuatan laporan. • Aplikasi ini membantu pegawai dalam mengatur perubahan data biaya operasional. 4 BAB II TINJAUAN PUSTAKA 1. Pengertian Aplikasi Aplikasi adalah suatu program yang siap untuk digunakan yang dibuat untuk melaksanankan suatu fungsi bagi pengguna jasa aplikasi serta penggunaan aplikasi lain yang dapat digunakan oleh suatu sasaran yang akan dituju. (Juansyah, 2015) Aplikasi adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas yang diinginkan pengguna. Biasanya dibandingkan dengan perangkat lunak sistem yang mengintegrasikan berbagai kemampuan komputer, tapi tidak secara langsung menerapkan kemampuan tersebut untuk mengerjakan suatu tugas yang menguntungkan pengguna (Amat, Linda, Rezki, 2012). Dari pengertian diatas dapat disimpulkan bahwa aplikasi adalah suatu program yang memanfaatkan kemampuan komputer dan digunakan untuk melakukan suatu tugas tertentu. 2. Pengertian Pengelolaan Secara umum pengelolaan merupakan kegiatan merubah sesuatu hingga menjadi baik berat memiliki nilai-nilai yang tinggi dari semula. Pengelolaan dapat juga diartikan sebagai untuk melakukan sesuatu agar lebih sesuai serta cocok dengan kebutuhan sehingga lebih bermanfaat. 5 Pengelolaan merupakan istilah yang dipakai dalam ilmu manajemen. Secara etomologi istilah pengelolaan berasal dari kata .kelolah. (to manage) dan biasanya merujuk pada proses mengurus atau menangani sesuatu untuk mencapai tujuan tertentu.(Nugroho, 2003). Sedangkan menurut Syamsu menitikberatkan pengelolaan sebagai fungsi manajemen yang meliputi perencanaan, pelaksanaan, pengorganisasian dan pengontrolan untuk mencapai efisiensi pekerjaan. Jadi pengelolaan merupakan ilmu manajemen yang berhubungan dengan proses mengurus dan menangani sesuatu untuk mewujudkan tujuan tertentu yang ingin dicapai. 3. Biaya Operasional Biaya adalah pengorbanan sumber ekonomi, yang diukur dalam satuan uang yang telah menjadi atau kemungkinan akan terjadi untuk tujuan tertentu. (Mulyadi, 2014) Operasional adalah bagian yang meliputi insfrastruktur, pelengkap, proses, dan prosedur yang digunakan sehingga bisa memproduksi dan menyampaikan produk atau saja dengan satu cara yang memungkinkan, untuk menjalankan usaha yang menguntungkan. (Abrams, 2010) Biaya operasional adalah keseluruhan biaya komersial yang dikeluarkan untuk menunjang atau mendukung kegiatan atau aktivitas perusahaan untuk mencapai sasaran yang telah ditentukan, dan dalam arti lain biaya operasioanal adalah biaya yang terjadi dalam hubunganya dengan proses kegiatan 6 operasional perusahaan dalam usahanya mencapai tujuan perusahaan yang lebih maksimal. (Murni, 2018) 4. UPK Satria Mandiri Lumbir Unit Pengelola Kegiatan (UPK) adalah pelaksana teknis Badan Kerja Sama Antar Desa(BKAD) dibidang pengelola keuangan yang menjalankan tugas dan fungsi dalam keuangan aset masyarakat kecamatan yang berasal dari dana Program Pengembangan Kecamatan(PPK), atau Program Nasional Pemberdayaan Masyarakat Mandiri perdesaan(PNPM-Md). UPK Satria Mandiri Lumbir didirikan pada tahun 2001, sebagai lembaga pengelola dana PNPMM Pd baik dana hibah ke masyarakat dan dana pinjaman bergulir dengan fungsi memberikan pelayanan kepada masyarakat miskin dan marjinal dengan tetap melibatkan masyarakat secara umum. Keberadaan lembaga UPK memiliki posisi yang sangat strategis dalam rangka melestarikan hasil-hasil yang telah dilaksanakan oleh program PNPM-MPd karena fokus kegiatan UPK dilakukan di tingkat kecamatan. Mekanisme dan prosedur UPK meliputi : • Melaksanakan manajemen pegengelolaan kegiatan dana pinjaman berguliran. • Melaksanakan manajemen pengelolaan kegiatan dana program. • Membuat laporan keuangan dan kegiatan secara rutin setiap bulan yang disampaikan pada BKAD. • Memberikan informasi dan pelayanan usaha kelompok. 7 • Mensosialisasikan program dana bergulir kepada masyarakat. • Menampung dan mencatat setoran dari kelompok peminjam. • Melaksanakan pembinaan anggota kelompok peminjam. • Mencatat inventaris bidang pengelola keuangan dan lembaga pendukung lainnya. • Menyusun dan mempertanggung jawabkan bidang keuangan kepada BKAD. 5. Web Menurut (Agus Hariyanto, 2015), Website adalah : “Web dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar, data animasi, suara, video dan gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink)”. Menurut Rohi Abdulloh (2015) web adalah : “Sekumpulan halaman yang terdiri dari beberapa halaman yang berisi informasi dalam bentuk data digital baik berupa text, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet”. Jadi dapat disimpulkan bahwa web merupakan sekumpulan halaman yang menampilkan informasi berupa teks, gambar, video, suara, maupun penggabungan dari semuanya diakses melalui jaringan internet. 8 6. Kebutuhan dalam Website a. Hypertext Markup Language(HTML) HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa, dan disebut markup language karena mengandung tag tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen (Setiawan, 2012). HTML adalah suatu sistem untuk menambahkan dokumen dengan tabel yang menandakan bagaimana teks dokumen harus disajikan dan bagaimana dokumen dihubungkan bersama-sama. HTML (Hypertext Markup Language) memungkinkan seorang desain web menjadi lebih mudah dalam mendesain web. HTTP dan HTML kemudian dikenal dengan istilah baru yakni WWW (World Wide Web)(Prasetyo, 2008). HTML dikenal dengan sebagai standar bahasa yang digunakan untuk menampilkan dokumen web. Yang bisa dilakukan dengan HTML yaitu (Prasetyo: 1. Mengontrol tampilan dari web page dan contentnya 2. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh dunia. 9 3. Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online 4. Menambahkan objek-objek seperti image, audio, video, dan juga java applet dalam dokumen HTML b. PHP PHP adalah salah satu bahasa script yang di eksekusi di sisi server web (server-side) yang didesain khusus untuk aplikasi web seperti halnya JSP, perl (.pl) dan ASP. Script PHP dieksekusi di server dan menghasilkan output (jika ada) dalam bentuk HTML yang dikirimkan oleh server web ke client/browser. Dengan cara ini, kode PHP yang disimpan di server tidak akan terlihat oleh client (Setiawan, 2012). PHP merupakan jenis bahasa scripting yang lazim digunakan di halaman web. Salah satu kelebihan PHP adalah kemudahannya untuk berinteraksi dengan database. PHP dapat mendukung beberapa database secara langsung, tanpa harus menginstal konektor seperti halnya pemrograman java. Dengan demikian PHP sangat fleksibel berhubungan dengan berbagai basis data (EMS, 2009). PHP merupakan sebagai bahasa pemrograman open source yang digunakan secara luas terutama untuk pengembangan web dan dapat disimpan dalam bentuk HTML. Sehingga web tidak hanya memberikan informasi tapi terjalin interaksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan web server Apache, PWS dan IIS. 10 Kelahiran PHP bermula saat Rasmus Lerdorf membuat jumlah skrip perl yang dapat mengamati siapa saja yang dapat melihat-melihat daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995, Rasmus menciptakan PHP/FI Versi 2, dimana Versi tersebut dapat menempelkan kode terstruktur dalam tag HTML dan juga PHP dapat berkomunikasi dengan database (Kustiyahningsih, 2011). c. Cascading Style Sheet (CSS) Cascading Style Sheet (CSS) adalah suatu kumpulan kode-kode untuk menformat, yang mengendalikan tampilan isi dalam suatu halaman web. Penggunaan style CSS pada format suatu halaman diletakkan terpisah dari tampilan halaman. Isi dari halaman kode HTML anda terletak di dalam file HTML, sedangkan kode CSS dapat berupa tampilan kode yang berada dalam file lain atau dalam salah satu bagian dari dokumen HTML, dan biasanya diletakkan dibagian kepala atau tag <head>(Madcoms, 2010). CSS merupakan salah satu bahasa pemrograman web yang bertujuan untuk membuat web kite menjadi lebih menarik dan terstruktur, dalam CSS kita bisa merubah warna tabel, ukuran font, atau tata letak menu yang terkendali dari CSS sehingga semua jendela web yang berkaitan dengan perubahan tersebut secara otomatis dapat berubah, dengan CSS kita tidak perlu membuat style pada setiap file PHP (Aditama, 2012). CSS merupakan salah satu bahasa style (tampilan) yang dapat diterapkan pada halaman web. CSS berfungsi memisahkan antara desain dengan content halaman web. CSS bekerja dengan cara mengontrol tag-tag 11 HTML, bisa berupa mendefinisikan ulang tag, atau membuat aturan tersendiri kemudian menerapkan aturan tersebut berupa ID atau kelas (Komputer, 2011). CSS juga memungkinkan untuk menerapkan banyak fitur dengan suatu sintak sederhana yang mudah untuk dipahami. Jika anda terbiasa dengan konsep penggunaan style dalam program pengolah kata, maka tidak akan menemukan masalah dalam memahami CSS(Madcoms, 2010). Kelebihan lain dari penggunaan CSS jika dibandingkan dengan hanya menggunakan kode HTML saja yaitu lebih hemat waktu dan lebih mudah dalam mengedit tampilan web. Hal ini dikarenakan CSS fungsinya seperti master halaman. Jadi ketika ingin mengubah seluruh web hanya cukup mengubah dari file CSS-nya tanpa perlu satu persatu dari tiap halaman. Karena sekali ditulis, maka CSS akan berlaku untuk semua halaman web. Ini juga berefek pada loading halaman yang menjadi lebih cepat, karena ukuran file tiap halaman web jadi lebih kecil. Kemudian dengan CSS juga memungkinkan berbagai efek yang lebih beragam untuk mempercantik tampilan web yang tidak bisa didapat dari HTML. Sedangkan kekurangannya adalah, beberapa kode CSS yang berjalan baik pada suatu web browser, belum tentu bisa aktif pada web browser yang lain (Madcoms, 2010). d. MySQL MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah 12 lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional. Pada modus operasi nontransaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya (Februariyanti, 2012). e. PHPMyAdmin PHPMyAdmin dibuat khusus untuk mengelola database MySQL. Aplikasi ini free dan dapat di-download di mysql.com, sourceforge.net dan situs web lain yang berhubungan dengan PHP dan MySQL. Bahkan, dengan menginstal Xampp, maka secara otomatis Apache, MySQL, PHP akan terinstal, untuk membuka aplikasi PHPMyAdmin, harus menjalankan 13 terlebih dahulu server web Apache, dan server database MySQL, yaitu melalui Xampp control panel (Kustiyahningsih, 2011). 7. Perangkat Lunak yang digunakan a. SublimeText 3 SublimeText 3 digunakan untuk melakukan editor pada website seperti HTML, PHP, Java Script, CSS, dan lain – lain. b. Browser Browser digunakan untuk menampilkan atau memperlihatkan atau memperlihatkan desain website selama proses pembuatan. c. XAMPP Basis data, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional. Pada modus operasi nontransaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya (Februariyanti, 2012). 14 XAMPP digunakan untuk mengakses server yang berdiri sendiri (localhost), yang terdiri dari Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP Perl. 15 BAB III METODE PELAKSANAAN A. Lokasi & Waktu Penelitian Penelitian ini dilaksanakan pada bulan Mei sampai dengan Juli, dan bertempat di kantor UPK Satria Mandiri yang berlokasi di Jalan Raya Lumbir RT 001 RW 004 Desa Lumbir, Kecamatan Lumbir, Kabupaten Banyumas. B. Metode Pengambilan Data 1. Wawancara Wawancara (interview) adalah suatu proses tanya jawab lesan, dalam mana 2 orang atau lebih berhadapan secara fisik, yang satu dapat melihat muka yang lain dan mendengarkan dengan telinga sendiri dari suaranya. Dalam interview dapat diketahui ekspresi muka, gerak gerik tubuh yang dapat dicek dengan pertanyaan verbal. Dengan interview dapat diketahui penguasaan materi (Sukandarrumidi, 2012). Tahapan ini, penulis melakukan wawancara kepada kepala bagian sumber daya manusia yang terkait guna mencari informasi dan pengumpulan data yang nanti digunakan sebagai konten dan fitur website tersebut. 2. Observasi Observasi adalah pengamatan dan pencatatan sesuatu objek dengan sistematika fenomena yang diselidiki. Observasi dapat dilakukan sesaat ataupun mungkin dapat diulang. Oleh sebab itu observasi hendaknya dilakukan oleh orang yang tepat. Dalam observasi melibatkan 2 komponen yaitu si pelaku observasi yang lebih dikenal sebagai observer yang diobservasi yang dikenal sebagai observe (Sukandarrumidi, 2012). 3. Metode Kepustakaan Metode kepustakaan merupakan teknik pengumpulan data dan sumber-sumber seperti buku, dokumen, publikasi, atau internet (Jogiyanto, 2005). Dalam metode ini, pengumpulan data dilakukan dengan cara mempelajari buku-buku pendukung, termasuk didalamnya literatur tentang penulisan dan mengenai hal-hal yang mendukung pembuatan program aplikasi. Selain dari buku, data yang diperlukan juga berasal dari sumber lain seperti internet. 16 C. Metode Pengembangan Sistem Pengembangan sistem ini menggunakan model prototipe adalah implementasi bagian dari produk software yang secara typical fungsinya dibatasi. Prototipe sering dikembangkan secara cepat dalam bahasa tingkat tinggi atau bahasa prototipe tertentu (Ladjamudin, 2006) Gambar 1.0 Ilustrasi Model Prototype (Sumber: Indriasari, 2012) Tahapan penelitian Aplikasi Pengelolaan Biaya Operasional Berbasis Web, dalam pengembangan sistem ini menggunakan model Prototype. Berikut ini adalah tahapan-tahapannya : 1. Tahapan Mendengarkan pelanggan Tahapan mendengarkan pelanggan adalah tahapan mempelajari cara pengelolaan data di UPK Satria Mandiri. Proses yang sesuai dengan kebutuhan dari pihak UPK dapat diketahui dengan cara melakukan pengamatan, wawancara, dan pengumpulan data yang terkait. Hasil dari pengamatan, wawancara, dan pengumpulan data digunakan untuk proses analisis sehingga akan mendapatkan rumusan yang tepat. 2. Membangun/Memperbaiki Prototype Tahapan membangun prototype dilakukan dengan memetakan hasil dari pengamatan, wawancara, mengumpulkan data, dan analisis, langkah-langkah yang dilakukan untuk memetakan hasil dari pengamatan, wawancara, mengumpulkan data, dan analisis keperangkat (Rossa, 2013). 3. Pelanggan Menguji Coba Prototype Proses pengujian pada penelitian ini melibatkan pengembang dan pengguna. Pengembang melakukan pengujian untuk memastikan sistem berjalan dengan baik sesuai dengan proses yang ditentukan. 17 DAFTAR PUSTAKA Juansyah, A. (2015). PEMBANGUNAN APLIKASI CHILD TRACKER BERBASIS ASSISTED – GLOBAL POSITIONING SYSTEM (A-GPS) DENGAN PLATFORM ANDROID. Jurnal Ilmiah Komputer dan Informatika (KOMPUTA). Murni, P. D. (2018). PENGARUH BIAYA OPERASIONAL DAN VOLUME PENJUALAN TERHADAP LABA BERSIH DENGAN CORPORATE SOCIAL RESPONSIBILITY (CSR) SEBAGAI VARIABEL MODERATING. Journal of Accounting 2018. Sukandarrumidi. (2012). Metode Penelitian : Petunjuk Praktis untuk Peneliti Pemula Yogyakarta. GAJAH MADA UNIVERSITY PRESS. Abrams, Rhonda, Alice LaPlante, Kusnandar (Penterjemah). 2010. Passion to Profits: Cetakan 1. Tanggerang: Azkia Publisher: Kelompok Pustaka Alvabet. Rosa, dkk. 2013”Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek”. Bandung: Informatika. Santoso, Amat, Linda Fatmawaty, Rezky Kurniati. 2012, Aplikasi Periodik Unsur Kimia Berbasis Mobile, Jurnal Ilmiah Mahasiswa, Vol 1, No 1, hal 90-98, Bengkalis Noviansyah. Eka, “Aplikasi Website Museum Nasional Macromedia Dreamweaver MX”, Jakarta : STIK, 2008 Menggunakan Prasetyo, Eko. 2008 “Pemrograman Web PHP & MySQL untuk Sistem Informasi Perpustakaan”. Yogyakarta: Graha Ilmu. 18 DAFTAR LAMPIRAN Lampiran 1. Biodata Mahasiswa dan Pembimbing Lampiran 2. Jadwal Kegiatan Lampiran 3. Rancangan Biaya Lampiran 4. Denah Lokasi Pelaksanaan KP Lampiran 5. Gambaran Singkat Program Lampiran 6. Manual Book Lampiran 7. Keaslian KP Lampiran 8. Surat Kerja Sama Lampiran 1 Biodata Mahasiswa A. Identitas Diri 1. 2. 3. 4. 5. 6. 7. Nama Lengkap (dengan gelar) Jenis Kelamin Program Studi NIM Tempat dan Tanggal Lahir E-mail Nomor Telepon/HP Wahyu Aji Pangestu Laki-laki Teknik Informatika 16.11.0309 Banyumas, 16 Desember 1996 [email protected] 085291299572 B. Riwayat Pendidikan Nama Institusi Jurusan Tahun masuk-lulus SD SD N 1 Sudimara 2003-2009 SMP SMP N 1 Cilongok 2009-2012 SMA SMA N 1 Ajibarang IPA 2012-2015 C. Pemakalah Seminar Ilmiah (Oraal Presentation) No. Nama Pertemuan Ilmiah/ Seminar Judul Artikel Ilmiah Waktu dan tempat 1. D. Penghargaan dalam 10 tahun Terakhir (dari pemerintah, asosiasi atau institusi lainnya) No. 1. Jenis Penghargaan Institusi Pemberi Penghargaan Tahun Semua data yang saya isikan dan tercantum dalam biodata ini adlah benar dan dapat dipertangggungjawabkan secara hukum. Apabila di kemudian hari ternyata dijumpai ketidaksesuaian denga kenyataan, saya sanggup menerima sanksi. Demikian biodata ini saya buat dengan sebenarnya untuk memenuhi salah satu persyaratan dalam pengajuan laporan Kerja Praktek (KP). Purwokerto, 27 Juli 2019 Penulis, ( Wahyu Aji Pangestu ) Biodata Dosen Pembimbing 1 1. Nama Lengkap 2. Jenis Kelamin 3. NIDN 4. Alamat 5. E-mail 6. Nomor Telepon/HP Muhamad Awiet Wiedanto Prasetyo,S.Kom.,M.MSI Laki-laki 0625059201 Desa Kedunggede RT002/RW001 Kec. Lumbir [email protected] 082135331617 Purwokerto, 27 Juli 2019 (Muhamad Awiet W.P.,S.Kom.,M.MSI) Biodata Dosen Pembimbing 2 1. Nama Lengkap 2. Jenis Kelamin 3. NIDN 4. Alamat 5. E-mail 6. Nomor Telepon/HP Gustin Setyaningsih,S.Kom.,M.MSI Perempuan 0623089102 Jl. Watusari No 3 Watumas RT 06 RW 04, Kel. Purwanegara, Kec. Purwokerto Utara, Kab. Banyumas [email protected] 085747189391 Purwokerto, 27 Juli 2019 (Gustin Setyaningsih,S.Kom.,M.MSI) Lampiran 2 Jadwal Kegiatan Pelaksanaan (Bulan) No Kegiatan Bulan I 1 1 Persiapan dan pengajuan proposal 2 Pembuatan konsep 3 Perancangan desain 4 Pembuatan aplikasi 5 Uji coba aplikasi 6 Penyusunan laporan 2 3 4 Bulan II 1 2 3 Bulan III 4 1 2 3 4 Lampiran 3 RANCANGAN BIAYA 1. Peralatan penunjang Material Laptop Mouse Keyboard Printer Scanner Justifikasi Pemakaian 3 bulan 3 bulan 3 bulan 3 bulan 3 bulan Kuantitas 1 buah 1 buah 1 buah 1 buah 1 buah Harga Satuan(Rp) Rp 5.000.000 Rp. 50.000 Rp. 50.000 Rp. 750.000 Rp. 500.000 SUB TOTAL (Rp) Keterangan Rp. 5.000.000 Rp. 50.000 Rp. 50.000 Rp. 750.000 Rp. 500.000 Rp. 6.350.000 2. Bahan Habis Pakai Material Justifikasi Pemakaian Kertas A4 80 gram CD dan tempatnya Map Penjilidan 1 rim Harga Satuan(Rp) Rp. 40.000 Rp. 40.000 5 buah Rp. 6.000 Rp. 30.000 Kuantitas 2 buah 2 rangkap Keterangan Rp. 1.000 Rp. 2.000 Rp. 5.000 Rp. 10.000 SUB TOTAL (Rp) Rp. 82.000 3. Perjalanan Justifikasi Pemakaian Purwokerto - 1 bulan Desa Lumbir, Kec lumbir Material Kuantitas Harga Satuan(Rp) Rp. 7.00.000 Keterangan Rp. 7.00.000 SUB TOTAL (Rp) Rp. 700.000 4. Biaya Lain-lain Justifikasi Material Pemakaian Makan 1 bulan Biaya tak 3 bulan terduga Kuantitas 60 x Harga Satuan(Rp) Rp. 15.000 Rp. 700.000 Keterangan Rp. 900.000 Rp. 2.100.000 SUB TOTAL (Rp) Rp. 3.000.000 TOTAL(Keseluruhan) Rp. 10.132.000 Lampiran 4 DENAH LOKASI Lokasi Penelitian Penelitian Lampiran 5 GAMBARAN SINGKAT PROGRAM Aplikasi pengelolaan biaya operasional ini merupakan aplikasi berbasis web yang bisa digunakan untuk mengelola biaya operasional. Aplikasi ini memiliki dua level pengguna yaitu untuk bendahara, dan admin. Pada level bendahara bisa digunakan untuk mengelola biaya operasional seperti penginputan biaya operasional, pengubahan data biaya operasional, dan mencetak laporan biaya operasional. Yang kedua level admin, level ini lebih tinggi dari level bendahara. Level admin memiliki semua menu pada bendahara, hanya saja level admin bisa untuk menambahkan user baru dan terdapat menu pengaturan aplikasi. Lampiran 6 MANUAL BOOK 1. Tata cara penginstalan program (baik software dan database) a. Installasi XAMPP & Database • Akan melihat jendela pop up, peringatan tentang User Account Control (UAC) yang aktif pada sistem. Klik “OK” untuk melanjutkan instalasi. • Mulai proses instalasi dengan klik dua kali pada instaler XAMPP. Klik ‘Next’ setelah splash screen • Di sini, kita dapat memilih komponen yang ingin kita install. Pilih pilihan default dan klik ‘Next’. • Pilih folder sebagai tempat XAMPP akan diinstal, di folder ini akan menampung semua file aplikasi web, jadi pastikan untuk memilih drive yang memiliki banyak ruang(space). • Layar berikutnya adalah promo untuk BitNami, sebuah toko aplikasi untuk server perangkat lunak. Hapus kotak centang ‘Learn more about BitNami for XAMPP’. • • • Sekarang Setup sudah siap untuk meng-install XAMPP. Klik Next dan tunggu installer untuk membongkar paket-nya dan memasang komponen yang dipilih. Mungkin memakan waktu beberapa menit. Nanti mungkin kita akan diminta untuk menyetujui akses Firewall untuk komponen tertentu (seperti Apache) selama proses instalasi. Proses Install sudah selesai! Pilih Kotak centang ‘Do you want to start the Control Panel now?’ untuk membuka panel kontrol XAMPP. Setelah XAMPP Control Panel terbuka klik start pada Apache dan Mysql • Jika sudah buka browser ketikan url : localhost/phpmyadmin untuk masuk ke phpmyadmin. Setelah masuk phpmyadmin klik tab Database untuk membuat database. Buat database dengan nama db_operasional. • Klik database yang telah dibuat dengan meng-klik nama database yang terdapat di bagian kiri phpmyadmin. Masuk ke tab Import untuk meng-i. Klik Choose File untuk memilih database yang akan diimport. Jika sudah memilih database klik Go tunggu beberapa saat sampai database terimport b. Pemasangan website • Copy folder website ke folder installasi XAMPP/htdocs. • Buka folder website Assesment Center, masuk ke folder appconf/config. Ada 2 file yang harus di konfigurasi: ▪ Config.php Cek settingan base_url apakah sudah sesuai apa belum. Base_url merupakan url untuk mengakses ke website. o Database.php Sesuaikan konfigurasi hostname, username, password dan database 2. Spesifikasi komputer yang memungkinkan a. Processor = Intel(R) Core™ 2 Duo CPU T6500 @ 2.00 GHz b. RAM = 2GB DDR 2 c. Hardisk = 250 GB d. VGA = Embed VGA e. Sistem Operasi = Windows 7 ultimate 32 bit 3. Penjelasan penggunaan program • Halaman login page • Menu Dashboard Menu dahboard berisi ringkasan biaya operasional yang meliputi total pengeluaran hari ini, total pengeluaran bulan ini, pengubahan data yang dilakukan bulan ini, serta grafik biaya operasional berdasarkan bulan. • Menu biaya operasional Pada menu ini user bisa menambah data, melihat detail data, serta mengubah data pengeluaran biaya operasional. o Tambah Data Pada menu tambah data biaya operasional, user perlu menginputkan beberapa data diantaranya tanggal dilakukan transaksi, deskripsi transaksi, jumlah biaya yang dikeluarkan serta foto/hasil scan dari kwitansi transaksi o Adjusment Menu adjusment digunakan untuk melakukan perubahan data biaya operasional. Selain mengubah data biaya operasional user juga perlu menginputkan alasan mengapa dilakukan pengubahan data tersebut. o Detail Menu ini berfungsi untuk melihat detail data biaya operasional yang telah diinputkan. Dimenu ini juga terdapat riwayat pengubahan data. Jadi bisa diketahui data ini sudah berapa kali diubah dan user mana yang melakukan pengubahan tersebut. Selain itu terdapat juga tombol cetak untuk membuat laporan detail data dan perubahan datanya. • Menu jurnal Menu ini digunakan untuk melihat total biaya operasional yang telah dilakukan dan bisa difilter berdasarkan range tanggal tertentu. Filter berdasarkan tanggal tertentu Bisa diketahui total biaya pengeluaran, biaya pengeluaran terbesar, dan biaya pengeluaran terkecil Bisa juga dicetak menjadi laporan • Menu pengguna Menu ini hanya dimiliki oleh admin, yang bisa untuk menambahkan user baru agar bisa login ke aplikasi ini. Tampilan form tambah user Tampilan form ubah data user • Menu Pengaturan Aplikasi Menu ini juga hanya terdapat pada menu admin, digunakan untuk mengubah nama, alamat, dan logo lembaga UPK Satria Mandiri jika suatu saat terdapat perubahan. Data pada menu ini juga digunakan untuk format header pada pencetakan laporan. SURAT PERNYATAAN KETUA PENELITI/PELAKSANA Yang bertanda tangan di bawah ini: Nama : Wahyu Aji Pangestu NIM : 16.11.0309 Program Studi : Teknik Informatika Fakultas : Ilmu Komputer Dengan ini menyatakan bahwa penelitian Tugas Praktik saya dengan judul: Aplikasi Pengelolaan Biaya Operasional Berbasis Web (Studi Kasus : UPK Satria Mandiri Lumbir ) yang dilaksanakan pada tahun 2019 bersifat original. Bilamana di kemudian hari ditemukan ketidaksesuaian dengan pernyataan ini, maka saya bersedia mengulang Tugas Praktik. Demikian pernyataan ini dibuat dengan sesungguhnya dan dengan sebenarbenarnya. Mengetahui, Fakultas Ilmu Komputer Dekan, Rahman Rosyidi, M.Kom. NIK. 2009.09.1.002 Purwokerto, 15 Agustus 2019 Yang menyatakan, (Wahyu Aji Pangestu) 16.11.0309 SURAT PERNYATAAN KESEDIAAN KERJASAMA DARI MITRA USAHA DALAM PELAKSANAAN TUGAS PRAKTEK Yang bertandatangan di bawah ini, Nama : Edi Suroso Pimpinan Mitra Usaha : Ketua UPK Satria Mandiri, Lumbir Bidang Usaha : Pinjaman Bergulir Alamat : Jln. Raya Lumbir RT 001 RW 004 Lumbir Banyumas Dengan ini menyatakan Bersedia untuk Bekerjasama dengan Pelaksana Kegiatan Tugas Praktek dengan judul Aplikasi Pengelolaan Biaya Operasional Berbasis Web (Studi Kasus : UPK Satria Mandiri Lumbir) Nama Ketua Tim : Wahyu Aji Pangestu Nomor Induk Mahasiswa : 16.11.0309 Program Studi : Teknik Informatika Nama Dosen Pembimbing : Muhamad Awiet Wiedanto Prasetyo, S.Kom.,M.MSI Perguruan Tinggi : STMIK AMIKOM PURWOKERTO guna menerapkan dan/atau mengembangkan IPTEKS pada tempat usaha kami. Bersama ini pula kami nyatakan dengan sebenarnya bahwa di antara pihak Mitra Usaha dan Pelaksana Kegiatan Program tidak terdapat ikatan kekeluargaan dan ikatan usaha dalam wujud apapun juga. Demikian Surat Pernyataan ini dibuat dengan penuh kesadaran dan tanggung jawab tanpa ada unsur pemaksaan di dalam pembuatannya untuk dapat digunakan sebagaimana mestinya. Purwokerto, 19 Juli 2019 Yang menyatakan (Edi Suroso)
