DAFTAR ISI
Halaman Persetujuan
iii Pernyataan
iv Penghargaan
v Abstrak
vi Abstract
vii Daftar Isi
viii Daftar Tabel
xi Daftar Gambar
xii Daftar Lampiran
xiv Bab I Pendahuluan
1.1 Latar Belakang 1
1.2 Perumusan Masalah 3
1.3 Batasan Masalah 3
1.4 Tujuan Penelitian 4
1.5 Manfaat Penelitian 5
1.6 Metode Penelitian 5
1.7 Sistematika Penulisan 6
Bab II Landasan Teori 2.1 ATM Automatic Teller Machine
8 2.2 EDC Electronic Data Capture
8 2.3 PhoneGap
10 2.4 Xcode
11 2.5 HTML 5
12 2.6 Node.JS
15 2.6.1 Model IO Non-Blocking
16 2.7 Eclipse
17 Bab III Analisis dan Perancangan
3.1 Analisis Sistem 23
3.1.1 Analisis Masalah 23
3.1.2 Analisis Kebutuhan Sistem 24
3.1.2.1 Kebutuhan Fungsional 24
3.1.2.2 Kebutuhan Nonfungsional 25
3.1.3 Activity Diagram yang berjalan 28
3.1.3.1 Activity Diagram Untuk Penyampaian Permasalahan Baru 28
3.1.3.2 Activity Diagram Untuk Penanganan Permasalahan 30
3.1.4 Sequence Diagram Sistem yang Berjalan 31
3.1.4.1 Sequence Diagram Untuk Penyampaian Permasalahan Baru 31 3.1.4.2 Sequence Diagram Untuk Penanganan Permasalahan
33
Ubiversitas Sumatera Utara
3.2 Perancangan Sistem 34
3.2.1 Flowchart Sistem 35
3.2.1.1 Flowchart Penyampaian Permasalahan Mesin ATM EDC 36 3.2.1.2 Flowchart Cek Status Penyelesaian Permasalahan Mesin
37 3.2.1.3 Flowchart Menu Utama Staff
39 3.2.1.4 Flowchart PenyelesaianTindaklanjut Permasalahan
41 3.2.1.5 Flowchart Menu Utama Admin
43 3.2.1.6 Flowchart Menu Admin Untuk Mengelola Data Departemen 44
3.2.1.7 Flowchart Menu Admin Untuk Mengelola Data Staff 45
3.2.1.8 Flowchart Menu Admin Mengelola Jenis Permasalahan 46
3.2.2 Rancangan Antar Muka 47
3.2.2.1 Antar Muka Menu Utama 48
3.2.2.2 Antar Muka Sub Menu 56
3.2.2.3 Antar Muka Form Laporkan Permasalahan Baru 56
3.2.2.4 Antar Muka Form Cek Status Permasalahan 57
3.3 Persiapan Phonegap Framework 59
3.3.1 Phonegap Framework di Android 60
3.3.2 Phonegap Framework di IOS 60
3.4 Pembuatan Aplikasi Penyampaian Permasalahan Mesin ATM EDC 63
3.4.1 Rancangan Sistem Untuk Halaman Admin 63
3.4.1.1 Rancangan Antar Muka Login Untuk Admin 63
3.4.1.2 Rancangan Halaman Utama Admin 65
3.4.2 Rancangan Sistem Untuk Halaman Staff 69
3.4.2.1 Rancangan Antar Muka Login Untuk Staff 63
3.4.2.2 Rancangan Halaman Daftar Permasalahan dan Tindaklanjut 69 3.4.3 Rancangan Sistem Untuk Halaman Nasabah Pelapor
72 3.4.3.1 Rancangan Halaman Menu Utama Untuk Nasabah
72 3.4.3.1 Rancangan Halaman Menu Utama Untuk Nasabah
72 3.4.3.2 Rancangan Halaman Sub Menu Untuk Nasabah
78 3.5 Rancangan Database
86 3.6 Konfigurasi Phonegap Framework dengan Mobile WebFinishing
89 3.6.1 Konfigurasi Phonegap Framework Pada Project Android
90 3.6.2 Konfigurasi Phonegap Framework Pada Project IOS
94 3.7 Perbandingan Biaya Publish Aplikasi Mobile berbasis Android IOS 99
Bab IV Implementasi dan Pengujian 4.1 Implementasi
101
4.1.1 Hasil Penggunaan Teknik CSS For Retina Display 101