T1 Judul Institutional Repository | Satya Wacana Christian University: Sistem Penelusuran Barang Menggunakan Barcode Berbasis Web
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
Mei 2017
2
3
4
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,
Dr. Iwan Setyawan
Dekan
Mengesahkan,
Daniel Santoso, S.T, M.S
Pembimbing
i
Penyusun,
Raynaldy Sugiharto S
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.
.
ii
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
menyelesaikan tugas akhir ini:
1. Tuhan Yang Maha Esa yang selalu memberkati, menyertai, dan memberikan
segala yang terbaik bagi penulis selama menempuh pendidikan S1 di FTEK
UKSW dari awal hingga akhir.
2. Papa dan Mama tercinta sebagai keluarga yang selalu mendidik, mendukung,
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.
7. Pihak Toyota Astra yang telah memberikan beasiswa kepada penulis.
8. Berbagai pihak yang tidak dapat dituliskan satu persatu.
iii
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
Penulis
iv
DAFTAR ISI
INTISARI ............................................................................................................................... i
ABSTRACT........................................................................................................................... ii
KATA PENGANTAR ..........................................................................................................iii
DAFTAR ISI.......................................................................................................................... v
DAFTAR GAMBAR ........................................................................................................... vii
DAFTAR TABEL................................................................................................................. xi
DAFTAR ISTILAH ............................................................................................................. xii
BAB I
PENDAHULUAN .......................................................................................... 1
1.1. Tujuan ................................................................................................... 1
1.2. Latar Belakang ...................................................................................... 1
1.3. Spesifikasi Sistem ................................................................................. 2
1.4. Sistematika Penulisan ........................................................................... 3
BAB II
DASAR TEORI .............................................................................................. 4
2.1. Barcode ................................................................................................. 4
2.2. Barcode Scanner ................................................................................... 5
2.3. Database Server .................................................................................... 5
2.4. ASP.NET ............................................................................................... 6
2.5. Web Server ............................................................................................ 6
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 Aktivitas Pada 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.3. Laman Divisi Ke 2 Dan Selanjutnya .................... 22
v
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 PUSTAKA .......................................................................................................... 46
vi
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.14 Tampilan laman untuk divisi pertama
21
vii
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
Gambar 4.9 Screenshot tampilan tabel TabelLog setelah user melakukan scanning
viii
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
36
tracking number
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
proses pengeditan
38
ix
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
yang telah dijalankan
43
x
DAFTAR TABEL
Tabel 4.1 Hasil Pembacaan Barcode Scanner
xi
28
DAFTAR ISTILAH
xii
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
Mei 2017
2
3
4
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,
Dr. Iwan Setyawan
Dekan
Mengesahkan,
Daniel Santoso, S.T, M.S
Pembimbing
i
Penyusun,
Raynaldy Sugiharto S
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.
.
ii
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
menyelesaikan tugas akhir ini:
1. Tuhan Yang Maha Esa yang selalu memberkati, menyertai, dan memberikan
segala yang terbaik bagi penulis selama menempuh pendidikan S1 di FTEK
UKSW dari awal hingga akhir.
2. Papa dan Mama tercinta sebagai keluarga yang selalu mendidik, mendukung,
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.
7. Pihak Toyota Astra yang telah memberikan beasiswa kepada penulis.
8. Berbagai pihak yang tidak dapat dituliskan satu persatu.
iii
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
Penulis
iv
DAFTAR ISI
INTISARI ............................................................................................................................... i
ABSTRACT........................................................................................................................... ii
KATA PENGANTAR ..........................................................................................................iii
DAFTAR ISI.......................................................................................................................... v
DAFTAR GAMBAR ........................................................................................................... vii
DAFTAR TABEL................................................................................................................. xi
DAFTAR ISTILAH ............................................................................................................. xii
BAB I
PENDAHULUAN .......................................................................................... 1
1.1. Tujuan ................................................................................................... 1
1.2. Latar Belakang ...................................................................................... 1
1.3. Spesifikasi Sistem ................................................................................. 2
1.4. Sistematika Penulisan ........................................................................... 3
BAB II
DASAR TEORI .............................................................................................. 4
2.1. Barcode ................................................................................................. 4
2.2. Barcode Scanner ................................................................................... 5
2.3. Database Server .................................................................................... 5
2.4. ASP.NET ............................................................................................... 6
2.5. Web Server ............................................................................................ 6
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 Aktivitas Pada 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.3. Laman Divisi Ke 2 Dan Selanjutnya .................... 22
v
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 PUSTAKA .......................................................................................................... 46
vi
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.14 Tampilan laman untuk divisi pertama
21
vii
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
Gambar 4.9 Screenshot tampilan tabel TabelLog setelah user melakukan scanning
viii
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
36
tracking number
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
proses pengeditan
38
ix
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
yang telah dijalankan
43
x
DAFTAR TABEL
Tabel 4.1 Hasil Pembacaan Barcode Scanner
xi
28
DAFTAR ISTILAH
xii