View
7
Download
0
Category
Preview:
Citation preview
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
Recommended