https://github.com/nazililham11/deteksi_produk-electron

Aplikasi yang digunakan untuk mendeteksi produk dari input gambar, kemudian menampilkan Produk yang terdeteksi pada gambar
https://github.com/nazililham11/deteksi_produk-electron

object-detection tensorflowjs

Last synced: 10 days ago
JSON representation

Aplikasi yang digunakan untuk mendeteksi produk dari input gambar, kemudian menampilkan Produk yang terdeteksi pada gambar

• Host: GitHub
• URL: https://github.com/nazililham11/deteksi_produk-electron
• Owner: nazililham11
• Created: 2022-09-05T06:31:15.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-09-19T12:41:26.000Z (over 2 years ago)
• Last Synced: 2024-11-08T14:13:18.124Z (2 months ago)
• Topics: object-detection, tensorflowjs
• Language: Vue
• Homepage: https://nazililham11.github.io/deteksi-produk/
• Size: 943 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Deteksi Produk

Aplikasi ditulis dengan bahasa javascript yang digunakan untuk mendeteksi produk dari input gambar, kemudian menampilkan Produk yang terdeteksi pada gambar. Proses Deteksi dilakukan menggunakan framework tesorflow js dan dalam aplikasi berbasis electron.

![Tampilan Halaman Deteksi](assets/screenshoot-1.png)

![Tampilan Hasil Deteksi](assets/screenshoot-2.png)

## Framework

- [Vue Js](https://vuejs.org)

- [Materialize CSS](https://materializecss.com/)

- [Electron Js](https://www.electronjs.org/)

- [Tensorflow Js](https://www.tensorflow.org/js/)

## Fitur

- Menampilkan bounding box dan akurasi produk yang terdeteksi

- Manampilkan harga dan banyak produk

- Menghitung total belanjaan

- Menampikan waktu yang dibutuhkan untuk proses deteksi

- Menampilkan/Menyembunyikan bounding box dari kelas produk tertentu

## Batasan aplikasi

- Hanya mendeteksi produk tertentu

- Input hanya dari file gambar

- Ukuran tampilan masih fix/statis

## Masalah / Bug yang diketahui

- Tampilan mengalami freeze saat proses deteksi

- Proses deteksi pertama kali akan sedikit lama (~4 detik lebih lama dari normal)

## Flowchart Proses Deteksi

![Tampilan Hasil Deteksi](assets/flowchart_proses_deteksi.png)

## Training Model

File Notebook yang digunakan untuk proses training model.

[object_detection_training.ipynb](https://gist.github.com/nazililham11/f65690eb39670f37cfb15793dee99bcb)

## Project setup

```

npm install

```

### Compile untuk development

```

npm run electron:serve

```

### Compile untuk production

```

npm run electron:build

```