2013-1-00636-if cover001

APLIKASI TEXT RECOGNITION DENGAN MENGGUNAKAN

ALGORITMA BACKPROPAGATION BERBASIS NEURAL NETWORK

SKRIPSI

Oleh

Daniel Sidarta 1401096433

Venessa Jeremia 1401099901

Nico Chayadi 1401100411

School of Computer Science

Universitas Bina Nusantara

Jakarta

2014



SKRIPSI

diajukan sebagai salah satu syarat

untuk gelar kesarjanaan pada

Program Teknik Informatika


Jenjang Pendidikan Strata-1

Oleh

Daniel Sidarta 1401096433

Venessa Jeremia 1401099901

Nico Chayadi 1401100411



Jakarta

2014



SKRIPSI

Disusun oleh :

Daniel Sidarta

1401096433

Venessa Jeremia

1401099901

Nico Chayadi

1401100411

Disetujui oleh :

Pembimbing dan Ketua Jurusan

Franky Hadinata Marpaung, S.Kom., MM

D3560

Fredy Purnomo, S.Kom., M.Kom.

Ketua Jurusan Teknik Informatika


Jakarta

2014

PERNYATAAN

Dengan ini kami,

Nama : Daniel Sidarta

NIM : 1401096433

Nama : Venessa Jeremia

NIM : 1401099901

Nama : Nico Chayadi

NIM : 1401100411

Judul Skripsi : APLIKASI TEXT RECOGNITION DENGAN

MENGGUNAKAN ALGORITMA BACKPROPAGATION

BERBASIS NEURAL NETWORK

Memberikan kepada Universitas Bina Nusantara hak non-eksklusif untuk

menyimpan, memperbanyak, dan menyebarluaskan Skripsi karya kami, secara

keseluruhan atau hanya sebagian atau hanya ringkasannya saja, dalam bentuk format

tercetak dan atau elektronik.

Menyatakan bahwa kami, akan mempertahankan hak eksklusif kami untuk

menggunakan seluruh atau sebagian isi Skripsi kami, guna pengembangan karya di

masa depan, misalnya bentuk artikel, buku, perangkat lunak, ataupun sistem

informasi.

Jakarta, 20 Maret 2014

Daniel Sidarta

1401096433

Venessa Jeremia

1401099901

Nico Chayadi

1401100411

KATA PRAKATA

Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan karunia dan

berkat-Nya kepada penulis sehingga penulisan skripsi yang berjudul “APLIKASI

TEXT RECOGNITION DENGAN MENGGUNAKAN ALGORITMA

BACKPROPAGATION BERBASIS NEURAL NETWORK” dapat selesai dengan

baik dan tepat waktu. Penulisan skripsi ini dibuat sebagai salah satu syarat untuk

menyelesaikan jenjang studi strata-1 pada School of Computer Science, BINUS

University.

Selain itu, penulisan skripsi ini dapat diselesaikan dengan baik berkat adanya

bantuan dari berbagai pihak. Oleh karena itu, penulis ingin mengucapkan terima

kasih kepada pihak-pihak yang telah memberikan dukungan dan bimbingan dalam

penyusunan skripsi ini baik secara langsung maupun tidak langsung kepada:

1. Bapak Prof. Dr. Ir. Harjanto Prabowo, MM, selaku Rektor BINUS

University.

2. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Dean of School of

Computer Science.

3. Ibu Yen Lina Prasetio, S.Kom., M.CompSc., selaku Head of School of

Computer Science Program.

4. Ibu Bina Bestina Harefa, S.Kom., MTI. selaku Deputy Head of School of

Computer Science – Academic & Operation.

5. Bapak Franky Hadinata Marpaung, S.Kom., MM., selaku Deputy Head of

School of Computer Science School-Student & Alumni serta merupakan

dosen pembimbing yang telah memberikan dukungan, motivasi, bimbingan,

dan pengarahan dalam menyelesaikan penulisan skripsi dari awal hingga

akhir.

6. Seluruh staff pengajar di BINUS University yang pernah mengajar dan

memberikan ilmu pengetahuan yang bermanfaat dalam penulisan skripsi ini.

7. Seluruh keluarga penulis yang telah memberikan dukungan, semangat, dan

doa demi terselesaikannya skripsi ini.

8. Semua pihak yang tidak dapat penulis sebutkan satu per satu, yang telah

membantu penulis dalam menyelesaikan skripsi ini.

Penulis telah berusaha sebaik mungkin untuk menyelesaikan penulisan skripsi

ini. Namun, penulis sadar bahwa skripsi ini belum sempurna karena keterbatasan-

keterbatasan sumber, pengetahuan, dan pengalaman penulis. Oleh karena itu,

dengan segala kerendahan hati, penulis sangat menghargai kritik dan saran yang

membangun.

Akhir kata, penulis mengucapkan banyak terima kasih. Semoga skripsi ini

dapat bermanfaat bagi semua pihak yang berkepentingan.

Jakarta, Maret 2014

Tim Penulis

DAFTAR ISI

HALAMAN JUDUL LUAR.........................................................................................iHALAMAN JUDUL DALAM.....................................................................................iiHALAMAN PERSETUJUAN DOSEN PEMBIMBING...........................................iiiHALAMAN PERNYATAAN DEWAN PENGUJI....................................................ivHALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI.................viiHALAMAN ABSTRAK...........................................................................................viiiHALAMAN PRAKATA............................................................................................ix DAFTAR ISI...............................................................................................................xiDAFTAR TABEL.....................................................................................................xivDAFTAR GAMBAR.................................................................................................xviDAFTAR LAMPIRAN.............................................................................................xxi

BAB 1 PENDAHULUAN...........................................................................................11.1 Latar Belakang.............................................................................................11.2 Rumusan Masalah.......................................................................................31.3 Ruang Lingkup............................................................................................41.4 Tujuan dan Manfaat.....................................................................................4

1.4.1 Tujuan.............................................................................................41.4.2 Manfaat...........................................................................................5

1.5 Metodologi Penelitian.................................................................................51.5.1 Metode Pengumpulan Data.............................................................51.5.2 Metode Pengembangan...................................................................6

1.6 Sistematika Penulisan..................................................................................7

BAB 2 TINJAUAN PUSTAKA..................................................................................92.1 Perangkat Lunak..........................................................................................92.2 Agile Method...............................................................................................92.3 Extreme Programming (XP)......................................................................102.4 Unified Modelling Language (UML)........................................................11

2.4.1 Pengertian UML...........................................................................112.4.2 Use Case Diagram........................................................................112.4.3 Use Case Narrative.......................................................................172.4.4 Activity Diagram...........................................................................182.4.5 Class Responsibility Collaboration (CRC) Cards........................202.4.6 Class Diagram..............................................................................202.4.7 Sequence Diagram........................................................................24

2.5 Data Dictionary.........................................................................................272.6 Interaksi Manusia dan Komputer..............................................................27

2.6.1 Pengertian Interaksi Manusia dan Komputer................................27

2.6.2 Lima Faktor Manusia Terukur......................................................272.6.3 Delapan Aturan Emas...................................................................28

2.7 Microsoft Visual Studio 2012...................................................................292.8 OpenCV.....................................................................................................302.9 EmguCV....................................................................................................302.10 MongoDB..................................................................................................302.11 Tesseract OCR...........................................................................................302.12 ITextSharp.................................................................................................302.13 Aforge.NET Framework...........................................................................302.14 Artificial Intelligence (AI).........................................................................312.15 Computer Vision........................................................................................312.16 Image Processing......................................................................................312,17 Digital Image.............................................................................................322.18 Detection....................................................................................................332.19 Recogntion.................................................................................................332.20 Grayscale...................................................................................................332.21 Binary Image.............................................................................................332.22 Red, Green, Blue........................................................................................342.23 Binary Image Morphology........................................................................352.24 Thresholding..............................................................................................392.25 Algoritma...................................................................................................402.26 Teks...........................................................................................................402.27 Machine Print and Handwriting Text........................................................402.28 Optical Character Recogntion (OCR).......................................................402.29 Jaringan Syaraf Tiruan (Neural Network).................................................412.30 Backpropagation.......................................................................................442.31 Jarak...........................................................................................................462.32 Hasil Penelitian Sebelumnya.....................................................................47

BAB 3 METODOLOGI............................................................................................513.1 Metode Text Recognition...........................................................................51

3.1.1 Penggambaran Proses Model Text Recognition Pada Aplikasi....513.1.2 Penerapan Text Recognition Pada Aplikasi..................................52

3.2 Metode Pengembangan Aplikasi...............................................................593.2.1 Planning........................................................................................59

3.2.1.1 Analisis Kebutuhan User...............................................593.2.1.2 Kesimpulan Analisis Kebutuhan User...........................743.2.1.3 Analisis Aplikasi Sejenis................................................753.2.1.4 Hasil dan Kesimpulan Analisis Aplikasi Sejenis...........863.2.1.5 User Stories....................................................................873.2.1.6 Gantt Chart.....................................................................88

3.2.2 Design...........................................................................................893.2.2.1 Use Case Diagram.........................................................893.2.2.2 Use Case Narrative........................................................89

3.2.2.3 Activity Diagram..........................................................1083.2.2.4 Class Responsibilities Collaboration (CRC) Cards.. . .1253.2.2.5 Class Diagram.............................................................1433.2.2.6 Sequence Diagram.......................................................1453.2.2.7 Data Dictionary (Kamus Data)....................................1653.2.2.8 Rancangan Layar..........................................................178

3.2.3 Coding.........................................................................................1923.2.3.1 Proses Refactoring.......................................................192

3.3 Software Design Document.....................................................................1933.3.1 Deskripsi Software......................................................................193

BAB 4 HASIL DAN PEMBAHASAN...................................................................1954.1 Spesifikasi dan Sistem.............................................................................195

4.1.1 Spesifikasi Kebutuhan Hardware...............................................1954.1.2 Spesifikasi Kebutuhan Software.................................................195

4.2 Prosedur Penggunaan Aplikasi................................................................1964.2.1 End User.....................................................................................1964.2.2 Admin..........................................................................................213

4.3 Software Testing......................................................................................2224.4 Evaluasi...................................................................................................228

4.4.1 Evaluasi User Interface...............................................................2284.4.1.1 Evaluasi Aplikasi Terhadap Delapan Aturan Emas.....2284.4.1.2 Evaluasi Aplikasi Terhadap Aplikasi Sejenis..............2344.4.1.3 Evaluasi Aplikasi Hasil Kuesioner...............................2364.4.1.4 Kesimpulan Evaluasi Kuesioner..................................2504.4.1.5 Evaluasi Aplikasi Berdasarkan Hasil Wawancara.......250

4.4.2 User Acceptance Test Berdasarkan Lima Faktor Manusia Terukur.......................................................................................252

BAB 5 SIMPULAN DAN SARAN.........................................................................2555.1 Simpulan..................................................................................................2555.2 Saran........................................................................................................255

DAFTAR PUSTAKA.....………………………………………………………………257 HALAMAN LAMPIRAN..……………………………………………………..…..L1SURAT SURVEI..………………………………………………....…..………..…L13

DAFTAR TABEL

Tabel 2.1 Simbol Activity Diagram............................................................................18Tabel 2.2 Keterangan Visibility..................................................................................21Tabel 2.3 Keterangan Multilicity................................................................................22Tabel 2.4 Simbol Sequence Diagram.........................................................................25Tabel 2.5 Digital Trichromatic Color Encoding System............................................35Tabel 2.6 Hasil Penelitian Sebelumnya......................................................................49Tabel 3.1 Jawaban Pertanyaan Nomor 1....................................................................59Tabel 3.2 Jawaban Pertanyaan Nomor 2....................................................................60Tabel 3.3 Jawaban Pertanyaan Nomor 3....................................................................61Tabel 3.4 Jawaban Pertanyaan Nomor 4....................................................................62Tabel 3.5 Jawaban Pertanyaan Nomor 5....................................................................63Tabel 3.6 Jawaban Pertanyaan Nomor 6....................................................................64Tabel 3.7 Jawaban Pertanyaan Nomor 7....................................................................65Tabel 3.8 Jawaban Pertanyaan Nomor 8....................................................................66Tabel 3.9 Jawaban Pertanyaan Nomor 9....................................................................67Tabel 3.10 Jawaban Pertanyaan Nomor 10................................................................68Tabel 3.11 Jawaban Pertanyaan Nomor 11................................................................70Tabel 3.12 Jawaban Pertanyaan Nomor 12................................................................72Tabel 3.13 Jawaban Pertanyaan Nomor 13................................................................73Tabel 3.14 Perbandingan Aplikasi Sejenis.................................................................86Tabel 3.15 User Stories..............................................................................................87Tabel 3.16 Use Case Narrative Do Login..................................................................90Tabel 3.17 Use Case Narrative Manage Report........................................................91Tabel 3.18 Use Case Narrative Manage Data...........................................................92Tabel 3.19 Use Case Narrative Add Data..................................................................93Tabel 3.20 Use Case Narrative Edit Data..................................................................94Tabel 3.21 Use Case Narrative Manage Form Template...........................................95Tabel 3.22 Use Case Narrative Manage Image.........................................................97Tabel 3.23 Use Case Narrative Manage User..........................................................100Tabel 3.24 Use Case Narrative Add User................................................................101Tabel 3.25 Use Case Narrative Edit User................................................................102Tabel 3.26 Use Case Narrative Manage Database..................................................103Tabel 3.27 Use Case Narrative Create Database....................................................104Tabel 3.28 Use Case Narrative Learn Data.............................................................105Tabel 3.29 CRC Card Do Login Use Case...............................................................125Tabel 3.30 CRC Card Manage Report Use Case.....................................................126Tabel 3.31 CRC Card Manage Form Template Use Case.......................................127Tabel 3.32 CRC Card Manage Data Use Case........................................................129Tabel 3.33 CRC Card Add Data Use Case..............................................................131Tabel 3.34 CRC Card Edit Data Use Case..............................................................132

Tabel 3.35 CRC Card Manage Image Use Case......................................................133Tabel 3.36 CRC Card Manage User Use Case........................................................135Tabel 3.37 CRC Card Add User Use Case...............................................................136Tabel 3.38 CRC Card Edit User Use Case..............................................................137Tabel 3.39 CRC Card Manage Database Use Case................................................138Tabel 3.40 CRC Card Create Database Use Case...................................................140Tabel 3.41 CRC Card Learn Data Use Case...........................................................141Tabel 3.42 Kamus Data User Entity.........................................................................165Tabel 3.43 Kamus Data Image Entity.......................................................................168Tabel 3.44 Kamus Data NewDatabase Entity..........................................................169Tabel 3.45 Kamus Data DatabaseData Entity.........................................................171Tabel 3.46 Kamus Data FileData Entity..................................................................173Tabel 3.47 Kamus Data Template Entity..................................................................174Tabel 3.48 Kamus Data DataTrain Entity................................................................176Tabel 3.49 Kamus Data Weight Entity............177Tabel 4.1 Hasil Pembacaan Tulisan Menggunakan Fitur Load Template..........................................................................223Tabel 4.2 Hasil Pembacaan Tulisan Menggunakan Color Filtering........................225Tabel 4.3 Contoh Lain Hasil Pembacaan Tulisan....................................................226Tabel 4.4 Evaluasi Aplikasi Sejenis.........................................................................234Tabel 4.5 Jawaban Pertanyaan Nomor 1..................................................................236Tabel 4.6 Jawaban Pertanyaan Nomor 2..................................................................237Tabel 4.7 Jawaban Pertanyaan Nomor 3..................................................................238Tabel 4.8 Jawaban Pertanyaan Nomor 4..................................................................239Tabel 4.9 Jawaban Pertanyaan Nomor 5..................................................................241Tabel 4.10 Jawaban Pertanyaan Nomor 6................................................................242Tabel 4.11 Jawaban Pertanyaan Nomor 7................................................................243Tabel 4.12 Jawaban Pertanyaan Nomor 8................................................................244Tabel 4.13 Jawaban Pertanyaan Nomor 9................................................................246Tabel 4.14 Jawaban Pertanyaan Nomor 10..............................................................247Tabel 4.15 Jawaban Pertanyaan Nomor 11...............................................................248

DAFTAR GAMBAR

Gambar 1.1 Data Jumlah Pengguna OS Di Seluruh Dunia..............................................3Gambar 2.1 Contoh Penggunaan Use Case Di Dalam Use Case Diagram................12Gambar 2.2 Simbol Actor Dalam Use Case Diagram................................................13Gambar 2.3 Contoh Association Relationship Use Case............................................14Gambar 2.4 Contoh Extended Relationship Use Case...............................................15Gambar 2.5 Contoh Uses Relationship Use Case......................................................15Gambar 2.6 Contoh Depends On Relationship Use Case..........................................16Gambar 2.7 Contoh Penggunaan Inheritance Dalam Use Case.................................17Gambar 2.8 Struktur Class Diagram..........................................................................21Gambar 2.9 Contoh Multiplicity.................................................................................22Gambar 2.10 Contoh Generalization..........................................................................23Gambar 2.11 Contoh Aggregation..............................................................................24Gambar 2.12 Contoh Composition.............................................................................24Gambar 2.13 Sequence Diagram of the Place New Order Use Case.........................27Gambar 2.14 Array Pixel Pada Digital Image............................................................32Gambar 2.15 Representasi Gambar Dari Pixel Pada Digital Image...........................32Gambar 2.16 Contoh Grayscale Image......................................................................33Gambar 2.17 Array pixel of binary image..................................................................34Gambar 2.18 Representasi Gambar Binary Image.....................................................34Gambar 2.19 Contoh BOX(3,5)..................................................................................36Gambar 2.20 Contoh DISK(5)....................................................................................36Gambar 2.21 Binary Image B.....................................................................................37Gambar 2.22 Structuring Element..............................................................................37

Gambar 2.23 Dilation ......................................................................................37

Gambar 2.24 Erotion .......................................................................................38

Gambar 2.25 Closing .........................................................................................38

Gambar 2.26 Opening .......................................................................................39

Gambar 2.27 Jaringan Layar Tunggal........................................................................41Gambar 2.28 Jaringan Layar Jamak...........................................................................42Gambar 2.29 Jaringan Competitive.............................................................................42Gambar 2.30 Backpropagation Dengan Satu Hidden Layer......................................44Gambar 3.1 Proses Model Text Recognition Pada Aplikasi.......................................51Gambar 3.2 Penerapan Handwriting Recognition Pada Aplikasi “SCAVE”.............52Gambar 3.3 Penerapan Machine Print Recognition Pada Aplikasi “SCAVE”..........52Gambar 3.4 Contoh Penerapan Handwriting Recognition Pada Aplikasi

“SCAVE”..............................................................................................58

Gambar 3.5 Contoh Penerapan Machine Print Recognition Pada Aplikasi “SCAVE”..............................................................................................58

Gambar 3.6 Histogram Jawaban Pertanyaan Nomor 1..............................................59Gambar 3.7 Histogram Jawaban Pertanyaan Nomor 2..............................................60Gambar 3.8 Histogram Jawaban Pertanyaan Nomor 3..............................................61Gambar 3.9 Histogram Jawaban Pertanyaan Nomor 4..............................................62Gambar 3.10 Histogram Jawaban Pertanyaan Nomor 5............................................63Gambar 3.11 Histogram Jawaban Pertanyaan Nomor 6............................................64Gambar 3.12 Histogram Jawaban Pertanyaan Nomor 7............................................65Gambar 3.13 Histogram Jawaban Pertanyaan Nomor 8............................................66Gambar 3.14 Histogram Jawaban Pertanyaan Nomor 9............................................67Gambar 3.15 Histogram Jawaban Pertanyaan Nomor 10..........................................69Gambar 3.16 Histogram Jawaban Pertanyaan Nomor 11..........................................71Gambar 3.17 Histogram Jawaban Pertanyaan Nomor 12..........................................72Gambar 3.18 Histogram Jawaban Pertanyaan Nomor 13..........................................74Gambar 3.19 Screenshot Aplikasi SimpleOCR 1.......................................................76Gambar 3.20 Screenshot Aplikasi SimpleOCR 2.......................................................77Gambar 3.21 Screenshot Aplikasi SimpleOCR 3.......................................................77Gambar 3.22 Screenshot Aplikasi SimpleOCR 4.......................................................78Gambar 3.23 Screenshot Aplikasi SimpleOCR 5.......................................................79Gambar 3.24 Screenshot Aplikasi FreeOCR 1...........................................................79Gambar 3.25 Screenshot Aplikasi FreeOCR 2...........................................................80Gambar 3.26 Screenshot Aplikasi FreeOCR 3...........................................................80Gambar 3.27 Screenshot Aplikasi FreeOCR 4...........................................................81Gambar 3.28 Screenshot Aplikasi FreeOCR 5...........................................................81Gambar 3.29 Screenshot Aplikasi TopOCR 1............................................................82Gambar 3.30 Screenshot Aplikasi TopOCR 2............................................................83Gambar 3.31 Screenshot Aplikasi TopOCR 3............................................................83Gambar 3.32 Screenshot Aplikasi TopOCR 4............................................................84Gambar 3.33 Screenshot Aplikasi TopOCR 5............................................................84Gambar 3.35 Use Case Diagram................................................................................89Gambar 3.36 Activity Diagram Do Login.................................................................108Gambar 3.37 Activity Diagram Manage Report.......................................................109Gambar 3.38 Activity Diagram Manage Data..........................................................110Gambar 3.39 Activity Diagram Add Data................................................................111Gambar 3.40 Activity Diagram Edit Data................................................................112Gambar 3.41 Activity Diagram Manage Form Template.........................................113Gambar 3.42 Activity Diagram Manage Image........................................................115Gambar 3.43 Activity Diagram Manage User..........................................................117Gambar 3.44 Activity Diagram Add User.................................................................118Gambar 3.45 Activity Diagram Edit User................................................................119Gambar 3.46 Activity Diagram Manage Database..................................................120Gambar 3.47 Activity Diagram Create Database.....................................................121Gambar 3.48 Activity Diagram Learn Data.............................................................123

Gambar 3.49 Class Diagram....................................................................................143Gambar 3.50 Sequence Diagram Do Login..............................................................145Gambar 3.51 Sequence Diagram Manage Report....................................................146Gambar 3.52 Sequence Diagram Manage Data.......................................................147Gambar 3.53 Sequence Diagram Add Data.............................................................148Gambar 3.54 Sequence Diagram Edit Data.............................................................149Gambar 3.55 Sequence Diagram Manage Form Template......................................151Gambar 3.56 Sequence Diagram Manage Image.....................................................153Gambar 3.57 Sequence Diagram Manage User.......................................................155Gambar 3.58 Sequence Diagram Add User..............................................................156Gambar 3.59 Sequence Diagram Edit User.............................................................157Gambar 3.60 Sequence Diagram Manage Database...............................................159Gambar 3.61 Sequence Diagram Create Database..................................................161Gambar 3.62 Sequence Diagram Learn Data..........................................................163Gambar 3.63 User Entity..........................................................................................165Gambar 3.64 Image Entity........................................................................................168Gambar 3.65 NewDatabase Entity...........................................................................169Gambar 3.66 DatabaseData Entity...........................................................................171Gambar 3.67 FileData Entity...................................................................................173Gambar 3.68 Template Entity...................................................................................174Gambar 3.69 DataTrain Entity.................................................................................176Gambar 3.70 Weight Entity.......................................................................................177Gambar 3.71 Rancangan Layar Login......................................................................178Gambar 3.72 Rancangan Layar Admin Home..........................................................179Gambar 3.73 Rancangan Layar Admin Database.....................................................179Gambar 3.74 Rancangan Layar Admin Learning.....................................................180Gambar 3.75 Rancangan Layar Add Data Learning................................................180Gambar 3.76 Rancangan Layar Train Data Learning..............................................181Gambar 3.77 Rancangan Layar Admin User Menu..................................................181Gambar 3.78 Rancangan Layar Pop Up Add User Window.....................................182Gambar 3.79 Rancangan Layar Pop Up Edit User Window....................................182Gambar 3.80 Rancangan Layar Delete Confirmation..............................................183Gambar 3.81 Rancangan Layar User Home.............................................................183Gambar 3.82 Rancangan Layar Help Menu.............................................................184Gambar 3.83 Rancangan Layar About......................................................................184Gambar 3.84 Rancangan Layar Tutorial..................................................................185Gambar 3.85 Rancangan Layar How To Do Simple Recognition............................185Gambar 3.86 Rancangan Layar How To Do Create Template Form.......................186Gambar 3.87 Rancangan Layar How To Load Template Form................................186Gambar 3.88 Rancangan Layar Image Editor..........................................................187Gambar 3.89 Rancangan Layar User Database.......................................................187Gambar 3.90 Rancangan Layar Add Data Window..................................................188Gambar 3.91 Rancangan Layar Edit Data Window..................................................188Gambar 3.92 Rancangan Layar Delete Data............................................................189

Gambar 3.93 Rancangan Layar Import Data...........................................................189Gambar 3.94 Rancangan Layar Print Data..............................................................190Gambar 3.95 Rancangan Layar Create Form Template...........................................191Gambar 3.96 Rancangan Layar Load Form Template.............................................191Gambar 3.97 Sebelum Refactoring...........................................................................192Gambar 3.98 Sesudah Refactoring...........................................................................193Gambar 4.1 Tampilan Login Aplikasi......................................................................196Gambar 4.2 Tampilan Pengisian Textbox Username Dan Password.......................197Gambar 4.3 Tampilan Pesan Error...........................................................................197Gambar 4.4 Tampilan Utama Aplikasi “SCAVE”...................................................198Gambar 4.5 Tampilan Browse Image.......................................................................198Gambar 4.6 Tampilan Image Yang Telah Dimuat...................................................199Gambar 4.7 Tampilan Zoom In Image......................................................................199Gambar 4.8 Tampilan Zoom Out Image...................................................................199Gambar 4.9 Tampilan Rotate Image.........................................................................200Gambar 4.10 Tampilan Pan Image...........................................................................200Gambar 4.11 Tampilan Inverse Image.....................................................................200Gambar 4.12 Tampilan Image Editor Menu.............................................................201Gambar 4.13 Tampilan Pengaktifan RGB Editor Dan Hasil Inverse.......................201Gambar 4.14 Tampilan Selection, Pemilihan Jenis Tulisan Machine Print Dan

Pemilihan Jenis Huruf.......................................................................202Gambar 4.15 Tampilan Hasil Pembacaan Dari Jenis Tulisan Machine Print..........202Gambar 4.16 Tampilan Selection, Pemilihan Jenis Tulisan Handwriting Dan

Pemilihan Jenis Huruf.......................................................................203Gambar 4.17 Tampilan Hasil Pembacaan dari Jenis Tulisan Handwriting..............203Gambar 4.18 Tampilan Save Data............................................................................204Gambar 4.19 Tampilan Main Form Menu................................................................204Gambar 4.20 Tampilan Create Template Mode.......................................................205Gambar 4.21 Tampilan Pembuatan Template Field.................................................205Gambar 4.22 Tampilan Pembuatan Template Form.................................................206Gambar 4.23 Tampilan Saving New Template.........................................................206Gambar 4.24 Tampilan Load Template....................................................................207Gambar 4.25 Tampilan Hasil Pembacaan Template Form.......................................207Gambar 4.26 Tampilan View Database Menu..........................................................208Gambar 4.27 Tampilan Isi Database........................................................................208Gambar 4.28 Tampilan Add Data Window...............................................................209Gambar 4.29 Tampilan Edit Data Window...............................................................209Gambar 4.30 Tampilan Delete Data Confirmation...................................................210Gambar 4.31 Tampilan Menu Import Data..............................................................210Gambar 4.32 Tampilan Table Database Yang Akan Diekspor................................211Gambar 4.33 Tampilan Export Data.........................................................................211Gambar 4.34 Tampilan Print Preview......................................................................212Gambar 4.35 Tampilan Admin View.........................................................................213Gambar 4.36 Tampilan Database Admin View........................................................213

Gambar 4.37 Tampilan Create Database.................................................................214Gambar 4.38 Tampilan Delete Database.................................................................214Gambar 4.39 Tampilan Add Data.............................................................................215Gambar 4.40 Tampilan Edit Data.............................................................................216Gambar 4.41 Tampilan Delete Data.........................................................................216Gambar 4.42 Tampilan User View...........................................................................217Gambar 4.43 Tampilan Add User.............................................................................217Gambar 4.44 Tampilan Edit User.............................................................................218Gambar 4.45 Tampilan Delete User.........................................................................219Gambar 4.46 Tampilan Learning View....................................................................219Gambar 4.47 Tampilan Recognize View...................................................................220Gambar 4.48 Tampilan Add Data Train...................................................................220Gambar 4.49 Tampilan Train Data...........................................................................221Gambar 4.50 Hasil Pembacaan Tulisan Menggunakan Fitur Load Template..........222Gambar 4.51 Hasil Pembacaan Tulisan Menggunakan Fitur Color Filtering..........224Gambar 4.52 Contoh Konsistensi Pada Aplikasi......................................................229Gambar 4.53 Contoh Memenuhi Kegunaan Yang Umum.......................................229Gambar 4.54 Contoh Umpan Balik Yang Informatif...............................................230Gambar 4.55 Contoh Merancang Dialog Penutup....................................................230Gambar 4.56 Contoh Penanganan Kesalahan Yang Sederhana...............................231Gambar 4.57 Contoh Memberikan Kemudahan Untuk Kembali Ke Tindakan

Sebelumnya.......................................................................................232Gambar 4.58 Contoh Mendukung Pusat Kendali Internal........................................232Gambar 4.59 Gambar Mengurangi Beban Ingatan Jangka Pendek..........................233Gambar 4.60 Histogram Jawaban Pertanyaan Nomor 1..........................................236Gambar 4.61 Histogram Jawaban Pertanyaan Nomor 2..........................................238Gambar 4.62 Histogram Jawaban Pertanyaan Nomor 3..........................................239Gambar 4.63 Histogram Jawaban Pertanyaan Nomor 4..........................................240Gambar 4.64 Histogram Jawaban Pertanyaan Nomor 5..........................................241Gambar 4.65 Histogram Jawaban Pertanyaan Nomor 6..........................................242Gambar 4.66 Histogram Jawaban Pertanyaan Nomor 7..........................................244Gambar 4.67 Histogram Jawaban Pertanyaan Nomor 8..........................................245Gambar 4.68 Histogram Jawaban Pertanyaan Nomor 9..........................................246Gambar 4.69 Histogram Jawaban Pertanyaan Nomor 10........................................247Gambar 4.70 Histogram Jawaban Pertanyaan Nomor 11........................................248

DAFTAR LAMPIRAN

Kuesioner Analisis Kebutuhan User..........................................................................L1Kuesioner Evaluasi Aplikasi......................................................................................L4Evaluasi Aplikasi Berdasarkan Hasil Wawancara.....................................................L7

2013-1-00636-if cover001

Documents