PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI MARKETPLACE DOTA 2 PLAYER
Tugas Akhir Disusun untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret
Disusun oleh : MOCHAMAD MAHFUDZ S M3113102
PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016
i
ii
iii
HALAMAN PERNYATAAN
Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitka oleh orang lain, kecuali secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.
Surakarta,......................2016
Mochamad Mahfudz Shodiq M3113102
iv
MOTTO
“Aku harus berfikir positif, itu artinya aku harus percaya kalau ada seseorang di dunia ini yang bersyukur dengan apa yang kulakukan” ~Saitama~ “Jangan terus melihat kebelakang karena tidak ada apa apa dimasa lalu, yang terpenting sekarang adalah masa depan, dan sekarang kita harus terus berfikir untuk maju .” ~Shinnoa~ “Tidak peduli seberapa bakatnya dirimu, jika kau sendirian kau tidak akan bisa merubah dunia.” ~L Lawliet~
v
KATA PENGANTAR
Segala puji syukur kehadirat Allah SWT yang telah melimpahkan seluruh rahmat serta hidayah-Nya penulis diberikan kelancaran dan kemudahan dan mampu menyelesaikan Laporan Tugas Akhir dengan judul “PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI MARKETPLACE DOTA 2 PLAYER” tepat pada waktunya. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd.)pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada: 1.
Bapak Prof. Ir. Ari Handono Ramelan, M.Cs (Hons)., Ph.D, selaku Pimpinan Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
2.
Bapak Abdul Aziz, S.Kom., M.Cs selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
3.
Bapak Yudho Yudhanto, S.Kom selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
4.
Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
5.
Segenap keluarga besar Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna.Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat
vi
memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
Surakarta,
Penulis
vii
HALAMAN PERSEMBAHAN
1. Keluarga tercinta yang selalu memberikan semangat dan motivasi untuk menyelesaikan pendidikan. 2. Bapak Ibu Dosen D3 Teknik Informatika FMIPA UNS yang telah memberikan bekal ilmu dan bimbingan selalu. 3. Mahasiswa D3 Teknik Informatika FMIPA UNS khususnya kelas TI-B 2013. 4. Teman teman dari tim “Koplo gaming” yang selalu memberikan pengarahan dan mendampingi selalu.
viii
DAFTAR ISI
PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI MARKETPLACE DOTA 2 PLAYER .................................................................... i HALAMAN PERSETUJUAN ............................... Error! Bookmark not defined. HALAMAN PENGESAHAN ................................................................................ ii HALAMAN PERNYATAAN ............................................................................... iii MOTTO .................................................................................................................. v KATA PENGANTAR ........................................................................................... vi DAFTAR ISI ........................................................................................................ viii DAFTAR TABEL ................................................................................................ xiii DAFTAR GAMBAR ............................................................................................ xv INTISARI........................................................................................................... xviii ABSTRACT ......................................................................................................... xix PENDAHULUAN .................................................................................................. 1 1.1
Latar Belakang ........................................................................................ 1
1.2
Perumusan Masalah ................................................................................ 2
1.3
Batasan Masalah...................................................................................... 2
1.4
Tujuan Penelitian .................................................................................... 2
1.5
Mafaat Kegiatan ...................................................................................... 2
1.6
Metodologi penelitian ............................................................................. 2
1.7
Sistimatika Penulisan .............................................................................. 3
LANDASAN TEORI .............................................................................................. 5 2.1.
Tinjauan Pustaka ..................................................................................... 5
2.2.
Landasan Teori ........................................................................................ 6
2.1.1
E-commerce....................................................................................... 6
2.1.2
Sistem Informasi ............................................................................... 7
2.1.3
Basis Data ......................................................................................... 7
2.1.4
PHP (Hypertext Preprocessor) .......................................................... 9
2.1.5
Model View Control ......................................................................... 9
2.1.6
Model View Control (MVC) pada CodeIgniter .............................. 10 ix
2.1.7
Framework ...................................................................................... 10
2.1.8
CodeIgniter...................................................................................... 11
2.1.9
JavaScript dan jQuery ..................................................................... 11
2.1.10
Unified Modelling Language (UML) ............................................. 12
2.1.11
Black Box Testing ............................................................................ 16
ANALISIS DAN PERANCANGAN SISTEM .................................................... 18 3.1
Proses Bisnis Sistem ............................................................................. 18
3.2
Mapping Aplikasi .................................................................................. 19
3.3
Analisa Kebutuhan Sistem .................................................................... 20
3.3.1
Kebutuhan Perangkat Lunak ........................................................... 20
3.3.2
Kebutuhan Perangkat Keras ............................................................ 20
3.3.3
Kebutuhan Fungsional Sistem ........................................................ 20
3.3.4
Kebutuhan non Fungsional Sistem.................................................. 23
3.4
Perancangan Sistem .............................................................................. 23
3.4.1
UseCase Diagram ........................................................................... 24
3.4.2
Usecase Text.................................................................................... 25
3.4.3
Sequence Diagram .......................................................................... 52
3.4.4
Class Diagram ................................................................................ 86
3.5
Perancangan Database ........................................................................... 87
3.5.1
ERD (Entity Relationship Diagram) ............................................... 87
3.5.2
Relasi Antar Tabel........................................................................... 88
3.5.3
Desain Fisik ..................................................................................... 89
3.6
Perancangan Antarmuka Sistem Informasi ........................................... 99
3.6.1
Perancangan halaman Admin.......................................................... 99
3.6.2
Perancngan halaman Pelanggan .................................................... 102
IMPLEMENTASI DAN PENGUJIAN .............................................................. 107 4.1
Implementasi ........................................................................................... 107
4.1.1
Implementasi halaman admin ............................................................. 107
4.1.1.1
Implementasi halaman login admin .......................................... 107
4.1.1.2
Implementasi halaman dashboard admin.................................. 107
4.1.1.3
Implementasi halaman konfirmasi pembayaran admin ............. 108 x
4.1.1.4
Implementasi halaman menampilkan transaksi berlangsung .... 109
4.1.1.5
Implementasi halaman detail transaksi berlangsung ................. 109
4.1.1.6
Implementasi halaman menampilkan penerimaan item penjual 110
4.1.1.7
Implementasi halaman pengiriman item pembeli ...................... 111
4.1.1.8
Implementasi halaman pembayaran penjual ............................. 111
4.1.1.9
Implementasi halaman transaksi selesai .................................... 112
4.1.1.10
Implementasi halaman detail transaksi selesai .......................... 112
4.1.1.11
Implementasi halaman detail transaksi selesai .......................... 113
4.1.1.12
Implementasi halaman penarikan saldo..................................... 113
4.1.1.13
Implementasi halaman daftar bank ............................................ 114
4.1.1.14
Implementasi halaman daftar rekening admin .......................... 114
4.1.1.15
Implementasi halaman data slider ............................................. 115
4.1.2
Implementasi halaman pelanggan ....................................................... 115
4.1.2.1
Implementasi halaman menambahkan data lapak ..................... 115
4.1.2.2
Implementasi halaman daftar lapak ........................................... 116
4.1.2.3
Implementasi halaman mengubah data lapak ............................ 116
4.1.2.4
Implementasi halaman menghapus data lapak .......................... 117
4.1.2.5
Implementasi halaman utama pelanggan .................................. 117
4.1.2.6
Implementasi halaman menampilkan data lapak ....................... 118
4.1.2.7
Implementasi halaman detail data lapak.................................... 118
4.1.2.8
Implementasi halaman menambahkan kekerenjang belanja ..... 119
4.1.2.9
Implementasi halaman menampilkan kekerenjang belanja ....... 119
4.1.2.10
Implementasi halaman menambahkan data transaksi ............... 120
4.1.2.11
Implementasi halaman pesan berhasil transaksi ........................ 120
4.1.2.12
Implementasi halaman menampilkan konfirmasi pembayaran . 121
4.1.2.12.1
Implementasi halaman konfirmasi pembayaran ................... 121
4.1.2.13
Implementasi halaman konfirmasi penjualan ............................ 122
4.1.2.14
Implementasi halaman menampilkan pembelian berlangsung .. 122
4.1.2.15
Implementasi halaman menampilkan pembelian selesai ........... 123
4.1.2.16
Implementasi halaman menampilkan konfirmasi penerimaan item 124
xi
4.2
4.1.2.17
Implementasi halaman menampilkan menambahkan review .... 124
4.1.2.18
Implementasi halaman penarikan saldo..................................... 125
4.1.2.19
Implementasi halaman mengubah data pelanggan .................... 125
4.1.2.20
Implementasi halaman menampilkan data pelanggan ............... 126
Pengujian ................................................................................................. 127
PENUTUP ........................................................................................................... 133 5.1
Kesimpulan ............................................................................................. 133
5.2
Saran ........................................................................................................ 133
DAFTAR PUSTAKA ......................................................................................... xxii
xii
DAFTAR TABEL Tabel 2.1.7.1 Simbol Simbol pada UseCase ......................................................... 13 Tabel 2.2 Simbol Komponen Class Diagram ....................................................... 14 Tabel 2.3 Simbol Simbol pada Sequence Diagram .............................................. 15 Tabel 3. 1 Kebutuhan Fungsional Sistem ............................................................. 20 Tabel 3. 2 Tabel kebutuhan non Fungsional Sistem ............................................. 23 Tabel 3. 3 Usecase text Menampilkan daftar bank ............................................... 25 Tabel 3. 4 Usecase Text Menambahkan data daftar bank ..................................... 25 Tabel 3. 5 Usecase Text Menghapus data bank .................................................... 26 Tabel 3. 6 Usecase Text Mengubah data Produk .................................................. 26 Tabel 3. 7 Usecase Text menampilkan data rekening admin ................................ 26 Tabel 3. 8 Usecase Text Menambah daftar rekening admin ................................. 27 Tabel 3. 9 Usecase Text Menghapus data rekening admin ................................... 27 Tabel 3. 10 Usecase Text Mengubah data rekenig admin ..................................... 28 Tabel 3. 11 Usecase Text Menampilkan data Slider ............................................. 28 Tabel 3. 12 Usecase Text menambahkan data slider............................................. 29 Tabel 3. 13 Usecase Text Menghapus data Slider................................................. 29 Tabel 3. 14 Usecase Text menampilkan data penjualan ....................................... 30 Tabel 3. 15 Usecase text Menampilkan data pelanggan ...................................... 30 Tabel 3. 16 Usecase text Menampilkan data konfirmasi pembayaran ................. 30 Tabel 3. 17 Usecase text Melakukan konfirmasi pembayaran ............................. 31 Tabel 3. 19 Usecase text Menampilkan pembayaran yang telah dikonfirmasi ..... 31 Tabel 3. 20 Usecase text Menolak data konfirmasi pembayaran ......................... 32 Tabel 3. 21 Usecase text menampilkan data penarikan uang................................ 32 Tabel 3. 22 Usecase text Melakukan konfirmasi penarikan uang ......................... 32 Tabel 3. 24 Usecase text data penarikan uang dengan status selesai .................... 33 Tabel 3. 25 Usecase Text Menampilkan data transaksi sedang berlangsung ........ 33 Tabel 3. 26 Usecase Text Menampilkan detail transaksi sedang beralangsung .... 34 Tabel 3. 27 Usecase Text Menampilkan data penerimaan Item............................ 34 Tabel 3. 28 Usecase Text Melakukan konfirmasi penerimaan Item ..................... 35 Tabel 3. 29 Usecase Text Menampilkan data Item yang telah diterima ............... 35 Tabel 3. 30 Usecase Text Menampilkan data pengiriman item ke pembeli.......... 35 Tabel 3. 31 Usecase Text Melakukan konfirmasi pengiriman item ke pembeli ... 36 Tabel 3. 32 Usecase Text Menampilkan data yang telah dikirim ......................... 36 Tabel 3. 33 Usecase Text Menampilkan data pembayaran penjual ...................... 37 Tabel 3. 34 Usecase Text Melakukan konfirmasi pembayaran penjual ................ 37 Tabel 3. 35 Usecase Text Menampilkan pembayaran telah dikonfirmasi ............ 38 Tabel 3. 36 Usecase Text Menampilkan data transaksi selesai ............................. 38 Tabel 3. 37 Usecase Text Menampilkan detail data transaksi selesai ................... 38 Tabel 3. 38 Usecase Text Menampilkan data refund ............................................ 39 Tabel 3. 39 Usecase Text Melakukan konfirmasi refund ...................................... 39 Tabel 3. 40 Usecase text Menampilkan data refund telah dikonfirmasi ............... 40 Tabel 3. 41 Usecase text Menampilkan grafik trasaksi pertahun.......................... 40 Tabel 3. 42 Usecase text Menampilkan grafik penjualan pertahun ...................... 40 Tabel 3. 43 Usecase text Menambahkan data lapak ............................................. 41 Tabel 3. 44 Usecase text Menampilkan data lapak ............................................... 41 xiii
Tabel 3. 45 Usecase text mengubah data lapak..................................................... 42 Tabel 3. 46 Usecase text menghapus data lapak ................................................... 42 Tabel 3. 47 Usecase text Menampilkan data konfimasi penjualan ....................... 42 Tabel 3. 48 Usecase text Melakukan konfirmasi penjualan .................................. 43 Tabel 3. 49 Usecase text Menampilkan data penjualan berlangsung.................... 43 Tabel 3. 50 Usecase text Menambahkan data kedalam kerenjang belanja ........... 44 Tabel 3. 51 Usecase text Menampilkan kerenjang belanja ................................... 44 Tabel 3. 52 Usecase text Menghapus data kerenjang belanja ............................... 44 Tabel 3. 53 Usecase text Menambah data transaksi .............................................. 45 Tabel 3. 54 Usecase text Menampilkan data konfirmasi pembayaran .................. 45 Tabel 3. 55 Usecase text Menambahkan data konfirmasi pembayaran ................ 46 Tabel 3. 56 Usecase text Menampilkan data pembelian berlangsung .................. 46 Tabel 3. 57 Usecase text Menampilkan data pembelian selesai ........................... 47 Tabel 3. 58 Usecase text Menampilkan data konfirmasi penerimaan item ........... 47 Tabel 3. 59 Usecase text Menambahakan data konfirmasi penerimaan item ....... 47 Tabel 3. 60 Usecase text Menambahakan review penjual .................................... 48 Tabel 3. 61 Usecase text Menampilkan data lapak ............................................... 49 Tabel 3. 62 Usecase text Menampilkan data detail lapak ..................................... 49 Tabel 3. 63 Usecase text Menampilkan data komentar lapak ............................... 49 Tabel 3. 64 Usecase text Menambahkan data komentar lapak ............................. 50 Tabel 3. 65 Usecase text Menampilkan data profile pelanggan............................ 50 Tabel 3. 66 Usecase text Melakukan pencarian data lapak ................................... 51 Tabel 3. 67 Usecase text Menampilkan data penarikan uang ............................... 51 Tabel 3. 68 Usecase text Menampilkan data penarikan uang ............................... 52 Tabel 3. 69 Usecase text Mengubah data pelanggan ............................................ 52 Tabel 3. 70 Desain Fisik Tabel Admin ................................................................. 89 Tabel 3. 71 Desain Fisik Tabel Banner ................................................................. 89 Tabel 3. 72 Desain Fisik Tabel Daftar_bank ........................................................ 90 Tabel 3. 73 Desain Fisik Tabel Detail_lapak ........................................................ 90 Tabel 3. 74 Desain Fisik Tabel Detail_lapak ........................................................ 91 Tabel 3. 75 Desain Fisik Tabel Item ..................................................................... 91 Tabel 3. 76 Desain Fisik Tabel Komentar ............................................................ 92 Tabel 3. 77 Desain Fisik Tabel Konfirmasi_pembayaran ..................................... 93 Tabel 3. 78 Desain Fisik Tabel Lapak .................................................................. 93 Tabel 3. 79 Desain Fisik Tabel Lapak .................................................................. 94 Tabel 3. 80 Desain Fisik Tabel Penarikan ............................................................ 95 Tabel 3. 81 Desain Fisik Tabel Refund ................................................................. 96 Tabel 3. 82 Desain Fisik Tabel Rekening_admin ................................................. 96 Tabel 3. 83 Desain Fisik Tabel Review ................................................................ 97 Tabel 3. 84 Desain Fisik Tabel Transaksi ............................................................. 97 Tabel 3. 85 Desain Fisik Tabel User ..................................................................... 98 Tabel 4. 1 Tabel pengujian sistem....................................................................... 127
xiv
DAFTAR GAMBAR
Gambar 3. 1 Gambar Prosses Bisnis Sistem Informasi......................................... 18 Gambar 3. 2 Gambar mapping aplikasi................................................................. 19 Gambar 3. 3 Gambar Usecase Diagram ............................................................... 24 Gambar 3. 4 Sequence diagram menampilkan data bank ..................................... 53 Gambar 3. 5 Squence Diagram Menambahkan daftar bank ................................. 53 Gambar 3. 6 Sequence Diagram Mengubah data bank ......................................... 54 Gambar 3.7 Sequence Diagram Menghapus data bank ........................................ 55 Gambar 3.8 Sequence Diagram Menampilkan data rekening admin ................... 55 Gambar 3. 9 Sequence Diagram Menambahkan data rekening admin ................. 56 Gambar 3. 10 Sequence Diagram Mengubah data rekening admin...................... 56 Gambar 3. 11 Sequence Diagram Menghapus data rekening admin .................... 57 Gambar 3. 12 Squence Diagram Menampilkan data Slider.................................. 57 Gambar 3. 13 Sequence Diagram Menambahkan data Slider .............................. 58 Gambar 3. 14 Sequence Diagram Menampilkan data lapak ................................. 58 Gambar 3. 15 Sequence Diagram Menampilkan data pelanggan ......................... 59 Gambar 3. 16 Sequence Diagram Menampilkan data konfirmasi bayar .............. 59 Gambar 3. 17 Sequence Diagram Menambahkan konfirmasi bayar .................... 60 Gambar 3. 18 Sequence Diagram Melakukan tolak konfirmasi bayar ................. 60 Gambar 3. 19 Sequence Diagram Menampilkan pembayaran dikonfirmasi ........ 61 Gambar 3. 20 Sequence Diagram Menampilkan konfirmasi penarikan saldo ..... 61 Gambar 3. 21 Squence Diagram Melakukan konfirmasi penarikan saldo ........... 62 Gambar 3. 22 Sequence Diagram Menampilkan penarikan saldo sukses ............ 62 Gambar 3. 23 Sequence Diagram Menampilkan transaksi berlangsung .............. 63 Gambar 3. 24 Sequence Diagram Menampilkan detail transaksi berlangsung .... 63 Gambar 3. 25 Sequence Diagram Menampilkan penerimaan item penjual ......... 64 Gambar 3. 26 Sequence Diagram Melakukan penerimaan item penjual .............. 64 Gambar 3. 27 Sequence Diagram Menampilkan penerimaan item sukses ........... 65 Gambar 3. 28 Sequence Diagram Menampilkan pengiriman item pembeli ......... 65 Gambar 3. 29 Squence Diagram Melakukan konfirmasi pengiriman item .......... 66 Gambar 3. 30 Sequence Diagram Menampilkan pengiriman item sukses ........... 66 Gambar 3. 31 Squence Diagram Menampilkan pembayaran penjual .................. 67 Gambar 3. 32 Sequence Diagram Melakukan pembayaran penjual ..................... 67 Gambar 3. 33 Sequence Diagram Menampilkan pembayaran penjual sukses ..... 68 Gambar 3. 34 Sequence Diagram Menampilkan transaksi sukses ....................... 68 Gambar 3. 35 Sequence Diagram Menampilkan detail transaksi sukses ............. 69 Gambar 3. 36 Sequence Diagram Menampilkan data refund ............................... 69 Gambar 3. 37 Sequence Diagram Melakukan konfirmasi refund......................... 70 Gambar 3. 38 Sequence Diagram Menampilkan data refund sukses ................... 70 Gambar 3. 39 Sequence Diagram Menampilkan grafik transaksi ........................ 71 Gambar 3. 40 Sequence Diagram Menampilkan grafik lapak .............................. 71 Gambar 3. 41 Sequence Diagram Menampilkan data lapak ................................. 72 Gambar 3. 42 Sequence Diagram Menambahkan data lapak ............................... 72 Gambar 3. 43 Sequence Diagram Merubah data lapak ........................................ 73 xv
Gambar 3. 44 Sequence Diagram Menghapus data lapak .................................... 73 Gambar 3. 45 Sequence Diagram Menampilkan konfirmasi penjualan ............... 74 Gambar 3. 46 Sequence Diagram Melakukan konfirmasi penjualan ................... 74 Gambar 3. 47 Sequence Diagram Menampilkan penjualan berlangsung ............. 75 Gambar 3. 48 Sequence Diagram Menampilkan penjualan selesai ...................... 75 Gambar 3. 49 Sequence Diagram Menampilkan lapak halaman utama ............... 76 Gambar 3. 50 Squence Diagram Menambahkan data pada kerenjang belanja ..... 76 Gambar 3. 51 Sequence Diagram Menampilkan data kerenjang belanja ............. 77 Gambar 3. 52 Sequence Diagram Menghapus data kerenjang belanja ................. 77 Gambar 3. 53 Sequence Diagram Menambahkan data transaksi .......................... 78 Gambar 3. 54 Sequence Diagram Menampilkan data konfirmasi pembayaran.... 78 Gambar 3. 55 Sequence Diagram Melakukan konfirmasi pembayaran ............... 79 Gambar 3. 56 Sequence Diagram Menampilkan pembelian berlangsung ............ 79 Gambar 3. 57 Sequence Diagram Menampilkan pembelian selesai ..................... 80 Gambar 3. 58 Sequence Diagram Menampilkan konfirmasi penerimaan item .... 80 Gambar 3. 59 Sequence Diagram Menampilkan konfirmasi penerimaan item .... 81 Gambar 3. 60 Sequence Diagram Menmbahkan data review ............................... 81 Gambar 3. 61 Sequence Diagram Menampilkan detail lapak pada Home ........... 82 Gambar 3. 62 Sequence Diagram Menampilkan komentar pada lapak ................ 82 Gambar 3. 63 Sequence Diagram Menambahkan komentar pada lapak .............. 83 Gambar 3. 64 Sequence Diagram Menampilkan data profil pelanggan ............... 83 Gambar 3. 65 Sequence Diagram Menampilkan data pencarian lapak ................ 84 Gambar 3. 66 Sequence Diagram Menampilkan data penarikan saldo ................ 84 Gambar 3. 67 Sequence Diagram Menambahkan data penarikan saldo ............... 85 Gambar 3. 68 Sequence Diagram Mengubah data user ........................................ 85 Gambar 3. 69 Gambar Class Diagram.................................................................. 86 Gambar 3. 70 Gambar ERD (Entity Relationship Diagram) ................................ 87 Gambar 3. 71 Relasi Antar tabel ........................................................................... 88 Gambar 3. 72 Gambar Perancangan antarmuka halaman login Admin ................ 99 Gambar 3. 73 Gambar Perancangan antarmuka halaman input dan edit Admin 100 Gambar 3. 74 Gambar Perancangan antarmuka halaman menampilkan data ..... 100 Gambar 3. 75 Gambar Perancangan halaman menampilkan detail data ............. 101 Gambar 3. 76 Gambar Perancangan antarmuka halaman menghapus data ........ 101 Gambar 3. 77 Gambar Perancangan antarmuka halaman utama ........................ 102 Gambar 3. 78 Gambar Perancangan antarmuka halaman menambah produk .... 102 Gambar 3. 79 Gambar Perancangan antarmuka halaman menampilkan produk 103 Gambar 3. 80 Gambar Perancangan antarmuka halaman menghapus produk .... 103 Gambar 3. 81 Gambar Perancangan antarmuka halaman menampilkan detail .. 104 Gambar 3. 82 Gambar Perancangan antarmuka penjualan dan pembelian ......... 105 Gambar 3. 83 Gambar Perancangan antarmuka menampilkan daftar produk .... 105 Gambar 3. 84 Gambar Perancangan antarmuka menampilkan detail produk ..... 106 Gambar 4. 1 Halaman login admin ..................................................................... 107 Gambar 4. 2 Halaman dashboard admin ............................................................ 108 Gambar 4. 3 Halaman konfirmasi pembayaran admin........................................ 108 Gambar 4. 4 Halaman data transaksi berlangsung admin ................................... 109 Gambar 4. 5 Halaman data detail transaksi berlangsung admin ......................... 110
xvi
Gambar 4. 6 Halaman menampilkan penerimaan item penjual .......................... 110 Gambar 4. 7 Halaman menampilkan pengiriman item pembeli .......................... 111 Gambar 4. 8 Halaman menampilkan pembayaran penjual ................................. 111 Gambar 4. 9 Halaman transaksi selesai .............................................................. 112 Gambar 4. 10 Halaman detail transaksi selesai ................................................... 112 Gambar 4. 11 Halaman detail transaksi selesai ................................................... 113 Gambar 4. 12 Halaman penarikan saldo ............................................................. 113 Gambar 4. 13 Halaman daftar bank .................................................................... 114 Gambar 4. 14 Halaman daftar rekening admin ................................................... 114 Gambar 4. 15 Halaman data slider ...................................................................... 115 Gambar 4. 16 Halaman data slider ...................................................................... 116 Gambar 4. 17 Halaman daftar lapak ................................................................... 116 Gambar 4. 18 Halaman mengubah data lapak .................................................... 117 Gambar 4. 19 Halaman menghapus data lapak ................................................... 117 Gambar 4. 20 Halaman utama pelanggan ........................................................... 118 Gambar 4. 21 Halaman menampilkan data lapak. .............................................. 118 Gambar 4. 22 Halaman menampilkan detail data lapak. .................................... 119 Gambar 4. 23 Halaman menambahkan data kedalam kerenjang belanja............ 119 Gambar 4. 24 Halaman menampilkan kerenjang belanja ................................... 120 Gambar 4. 25 Halaman menambahkan data transaksi ........................................ 120 Gambar 4. 26 Halaman pesan berhasil transaksi ................................................ 121 Gambar 4. 27 Halaman menampilkan konfirmasi pembayaran .......................... 121 Gambar 4. 28 Halaman menambahkan konfirmasi pembayaran ........................ 122 Gambar 4. 29 Halaman konfirmasi penjualan..................................................... 122 Gambar 4. 30 Halaman penjualan berlangsung .................................................. 123 Gambar 4. 31 Halaman penjualan selesai ........................................................... 123 Gambar 4. 32 Halaman konfirmasi penerimaan item.......................................... 124 Gambar 4. 33 Halaman menambahkan review ................................................... 125 Gambar 4. 34 Halaman penarikan saldo ............................................................. 125 Gambar 4. 35 Halaman mengubah data pelanggan ............................................. 126 Gambar 4. 36 Halaman menampilkan data pelanggan........................................ 126
xvii
INTISARI
Marketplace online adalah salah satu layanan e-commerce yang menjadi tempat bertemunya antara penjual dan pembeli secara online untuk melakukan transaksi jual beli. Item merupakan aksesoris yang terdapat pada game Dota 2 dimana akan merubah tampilan karakter pemain menjadi lebih menarik. Transaksi jual beli maupun tukar menukar item sangat sering dilakukan oleh sesama pemain Dota 2. Pada saat ini belum terdapat sebuah sistem informasi yang khusus menangani transaksi item Dota 2. Metode penelitian yang dilakukan untuk merancang dan membuat sistem informasi marketplace ini adalah dengan menggunakan metode penelitian waterfall yaitu dengan pengumpulan data, melakukan analisa sistem (menentukan kebutuhan fungsional dan non fungsional), melakukan perancangan (ERD, use case diagram, use case text, sequence diagram, dan class diagram), dan implementasi (coding dan testing). Sistem informasi marketplace ini dibuat menggunakan bahasa pemrograman PHP berbasis framework Codeigniter 3 dan basis data MySQL. Sistem informasi marketplace ini mampu untuk mengelola data penjualan, mengelola data pembelian, mengelola data transaksi, dan mengelola data pembayaran. Dengan adanya sistem informasi marketplace ini diharapkan para pemain Dota 2 dapat melakukan transaksi item dengan lebih mudah dan aman. Kata kunci : Codeigniter, Dota 2, Dota 2 item, PHP, Sistem Informasi.
xviii
ABSTRACT
Marketplace online is online e-commerce service that became a meeting place beetwen buyers and seller to make a deal of transaction. Item is the accessories that there are in dota 2 where would change the appearance of the character of player be more attractive. Buying and selling or exchanging items is often done by Dota 2 player. At this time there has never been a information systems that specializes in handling transaction Dota 2 item. The metodology conducted to make marketplace information system is used waterfall metodology is data collection, the system analysis(determine the functional and non functional requirement), system design (erd, use case diagram, use case text, sequence diagram, and class diagram), and implementation (coding and testing). Unit syariah saving and loan information systems is built using php programming language with framework Codeigniter 3 and MySQL database. This information system is able to manage sale data, manage purchasing data, manage transaction data, manage payment data. With the this information system Dota 2 player is expected can do item’s transaction more easier and mre safer. Keywords : Codeigniter, Dota 2 , Dota 2 item, Information system, PHP.
xix