SISTEM PENELUSURAN BARANG MENGGUNAKAN BARCODE BERBASIS WEB
oleh
Raynaldy Sugiharto Santoso NIM: 612012006
Skripsi
Untuk melengkapi salah satu syarat memperoleh Gelar Sarjana Teknik
Program Studi Teknik Elektro Fakultas Teknik Elektronika dan Komputer
Universitas Kristen Satya Wacana Salatiga
INTISARI
Di sebuah pabrik produksi sering dijumpai permasalahan seperti hilangnya barang produksi yang dikarenakan dalam proses produksinya, barang produksi tersebut harus berpindah-pindah ke setiap divisi pengerjaan yang berbeda tanpa ada bukti serah terima yang terdokumentasi dengan baik. Untuk mengatasi hal tersebut, maka dirancang dan direalisasikan sebuah sistem pencatatan dan penelusuran yang terkomputerisasi berupa sistem penelusuran barang menggunakan barcode berbasis web.
Dirancang sebuah sistem yang berbasis web menggunakan ASP.NET C#. Website tersebut diletakkan di sebuah komputer virtual yang memiliki alamat IP publik. Selanjutnya website tersebut dipublikasikan menggunakan Internet Information Service supaya laman website tersebut dapat diakses secara online melalui sebuah web browser. Sebuah database server juga diletakkan di komputer virtual tersebut untuk menyimpan informasi berupa identitas barang produksi dan juga riwayat proses pengerjaannya. Untuk mempermudah proses pencatatan, setiap barang produksi akan diberi sebuah stiker dengan kode identitas dalam bentuk barcode tercetak di atasnya. Jadi dalam proses pencatatanya, operator di setiap divisi hanya perlu melakukan pembacaan kode identitas barang menggunakan barcode scanner pada laman web yang telah disiapkan.
Dari hasil pengujian menggunakan uji skenario yang telah dilakukan, sistem dapat diakses secara online menggunakan sebuah web browser dan beroperasi dengan baik. Sistem dapat melakukan pencatatan informasi identitas barang dan riwayat proses produksinya. Sistem juga mampu menampilkan riwayat proses produksi secara berurutan untuk kemudahan dalam keperluan pelacakan.
Mengetahui, Mengesahkan, Penyusun,
ABSTRACT
In a production plant often encountered problems such as loss of production goods
because in the production process, the production items must be moved to each division
without any documented handover evidence. So, to overcome the problem, in this final
project a web based production tracking system using barcode is implemented.
Designed a web-based system using ASP.NET C #. The website is stored in a web
server on a virtual computer wich has a public IP. Then the website is published using
Internet Information Service so the website can be accessed online via the internet using a
web browser. A database server is stored in the virtual computer too for keeping the
attribute of the production items and the history of production process. To simplify the
recording process, each production item will be assigned a sticker with an identity code in
the form of a barcode printed on it. So in the process of recording, the operators in each
division only need to scan the identity code of production item using a barcode scanner on
the web page that has been prepared.
From the test results using test scenarios that have been done, the system can be
accessed online using a web browser and operate properly. The system can record the
identity information of production items and history of production process. The system is
also capable of displaying the production process history sequentially for ease of tracking
purposes.
KATA PENGANTAR
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang selalu menyertai penulis selama menempuh pendidikan dari awal hingga penyelesaian tugas akhir sebagai syarat kelulusan di Fakultas Teknik Elektronika dan Komputer Universitas Kristen Satya Wacana.
Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada berbagai pihak yang baik secara langsung maupun tidak langsung telah membantu penulis dalam mendoakan, serta memberikan semua yang terbaik untuk penulis.
3. Bapak Daniel Santoso, S.T, M.S dan Bapak Banu W. Yohanes, S.T, CompSc. sebagai pembimbing I dan pembimbing II yang telah membimbing dan memberikan saran serta masukan kepada penulis selama mengerjakan tugas akhir ini.
4. Vivi Setiani yang telah memberi dukungan dan doa kepada penulis selama penulis mengerjakan tugas akhir.
5. Seluruh staff dosen, karyawan dan laboran FTEK yang memfasilitasi penulis selama menempuh pendidikan S1 di FTEK UKSW.
6. Keluarga besar 2012, terutama Saudara Keenan Adidharma Kurniawan, Fandy Oktavianus, Valiccano dan Fandy Oktavianus sebagai teman seperjuangan yang selalu memberi dukungan kepada penulis.
Penulis menyadari bahwa tugas akhir ini masih jauh dari kata “sempurna”, oleh karena itu penulis mengharapkan kritik dan saran dari pembaca sehingga tugas akhir ini dapat berguna bagi kemajuan pendidikan FTEK UKSW.
Salatiga, 23 April 2017
DAFTAR ISI
2.6. Hyper Text Transfer Protocol (HTTP) ... 6
2.7. Cloud Computing ... 7
2.7. Amazon Web Service (AWS) ... 7
BAB III PERANCANGAN ALAT ... 8
3.1. Gambaran Alat ... 8
3.2. Perancangan dan Realisasi Perangkat Lunak... 9
3.2.1. Navigasi Web Pada Sistem ... 9
3.2.2. Diagram Use Case Pada Sistem ... 10
3.2.3. Diagram AktivitasPada Sistem ... 12
3.2.4. Perangkat Lunak User Interface ... 19
3.2.4.1. Laman Utama ... 19
3.2.4.2. Laman Divisi Pertama... 21
3.2.4.4. Laman Administrator Bagian Lihat UserName .... 24
3.2.4.5. Laman Administrator Bagian Lihat Divisi ... 24
3.2.5. Perangkat Lunak Database ... 25
3.2.5.1. Entity Relation Diagram (ERD) ... 25
3.2.5. Amazon EC2... 25
3.2.6.1. Sebagai Database Server ... 28
3.2.6.2. Sebagai Web Server ... 28
BAB IV PENGUJIAN DAN ANALISIS ... 28
4.1. Pengujian Barcode Scanner ... 28
4.2. Pengujian Barcode Printer ... 28
4.3. Pengujian Akses Laman Web Secara Online ... 29
4.4. Pengujian Input Identitas Barang Pada Divisi 1 ... 29
4.5. Pengujian Pencatatan Log Pada Divisi 2 Dan Selanjutnya... 31
4.6. Pengujian Pencarian Riwayat Pengerjaan Barang Produksi ... 34
4.7. Pengujian Pengeditan Identitas Barang Produksi ... 36
4.8. Pengujian Pengeditan Nama Divisi ... 38
4.9. Pengujian Sistem Dengan Menggunakan Skenario ... 41
4.9. Analisis Hasil Pengujian ... 43
BAB V KESIMPULAN DAN SARAN ... 45
5.1. Kesimpulan ... 45
5.2. Saran Pengembangan ... 45
DAFTAR GAMBAR
Gambar 1.1 Divisi produksi beserta urutan proses produksi 1 Gambar 2.1 Contoh penampakan barcode Code 39 4 Gambar 2.2 Daftar karakter yang direpresentasikan oleh Code 39 5 Gambar 3.1 Diagram blok sistem yang akan direalisasikan 8
Gambar 3.2 Navigasi web dari sistem 9
Gambar 3.3 Diagram use case dari sistem 11
Gambar 3.4 Diagram aktivitas divisi pertama saat melakukan
input identitas barang 12
Gambar 3.5 Diagram aktivitas divisi pertama saat mengedit
identitas barang 13
Gambar 3.6 Diagram aktivitas divisi ke 2 dan selanjutnya saat melakukan
pencatatan riwayat barang 14
Gambar 3.7 Diagram aktivitas administrator saat menambah akun 15 Gambar 3.8 Diagram aktivitas administrator saat mengedit kode divisi akun 16 Gambar 3.9 Diagram aktivitas administrator saat menambah divisi 17 Gambar 3.10 Diagram aktivitas administrator saat mengedit nama divisi 18
Gambar 3.11 Tampilan laman utama 19
Gambar 3.12 Diagram alir pelacakan 20
Gambar 3.13 Diagram alir login 20
Gambar 3.15 Tampilan laman untuk divisi ke 2 dan seterusnya 22 Gambar 3.16 Diagram alir pencatatan barang produksi 23 Gambar 3.17 Tampilan laman untuk administrator melihat, membuat, dan
mengedit akun anggota 24
Gambar 3.18 Tampilan laman untuk administrator melihat, membuat, dan
mengedit divisi 24
Gambar 3.19 Gambar ERD database yang akan digunakan 25 Gambar 3.20 Screenshot setelah dilakukan pelampiran database di SQL Server
Express. 26
Gambar 3.21 Screenshot Sites baru yang telah dibuat 27 Gambar 3.22 Screenshot tampilan direktori penyimpanan data website 27 Gambar 4.1 Barcode sticker hasil cetakan barcode printer 29 Gambar 4.2 Screenshot tampilan laman web secara online 29 Gambar 4.3 Screenshot tampilan laman web saat user melakukan input
identitas barang 30
Gambar 4.4 Screenshot tampilan laman web saat tombol register ditekan 30 Gambar 4.5 Screenshot tampilan tabel TabelDiskripsi setelah user melakukan
input identitas barang 31
Gambar 4.6 Screenshot tampilan proteksi jika ada data yang tidak diisi 31 Gambar 4.7 Screenshot tampilan laman web saat user melakukan scanning
pada barcode sticker 32
Gambar 4.8 Screenshot tampilan laman web setelah tracking number
yang valid diterima oleh sistem 32
pada barcode sticker sebagai aktivitas pencatatan log 33 Gambar 4.10 Screenshot tampilan laman web dalam contoh kasus posisi
barang produksi sudah di divisi tersebut 33
Gambar 4.11 Screenshot tampilan laman web dalam contoh kasus tracking number
tidak terdaftar. 34
Gambar 4.12 Screenshot tampilan laman web saat user mengetikan tracking number untuk melakukan penelusuran riwayat pengerjaan barang produksi 34 Gambar 4.13 Screenshot tampilan laman web saat user melakukan penelusuran
riwayat proses pengerjaan barang produksi 35 Gambar 4.14 Screenshot tampilan laman web dalam contoh kasus tracking number
tidak terdaftar 35
Gambar 4.15 Screenshot tampilan laman web ketika user akan melakukan
Pengeditan 36
Gambar 4.16 Screenshot tampilan laman web setelah dilakukan penginputan
tracking number 36
Gambar 4.17 Screenshot tampilan laman web ketika user melakukan
perubahan data identitas barang produksi 37 Gambar 4.18 Screenshot tampilan laman web setelah proses pengeditan selesai
dan berhasil 37
Gambar 4.19 Screenshot tampilan TabelDiskripsi setelah dilakukan
Gambar 4.20 Screenshot tampilan laman web ketika tracking number
tidak terdaftar 38
Gambar 4.21 Screenshot tampilan laman web ketika user ingin melakukan
pengeditan nama divisi 39
Gambar 4.22 Screenshot tampilan laman web ketika user melakukan penginputan
nama divisi yang baru 39
Gambar 4.23 Screenshot tampilan laman web setelah proses pengeditan
nama divisi berhasil 40
Gambar 4.24 Screenshot tapilan TabelDivisi setelah dilakukan proses pengeditan 40 Gambar 4.25 Screenshot tampilan laman web jika Kode Divisi yang akan dirubah
namanya tidak terdaftar 41
Gambar 4.26 Screenshot tampilan laman web saat user melakukan penelusuran riwayat proses pengerjaan barang produksi sesuai dengan skenario
