MODUL PENGABDIAN MASYARAKAT PENINGKATAN...

download MODUL PENGABDIAN MASYARAKAT PENINGKATAN …astrid.ftik.usm.ac.id/.../uploads/sites/44/2017/05/Modul-Praktikum.pdf · Modul Pengabdian Masyarakat Augmented Reality 3D Android Modul

If you can't read please download the document

Transcript of 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

  • 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

  • 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.

  • 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

  • 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.

  • 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 :

  • 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.

  • 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).

  • 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.

  • 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.

  • 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.

  • 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

  • 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

  • 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

  • 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)

  • 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.

  • 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.

  • 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

  • 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

  • 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 PilihAsset Store.

  • 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.

  • 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

  • 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

  • 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.

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