Skip to main content



Pada postingan kali ini saya akan sharing tentang Firebase - Android Studio,,
Apa itu firebase...???

Firebase adalah layanan DbaaS (Database as a Service) dengan konsep realtimeFirebase merupakan penyedia layanan cloud dengan backend sebagai servis yang berbasis di San Fransisco, California. Firebase terdiri dari fitur pelengkap yang bisa dipadupadankan sesuai dengan kebutuhan Anda. Firebase memberikan anda perlengkapan dan infrastuktur untuk membangun suatu aplikasi yang lebih baik dan meningkatkan kesuksesan bisnis anda.

Produk utama dari Firebase yaitu suatu database yang menyediakan API untuk memungkinkan pengembang menyimpan dan mensinkronisasi data lewat multiple client.


Bagi developer web yang membangun aplikasi dengan HTML, CSS dan JS, Selain dari sisi server dan database, firebase juga menyediakan hosting untuk static file yang dilengkapi dengan fasilitas CDN.


Beberapa contoh aplikasi yang real time saat ini seperti bbm, whatsapp, facebook dan lain-lain dapat diaplikasikan menggunakan firebase untuk database maupun tools lainnya yang ada pada firebase. Apabila anda telah membuat suatu aplikasi namun memerlukan notifikasi secara realtime maka firebase dapat membantu dalam mengatasi masalah tersebut melalui tools pada firebase.

Firebase menyediakan library untuk berbagai client platform. Untuk browser menggunakan Javascript dan untuk mobile menggunakan Objective-C atau Android API.

Sumber : http://www.saungit.org/2016/07/apa-itu-firebase.html

Ok, itu sedikit penjelasan singkat tentang Firebase :D

Selanjutnya kita akan coba menginplementasikan cara mengakses database firebase dari aplikasi android yang akan kita bangun dengan Android Studio, Disini saya asumsikan para pembaca sudah punya account Firebase, jika belum baca Di Postingan Ini cara membuat account Firebase.


Ok, sekarang kita buat project baru di firebase-nya caranya klik buat proyek baru seperti pada gambar dibawah :



Isi nama proyeknya dengan nama terserah anda tapi disini saya buat nama proyeknya TesFirebase dan lokasi pilih Indonesia jika sudah klik buat proyek.




Jika sudah akan muncul tampilan seperti dibawah :


untuk mengakses database firebase kita, disini kita akan menggunakan user Anonimus, cara mengaktifkan user Anonimus masuk ke Menu Auth terus masuk ke tab Metode Masuk :


klik Anonim kemudian aktifkan terus simpan :



Selanjut setting database dengan masuk ke menu Database


didalam menu database terdapat link, dimana link itu yang akan digunakan untuk mengakses database firebase kita dari aplikasi androidnya, agar bisa diakses dari aplikasi kita harus rubah setingan firebasenya, masuk ke tab aturan kemudian ganti :

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

Menjadi :

{
  "rules": {
    ".read": "auth == null",
    ".write": "auth == null"
  }
}

kemudian klik publikasi.

pada database tambahkan seperti dibawah ini : 



Ok, sampai disini settingan firebase kita sudah siap dipanggil dari aplikasi android,,, :D

Selanjutnya kita buka Android Studio dan buat project baru dengan Nama TesFirebase :
Setelah membuat project masuk ke bagian gradle app, kemudian kita tambahkan gradle dibagian dependencies 

compile 'com.firebase:firebase-client-android:2.3.1'

kemudian tambahkan uses-permission berikut di AndroidManifest nya

<uses-permission android:name="android.permission.INTERNET" />

jika sudah lakukan Sync project, kemudian buka content_main.xml lalu design tampilan seprti gambar dibawah :


atau copy file xml berikut :

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  xmlns:app="http://schemas.android.com/apk/res-auto"    
  xmlns:tools="http://schemas.android.com/tools"    
  android:layout_width="match_parent"    
  android:layout_height="match_parent"    
  android:paddingBottom="@dimen/activity_vertical_margin"    
  android:paddingLeft="@dimen/activity_horizontal_margin"    
  android:paddingRight="@dimen/activity_horizontal_margin"    
  android:paddingTop="@dimen/activity_vertical_margin"    
  app:layout_behavior="@string/appbar_scrolling_view_behavior"    
  tools:context="app.husnulm.com.firebaseapp.MainActivity"    
  tools:showIn="@layout/activity_main">

    <TextView        
       android:layout_width="wrap_content"        
       android:layout_height="wrap_content"        
       android:textAppearance="?android:attr/textAppearanceLarge"        
       android:text="Condition"        
       android:id="@+id/textViewCondition"        
       android:layout_marginTop="102dp"        
       android:layout_alignParentTop="true"        
       android:layout_centerHorizontal="true" />

    <Button        
      style="?android:attr/buttonStyleSmall"        
      android:layout_width="wrap_content"        
      android:layout_height="wrap_content"        
      android:text="Sunny"        
      android:id="@+id/buttonSunny"        
      android:layout_centerVertical="true"        
      android:layout_toStartOf="@+id/textViewCondition" />

    <Button        
      style="?android:attr/buttonStyleSmall"        
      android:layout_width="wrap_content"        
      android:layout_height="wrap_content"        
      android:text="Foggy"        
      android:id="@+id/buttonFoggy"        
      android:layout_alignTop="@+id/buttonSunny"        
      android:layout_toEndOf="@+id/textViewCondition" />
</RelativeLayout>


jika sudah Buka MainActivity.java dan rubah extends nya menjadi Activity dan rubah dibagian onCreate seperti gambar dibawah ini :




kemudian tambahkan source code berikut dibawahnya onCreate :

@Overrideprotected void onStart(){
    super.onStart();
    Button mButtonSunny = (Button)findViewById(R.id.buttonSunny);
    Button mButtonFoggy = (Button)findViewById(R.id.buttonFoggy);
    final TextView mTextCondition = (TextView)findViewById(R.id.textViewCondition);

    mRef = new Firebase("https://condition-6eb30.firebaseio.com/Condition");

    mRef.addValueEventListener(new ValueEventListener() {
        @Override        public void onDataChange(DataSnapshot dataSnapshot) {
            String newCondtion = (String) dataSnapshot.getValue();
            mTextCondition.setText(newCondtion);
        }

        @Override        public void onCancelled(FirebaseError firebaseError) {

        }
    });

    mButtonSunny.setOnClickListener(new View.OnClickListener() {
        @Override        public void onClick(View v) {
            mRef.setValue("Sunny");
        }
    });

    mButtonFoggy.setOnClickListener(new View.OnClickListener() {
        @Override        public void onClick(View v) {
            mRef.setValue("Foggy");
        }
    });
}

jika sudah silahkan di jalankan aplikasinya :D

Semoga tulisan ini membantu dan bermanfaat, jika ada yang mau ditanyakan silahkan comment dibawah,,,


:D Happy Sharing

Comments

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment

Popular posts from this blog

PHP MySql CRUD Dengan Konsep MVC

Pada postingan kali ini saya akan sharing cara membuat CRUD dengan php menggunakan konsep MVC, ok langsung saja buka code editor (saya menggunakan sublime text) dan buat folder baru dengan nama phpmvc didalam folder htdocs kalian dan tambah folder seperti berikut :  Setelah itu kita siapkan database di mysql, buat database dengan nama phpmvc dan tablenya seperti gambar berikut : tambahkan file config.php didalam folder app/config : <?php define('BASEURL', 'http://localhost:8181/phpmvc/public'); define('DB_HOST', 'localhost'); define('DB_USER', 'root'); define('DB_PASS', ''); define('DB_NAME', 'phpmvc'); kemudian tambahkan 3 file controller didalam folder app/controllers, yaitu Home, About, dan Mahasiswa : Home.php <?php class Home extends Controller { public function index() { $data['nama'] = $this->model('User_model')->getUser()...

Cara Sederhana Multi Insert Data Dengan PHP - MySQL

Pada postingan kali ini saya akan share cara melakukan insert lebih dari satu data dengan menggunaka PHP- Jquery dan MySQL. Pertama buat database di MySQL dan table, disini saya membuat database dengan nama db_latihan dan table dengan nama t_barang dengan struktur table seperti berikut : Setelah membuat database dan table selanjutnya membuat project PHP, project PHP nya saya buat dengan nama multi-insert, lalu didalam folder ini saya membuat dua file yaitu index.php dan insert.php . Source code index.php seperti berikut : <! doctype   html > < html   lang = "en" >    < head >      <!-- Required meta tags -->      < meta   charset = "utf-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1" >      <!-- Bootstrap CSS -->      < link ...

IT Asset Management Dengan PHP MySQL

Pada postingan kali saya akan share sebuah aplikasi IT Asset management yang fungsinya untuk memonitoring semua Asset khusus IT, contohnya : Laptop/komputer , Printer, Router, Hardisk, dll. Dalam aplkasi ini kita bisa mengetahui Asset IT posisinya dimana dan digunakan oleh siapa. untuk data-data yang dibutuhkan antara lain : 1. data kategori asset dalam menu ini kita bisa meng-input jenis2 kategory asset : tambah kategori asset : 2. data department 3. data karyawan 4. data department per karyawan 5. data asset location  6. data satuan asset dan untuk transaksi yang ada dalam aplikasi ini adalah,  1. create asset, pada menu create asset ini kita akan mengalokasikan sebuah asset ke karyawan/personnel tampilannya seperti berikut: setelah klik tombol save akan muncul seperti dibawah : untuk melihat detail asset yang sudah dibuat tadi, kita bisa pilih...