BAB 3 METODOLOGI
3.1
Metodologi Pembuatan aplikasi yang akan dibuat menggunakan metode Extreme Programming (XP) model, di dalam extreme programming terdapat empat langkah yaitu : 1. Planning Melakukan analisis seluruh requirement dalam aplikasi yang akan dibuat. Untuk mendapatkan requirement yang diinginkan, maka dilakukan tahap wawancara dan kuesioner. Wawancara dilakukan kepada pihak marketing Bina Nusantara University mengenai kekurangan dan saran yang perlu ditambahkan dari brosur Bina Nusantara University. Tahap kuesioner dilakukan untuk mengetahui pendapat siswa-siswa SMA (Sekolah Menengah Atas) mengenai kekurangan yang ada dari brosur pendidikan saat ini. 2. Design Setelah mengumpulkan seluruh requirement yang diperlukan, dilakukan tahap design dalam pembuatan aplikasi yang akan dibuat. Dengan menggunakan perancangan layar dan perancangan Unified Modeling Language (UML) yang terdiri dari use case, class diagram, sequence diagram dan activity diagram. a. Perancangan Layar Perancangan layar merupakan perancangan tampilan yang akan dibuat dan menjelaskan deskripsi setiap tampilan aplikasi yang akan dibuat.
45
46 b. Perancangan UML Perancangan UML terdiri dari use case yang menjelaskan fungsi sistem dari sudut pandang user kemudian dijelaskan dalam bentuk use case narrative, activity diagram yang menggambarkan alur proses dari setiap use case, class diagram yang menggambarkan objek atau kelas dari sistem serta hubungan antar objek-objek kelas dan sequence diagram yang menggambarkan interaksi message dengan objek-objek sesuai urutan. 3. Coding Sebelum memasuki tahapan pengkodean, dilakukan pengujian terlebih dahulu pada perancangan layar kepada pihak Bina Nusantara University yang berkaitan. Setelah pihak Bina Nusantara University yang berkaitan setuju maka penulis akan melakukan tahapan pengkodean untuk membuat fitur-fitur yang terdapat di dalam aplikasi yang akan dibuat.
Selain
itu
pada
tahap
refactoring,
penulis
melakukan
penyederhanaan kode yang telah dibuat agar menjadi lebih mudah dimengerti dan digunakan. 4. Testing Tahapan ini merupakan tahap akhir yaitu testing. Fitur-fitur aplikasi yang telah dibuat siap untuk digunakan dan diuji oleh pihak Bina Nusantara University yang berkaitan untuk mengetahui apakah aplikasi yang dibuat telah memenuhi kebutuhan pihak Bina Nusantara University yang berkaitan.
3.2
Analisis Aplikasi Analisis aplikasi dilakukan bertujuan untuk mengembangkan aplikasi yang dibuat. Analisis aplikasi dilakukan dengan cara, yaitu :
47 3.2.1
Analisis User Analisis user dalam aplikasi ini menggunakan metode kuesioner. Penyebaran kuesioner dilakukan pada kalangan pelajar atau mahasiswa, orang tua, dan umum. Hasil responden yang mengisi kuesioner ini berjumlah 130 (seratus tiga puluh) orang. Berikut hasil dari penyebaran kuesioner : Pertanyaan 1 (satu)
1. Apakah jenis kelamin anda? Tabel 3.1 Hasil Kuesoiner Pertanyaan Nomor 1 Pilihan
Jumlah Responden
Persentase Responden
Pria
55
42%
Wanita
75
58%
Total
130
100%
Gambar 3.1 Hasil Jawaban Kuesioner Pertanyaan Nomor 1 Pertanyaan tersebut bertujuan untuk mengetahui perbandingan jenis kelamin responden. Dari data di atas menunjukan bahwa sebagian besar responden berjenis kelamin wanita dengan 58%. Dari hasil tersebut maka
48 mempengaruhi kebutuhan-kebutuhan yang harus dipertimbangkan saat melakukan perancangan user interface. Pertanyaan 2 (dua) 2. Berapakah usia anda? Tabel 3.2 Hasil Kuesioner Pertanyaan Nomor 2 Pilihan
Responden
Persentase Responden
<17 Tahun
22
17%
17-25 Tahun
103
79%
26-35 Tahun
1
1%
>35 Tahun
4
3%
Total
130
100%
Gambar 3.2 Hasil Jawaban Kuesioner Pertanyaan Nomor 2 Pertanyaan tersebut bertujuan untuk mengetahui kisaran umur responden. Dari data diatas menunjukan bahwa responden yang paling banyak merespon berumur 17-25 tahun dengan 79%, maka dari hasil tersebut dapat diketahui pemilihan warna yang tepat dalam pembuatan user interface.
49 Pertanyaan 3 (tiga) 3.
Apakah jenis pekerjaan anda saat ini? Tabel 3.3 Hasil Kuesioner Pertanyaan Nomor 3 Pilihan
Responden
Persentase Responden
Pelajar
70
54%
Mahasiswa
41
32%
Guru
2
1%
Wiraswasta
3
2%
Other
14
11%
Total
130
100%
Gambar 3.3 Hasil Jawaban Kuesioner Pertanyaan Nomor 3 Pertanyaan tersebut bertujuan untuk mengetahui profesi yang dimiliki responden saat ini, dari data diatas menunjukan bahwa pelajar merupakan responden paling banyak dengan 54%, mahasiswa dengan 32%, dan responden lainnya terdiri dari orang tua, web developer, karyawan serta PNS
50 (Pegawai Negeri Sipil) dengan 11%, wiraswasta 2% dan guru dengan 1%. Dari hasil tersebut maka mempengaruhi perancangan user interface. Pertanyaan 4 (empat) 4.
Jenis Operating System (OS) apa yang anda gunakan pada smartphone anda? Tabel 3.4 Hasil Kuesioner Pertanyaan Nomor 4 Pilihan
Responden
Persentase Responden
Android
50
38%
IOS
21
16%
Blackberry
32
25%
Windows Phone
4
3%
Other
23
18%
Total
130
100%
Gambar 3.4 Hasil Jawaban Kuesioner Pertanyaan Nomor 4 Pertanyaan tersebut bertujuan untuk mengetahui Operating System (OS) apa yang paling banyak digunakan responden. Dari data diatas menunjukan android merupakan operating system yang paling banyak
51 digunakan dengan 38% diikuti oleh blackberry dengan 25%, IOS dengan 16%, windows phone 3% dan yang lainnya terdiri dari symbian, mito, esia sebesar 18%. Maka dari itu android merupakan operating system yang sering digunakan dan pembuatan aplikasi akan berbasis operating system android. Pertanyaan 5 (lima) 5.
Jika anda pengguna android, versi apakah yang anda gunakan? (dipilih oleh pengguna android saja) Tabel 3.5 Hasil Kuesioner Pertanyaan Nomor 5 Pilihan
Responden
Persentase Responden
Versi Android 2.1
1
2%
0
0%
12
24%
0
0%
12
24%
23
46%
Other
2
4%
Total
50
100%
(Eclair) Versi Android 2.2 (Froyo) Versi Android 2.3 (Gingerbread) Versi Android 3.0 (Honeycomb) Versi Android 4.0 (Ice Cream Sandwich) Versi Android 4.1 (Jelly Bean)
52
Gambar 3.5 Hasil Jawaban Kuesioner Pertanyaan Nomor 5 Pertanyaan tersebut bertujuan untuk mengetahui versi android yang digunakan oleh responden, dengan mengetahui versi android yang digunakan oleh responden maka dapat ditentukan minimum requirement untuk pembuatan aplikasi versi android. Dari data diatas menunjukan bahwa responden banyak menggunakan android versi android 4.1 (Jelly Bean) sebesar 46% dan versi android yang lainnya seperti KitKat memiliki persentase 4%. Pertanyaan di atas diisi oleh pengguna android saja. Pertanyaan 6 (enam) 6.
Apakah anda pernah membaca brosur? Tabel 3.6 Hasil Kuesioner Pertanyaan Nomor 6 Pilihan
Responden
Persentase Responden
Ya
128
98%
Tidak
2
2%
Total
130
100%
53
Gambar 3.6 Hasil Jawaban Kuesioner Pertanyaan Nomor 6 Pertanyaan tersebut bertujuan untuk mengetahui apakah responden pernah membaca brosur atau tidak, dengan mengetahui hal tersebut maka aplikasi yang akan dibuat dapat di-embed dengan brosur. Dari data diatas menunjukan 98% responden pernah membaca brosur dan sebesar 2% responden yang tidak membaca brosur. Pertanyaan 7 (tujuh) 7.
Seberapa sering anda membaca brosur? Tabel 3.7 Hasil Kuesioner Pertanyaan Nomor 7 Pilihan
Responden
Persentase Responden
< 3 kali dalam
53
41%
29
15%
13
6%
seminggu 3-5 kali dalam seminggu 6-7 kali dalam seminggu
54 Other
35
38%
Total
130
100%
Gambar 3.7 Hasil Jawaban Kuesioner Pertanyaan Nomor 7 Pertanyaan tersebut bertujuan untuk mengetahui intensitas responden dalam membaca brosur, dari hasil tersebut dapat dilihat bahwa responden sering membaca brosur dalam seminggu. Dari data diatas menunjukan bahwa responden paling banyak membaca brosur dengan kisaran < 3 kali dalam seminggu sebesar 53%, 3-5 kali dalam seminggu sebesar 29%, 6-7 kali dalam seminggu sebesar 13% dan responden lainnya membaca brosur 1 kali dalam sebulan, 2-5 kali dalam sebulan serta membaca brosur apabila diberikan sebesar 35%. Pertanyaan 8 (delapan) 8.
Brosur apa yang biasanya anda baca? (dapat dipilih lebih dari satu) Tabel 3.8 Hasil Kuesioner Pertanyaan Nomor 8 Pilihan
Responden
Persentase Responden
Otomotif
39
14%
55 Pendidikan
52
19%
Gadget
70
26%
Perumahan
18
7%
Makanan
77
28%
Other
15
6%
Total
271
100%
Gambar 3.8 Hasil Jawaban Kuesioner Pertanyaan Nomor 8 Pertanyaan tersebut bertujuan untuk mengetahui seberapa banyak jenis brosur yang dibaca oleh responden, dari hasil tersebut menunjukan bahwa responden membaca brosur makanan sebesar 28%, brosur pendidikan dengan 19% dan responden lainnya membaca brosur fashion, perbankan, elektronik dan belanja. Oleh karena itu minat responden untuk membaca brosur pendidikan masih kurang dan harus ditingkatkan.
56 Pertanyaan 9 (sembilan) 9.
Di dalam dunia pendidikan, apakah informasi yang berada di dalam brosur dapat mempengaruhi jenjang pendidikan anda kedepannya? Tabel 3.9 Hasil Kuesioner Pertanyaan Nomor 9 Pilihan
Responden
Persentase Responden
Ya
85
66%
Tidak
33
25%
Other
12
9%
Total
130
100%
Gambar 3.9 Hasil Jawaban Kuesioner Pertanyaan Nomor 9 Pertanyaan tersebut bertujuan untuk mengetahui dengan informasi yang tersedia di brosur, apakah dapat mempengaruhi jenjang pendidikan kedepannya. Dengan mengajukan pertanyaan tersebut dapat dilihat bahwa brosur pendidikan sangat mempengaruhi dalam menentukan jenjang pendidikan.
57 Dari data di atas menunjukan bahwa informasi yang berada di brosur pendidikan dapat mempengaruhi jenjang pendidikan ke depannya sebesar 66%, sedangkan sebesar 25% responden tidak setuju dengan pernyataan tesebut dan responden lainnya belum mengetahui apakah brosur pendidikan mempengaruhi jenjang pendidikan kedepannya. Pertanyaan 10 (sepuluh) 10. Menurut anda apakah yang kurang dari brosur pendidikan saat ini? (dapat dipilih lebih dari satu) Tabel 3.10 Hasil Kuesioner Pertanyaan Nomor 10 Pilihan
Responden
Persentase Responden
Terlalu banyak kata-
31
23%
30
22%
40
30%
25
19%
Other
9
7%
Total
135
100%
kata Desain yang kurang inovatif Informasi yang disampaikan kurang jelas dan kurang lengkap Desain yang kurang interaktif
58
Gambar 3.10 Hasil Jawaban Kuesioner Pertanyaan Nomor 10 Pertanyaan tersebut bertujuan untuk mengetahui kekurangan yang ada di dalam brosur pendidikan saat ini. Dari data diatas menunjukan bahwa informasi yang disampaikan kurang jelas dan kurang lengkap merupakan kekurangan yang paling banyak dipilih oleh responden dengan 30%, pilihan terlalu banyak kata-kata sebesar 23% dan responden lainnya mengatakan informasi yang disampaikan tidak sesuai dengan realitanya. Berdasarkan hasil jawaban responden tersebut, dibutuhkan aplikasi yang dapat di-embed dengan brosur pendidikan dan berisikan informasi yang efisien dan desain yang interaktif.
59 Pertanyaan 11 (sebelas) 11. Menurut anda bagaimana jika brosur yang sudah ada saat ini digabungkan dengan teknologi augmented reality? Tabel 3.11 Hasil Kuesioner Pertanyaan Nomor 11 Pilihan
Responden
Persentase Responden
Bagus
106
81%
Kurang Bagus
2
2%
Tidak Tahu
17
13%
Other
5
4%
Total
130
100%
Gambar 3.11 Hasil Jawaban Kuesioner Pertanyaan Nomor 11 Pertanyaan tersebut bertujuan untuk mengetahui pendapat responden apabila brosur yang ada saat ini digabungkan dengan teknologi augmented reality. Dari data diatas menunjukan bahwa sebesar 81% responden memilih bagus apabila brosur digabungkan dengan teknologi augmented reality, responden yang memilih kurang bagus sebesar 2% dan responden lainnya
60 mengatakan brosur yang sudah di-embed dengan augmented reality menjadi menarik tetapi kurang informatif. Dari hasil tersebut maka akan dibuat aplikasi brosur yang dapat digabungkan dengan teknologi augmented reality. Pertanyaan 12 (dua belas) 12. Apakah dengan ditambahkannya teknologi augmented reality memberikan informasi yang lebih jelas dibandingkan dengan brosur yang lama? Tabel 3.12 Hasil Kuesioner Pertanyaan Nomor 12 Pilihan
Responden
Persentase Responden
Ya
112
86%
Tidak
10
8%
Other
8
6%
Total
130
100%
Gambar 3.12 Hasil Jawaban Kuesioner Pertanyaan Nomor 12 Pertanyaan tersebut bertujuan untuk mengetahui brosur yang ditambahkan dengan augmented reality apakah memberikan informasi yang jelas dibandingkan dengan brosur lama.
61 Dari data diatas menunjukan bahwa responden setuju dengan brosur yang ditambahkan dengan teknologi augmented reality memberikan informasi yang lebih jelas dibandingkan brosur yang lama dengan persentase 86%, persentase 8% responden tidak setuju dan responden lainnya masih belum mengetahui serta tergantung konten yang dibuat menarik atau tidak. Pertanyaan 13 (tiga belas) 13. Menurut anda jika objek 3D yang ada di dalam brosur bisa di scale, apakah membuat anda tertarik? Tabel 3.13 Hasil Kuesioner Pertanyaan Nomor 13 Pilihan
Responden
Persentase Responden
Menarik
115
88%
Tidak Menarik
15
12%
Total
130
100%
Gambar 3.13 Hasil Jawaban Kuesioner Pertanyaan Nomor 13 Pertanyaan tersebut bertujuan untuk mengetahui fitur yang akan ada di aplikasi membuat user lebih tertarik.
62 Dari data diatas menunjukan bahwa apabila objek 3D di brosur dapat di scale membuat responden lebih tertarik sebesar 88% dan dengan 12% responden tidak tertarik. Pertanyaan 14 (empat belas) 14. Menurut anda jika objek 3D yang ada di dalam brosur bisa di rotate, apakah membuat anda tertarik? Tabel 3.14 Hasil Kuesioner Pertanyaan Nomor 14 Pilihan
Responden
Persentase Responden
Menarik
109
84%
Kurang Menarik
21
16%
Total
130
100%
Gambar 3.14 Hasil jawaban Kuesioner Pertanyaan Nomor 14 Pertanyaan tersebut bertujuan untuk mengetahui fitur yang akan ada di aplikasi membuat user lebih tertarik. Dari data diatas menunjukan bahwa apabila object 3D di brosur dapat di rotate membuat responden lebih tertarik sebesar 88% dan dengan 12% responden tidak tertarik.
63 3.2.2
Kesimpulan Analisis Kuesioner Sebagian besar responden merupakan wanita, berusia mulai dari 17 hingga 25 tahun, dengan profesi terbanyak sebagai pelajar dan menggunakan android dengan versi 4.1 (Jelly Bean). Sebagian besar responden pernah membaca brosur dengan kisaran < 3 kali dalam seminggu, brosur yang paling banyak dibaca oleh responden adalah brosur makanan. Responden menyatakan brosur pendidikan mempengaruhi responden dalam menentukan jenjang pendidikan ke depan, tetapi brosur pendidikan saat ini masih ada yang kurang seperti informasi yang disampaikan kurang jelas dan kurang lengkap, terlalu banyak kata-kata dan desain yang kurang inovatif. Sebagian responden memilih brosur yang ada saat ini cukup jelas dan sebagiannya lagi memilih brosur yang ada saat ini kurang jelas dan responden menyatakan brosur yang saat ini perlu ada yang ditambahkan. Sebagian besar responden menyatakan bagus apabila brosur yang ada saat ini digabungkan dengan teknologi augmented reality agar memberikan informasi yang lebih jelas dibandingkan dengan brosur yang sudah ada. Fitur seperti scale dan rotate menjadi fitur yang diharapkan oleh responden untuk ditambahkan dalam aplikasi yang akan dibuat agar lebih menarik dan interaktif. Oleh karena itu, berdasarkan kuesioner dan analisa diatas diperlukan sebuah aplikasi dengan fitur yang interaktif untuk membantu pengguna dalam mendapatkan informasi yang ada di brosur pendidikan dan memudahkan pengguna untuk menentukan pendidikan ke jenjang selanjutnya.
64 3.2.3
Analisis Aplikasi Sejenis
3.2.3.1 Layar Layar merupakan aplikasi augmented reailty berbasis mobile yang tersedia di platform android, blackberry, IOS dan symbian. Dengan mengarahkan kamera kepada objek sekitar, user dapat mendapatkan informasi tempat-tempat penting seperti ATM (Automatic Teller Machine), restoran, bioskop dan lainnya. Manfaat aplikasi layar adalah : 1. Dapat me-scan
poster film, semua QR (Quick Response) code, dan
semua items dengan logo layar. 2. Mempermudah untuk membeli barang dengan langsung menuju ke situs penjualan mobile tersebut. 3. Dapat mencari dan menemukan berbagai tempat di dekatnya, seperti ATM, restoran, tempat bersejarah dan lainnya. 4. Memiliki tampilan yang mudah digunakan bagi pengguna. 5. Terhubung dengan link yang menuju ke konten web dan berbagai item pada media sosial.
65
Gambar 3.15 Tampilan dari Aplikasi Layar (Sumber: http://www.play.google.com)
3.2.3.2 Wikitude Wikitude memberikan informasi kepada user mengenai yang berada di sekitar user dengan bantuan kamera. Wikitude juga menggunakan bantuan GPS (Global Positioning System) untuk menenteukan acuan lokasi user untuk menampilkan lingkungan augmented reality. Manfaat aplikasi wikitude : 1.
Menemukan restoran dan hotel di sekitar user.
2.
Menemukan event, tweets, artikel wikipedia dan ATM.
3.
Menemukan kupon mobile, penawaran dan diskon untuk toko yang berada di dekat user.
4.
Menelusuri lebih dari 100 juta tempat dan konten interaktif dari ribuan penyedia konten.
5.
Menjelajahi tempat secara augmented reality lalu menunjukan kepada teman user di peta.
66
Gambar 3.16 Tampilan dari Aplikasi Wikitude (Sumber: http://www.play.google.com)
67 3.2.4
Perbandingan Fitur Aplikasi Tabel 3.15 Perbandingan Aplikasi Sejenis Fitur
Aplikasi Layar
3.2.5
Wikitude
3D
Rotate
Scale
Tracking
Animasi
Direct Link
Kesimpulan Analisis Aplikasi Sejenis Aplikasi layar dan aplikasi wikitude memiliki kelebihan dan kekurangan yang berbeda dari setiap fiturnya, aplikasi layar memiliki fitur terhubung langsung dengan link yang menuju ke konten web dan berbagai item pada media sosial. Selain itu aplikasi layar memiliki user interface yang memudahkan pengguna dalam menjalankan aplikasi atau menggunakan aplikasi tersebut. Aplikasi layar dapat me-scan semua QR (Quick Response) code yang tersedia dan akan memunculkan informasi atau konten yang ada di dalam QR code tersebut. Aplikasi wikitude juga mempunyai fitur yang dapat dikembangkan ke dalam aplikasi yang akan dibuat, seperti fitur 3D yang tersedia setelah pengguna me-scan objek yang ingin mereka temukan. Selain itu aplikasi wikitude mempunyai fitur tracking. Dengan melihat hasil analisis yang ada, aplikasi yang akan dibuat akan dilengkapi dengan perpaduan fitur dari aplikasi layar dan wikitude dengan disertai dengan beberapa fitur yang akan semakin mendukung aplikasi, sehingga pengguna akan lebih efektif dalam mendapatkan informasi
68 yang tertera di brosur. Fitur-fitur yang dapat dikembangkan dari kedua aplikasi tersebut adalah objek 3D pada konten informasi, terhubung langsung dengan link yang menuju ke konten web, rotate, scale pada objek 3D tersebut.
3.2.6
Solusi Permasalahan Berdasarkan hasil kuesioner, pengguna mengalami kesulitan dalam mendapatkan informasi yang efektif dan efisien dari brosur pendidikan saat ini, sehingga pengguna membutuhkan aplikasi dengan fitur yang cukup lengkap untuk membantu pengguna dalam mendapatkan informasi yang efektif dari brosur pendidikan. Aplikasi yang akan dibuat dirancang untuk membantu pengguna dalam menyelesaikan masalah yang dihadapi, dengan merancang aplikasi multimedia yang dapat membuat brosur pendidikan saat ini menjadi lebih menarik, menggunakan animasi dan objek 3D untuk menjadikan objek yang berada di dalam brosur terlihat lebih nyata dan mengefisiensikan penggunaan kata dalam brosur. Selain itu, menambahkan fitur dari kedua aplikasi sejenis yang telah dianalisis akan memudahkan pengguna untuk mendapatkan informasi pada brosur. Fitur-fitur yang dimiliki oleh aplikasi yang akan dibuat adalah sebagai berikut : 1. Rotate Dalam fitur ini, pengguna dapat menggerakan objek 3D ke segala arah seperti atas bawah kanan kiri sesuai keinginan pengguna. 2. Scale Dalam fitur ini, pengguna dapat memberbesar atau memperkecil gambar objek 3D pada brosur sesuai dengan keinginan pengguna.
69 3. Direct Link Dalam fitur ini, pengguna dapat menuju ke halaman web atau store yang tersedia.
3.3
Perancangan Aplikasi
3.3.1
Perancangan UML (Unified Modelling Language) Berikut merupakan perancangan UML (Unified Modeling Language).
3.3.1.1.
Use Case Diagram
Gambar 3.17 Use Case Diagram
70 3.3.1.2.
Use Case Narrative 1. Memilih Start Tabel 3.16 Use Case Narrative Memilih Start
Use Case
Memilih Start
Name Actor
User
Description
Menjelaskan
tentang
memulai
aplikasi
AR
Bina
Nusantara Precondition
User berada di halaman menu
Flow of Events
Actor Action
System Response
Step 1: Menekan tombol Step start
2:
Mengaktifkan
kamera
Alternative
-
Postcondition
Setelah user menekan tombol start maka user akan berada di halaman main menu
71 2. Mendeteksi Marker Tabel 3.17 Use Case Narrative Mendeteksi Marker Use Case Name
Mendeteksi marker
Actor
User
Description
Menjelaskan tentang proses user mendeteksi marker
Precondition
User berada di halaman menu
Flow of Events
Actor Action
System Response
Step 1: Meletakan marker di Step 3: Mendeteksi marker atas bidang datar
Step 2: Mengarahkan kamera ke marker
Alternative
Step 4: Menampilkan objek 3D
Alt Step 3: Jika marker belum terdeteksi, kembali ke mengarahkan kamera ke marker
Postcondition
Setelah user berhasil melihat objek 3D, maka user berada di halaman main menu
72 3. Melihat Animasi Tabel 3.18 Use Case Narrative Memilih Animasi Use Case
Melihat Animasi
Name Actor
User
Description
Menjelaskan tentang melihat animasi yang berada di dalam aplikasi AR Bina Nusantara
Precondition
User berada di halaman menu
Flow of
Actor Action
Events
Step 1:
System Response Mengarahkan Step
kamera ke marker
2:
Menampilkan
objek 3D Step
3:
Menampilkan
animasi
Alternative
-
Postcondition
Setelah user berhasil melihat animasi, maka user berada di halaman main menu
73 4. Melakukan Rotate Tabel 3.19 Use Case Narrative Melakukan Rotate Use Case Name
Melakukan rotate
Actor
User
Description
Menjelaskan tentang proses user me-rotate objek
Precondition
User berada di halaman main menu
Flow of Events
Actor Action
System Response
Step 1: Mengarahkan gesture Step 2: Mendeteksi gesture tangan ke layar smartphone
tangan
Step 3: me-rotate objek ke Step 4: me-rotate objek 3D kanan, kiri, atas dan bawah Alternative
-
Postcondition
Setelah user berhasil me-rotate objek, maka user berada di halaman main menu
5. Memilih Scale Tabel 3.20 Use Case Narrative Memilih Scale Use Case
Memilih scale
Name Actor
User
Description
Menjelaskan tentang proses user me-scale objek
Precondition
User berada di halaman main menu
Flow of
Actor Action
Events
System Response
Step 1: Menekan tombol Step 2: Memperbesar dan
74 scale up dan scale down
memperkecil objek
Alternative
-
Postcondition
Setelah user berhasil me-scale objek, maka user berada di halaman main menu.
6. Memilih Tutorial Tabel 3.21 Use Case Narrative Memilih Tutorial Use Case
Memilih tutorial
Name Actor
User
Description
Menjelaskan tentang proses user untuk melihat tutorial penggunaan aplikasi
Precondition
User berada di halaman menu
Flow of
Actor Action
Events
System Response
Step 1: Menekan button Step “Tutorial”
2:
Menampilkan
halaman tutorial
Alternative
-
Postcondition
Setelah user melihat tutorial penggunaan aplikasi, maka user berada di halaman tutorial
75 7. Memilih Credit Tabel 3.22 Use Case Narrative Memilih Credit Use Case
Memilih credit
Name Actor
User
Description
Menjelaskan tentang proses user untuk melihat credit
Precondition
User berada di haman menu
Flow of
Actor
Events
Aplikasi
Step 1: Menekan button Step “Credit”
2:
Menampilkan
halaman credit
Alternative
-
Postcondition
Setelah user melihat credit, maka user berada pada halaman credit
76 8. Memilih Exit Tabel 3.23 Use Case Narrative Memilih Exit Use Case
Memilih exit
Name Actor
User
Description
Menjelaskan tentang user keluar dari aplikasi
Precondition
User berada di halaman menu
Flow of Events Actor Action
System Response
Step 1: Menekan button Step 2: Menampilkan pop“Exit”
up konfirmasi
Step 3: Menekan button Step 4: Menutup aplikasi “Yes” Alternative
Alt Step 3: Menekan button “No” maka user akan di halaman menu
Postcondition
User keluar dari aplikasi, atau tetap berada pada halaman menu
77 3.3.1.3.
Class Diagram
Gambar 3.18 Class Diagram
78 3.3.1.4.
Sequence Diagram Di bawah ini merupakan sequence diagram untuk aplikasi AR Bina Nusantara. 1. Memilih Rotate
Gambar 3.19 Sequence Diagram Memilih Rotate
79 2. Memilih Scale
Gambar 3.20 Sequence Diagram Melakukan Scale
80 3. Melihat Animasi
Gambar 3.21 Sequence Diagram Melihat Animasi
81 4. Memilih Exit
Gambar 3.22 Sequence Diagram Memilih Exit
82 3.3.1.5.
Activity Diagram Di bawah ini merupakan Activity Diagram aplikasi AR Bina Nusantara. 1. Menampilkan Animasi
Gambar 3.23 Activity Diagram Menampilkan Animasi
83 2. Memilih Credit
Gambar 3.24 Activity Diagram Memilih Credit
84 3. Memilih Tutorial
Gambar 3.25 Activity Diagram Memilih Tutorial
85 4. Memilih Scale
Gambar 3.26 Activity Diagram Memilh Scale
86 5. Melakukan Rotate
Gambar 3.27 Activity Diagram Melakukan Rotate
87 6. Mendeteksi Marker
Gambar 3.28 Activity Diagram Mendeteksi Marker
88 7. Memilih Exit
Gambar 3.29 Activity Diagram Exit
89 8. Memilih Start
Gambar 3.30 Activity Diagram Memilih Start
90 3.3.2
Perancangan Layar Berikut merupakan perancangan layar aplikasi AR Bina Nusantara.
3.3.2.1.
Perancangan Layar Splash Screen
Gambar 3.31 Tampilan Splash Screen Layar splash screen terdiri dari logo aplikasi AR Bina Nusantara dan nama aplikasi.
91 3.3.2.2.
Perancangan Layar Menu
Gambar 3.32 Tampilan Menu Layar menu terdiri dari 4 (empat) button yang terdiri dari button start, tutorial, credit dan exit. Button start berfungsi untuk mengaktifkan kamera dan memulai scan marker, button tutorial berfungsi untuk menampilkan petunjuk penggunaan aplikasi serta informasi developer, credit berfungsi untuk menampilkan informasi developer dan exit berfungsi untuk keluar dari aplikasi.
92 3.3.2.3.
Perancangan Layar Tutorial
Gambar 3.33 Layar Tutorial Pada halaman tutorial terdapat button Menu yang berfungsi untuk kembali ke halaman awal menu. Halaman tutorial berisi petunjuk penggunaan aplikasi berupa gambar yang dapat di next dan back. 3.3.2.4.
Perancangan Layar Credit
Gambar 3.34 Layar Credit Pada halaman ini terdapat informasi mengenai developer.
93 3.3.2.5.
Perancangan Layar Mendeteksi Objek Aplikasi AR Bina Nusantara dapat mendeteksi 3 (tiga) objek, yaitu: 1. Binus Anggrek
Gambar 3.35 Mendeteksi Objek Binus Anggrek Layar objek Binus anggrek terdapat 5 (lima) button, yaitu: button admisi, gedung tengah, gedung belakang, scale up dan scale down. Button “Admisi” berfungsi untuk menghilangkan atau menampilkan
kembali
tampilan
gedung
admisi,
button
“GedungTengah” berfungsi untuk menghilangkan atau menampilkan kembali tampilan gedung tengah, button “GedungBelakang” berfungi untuk menghilangkan atau menampilkan kembali tampilan gedung belakang, button “Scale Up” berfungsi untuk memperbesar objek dan button “Scale Down” berfungsi untuk memperkecil objek.
94 2. Binus Square
Gambar 3.36 Mendeteksi Objek Binus Square Layar Binus square terdapat 2 (dua) button, yaitu button “Scale up” dan button “Scale down”. Button “Scale up” berfungsi untuk memperbesar objek dan button “Scale down” berfungsi untuk memperkecil objek. 3. SoCS (School of Computer Science)
Gambar 3.37 Mendeteksi Objek SoCS Layar objek SoCS (School of Computer Science) terdiri dari 2 (dua) perintah, yaitu next dan back. Next berfungsi untuk pindah ke layar berikutya dan back berfungsi untuk berpindah ke layar sebelumnya.
95 3.4.
Refactoring Refactoring
merupakan
tahapan
penyederhanaan
dalam
pengkodean. Penyederhanaan dilakukan agar pada tahap pengkodean penulis tidak mengalami kesulitan dalam pengkodean.
Gambar 3.38 Sebelum Refactoring
Gambar 3.39 Sesudah Refactoring Pada gambar 3.38 pengkodean menggunakan algoritma yang terlalu rumit karena menggunakan pengkodean input yang tidak sesuai dengan yang seharusnya digunakan pada device berbasis android. Coding tersebut merupakan pengkodean tipe lama yang dikhususkan untuk desktop application karena menggunakan kursor mouse sebagai media input. Pada gambar 3.39 sudah dilakukan refactoring untuk menyederhanakan pengkodean dan sesuai dengan device yang digunakan. Pengkodean menjadi lebih mudah karena langsung tertuju pada nama objek yang ingin di perintah.
96
