UG Jurnal Vol. 6 No. 04 Tahun 2012

PENGEMBANGAN APLIKASI SITUS JEJARING SOSIAL

Menyampaikan pesan melalui situs microblogging tak dapat dipungkiri telahmenjadi sangat popular saat ini. Kehadiran situs-situs jejaring sosial sepertiFacebook, MySpace, Friendster, dan Twitter dalam kurun waktu 5 tahun terakhirmembuat jarak dan perbedaan menjadi bukan masalah. Twitter merupakan salahsatu contoh dari situs microblog yang memungkinkan penggunanya menyampaikanpesan maksimal 140 karakter namun memiliki kelemahan misalnya, situs ini tidakmenyediakan album atau database untuk foto profil yang pernah kita unggahsebelumnya. Situs jejaring sosial Indonesia seperti Koprol sebenarnya tidak kalahbersaing dengan situs jejaring sosial luar seperti Facebook dan Twitter, hanyasaja situs jejaring sosial tersebut menggunakan bahasa Inggris sebagaiantarmukanya. Hal ini tidak masuk akal, karena jika sasarannya adalah orangIndonesia, rasanya lebih pas jika antarmukanya menggunakan bahasaIndonesia.Tujuan yang ingin dicapai adalah membangun situs jejaring sosialPidback! dengan menggunakan bahasa Indonesia sebagai antarmukanya. Langkah-langkah pembuatan situs jejaring sosial Pidback! dimulai dari perancangandiagram alur data(DFD), perancangan diagram ER, normalisasi, perancanganhalaman website, dan pembuatan program menggunakan bahasa pemprogramanPHP dan MySQL. Situs jejaring sosial Pidback! yang dibuat dengan menggunakanbahasa pemrograman PHP dan MySql ini telah ditambahkan dengan fitur-fituryang tidak terdapat pada situs jejaring sosial Twitter dan Koprol.

Kata Kunci: Situs, Jejaring, Sosial, Microblogging, PHP, MySQL, Pidback!

ABSTRAK1Dini Wahyuni

2Al Musthafa Gustar’s3Lintang Yuniar Banowosari

{dwahyuni,lintang}@staff.gunadarma.ac.idsoktau.etap@gmail.com

1,2,3 Universitas GunadarmaJl. Margonda Raya No. 100Pondok Cina Depok 16424

“PIDBACK!” BERBASIS BAHASA INDONESIA MENGGUNAKANBAHASA PEMROGRAMAN PHP DAN MYSQL

21

PENDAHULUAN

Menyampaikan pesan melalui situsmicroblogging tak dapat dipungkiri telahmenjadi sangat popular saat ini.Kehadiran situs-situs jejaring sosialseperti Facebook, MySpace, Friendster,dan Twitter dalam kurun waktu 5 tahunterakhir membuat jarak dan perbedaanmenjadi bukan masalah bagi kita yangi n g i n m e n a m b a h t e m a n a t a umenyampaikan pesan karena si pemilikblog dapat menerbitkan tulisannya secaraonline dan memungkinkan anggota dalamsitus yang sama dapat memberikankomentar terhadap tulisan tersebut.

Twitter merupakan salah satu contohdari situs microblog yang memungkinkanpenggunanya menyampaikan pesanmaksimal 140 karakter dan menyebutpesan yang diterbitkan penggunanyadengan sebutan tweet. Indonesiamerupakan salah satu negara yangmemiliki akun pengguna Twitter terbesarke-enam di dunia dengan persentase2,41% setelah Amerika, Brazil, Inggris,Kanada dan Jerman [Evans, 2010]

Di samping situs-situs microbloggingyang disebutkan di atas, Indonesia jugamemiliki situs jejaring sosial yakni Koprolyang sebenarnya tidak kalah bersaingdengan situs jejaring sosial luar tadi,hanya saja Koprol menggunakan bahasaInggris sebagai antarmukanya. Hal initidak masuk akal, karena jika sasarannyaadalah orang Indonesia, rasanya lebih pasjika antarmukanya menggunakan bahasaIndonesia.

Twitter sendiri sebenarnya bukannyatanpa kelemahan, kelemahan tersebutmungkin dianggap sepele o lehpengembang situs tetapi sebenarnyamemberikan pengaruh yang cukup besarbagi penggunanya misalnya, Twitter tidakmenyediakan album atau database untukfoto profil yang pernah kita unggah

sebelumnya.Dengan memanfaatkan kelemahan

yang ada pada situs-situs jejaring sosialtersebut maka muncul ide untukmenciptakan situs jejaring sosialIndonesia yang mirip dengan Twitterdengan menambahkan fitur-fitur baruyang tidak terdapat Twitter danmenggunakan bahasa Indonesia sebagaiantarmukanya.

Jejaring Sosial dan Microblog

jejaring sosial (Social Networking) adalahstruktur sosial yang terdiri dari individuatau organisasiÊyang terhubung karenamemil ik i kesamaan minat danketertarikan pada bidang yang sama[Wikipedia, 2011]. layanan berbasis weby a n g m e m u n g k i n k a n i n d i v i d u :l Membangun profil publik atau semi-

publik dalam sistem terbatas.l Mengartikulasikan daftar pengguna

lain dengan siapa mereka berbagirelasi.

l Melihat dan melintasi daftar relasipengguna lain dan yang dibuat olehorang lain dalam sistem.Microblogging adalah sebuah situs

di mana penggunanya dapat menyiarkanpesan atau tulisan dalam ukuran yanglebih kecil. Microblog memungkinkanpenggunanya untuk menyampaikan ataumengomentari pesan dalam sejumlahkarakter terbatas, gambar atau link video[e.g. Kaplan et al., 2011].

Analisis dan Perancangan SitusJejaring Sosial Pidback!.

Situs jejaring sosial Pidback! adalah situsjejaring sosial Indonesia berbasis bahasaIndonesia yang memungkinkanpenggunanya dapat berinteraksi denganpengguna lain dalam situs jejaring sosialyang sama. Setelah melakukan registrasi,

pengguna situs dapat masuk ke dalamsistem situs jejaring sosial denganmenggunakan email dan kata sandi yangsudah didaftarkan pada saat prosesregistrasi.

Setelah masuk kedalam sistem situsjejaring sosial , pengguna dapatmelakukan berbagai hal sepertimengirimkan permintaan pertemanan,menerima permintaan pertemanan daripengguna lain, mengirimkan tulisan kekanvas pengguna lain, mengomentaristatus pengguna lain, melihat informasiprofil pengguna lain, dan melihat fotoprofil pengguna lain.

Selain itu, pengguna juga dapatmengubah informasi profil-nya.Pengguna juga dapat melakukanpengaturan akun, seperti merubah emaildan kata sandi yang digunakan untukmasuk ke dalam sistem situs jejaringsosial.

Pembuatan situs jejaring sosial inimelingkupi :l Registrasi atau proses pendaftaran.l Proses login dan logout.l Penanganan session.l Fasilitas untuk menerbitkan status /

tulisan pengguna.l Fasi l i tas untuk memberikan

komentar tul isan pengguna.l Fasilitas untuk menghapus status,

kiriman, dan komentar.l Fasilitas untuk mengunggah dan

menghapus foto profil.l Fasilitas untuk mengganti foto profil

pengguna.l Album atau database yang berisi foto

profil pengguna yang sudah pernahdiunggah sebelumnya.

l Proses pencarian orang yang mungkindikenal pengguna yang menjadianggota dari situs jejaring sosial yangsama.

l Pengaturan akun pengguna.l Edit profil pengguna.

22 Wahyuni, Pengembangan Aplikasi Situs ...

l M e n a m p i l k a n d a f t a r t e m a npengguna.

l M e n g i r i m k a n p e r m i n t a a npertemanan ke pengguna lain.

l Menyetujui atau mengabaikanpermintaan pengguna lain yangdikirim ke pengguna

l Notifikasi pengguna.

Rancangan tampilan halaman awalditunjukkan pada gambar 1.

Gambar 1. Rancangan Tampilan Halaman Index

Diagram Alur Data Situs JejaringSosial Pidback!

Diagram konteks menggambarkan secaraumum hubungan antara sistem situsjejaring sosial dengan lingkungan di luarsistem. Diagram konteks situs jejaringsosial Pidback! diperlihatkan padagambar 2.

Gambar 2. Diagram Konteks Pidback!

Selanjutnya, semua proses utamayang berkai tan dengan s is temdigambarkan secara garis besarnya saja.Inilah yang disebut dengan diagram levelnol dan diperlihatkan pada gambar 3.

Gambar 3. Diagram Level Nol Pidback!.

Proses pada diagram level nol yangkompleks dipecah kedalam diagram levelsatu menjadi proses-proses yang lebihsederhana dan disebut dengan diagramlevel 1. Rinciannya adalah sebagai berikut:

a. Diagram level satu proses 1.

Diagram level satu proses 1 menunjukkanproses registrasi situs jejaring sosialPidback!. Gambar 4. menunjukkandiagram level satu proses 1.

b. Diagram level satu proses 2

Diagram level satu proses 2 menunjukkanproses login untuk masuk ke dalam situsjejaring sosial Pidback! . sepertiditunjukkan oleh Gambar 5.

Gambar 5. Diagram Level Satu Proses 2

c. Diagram level satu proses 5

Diagram level satu proses 5 pada Gambar6. menunjukkan proses mengubah fotoprofil pengguna.

d. Diagram level satu proses 8

Diagram level satu proses 8 menunjukkanproses lihat kiriman atau status, tambahkiriman atau ubah status, dan hapuskiriman atau status. Gambar 7.menunjukkan diagram level satu proses 8.

e. Diagram level satu proses 9

Proses lihat komentar, bagikan komentar,dan hapus komentar ditunjukkan olehGambar 8.

Gambar 8. Diagram Level Satu Proses 9

f. Diagram level satu proses 10

Gambar 9. menunjukkan diagram levelsatu proses 10 yaitu proses undangpengguna lain menjadi teman dan hapuspengguna lain dari daftar teman.

Gambar 9. Diagram Level Satu Proses 10

g. Diagram level satu proses 11

Diagram level satu proses 11 pada Gambar10. menunjukkan proses menerima ataumengabaikan permintaan pertemananpengguna lain.

Gambar 9. Diagram Level Satu Proses 11

Diagram ER Situs Jejaring SosialPidback!.

D i a g r a m E R d i g u n a k a n u n t u kmenggambarkan hubungan antar entitas.

23UG Jurnal Vol. 6 No. 04 Tahun 2012

semua komentar penggunae. Tabel pp, menyimpan foto profil

yang diunggah oleh penggunaf. Tabel pp_default, menyimpan

gambar yang akan dijadikan fotoprofil

g. Tabel requests, menyimpan dataID pengguna lain yang mengirimkanpermintaan pertemanan

h. Tabel notifications, untukmenyimpan semua pemberitahuanberupa informasi penting yang perludiketahui pengguna

Pembuatan Database

Untuk membuat database, login keMySQL console dengan mengetikkancommand :

mysql –u root –localhostUntuk membuat database baru, ketik di

MySQL console:c r e a t e d a t a b a s e m y d b a s e ;

Pembuatan tabel

Karena nama database yangdigunakan adalah mydbase, makaperintahnya adalah:use mydbase;setelah itu buat tabel-tabel yang

diperlukan

Tampilan Halaman Index

Halaman index adalah halaman yangpertama kali tampil pada saat penggunamemasukkan alamat url situs jejaringsosial Pidback! pada address barbrowser.

Gambar 4. Diagram Level Satu Proses 1

Gambar 6. Diagram Level Satu Proses 5

Diagram ER situs jejaring sosial Pidback!diperl ihatkan pada gambar 11 .

Struktur Database.

Dari hasil normaliasi, dapat dilihat bahwasistem situs jejaring sosial Pidback!memiliki satu database dan tujuh tabel.Tabel-tabel tersebut adalah sebagai

berikut:a. Tabel users, menyimpan semua

data-data penggunab. Tabel friends, menyimpan data ID

pengguna lain yang ada dalam daftarteman pengguna

c. Tabel posts, menyimpan semuastatus pengguna

d. Tabel comments, menyimpan

Pemberian session.

Session_id akan diberikan jika email danpassword yang diinput cocok, Jika tidakcocok maka pengguna akan diarahkan kehalaman login_attempt.php seperti padagambar 13.

Tampilan Halaman Profil Pengguna

Halaman profil merupakan halaman yangpertama kali tampil setelah penggunamasuk ke dalam sistem situs jejaringsosial yang berisi informasi mengenaipengguna seperti nama pengguna, tanggallahir pengguna, foto profil pengguna,daftar teman pengguna, dan lainsebagainya. Pada halaman profil terdapat4 buah menu seperti yang terlihat padagambar 14.

Gambar 14. Menu Pada Halaman Profil

Tampilam Halaman Info

Halaman info merupakan halaman yangmenampilkan informasi profil pengguna.Tampilannya ditunjukkan oleh gambar15.

24 Wahyuni, Pengembangan Aplikasi Situs ...

Gambar 7. Diagram Level Satu Proses 8

Gambar 11. Diagram ER Situs Jejaring Sosial Pidback!.

Gambar 12. Tampilan Halaman Index

Gambar 15. Tampilan Halaman Info

Tampilan Halaman Unggah FotoProfil Pengguna

Halaman unggah foto merupakanhalaman yang menampilkan formuliryang digunakan pengguna untukmengunggah foto profil pengguna danselanjutnya disimpan ke database padatabel pp.

Gambar 16. Formulir Unggah FotoProfil

Tampilan Halaman Foto

Gambar 17. Menunjukkan tampilanhalaman foto yang akan menampilkansemua foto profil yang diunggah olehpengguna. Nantinya, foto tersebutdisajikan dalam bentuk daftar thumbnaildari foto profil pengguna.

Gambar 17. Tampilan Halaman Foto

Tampilan Halaman Teman

Halaman teman merupakan halamanyang menampilkan daftar temanpengguna. Dimana pada halamantersebut terdapat thumbnail dari fototeman pengguna, nama teman pengguna,jenis kelamin teman pengguna, dan usiateman pengguna. Tampi lannyaditunjukkan pada Gambar 18.

Gambar 18. Tampilan Halaman Teman

Tampilan Halaman Hasil PencarianPengguna

Halaman hasi l pencarian yangditunjukkan oleh Gambar 19. merupakanhalaman yang menampilkan hasilpencarian daftar pengguna lain yangdiketikkan pada kotak search.

25UG Jurnal Vol. 6 No. 04 Tahun 2012

Gambar 13. Tampilan Halaman login_attempt

Gambar 19. Tampilan Halaman HasilPencarian

Tampilan Halaman DaftarPermintaan Pertemanan

Halaman daftar permintaan pertemananadalah halaman yang menampilkan daftarpengguna lain yang menampilkanpertemanan kepada pengguna sepertipada gambar 20.

Gambar 20. Tampilan Halaman DaftarPermintaan Pertemanan

Tampilan Halaman Notifikasi

Halaman notifikasi adalah halaman yangmenampilkan daftar pemberitahuanberupa informasi penting yang dikirimoleh sistem situs jejaring sosial kepengguna yang ditunjukkan pada gambar21.

Gambar 21. Tampilan HalamanNotifikasi

Membuat Halaman PengaturanAkun

Halaman pengaturan akun adalahhalaman yang menampilkan formulironline yang dapat digunakan penggunauntuk mengubah informasi akunpengguna seperti email dan passwordseperti pada gambar 22

Gambar 22. Tampilan Halaman Pengaturan Akun

dan Koprol. Namun demikian masihterdapat kelemahan pada situs jejaringsosial Pidback! yang kedepannyadiharapkan dapat dibenahi seperti:l Belum adanya fasilitas forgot

password.l Belum terdapat fasilitas aktivasi akun

dengan mengirimkan verifikasi viaemail.

l Kode CSS masih perlu diperbaikikarena tampilan halaman situs padabeberapa web browser masih terlihatkurang rapi.

Referensi

Ali Zaki, Ajax untuk Pemula, PT ElexMedia Komputindo, Jakarta, 2008.

D o d i t S u p r i a n t o , B u k u P i n t a rPemrograman PHP, OASE Media,2008.

Evans, M. (2010). The Top TwitterCountries and Cities. Sysomos. On-l i n e p u b l i c a t i o n :http://blog.sysomos.com/2010/01/14/exploring-the-use-of-twitter-around-the-world/

Kaplan Andreas M., Haenlein Michael,The early bird catches the news: Ninethings you should know about micro-blogging, Business Horizons, 54(2),2011.

Smitha Mishra, “Social Network Sites”,http://www.scribd.com/doc/16208804/Social-Networking-Sites-for-Authors

http://en.wikipedia.org/wiki/Social_network

Kesimpulan

Situs jejaring sosial Pidback! yang dibuatmenggunakan bahasa pemprogramanPHP dan MySql ini telah ditambahkandengan fitur database profile picture danberbasis bahasa Indonesia yang tidakterdapat pada situs jejaring sosial Twitter