Nusagatizen

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
    Tahap Pertama Cara Membuat Project Baru di Android Studio
    Tahap Pertama Cara Membuat Project Baru di Android Studio
  3. Setelah muncul dialog Create New Project selanjutnya isikan nama project, domain, dan tentukan lokasi untuk menyimpan project tersebut. Setelah itu klik Next.
    Tahap Kedua Cara Membuat Project Baru di Android Studio
    Tahap Kedua Cara Membuat Project Baru di Android Studio
    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.
  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.
    Tahap Ketiga Cara Membuat Project Baru di Android Studio
    Tahap Ketiga Cara Membuat Project Baru di Android Studio
  5. Pada dialog Add Activity to Mobile pilih Empty Activity kemudian klik Next.
    Tahap Kelima Cara Membuat Project Baru di Android Studio
    Tahap Keempat Cara Membuat Project Baru di Android Studio
  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.
    Tahap Keenam Cara Membuat Project Baru di Android Studio
    Tahap Kelima Cara Membuat Project Baru di Android Studio

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.
    Menambahkan Fabric di Project Android Studio
    Menambahkan Fabric di Project Android Studio
  3. Pada daftar Kit Fabric silahkan klik Twitter kemudian Klik Install.
    memilih Twitter dari Fabric
    memilih Twitter dari Fabric
    Menambahkan dependency Twitter ke dalam Project Android Studio
    Menambahkan dependency Twitter ke dalam Project Android Studio
  4. Centang I agree to the Twitter Kit Agreement and Developer Agreement kemudian buat twitter baru jika belum punya. Jika sudah punya silahkan login.
    Daftar atau masuk ke Twitter
    Daftar atau masuk ke Twitter
  5. Selanjutnya masukkan Twitter key dan Screet Key kemudian klik Next.
    Menambahkan Twitter key dan Screet
    Menambahkan Twitter key dan Screet
  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.
    Mengijinkan Fabric untuk menambahkan beberapa baris kode ke dalam project kita
    Mengijinkan Fabric untuk menambahkan beberapa baris kode ke dalam project kita
    Tombol untuk sinkronisasi graddle
    Tombol untuk sinkronisasi graddle

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.

Nama Activity tidak boleh menggunakan Twitter karena sudah digunakan oleh Fabric. Gunakan nama lainnya misalnya TwitterFeed atau TwitterActivity.

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 resvalues.
    Ambil keduanya dari activity yang ditambahakan oleh Fabric pada langkah sebelumnya.
  2. Ganti baris TwitterAuthConfig menjadi seperti di bawah ini
    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
  4. Selanjutnya kita inisiasi Listview yang kita tambahkan ke dalam layout twitter dari Activity. Caranya tambahkan kode di bawah ini setelah setContentView();
  5. Selanjutnya kita memanggil class Timeline builder dengan kode seperti di bawah ini
    Ganti nusagates dengan nama pengguna Twitter yang ingin ditampilkan timelinnye.
  6. Selanjutnya ubah timeline tersebut menjadi sebuah adapter dengan kode di bawah ini
  7. Selanjutnya tambahkan adapter tersebut ke dalam Listview yang kita buat sebelumnye dengan kode di bawah ini
    Kode lengkap Twitter Activity akan tampak seperti di bawah ini
    Hasil eksekusinya akan tampak seperti screenshoot di bawah ini

    Screenshoot Twitter Feed di Activity Android 1
    Screenshoot Twitter Feed di Activity Android 1
    Screenshoot Twitter Feed di Activity Android 2
    Screenshoot Twitter Feed di Activity Android 2

     

     

 

 

 

 

 

 

 

 

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

Tahukah Kamu Arti mungil?

mu·ngil a 1 kecil elok; molek: rumahnya -- , sangat serasi dng pemiliknya; 2 lucu menarik hati krn eloknya (tt kanak-kanak)
Kata Kunci
Selengkapnya...

Ahmad Budairi

Seorang blogger yang bekerja menjadi freelancer di bidang bahasa pemrograman. Baca biografi Ahmad Budairi atau kunjungi lapaknya di Fiverr. Kontak via email: [email protected]. Hubungi via 0822 2500 5825

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Close