Visual Board menggunakan ASP dan Javascript

Kali ini aku mencoba untuk berbagi pengalaman membuat aplikasi untuk visual board di area produksi. Visual board yang dimaksudkan adalah papan informasi produktifitas dari line produksi tersebut secara langsung (real time). Dengan base menggunakan aplikasi dari web dengan script ASP dan data database MySQL, visual board ini nantinya akan menampilkan data output dari salah satu line. Data tersebut berupa kode produk, nomor batch produk, target output yang dicapai, produk output yang ada (proses berlangsung),prosentase pencapian produk tersebut, informasi total produk dari line tersebut dalam bulan berjalan dan total prosentase output produk yang telah dilakukan pada line tersebut.

Dengan banyaknya data yang dikeluarkan tersebut, tentunya akan membuat berat proses. Maka harus diantisipasi sebelumnya. Aku menggunakan bantuan javascript untuk proses, agar beban proses tidak terlalu besar pada layar Visual Board.

Dan masih dibebani dengan proses LineDown dan Setup proses untuk tiap line produksi. Yang nantinya akan memproses dan mengukur kinerja produksi per line.

Mungkin langsung saja, berikut capture dari visual board.

Penampakan Visual Board dengan Web

Dari penampakan diatas terlihat informasi Kode produk dan Nomor batch dari produksi line yang berlangsung dalam hal ini Line 2. Kemudian dibagian atas kanan adalah status dari proses Line2 tersebut. Berpindah ke bagian tengah ada tiga kolom, kolom warna biru adalah informasi target output dari produk tersebut, dibagian tengah warna merah informasi untuk aktual output produksi dan dibagian kanan warna orange adalah informasi pencapaian dalam prosentase.

Kemudian kearah bawah lagi adalah informasi total output line dalam bulan berjalan. Dibagain bawah kiri adalah rencana produk-produk selanjutnya yang akan diproduksi dan terakhir dibagian kanan informasi total pencapian line tersebut dalam bulan berjalan dengan target per line yang sudah diinput sebelumnya.

Berikut penampakan unit visual board display dilokasi produksi :

Display Visual board dilokasi produksi (CCTV capture)

Penampakan display diambil dari CCTV

Namun sebelumnya ada proses lain sebelumnya dari visual board tersebut  dua diantaranya adalah proses setup dan apabila line down. Hal tersebut akan dijelaskan lain waktu. Berikut penampakan visual board info lainnya.

Penampakan display untuk proses SETUP produksi dengan aplikasi Web

Penampakan display Line Down produksi dengan aplikasi Web

Begitulah visual board produksi menggunakan aplikasi Web dalam hal ini ASP dan MySQL dibantu dengan javascript.

Dashboard Management berbasis Web

Untuk saat ini aku akan men-share sedikit program yang aku buat untuk dashboard management. Memang sederhana dibandingkan dengan dashboard management yang ada dipasaran dan tentunya berharga sangat wah !!

Awalnya dashboard view ini digunakan hanya untuk me-review output produk dari perusahaan pada tiap-tiap line secara real time. Aku mencoba-coba mencari gambaran tentang dashboard view yang ada dipasaran khususnya luar negeri. Memang ada beberapa contoh dashboard management yang sangat complicated dan sangat high end. Jadi semua informasi bisa diambil dari sana, untuk data per line per produk, data availability, data man hours, data machine hours dan hingga perhitungan OEE. Aku mencoba yang sederhana dulu, yaitu menampilkan hasil output per line hingga per produk dan disertai data prosentase pencapaian per batch produk.

Berikut sedikit capture untuk dashboard tersebut.

Capture Dashboard Output Produk

Dengan berbasis pada ASP dan data dari MySQL, dashboard tersebut bisa dikeluarkan. Tampilan diatas dengan format script ASP. Dan dashboard tersebut juga bisa dibuka dari Android. Berikut penampakan dashboard management yang terpampang di monitor dan juga Android.

Penampakan pada layar peraga

Penampakan dimonitor dan di Android

Aplikasi Web Mobile dengan Barcode Scanner

Kali ini aku akan mencoba share pengalaman tentang membuat aplikasi berbasis web untuk gudang dengan mobile barcode scanner. Aplikasi ini akan berjalan pada mobile barcode scanner dari LXE type MX8 dengan OS Windows CE 5.0 dan koneksi Wifi. Dengan berbasis pada aplikasi yang ada sebelum, menggunakan ASP dan MySQL maka aplikasi tersebut menjadi second level.

Awalnya aplikasi ini digunakan untuk gudang untuk 2 alokasi, yaitu gudang untuk bahan baku dan gudang produk jadi. Dimulai dengan pemataan area gudang tersebut dan pengalokasian area gudang. Masing-masing rak gudang telah dibuatkan identifikasi perkolom dan perbaris, dan per-rak. Aplikasi juga dibuatkan model gambar per area tersebut tentunya dengan keterangan. Berikut capture aplikasi pada web master(non barcode):

Aplikasi master lokasi - non barcode

Tahap selanjutnya membuatkan database master lokasi, tentunya berbasiskan data lokasi yangdibuat sebelumnya. 
Tahap lanjutnya tentunya membuatkan script aplikasi dengan ukuran layar yang sesuai dengan barcode scanner yaitu 2,4 inc. Untuk awalnya halaman login sebagai berikut :

Laman Login aplikasi barcode scanner

Dalam waktu kurang lebih 2 bulan project tersebut selesai, karena jika diceritakan disini pasti lebar x panjang x tinggi akan menjadi luas. Maka berikut capture-capture aplikasi gudang dengan basis Web pada unit LXE type MX8 barcode scaner dengan koneksi Wifi.

 

 
 

Pada dasarnya aplikasi tersebut menyamakan antar muka android, dengan base ASP dan hasilnya seperti terlihat diatas mungkin perlu sedikti polesan agar lebih mirip. Dan berikut penampakan aplikasi pada unit LXE.

Unit LXE typeMX8

Penampakan aplikasi setelah login

   

Penampakan Menu lain

Penampakan menu awal

Demikian sedikit cerita pembuatan dan penampakan aplikasi yang telah dibuat dengan berbasis web untuk aplikasi mobile pada unit Barcode Scanner LXE type MX8 Windows CE 5.0 koneksi Wifi.