# 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