BAB 3 METODOLOGI. 3.1 Metodologi

(1)

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.

(2)

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 :

(3)

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

(4)

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.

(5)

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%

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

(6)

(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

Responden Android 50 38% IOS 21 16% Blackberry 32 25% Windows Phone 4 3% Other 23 18% Total 130 100%

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

(7)

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 (Eclair) 1 2% Versi Android 2.2 (Froyo) 0 0% Versi Android 2.3 (Gingerbread) 12 24% Versi Android 3.0 (Honeycomb) 0 0% Versi Android 4.0 (Ice Cream Sandwich) 12 24% Versi Android 4.1 (Jelly Bean) 23 46% Other 2 4% Total 50 100%

(8)

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?

Ya 128 98%

Tidak 2 2%

(9)

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 seminggu 53 41% 3-5 kali dalam seminggu 29 15% 6-7 kali dalam seminggu 13 6%

(10)

Other 35 38%

Total 130 100%

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

Responden

(11)

Pendidikan 52 19% Gadget 70 26% Perumahan 18 7% Makanan 77 28% Other 15 6% Total 271 100%

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.

(12)

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

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.

(13)

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-kata

31 23%

Desain yang kurang inovatif

30 22%

Informasi yang disampaikan kurang

jelas dan kurang lengkap

40 30%

Desain yang kurang interaktif

25 19%

Other 9 7%

(14)

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.

(15)

Pertanyaan 11 (sebelas)

11. Menurut anda bagaimana jika brosur yang sudah ada saat ini digabungkan dengan teknologi augmented reality?

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

(16)

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?

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.

(17)

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?

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.

(18)

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?

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.

(19)

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.

(20)

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.

(21)

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.

(22)

Gambar 3.16 Tampilan dari Aplikasi Wikitude (Sumber: http://www.play.google.com)

(23)

3.2.4 Perbandingan Fitur Aplikasi

Tabel 3.15 Perbandingan Aplikasi Sejenis

3.2.5 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

Fitur Aplikasi Layar Wikitude 3D Rotate Scale Tracking Animasi Direct Link

(24)

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.

(25)

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

(26)

3.3.1.2. Use Case Narrative 1. Memilih Start

Tabel 3.16 Use Case Narrative Memilih Start Use Case

Name

Memilih Start

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 start

Step 2: Mengaktifkan

kamera

Alternative -

Postcondition Setelah user menekan tombol start maka user akan berada di halaman main menu

(27)

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

Step 1: Meletakan marker di atas bidang datar

Step 2: Mengarahkan kamera ke marker

Step 3: Mendeteksi marker

Step 4: Menampilkan objek 3D

Alternative 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

(28)

3. Melihat Animasi

Tabel 3.18 Use Case Narrative Memilih Animasi Use Case

Name

Melihat Animasi

Actor User

Description Menjelaskan tentang melihat animasi yang berada di dalam aplikasi AR Bina Nusantara

Flow of Events

Actor Action System Response

Step 1: Mengarahkan kamera ke marker Step 2: Menampilkan objek 3D Step 3: Menampilkan animasi Alternative -

Postcondition Setelah user berhasil melihat animasi, maka user berada di halaman main menu

(29)

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

Step 1: Mengarahkan gesture tangan ke layar smartphone Step 3: me-rotate objek ke kanan, kiri, atas dan bawah

Step 2: Mendeteksi gesture tangan

Step 4: me-rotate objek 3D

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

Name

Memilih scale

Actor User

Description Menjelaskan tentang proses user me-scale objek Precondition User berada di halaman main menu

(30)

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

Name

Memilih tutorial

Actor User

Description Menjelaskan tentang proses user untuk melihat

tutorial penggunaan aplikasi Precondition User berada di halaman menu Flow of

Events

Step 1: Menekan button “Tutorial”

Step 2: Menampilkan

halaman tutorial

Alternative -

Postcondition Setelah user melihat tutorial penggunaan aplikasi, maka user berada di halaman tutorial

(31)

7. Memilih Credit

Tabel 3.22 Use Case Narrative Memilih Credit Use Case

Name

Memilih credit

Actor User

Description Menjelaskan tentang proses user untuk melihat credit

Precondition User berada di haman menu

Actor Aplikasi

Step 1: Menekan button “Credit”

Step 2: Menampilkan

halaman credit

Alternative -

Postcondition Setelah user melihat credit, maka user berada pada halaman credit

(32)

8. Memilih Exit

Tabel 3.23 Use Case Narrative Memilih Exit Use Case

Name

Memilih exit

Actor User

Description Menjelaskan tentang user keluar dari aplikasi

Flow of Events Actor Action System Response

Step 1: Menekan button “Exit”

Step 3: Menekan button “Yes”

Step 2: Menampilkan pop-up konfirmasi

Step 4: Menutup aplikasi

Alternative Alt Step 3: Menekan button “No” maka user akan di halaman menu

Postcondition User keluar dari aplikasi, atau tetap berada pada halaman menu

(33)

3.3.1.3. Class Diagram

(34)

3.3.1.4. Sequence Diagram

Di bawah ini merupakan sequence diagram untuk aplikasi AR Bina Nusantara.

1. Memilih Rotate

(35)

2. Memilih Scale

(36)

3. Melihat Animasi

(37)

4. Memilih Exit

(38)

3.3.1.5. Activity Diagram

Di bawah ini merupakan Activity Diagram aplikasi AR Bina Nusantara.

1. Menampilkan Animasi

(39)

2. Memilih Credit

(40)

3. Memilih Tutorial

(41)

4. Memilih Scale

(42)

5. Melakukan Rotate

(43)

6. Mendeteksi Marker

(44)

7. Memilih Exit

(45)

8. Memilih Start

(46)

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.

(47)

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.

(48)

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

(49)

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.

(50)

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.

(51)

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.

(52)