Pemodelan Visualisasi Maket Rumah Menggunakan Teknologi Augmentasi Pada Brosur Perumahan Berbasis Android

4. Hemat Biaya Sistem tidak memerlukan perangkat keras lainya dalam proses eksekusi.

3.2 Pemodelan

Pemodelan dilakukan untuk mempermudah dalam pengembangan sistem. Pemodelan sistem dibuat berupa Flowchart , Use Case diagram, sequence diagram dan perancangan antarmuka Interface. 3.2.1 Flowchart Gambar 3.1 Flowchart Perancangan Umum Sistem Universitas Sumatera Utara Pada gambar 3.1 menjelaskan alur kerja sistem dalam bentuk flowchart, adapun penjelasannya sebagai berikut : 1. Pengguna menyiapkan brosur yang terdapat marker yang sudah diregistrasikan. 2. Kamera mengidentifikasi tracking marker. 3. Jika marker valid tahap berikutnya dapat berjalan, jika tidak pengguna kembali pengidentifikasian marker. 4. Marker yang valid dan teridentifikasi dapat menampilkan objek Rumah 3D. 5. User dapat berinteraksi melalui layar smartphone, berupa tampilan setiap sudut raungan, spesifikasi teknis dan suasana ruangan berupa video. Adapun Flowchart detail perancangan aplikasi dibagi atas beberapa tahap, adalah sebagai berikut : a Flowchart perancangan objek 3D Gambar 3.2 Flowchart Perancangan objek 3D Universitas Sumatera Utara b Flowchart Pembuatan Marker Gambar 3.3 Flowchart Pembuatan Marker c Flowchart pembuatan Aplikasi Universitas Sumatera Utara Gambar 3.4 Flowchart Pembuatan Aplikasi 3.2.2 Use Case Diagram Perancangan fungsionalitas sistem dimodelkan dengan berupa diagram Use Case, Aplikasi visualisasi maket rumah terdiri dari prosedur mulai aplikasi, prosedur info, prosedur petunjuk dan prosedur keluar. Pada Use Case ini melibatkan dua aktor yaitu pengguna dan kamera. Proses dari setiap prosedur yang terdapat pada aplikasi visualisasi maket rumah digambarkan dengan diagram Use Case yang terlihat pada Gambar 3.5 Universitas Sumatera Utara Gambar 3.5 Use Case Diagram Aplikasi Visualisasi Maket Rumah Virtual

1. Dokumentasi Naratif Use Case Mulai Aplikasi

Dokum entasi naratif “Mulai Aplikasi”, menjelaskan cara memulai aplikasi mulai dari proses mulai hingga muncul tampilan kamera. Untuk lebih jelasnya Dokemuntasi naratif ”Mulai Aplikasi” dapat dilihat pada tabel 3.1 Tabel 3.1 Dokumentasi Naratif Use Case Mulai Aplikasi Nama Use Case Mulai Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang proses mulai aplikasi Pre-condition Aplikasi belum dijalankan Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna membuka aplikasi dari smartphone Langkah 2: Sistem menampilkan menu awal aplikasi Langkah 3: pengguna memilih button sesuai object rumah 3D yang ingin ditampilkan Langkah 4: Sistem memproses request dari pengguna Langkah 5: Kamera aktif Post condition Tampilan kamera akan muncul dan kamera siap untuk melakukan tracking marker 2. Dokumentasi Naratif Use Case Memuat Objek Dokumentasi naratif Use Case “Memuat objek” berikut menjelaskan tentang proses penampilan objek rumah 3D yang diawali dengan tracking marker oleh kamera. Untuk lebih jelasnya Dokumentasi naratif Use Case “Memuat objek” dapat dilihat pada tabel 3.2 3. Dokumentasi Naratif Use Case Interkasi melihat spesifikasi teknis Dokumentasi naratif Use Case Interaksi “Melihat Spesifikasi Teknis” berikut menjelaskan proses bagaimana sistem menampilkan spesifikasi teknis melalui interaksi antarmuka oleh pengguna. Untuk lebih jelasnya dapat dilihat pada tabel 3.3 Universitas Sumatera Utara Tabel 3.2 Dokumentasi Naratif Use Case Memuat Objek Nama Use Case Memuat Objek Aktor Kamera Deskripsi Use Case yang menjelaskan tentang proses menampilkan Objek rumah 3D Pre-condition Pengguna telah menjalankan Aplikasi di smartphone Typcical course of event Aksi Aktor Respon Sistem Langkah1: Kamera Aktif Langkah 2: Sistem melakukan proses tracking marker Langkah 3: Sistem memuat objek rumah 3D Langkah 4: Kamera menampilkan objek rumah 3D Post condition Tampilan rumah 3D akan muncul Tabel 3.3 Dokumentasi Naratif Use Case Interaksi Melihat Spesifikasi Teknis Nama Use Case Interkasi melihat spesifikasi teknis Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang proses Interkasi melihat spesifikasi teknis Pre-condition Tampilan Objek rumah 3D akan muncul Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna menekan botton spesifikasi pada layar smartphone Langkah 2: Sistem akan menampilkan spesifikasi teknis tepat disamping rumah 3D Post condition Tampilan objek rumah 3D dan spesifikasi teknis akan muncul Universitas Sumatera Utara 4. Dokumentasi Naratif Use Case Interaksi melihat Denah Rumah Dokumentasi Naratif Use Case “Interaksi Melihat Denah Rumah” menjelaskan bagaimana proses sistem menampilkan denah rumah melalui interaksi antarmuka oleh pengguna. Untuk lebih jelasnya dapat dilihat pada tabel 3.4 Tabel 3.4 Dokumentasi Naratif Use Case Interkasi Melihat Denah Rumah Nama Use Case Interkasi melihat denah rumah Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang proses Interkasi melihat denah rumah 3D Pre-condition Tampilan Objek rumah 3D akan muncul Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna menekan botton move pada layar smartphone Langkah 2: Sistem akan menghilang atap rumah dan menggeser lantai 2 tepat diposisi nya pada brosur Post condition Rumah 3D tidak terlihat seperti rumah awal melainkan seperti denah rumah berbentuk 3D 5. Dokumentasi Naratif Use Case Interaksi Melihat Video Setiap Ruangan Dokumentasi Naratif Use Case “Interaksi Melihat Video Setiap Ruangan” menjelaskan bagaimana proses sistem menampilkan video setiap ruangan melalui interaksi antarmuka oleh pengguna. Untuk lebih jelasnya dapat dilihat pada tabel 3.5 Tabel 3.5 Dokumentasi Naratif Use Case Interkasi Melihat Video Setiap Ruangan Nama Use Case Interkasi melihat video setiap ruangan Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang proses Interkasi melihat video setiap ruangan Pre-condition Rumah 3D tidak terlihat seperti rumah awal melainkan seperti denah rumah berbentuk 3D Universitas Sumatera Utara Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna memilih ruang yang ingin ditampilkan dengan cara menekan daerah ruangan tersebut pada layar smartphone Langkah 2: Sistem akan menampilkan video ruangan yang telah dipilih pengguna Post condition Tampilan suasana isi ruang secara 360 derajat berupa video 6. Dokumentasi Naratif Use Case Petunjuk Dokumentasi Naratif Use Case “Petunjuk” menjelaskan tentang proses sistem menampilkan panduan bagaimana aplikasi dapat berjalan dan hal-hal penting yang harus diperhatikan. Untuk lebih jelasnya dapat dilihat pada tabel 3.6 Tabel 3.6 Dokumentasi Naratif Use Case Petunjuk Nama Use Case Petunjuk Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang petunjuk pada aplikasi bagaimana menggunakan visualisasi maket rumah virtual Pre-condition Tampilan menu aplikasi Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna menekan button Guide petunjuk Langkah 2: Sistem menampilkan informasi penggunaan aplikasi Post condition Menampilkan menu petunjuk

7. Dokumentasi Naratif Use Case About

Dokumentasi Naratif Use Case “About” menjelaskan tentang proses sistem menampilkan informasi dari aplikasi. Untuk lebih jelasnya dapat dilihat pada tabel 3.7 Tabel 3.7 Dokumentasi Naratif Use Case About Nama Use Case About Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang Universitas Sumatera Utara menampilkan informasi dari Aplikasi Pre-condition Tampilan menu aplikasi Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna menekan button About Langkah 2: Sistem menampilkan informasi pembuat Aplikasi Post condition Menampilkan menu about 8. Dokumentasi Naratif Use Case Keluar Dokumentasi Naratif Use Case “Keluar” menjelaskan tentang proses yang dilakukan oleh aktor untuk keluar dari sistem, lebih jelasnya dapat dilihat pada Tabel 3.8 Tabel 3.8 Dokumentasi Naratif Use Case Keluar Nama Use Case Keluar Aktor Pengguna Deskripsi Use Case yang menjelaskan tentang proses keluar dari aplikasi Pre-condition Pengguna telah menjalankan Aplikasi di smartphone Typical course of event Aksi Aktor Respon Sistem Langkah1: Pengguna menekan menu keluar Langkah 2: Sistem menampilkan notifikasi keluar Langkah 3: Pengguna memilih pilihan ya atau tidak Langkah 4: Sistem memproses pilihan Post condition Menampilkan notifikasi keluar 3.2.3 Activity Diagram Activity Diagaram memuat berbagai alur aktifitas dalam sistem yang dibangun, dengan mengacu pada Use Case diagaram yang telah dibuat. Activity Diagram memodelkan event yang terjadi pada Use Case untuk pemodelan dinamis dari sistem, hal ini bertujuan untuk melihat bagaimana setiap alur berawal, decision yang mungkin terjadi dan bagaimana setiap alur berakhir. Berikut ini penjelasan dari setiap Activity Diagram: Universitas Sumatera Utara 1. Activity Diagram Mulai Aplikasi Acivity Diagram mulai aplikasi menampilkan alur yang dilalui untuk memulai aplikasi yang menggunakan smartphone dan marker berupa brosur. Terdapat dua objek yang dapat ditampilkan yaitu berupa ojek komplek rumah 3D dan objek rumah 3D, untuk objek rumah 3D terdapat fitur tambahan yaitu melihat spesifikasi teknis rumah dan video ruangan. Activity Diagram komlek rumah dapat dilihat pada Gambar 3.6 dan untuk Activity Diagram rumah dapat dilihat pada Gambar 3.7 Universitas Sumatera Utara Gambar 3.6 Activity Diagram Mulai Aplikasi Objek Komplek 3D Gambar 3.7 Activity Diagram Mulai Aplikasi Objek Rumah 3D 2. Activity Diagram Guide Activity Diagram Guide menampilkan alur aplikasi untuk menampilkan menu guide, dimana menu guide berisi tentang petunjuk dan hal-hal penting yang perlu Universitas Sumatera Utara diperhatikan dalam penggunaan aplikasi. Activity Diagram Guide dapat dilihat pada Gambar 3.8. Gambar 3.8 Activity Diagram Guide 3. Activity Diagram About Activity Diagram About menampilkan alur aplikasi untuk menampilkan menu about, dimana menu about berisi tentang informasi pembuat aplikasi. Activity Diagram About dapat dilihat pada Gambar 3.9 Universitas Sumatera Utara Gambar 3.9 Activity Diagram About. 4. Activity Diagram Keluar Activity Diagram Keluar menampilkan alur aplikasi untuk dapat keluar dari aplikasi. Activity Diagram Keluar dapat dilihat pada Gambar 3.10 Gambar 3.10 Activity Diagram Keluar. Universitas Sumatera Utara

3.3. Rancangan Sistem