PERANCANGAN SISTEM INFORMASI STOK BARANG BERBASIS WEB DI PT. MAHESA CIPTA Minda Mora Purba1, Chaerul Rahmat2 1Universitas Dirgantara Marsekal Suryadarma 2Sekolah Tinggi Teknologi Indonesia ABSTRAK Persediaan yang mempunyai arti menyimpan barang dengan sengaja sebagai cadangan untuk keperluan dimasa yang akan datang. Persediaan barang dalam suatu perusahaan memegang peranan penting, mengingat tingkat perputaran barang yang cukup tinggi dan terdiri dari berbagai jenis barang. Pencatatan yang dilakukan secara manual sering kali menjadi masalah ketidaksesuaian data barang yang keluar dengan data yang tertulis. Proses pencarian data secara manual pun membutuhkan waktu yang lama. Untuk itu, perusahaan membutuhkan pengendalian yang baik untuk melindungi harta perusahaan. Penggunaan sistem komputerisasi persediaan barang diharapkan dapat menjadi solusi yang baik untuk mengurangi resiko kehilangan maupun pencurian. Sistem ini dikembangkan menggunakan metode prototype, dengan bahasa pemrograman PHP, dan Mysql sebagai databasenya. Kata kunci: web, sistem infomasi, persediaan, PHP Mysql 1. PENDAHULUAN 1.1. Latar BelakangMasalah Pada beberapa tahun belakangan ini semakin banyak perusahaan yang tumbuh dan berkembang seiring semakin pesat- nya perkembangan ekonomi di Indonesia. Hal ini terlihat dengan adanya persaingan yang ketat dalam dunia usaha, baik perdagangan maupun perindustrian. Per- saingan yang semakin ketat mengharus- kan perusahaan untuk mengelola semua sumber daya yang dimiliki seoptimal mungkin. Persediaan barang dalam suatu perusahaan memegang peranan yang cukup penting. Peran persediaan semakin penting jika terdiri dari berbagai macam tingkat perputaran jenis dan dengan barang yang cukup tinggi. Salah satu masalah yang sering timbul dalam sebuah persediaan barang secara manual adalah tidak diketahuinya jumlah dan keadaan sisa barang yang tersedia di gudang dengan pasti. Hal ini dapat mengakibat- kan barang tersimpan di gudang terlalu lama, berlebihan, kekurangan, atau bah- kan terjadi kehabisan barang. Kerusakan, pemasukan yang tidak benar, lalai untuk mencatat yang dikeluarkan tidak sesuai dengan pesanan, dan semua kemungkinan lainnya dapat menyebabkan catatan persediaan berbeda dengan persediaan yang sebenarnya ada di gudang. Karena cukup banyak jenis produk dan mobilitas keluar masuk ba- rang, sehingga dikhawatirkan akan terjadi kehilangan atau pencurian stok barang. pengendalian Akibatnya internal persediaan yang baik agar tidak terjadi penyelewengan dalam menjalan- kan tugas. Untuk itu, diperlukan peme- riksaan persediaan secara periodik atas catatan persediaan dengan perhitungan yang sebenarnya. Kebanyakan peru- fisik sahaan melakukan perhitungan setahun sekali. Namun ada juga yang melakukannya sebulan sekali, seminggu permintaan, barang diperlukan 123
sekali, bahkan ada yang melakukannya sekali sehari. Karena persediaan sangat rentan terhadap pencurian maupun keru- sakan, maka perusahaan membutuhkan pengendalian internal yang baik dengan tujuan untuk melindungi harta perusahaan dan juga agar informasi mengenai perse- diaan lebih dapat dipercaya. Pengen- dalian internal persediaan dapat dilaku- kan dengan melakukan tindakan peng- amanan untuk mencegah dari tindakan- tindakan yang menyimpang seperti ke- hilangan barang, dan salah dalam meng- hitung maupun mencacat sisa barang yang ada di gudang. Proses penginputan data, pencarian data serta pembuatan laporan secara manual akan mempunyai resiko kesala- han yang cukup tinggi apalagi dalam menangani data-data yang cukup kom- pleks dan cukup besar. Proses pencarian data dengan cara konvensional akan memerlukan waktu yang lama. Selain itu, pembuatan laporan stok barang juga akan memerlukan penanganan dalam waktu yang lama. Penggunaan sistem kompu- terisasi persediaan barang yang baik diharapkan akan mengurangi resiko kehi- langan ataupun pencurian terhadap perse- diaan barang yang ada pada perusahaan, karena setiap jenis barang sudah di- klasifikasikan dan memungkinkan untuk diperiksa setiap saaat. Berdasarkan penjelasan pada latar belakang di atas, maka dilakukan pene- litian untuk merancang sistem informasi stok barang berbasis web. 1.2. Rumusan Masalah Berdasarkan latar belakang masalah yang telah dijabarkan di atas, maka di- dapatkan rumusan masalah yang akan dibahas adalah sebagai berikut : 1. Bagaimana merancang sistem infor- masi stok barang untuk membantu 124 penanganan stok barang di PT. Mahesa Cipta? 2. Bagaimana cara mengelola persedia- an barang dengan menggunakan sistem informasi berbasis aplikasi web? 3. Apakah sistem informasi stok barang berbasis aplikasi web dapat meng- hasilkan laporan keluar masuk barang? 4. Apakah dengan menggunakan sistem informasi stok barang berbasis apli- kasi web dapat mempermudah pen- carian barang? 1.3. Batasan Masalah Batasan masalah agar pembahasan dan analisa yang dilakukan dapat terarah adalah sebagai berikut: 1. Membuat pengelolaan barang dengan mengacu pada stok barang. 2. Memuat daftar masuk keluar barang yang terpakai beserta nama yang bertanggung jawab atas pengeluaran barang tersebut. 3. Hak akses dibatasi, karena hanya ad- ministrator yang diberikan username dan password yang dapat login. 4. Memungkinkan administrator untuk menambah, edit, dan hapus item ba- rang. 1.4. Tujuan Penelitian Ada beberapa tujuan yang ingin dicapai dalam penulisan penelitian ini sebagai berikut: 1. Mempermudah dalam proses pencatatan keluar, masuk, dan pemakaian barang serta laporannya. 2. Merancang suatu aplikasi berbasis web yang mudah dalam instalasi dan terjadi penggunaannya agar kesalahan pencatatan maupun kehi- langan barang. karyawan tidak 3. Memperbaiki sistem kerja secara manual dengan sistem kerja yang ter- komputerisasi agar mempercepat dan mengefisiensikan waktu kerja.
2. LANDASAN TEORI 2.1. Konsep Persediaan Persediaan diterjemahkan dari kata "inventory" yang merupakan timbunan barang yang secara sengaja disimpan sebagai cadangan (safety atau buffer- stock) untuk menghadapi kelangkaan pada saat proses produksi sedang ber- langsung. Persediaan didefinisikan seba- gai barang jadi yang disimpan atau di- gunakan untuk dijual pada periode men- datang, yang dapat berbentuk bahan baku yang disimpan untuk diproses, barang dalam proses manufaktur dan barang jadi yang disimpan untuk dijual maupun diproses. persediaan menurut Ikatan Akuntan Indonesia (2011;14.5)1, persediaan diartikan sebagai berikut: Persediaan adalah aset: a. Tersedia untuk di kegiatan usaha biasa, Pengertian jual dalam b. Dalam proses penjualan tersebut, atau produksi untuk c. Dalam atau perlengkapan untuk digunakan dalam proses produksi atau pemberian jasa. bentuk bahan Persediaan merupakan suatu hal yang tak terhindarkan. Menurut Baroto (2002:53) mengatakan bahwa penyebab timbulnya persediaan adalah sebagai berikut: 1. Mekanisme permintaan Permintaan terhadap suatu barang tidak dapat dipenuhi seketika bila barang tersedia sebelummya. Untuk menyiapkan barang ini diperlukan waktu untuk pembuatan dan pengiriman, maka adanya persediaan merupakan hal yang sulit dihindarkan. pemenuhan atas tersebut tidak 1 Ikatan Akuntan Indonesia (2011;14.5). Arti dan pengertian Persedian 125 2. Keinginan untuk meredam ketidak- pastian Ketidakpastian terjadi akibat: per- mintaan yang bervariasi dan tidak pasti dalam jumlah maupun waktu kedatangan, waktu pembuatan yang cenderung tidak konstan antara satu produk dengan produk berikutnya, waktu tenggang (lead time) yang cenderung tidak pasti karena banyak faktor yang tidak dapat dikendalikan. Ketidakpastian ini dapat diredam dengan mengadakan persediaan. 3. Keinginan melakukan spekulasi yang bertujuan mendapatkan keuntungan besar dari kenaikan harga di masa mendatang. (2007:15) menjelaskan adapun fungsi-fungsi persediaan oleh suatu perusahaan/pabrik adalah sebagai berikut : 1. Fungsi Decoupling Rangkuti Adalah persediaan yang memungkin- kan perusahaan dapat memenuhi permintaan pelanggan tanpa tergan- supplier2. Persediaan tung pada bahan mentah diadakan agar perusa- haan tidak akan sepenuhnya tergan- tung pada pengadaannya dalam hal kuantitas dan waktu pengiriman. Persediaan barang dalam proses di- adakan agar departemen-departemen dan proses-proses individual peru- sahaan terjaga "kebebasannya". Per- sediaan barang jadi diperlukan untuk memenuhi permintaan produk yang tidak pasti dari para pelanggan. Per- sediaan yang diadakan untuk meng- hadapi fluktuasi3 permintaan konsu- men yang tidak dapat diperkirakan atau diramalkan disebut fluctuation stock. 2. Fungsi Economic Lot Sizing 2 Usaha menyalurkan atau memasarkan suatu barang (produk) 3 Ketidaktetapan atau ketidakpastian
Persediaan lot size ini perlu memper- timbangkan penghematan atau poto- ngan pembeliaan, biaya pengangkut- an per unit menjadi lebih murah dan sebagainya. Hal ini disebabkan peru- sahaan melakukan pembelian dalam kuantitas yang lebih besar dibanding- kan biaya-biaya yang timbul karena besarnya persediaan (biaya sewa gu- dang, investasi, resiko, dan sebagai- nya). 3. Fungsi Antisipasi Apabila perusahaan menghadapi fluktuasi permintaan yang dapat diperkirakan dan diramalkan berda- sarkan pengalaman atau data-data masa lalu, yaitu permintaan musi- man. Dalam hal ini perusahaan dapat mengadakan persediaan musiman (seasional inventories). 2.1.1. Komponen Biaya Persediaan Salah satu tujuan persediaan adalah mendapatkan biaya yang minimum. Oleh karena itu, menurut Nasution dan Prasetyawan (2008:121) dalam menen- tukan biaya persediaan perlu diketahui bahwa biaya-biaya yang mencakup dalam persediaan sebagai berikut: 1. Biaya penyimpanan (holding costs atau carrying costs), yaitu terdiri atas biaya-biaya yang bervariasi secara langsung dengan kuantitas persedia- an. Biaya penyimpanan per periode akan semakin besar apabila kuantitas bahan yang dipesan semakin banyak atau rata- rata persediaan semakin tinggi. Biaya-biaya yang termasuk sebagai biaya penyimpanan adalah: a. Biaya fasilitas-fasilitas penyim- panan (termasuk penerangan, pendingin ruangan, dan seba- gainya) b. Biaya modal (opportunity costs of capital), yaitu alternative pendapatan atas dana yang diinvestasikan dalam persediaan c. Biaya keusangan 126 d. Biaya penghitungan fisik e. Biaya asuransi persediaan f. Biaya pajak persediaan g. Biaya pencurian, pengrusakan, atau perampokan h. Biaya penanganan persediaan dan sebagainya. Biaya-biaya tersebut di atas merupa- apabila bervariasi kan variabel dengan tingkat persediaan. Apabila biaya fasilitas penyimpanan (gudang) tidak variabel, tetapi tetap, maka tidak dimasukkan dalam biaya pe- nyimpanan per unit. Biaya penyim- panan persediaan berkisar antara 12 sampai 40 persen dari biaya atau harga barang. Untuk perusahaan manufakturing biasanya, biaya pe- nyimpanan rata-rata secara konsisten sekitar 25 persen. 2. Biaya pemesanan atau pembelian (ordering costs atau procurement costs). Biaya-biaya ini meliputi: a. Pemrosesan pesanan dan biaya ekspedisi b. Upah c. Biaya telepon d. Pengeluaran surat menyurat e. Biaya pengepakan dan penim- bangan f. Biaya pemeriksaan (inspeksi) penerimaan g. Biaya pengiriman ke gudang h. Biaya utang lancar dan sebagainya. Pada umumnya, biaya pemesanan (di luar biaya bahan dan potongan kuantitas) tidak naik apabila kuan- titas pemesanan bertambah besar. Tetapi, apabila semakin banyak komponen yang dipesan setiap kali pesan, jumlah pesanan per periode turun, maka biaya pemesanan total akan turun. Ini berarti, biaya peme- sanan total per periode (tahunan)
sama dengan jumlah pesanan yang dilakukan setiap periode dikalikan biaya yang harus dikeluarkan setiap kali pesan. 3. Biaya kehabisan atau kekurangan bahan (shortage costs) adalah biaya yang timbul apabila persiapan tidak mencukupi adanya permintaan ba- han. Biaya-biaya yang termasuk biaya kekurangan bahan adalah sebagai berikut: a. Kehilangan penjualan b. Kehilangan pelanggan c. Biaya pemesanan khusus d. Biaya ekspedisi e. Selisih harga f. Terganggunya operasi g. Tambahan pengeluaran kegiatan manajerial dan sebagainya. Biaya kekurangan bahan sulit diukur dalam praktik, terutama karena ke- nyataannya biaya ini sering merupa- kan opportunity costs yang sulit diperkirakan secara objektif. 2.1.2. Sistem Pengendalian Persediaan Sistem pengendalian persediaan adalah suatu mekanisme mengenai bagai- mana mengelola masukan-masukan yang berhubungan dengan persediaan menjadi ini diperlukan output, dimana untuk umpan balik agar output memenuhi standar tertentu. Mekanisme sistem ini adalah pembuatan serangkaian kebijakan yang memonitor tingkat persediaan, menentukan persediaan yang harus dijaga, kapan persediaan harus diisi, dan berapa besar pesanan harus dilakukan. Sistem ini bertujuan untuk menetapkan dan menjamin tersedianya produk jadi, barang dalam proses, komponen dan bahan baku secara optimal, dan pada waktu yang optimal. Kriteria optimal adalah minimasi biaya total yang terkait dengan persediaan, yaitu biaya penyim- panan, biaya pemesanan dan biaya ke- kurangan persediaan. 127 Variabel keputusan dalam pengen- dalian persediaan tradisional dapat di- klasifikasikan ke dalam variabel kuan- titatif dan variabel kualitatif. Secara kuantitatif, variabel keputusan pada pengendalian sistem persediaan adalah sebagai berikut: 1. Berapa banyak jumlah barang yang akan dipesan atau dibuat, 2. Kapan pemesanan atau pembuatan harus dilakukan, 3. Bagaimana mengendalikan perse- diaan. Secara kualitatif, masalah per- sediaan berkaitan dengan sistem peng- operasian persediaan yang akan men- jamin kelancaran pengelolaan persediaan adalah sebagai berikut: 1. Jenis barang apa yang dimiliki, 2. Dimana barang tersebut berada, 3. Berapa jumlah barang yang harus dipesan, 4. Siapa saja yang menjadi pemasok masing-masing item. tujuan dari sistem pengendalian persediaan adalah mene- mukan solusi optimal terhadap seluruh masalah yang berkaitan dengan perse- diaan. Dikaitkan dengan tujuan umum perusahaan, maka optimalitas pengen- dalian persediaan sering kali diukur dengan keuntungan maksimum yang dicapai. Karena perusahaan memiliki banyak subitem lain selain persediaan, maka mengukur kontribusi pengendalian persediaan dalam mencapai total ke- untungan bukan hal mudah. Optimalisasi pengendalian persediaan biasanya diukur dengan total biaya minimum pada suatu periode tertentu (Baroto, 2002:54). Secara luas, 2.2. Karakteristik Sistem Karakteristik sistem adalah sistem yang mempunyai komponen-komponen, sistem, batas sistem, lingkungan
penghubung, masukan, keluaran, peng- olah dan sasaran. Gambar II.1. Karakteristik Sistem 1. Komponen Sistem (components system) Komponen-komponen sistem terse- but dapat berupa suatu bentuk subsistem. Setiap subsistem me- miliki sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Elemen-elemen yang lebih kecil yang disebut subsistem, misalkan sistem komputer terdiri dari sub sistem perangkat keras, perangkat lunak dan manusia. Elemen-elemen yang lebih besar yang disebut supra sistem. Misalkan bila perangkat keras adalah sistem yang memiliki sub sistem CPU4, perangkat I/O5 dan memori, maka supra sistem perangkat keras adalah sistem komputer. sifat dari 2. Batasan Sistem (boundary) Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagai suatu sistem kesatuan. Batas menunjukkan ruang lingkup dari sistem tersebut. Batasan sistem ini sistem memungkinkan suatu suatu 4 Central Processing Unit 5 Input/Output 128 3. 4. dipandang sebagai satu kesatuan yang tidak dapat dipisahkan. Lingkungan (environments) Lingkungan dari sistem adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan sistem dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. Lingkungan luar yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara. Sedang luar yang merugikan harus ditahan dan tidak akan dikendalikan, kalau mengganggu kelangsungan hidup dari sistem. Penghubung Sistem (Interface) Penghubung merupakan media perantara antar subsistem. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem lainnya. Keluaran (output) dari satu sub sistem akan menjadi masukan subsistem yang (input) untuk lainnya dengan melalui peng- hubung. Dengan penghubung satu subsistem berinteraksi dapat lainnya dengan subsistem yang membentuk satu kesatuan. Media yang menghubungkan sistem dengan subsistem yang lain disebut penghubung sistem atau interface. Luar Sistem luar lingkungan subsistem ke 5. Masukan Sistem(Input) Masukan adalah energi yang di- sistem. masukkan Masukan dapat berupa maintenance input dan sinyal input. Maintenance yang input dimasukkan supaya sistem tersebut dapat beroperasi. Sinyal input adalah energi yang diproses untuk didapatkan keluaran. ke dalam adalah energi
6. Pengolahan Sistem (Process) Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri sebagai pengolahnya. Pengolah yang akan merubah masukan menjadi keluaran. Suatu sistem produksi akan mengolah masukan berupa bahan baku dan bahan-bahan yang lain menjadi keluaran berupa barang jadi atau data sesuai permintaan dari user (pengguna). yang dibutuhkan 7. Keluaran Sistem (Output) 8. Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk subsis- tem yang lain atau kepada supra sistem. Sasaran (Objective and Goal) Suatu sistem pasti mempunyai tujuan atau sasaran yang pasti dan bersifat deterministik. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang telah direncanakan. dan Tujuan Sistem 2.3. Konsep Dasar Informasi Definisi dari informasi adalah data yang diolah menjadi bentuk yang lebih yang menerimannya. berarti Menurut Raymond Mcleod informasi ada- lah data yang telah diolah menjadi bentuk yang memiliki arti bagi si penerima dan bermanfaat bagi pengambilan keputusan saat ini atau mendatang. Secara umum informasi dapat di definisikan sebagai hasil pengolahan data dalam bentuk yang lebih berguna dan lebih berarti bagi penerimannya. bagi 129 Sumber dari informasi adalah data. Data adalah kenyataan yang meng- gambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian adalah sesuatu yang terjadi pada saat tertentu. Data ini akan bermanfaat jika hasil dari informasi yang ada telah sesuai dengan kemauan si penerima dan menjadi bahan masukan untuk melakukan tindakan selanjutnya. Data merupakan bentuk yang masih mentah, belum dapat bercerita banyak sehingga perlu diolah lebih lanjut. Data diolah melalui suatu metode untuk menghasilkan informasi Data yang diolah melalui suatu model menjadi informasi, penerima kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan, yang berarti meng- hasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali. Fungsi-fungsi informasi adalah sebagai berikut: a. Untuk meningkatkan pengetahuan bagi si pemakai b. Untuk mengurangi ketidakpastian dalam proses pengambilan keputusan 1. pemakai c. Menggambarkan keadaan yang sebe- narnya dari sesuatu hal. Kualitas informasi bias terhadap error, karena kesalahan cara pengukuran dan pengumpulan, kegagalan mengikuti prosedur pemrosesan, kehilangan atau data tidak terproses, kesalahan pereka- man atau koreksi data, kesalahan file histori atau master, kesalahan prosedur pemrosesan ketidakberfungsian sistem. Informasi yang berkualitas harus akurat, tepat pada waktunya dan relevan, maksudnya adalah: a. Akurat berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias atau menyesatkan.
b. Tepat waktu berarti informasi yang datang pada penerima tidak boleh Informasi yang sudah terlambat. usang tidak akan mempunyai nilai lagi. Karena informasi merupakan landasan di dalam pengambilan ke- putusan. c. Relevan berarti informasi tersebut mempunyai manfaat untuk pemakai- nya. Relevansi informasi untuk tiap- tiap orang berbeda-beda. Nilai Informasi ditentukan dari dua hal, yaitu manfaat dan biaya men- dapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapat- kannya. Pengukuran nilai informasi biasanya dihubungkan dengan analisis cost effectiveness6 atau cost benefit7. Biaya mendapatkan informasi biasanya tergantung dari proses informasi yang didapatkan oleh penerima untuk kapan digunakan data tersebut. Informasi akan dinilai mahal apabila informasi tersebut didapatkan secara cepat dan dalam kejadian yang sedang berlangsung saat itu juga. Gambar II.2 Siklus Informasi 2.3.1. Jenis-Jenis Informasi 1. Informasi Berdasarkan Fungsi Jenis informasi berdasrkan fungsi adalah informasi yang berdasarkan materi dan kegunaanya. Informasi jenis ini meliputi: 6 Keefektifan biaya 7 Biaya manfaat 130
Informasi yang menambah peng- etahuan, misalnya peristiwa ben- cana alam. Informasi yang mengajari mem- baca, misalnya informasi pendi- dikan. Informasi edukatif, misalnya tulisan trik menjadi mahasiswa aktif, tips menjadi siswa ber- prestasi, dan lain-lain. 2. 3. 4. 5. Informasi berdasarkan format pe- nyajian Informasi jenis ini adalah informasi berdasarkan bentuk penyajian in- formasi. Jenis informasi ini antara lain seperti lukisan, foto, karikatur, tulisan teks, dan lain-lain. Informasi berdasarkan lokasi peris- tiwa Informasi berdasarkan lokasi peris- tiwa adalah informasi berdasarkan berlangsung. lokasi peristiwa Misalnya seperti informasi dari dalam negeri dan informasi dari luar negeri. Informasi berdasarkan bidang kehi- dupan Informasi berdasarkan kehidupan adalah informasi berdasarkan bi- dang-bidang kehidupan yang ada, misalnya pendidikan, sastra, bu- dan daya, sebagainya. Informasi berdasarkan penyampaiannya Informasi berdasarkan penyampai- annya meliputi informasi yang di- sediakan secara berkala, secara tiba-tiba, setiap saat, atau diperoleh berdasarkan permintaan. ilmu pendidikan, 2.4. Perancangan Sistem Perancangan adalah penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi (Syifaun Nafisah, 2003:2).
dirancang dalam bentuk bagan alir sistem (system Flowchart) yang merupakan alat bentuk grafik yang dapat digunakan untuk menunjukkan urutan-urutan proses dari sistem. Terdapat beberapa teori mengenai pengertian perancangan sistem, diantara- nya : - Menurut Satzinger, Jackson, dan Burd (2012:5) perancangan sistem adalah kegiatan merancang detil dan rincian dari sistem yang akan dibuat sehingga sistem tersebut sesuai de- sudah ngan requirement ditetapkan dalam analisa sistem. Perancangan sistem yang tahap O'Brien dan Marakas (2009:639) menjelaskan bahwa perancangan sis- tem adalah sebuah kegiatan dari hasil analisa sistem sehingga dapat meme- nuhi kebutuhan dari pengguna ter- masuk diantaranya perancangan user interface, data dan aktivitas proses. Bentley dan Whitten (2009:160) melalui buku yang berjudul "system analysis and design for the global bahwa enterprise" menjelaskan perancangan sistem adalah teknik pemecahan masalah dengan meleng- kapi kecil komponen-komponen menjadi kesatuan komponen sistem kembali ke sistem yang lengkap. Teknik dapat menghasilkan sistem yang lebih baik. ini diharapkan 2.5. Alat Bantu Pemodelan Pemodelan sistem merupakan cara untuk memudahkan dalam melakukan perancangan perangkat lunak. Dimana tujuan dari pemodelan ini adalah untuk memahami perilaku sistem yang akan dirancang denganlebih mendetail dan menggambarkan sistem secara lengkap dan sederhana sehingga dapat digunakan sistem. untuk menjelaskan Dalam sistem informasi, dibutuhkan beberapa alat jalannya suatu perancangan 131 bantu perancangan sistem agar analisa dan hasil yang ingin dicapai dapat mencapai sebuah hasil yang maksimal. Alat bantu (tools) yang digunakan dalam menganalisis perangkat lunak ini adalah sebagai berikut: 2.5.1. Unified Modeling Language (UML) Unified Modeling Language adalah bahasa standar yang digunakan untuk menjelaskan dan memvisualisaikan arti- fak dari proses analisis dan disain berorientasi objek. UML menyediakan standar pada notasi dan diagram yang bisa digunakan untuk memodelkan suatu sIstem. UML dikembangkan oleh 3 pendekar "berorientasi objek", yaitu Grady Booch, Jim Rumbaugh, dan Ivar Jacobson. UML menjadi bahasa yang bisa digunakan untuk berkomunikasi dalam perspektif objek antara user dengan developer, antara developer dengan developer, antara developer analis dengan developer disain, dan antara developer disain dengan developer pemrograman. UML memungkinkan developer melakukan permodelan secara visual, yaitu penekanan pada penggambaran, bukan didominasi oleh narasi. Permo- delan visual membantu untuk menangkap struktur dari objek, mempermudah peng- gambaran interaksi antara elemen dalam sistem, dan mempertahankan konsistensi antara disain dan implementasi dalam pemrograman. Beberapa tujuan atau fungsi dari penggunaan UML, diantaranya: • Dapat memberikan bahasa pemo- delan visual kepada pengguna dari berbagai macam pemrograman mau- pun proses rekayasa. Dapat menyatukan praktek-praktek terbaik yang ada dalam pemodelan. • Dapat memberikan model yang siap untuk digunakan, merupakan bahasa
pemodelan visual yang ekspresif untuk mengembangkan sistem dan untuk saling menukar model secara mudah. Dapat berguna sebagai blue print, lengkap dan detail sebab sangat dalam perancangannya yang nanti- nya akan diketahui informasi yang detail mengenai suatu program. koding Dapat memodelkan sistem yang berkonsep berorientasi objek, jadi tidak hanya digunakan untuk memo- delkan perangkat lunak (software) saja. Dapat menciptakan suatu bahasa permodelan yang nantinya dapat dipergunakan oleh manusia maupun oleh mesin. Sedangkan jenis-jenis diagram UML, yaitu: a. Use case Diagram Use Case diagram yaitu salah satu jenis diagram pada UML yang meng- gambarkan interaksi antara sistem dan aktor, use case diagram juga dapat men-deskripsikan tipe interaksi antara si pemakai sistem dengan sistemnya. Tabel II.1 Use Case Diagram 132 b. Activity Diagram Activity diagram atau diagram jenis aktivitas yaitu diagram pada UML yang dapat memodelkan proses-proses apa saja yang terjadi pada sistem. salah satu Tabel II.2 Activity Diagram c. Sequence Diagram Sequence diagram yaitu salah satu jenis diagram pada UML yang interaksi objek yang menjelaskan berdasarkan urutan waktu, sequence diagram juga dapat menggambarkan urutan atau tahapan yang harus dilakukan untuk dapat menghasilkan sesuatu seperti pada use case diagram. Gambar II.3 Contoh Sequence Diagram
d. Class Diagram Class diagram yaitu salah satu jenis diagram pada UML yang digunakan untuk menampilkan kelas-kelas mau- pun paket-paket yang ada pada suatu sistem yang nantinya akan di- gunakan. Jadi diagram ini dapat mem-berikan sebuah gambaran me- ngenai sistem maupun relasi-relasi yang terdapat pada sistem tersebut. Gambar II.4 ContohClass Diagram e. Statemachine Diagram Statemachine diagram yaitu salah satu jenis diagram pada UML yang menggambarkan transisi maupun perubahan keadaan suatu objek pada sistem. Gambar II.5 Contoh Statemachine Diagram f. Communication Diagram Communication diagram yaitu salah satu jenis diagram pada UML yang dapat menggambarkan tahapan terja- dinya suatu aktivitas dan diagram ini 133 juga menggambarkan interaksi antara objek yang ada pada sistem. Hampir sama seperti sequence diagram akan tetapi communication diagram lebih menekankan kepada peranan masing- masing objek pada sistem. Gambar II.6 Contoh Communication Diagram g. Deployment Diagram Deployment diagram yaitu salah satu diagram pada UML yang menun- jukan tata letak suatu sistem secara fisik, dapat juga dikatakan untuk menampilkan bagian-bagian software hardware yang dan digunakan untuk menerapkan suatu sistem dan hubungan antara Jadi komponen Deployment diagram intinya untuk menunjukan letak software pada hardware yang digunakan sistem. terdapat pada hardware. Gambar II.7 Contoh Deployment Diagram h. Component Diagram Component diagram yaitu salah satu jenis diagram pada UML yang meng- suatu gambarkan software pada
sistem. Component diagram merupa- kan penerapan software dari satu ataupun lebih class, dan biasanya berupa file data atau .exe, source kode, table, dokumen dsb. Gambar II.8 Contoh Component Diagram 2.6. Perangkat Lunak Pendukung Komputer tidak akan lepas dari perangkat karena merupakan salah satu bagian terpenting itu sendiri. Komputer dari komputer merupakan yang elektronik fungsinya memanipulasi data yang cepat dan tepat serta akurat yg telah di rancang dan secara otomatis menerima atau menyimpan data input atau masukan, kemudian mem- prosesnya dan menghasilkan output di bawah pengawasan langkah- langkah instruksi program yg tersimpan di memori (stored program). Berikut dijelaskan beberapa aplikasi (software) yang pembuatan aplikasi sistem stok barang berbasis web sebagai berikut: lunak (software) sistem diorganisasikan supaya suatu digunakan dalam 2.6.1. Database Basis data (database) adalah kum- pulan data yang disimpan secara sistematis di dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data, struktur data dan juga batasan- batasan pada data yang akan disimpan. Basis data merupakan aspek yang sangat 134 penting dalam sistem informasi karena berfungsi sebagai gudang penyimpanan data yang akan diolah lebih lanjut. Basis data menjadi penting karena dapat mengorganisasi menghidari duplikasi data, menghindari hubungan antar data yang tidak jelas dan juga update yang rumit. data, Proses memasukkan dan meng- ambil data ke dan dari media penyim- panan data memerlukan perangkat lunak yang disebut dengan sistem manajemen basis (database management system). DBMS merupakan sistem pe- rangkat lunak yang memungkinkan pengguna basis data (database user) untuk memelihara, mengontrol dan mengakses data secara praktis dan efisien. Dengan kata lain, semua akses ke basis data akan ditangani oleh DBMS. DBMS ini menjadi lapisan yang meng- hubungkan basis data dengan program aplikasi untuk memastikan bahwa basis data tetap terorganisasi secara konsisten dan dapat diakses dengan mudah. data Ada beberapa fungsi yang harus ditangani DBMS seperti mengolah pendefinisian data, menangani perminta- an pengguna untuk mengakses data, memeriksa sekuriti dan integriti data yang didefinisikan oleh DBA (Database Administrator), menangani kegagalan dalam pengaksesan data yang disebabkan oleh kerusakan sistem maupun media penyimpanan (disk) dan juga menangani unjuk kerja semua fungsi secara efisien. Tujuan utama DBMS adalah untuk memberikan tinjauan abstrak data kepada pengguna. Jadi sistem menyembunyikan infor- masi tentang bagaimana data disimpan, dipelihara dan juga bisa diakses secara efisien. Pertimbangan efisien di sini adalah rancangan struktur data yang kompleks tetapi masih bisa digunakan
oleh pengguna awam tanpa mengetahui kompleksitas strukturnya. Adapun Man- faat Penggunaan Database, yaitu: Kecepatan dan Kemudahan Database memiliki kemampuan da- lam menyeleksi data sehingga men- jadi suatu kelompok yang terurut dengan cepat. Hal inilah yang ahir- nya dapat menghasilkan informasi yang dibutuhkan secara cepat pula. Seberapa cepat pemrosesan data oleh database tergantung pula pada perancangan databasenya. Pemakaian Bersama-sama Suatu database bisa digunakan oleh siapa saja dalam suatu perusahaan. Sebagai contoh database mahasiswa dalam suatu perguruan tinggi di- butuhkan oleh beberapa bagian, seperti bagian admin, bagian ke- uangan, bagian akademik. Kesemua bidang tersebut membutuhkan database mahasiswa namun tidak perlu masing-masing bagian mem- buat databasenya sendiri, cukup database mahasiswa satu saja yang disimpan di server pusat. Nanti aplikasi dari masing-masing bagian bisa database mahasiswa tersebut. Kontrol data terpusat terhubung ke Masih berkaitan dengan point ke dua, meskipun pada suatu perusahaan memiliki banyak bagian atau divisi tapi database yang diperlukan tetap satu saja. Hal ini mempermudah pengontrolan data seperti ketika ingin mengupdate data mahasiswa, maka kita perlu mengupdate semua data di masing-masing bagian atau divisi, tetapi cukup di satu database saja yang ada di server pusat. Menghemat biaya perangkat Dengan memiliki database secara terpusat maka di masing-masing divisi tidak memerlukan perangkat untuk menyimpan database berhu- bung database yang dibutuhkan 135 hanya satu yaitu yang disimpan di server pusat, ini tentunya memang- kas biaya pembelian perangkat. Keamanan Data Hampir semua aplikasi manajemen database sekarang memiliki fasilitas manajemen pengguna. Manajemen pengguna ini mampu membuat hak akses yang berbeda-beda disesuaikan dengan kepentingan maupun posisi pengguna. Selain itu data yang tersimpan di database diperlukan password untuk mengaksesnya. Memudahkan Aplikasi baru ini database yang Dalam poin sangat baik, dirancang dengan sehingga jika perusahaan memerlu- kan tidak perlu membuat database yang baru juga, atau tidak perlu mengubah kembali struktur database yang sudah ada. Sehingga pembuat aplikasi atau programmer hanya cukup membuat atau mengatur antarmuka aplikasinya saja. 2.6.2. XAMPP XAMPP ialah perangkat lunak bebas yang mendukung banyak sistem campuran dari operasi, merupakan beberapa program. Yang mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program MySQL database, Apache HTTP Server, dan penerjemah ditulis dalam bahasa pemrograman PHP dan Perl. dalam pembuatan aplikasi baru Nama XAMPP merupakan sing- katan dari X (empat sistem operasi), Apache, MySQL, PHP dan Perl. Program ini tersedia di bawah GNU General Public License dan bebas, adalah mudah untuk menggunakan web server yang dapat melayani tampilan halaman web ini, yang dinamis. Melalui program programmer web dapat menguji aplikasi dan web yang dikembangkan
mempresentasikannya ke pihak lain secara langsung dari komputer, tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur manajemen database PHPMyAdmin server seperti hosting sungguhan, sehingga pengem- bang web dapat mengembangkan aplikasi web berbasis database secara mudah. pada XAMPP adalah singkatan yang setiap huruf adalah: X : Program ini dapat dijalankan di seperti banyak Windows, Linux, Mac OS, dan Solaris. sistem operasi, A : Apache, server aplikasi Web. Apache tugas utama adalah untuk menghasilkan halaman web yang benar kepada pengguna terhadap kode PHP yang sudah dituliskan oleh pembuat halaman web. jika perlu kode PHP juga berdasarkan yang tertulis, dapat database diakses dulu untuk (misalnya mendukung halaman web yang dihasilkan. MySQL) server M aplikasi database. Pertumbuhannya disebut SQL singkatan dari Structured Query Language. SQL merupakan bahasa terstruktur yang difungsikan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database dan isinya. Bisa juga memanfaatkan MySQL guna untuk menambahkan, mengubah, dan menghapus data dalam database. P : PHP, bahasa pemrograman web. Bahasa pemrograman PHP adalah bahasa pemrograman untuk membuat web yang server-side scripting. PHP digunakan untuk membuat halaman web dinamis. Sistem manajemen database yang sering digunakan dengan PHP adalah MySQL. namun PHP juga mendukung Pengelolaan sistem database Oracle, Microsoft : MySQL, 136 Access, PostgreSQL, dan sebagainya. Interbase, d-base, P : Perl, bahasa pemrograman untuk semua kali dikembangkan oleh Larry Wall, mesin Unix. Perl dirilis pertama kali tanggal 18 Desember 1987 yang ditandai dengan keluarnya Perl 1. Pada versi-versi selanjutnya, Perl juga tersedia untuk berbagai sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem seperti DOS, Windows, operasi PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. 2.6.3. MySQL MySQL merupakan sebuah perangkat lunak atau software sistem manajemen basis data SQL atau DBMS Multithread dan multi user. MySQL sebenarnya merupakan turunan dari salah satu konsep utama dalam database untuk pemilihan atau seleksi dan pemasukan data yang memungkinkan pengoperasian secara mudah dan data dikerjakan otomatis. MySQL oleh Michael "Monty" Widenius pada tahun 1979, seorang programmer komputer asal Swedia yang mengembangkan sebuah sistem yang dinamakan UNIREG yang menggunakan koneksi low-level ISAM database engine dengan indexing. tujuan, pertama diciptakan sederhana database Adapun kelebihan MySQl dalam penggunaanya dalam database adalah: Free atau gratis sehingga MySQL untuk dapat mendapatkannya. dengan mudah MySQL stabil dan tangguh dalam pengoperasiannya MySQL mempunyai sistem keamanan yang cukup baik Sangat mendukung transaksi dan mempunyai banyak dukungan dari komunitas
Sangat fleksibel dengan berbagai macam program Perkembangan dari MySQL sangat cepat Selain kelebihan yang disampaikan diatas, ada beberapa kekurangan yang dimiliki oleh mySQl, diantaranya: Kurang mendukung koneksi bahasa pemrograman seperti Visual basic atau biasa kita kenal dengan sebutan VB, Foxpro, Delphi dan lain-lain sebab koneksi ini menyebabkan field yang dibaca harus sesuai dengan koneksi dari bahasa pemrograman visual tersebut. Data yang dapat ditangani belum belum mendukung besar dan widowing function. SQL dapat digunakan secara berdiri sendiri maupun di lekatkan pada bahasa pemograman seperti C, dan Delphi. Elemen SQL Elemen dari SQL yang paling dasar antara lain pernyataan, nama, tipe data, ekspresi, konstanta dan fungsi bawaan. Pernyataan Perintah dari SQL yang digunakan untuk meminta sebuah tindakan kepada DBMS. Pernyataan dasar SQL antara lain : 1. ALTER : Merubah struktur tabel 2. COMMIT : Mengakhiri eksekusi transaksi 3. CREATE : Membuat tabel, indeks 4. DELETE : Menghapus baris pada sebuah tabel 5. DROP : Menghapus tabel, indeks 6. GRANT : Menugaskan hak terhadap basis data kepada user 7. INSERT : Menambah baris pada tabel 8. REVOKE : Membatalkan hak kepada basis data 9. ROLLBACK : Mengembalikan pada keadaan semula apabila transaksi gagal dilaksanakan 137 10. SELECT : Memilih baris dan kolom pada sebuah tabel 11. UPDATE : Mengubah value pada baris sebuah tabel Nama Nama digunakan sebagai identitas, yaitu identitas bagi objek pada DBMS. Misal : tabel, kolom dan pengguna. Tipe data Tipe data yang ada dalam MYSQL: a. Tipe data numerik antara lain: 1. TINYINT : Nilai integer yang sangat kecil 2. SMALLINT yang kecil : Nilai integer 3. MEDIUMINT : Nilai integer yang sedang 4. INT : Nilai integer dengan nilai standar 5. BEGINT : Nilai integer dengan nilai besar 6. FLOAT :Bilangan decimal dengan single-precission 7. DOUBLE :Bilangan decimal dengan double-precission : Bilangan float yang dinyatakan sebagai string. M : jumlah digit yang disimpan, D : jumlah angka dibelakang koma. b. Tipe data String antara lain : 8. DECIMAL(M,D) 1. CHAR : Karakter panjang memiliki sebanyak n yang tetap 2. VARCHAR : Karakter yang memiliki panjang tidak tetap yaitu maksimum n 3. TINYBLOB : BLOB dengan ukuran sangat kecil 4. BLOB : BLOB yang memiliki ukuran kecil 5. MEDIUMBLOB : BLOB yang memiliki ukuran sedang 6. LONGBLOB : BLOB yang memiliki ukuran besar 7. TINYTEXT : teks dengan ukuran sangat kecil
8. TEXT : teks yang memiliki ukuran kecil 9. MEDIUMTEXT : teks yang memiliki ukuran sedang 10. LONGTEXT : teks yang memiliki ukuran besar 11. ENUM : kolom diisi dengan satu member enumerasi 12. SET : Kolom dapat diisi dengan beberapa nilai anggota himpunan c. Tipe data tunggal dan jam : 1. DATE : date memiliki format tahun-bulan-tanggal 2. TIME : time memiliki format jam-menit-detik 3. DATETIME : gabungan dari format date dan time Ekspresi Ekspresi digunakan untuk meng- hasilkan/menghitung nilai. Misalnya: jumlah = harga-diskon. Ekspresi arit- matika antara lain: 1. + : tambah 2. - : kurang 3. / : bagi 4. * : kali Fungsi bawaan Fungsi adalah subprogram yang dapat menghasilkan suatu nilai apa- bila fungsi tersebut dipanggil. Fungsi Agregat adalah fungsi yang diguna- kan untuk melakukan summary, statistik yang dilakukan pada suatu tabel/query. 1. AVG(ekspresi) : digunakan untuk rata-rata dalam mencari nilai kolom dari tabel. 2. COUNT(x) menghitung sebuah kolom dari tabel : digunakan untuk jumlah baris dari 3. MAX(ekspresi) : digunakan untuk mencari nilai yang paling besar dari suatu 2.6.4. Bahasa Pemrograman PHP Sejarah PHP bermula pada tahun 1994 ketika programmer kelahiran 138 Denmark yang sekarang berdomisili di Canada, Rasmus Lerdorf membuat sebuah script (kode program) dengan bahasa Perl untuk web pribadinya. Salah satu kegunan script ini adalah untuk dan resume menampilkan mencatat jumlah pengunjung ke sebuah website. pribadi Dengan alasan untuk meningkatkan performa, Rasmus Lerdorf kemudian membuat ulang kode program tersebut dalam bahasa C. Ia juga mengembang- kannya lebih lanjut sehingga memiliki script tersebut memiliki kemampuan untuk memproses form HTML dan ber- komunikasi dengan database. Lerdorf menyebut kode program ini sebagai Personal Home Page/Forms Interpreter atau PHP/FI. Inilah asal mula penamaan PHP digunakan. PHP/FI dapat digunakan untuk membuat aplikasi web dinamis sederhana. Lerdorf kemudian merilis kode tersebut ke publik dengan sebutan Personal Home Page Tools (PHP Tools) ini diumumkan pada 8 Juni 1995 di alamat sebuah group diskusi Usenet. version 1.0. Perilisan Alamat website yang tertera di atas sudah tidak dipakai lagi. Dari peng- umuman ini kita dapat mengetahui kebutuhan programmer saat itu, seperti mencari cara untuk membuat halaman yang dapat diproteksi dengan password, kemudahan dalam penanganan form, dan dari kemampuan mengakses halaman lain. data juga mencer- minkan bahwa PHP pada awalnya adalah sebuah framework bahasa C yang mem- iliki banyak fungsi dalam mengembang- kan web, bukan sebuah bahasa pemrogra- man utuh seperti yang kita kenal sekarang. Pengumuman itu
PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer ini berbeda dibandingkan dengan bahasa pemrogra- man client-side seperti JavaScript yang diproses pada web browser (client). server. Hal tahun perkem- bangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk mem- buat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, word- press, joomla, dll. Dalam beberapa Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source. Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam doku- men HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script. juga bisa dianggap sebagai banyaknya ke- mungkinan yang ditawarkan oleh PHP. Dalam hal ini, PHP memiliki lebih dari 85 function untuk memanipulasi string. Kelebihan ini tak hanya akan menawar- kan keleluasaan untuk melakukan operasi string. Kemampuan string-parsing Cara penulisan PHP : PHP bersifat case sensitif yang artinya semua penulisannya harus sesuai dengan kamus data yang tersedia. Secara 139 mendasar php memiliki struktur sebagai berikut: <?php //Ini contoh komentar dalam php echo "<h2>Contoh sederhana penulisan PHP</h2>"; $nama="Satria Multimedia"; echo "<p>$nama</p>"; $nilai=10; $hasil=$nilai+10; echo $hasil; ?> Kode diatas adalah contoh seder- hana struktur PHP, berikut penjelasanya: 1. Awal kode harus diawali dengan "<?php" dan diakhiri dengan "?>", dua perintah tersebut harus ada pada tiap bagian yang memanggil fungsi php. 2. Dalam barisan perintah php, kita bebas menyisipkan komentar dengan diawali tanda "//". Komentar diguna- kan untuk mempermudah mengingat kumpulan baris dengan proses yang sama 3. echo digunakan untuk mengirimkan hasil ke browser, sehingga yang dikirimkan adalah bagian yang berada setelah perintah echo 4. setiap variabel harus diawali dengan tanda dolar "$" dan dapat dipanggil kapanpun dalam halaman yang sama. 2.6.5. Notepad ++ Notepad++ adalah suatu teks editor yang berjalan pada Operating System (OS). Notepad ++ menggunakan kompo- nen Scintilla untuk dapat menampilkan dan menyunting teks dan berkas kode sumber dari berbagai bahasa pemrogra- man. Notepad++ didistribusikan sebagai software gratis (Free)dan dapat diguna- kan sebagai perangkat lunak bebas atau Open Sourceyang memiliki lisensi dari GNU General Public License.
Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemro- graman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, dan sangat membantu tugas seorang programmer atau developer dalam menyelesaikan sebuah skrip kode dalam programnya. Program Notepad++ banyak digunakan oleh kalangan pengguna komputer di bidang bahasa pemrograman aplikasi desktop dan web. Bahasa pemrograman yang di- dukung oleh Notepad ++ adalah bahasa C ++ karena fungsi-fungsi yang dimasuk- kan kedalam fungsi dan kata-katanya akan berubah sesuai dengan makna bahasa C++. Kegunaan Notepad ++ ini sangat banyak, yaitu untuk berbagai macam bahasa pemrograman seperti ActionScript, ASP, Assembler, autolt, Batch, C++, C#, COBOL, Fortran, HTML, JavaScript, JSP, Matlab, Perl, Ruby, Python, XML dan masih banyak lagi. 2.6.6. CSS Bootstrap library Bootstrap adalah sebuah framework8 CSS yang dibuat khusus untuk bagian pengembangan front-end9 website. Bootstrap juga merupakan salah framework HTML, CSS dan satu javascript yang paling populer di kalangan web developer yang digunakan untuk mengembangkan sebuah website yang responsive. Sehingga halaman website nantinya dapat menyesuaikan sesuai dengan ukuran monitor device (desktop, tablet, ponsel ) yang digunakan pengguna disaat mengakses website dari browser. Dengan menggunakan Bootstrap seorang developer dapat dengan mudah front-end dan cepat dalam membuat 8 Kerangka kerja yang berisi berbagai fungsi, plugin, dan konsep 9 Tampilan depan/utama 140 sebuah website, hanya perlu memanggil class-class yang diperlukan, misalnya membuat tombol, grid, tabel, navigasi dan lainnya. telah menyediakan kumpulan komponen class interface dasar yang telah dirancang sedemikian rupa untuk menciptakan sebuah tampilan ringan. Selain yang menarik dan komponen class interface, bootstrap juga memiliki grid yang berfungsi untuk mengatur layout pada halaman website. Selain dapat developer menambahkan class dan CSS sendiri, sehingga memungkinkan untuk membuat desain yang lebih variatif. Salah satu contoh website yang menggunakan framework twitter. Bootstrap sebenarnya twitter dikembangkan oleh developer sehingga bootstrap sering juga disebut dengan " twitter boottsrap ". Bootstrap itu juga bootstrap sendiri yaitu Beberapa alasan mengapa saat ini cukup yang menggunakan Bootstrap dalam membuat front-end website, yaitu karena beberapa kelebihan yang dimiliki oleh Bootstrap itu sendiri yang antara lain: Dapat mempercepat waktu proses banyak pengembang pembuatan front-end website. Tampilan Bootstrap yang sudah cukup terlihat modern. Tampilan sudah responsive, sehingga mendukung segala jenis resolusi, baik itu PC, tablet, dan juga smartphone. Bootstrap Website menjadi sangat ringan ketika diakses, karena Bootstrap dibuat dengan sangat terstruktur. dengan beberapa komponen JavaScript dalam bentuk jQuery plugin. Mereka menye- diakan elemen antarmuka pengguna tambahan seperti kotak dialog, tooltips. fungsi Bootstrap Bootstrap dilengkapi juga memperluas
beberapa elemen antarmuka yang ada, termasuk fungsi auto-lengkap untuk bagian masukan. Dalam versi 2.0, plugin JavaScript berikut ini sudah: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Ciutkan, Carousel dan Typeahead. Tidak hanya tampilan statis saja yang disediakan Bootstrap, tetapi juga dapat menambahkan tampilan yang dinamis, atau ada sedikit animasinya, sebab di framework ini disediakan juga plugin Javascript. Framework ini men- support web responsive. Jadi, tampilan akan beralih ukurannya tergantung pada resolusi monitor device yang digunakan pengguna pada saat mengakses website dari browsernya. Gambar II.9 Tampilan Situs Bootstrap situsnya, Bootstrap menjelaskan bagaimana cara meng- gunakan setiap fungsi yang ada seperti formulir, tombol, navigasi, membuat gambar, dan berbagai fungsi HTML lainnya yang lebih responsif dan menarik. Didalam Gambar II.10 Layout file CSS Bootstrap 141 Berikut isi dari masing-masing direktorifile bootstrap, yaitu: Direktori "css" memiliki empat buah file di dalamnya, yaitu: 1. bootstrap.css 2. bootstrap.min.css 3. bootstrap-responsive.css 4. bootstrap-responsive.min.css Direktori "img memiliki dua buah file di dalamnya, yaitu: 1. glyphicons-halflings.png 2. glyphicons-halflings-white.png Direktori "js" memiliki dua buah file di dalamnya, yaitu: 1. bootstrap.js 2. bootstrap.min.js 2.7. Tahapan Pengembangan Aplikasi Dalam tahap pengembangan apli- kasi stok barang berbasis web ini, penulis metode menggunakan mencoba prototype10. Penulis menggunakan metode karena memungkinkan ini pengembangan membuat sebuah model software. Metode ini baik digunakan apabila client tidak bisa memberikan informasi yang maksimal mengenai kebutuhan yang diinginkannya. Juga karena penulis beranggapan proses pengembangan yang sangat terstruktur ini membuat akibat kesalahan pada proses sebelumnya sangat besar dan acap kali mahal karena membengkaknya biaya pengembangan ulang. potensi kerugian 2.7.1 Tahapan Metode Prototype 1. Tahap pengumpulan kebutuhan di- mana pengguna dan pengembang bersama-sama mendefinisikan format dan kebutuhan keseluruhan perang- kat lunak, mengidentifikasikan se- mua kebutuhan, dan garis besar sistem yang akan dibuat. 2. Tahap selanjutnya adalah memba- ngun prototyping. Dalam tahap ini, 10Model awal
penulis mencoba membangun proto- typing dengan membuat perancangan pada sementara penyajian kepada pengguna (misal- nya dengan membuat input dan contoh outputnya). yang berpusat 3. Selanjutnya evaluasi prototyping, yaitu evaluasi yang dilakukan oleh pengguna apakah prototyping yang dibangun sudah sesuai dengan keinginan pengguna. Jika sudah sesuai maka langkah keempat akan diambil. Jika tidak, maka prototyping diperbaiki dengan mengulang langkah 1, 2 , dan 3. tahap 4. Tahap selanjutnya adalah peng- ini kodean sistem. Dalam prototyping yang sudah disepakati diterjemahkan ke dalam bahasa pemrograman yang sesuai. Dalam tahap ini diuji apakah sistem tersebut telah sesuai dengan desain awal atau belum. tahap 5. Tahap berikutnya menguji sistem. Setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, harus dites dahulu sebelum diguna- kan. Pengujian ini dilakukan dengan White Box, Black Box, Basis Path, pengujian arsitektur dan lain-lain. 6. Berikutnya evaluasi sistem. Peng- guna mengevaluasi apakah sistem yang sudah jadi sesuai dengan yang diharapkannya . Jika sudah, maka jika langkah ketujuh dilakukan, belum maka mengulangi langkah 4 dan 5. 7. Terakhir adalah menggunakan sistem. Perangkat lunak yang telah diuji dan diterima pengguna siap untuk digunakan oleh pengguna. 2.7.2 Tahapan Model Perancangan Dari tahapan metode prototype di atas, maka dapat dilihat model peranca- ngan yang penulis buat adalah sebagai berikut: 142 Gambar II.11. Model Perancangan 3. ANALISA SISTEM BERJALAN 3.1 Analisa Kebutuhan Sistem Analisa kebutuhan sistem ini akan memberikan gambaran tentang struktur organisasi perusahaan dengan aplikasi yang berjalan, permasalahan yang ada, seta apa yang dibutuhkan dari sistem tersebut. 3.1.1 Struktur Organisasi Perusahaan PT. Mahesa Cipta merupakan peru- sahaan yang bergerak dibidang building management & contractor. Didirikan pada tahun 2012 di daerah SCBD (Sudirman Centre Bussiness District) kav.52-53 lot 18 yang berada di jalan Jakarta Pusat. PT. Jend. Sudirman Mahesa Cipta mengelola sebuah gedung perkantoran untuk disewakan kepada perusahaan yang membutuhkan tempat kerja yang nyaman dan berlokasi stategis di tengah ibu kota. Untuk menunjang kegiatan pekerja- an, maka selalu menyiapkan berbagai macam peralatan dan bahan baku guna memperbaiki sewaktu-waktu bisa kerusakan yang terjadi, seperti peralatan listrik (kabel, lampu, stopkontak, saklar, dll), suku cadang lift (break switch, door shoe, spring fermator, dll), suku cadang AC (Freon, AC Cleanner, remote, analizer, dll) dan civil (semen, compound, mesin las, bor, gergaji besi, sealant, dll). pihak pengelola PT. Mahesa Cipta mempunyai struktur organisasi perusahaan dimana tugas dari setiap bagian fungsi dan dapat organisasi berbeda. Struktur
menggambarkan secara jelas pemisahan kegiatan dan bagaimana aktivitas dan struktur fungsi dibatasi. Di dalam organisasi harus menjelaskan hubungan antara wewenang siapa yang melapor atau bertanggung jawab kepada siapa jika terjadi suatu pertanggung jawaban tentang apa yang dikerjakan. perusahaan juga Gambar III.1. Struktur Organisasi PT. Mahesa Cipta Keterangan ungsi dari tiap-tiap bagian adalah sebagai berikut: 1. Direktur Menjalankan bisnis perusahaan. - Menetapkan kebijakan-kebijakan perusahaan. Merumuskan dan menetapkan strategi bisnis perusahaan. Menyetujui perusahaan. anggaran tahunan Memilih, menetapkan, dan meng- awasi tugas dari karyawan hingga manager. 2. Manager Property Mengelola dan mengendalikan operasional sebuah gedung Merencanakan, mengkoordinasikan, mengontrol pelaksanaan kerja, kegiatan opera- sional dan perbaikan untuk me- ningkatkan keamanan, kenya- tenant/ manan serta kepuasan penghuni. Memastikan kegiatan perawatan dan perbaikan (maintenance and 143 repair) atas seluruh aset dan fasilitas gedung dengan metode perawatan dan perbaikan kerja yang benar dan tepat guna. 3. HRD & GA Membuat perencanaan mengenai kebutuhan karyawan perusahaan. - Bertanggung jawab sebagai ko- aktivitas ordinator seluruh perekrutan karyawan. Memberikan motivasi kepada karyawan agar dapat menunjuk- kan kinerja yang optimal. - Mengelola mutasi dan rotasi karyawan. Menyusun program pelatihan ka- ryawan demi memenuhi kebutu- han bisnis perusahaan. Bertanggung jawab atas kinerja seluruh karyawan perusahaan. 4. Divisi Keuangan (Finance) Melakukan pengelolaan keuangan perusahaan. Melakukan penginputan semua transaksi keuangan. Melakukan perusahaan. transaksi keuangan Melakukan pembayaran kepada suplier. Melakukan penagihan kepada customer. Mengontrol aktivitas keuangan atau transaksi keuangan perusa- haan. - Membuat laporan mengenai aktivitas keuangan perusahaan. Melakukan verifikasi terhadap keabsahan dokumen yang di- terima. Melakukan evaluasi budget. - Menyiapkan dokumen penagihan tagihan invoice atau kuitansi beserta kelengkapannya. - Melakukan rekonsiliasi. 5. Purchasing Mencari dan menganalisa calon supplier yang sesuai dengan mate- rial yang dibutuhkan.
Melakukan negosiasi harga sesuai standar kualitas material dan me- mastikan tanggal pengiriman ma- terial. Melakukan koordinasi dengan pihak supplier mengenai keleng- kapan dokumen. Pendukung material sesuai standar mutu yang berlaku. Berkoordinasi dengan PIC dan Gudang tentang jadwal dan jum- lah material yang akan diorder. - Bersedia melakukan pembelian dilapangan / keluar kantor. Membuat laporan pembelian & (inventory, pengeluaran barang material dll). Melakukan pemilihan/seleksi re- kanan pengadaan sesuai kriteria perusahaan. Bekerjasama dengan departemen terkait untuk memastikan kelan- caran operasional perusahaan. - Memastikan kesedian barang/ material melalui mekanisme audit/ control stock, dll. 6. Supervisor Engineering Membuat protap-protap (prose- dur tetap) Membuat standard operasi dan maintenance (perbaikan). Mengatur jadwal dan penugasan pelaksana. Melakukan inspeksi. - Memberikan laporan kepada buiding manager secara rutin. - Mengatur penggunaan peralatan dan bahan. 7. Divisi Engineering Melaksanakan pekerjaan peng- operasian, perbaikan dan pera- watan alat dan fisik gedung. Memberikan masukan perihal jadwal pemeliharaan rutin dan pemeliharaan perbaikan. Melakukan inspeksi dan pencatat- an (checklist harian secara rutin). 144 Membuat laporan kepada chief engineering. 3.1.2 Analisa Sistem Berjalan Analisis difokuskan pada sistem stok barang yang terdapat di PT. Mahesa Cipta. Berdasarkan metode analisis yang digunakan, maka berikut gambaran sistem yang sedang berjalan pada sistem stok barang di PT. Mahesa Cipta. 1. Bagian gudang membuat laporan persediaan berdasarkan barang jumlah stok yang tersisa. Laporan persediaan kebagian diberikan purchasing. 2. Selanjutnya purchasing membuat daftar barang yang akan dibeli dan ditandatangani oleh spv engineering. 3. Setelah mendapat persetujuan spv engineering untuk melakukan pem- belian. 4. Laporan persediaan digunakan untuk bahan acuan sebagai surat perminta- an barang, sebelum diserahkan ke supplier maupun oleh purchasing. toko serta 5. Setelah supplier/toko mengirimkan faktur pembelian. barang Bagian gudang akan mencocokan terlebih dahulu setelah membuat laporan barang masuk. 6. Laporan barang yang masuk dibuat rangkap dua, rangkap pertama diserahkan kepada spv engineering, sedangkan rangkap kedua diarsipkan dibagian purchasing. 7. Jika ada barang yang tidak sesuai, bagian gudang membuat retur barang pertama rangkap diarsipkan kedua diserahkan kepada supplier beserta barangnya. rangkap rangkap dan 2,
Tabel III.1. Aktor dalam sistem berjalan No 1 2 Aktor Karyawan gudang Keterangan Mencatat persediaan barang dan melaporka- nnya. Purchashing Orang yang membeli persediaan kebutuhan barang gudang. 3 Spv Engineering Kepala mengontrol barang keluar masuk barang. teknisi yang persediaan juga gudang, No 4 Aktor Supplier Mengirim Keterangan permintaan customer barang dari (Puchasing). 3.1.2.1 Use Case Diagram Sistem Berjalan Melihat alur kerja permintaan ke- butuhan persediaan barang diatas, maka dapat dilihat use case diagram dari peran aktor sistem jalan sebagai berikut: Gambar III.2 Use Case Diagram Sistem Berjalan Skenario Use Case Persediaan Barang Sistem Berjalan Skenario use case adalah narasi tentang aktivitas dalam suatu use case diagram. Adapun skenario use case untuk laporan persediaan barang membuat adalah sebagai berikut: Nama use case : Laporan persediaan barang Aktor : Karyawan Gudang 145 Deskripsi : Meliputi proses pendataan barang gudang, pelaporan sisa barang, dan permintaan penambahan stok barang. Tabel III.2. Skenario use case laporan persedian barang Aktor Karyawan gudang melakukan pengecekan dan pendataan barang gudang. Sistem Karyawan gudang mencocokkan data yang ada dengan barang stok sebenarnya. Karyawan gudang membuat laporan sisa barang yang sudah habis. Karyawan gudang melaporkan hasil pendataan dan meminta penambahan barang ke bagian purchasing. Skenario Use Case penambahan ba- rang gudang Skenario use case merupakan narasi tentang aktivitas dalam suatu use case diagram. Adapun skenario penambahan barang gudang yang berjalan adalah sebagai berikut: Tabel III.3. Skenario use case Penambahan barang gudang Aktor Bagian purchasing Sistem engineering selaku Spv pengatur penggunaan peralatan dan bahan gudang melakukan pengecekan data bersama purchashing. Spv engineering menyetujui pengadaan barang yang habis. Purchasing melakukan pembelian barang. Pembelian barang dilakukan melalui email, telepon, maupun datang langsung ke toko. Stok barang gudang kembali bertambah. 3.1.2.2 Activity Diagram Laporan Persediaan Barang Dari analisa yang penulis lakukan di PT. Mahesa Cipta, secara garis besar
bentuk Activity diagram laporan per- sediaan barang dapat dilihat seperti berikut: Karyawan Gudang Purchasing Supplier Pendataan barang Pelaporan barang Pengecekan data barang Membuat purchase order Menerima purchase order Kirim barang Gambar III.3 Activity Diagram sistem yang berjalan Kelebihan dan Kekurangan Sistem Berjalan Kelebihan Sistem Berjalan 1. Data persediaan barang dapat di- berikan secara rinci stok barang apa saja yang masih tersedia maupun yang akan habis dan yang telah habis. 2. Purchasing lebih mudah membe- lanjakan dana yang ada apabila rincian barang sudah tersedia. Kekurangan Sistem Berjalan 1. Pengecekan stok barang gudang terjadi sehingga kurang teliti kesalahan pencatatan. 2. Pencatatan barang masih bersifat sehingga data yang rawan hilang dan manual diberikan mudah dimanipulasi. 3. Pengeluaran barang tidak melalui sistem sehingga membingungkan pencatatan stok barang di gudang. 3.1.3 Analisa Kebutuhan Sistem Perusahaan Dari hasil penelitian yang penulis terdapat berbagai masalah, lakukan sehingga penulis mengusulkan: 1. Sistem terkait terkomputerisasi masalah stok barang gudang guna lebih mendukung kinerja yang efisien dan efektif agar memudahkan pendataan barang. 2. Sistem terkomputerisasi dapat men- cegah kehilangan data stok barang gudang. 146
4. PERANCANGAN DAN IMPLE- MENTASI SISTEM 4.1. Perancangan Sistem Berikut adalah perancangan proses- proses yang penulis usulkan : 1. Perancangan proses permintaan ba- rang a. Administrator bertugas menge- lola, mengatur, dan membuat data user dan data barang dalam aplikasi sistem persediaan barang b. Teknisi meminta barang yang diperlukan c. Karyawan gudang melakukan login untuk mengecek stok barang 2. Perancangan proses pengolahan data a. Karyawan gudang bertugas me- lihat barang dan mencatat keluar masuk barang b. Teknisi bertugas membuat laporan kerja, dan melihat data user c. Purchase bertugas membeli dan melihat barang d. Manager dan Supervisor melihat stok laporan pembelian dan barang e. Supplier bertugas mengirimkan yang permintaan dibutuhkan barang 4.2. Use Case Diagram Sistem Usulan case diagram sistem usulan mempunyai beberapa lang- kah dalam proses penelitiannya, di- antaranya: 1. Identifikasi Actor Pembuatan use Aktor yang ada dalam sistem usulan, antara lain: Tabel IV.1. Aktor dalam sistem usulan No Aktor 1 Manager/ Supervis or Administ rator Keterangan Orang bisa melihat semua dan barang laporan Orang yang bertugas membuat dan mengelola aplikasi sistem persediaan barang stok jenis 2 147 3 Purchasi ng Orang bertanggung jawab dalam proses pembelian barang dan mempunyai akses melihat dan menambah barang yang 4 Supplier Orang yang mengirim permintaan barang dari customer (Puchasing). 5 Karyawa n Gudang mengurusi Orang masalah dan mempunyai hak untuk melihat keluar barang, mencatat masuk barang yang gudang 6 Teknisi Orang meminta yang keperluan barang yang akan dipakai dan membuat laporan kerja 2. Identifikasi Use Case Berikut ini use case yang penulis usulkan : Gambar IV.1. Use case diagram usulan Tabel IV.2. Skenario Use case sistem usulan Keteranga n No Nama Use Case 1 Login Aktor Use case menggamb arkan kegiatan login dari semua pengguna aplikasi Use case ini menggamb arkan pengelolaa Admin, Manager, Spv, Purchasing, Teknisi, Karyawan Gudang 2 Data User Administrator
3 Data barang 4 Data Pembe lian 5 Data pengel uaran 6 Lapora n 7 Kirim barang n data user dari sistem Use case ini berisi persediaan stok dan masuk barang yang ada digudang Use case ini berisi tentang data kebutuhan barang yang akan dibeli Use case ini berisi tentang pengeluara n barang dari gudang Use case ini berisi tentang laporan pekerjaan, laporan pembelian, laporan pengeluara n, dan laporan stok barang Use case ini berisi tentang pengiriman barang dari supplier ke pelanggan (dalam hal ini purchasing ) Administrator,G udang, Manager, Spv Purchasing Karyawan gudang, Purchasing Teknisi, Gudang, Manager, Spv Supplier 1. Skenario Use Case Login Skenario use case merupakan narasi tentang aktifitas dalam suatu use case diagram. Adapaun use case login dalam sistem yang diusulkan adalah sebagai berikut: 148 Nama Use Case : Login Aktor : Admin, Manager, Spv, Purchase, teknisi, gudang Deskripsi : Meliputi proses pengisian username dan password Tabel IV.3. Skenario Use case Login Aktor Admin mengisi dan username password. Admin memilih daftar admin. Sistem Sistem memproses username dan password di database aplikasi sistem peresediaan barang. dan Jika username sistem password benar, akan menampilkan halaman utama, jika salah makan sistem minta admin isi kembali username dan password dengan benar. Admin mengelola halaman- halaman menu admin aplikasi sistem persediaan barang. 2. Skenario Use case Data Barang Skenario use case merupakan narasi tentang aktifitas dalam suatu use case diagram. Adapun skenario use case data barang yang diusulkan adalah sebagai berikut: Nama Use case : Mengisi data barang Aktor : Admin dan karyawan gudang Deskripsi : Meliputi pengolahan data dan stok barang Tabel IV. 4. Skenario use case data barang Aktor Karyawan gudang mengisi data barang dan jumlah. Sistem Sistem menyimpan data barang kedalam database aplikasi sistem persediaan barang. Jika data yang dimasukkan sudah benar dan lengkap, maka akan sistem menampilkan pesan bahwa
data berhasil disimpan. Namun jka belum lengkap, akan sistem maka menampilkan pesan bahwa data belum lengkap diisi. Admin mengecek dan mengelola data barang yang sudah dimasukkan. 3. Skenario Use case Pembelian Skenario use case merupakan narasi tentang aktifitas dalam suatu use case diagram. Adapun skenario use case data pembelian yang diusulkan adalah sebagai berikut: Nama Use Case : Data Pembelian Aktor : Karyawan gudang, Purchasing, Spv, Supplier Deskripsi : Meliputi proses pembelian barang Tabel IV.5. Skenario Use case data pembelian Aktor Karyawan gudang mengecek sisa stok barang Karyawan gudang mencatat barang yang harus dibeli Karyawan gudang menyerahkan daftar pembelian barang ke purchasing Purchasing membuat PO dan memberikan daftar pembelian barang ke Supervisor Supervisor menyetujui daftar pembelian barang Purchasing mengirim PO ke supplier Supplier menerima dan mengirim barang Sistem Sistem menampilkan daftar stok barang yang habis 149 yang purchasing Purchasing menerima barang dan memberikan ke bagian gudang Karyawan gudang mengecek barang dan input stok barang diminta akan Sistem menyimpan data jumlah stok barang yang sudah di input 4. Skenario Use case Pengeluaran Skenario use case merupakan narasi tentang aktifitas dalam suatu use case diagram. Adapun skenario use case data pengeluaran yang diusulkan adalah sebagai berikut: Nama Use Case : Data Pengeluaran Aktor : Karyawan gudang, Purchasing Deskripsi : Meliputi proses pengeluaran barang Tabel IV.6. Skenario Use case data Pengeluaran Aktor Teknisi meminta keperluan barang kepada bagian gudang Karyawan gudang stok memeriksa barang Karyawan gudang mengambil yang barang diperlukan teknisi Karyawan gudang menyerahkan barang dibutuhkan teknisi Karyawan gudang memberikan informasi tentang barang keluar kepada purchasing yang Sistem Sistem barang beserta jumlahnya Sistem mengurangi jumlah stok barang yang diambil menampilkan diminta yang 5. Skenario Use case Laporan Skenario use case merupakan narasi tentang aktifitas dalam suatu use case diagram. Adapun skenario use case
laporan yang diusulkan adalah sebagai berikut: Nama Use Case : Laporan Aktor : Manager, Supervisor Deskripsi : Meliputi semua jenis laporan Tabel IV.7. Use case Laporan Aktor User jenis laporan User memilih laporan yang akan ditampilkan/print memilih Sistem Sistem menampilkan laporan yang dipilih Sistem menampilkan beserta laporan keterangan yang dipilih 4.3. Activity Diagram Sistem Usulan 4.3.1. Activity Diagram Login Berikut ini activity diagram yang diusulkan : Gambar IV.2. Activity Diagram Login 4.3.2. Activity Diagram barang Adapun activity diagram data barang yang diusulkan adalah sebagai berikut : Gambar IV.3. Activity Diagram data barang 150 4.3.3. Activity Diagram Pembelian Adapun activity diagram data pembelian yang diusulkan adalah sebagai berikut : Gambar IV.4. Activity Diagram data pembelian 4.3.4. Activity Diagram Pengeluaran Adapun activity diagram data adalah pengeluaran yang diusulkan sebagai berikut : Gambar IV.5. Activity Diagram data pengeluaran 4.3.5. Activity Diagram Laporan Adapun activity diagram laporan yang diusulkan adalah sebagai berikut : Gambar IV.6. Activity Diagram laporan
4.3.6. Relasi Antar Kelas Relasi adalah hubungan atau koneksi antar kelas. Kelas-kelas tersebut saling terhubung (bekerja sama) untuk menyelesaikan suatu masalah. Berikut adalah atribut dan relasi antar kelas yang terbentuk : Gambar IV.7. Relasi Antar Kelas 4.4. Perancangan Basis Data yang memberikan penjelasan secara detail tentang masing-masing yang digunakan dalam sistem informasi stok barang adalah sebagai berikut: 1. Tabel barang Spesifikasi basis data tabel Nama File : barang Primary key : id_barang Tabel IV.8. Spesifikasi basis data tabel barang No 1 2 3 4 5 6 7 Nama Field id_baran g kode_ba rang nama_ba rang Stok id_jenis id_merk id_suppl ier Tipe Ukuran Keterangan integer varchar varchar integer integer integer varchar 11 10 50 5 11 11 10 Primary Key Kode barang Nama Barang Stok barang Jenis barang Merk barang Kode supplier 2. Tabel barang_keluar Nama File : barang_keluar Primary key : id_barang_keluar Tabel IV.9. Spesifikasi basis data tabel barang keluar No Nama Field Tipe Ukuran Keterangan 1 2 3 4 id_barang_ keluar kode_barang varchar integer tgl_keluar date jumlah int 11 20 11 Primary Key Kode barang Tanggal barang keluar Jumlah pengeluaran 3. Tabel barang_masuk Nama File : barang_masuk Primary key : id_barang_masuk Tabel IV.10. Spesifikasi basis data tabel barang masuk Ukur an 11 No Nama Field id_baran g_masuk kode_ba rang kode_su pplier jumlah Keteranga n Primary Key Kode barang Kode nama supplier Jumlah barang masuk Tipe integer 1 varchar 10 2 varchar 10 3 integer 3 4 4. Tabel supplier Nama File : supplier Primary key : id_supplier Tabel IV.11. Spesifikasi basis data tabel supplier Tipe Uk ura n 11 No Nama Field Keterangan intege r varch ar varch ar varch ar varch ar varch ar id_supplie r kode_supp lier nama_sup plier no_tlp Primary Key 1 10 Kode supplier 2 50 Nama supplier 3 50 Telepon supplier 4 15 email Email supplier 5 alamat alamat supplier 50 6 151
5. Tabel teknisi Nama File : teknisi Primary key : id_teknisi Tabel IV.12. Spesifikasi basis data teknisi Tipe N o Nama Field Ukur an 10 Keteranga n Primary Key Kode teknisi Nama teknisi Telepon teknisi Keteranga n teknisi id_teknisi integer 1 kode_teknisi 10 varchar 2 20 nama_teknisi varchar 3 no_tlp 12 varchar 4 keterangan 100 varchar 5 6. Tabel user Nama File : user Primary key : id_user Tabel IV.13. Spesifikasi basis data user Tipe No Keterangan Uk ura n 11 100 50 Nama Field Primary Key Nama user Username untuk login Password username Level login user 1 2 integer id_user nama_user varchar varchar username 3 50 varchar password 4 varchar Level 20 5 4.5. Perancangan Antar Muka Perancangan antar muka meru- pakan mekanisme komunikasi antar pengguna (user) dengan sistem. Tujuan utama dari perancangan antar muka adalah agar tampilan bersifat komunikatif dan mudah digunakan oleh user sehingga tujuan awal pembuatan dari aplikasi bisa tercapai. 4.5.1 Struktur Menu Struktur menu merupakan peranca- ngan sistem yang dapat mengintegrasikan sebuah data dalam suatu sistem dengan disertai instruksi-instruksi yang ada pada pilihan sebuah menu. Fungsi-fungsi yang dirancang pada tahap perancangan ini 152 dibagi ke dalam beberapa menu yang bertujuan untuk memudahkan dalam pengoperasian program. Kategori yang ada pada stuktur menu dibedakan berdasarkan hak akses yang dimiliki oleh masing-masing user. Gambar IV.8. Struktur Menu Utama Login Aplikasi Gambar IV.9. Struktur Menu Utama Logout Aplikasi 4.5.2. Struktur Menu Administrator Gambar IV.10. Struktur Menu Administrator
4.6. Perancangan Input input Perancangan merupakan awal dimulainya proses informasi. Input perlu direncanakan untuk mengkonversi- kan data mentah ke dalam informasi yang berguna untuk mendapatkan data dalam perancangan. Perancangan tersebut ada- lah sebagai berikut: 4.6.1. Perancangan Form Login Tampilan ini merupakan halaman awal saat user akan memulai mengguna- kan program aplikasi. Maka setiap user harus mengisi dahulu form dari username maupun form password. \ Gambar IV.11. Rancangan form login 4.6.2. Rancangan Menu Utama ini menampilkan seluruh menu utama dari aplikasi yang akan dibuat. Rancangan Gambar IV.12. Rancangan Menu Utama 153 4.7. Implementasi hasil Implementasi merupakan akhir dari sebuah perancangan yang dibangun berdasarkan data mentah yang telah dikonversikan ke dalam script program untuk mendapatkan hasil output informasi berupa desain web beserta didalamnya. tahapan implementasi adalah sebagai berikut: 1. Tahapan implementasi tampilan 2. Tahapan script Adapun implementasi penulisan 3. Tahapan pengujian 4.7.1. Tampilan 4.7.1.1. Tampilan Menu Stok Barang Tahapan Implementasi keterangan mengenai stok barang yang ditampilkan kepada user. Berikut ini menu stok barang: Menu ini berisi Gambar IV.13. Tampilan Menu Stok Barang 4.7.1.2. Tampilan Menu Supplier Dalam implementasi menu supplier ini merupakan tampilan dimana informasi mengenai data penjual disimpan. Adapun tampilan menu supplier adalah sebagai berikut :
Gambar IV.14. Implementasi Menu Supplier 4.7.1.3. Tampilan Menu Barang Masuk Implementasi ini melihatkan bagai- mana seorang user purchasing memasuk- kan data stok barang kedalam sistem melalui menu barang masuk. Gambar IV.15. Tampilan Menu Barang Masuk 4.7.1.4. Tampilan Menu Keluar Barang Dalam menu ini dijelaskan bagai- mana user gudang mengambil barang tersebut sesuai permintaan dan data tercatat di menu keluar barang. Gambar IV.16. Tampilan Menu Keluar Barang 154 4.7.1.5. Tampilan Laporan Pekerjaan Implementasi ini merupakan menu untuk user manager maupun supervisor melihat data laporan. Gambar IV.17. Tampilan Menu Laporan Pekerjaan 4.7.1.6. Tampilan Menu User Bagian ini merupakan menu yang dikhususkan untuk user administrator membuat, edit, maupun menghapus data user yang berhak masuk (login) kedalam sistem web informasi stok barang. Gambar IV.18. Tampilan Menu User 4.7.2. Tahapan implementasi penulisan script Program ini dibuat menggunakan bahasa pemrograman PHP (Hypertext Preprocessor), XAMPP sebagai software untuk mengelola database, dan sublime text sebagai teks editor untuk penulisan script. 4.7.3. pengujian Tahapan implementasi siap untuk digunakan, maka program harus benar- Sebelum program
benar bebas dari kesalahan (error). Untuk itu perlu dilakukan serangkaian pengujian yang untuk menemukan mungkin bisa terjadi saat penulisan script program. kesalahan Proses pengujian sistem ini dilaku- kan setelah program melalui serangkaian tersebut pengetesan. Dalam proses dilakukan pemeriksaan untuk mencari kesalahan dan kelemahan yang mungkin masih terjadi. Proses pengujian aplikasi stok barang meliputi pengujian black box dan pengujian white box terhadap menu program apakah sudah sesuai dengan apa yang diharapkan atau tidak. 4.7.3.1. Pengujian Black Box Tabel IV. 14. Hasil Pengujian Black Box No Rancangan Proses Hasil yang diharapkan Hasil 1 Halaman Awal Tampilan pertama dari aplikasi yang dijalankan OK 2 Halaman Login Masuk ke halaman login OK 3 Menu Utama Masuk ke halaman menu utama OK 4 Sub Menu User Masuk ke halaman data user, tambah, edit, hapus, dan cari user OK 5 Sub Menu Barang Masuk ke halaman Stok Barang, tambah, edit, hapus, dan cari barang OK 6 Sub Menu Supplier Masuk ke halaman supplier, tambah, edit, hapus, dan cari supplier Ok 7 Sub Menu Laporan Masuk ke halaman laporan, buat, edit, hapus, dan cari laporan Ok 8 Sub Menu Barang Masuk Masuk ke halaman barang masuk, tambah, edit, hapus, dan cari barang masuk OK 9 Sub Menu Barang Keluar Masuk ke halaman barang keluar, tambah, edit, hapus, dan cari barang masuk OK 155
4.7.3.2. Pengujian White Box Tabel IV.15. Hasil Pengujian White Box Test Case Hasil yang diharapkan 1. Error 1. Memeriksa error and event handling pada saat login handling lengkap 2. Tersedia event handler untuk event handling 156 Koreksi
2. Memeriksa error and handling pada saat koneksi database 5. PENUTUP 5.1. Kesimpulan tahap penelitian dilakukan, maka penulis mengambil kesimpulan sebagai berikut : 1. Penelitian Setelah semua ini mampu merancang sebuah sistem informasi stok barang untuk membantu penanganan stok barang di PT. Mahesa Cipta. 2. Sistem aplikasi ini mengelola stok barang dengan menggunakan sistem informasi berbasis web. 3. Sistem aplikasi ini menghasilkan barang keluar masuk laporan berdasarkan tanggal, kode barang, maupun nama barang. 4. Sistem ini mampu mempermudah untuk mengetahui aplikasi 157 1. Error handling lengkap 2. Tersedia event handler untuk event handling informasi mengenai stok barang yang tersedia maupun yang sudah habis. 5. Sistem aplikasi mempermudah pencarian barang. ini dapat 5.2. Saran Dalam upaya untuk pengemba- ngan sistem aplikasi ini, ada beberapa hal yang penulis sarankan : 1. Sistem aplikasi ini bisa diberikan menu tambahan sesuai kebutuhan perusahaan. 2. Menambah fasilitas help agar sistem aplikasi ini lebih user friendly. 3. Pengembangan interface sistem agar tampilan lebih menarik.
DAFTAR PUSTAKA Arief M. Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta: Andi. Arifianto, Rahmat. 2014. Pengertian Flowchart. Diakses tanggal 2 Februari 2017, dari jenisnya/ Asnawi, Choerun. 2012. Modul Web Dasar. Yogyakarta: Andi. Fatansyah. 2007. Basis Data.Bandung : informatika. Hidayatullah, Priyanto. 2014. Pemrograman Web. Bandung: Informatika. 2015 diakses tanggal 15 Mei 2018 Junaedi, Ahmad. 2008. Pengertian dan fungsi PHP. Diakses tanggal 5 Februari 2017 dari Kertahadi. 2007. Dasar-dasar Sistem Informasi. Yogyakarta: STIKOM M Anastasia Meilan. 2013. Trik Menguasai PHP + JQUERY berbasis Linux & Windows. Yogyakarta: Lokomedia. 2013 McLeod. 2010. Management Information System, Jakarta : Salemba Empat Puspita, Ade. 2013, Pengertian DFD. Diakses tanggal 2 Febuari 2017 dari dan-contoh-gambar-dfd/ Pratama, Dimas. 2010, Karakteristik sistem. Diakses tanggal 5 Februari 2017 dari karakteristik-sistem/ Setyadi. 2010, Konsep Dasar Sistem. Diakses tanggal 5 Februari 2017 dari 158