PERANCANGAN SITUS JUAL BELI BERBASIS MEDIA SOSIAL

Seminar Nasional Teknologi Informasi dan Multimedia 2014STMIK AMIKOM Yogyakarta, 8 Februari 2014

ISSN : 2302-3805

3.02-35

PERANCANGAN SITUS JUAL BELI BERBASIS MEDIA SOSIALMENGGUNAKAN FRAMEWORK CODEIGNITER

DALAM POLA MODEL VIEW CONTROLLER

Anggit Dwi Hartanto1), Farizal Tri Anugrah2), Heri Sismoro 3)

1), 2),3) Teknik Informatika STMIK AMIKOM YogyakartaJl Ring road Utara, Condongcatur, Sleman, Yogyakarta 55281

Email : [email protected]), [email protected])

Abstrak

Banyaknya pengguna internet saat ini khususnya diIndonesia menjadi peluang bagi setiap orang yang inginmenjual ataupun membeli barang yang diinginkan.Seperti yang sudah ada saat ini ada beberapa situs jual-beli yang memanfaatkan peluang ini sepertiberniaga.com dan tokobagus.com yang menawarkanjual-beli barang dengan konsep per wilayah diIndonesia.

Namun situs-situs tersebut hanya terbatas pada jual-belisaja. Setelah pengguna selesai menggunakan fiturtersebut, maka akan langsung ditinggalkan dan tidakada aktivitas lain di situs tersebut. Dari fenomenatersebut muncul ide tentang situs jual beli yang tidakhanya terbatas pada jual beli saja, tapi juga sebagaimedia interaksi antara pengguna baik itu penjualmaupun pembeli seperti pada situs media sosial yangmenawarkan kemudahan dan kenyamanan dalammengakses situs tersebut.

Kata kunci: Jual beli, situs, e-commerce, media sosial.

1. Pendahuluan

Latar BelakangDi akhir tahun 2012 pengguna internet di Indonesiamencapai 50 juta pengguna, dan di akhir tahun 2014diprediksi akan mencapai 80 juta pengguna(www.kominfo.go.id, 2012). Hal ini menjadi peluangbagi setiap orang yang ingin menjual maupun membelibarang yang diinginkan dengan memanfaatkan jaringaninternet.Saat ini sudah ada beberapa situs jual beli yangmemanfaatkan peluang tersebut, seperti situsberniaga.com dan tokobagus.com yang menawarkanfiturjual beli barang maupun jasa dengan konsep perwilayah di Indonesia. Dengan adanya situs jual beli,pengguna situs bisa menampilkan barang ataupun jasayang akan dijual tanpa harus membuka toko sendiri.Namun penggunaan situs jual beli yang penulis sebutkandi awal tadi masih sebatas pada awal proses jual-beli itusendiri, yaitu proses menawarkan barang besertainformasi yang menyertainya seperti harga, gambar sertainformasi penjualnya. Penjual memberikan informasibarang atau jasa yang dijual agar bisa ditemukan jika ada

pengguna lain yang mencari barang dengan kriteria yangsama. Pembeli yang menginginkan barang tertentu,setelah menemukan informasi mengenai penjualnya,kemudian meninggalkan situs tersebut sehingga tidakada aktivitas lain di situs tersebut seperti tawar menawarmisalnya, yang bisa dilakukan setelah melakukanpencarian barang yang diinginkan. Sedikitnya interaksiyang bisa dilakukan antara pembeli dan penjual menjadikekurangan bagi suatu situs jual beli.

Rumusan MasalahBerdasarkan latar belakang di atas penulis merumuskanpermasalahan yaitu bagaimana merancang situs jual belisebagai media interaksi antar pengguna yangmemberikan kemudahan seperti media sosial?

Tujuan PenelitianTujuan dari penelitian ini adalah merancang situs jualbeli berbasis media sosial yang memberikan fasilitasbagi penggunanya dalam hal ini penjual dan pembeliuntuk bisa berinteraksi atau berkomunikasi langsungdalam situs jual beli tersebut sebagai bagian dari prosesjual-beli itu sendiri.

Metode PenelitianAlur yang digunakan pada pengembangan sistem inimengadaptasi dari teori pengembangan sistem yangsudah ada yaitu dari Satzinger yang ditulis dalam bukuyang berjudul System Analyze and Design a ChangingWorld tahun 2009 yaitu Spiral Life Cycle Model [1] yangdapat dilihat pada gambar 1.

Gambar 1. Spiral life cycle model


ISSN : 2302-3805

3.02-36

Secara singkat tahapan dari penelitian ini dimulai daritahapan merencakan proyek kemudian dilanjutkandengan tahapan analisis dan perancangan sistem dandiakhiri dengan tahap penerapan dan uji coba sistem.Dengan menggunakan metode pengembangan sistemdiatas memungkinkan pada tahapan tertentu bisa diulangberkali-kali jika terdapat kesalahan atau kekurangansampai menjadi sistem yang baik. Pada pembahasan kaliini hanya dibahas sampai dengan tahap analisis danperancangan sistem.

Tinjauan PustakaSitus atau web adalah salah satu aplikasi yang berisikandokumen-dokumen multimedia (teks, gambar, suara,animasi, video) di dalamnya yang menggunakanprotokol HTTP (HyperText Transfer Protocol) dan untukmengaksesnya menggunakan perangkat lunak yangdisebut browser.[2]

Model View Controller adalah sebuah pendekatanperangkat lunak yang memisahkan aplikasi logika danpresentasi. Ini meminimalkan script dari halamanhalamanweb sejak script presentasi (HTML, CSS,JavaScript, dsb.) dipisahkan dari PHP scripting, istilahumum yang familiar adalah menghindari terjadinyaspaghetti code.[3]

Codeigniter adalah aplikasi open source yang berupaframework dengan model MVC (Model, View,Controller) untuk membangun website dinamis. Denganmenggunakan PHP Codeigniter akan memudahkandeveloper untuk membuat aplikasi web dengan cepat danmudah dibandingkan dengan membuat dari awal.[3]Berikut ini adalah alur kerja dari aplikasi codeigniteryang dapat dilihat pada gambar 2.

Gambar 2. Alur kerja codeigniter

2. Pembahasan

Pengenalan Website BISAPILIH.COM

Website yang akan dirancang dengan namabisapilih.com merupakan website jual beli berbasismedia sosial yang mempunyai keunggulan seperti mediasosial dimana pengguna dapat berinteraksi secaralangsung dengan pengguna yang lain seperti layaknyamedia sosial pada umumnya.

Tahapan Analisis

Melihat pengambangan sistem ini lebih kepada adanyapeluang sehinggal tool analisis yang digunakan adalahanalisis SWOT.

Analisis Kekuatan (Strength), Situs Jual beli inimenyediakan fungsi chat atau messenger yang dapat

mempermudah interaksi antara penjual dan calonpembeli dalam melakukan transaksi jual beli.

Analisis Kelemahan (Weakness), Kelemahan yangsering terjadi pada sebuah website ini adalah server yangdigunakan sering down, jika pengunjung website terlalubanyak atau melewati batas yang di sediakan, Sehinggatidak memberikan kenyamanan kepada pengunjungwebsite.

Analisis Peluang (Opportunities), Memberikanpengalaman berbeda dalam proses transaksi jual belidengan di sediakannya fungsi chat antar pengguna situsyang telah terdaftar. Semakin bertambahnya penggunamedia sosial di internet dari tahun ke tahun.

Analisis Ancaman (Threats), Ancaman seperti keamanansitus yang belum diperkirakan. Server down dapatmenghambat aktivitas jual beli berlangsung. Disalahgunakannya situs jual beli untuk melakukan penipuan.

Tahapan Perancangan

Langkah-langkah yang dilakukan pada tahap merancangsuatu sistem dan program adalah membuat usulanpemecahan masalah secara logika. Adapun pada tahapanperancangan akan digunakan tool DFD untuk pemodelanproses dan ERD untuk pemodelan datanya.

Data Flow Diagram (DFD)

Diagram konteks untuk website jual beli berbasis mediasosial yang akan dibangun adalah seperti pada gambar 3.

Sistem InformasiWebsite Jual Beli Guest

Admin

User Terdaftar

LoginData KotaData IklanData Kategori IklanData UserData Page

Konfirmasi loginInfo KotaInfo IklanInfo Kategori IklanInfo UserInfo Testimoni UserInfo Aktivitas UserInfo Page

LoginData UserSearchtermData IklanData Testimoni UserData Aktivitas UserData Pesan User

Konfirmasi loginInfo UserInfo kategori IklanInfo IklanInfo Testimoni UserInfo Aktivitas UserInfo Pesan User

Info kategori IklanInfo IklanInfo Testimoni User

RegisterSearchterm

Gambar 3. Context diagram

Pada gambar 2 menunjukkan bahwa sistem iniberinteraksi dengan tiga external entity yaitu admin,guest / user biasa dan user terdaftar. Seorang admin webdapat memasukkan data ke dalam sistem danmemperoleh seluruh hasil informasi data dari sistemyang diusulkan. User biasa bisa memperoleh informasimengenai iklan, user yang terdaftar, serta testimoni yangada pada user terdaftar. User biasa dapat memasukkan


ISSN : 2302-3805

3.02-37

data informasi ke dalam sistem dengan cara mendaftar.Sedangkan User Terdaftar bisa memasukkan datamaupun memeperoleh informasi data mengenai iklan,user yang terdaftar, aktivitas user, serta testimoni user.

Perancangan Diagram ER

Untuk perancangan basis data menggunakan teknik ERDyang dapat dilihat pada gambar 4.

Gambar 4. Entity Relasionship Diagram

Perancangan Antar Muka

Pada tahap desain antar muka akan digambarkan dalamtiga level user yaitu antar muka untuk user umum ataupungunjung, antar muka untuk member dan antar mukauntuk admin pengelola website bisapilih.com ini.

Halaman Utama Guest

Halaman utama guest adalah halaman yang ditampilkanketika pertama kali website diakses oleh user. Padahalaman ini berisi beberapa iklan produk yang dipasangoleh member, selain itu juga terdapat pilihan menu yaitumelakukan registrasi untuk pengunjung yang inginmenjadi member, menu login khusus untuk memberyang sudah terdaftar dan menu buat iklan yangdikhususkan untuk member yang sudah terdaftar.Tampilan halaman utama guest dapat dilihat padagambar 5.

+ Buat Iklan Login Register

bisapilih.comCari di sini! Semua Kategori Cari

Select Category

Alat MusikBukuFashion & ModeHandphone & EksesorisHewan & TumbuhanJasaKamera & AksesorisKoleksi, Hobi & MainanKomputerMakanan & MinumanOtomotifPerawatan Tubuh & WajahPerlengkapan RumahProperti

IMAGES

Beberapa Iklan Terakhir

IMAGES IMAGES IMAGES IMAGES

JudulRp. Xxxxxcategories




IMAGES IMAGES IMAGES IMAGES





SitemapAbout UsTerms & ConditionBisapilih Mobile

Top CategoriesHandphone & AksesorisPakaianKomputerOtomotif

Last ProductsXxxxxxXxxxxxXxxxxxxxxxxx

Find Us

FB TWIT YM

Gambar 5. Halaman utama guest

Halaman Iklan

Halaman iklan berfungsi untuk menampilkan iklan yangsudah dipasang oleh user. Untuk halaman iklan terdapat


ISSN : 2302-3805

3.02-38

image slide yang akan menampilkan iklan secarabergantian dengan gambar yang lebih besar supayamenarik bagi pengunjung website. Pada halaman ini bisadiakses oleh seluruh pengunjung web tanpamembedakan akses user. Rancangan halaman iklandapat dilihat pada gambar 6.

Gambar 6. Halaman iklan

Halaman Searchterm

Halaman searchterm berfungsi untuk mencari iklanberdasarkan kategori tertentu maupun seluruh kategori,dalam arti lain seluruh iklan yang telah terpasang padasistem. Halaman ini dapat diakses oleh seluruh user.Rancangan halaman searchterm dapat dilihat padagambar 7.

Gambar 7. Halaman searchterm

Halaman Iklan Saya

Halaman iklan saya adalah halaman yang dapat diaksesoleh user yang sudah terdaftar dalam sistem aliasmember. Pada halaman ini member dapat melihat seluruh

iklan yang telah dipasang oleh member tersebut.Terdapat fasilitas pencarian iklan berdasar kategori danterdapat menu untuk menambahkan iklan. Rancanganhalaman iklan saya dapat dilihat pada gambar 8.

Gambar 8. Halaman Iklan Saya

Halaman Login

Pada halaman login member terdapat pilihan loginmenggunakan user dan password sesuai saat mendaftaratau dengan akun facebook. Sehingga jika dalam satubrowser member telah login facebook maka otomatisbisa login pada website jual beli ini. Rancangan halamanlogin member dapat dilihat pada gambar 9.

+ Buat Iklan Login Register

bisapilih.comCari di sini! Semua Kategori Cari

SitemapAbout UsTerms & ConditionBisapilih Mobile

Top CategoriesHandphone & AksesorisPakaianKomputerOtomotif

Last ProductsXxxxxxXxxxxxXxxxxxxxxxxx

Find Us

FB TWIT YM

Home / Login

LoginEmail *

Password *

Remember me

Login

Not a member yet? Register Here

Punya akun facebook?

F | Login with Facebook

Gambar 9. Halaman login member

Halaman Profil

Halaman profil hanya dapat diakses untuk member. Padahalaman ini member dapat menuliskan biodata pribadi.Diharapakan member dapat mengisi data secara benardan valid yang bertujuan untuk meyakinkan pengunjungiklan yang dipasang oleh user. Karena transaksi viamedia sosial ini berlandaskan atas dasar kepercayaan.Rancangan halaman profil dapat dilihat pada gambar 10.


ISSN : 2302-3805

3.02-39

Gambar 10. Halaman profil

Halaman Testimonial

Halaman testimonial hanya dapat diakses oleh user yangsudah terdaftar. Pada halaman testimonial seorangmember dapat memberikan testimonial pada seorangmember lain terhadap iklan yang telah dipasang. Dengancara seperti ini diharapkan semakin banyak testimonialyang baik akan menambah kepercayaan dalammelakukan transaksi tersebut. Rancangan halamantestimonial dapat dilihat pada gambar 11.

Gambar 11. Halaman testimonial

Halaman Message

Halaman message berfungsi untuk melihat pesan yangdikirim oleh member lain, dan pada halaman ini terdapatfasilitas chating, sehingga transaksi tawar menawarsuatu iklan dapat dilakukan disini tanpa harus ketemumaupun tanpa bantuan telephone. Rancangan halamanmessage dapat dilihat pada gambar 12.

Gambar 12. Halaman message

Halaman Activity

Halaman activity adalah halaman yang dapat diaksesoleh member. Pada halaman ini member dapat melihatseluruh aktivitas yang telah dilakukan. Fungsi halamanini sebagai pengingat atau catatan tentang apa saja yangtelah dilakukan. Rancangan halaman activity dapatdilihat pada gambar 13.

Gambar 13. Halaman Activity

Halaman Provinsi

Halaman provinsi adalah halaman yang dikhususkanbagi user level admin untuk mengelola data provinsi.Pada halaman ini admin dapat menambah, menghapusdan mengubah data provinsi. Tampilan halaman provinsidapat dilihat pada gambar 14.


ISSN : 2302-3805

3.02-40

Gambar 14. Halaman provinsi

Halaman Kota

Halaman kota adalah halaman yang dikhususkan bagiuser level admin untuk mengelola data kota. Padahalaman ini admin dapat menambah, menghapus danmengubah data kota. Tampilan halaman kota dapatdilihat pada gambar 15.

Gambar 15. Halaman kota

Halaman Daftar User

Pada halaman ini admin dapat melihat user yang telahmelakukan registrasi. Menu yang terdapat pada halamanini yaitu merubah dan menghapus member. Tampilanhalaman daftar user dapat dilihat pada gambar 16.

Gambar 15. Halaman kota

3. Kesimpulan

Untuk membuat situs jual beli yang berbasis mediasosial diperlukan fitur umum layaknya web e-commece

seperti halaman yang dapt menampilkan barang dantransaksi oleh member dan beberapa fitur tambahanantara lain menu chating untuk berinteraksi langsungdengan member lain, testimonial dari member laintentang iklan yang dipasang dan private message.

Agar situs jual beli ini menjadi lebih baik lagi sebaiknyaditambahkan informasi reputasi dari setiap memberdimana reputasi diperoleh dari testimoni yang masukkepada member tersebut. Tujuan dari informasi reputasimember adalah menambah kepercayaan dan sebagaipertimbangan antar member saat melakukan transaksi.

Daftar Pustaka

[1] Satzinger, John W, Rober B. Jackson, Stephen D.Burd, “SystemAnalysis and Design in a Changing World”, Cengange LearningEMEA, 2009.

[2] Arief, M. Rudyanto, "Pemrograman Web Dinamis MenggunakanPHP dan MySQL", Yogyakarta, Andi, 2012.

[3] Septian, Gugun, “Trik Pintar Menguasai Codeigniter” Jakarta,Elex Media Komputindo, 2011.

Biodata Penulis

Anggit Dwi Hartanto, memperoleh gelar SarjanaKomputer (S.Kom), Jurusan Teknik Informatika STMIKAMIKOM Yogyakarta, lulus tahun 2009. Memperolehgelar Magister Komputer (M.Kom) Program PascaSarjana Magister Teknik Informatika STMIK AMIKOMYogyakarta, lulus tahun 2011. Saat ini menjadi Dosendan staf Bagian Penelitian Pengembangan danPengabdian Masyarakat (P3M) di STMIK AMIKOMYogyakarta.

Farizal Tri Anugrah, saat ini adalah mahasiswa tingkatakhir Jurusan Teknik Informatika STMIK AMIKOMYogyakarta.

Documents

PERANCANGAN SITUS JUAL BELI BERBASIS MEDIA SOSIAL