modul pengabdian masyarakat peningkatan …

25
Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 1 MODUL PENGABDIAN MASYARAKAT PENINGKATAN KREATIVITAS SISWA SMA INSTITUT INDONESIA DENGAN PENGENALAN TEKNOLOGI AUGMENTED REALITY 3D MENGGUNAKAN ANDROID DI SUSUN OLEH : Basworo Ardi Pramono, S.T., M.T., NIDN : 0628128202 Nur Wakhidah, S.Kom., M.Cs., NIDN : 0626047901 Astrid Novita Putri, S.Kom, M.Kom., NIDN : 0605119001 FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI UNIVERSITAS SEMARANG 2017

Upload: others

Post on 06-Nov-2021

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 1

MODUL PENGABDIAN MASYARAKAT

PENINGKATAN KREATIVITAS SISWA SMA INSTITUT INDONESIA DENGAN

PENGENALAN TEKNOLOGI AUGMENTED REALITY 3D MENGGUNAKAN

ANDROID

DI SUSUN OLEH :

Basworo Ardi Pramono, S.T., M.T., NIDN : 0628128202

Nur Wakhidah, S.Kom., M.Cs., NIDN : 0626047901

Astrid Novita Putri, S.Kom, M.Kom., NIDN : 0605119001

FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI

UNIVERSITAS SEMARANG

2017

Page 2: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 2

Modul Pengabdian Masyarakat Augmented Reality 3D Android

Modul ini di buat untuk Pengabdian Kepada Masyarakat Dosen Universitas Semarang dengan tema

“Peningkatan Kreativitas Siswa SMA Institut Indonesia Dengan Pengenalan Teknologi Augmented Reality

3D Menggunaan Android” di gunakan untuk menambah kreativitas siswa SMA Institut Indonesia dan dapat

memperkaya pengetahuan baru untuk mengimplementasikan proses pembelajaran untuk mengasah kreatifitas

dengan animasi 3D yang siap digunakan, kemudian hasil yang dapat disimpan ke berbagai platform mobile

phone, ataupun secara online, sehingga dapat diakses kapan saja dan di mana saja untuk mengembangkan ke

dunia kerja yang sangat menarik dan mengguntungkan dalam wirausaha bisnis”.

Augmented Reality (AR) adalah kombinasi antara dunia maya (virtual) dan dunia nyata (real) yang

dibuat oleh komputer. Obyek virtual dapat berupa teks, animasi, model 3D atau video yang digabungkan dengan

lingkungan nyata sehingga pengguna merasakan obyek virtual berada di sekitar lingkungannya. AR adalah cara

baru, dimana manusia bisa berinteraksi dengan komputer, karena dapat membawa obyek virtual ke lingkungan

pengguna, kemudian memberikan pengalaman visualisasi yang nyata

Kegunaan yang diperoleh dari Augmented Reality dari pelatihan ini adalah :

1. Kesehatan

Bidang ini merupakan salah satu bidang yang paling penting bagi sistem realitas tertambah. Contoh

penggunaannya adalah pada pemeriksaan sebelum operasi, seperti CT Scan atau MRI, yang memberikan

gambaran kepada ahli bedah mengenai anatomi internal pasien.

2. Manufaktur dan reparasi

Bidang lain di mana realitas tertambah dapat diaplikasikan adalah pemasangan, pemeliharaan, dan reparasi

mesin-mesin berstruktur kompleks, seperti mesin mobil.

3. Hiburan

Bentuk sederhana dari realitas tertambah telah dipergunakan dalam bidang hiburan dan berita untuk waktu

yang cukup lama. Contohnya adalah pada acara laporan cuaca dalam siaran televisi di mana wartawan

ditampilkan berdiri di depan peta cuaca yang berubah.

Semarang, 5 Mei 2017

Penyusun

Page 3: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 3

Modul Pengabdian

Pengenalan Augmented Reality

Augmented Reality (AR) adalah kombinasi antara dunia maya (virtual) dan dunia nyata (real) yang

dibuat oleh komputer. Obyek virtual dapat berupa teks, animasi, model 3D atau video yang digabungkan dengan

lingkungan nyata sehingga pengguna merasakan obyek virtual berada di sekitar lingkungannya. AR adalah cara

baru, dimana manusia bisa berinteraksi dengan komputer, karena dapat membawa obyek virtual ke lingkungan

pengguna, kemudian memberikan pengalaman visualisasi yang nyata.

Contoh Augmented Reality 3D adalah :

Contoh Upload di Play Store :

Tools yang di gunakan di bawah ini :

1. Unity menggunakan Unity 5.1.1f1.

2. Vuforia SDK menggunakan vuforia-unity-5-0-5. Vuforia

3. Android SDK, ini adalah tools yang harus di instal untuk membuat aplikasi android.

Page 4: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 4

Langkah yang di lakukan di bawah ini :

1. Anda dapat masuk ke Program “Unity”

2. Kemudian akan muncul di bawah ini, dapat memilih “3D”, Sehingga muncul huruf merah.

Project Name : “Augmented Reality”,

Location : D:\

Pilih Tombol Biru : “Create Project”

Page 5: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 5

3. Tampilan 3D Pada Unity di bawah ini :

4. Drag file “Vuforia Unity 6-2-10.unitypackage” ke asset pada unity.

Page 6: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 6

5. Akan muncul perintah untuk mengimport file “Vuforia-unity-6-2-10”, dapat mencentang semua,

kemudian mengKlik “Import” maka akan tampil pada unity 3D

6. Anda dapat mencari Pada “Prefab” “AP Camera” dan “Image Target”, drag pada “Hierarchy”

Menjadi di bawah ini :

Page 7: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 7

7. Anda dapat Mendelete “Main Camera” yang terletak pada “Hierarchy”, karena sudah da AR Camera,

agar tidak terjadi duplikat kamera.

8. Setelah di delete menjadi di bawah ini

9. Kita dapat melakukan pengaturan pada camera,Pilih “AR Camera” yang terletak pada “Hierarchy”,

Kemudian Pilih “Open Vuforia Configuration”.

Page 8: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 8

10. Anda dapat memilih “Webcam” dan Mencentang “Disable Vuforia Play”, di gunakan untuk Vuforia

mensuport debugging di PC menggunakan camera webcam. Tapi jika hardware belum di support

Vuforia Anda dapat menonaktifkan fitur ini.

11. Kita dapat meletakkan “Image Target”, yang terletak pada “Hierarchy”, di bawah ini “No Target

defined, Press here for target” (Artinya tidak ada image target yang di pasang, anda dapat memilih

target dengan mengklik tombol ini).

Page 9: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 9

12. Akan masuk ke browser Developer Vuforia, anda dapat membuat “Image Target” dan “License

Manager”.

13. Sebelum membuat image target, anda dapat Memilih Untuk Register Terlebih Dahulu.

Page 10: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 10

14. Jika Sudah teregristrasi, anda dapat login dengan Email dan Password anda :

15. Maka akan masuk ke Menu Utama vuforia development Portal, dan login dengan nama akun anda.

Page 11: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 11

16. Pertama anda dapat membuat License,untuk produk Augmented Reality yang akan anda buat. Pada

Vuforia, anda dapat memilih Menu “Develop” pilih “License Manager” pilih “Add License Key”.

17. Dan Pilih Project Type : “Development”, dan

Project Details App Name : ”AugmentedReality3D”,

Licesense Key :”Develop-No Charge” Pilih Tombol : ”Next”.

Page 12: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 12

18. Pilih Centang “By Clicking “Confirm”........ ” Pilih “Confirm”.

19. Kemudian Copy License Key di bawah ini, Copykan pada Unity anda

Page 13: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 13

20. Pada “ARCamera” di Inspector Pilih Menu “Open Vuforia Configuration”

21. Pastekan App License Key pada text box di sampingnya

Page 14: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 14

22. Kemudian kita dapat membuat Image Target Pada Augmented Reality, Pilih “Target Manager” Pilih

“Add Database”.

23. Anda dapat Mengisi Name image target : ”AugmentedReality3D” Pilih Type “Device” Pilih

“Confirm”

24. Jika Sukses, Maka muncul di bawah ini, tersimpan database image target : dengan nama :

”AugmentedReality3D”

Page 15: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 15

25. Anda dapat membuat image target dengan memilih “Add Target”.

26. Kemudian memilih jenis image target, pilih “Single Image”, Kemudian Pilh Menu “Browse” (Cari

Gambar)

Page 16: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 16

27. Kemudian Inputkan “Width : 30” Pilih “Add”

28. Pilih menu “Download Database (All)”, Kemudian Pilih “Unity Editor”, kemudian Dowload.

Page 17: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 17

29. Setelah Terdownload anda dapat mengdrag pada “asset” di unity

30. Kemudian Masuk Ke Image Target, Pada Inspector bagian Database, pilih “Augmented Reality3D”.

Page 18: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 18

31. Otomatis Image Target akan muncul gambar image target yang tadi kita upload pada vuforia kemudian

Menjadi Seperti Di Bawah ini.

32. Buat Folder baru pada asset dan beri nama : “Gedung 3D”

Page 19: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 19

33. Anda dapat mendrag gambar gedung 3D, pada Scene, kemudian letakkan di atas image target logo

USM.

34. Jika sukses akan mucul di bawah ini

Page 20: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 20

35. Pada “ARCamera” di Inspector Pilih Menu Datasets dapat mencentang “Load Augmented Read”

dan “Activate”, di gunakan untuk mengkatifkan tampilan pada augmented reality ketika menajalankan

apilikasi tersebut.

36. Kemudian Selain gambar Gedung Fakutas TIK USM, anda dapat menambahkan yang lain, pada Unity

sudah di sediakan baik yang free maupun berbayar. Pilih “Window” Pilih“Asset Store”.

Page 21: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 21

37. Akan muncul bermacam macam animasi, 3D model maupun audio. Sebelum memilih dan

mendownload anda dapat membuat Akun (Create Akun) Pada Play Store Terlebih Dahulu, dengan

memilih “Create Account”.

38. Pilih 3D Animasi Yang Free, Salah satunya memilih ”Cute Male 3”, dapat mengklik download.

Page 22: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 22

39. Kemudian Centang Semua pilih “Import”.

40. Akan muncul di scene, seperti di bawah ini

Page 23: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 23

41. Buat Pengaturan Pada Character Model 3D ini dengan memilih,

“Rig” Animation Type : ”Humanoid”

Kemudian Pilih “Apply”.

Di gunakan akan dia bertingkah seperti manusia ketika di jalankan

42. Kemudian Drag pada Scene letakkan di sekitar Gedung FTIK USM

Page 24: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 24

43. Untuk Mengubah Ukuran, pada inspector, “Scale” Rubah Contoh seperti ini : X :10 , Y : 10, Z :10

44. Kemudian Project selesai, anda dapat menjalankan pada handphone android anda, dengan memilih

menu “file” “Build and settings”

Pilih “Android” Klik “Build”.

Page 25: MODUL PENGABDIAN MASYARAKAT PENINGKATAN …

Pengabdian Kepada Masyarakat Fakultas Teknologi Informasi dan Komunikasi Universitas Semarang 25

45. Setting seperti di bawah ini, isikan

Company Name : “AugmentedReality3D”

Product Name : “AugmentedReality”

Pada Other Setting Pada Identification

Bundle Identifier : “com.usm.ar”

Minimum API Level : “Android 2.3.1”

46. Selamat Mencoba dan Instal di handphone anda dengan memasang gambar logo usm seperti pada

image target tersebut.

---- Selamat Mencoba dan Terima Kasih ----