---
# System prepended metadata

title: Progress Report Final Thesis (30 Maret 2021)

---

# Progress Report Final Thesis (30 Maret 2021)
###### tags: skripsi

1. Dokumen-dokumen berikut sudah bisa diproses dengan Google Vision dan hasilnya sebagai berikut 

| Halaman 1 | Hasil Google Vision |
| -------- | -------- |
|![img_src_1](https://i.imgur.com/eb3xTcH.jpg)|![img_out_1](https://i.imgur.com/2S1qy05.png)
|![img_src_2](https://i.imgur.com/hLzUf2a.jpg)|![img_out_2](https://i.imgur.com/feEbWot.png)| 

2. Dari hasil yang sudah diproses, saya harus membuat semacam **_predefined words_** yang itu fungsinya **untuk menyeleksi bagian tertentu saja berdasarkan _predefined words_ tersebut**. Ada [NPM package](https://www.npmjs.com/package/string-similarity) yang menggunakan pendekatan Dice Coefficient untuk menentukan kesamaan dari **predefined words dengan hasil seleksi Google Vision**. Saat ini, **_predefined words_** yang saya buat seperti ini dan tentu algoritma ini sepertinya belum yang terbaik.
```
const predefinedWords = [
  "nama",
  "umur",
  "pekerjaan",
  "kewarganegaraan",
  "alamat",
  "daerah tingkat i / wilayah daerah tingkat ii / wilayah kecamatan / wilayah desa / kelurahan",
  "luas tanah",
  "persil nomor kohir nomor blok",
  "harga rp"
]
```

| Hasil non Dice Coefficient | Hasil Dice Coefficient |
| -------- | -------- |
|![img_out_non_dice](https://i.imgur.com/2S1qy05.png)|![img_out_dice](https://i.imgur.com/pMwuOJj.png)
|
|![img_out_2](https://i.imgur.com/feEbWot.png)|![](https://i.imgur.com/cLqSL0L.png)
| 

3. Untuk frontend / user-interface, saya menggunakan UI library [Ant Design](https://ant.design/). Saat ini, UI belum sepenuhnya dapat diimplementasikan karena kendala **bagaimana menerapkan _user click_ terhadap gambar menyesuaikan keinginan user**. Tetapi secara gambaran umum, UI ini akan menggunakan [modal drawer](https://ant.design/components/modal/) yang di dalamnya terdapat [komponen unggah gambar](https://ant.design/components/upload/) dan setelah selesai unggah, muncul [preview gambar yang dapat diklik / customise oleh user](https://ant.design/components/image/)

![](https://i.imgur.com/XQQ6JdH.gif)

4. Untuk code bisa dilihat di [github](https://github.com/msulton55/seighneur-text-recognition) saya