xi DAFTAR ISI LEMBAR PENGESAHAN... ii LEMBAR PERNYATAAN KEASLIAN... iii LEMBAR PENGESAHAN PENGUJI... iv HALAMAN MOTTO... v KATA PENGANTAR... vi SARI... vii TAKARIR... ix DAFTAR ISI... xi DAFTAR GAMBAR... xiii DAFTAR TABEL... xvi BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Batasan Masalah... 3 1.4 Tujuan Penelitian... 3 1.5 Manfaat Penelitian... 3 1.6 Metodologi Penelitian 1.6.1 Proses Pengembangan Sistem... 3 1.7 Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1 Review Penelitian Sejenis... 7 2.2 Analisis dan Perancangan... 7 2.2.1 Pengertian Analisis... 7 2.2.2 Pengertian Analisis Data... 8 2.2.3 Pengertian Perancangan... 8 2.2.4 Pengertian Sistem... 9 2.3 API... 9 2.3.1 Sejarah Facebook API... 10
xii 2.3.2 Pengertian Graph API... 11 BAB III METODOLOGI 3.1 Kajian Analisis Penyajian Data Pada Situs Facebook... 12 3.2 Kajian Cara Kerja Menggunakan Facebook API... 12 3.3 Kajian Perancangan Sistem... 12 3.3.1 Kebutuhan Fungsional dan Non Fungsional... 13 3.3.2 Kebutuhan Input dan Output Sistem... 13 3.3.3 Kebutuhan Perangkat Keras (Hardware)... 14 3.3.4 Use Case Diagram... 14 3.3.5 Activity Diagram... 16 3.3.6 Rancangan Halaman... 25 BAB IV HASIL DAN IMPLEMENTASI 4.1 Analisis Penyajian Data Pada Situs Facebook... 33 4.1.1 Antarmuka Halaman Depan... 33 4.1.2 Antarmuka Halaman Profil... 34 4.1.3 Antarmuka Halaman Lainnya... 34 4.2 Cara Kerja Menggunakan Facebook API... 35 4.2.1 Pemanggilan Data dengan API Facebook... 38 4.2.2 Penerapan Fungsi Pemanggilan dalam PHP... 46 4.3 Hasil dan Output Sistem... 50 4.3.1 Penerapan Algoritma... 58 4.3.2 Perbandingan Sistem... 63 BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan... 66 5.2 Saran... 67 DAFTAR PUSTAKA... 68
xiii DAFTAR GAMBAR Gambar 3.1 Use Case Diagram... 15 Gambar 3.2 Activity Diagram Proses Login... 16 Gambar 3.3 Activity Diagram News Feed... 17 Gambar 3.4 Activity Diagram News Feed Foto... 18 Gambar 3.5 Activity Diagram News Feed Video... 19 Gambar 3.6 Activity Diagram User Info... 20 Gambar 3.7 Activity Diagram Status... 21 Gambar 3.8 Activity Diagram Message... 22 Gambar 3.9 Activity Diagram Wall... 23 Gambar 3.10 Activity Diagram Photo Tag... 24 Gambar 3.11 Activity Diagram Group List... 25 Gambar 3.12 Rancangan Halaman Depan... 27 Gambar 3.13 Rancangan Halaman News Feed... 27 Gambar 3.14 Rancangan Halaman User Info... 28 Gambar 3.15 Rancangan Halaman Status... 28 Gambar 3.16 Rancangan Halaman Detail Status... 29 Gambar 3.17 Rancangan Halaman Pesan... 29 Gambar 3.18 Rancangan Halaman Detail Pesan... 30 Gambar 3.19 Rancangan Halaman Pesan Dinding... 30 Gambar 3.20 Rancangan Halaman Detail Pesan Dinding... 31 Gambar 3.21 Rancangan Halaman Photo Tag... 32 Gambar 3.22 Rancangan Halaman Detail Photo Tag... 32 Gambar 3.23 Rancangan Halaman Daftar Grup... 32 Gambar 4.1 Halaman depan Facebook... 33 Gambar 4.2 Halaman Profil Facebook... 34 Gambar 4.3 Halaman Facebook Lainnya... 35 Gambar 4.4 Halaman Awal Situs Developers Facebook... 36 Gambar 4.5 Halaman Pilihan Platform yang Akan digunakan... 36 Gambar 4.6 Halaman Untuk Memasukkan Nama Aplikasi... 37
xiv Gambar 4.7 Halaman Informasi dan Pengaturan Aplikasi... 37 Gambar 4.8 Halaman Setting Aplikasi... 38 Gambar 4.9 Halaman Unduh PHP SDK... 39 Gambar 4.10 Tabel Edge yang Memuat Fungsi Pemanggilan News Feed. 39 Gambar 4.11 Fungsi Cara Menampilkan News Feed... 40 Gambar 4.12 Tabel Modifier yang Memuat Filter News Feed... 40 Gambar 4.13 Fungsi Cara Menampilkan Informasi Pengguna... 41 Gambar 4.14 Tabel Field Pemanggilan Informasi Pengguna... 42 Gambar 4.15 Tabel Edge yang Memuat Fungsi Pemanggilan Status... 42 Gambar 4.16 Fungsi Cara Menampilkan Status... 43 Gambar 4.17 Tabel Edge yang Memuat Fungsi Pemanggilan Message... 43 Gambar 4.18 Fungsi Cara Menampilkan Message... 43 Gambar 4.19 Tabel Edge yang Memuat Fungsi Pemanggilan Isi Wall... 44 Gambar 4.20 Fungsi Cara Menampilkan Isi Wall... 44 Gambar 4.21 Tabel Edge yang Memuat Fungsi Pemanggilan Photo Tag... 44 Gambar 4.22 Fungsi Cara Menampilkan Photo Tag... 45 Gambar 4.23 Tabel Edge yang Memuat Fungsi Pemanggilan Group List.. 45 Gambar 4.24 Fungsi Cara Menampilkan Group List... 45 Gambar 4.25 Isi File Index.php... 46 Gambar 4.26 Pemanggilan News Feed dengan PHP... 47 Gambar 4.27 Pemanggilan News Feed Foto dengan PHP... 48 Gambar 4.28 Tabel Pemanggilan News Feed Video dengan PHP... 48 Gambar 4.29 Pemanggilan Status dengan PHP... 49 Gambar 4.30 Pemanggilan Message dengan PHP... 49 Gambar 4.31 Pemanggilan Isi Wall dengan PHP... 49 Gambar 4.32 Pemanggilan Photo Tag dengan PHP... 50 Gambar 4.33 Pemanggilan Group List dengan PHP... 50 Gambar 4.34 Screenshot Halaman Depan Aplikasi... 51 Gambar 4.35 Screenshot Halaman Kabar Berita... 52 Gambar 4.36 Screenshot Halaman Informasi Profil... 52 Gambar 4.37 Screenshot Halaman Statuses... 53
xv Gambar 4.38 Screenshot Halaman Detail Status... 54 Gambar 4.39 Screenshot Halaman Pesan... 54 Gambar 4.40 Screenshot Halaman Detail Pesan... 55 Gambar 4.41 Screenshot Halaman Wall... 56 Gambar 4.42 Screenshot Halaman Detail Wall... 56 Gambar 4.43 Screenshot Halaman Photo Tag... 57 Gambar 4.44 Screenshot Halaman Detail Photo Tag... 57 Gambar 4.45 Screenshot Halaman Detail Group List... 58
xvi DAFTAR TABEL Tabel 4.1 Penjelasan Permission yang digunakan... 47 Tabel 4.2 Perbandingan Facebook Datareader dan Situs Facebook... 64