Augmented Reality (AR) menggunakan Unity dan Vuforia SDK berbasis Android

Cara untuk membuat AR berbasis android. Berikut adalah alat dan bahan yang harus di disipakan.

1. Device Android lengkap dengan Android SDK dan driver yang sudah diinstall. Pastikan device dapat terkoneksi dengan PC dan dapat dideteksi oleh adb tools dari Android SDK. 
2. Unity game engine yang sudah terinstall di PC. Kenapa pakai Unity? Bukan Eclipse atau Android Studio? ini adalah cara termudah untuk membuat simple Augmented reality. 
3. Vuforia SDK (versi yang digunakan dalam tutorial ini 2.6.7), yaitu merupakan extension Unity besutan qualcomm yang berfungsi untuk mempermudah kita dalam memproses image dari marker untuk dijadikan dunia AR. Dengan Vuforia SDK kita sebagai developer tidak perlu lagi dipusingkan dengan hitunga rumit image processing untuk membuat aplikasi augmented reality. 

<<buka unity>>

1. Buat project baru —–> klik File >> New Project >> Tentukan lokasi penyimpanan. Setelah itu pilih File >> Build Settings >> pilih platform Android dan klik Switch Platform.

2. Konfigurasi proyek Sebelum menjalankan tahap selanjutnya lakukan konfigurasi proyek. Masih di Build Setting >> klik Player Setting. Lihat bagian Inspector >> Lihat bagian Resolution & Presentation >> Rubah default orientation ke ‘Landscape Left’ >> Lihat bagian Other Setting >> Isikan Bundle Identifier dengan nama package (contoh : com.ar.gerakharmonipegas) >> Rubah minimum API Level Android 2.2 (Froyo).

3. Memasukkan Vuforia SDK ke dalam project.  Setelah project baru dibuat langkah selanjutnya adalah memasukkan Vuforia SDK ke dalam project. Caranya cukup mudah, biarkan unity tetap terbuka. Double klik Vuforia SDK. Setelah di double klik maka akan muncul konfirmasi import di Unity. Centang semua elemen dan klik Import. Setelah berhasil di import maka akan muncul isi dari package Vuforia SDK pada window project.

4. Konfigurasi AR dan membuat marker Image Target Untuk memulai membuat AR drag & drop prefab ARCamera dan ImageTarget dari window project ke window scene. Klik object ImageTarget pada window scene dan pada inspector klik ‘press here for target….’. Setelah diklik mka sobat akan diarahkan ke website Vuforia untuk membuat marker sesuai keinginan sobat. Sebelumnya tentukan dulu seperti apa markernya, kalo dalam tutorial ini saya pake marker pada gambar AR.
5. Kembali di websitenya Vuforia, disitu sobat akan ditunjukkan projek apa saja yang pernah sobat buat. Untuk membuat project baru klik ‘Create database’ dan masukkan nama sesuai selera. Pada tutorial ini nama yang dipilih adalah ‘AR_Tutorial’.

berikut merupakan link tugas android tentang AR saya dengan kelompok saya :

https://drive.google.com/?usp=folder&authuser=0#folders/0B9lLh-grl5hSWUxkT0FTN0hlMkU

Augmented Reality

Augmented Reality (AR) merupakan penggabugan benda nyata dan maya di lingkungan nyata, berjalan secara interaktif dalam waku nyata dan terdapat integraasi antarbenda dalam tiga dimensi, yaitu benda maya terintegrasi dalam dunia nyata.

Prinsip kerjanya cukup sederhana. Sistem Augmented Reality bekerja berdasarkan deteksi citra dan citra yang digunakan adalah marker. Kamera yang telah dikalibrasi akan mendeteksi marker yang diberikan, kemudian setelah mengenali dan menandai pola marker, webcam akan melakukan perhitungan apakah marker sesuai dengan database yang dimiliki. Bila sesuai maka informasi marker akan digunakan untuk merender dan menampilkan onjek 3D atau animasi yang telah dibuat sebelumnya.

berikut merupakan tugas AR saya dengan kelompok saya :

https://drive.google.com/?usp=folder&authuser=0#folders/0B9lLh-grl5hSVDV5N3h0UDJvOEU

Buku Digital (Epub)

Buku Digital adalah buku dalam bentuk digital yang dapat berupa kombinasi antara teks, gambar, audio, dan video. Beberapa eksensi buku digital adalah pdf, doc, xls. Buku digital dapat dibagi menjadi 2 macam, yaitu tanpa multimedia seperti ekstensi .doc, .docx dan dengan multimedia seperti .epub.

Format buku digital yang saya gunakan adalah format epub (electronic publication) karena mendukung multimedia, html5, css, xhtml, xml yang dijadikan 1 file dengan ekstensi .epub tersebut.

Epub dibuat oleh International Digital Publishing Forum (IDPF). Epub ini bersifat open source. 

berikut merupakan link tugas buku digital saya : https://drive.google.com/?usp=folder&authuser=0#folders/0B9lLh-grl5hSTk91ZVBKTkZUQ2M

Pembuatan Games Sentuh Menggunakan App Inventor (Online)

Berikut merupakan cara membuat game sentuh sederhana menggunakan App Inventor (online):

1. desain screen anda dengan memasukkan komponen-komponen yang diperlukan seperti di bawah ini :

2. Setelah desain selesai, yang diperlukan adalah memberikan alur-alur proses pada game tersebut dengan cara klik tombol "Block" di pojok kanan atas. 

3. Lakukan drag and drop untuk proses selanjutnya. Berikut merupakan tahapan dari pemasukkan algoritmanya:

4. Jika telah selesai, kita dapat mencobanya melalui android (hp) kita sendiri, dengan cara :

   save project > App (save .apk to my computer). Selanjutnya pindahkan file apk ke hp android anda dan install untuk menjalankannya.

Pembuatan Aplikasi Quiz Menggunakan App Inventor (Online)

Berikut Merupakan Langkah-Langkah Pembuatan Aplikasi Quiz Sederhana Menggunakan App Inventor (Online):

1. buat layout "horizontal arrangement" sebanyak 3 buah dan susun ke bawah
   dengan alignhorizontal "center" pada screen1.

2. drag user interface "image" dan drop ke dalam kotak pertama.

3. pilih gambar yang anda mau lalu buat ukuran width dan height 100px.

4. buatlah user interface "label" dan drop dibawah image dengan nama "QuestionLabel".

5. drag userinterface "textbox" dan drop ke dalam kotak kedua.

6. drag userinterface "button" dan drop ke dalam kotak kedua disamping textbox dengan nama "Submit".

7. drag userinterface "button" dan drop ke dalam kotak ketiga dengan nama "next".

8. setelah selesai mendesain, klik tombol "Block" di pojok kanan atas.

9. untuk membuat pertanyaan, maka :
   - pilih "initialize global name to" di dalam variables. Ganti nama menjadi "QuestionList".
   - pilih "make a list" di dalam list, lalu drop di sebelah "initialize global QuestionList to".
     jika berbunyi "klik" berarti cocok.
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - buatlah pertanyaan-pertanyaan pada setiap text kosong tersebut.

10. untuk membuat jawaban, maka:
   - pilih "initialize global name to" di dalam variables. Ganti nama menjadi "AnswerList".
   - pilih "make a list" di dalam list, lalu drop di sebelah "initialize global AnswerList to".
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - drag sebanyak 3 buah text kosong di dalam text dan letakkan di samping "make a list".
   - buatlah jawaban-jawaban untuk pertanyaan sebelumnya.

11. lakukan hal yang sama dengan drag and drop proses selanjutnya.

12. Jika telah selesai, kita dapat mencobanya melalui android (hp) kita sendiri, dengan cara :

   save project > App (save .apk to my computer). Selanjutnya pindahkan file apk ke hp android anda dan install untuk menjalankannya.

Tutorial Installasi Appinventor Offline

Appinventor adalah sebuah aplikasi android bersifat open source di sediadakn google, dll.
kemudahan untuk yang tdk bisa programming hanya drag and drop.

Cara install program :
1. Install AppInventor_Setup_Installer_v_1_2 dan extract V1.4.7 ke driver C: / D:
2. Atur path dengan nama variabel JAVA_HOME di properties my computer dengan cara klik windows, klik kanan computer, klik properties, pilih advance system setting, di tab advanced klik environments variables, dalam system variables klik new dan tuliskan nama variabel dan value.
3. Atur juga path dengan menambahkan lokasi jdk dalam komputer.
(mis dalam komputer saya C:\Program Files\Java\jdk1.7.0) dan tambahkan \bin, jadi
C:\Program Files\Java\jdk1.7.0\bin. klik ok.
4. untuk pengecekan, klik kanan pada startAI.cmd dalam folder AppEngine klik run as administrator
keluar cmd, tunggu sampai keluar "Dev App Server is now running".
keterangan : untuk keluar dari cmd harus ctrl+c kemudian ketik yes dan enter, kalau tidak akan error.
5. masuk ke web browser localhost:8888, enter. maka muncul form logged in. pilih sign in administrator, klik log in.jika ada tulisan lagi maka klik I accept.
6. membuat project baru.
7. pilih new, ketik nama project.
    kiri ada palette (button,canvas,checkbox,dll)
    tengah screen1.
    kanan component : apa yang sudah dimasukaan di screen.
    properties : pengaturan.
8. drag dan drop button, beri nama play
9. drag dan drop player di media, pilih music .mp3, klik ok.
10. klik open the blocks editor. (klok blocks). Jika ada block by security java maka ke control panel, ketik java, keluar java dan pilih security turunkan menjadi medium.

Web Menggunakan Go Lang

Membuat package baru di dalam controller dengan nama "mhs.go" lalu buat lagi go filenya dengan nama yang sama.

Lalu masukkan koding ke dalam go file "mhs.go" seperti berikut :

package mhs

import (
"net/http"

"???/sys/mr"

)

func View (w http.ResponseWriter, r *http.Request) {
t, _ := mr.MRenderTemplate("login/test.html");
mr.MExecute(w, t, r)
}

koding yang tertulis ("login/test.html"), berarti menandakan bahwa kita harus membuat koding html dengan judul test yang disimpan di dalam folder login.


Buka go file routing yang berada di dalam package routing, seperti gambar berikut:

Tambahkan koding pada go file "routing.go" seperti gambar berikut yang dilingkari:

Setelah itu lakukan Run. Hasilnya akan keluar sebagai berikut:

Terakhir, lakukan pengecekkan pada browser dengan mengetik:

Jika hasilnya muncul seperti apa yang telah di tulis di test.html anda, maka berhasil. Berikut contohnya: