ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5243
PEMBANGUNAN PORTAL WEB CROWDSOURCING EVENT PERGURUAN TINGGI MENGGUNAKAN METODE ITERATIVE INCREMENTAL (MODUL PESERTA EVENT) WEB PORTAL DEVELOPMENT CROWDSOURCING EVENT COLLEGES USING ITERATIVE INCREMENTAL METHOD (EVENT PARTICIPANTS MODULE)
1
1,2,3
Alifia Indra Damarani, 2Irfan Darmawan,3Taufik Nur Adi Program Studi Sistem Informasi, Fakultas Rekayasa Industri, Telkom University
[email protected],
[email protected],
[email protected]
Abstrak— Perguruan Tinggi merupakan instansi yang paling sering mengadakan event. Event dibutuhkan sebagai wadah untuk mahasiswa berkreasi, meningkatkan kemampuan dalam berorganisasi, menjadi ajang hiburan bagi mahasiswa dan masyarakat luas. Portal event perguruan tinggi yang ada pada saat ini belum mengakomodir kemudahan pencarian event dan belum memudahkan user dalam mendaftarkan diri di suatu event. Untuk mengatasi permasalahan tersebut, dibangun sebuah portal website event perguruan tinggi dengan menggunakan metode iterative & incremental disertai konsep crowdsourcing dimana website yang bersifat terbuka dengan menampilkan pengkategorian informasi yang jelas sehingga pengunjung tidak merasa kebingungan untuk menemukan informasi yang diinginkan dan meningkatkan kontribusi pengunjung atau peserta event pada portal web yang dibangun. Analisis dan perancangan dari portal website ini menggunakan UML dan pembangunan portal menggunakan bahasa pemrograman PHP dengan framework Laravel. Portal website diuji dengan melakukan verifikasi fungsionalitas sistem dan validasi dari user feedback. Hasil pengujian menunjukan bahwa portal telah dibangun sesuai dengan perancangan dan dapat mempermudah pihak penyelenggara untuk berbagi informasi event dan penjualan tiket. Saran untuk penelitian ini adalah menambahkan beberapa fitur dan memperbaiki desain portal. Kata kunci : crowdsourcing, event, iterative incremental
Abstract College is instance that holds event for most times.Event is an activity where student can improve their creativity, organization skill and as an entertainment for student and public society. Nowadays, event portal for college can't keep up for searching an event and facilitate user to register to an event. To solves this problem, building a event portal website for college using iterative and incremental methodology and crowdsourcing concept as well, where the nature of the website is open so it can shows clear information categorization so visitor can't confuse to find information and improving visitor or user contribution to the portal web. Analysis and designing of website portal is using UML and also PHP programming with Laravel Framework. this website portal tests with verification of system functionalities and validation from user feedback. Test shows that portal is suitable and can ease for user, event participants, to search event information, and buying ticket. Researcher suggest to this study that to add more feature and fixes web portal design. Keywords: crowdsourcing, event, iterative incremental
I.
PENDAHULUAN
Event (acara) yang diselenggarakan Perguruan Tinggi sangat beragam jenisnya seperti seminar,festival, workshop, konser musik, kajian keagamaan, lomba atau kompetisi, olahraga, gabungan antar event-event tersebut dan masih banyak yang lainnya. Salah satu kunci sukses atau sekaligus kegagalan penyelenggaraan event adalah pengunjung atau peserta. Hal ini tentunya berkaitan dengan jumlah peserta yang mendaftar atau jumlah pengunjung yang diharapkan hadir pada suatu event sesuai dengan target yang telah ditetapkan (Any Noor, 2013:101-102). Grafik data pengguna internet Indonesia yang bersumber dari situs resmi APJII (Asosiasi Penyedia Jasa Internet Indonesia) memperlihatkan bahwa penggunaan internet dan teknologi berkembang sangat pesat di Indonesia, bahkan pada tahun 2015 diprediksi pengguna internet di Indonesia mencapai 139 juta jiwa, hal ini menandakan bahwa media publikasi dapat dimaksimalkan dengan menggunakan internet untuk memperluas area publikasi, misalnya melalui portal web event Oleh karena itu, untuk membantu calon peserta event menemukan event yang dicari, dibutuhkan kemudahan akses informasi mengenai event tersebut melalui berbagai media publikasi.
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5244
Berdasarkan paparan permasalahan yang dialami peserta event, produk penelitian yang dilakukan yaitu membangun portal web event perguruan tinggi berbasis crowdsourcing bernama acarakampus.com yang menjembatani kebutuhan peserta event untuk mencari event sesuai dengan kebutuhan. II. METODE PENELITIAN Pada bagian ini akan dijelaskan tentang metode penelitian tapi lebih ditekankan pada model konseptual, dimana model konseptual merupakan konsep pemikiran yang dapat membantu peneliti untuk merumuskan pemecahan masalah dan membantu dalam merumuskan solusi dari pemasalahan yang ada. A. Model Konseptual Portal event perguruan tinggi ini akan dibuat dengan menerapkan metode crowdsourcing dimana input dari sistem ini adalah data event dan data calon peserta event (sources) dari user selaku penyelenggara event dan masyarakat luas (crowd). Dengan menerapkan metode tersebut, maka setiap user mampu memberikan kontribusinya dengan maksimal. Modul peserta acara ini, lebih mengarah pada manajemen peserta yang melingkupi pendaftaran pada web portal disertai login, manajemen akun pesrta dan penyelenggara, menampilkan informasi detail acara yang akan berlangsung, registrasi acara beserta payment, kemampuan pencarian acara sesuai kebutuhan, report spam, pengiriman pesan ke penyelenggara acara dan pengunjung portal web dapat menandai acara yang diminati . Fungsi – fungsi tersebut akan disajikan melalui fitur signup/login, my account, detail acara, registrasi, advance searching, bookmark/wishlist, contact organizer. Berikut adalah penggambaran metode konseptual dalam penelitian ini sesuai penjabaran diatas.
Gambar 1 Model konseptual penelitian
III.
HASIL DAN PEMBAHASAN
Pada bagian ini akan dijelaskan bagian proses pengerjaan yang dilaksanakan baik dari tahap analisis dan perancangan hingga dianggap selesai atau berhasil berdasarkan model konseptual yang telah dijabarkan sebelumnya. A. Business Modelling Business model menggambarkan bagaimana aplikasi ini mendapatkan revenue dengan tujuan aplikasi dapat dikembangkan sesuai dengan kebutuhan user.
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5245
Gambar 2 Business modelling web portal acarakampus.com
Berikut ini penjelasan mengenai business modelling pada gambar 2 diatas: 1. Key Partners yang berfungsi mengembangkan aplikasi yang dirancang antara lain event organizer, event publisher. memperkenalkan web portal yang dibuat kepada customer segment yang membutuhkan ditangani oleh event publisher. 2. Key Activity pada aplikasi ini merupakan pengisian konten acara dan kegiatan marketing, dimana semakin banyak informasi yang di-posting oleh user maka akan menunjukan trafik yang baik pada aplikasi yang dibuat. Sementara marketing yang dimaksud adalah kegiatan memperkenalkan aplikasi ini sekaligus mengajak user untuk berkontribusi. 3. Key Resources atau sumber daya utama dari aplikasi ini adalah web design dan optimalisasi sistem. 4. Value Propositions yang diberikan oleh aplikasi ini terbagi menjadi lima bagian besar yaitu, advanced search, Wishlist, Report event as spam, Contact the organizer dan ticketing. Advance search memudahkan pengunjung untuk menemukan event yang diinginkan dengan cepat dan tepat. Fitur wishlist membuat member dan menyimpan acara yang ada untuk dilihat dikemudian hari. Untuk meningkatkan kepuasan member juga disediakan fitur report as spam yang membantu member untuk menyembunyikan atau mem-blok acara yang dirasa mengganggu. Contact the organizer diperuntukan agar user dapat dengan mudah untuk berkomunikasi dengan penyelenggara event. 5. Customer Relationship yaitu komunitas dan perguruan Tinggi dimana kerja sama dengan keduanya merupakan hal yang penting 6. Channels yang digunakan yaitu internet karena aplikasi yang dibangun adalah sebuah aplikasi yang berbasis web 7. Customer Segments dibagi menjadi 2 bagian besar yakni peserta event selaku pihak yang membutuhkan informasi event dan penyelenggara event yang berhubungan dengan konten yang akan melengkapi aplikasi dengan info, semakin lengkap info yang ada maka akan semakin ramai traffic aplikasi. 8. Cost Structure Biaya yang dikeluarkan yakni biaya IT dan Biaya pemasaran. 9. Revenue Stream berasal dari penjualan tiket yang disertakan pada event. B. 1.
Analisa Kebutuhan Kebutuhan Sistem TABEL 1 ANALISIS KEBUTUHAN PESERTA ACARA No REQ ID
Nama Kebutuhan
1 REQ-01 2 REQ-02 3 REQ-03
Mengelola peserta event Membantu pencarian data event Membantu menghubungi penyelenggara event
4 REQ-04
Mereport event sebagai spam
Deskripsi Proses pengelolaan profil peserta event menjadi Informasi Proses pencarian informasi event Proses komunikasi peserta dengan penyelenggara event Proses pelaporan suatu event yang tidak sesuai menurut Anggota
Sumber (User) Administrator
Anggota,Pengunjung
Pengunjung, Anggota
Anggota, Administrator
ISSN : 2355-9365
2.
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5246
Aktor TABEL 2 PENDESKRIPSIAN AKTOR
3.
No
Nama Aktor
1
Administrator
2
Pengunjung
3
Anggota
Deskripsi Aktor yang memiliki akses khusus sebagai administrator sistem Aktor yang hanya dapat melihat informasi dan jadwal acara Aktor yang memiliki kemampuan dapat melakukan manajemen informasi miliknya masing-masing
Use Case
Use case yang dibuat berdasarkan model bisnis yang telah dijabarkan pada pembahasan sebelumnya. Gambar 3 menggambarkan use case sistem secara keseluruhan dengan aktor utama pengunjung, anggota dan administrator. 4. Class Diagram Class diagram pada gambar 4 memberikan penggambaran (diagram statis) tentang web portal yang dibangun dan relasirelasi yang ada didalamnya. 5. Conceptual Data Model (CDM) Pada gambar 5 dipaparkan mengenai CDM dari web portal yang dibangun, dimana CDM dipakai untuk menggambarkan secara detail struktur basis data dalam bentuk logik. CDM terdiri dari objek yang tidak diimplementasikan secara langsung kedalam basis data yang sesungguhnya. 6. Physical Data Model (PDM) PDM merupakan gambaran secara detail basis data dalam bentuk fisik. Penggambaran rancangan PDM pada gambar 6 memperlihatkan struktur penyimpanan data yang benar pada basis data yang digunakan sesungguhnya C. Hasil Perancangan Pada bagian ini dijelaskan perancangan class yang telah diimplementasikan. Adapun class yang telah diimplementasikan dapat dilihat pada tabel berikut. TABEL 3 IMPLEMENTASI KOMPONEN
No 1
MVC
2
Class model yang berisi fungsi-fungsi terkait dengan event
organisasi Model
tiket universitas users wishlistrev
10 11
pesan rekber
12
BaseController
13
ContactController Controller HomeController
15 16
event
kota
8 9
14
Penjelasan
kategori
3 4 5 7
Fungsi
View
AccountControlle r change_password. blade
Class model yang berisi fungsi-fungsi terkait dengan kategori Class model yang berisi fungsi-fungsi terkait dengan kota Class model yang berisi fungsi-fungsi terkait dengan organisasi Class model yang berisi fungsi-fungsi terkait dengan tiket Class model yang berisi fungsi-fungsi terkait dengan universitas Class model yang berisi fungsi-fungsi terkait dengan user Class model yang berisi fungsi-fungsi terkait dengan wishlist Class model yang berisi fungsi-fungsi terkait dengan pesan Class model yang berisi fungsi-fungsi terkait konfirmasi pendaftaran Class controller yang berisi fungsi-fungsi untuk operasi dasarbawaan laravel Class controller yang berisi fungsi-fungsi untuk operasi kemampuan peserta event Class controller yang berisi fungsi-fungsi untuk operasi pencarian Class controller yang berisi fungsi-fungsi untuk operasi Akun user Halaman yang digunakan untuk menyunting password akun user
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5247
17 18 19 20 21 22 23
edit_account.blad e
Halaman yang digunakan untuk menyunting profil dan akun user Halaman yang digunakan untuk menampilkan informasi akun Halaman yang digunakan untuk mengirimkan pesan ke admin Halaman yang digunakan untuk melakukan login Halaman yang digunakan apabila user lupa password Halaman untuk membuat akun pada web portal Halaman yang digunakan untuk menampilkan tiket yang pernah dipesan Halaman untuk menyumpan event yang ditandaii Halaman yang digunakan untuk melakukan registrasi pada suatu event Halaman untuk menampilkan event , search dan penghubung dengan tampilan yang lain
myaccount.blade contact.blade login.blade forgotpass.blade register.blade tickethistory.blade
24
wishlist.blade
25
eventreg.blade
26
Index.blade
Sign Up
<
>
Login <>
Manage Account View Detail Information <>
<<extend>>
Search Event
ubah password
<<extend>>
Save event Share Info Event
Like event Validasi & Verifikasi Comment event
Contact the Organizer Pengunjung Web
Event Register
<>
Print Ticket
Delete Event
Edit Event
Create Event
Payment
Gambar 3 Use case perancanga acarakampus.com
Administrator
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5248
kategori KATEGORI_RELATIONS_ACARA kategori
rekber
i d_konfi rm asi no_trans nama_bank
jumlah created_at updated_at
Integer <M > Integer Variable characters (50)
Integer Timestamp Timestamp
acara
pesan id_penanya isi_pesan
Variable characters (10) Text
subjek created_at updated_at
Text Timestamp Timestamp
universitas Integer
nama_univ created_at updated_at
UNIVERSITAS_RELATIONS_ACARA
<M >
Identifier_1 USERS_RELATIONS_WISHLIST
tanggal_mulai deskripsi_tiket tanggal_selesai tempat deskripsi selesai
Date Text Date Long characters (100) Text (225) Variable characters (5)
poster surat_ijin created_at
Text Text Timestamp
updated_at membershipacara nama_organisasi status_acara jam jam_selesai
Timestamp Variable characters (20) Variable characters (100) Integer Time Time
ACARA_RELATIONS_WISHLIST acara wishlist
acara
wishlist id_wishlist Integer
USERS_RELATIONS_ACARA users
universitas
Variable characters (50) Timestamp Timestamp
acara
Identifier_1
acara KOTA_RELATIONS_ACARA
kota
tiket
Integer Variable characters (30) Variable characters (50)
alamat telepon ttl gender created_at updated_at confirmed
Variable characters (100) Variable characters (12) Date Variable characters (6) Timestamp Timestamp Integer
confirmation_code role
Variable characters (30) Integer
login_terakhir
Date
i d_ti ket jenis_tiket jumlah_tiket batas_beli_max batas_beli_min tanggal_jual tanggal_jual_selesai deskripsi_tiket jenis_pembayaran
Timestamp
Identifier_1 kota
Integer <M > Variable characters (50) Integer Integer Integer Date Date Text Variable characters (10)
harga harga_penyelenggara created_at updated_at sisa_tiket
PROVINSI_RELETIONS_KOTA
Integer Integer Timestamp Timestamp Integer
Identifier_1
i d_prov
Integer
nama_prov Identifier_1
Variable characters (50)
email Variable characters (50) token Variable characters (255) created_at Timestamp password_resets
updated_at Timestamp
USERS_RELATIONS_TIKET_TRANS USERS_RELATIONS_KERANJANG
tiket
tiket_transaksi tiket_transaksi
keranjang
TIKET_RELATIONS_KERANJANG
i d_keranj ang jumlah_pembelian total_harga created_at updated_at
Integer <M > Integer Integer Timestamp Timestamp
Identifier_1 keranjang
i d_ti ket_transaksi token tanggal_pembelian batas_pembayaran status totalharga created_at updated_at
Integer <M > Variable characters (255) Timestamp Timestamp Variable characters (20) Integer Timestamp Timestamp
Identifier_1 tiket TIKET_RELATIONS_TIKET_TRANS_DETAIL tiket_transaksi tiket_transaksi_detail tiket_transaksi_detail
<M >
password_resets
users
i d_ti kettrans_detai l Integer
provinsi
USERS_RELATIONS_PASS_RESETS users
users
keranjang tiket
<M >
Identifier_1
ACARA_RELATIONS_TIKET acara
i d_kota Integer <M > nama_kota Variable characters (50) created_at Timestamp
provinsi
i d_user name email
Identifier_1
kota
updated_at
users
acara
Identifier_1
i d_uni v
i d_kategori Integer <M > nama_kategori Variable characters (50)
jumlah_pembelian total_harga created_at updated_at
Identifier_1
Integer Integer Timestamp Timestamp
TIKET_TRANS_RELATIONS_TIKET_TRANS_DETAIL <M >
tiket_transaksi_detail tiket_anggota
tiket_transaksi_detail tiket_anggota
TIKET_TRANS_DETAIL_RELATIONS_TIKET_ANGGOTA
id_tiket_anggota Integer <M >
Identifier_1
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5249
Gambar 4 CDM acarakampus.com
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5250
kategori i d_kategori kategori
FK_KAT EGORI_RELAT IONS_ACARA
i nt
nama_kategori varchar(50)
users
acara rekber
pesan
i d_user
i nt
id_penanyavarchar(10) isi_pesan text a varchar(50) nama_penany email_penanya varchar(50)
i d_uni v i d_prov i d_kota i d_kategori
i nt i nt i nt i nt
nama_pengirim varchar(50)
subjek
text
i d_acara
i nt
jumlah created_at updated_at
created_at updated_at
timestamp timestamp
nama_acara tanggal_mulai deskripsi_tiket tanggal_selesai tempat
varchar(100) date text date longtext
deskripsi
text
selesai poster surat_ijin created_at
varchar(5) text text timestamp
updated_at
timestamp
i d_konfi rm asi no_trans nama_bank
i nt int varchar(50)
no_rek
int
int timestamp timestamp
acara
universitas i d_uni v
wishlist
FK_UNIVERSIT AS_RELAT IONS_ACARAacara
i nt
universitas
nama_univ varchar(50) created_at timestamp
acara
i d_user
wishlist
FK_ACARA_RELAT IONS_WISHLIST
i nt
FwKis_hUliSstERS_RELAT IONS_WISHLIST
aca_i d_user i nt
users
i d_user name email
i nt varchar(30) varchar(50)
password
varchar(60)
remember_token alamat
varchar(100) varchar(100)
i d_uni v i d_prov i d_kota
i nt i nt i nt
i d_kategori
i nt
telepon
varchar(12)
i d_acara id_wishlist
i nt int
ttl gender created_at updated_at confirmed
date varchar(6) timestamp timestamp int
users
acara acara
users
confirmation_code varchar(30)
FK_USERS_RELAT IONS_ACARA users
role login_terakhir
FK_USERS_RELAT IONS_KERANJANG
int date
users
FK_USERS_RELAT IONS_PASS_RESET S
membershipacara varchar(20)
updated_at timestamp
nama_organisasi status_acara jam jam_selesai
FK_KOT A_RELAT IONS_ACARA
kota
password_resets
varchar(100) int time time
keranjang
i d_user acara
kota i d_prov i d_kota
i nt i nt
tiket FK_ACARA_RELAT IONS_T IKET
nama_kota varchar(50) created_at
password_resets
keranjang
i nt
i nt i nt i nt i nt
i d_kategori
i nt
i d_user
i nt
i d_acara i d_ti ket
i nt i nt
i d_ti ket_transaksi token
i nt varchar(255)
i d_keranj ang
i nt
tanggal_pembelian timestamp
timestamp tiket
updated_at timestamp
kota
FK_PROVINSI_RELET IONS_KOT A provinsi
i d_user
i nt
i d_uni v
i nt
i d_prov
i nt
i d_kota i d_kategori i d_acara i d_ti ket jenis_tiket
i nt i nt i nt i nt varchar(50)
jumlah_tiket
int
tiket
keranjang
tiket
FK_T
FK_T IKET _RELAT IONS_KERANJANG
FK_USERS_RtEikLeAt_TtrIaOnNsSak_sTi IKET _T RANS
ti k_i d_user i d_uni v i d_prov i d_kota
tiket_transaksi
jumlah_pembelian int
batas_pembayaran timestamp
total_harga created_at updated_at
status totalharga created_at updated_at
tiket_transaksi_detail
int timestamp timestamp
tiket_transaksi
varchar(20) int timestamp timestamp
i d_user email token
i nt varchar(50) varchar(255)
created_at
timestamp
updated_at timestamp
ISSN : 2355-9365
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5251
provinsi i d_prov
i nt
nama_prov varchar(50)
batas_beli_max batas_beli_min tanggal_jual
int int date
tanggal_jual_selesai deskripsi_tiket jenis_pembayaran harga
date text varchar(10) int
harga_penyelenggara created_at updated_at sisa_tiket
int timestamp timestamp int
ti k_i d_user i d_uni v i d_prov S_DET AIL
i nt i nt i nt
i nt
i d_kategori i d_acara i d_ti ket i d_user i d_ti ket_transaksi i d_ti kettrans_detai l jumlah_pembelian
i nt i nt i nt i nt i nt i nt int
total_harga created_at
updated_at
IKET _RELAT IONS_T IKET _T RAN i d_kota tiket_transaksi_detail
FK_T IKET _T RANS_RELAT IONS_T IKET _T RANS_DET AIL
tiket_anggota
ti k_i d_user i d_uni v i d_prov i d_kota i d_kategori i d_acara i d_user
i nt i nt i nt i nt i nt i nt i nt
int timestamp
i d_ti ket id_tiket_transaksi
i nt i nt
timestamp
id_tikettrans_detail i nt
tiket_transaksi_detail
tiketF_Ktr_aTnsIKakEsTi__dTeRtaAilNS_DET AIL_RELAT IONS_T IKET _ANGGOT A tiket_anggota
id_tiket_anggota
Gambar 5 PDM acarakampus.com
i nt
ISSN : 2355-9365
IV.
e-Proceeding of Engineering : Vol.2, No.2 Agustus 2015 | Page 5252
KESIIMPULAN
Beberapa kesimpulan yang didapatkan dari pengembangan portal event ini adalah sebagai berikut. 1. Portal web telah dikembangkan dengan konsep crowdsourcing di dalamnya sehingga mendukung penyelenggara event dan peserta event untuk mempublikasikan event serta mendaftarkan diri pada suatu event di dalamnya. 2. User mendapatkan informasi event yang sesuai dengan preferensi yang dimasukkan berupa kategori dan kota. 3. Berdasarkan hasil feedback yang sudah dianalisis, portal web telah memberikan informasi yang dibutuhkan kepada pengunjung. DAFTAR PUSTAKA [1].
Prakoso, Yogy. (2013). Membangun Portal Web Crowdsourcing Acara Menggunakan Metode Iterative & Incremental Dan Metode Pencarian Vector Space Model. Bandung : Telkom University.
[2].
Afif, A. Y. (2014). Membangun Sistem Informasi Call For Paper, Konferensi, dan Perlombaan untuk Akademisi Berbasis Web Crowdsourcing Menggunakan Metode Iterative Incremental. Bandung : Telkom University
[3].
Armel, J. (2011). Web application development with Laravel PHP Framework version 4. Helsinki: Helsinki Metropolia University of Applied Sciences.
[4].
Soegianto, M.Y dan Sutanto, E.M (2013) Penerapan Strategi Alih Daya (Outsourcing ) di UD.Puyuh Plastik ditinjau dari Ketentuan Perundangan dan Etika Bisnis. Surabaya: Universitas Kristen Petra.