BAB III PERANCANGAN SISTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB III PERANCANGAN SISTEM"

Benny Setiawan
7 tahun lalu
Tontonan:

1 BAB III PERANCANGAN SISTEM Pada BAB ini, penulis ingin membahas mengenai perencanaan dan implementasi dari Aplikasi tersebut, antara lain Flowchart dari sistem tersebut dan struktur data yang terdapat dalam sistem. 3.1 Flowchart Sistem Pada subbab ini, penulis ingin membahas Flowchart dari sistem pada Aplikasi ini secara keseluruhan. Secara garis besar, sistem Aplikasi ini hanya mempunyai satu bagian utama, yaitu memproses gambar. Bagian tersebut masih dapat dibagi menjadi beberapa bagian yang lebih kecil. Dibawah ini, Gambar 3.1. merupakan gambar Flowchart dari sistem secara garis besar. START Input Gambar Proses Gambar View Gambar Ya END Gambar 3.1 Garis Besar Flowchart Sistem 41

2 Memproses Gambar Pada bagian ini, terdapat tiga proses utama yang dilakukan oleh sistem, antara lain, proses untuk meng-input-kan gambar, memproses gambar yang telah di-input-kan, serta menampilkan hasil proses gambar tersebut. a. Input Gambar Pada proses meng-input-kan gambar ini, terdapat dua buah gambar yang akan diproses. Penjelasan Flowchart ini dapat dilihat lebih jelas pada Gambar 3.2. Input Gambar Input:.jpg,.bmp Input Gambar 1 Input Gambar 2 Proses Kedua Gambar END Gambar 3.2 Flowchart untuk Meng-input-kan Gambar

3 43 b. Proses Gambar Proses ini digunakan untuk mengubah gambar sederhana menjadi Anaglyph Image. Proses ini menduplikasikan gambar yang di-input-kan menjadi dua gambar yang sama persis. Gambar yang pertama diberi nama dengan gambar kiri dan gambar kedua diberi nama dengan gambar kanan. Gambar kiri diubah menjadi warna merah, sedangkan gambar kanan diubah menjadi warna hijau-biru. Penjelasan Flowchart ini dapat dilihat lebih jelas pada Gambar 3.3. Proses Gambar Input kedua Gambar (Gambar Kiri dan Gambar Kanan) Ubah Gambar Kiri menjadi Warna Merah Ubah Gambar Kanan menjadi Warna Hijau-Biru Kedua Gambar digabungkan Menjadi satu END Gambar 3.3. Flowchart untuk Memproses Gambar Sederhana menjadi Anaglyph

4 44 c. Menampilkan dan Menyimpan Hasil Gambar yang telah diproses Proses ini digunakan untuk menampilkan dan menyimpan Anaglyph Image yang telah diproses dari gambar yang di-input-kan. Proses ini menyimpan hasil Anaglyph Image pada tempat yang disediakan oleh Aplikasi. Penjelasan dari proses ini dapat dilihat lebih jelas pada Gambar 3.5. View Citra View Citra yang telah diproses Save Citra END Gambar 3.4 Flowchart untuk Menampilkan dan Menyimpan Hasil dari Proses Gambar

5 Use Case Diagram Use Case Diagram ini menjelaskan bagaimana pengguna dapat berinteraksi dengan program ini. Sistem Input Citra Kiri Menginput Citra Input Citra Kanan Copy-kan kedua Citra (Citra Kiri & Citra Kanan) Ubah Citra Kiri menjadi Warna Merah Memproses Citra Ubah Citra Kanan menjadi Warna Hijau-Biru Aktor Kedua Citra Digabungkan Menjadi Satu dengan Pergeseran Citra Melihat Citra yang Disimpan Gambar 3.5 Use Case Diagram

6 Sequence Diagram Sequence Diagram adalah diagram yang menunjukkan urutan penukaran pesan oleh sejumlah object (dan seorang aktor yang optional) dalam melakukan tugas tertentu. User Action Input Gambar Kiri Gambar 3.6 Sequence Diagram Untuk Menginput Gambar Kiri User Action Input Gambar Kanan Gambar 3.7 Sequence Diagram Untuk Menginput Gambar Kanan

7 47 User Action Konversi Gambar Gambar 3.8 Sequence Diagram Untuk Mengkonversi Gambar 2D ke 3D User Action Simpan Gambar Gambar 3.9 Sequence Diagram Untuk Menyimpan Gambar

8 Rancangan Layar Pada bagian ini akan dijelaskan rancangan layar yang akan dibuat untuk mempermudah pengguna menggunakan program ini. Bagian pertama adalah tampilan layar utama. Gambar 3.10 Tampilan Dasar Program Pada tahap awal program ini meminta pengguna untuk memasukan gambar kiri dan gambar kanan ke dalam tombol yang sudah di sediakan untuk masingmasing sumber. Saat pengguna menekan tombol Load, maka akan dilakukan validasi. Jika salah satu atau kedua sumber gambar kosong, maka akan muncul peringatan gambar harus di masukan.

9 Cara Pengambilan Gambar Untuk menghasilkan Stereoscopic Images terdapat beberapa tahapan yang harus dipersiapkan. Langkah-langkah untuk menghasilkan Stereoscopic Images adalah: a) Perkirakan objek yang akan diambil. b) Foto objek tersebut menggunakan kamera digital. c) Pastikan bahwa objek yang anda foto untuk kedua gambar memiliki titik fokus dan jarak lensa yang sama. d) Lakukan pergeseran secara horizontal kira-kira 5-10 cm untuk gambar kedua. e) Simpan data hasil gambar dalam format.jpg atau.bmp lalu di beri nama sesuai dengan foto kiri dan foto kanan agar tidak tertukar.

dokumen-dokumen yang mirip

BAB 3 PERANCANGAN SISTEM. dilakukan dengan menggunakan metode stereoscopic anaglyph. Melalui metode

BAB 3 PERANCANGAN SISTEM. dilakukan dengan menggunakan metode stereoscopic anaglyph. Melalui metode BAB 3 PERANCANGAN SISTEM 3.1 Perancangan Program Aplikasi Perancangan program aplikasi dalam pembuatan citra 2D menjadi 3D akan dilakukan dengan menggunakan metode stereoscopic anaglyph. Melalui metode