Cara Menampilkan Twitter Feed di Activity Android

Catatan ini akan membahas mengenai cara menampilkan twitter feed di Activity Android. Feed yang bisa ditampilkan kedalam activity bisa berdasarkan username, hastag, atau lainnya. Kita bisa menyesuaikannya dengan kebutuhan aplikasi Android yang sedang kita kembangkan.

Daftar Isi

1. Persiapan
2. Membuat Project Baru di Android Studio
3. Menambahkan Fabric di Project Android Studio
4. Menampilkan Twitter Feed di Activity Android

Apa yang perlu dipersiapkan?

Beberapa hal yang perlu dipersiapkan agar bisa mengikuti catatan ini antara lain:

1. IDE Android Studio sudah bisa digunakan. Maksudnya sudah diintegrasikan dengan SDK dan JDK.
2. Plugi Fabric sudah terintegrasi dengan Android Studio. Baca Cara Instal Fabric di Android Studio jika belum tahu cara menginstallnya.
3. Emulator Android
4. Koneksi Internet

Membuat Project Baru di Android Studio

Cara membuat project baru di Android Studio sudah banyak yang membahasnya. Namun tidak ada salahnya kalau aku ikut membahasnya. Siapa tahu nanti ada pembaca yang belum tahu cara membuat project baru di Android Studio bisa langsung mengikuti catatan ini tanpa perlu mencari artikel lainnya yang akan menambah waktu ekstra untuk belajar membuat aplikasi Android.

Cara membuat project baru di Android Studio adalah sebagai berikut:

1. Buka aplikasi Android Studio dan tunggu sampai muncul dialog welcome screen dari Android Studio.
2. Klik menu Start a New Android Studio Project

   

3. Setelah muncul dialog Create New Project selanjutnya isikan nama project, domain, dan tentukan lokasi untuk menyimpan project tersebut. Setelah itu klik Next.

   

   [box type=”info” align=”” class=”” width=””]Nama package (selanjutnya disebut paket) digenerate secara otomatis dari kombinasi nama domain dan nama aplikasi yang dibuat. Nama paket menggunakan konvensi gaya Bahasa Pemrograman Java. Nama domain digunakan untuk menghindari konflik dengan developer lainnya. Contoh nama paket pada catatan ini adalah: com.nusagates.twitterfeed. Nama paket tidak boleh diubah setelah diupload di Google Play.[/box]

4. Pada dialog Target Android Device silahkan pilih minimum SDK yang akan digunakan pada aplikasi Android yang mau dibuat. Semakin rendah SDK minimum yang digunakan maka target device Android yang bisa menginstallnya semakin banyak namun fitur aplikasinya akan semakin sedikit. Setelah SDK minimum dipilih selanjutnya klik Next.

   

5. Pada dialog Add Activity to Mobile pilih Empty Activity kemudian klik Next.

   

6. Pada dialog Customize the Activity silahkan ubah sesuai keinginan atau biarkan saja sesuai yang ditampilkan Android Studio. Selanjutnya klik Finish dan tunggu sampai proses pembuatan project baru selesai.

   

Menambahkan Fabric ke Project Android Studio

Setelah project baru di Android Studio berhasil dibuat, selanjutnya adalah menambahkan Fabric ke dalam Project. Caranya adalah sebagai berikut:

1. Klik Icon menu Fabric yang terletak di sebelah icon SDK Manager.
2. Masuk/Login ke akun Fabric. Setelah berhasil login selanjutnya klik Next.

   

3. Pada daftar Kit Fabric silahkan klik Twitter kemudian Klik Install.

   

   

4. Centang I agree to the Twitter Kit Agreement and Developer Agreement kemudian buat twitter baru jika belum punya. Jika sudah punya silahkan login.

   

5. Selanjutnya masukkan Twitter key dan Screet Key kemudian klik Next.

   

6. Selanjutnya Fabric akan menampilkan bebrapa baris kode yang akan ditambahkan pada build.graddle. Klik Apply. Tutup panel Fabric kemudian klik tombol Sync Now. Tunggu sampai sinkronisasi graddle selesai.

   

   

Menampilkan Twitter Feed di Activity Android

Setelah Fabric berhasil disinkronisasi dengan project Android kita maka selanjutnya adalah menampilkan Twitter Feed di Activity yang telah kita buat sebelumnya.

[box type=”info” align=”” class=”” width=””]Nama Activity tidak boleh menggunakan Twitter karena sudah digunakan oleh Fabric. Gunakan nama lainnya misalnya TwitterFeed atau TwitterActivity.[/box]

Cara menampilkan twitter feed di activity android ikuti langkah-langkah berikut ini:

1. Tambahkan dua baris kode berikut ini ke dalam strings.xml yang terletak di folder res–values.

   <string name="key">Twitter_key_kamu</string>
       <string name="screet">twitter_key_screet_kamu</string>

   Ambil keduanya dari activity yang ditambahakan oleh Fabric pada langkah sebelumnya.

2. Ganti baris TwitterAuthConfig menjadi seperti di bawah ini

   TwitterAuthConfig authConfig = new TwitterAuthConfig(getResources().getString(R.string.key), getResources().getString(R.string.screet));

   Kode itu akan mengambil twitter key dan screet key dari file string yang telah kita tambahkan pada langkah pertama.

3. Ganti kode yang ada pada layout Twitter ( activity_twitter.xml pada folder res-layout) dengan kode di bawah ini

   <?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"
       tools:context="com.nusagates.twitterfeed.TwitterActivity">
   
   
       <ListView
           android:id="@+id/timeline"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:layout_alignParentEnd="true"
           android:layout_alignParentRight="true"
           android:layout_alignParentTop="true" />
   </RelativeLayout>
   

4. Selanjutnya kita inisiasi Listview yang kita tambahkan ke dalam layout twitter dari Activity. Caranya tambahkan kode di bawah ini setelah setContentView();

   final ListView list = (ListView)findViewById(R.id.timeline);

5. Selanjutnya kita memanggil class Timeline builder dengan kode seperti di bawah ini

   final UserTimeline userTimeline = new UserTimeline.Builder()
                   .screenName("nusagates")
                   .build();

   Ganti nusagates dengan nama pengguna Twitter yang ingin ditampilkan timelinnye.

6. Selanjutnya ubah timeline tersebut menjadi sebuah adapter dengan kode di bawah ini

   final TweetTimelineListAdapter adapter = new TweetTimelineListAdapter.Builder(this)
                   .setTimeline(userTimeline)
                   .build();

7. Selanjutnya tambahkan adapter tersebut ke dalam Listview yang kita buat sebelumnye dengan kode di bawah ini

   list.setAdapter(adapter);

   Kode lengkap Twitter Activity akan tampak seperti di bawah ini

   package com.nusagates.twitterfeed;
   
   import android.support.v7.app.AppCompatActivity;
   import android.os.Bundle;
   import android.widget.ListView;
   
   import com.twitter.sdk.android.Twitter;
   import com.twitter.sdk.android.core.TwitterAuthConfig;
   import com.twitter.sdk.android.tweetui.TweetTimelineListAdapter;
   import com.twitter.sdk.android.tweetui.UserTimeline;
   
   import io.fabric.sdk.android.Fabric;
   
   public class TwitterActivity extends AppCompatActivity {
   
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           TwitterAuthConfig authConfig = new TwitterAuthConfig(getResources().getString(R.string.key), getResources().getString(R.string.screet));
           Fabric.with(this, new Twitter(authConfig));
           setContentView(R.layout.activity_twitter);
           final ListView list = (ListView)findViewById(R.id.timeline);
           final UserTimeline userTimeline = new UserTimeline.Builder()
                   .screenName("nusagates")
                   .build();
           final TweetTimelineListAdapter adapter = new TweetTimelineListAdapter.Builder(this)
                   .setTimeline(userTimeline)
                   .build();
   
           list.setAdapter(adapter);
       }
   }
   

   Hasil eksekusinya akan tampak seperti screenshoot di bawah ini

   

   

    

    

Demikian catatan singkat cara menampilkan twitter feed di activity Android. Source codenya bisa didownload pada link di bawah.