MODUL WORKSHOP IMPLEMENTASI CUBEACON ATTENDANCE PELAKSANA PT. EYRO DIGITAL TEKNOLOGI

Transkripsi

1 MODUL WORKSHOP IMPLEMENTASI CUBEACON ATTENDANCE PELAKSANA PT. EYRO DIGITAL TEKNOLOGI POLITEKNIK ELEKTRONIKA NEGERI SURABAYA Jln. Raya ITS Kampus PENS Sukolilo Surabaya INDONESIA Telp. (031) Fax. (031)

2 DAFTAR ISI DAFTAR ISI... 2 MEBUAT APLIKASI ANDROID... 3 A. JALANKAN ANDROID STUDIO... 3 B. MEMBUAT PROJEK BARU... 4 C. MEMASUKKAN ATTENDANCE SDK... 6 D. MEMBUAT CLASS INISIALISASI... 8 E. MENGHUBUNGKAN CLASS INISIALIASI DENGAN MANIFEST... 9 F. MEMBUAT MAIN ACTIVITY... 9 G. MENAMBAHKAN EVENT BEACON KEDALAM MAIN ACTIVITY H. MENAMBAHKAN LAUNCER ACTIVITY I. TAMBAHKAN LOGIN UI DI DALAM ANDROIDMANIFEST

3 Mebuat Aplikasi Android A. Jalankan Android Studio 3

4 B. Membuat Projek Baru 4

5 5

6 C. Memasukkan Attendance SDK Download SDK di Kemudian Extract file zip tersebut. Copy Paste ke app->libs Buka app->build.gradle kemudian tambahkan baris konfigurasi ini di atas blok dependencies. repositories{ flatdir { dirs 'libs' 6

7 Masukkan juga compile library di dalam blok dependencies compile 'com.android.support:recyclerview-v7:23.1.0' compile 'com.android.support:cardview-v7:23.1.0' compile compile Sehingga menjadi seperti ini : Kemudian tekan klik link sync now di pojok kanan atas. 7

8 D. Membuat Class Inisialisasi Masuk ke app->src->main->java->folder_projek kemudian create Java Class, misalnya dengan nama Attendance. Extends class tersebut ke Application, kemudian masukan inisialisasi AttendanceSDK pada Event oncreate. public class Attendance extends Application public void oncreate() { super.oncreate(); AttendanceSDK.initialize(this); 8

9 E. Menghubungkan Class Inisialiasi dengan Manifest Buka app->src->main->androidmanifest.xml kemudian hubungkan class Attendance ke dalam scope application. <application android:name=".attendance" android:allowbackup="true" android:supportsrtl="true" </application> F. Membuat Main Activity Masuk ke app->src->main->java->folder_projek, lalu create new activity->empty Activity. Lalu kemudian tekan finish. 9

10 G. Menambahkan Event Beacon Kedalam Main Activity Extends MainActivity ke CBActivity dan kemudian raise event OnRangin, OnEnter, dan OnExit. Inisialisasi variable TAG di bawah nama Class private static final String TAG = MainActivity.class.getSimpleName(); Kemudian tambahkan function sendenterattendance pada event onenter untuk memasukkan data checkin ke backend. Log.d(TAG, "Entering region beacon : " + cbbeacon.tostring()); sendenterattendance(cbbeacon, new SaveCallback() public void done(parseexception e) { if (e!= null) { Log.e(TAG, "Saving enter attendance failed, message : " + e.getmessage()); else { Toast.makeText(MainActivity.this, "Saving enter attendance succeed...", Toast.LENGTH_LONG).show(); Log.i(TAG, "Saving enter attendance succeed..."); ); 10

11 Dan juga tambahkan function sendexitattendance pada event onexit untuk memasukkan data checkout ke backend. Log.d(TAG, "Exiting region beacon : " + cbbeacon.tostring() + " on interval : " + l + " sec"); sendexitattendance(cbbeacon, new SaveCallback() public void done(parseexception e) { if (e!= null) { Log.e(TAG, "Saving exit attendance failed, message : " + e.getmessage()); else { Toast.makeText(MainActivity.this, "Saving exit attendance succeed...", Toast.LENGTH_LONG).show(); Log.i(TAG, "Saving exit attendance succeed..."); ); H. Menambahkan Launcer Activity Masuk ke app->src->main->java->folder_projek kemudian add new activity->empty Activity. Centang di checkbox launcher. Misal dengan nama SplashActivity. Buat variable private LOGIN_REQUEST dan TARGET_REQUEST di bawah nama class private static final int LOGIN_REQUEST = 0; private static final int TARGET_REQUEST = 1; Kemudian buat method getparseloginintent pada SplashActivity dengan return value Intent. protected Intent getparseloginintent() { return new ParseLoginBuilder(this).build(); Kemudian setelah itu buat method rundispatch private void rundispatch() { if (ParseUser.getCurrentUser()!= null) { AttendanceSDK.getInstance().getDataInBackground(new AttendanceSDK.GetDataCallback() public void done(@nullable Exception e) { if (e!= null) { Toast.makeText(SplashActivity.this, "Error downloading data, error : " + e.getmessage(), Toast.LENGTH_LONG).show(); return; startactivityforresult(new Intent(SplashActivity.this, MainActivity.class), TARGET_REQUEST); 11

12 ); else { startactivityforresult(getparseloginintent(), LOGIN_REQUEST); Raise event OnActivityResult, tambahkan setresultcode setresult(resultcode); if (requestcode == LOGIN_REQUEST && resultcode == RESULT_OK) { rundispatch(); else { finish(); I. Tambahkan Login UI di dalam AndroidManifest Buka app->src->androidmanifest.xml dengan konfigurasi script seperti ini : <activity android:name="com.parse.ui.parseloginactivity" android:label="@string/app_name" android:launchmode="singletop" android:theme="@style/alertdialog.appcompat" android:screenorientation="portrait" > <meta-data android:name="com.parse.ui.parseloginactivity.app_logo" android:resource="@mipmap/ic_launcher" /> <meta-data android:name="com.parse.ui.parseloginactivity.parse_login_enabled" android:value="true" /> <meta-data android:name="com.parse.ui.parseloginactivity.parse_login_ _as_username" android:value="true" /> </activity> 12

13 Setelah itu build dan jalankan di smartphone Login, atau register jika belum memiliki user. Lalu lihat hasilnya di Jika anda masuk ke dalam beacon yang ada di backend tersebut, maka anda akan terhitung checkin. 13