Uncategorized

Membuat Form dan Script Sederhana untuk Update Status Twitter

Beberapa hari yang lalu, saya jalan-jalan ke blog orang lain (blogwalking) dan menemukan artikel yang bagus. Artikel tersebut membahas bagaimana membuat script untuk melakukan update status Twitter melalui PHP dan form HTML. Kemudian saya tersentak untuk sedikit memodifikasi script tersebuat agar lebih mudah digunakan.

Hal-hal yang kita perlukan untuk membuat script ini sebelumnya adalah Twitter OAuth Class. Twitter OAuth Class adalah sebuah class untuk berkomunikasi dengan API (Application Protocol Interface) nya Twitter menggunakan metode OAuth. Akan tetapi, jangan khawatir, kita dapat mempergunakan kelas yang sudah dibuat oleh orang lain, yang dapat diunduh di alamat ini : http://classes.verkoyen.eu/twitter_oauth. Untuk lebih jelasnya dapat kita ikuti langka-langkah sebagau berikut :

1. Download Twitter OAuth Class di http://classes.verkoyen.eu/twitter_oauth.

2. Melakukan registrasi API. Registrasi ini dilakukan agar Anda dapat memperoleh kode API untuk aplikasi yang sedang Anda kembangkan. Anda dapat melakukan login dulu di https://dev.twitter.com/apps/new. Selanjutnya isikan form-form yang diperlukan seperti nama aplikasi, deskripsi, dan alamat website Anda. Untuk lebih jelasnya, Anda dapat melihat langkah-langkahnya secara ilustratif di halaman ini.

3. Setelah Anda melakukan registrasi Twitter API, maka Anda akan memperoleh dua kode yaitu Consumer Key dan Consumer Secret. Simpan baik-baik kode tersebut, karena kedua kode tersebut lah yang akan kita masukkan ke dalam script yang akan kita buat nantinya.

4. Script pertama yang akan kita buat yaitu index.php. Dalam script ini kita akan membuat antarmuka berupa form HTML dan script PHP khusus untuk menampilkan hasil update status Twitter kita. Perlu diperhatikan dalam script berikut bahwa untuk menamplkan update status suatu akun, kita memerlukan userID akun Twitter kita yang dapat diperoleh di alamat berikut : http://www.idfromuser.com. Simpan baik-baik userID yang terlah Anda peroleh, karena nantinya juga akan kita masukkan ke dalam kode berikut.

<!DOCTYPE>
<html>
<head>
<title>Twitter Status Update</title>
</head>
<body>
<b>Welcome Visitor!</b>
<div id='UpdateStatus'>
<form action="proses.php" method="GET">
<table>
<tr><td>Status</td><td><input type="text" name="status"></input></td></tr>
<tr><td><input type="submit" value="Update!"></input></td></tr>
</table>
</form>
</div>
<div id='ShowStatus'>
<?php
// SCRIPT PHP UNTUK MENAMPILKAN UPDATE STATUS KITA
// Editlah idTwitter berikut sesuai dengan akun Anda
$idTwitter = 'ID_ANDA';
// Jumlah status yang akan ditampilkan di halaman web, diatur sesuai kebutuhan
$showStatus = 10;
// Data status update Twitter bisa diakses melalui URL berikut dalam bentuk web service RSS
$xml = simplexml_load_file("http://twitter.com/statuses/user_timeline/".$idTwitter.".rss");
// Menampilkan data rss ke dalam antarmuka web
$counter = 2;
foreach($xml->channel->item as $data)
{
echo "<p>";
echo $data->pubDate."<br>";
echo $data->title;
echo "</p>";
if ($counter == $showStatus) break;
else $counter++;
}
?>
</div>
</body>
</html>

5. Script yang kedua yaitu proses.php. Script ini berisi proses mendapatkan nilai/value/isi status yang akan ditampilkan ke antarmuka Twitter.

<?php
//Meng-include-kan OAuth Class dalam script twitter.php
include 'twitter.php';
$twitter = new Twitter('<consumer-key>', '<consumer-secret>');
$twitter->setOAuthToken('<access-token>');
$twitter->setOAuthTokenSecret('<access-token-secret>');
//Mengambil value "status" dari form status di bagian index.php
$status = $_GET["status"];
//Melakukan insert/update/menampilkan status ke dalam Twitter
$twitter->statusesUpdate($status);
//Peringatan apabila status yang dimasukkan telah berhasil terupdate ke Twitter
echo "Status Anda telah terkirim</br>";
//Hyperlink agar kita dapat dengan mudah
echo "<a href='http://localhost/twitter/index.php'>Kembali</a>";
?>

Jangan lupa untuk meletakkan seluruh file yang telah Anda unduh dan buat tadi ke dalam satu folder dalam web server Anda. Berikut hasil tampilan yang diperoleh pada web browser Anda :

Untuk mempercantik tampilan antarmuka form, dapat kita tambahkan pemformatan menggunakan CSS. Kita juga dapat memasukkan script tersebut ke dalam website yang sedang kita kembangkan sebagai widget atau aplikasi. Salah satu fitur yang unik apabila kita mempunyai aplikasi update status Twitter  sendiri yaitu nama aplikasi yang kita kembangkan akan muncul sebagai “via” di beberapa aplikasi Twitter client.

Referensi : http://blog.rosihanari.net/