PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI MARKETPLACE DOTA 2 PLAYER

Transkripsi

1 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 M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016 i

2 ii

3 iii

4 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, Mochamad Mahfudz Shodiq M iv

5 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

6 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

7 memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri. Surakarta, Penulis vii

8 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 Teman teman dari tim Koplo gaming yang selalu memberikan pengarahan dan mendampingi selalu. viii

9 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 Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Penelitian Mafaat Kegiatan Metodologi penelitian Sistimatika Penulisan... 3 LANDASAN TEORI Tinjauan Pustaka Landasan Teori E-commerce Sistem Informasi Basis Data PHP (Hypertext Preprocessor) Model View Control Model View Control (MVC) pada CodeIgniter ix

10 2.1.7 Framework CodeIgniter JavaScript dan jquery Unified Modelling Language (UML) Black Box Testing ANALISIS DAN PERANCANGAN SISTEM Proses Bisnis Sistem Mapping Aplikasi Analisa Kebutuhan Sistem Kebutuhan Perangkat Lunak Kebutuhan Perangkat Keras Kebutuhan Fungsional Sistem Kebutuhan non Fungsional Sistem Perancangan Sistem UseCase Diagram Usecase Text Sequence Diagram Class Diagram Perancangan Database ERD (Entity Relationship Diagram) Relasi Antar Tabel Desain Fisik Perancangan Antarmuka Sistem Informasi Perancangan halaman Admin Perancngan halaman Pelanggan IMPLEMENTASI DAN PENGUJIAN Implementasi Implementasi halaman admin Implementasi halaman login admin Implementasi halaman dashboard admin Implementasi halaman konfirmasi pembayaran admin x

11 Implementasi halaman menampilkan transaksi berlangsung Implementasi halaman detail transaksi berlangsung Implementasi halaman menampilkan penerimaan item penjual Implementasi halaman pengiriman item pembeli Implementasi halaman pembayaran penjual Implementasi halaman transaksi selesai Implementasi halaman detail transaksi selesai Implementasi halaman detail transaksi selesai Implementasi halaman penarikan saldo Implementasi halaman daftar bank Implementasi halaman daftar rekening admin Implementasi halaman data slider Implementasi halaman pelanggan Implementasi halaman menambahkan data lapak Implementasi halaman daftar lapak Implementasi halaman mengubah data lapak Implementasi halaman menghapus data lapak Implementasi halaman utama pelanggan Implementasi halaman menampilkan data lapak Implementasi halaman detail data lapak Implementasi halaman menambahkan kekerenjang belanja Implementasi halaman menampilkan kekerenjang belanja Implementasi halaman menambahkan data transaksi Implementasi halaman pesan berhasil transaksi Implementasi halaman menampilkan konfirmasi pembayaran Implementasi halaman konfirmasi pembayaran Implementasi halaman konfirmasi penjualan Implementasi halaman menampilkan pembelian berlangsung Implementasi halaman menampilkan pembelian selesai Implementasi halaman menampilkan konfirmasi penerimaan item 124 xi

12 Implementasi halaman menampilkan menambahkan review Implementasi halaman penarikan saldo Implementasi halaman mengubah data pelanggan Implementasi halaman menampilkan data pelanggan Pengujian PENUTUP Kesimpulan Saran DAFTAR PUSTAKA... xxii xii

13 DAFTAR TABEL Tabel Simbol Simbol pada UseCase Tabel 2.2 Simbol Komponen Class Diagram Tabel 2.3 Simbol Simbol pada Sequence Diagram Tabel 3. 1 Kebutuhan Fungsional Sistem Tabel 3. 2 Tabel kebutuhan non Fungsional Sistem Tabel 3. 3 Usecase text Menampilkan daftar bank Tabel 3. 4 Usecase Text Menambahkan data daftar bank Tabel 3. 5 Usecase Text Menghapus data bank Tabel 3. 6 Usecase Text Mengubah data Produk Tabel 3. 7 Usecase Text menampilkan data rekening admin Tabel 3. 8 Usecase Text Menambah daftar rekening admin Tabel 3. 9 Usecase Text Menghapus data rekening admin Tabel Usecase Text Mengubah data rekenig admin Tabel Usecase Text Menampilkan data Slider Tabel Usecase Text menambahkan data slider Tabel Usecase Text Menghapus data Slider Tabel Usecase Text menampilkan data penjualan Tabel Usecase text Menampilkan data pelanggan Tabel Usecase text Menampilkan data konfirmasi pembayaran Tabel Usecase text Melakukan konfirmasi pembayaran Tabel Usecase text Menampilkan pembayaran yang telah dikonfirmasi Tabel Usecase text Menolak data konfirmasi pembayaran Tabel Usecase text menampilkan data penarikan uang Tabel Usecase text Melakukan konfirmasi penarikan uang Tabel Usecase text data penarikan uang dengan status selesai Tabel Usecase Text Menampilkan data transaksi sedang berlangsung Tabel Usecase Text Menampilkan detail transaksi sedang beralangsung Tabel Usecase Text Menampilkan data penerimaan Item Tabel Usecase Text Melakukan konfirmasi penerimaan Item Tabel Usecase Text Menampilkan data Item yang telah diterima Tabel Usecase Text Menampilkan data pengiriman item ke pembeli Tabel Usecase Text Melakukan konfirmasi pengiriman item ke pembeli Tabel Usecase Text Menampilkan data yang telah dikirim Tabel Usecase Text Menampilkan data pembayaran penjual Tabel Usecase Text Melakukan konfirmasi pembayaran penjual Tabel Usecase Text Menampilkan pembayaran telah dikonfirmasi Tabel Usecase Text Menampilkan data transaksi selesai Tabel Usecase Text Menampilkan detail data transaksi selesai Tabel Usecase Text Menampilkan data refund Tabel Usecase Text Melakukan konfirmasi refund Tabel Usecase text Menampilkan data refund telah dikonfirmasi Tabel Usecase text Menampilkan grafik trasaksi pertahun Tabel Usecase text Menampilkan grafik penjualan pertahun Tabel Usecase text Menambahkan data lapak Tabel Usecase text Menampilkan data lapak xiii

14 Tabel Usecase text mengubah data lapak Tabel Usecase text menghapus data lapak Tabel Usecase text Menampilkan data konfimasi penjualan Tabel Usecase text Melakukan konfirmasi penjualan Tabel Usecase text Menampilkan data penjualan berlangsung Tabel Usecase text Menambahkan data kedalam kerenjang belanja Tabel Usecase text Menampilkan kerenjang belanja Tabel Usecase text Menghapus data kerenjang belanja Tabel Usecase text Menambah data transaksi Tabel Usecase text Menampilkan data konfirmasi pembayaran Tabel Usecase text Menambahkan data konfirmasi pembayaran Tabel Usecase text Menampilkan data pembelian berlangsung Tabel Usecase text Menampilkan data pembelian selesai Tabel Usecase text Menampilkan data konfirmasi penerimaan item Tabel Usecase text Menambahakan data konfirmasi penerimaan item Tabel Usecase text Menambahakan review penjual Tabel Usecase text Menampilkan data lapak Tabel Usecase text Menampilkan data detail lapak Tabel Usecase text Menampilkan data komentar lapak Tabel Usecase text Menambahkan data komentar lapak Tabel Usecase text Menampilkan data profile pelanggan Tabel Usecase text Melakukan pencarian data lapak Tabel Usecase text Menampilkan data penarikan uang Tabel Usecase text Menampilkan data penarikan uang Tabel Usecase text Mengubah data pelanggan Tabel Desain Fisik Tabel Admin Tabel Desain Fisik Tabel Banner Tabel Desain Fisik Tabel Daftar_bank Tabel Desain Fisik Tabel Detail_lapak Tabel Desain Fisik Tabel Detail_lapak Tabel Desain Fisik Tabel Item Tabel Desain Fisik Tabel Komentar Tabel Desain Fisik Tabel Konfirmasi_pembayaran Tabel Desain Fisik Tabel Lapak Tabel Desain Fisik Tabel Lapak Tabel Desain Fisik Tabel Penarikan Tabel Desain Fisik Tabel Refund Tabel Desain Fisik Tabel Rekening_admin Tabel Desain Fisik Tabel Review Tabel Desain Fisik Tabel Transaksi Tabel Desain Fisik Tabel User Tabel 4. 1 Tabel pengujian sistem xiv

15 DAFTAR GAMBAR Gambar 3. 1 Gambar Prosses Bisnis Sistem Informasi Gambar 3. 2 Gambar mapping aplikasi Gambar 3. 3 Gambar Usecase Diagram Gambar 3. 4 Sequence diagram menampilkan data bank Gambar 3. 5 Squence Diagram Menambahkan daftar bank Gambar 3. 6 Sequence Diagram Mengubah data bank Gambar 3.7 Sequence Diagram Menghapus data bank Gambar 3.8 Sequence Diagram Menampilkan data rekening admin Gambar 3. 9 Sequence Diagram Menambahkan data rekening admin Gambar Sequence Diagram Mengubah data rekening admin Gambar Sequence Diagram Menghapus data rekening admin Gambar Squence Diagram Menampilkan data Slider Gambar Sequence Diagram Menambahkan data Slider Gambar Sequence Diagram Menampilkan data lapak Gambar Sequence Diagram Menampilkan data pelanggan Gambar Sequence Diagram Menampilkan data konfirmasi bayar Gambar Sequence Diagram Menambahkan konfirmasi bayar Gambar Sequence Diagram Melakukan tolak konfirmasi bayar Gambar Sequence Diagram Menampilkan pembayaran dikonfirmasi Gambar Sequence Diagram Menampilkan konfirmasi penarikan saldo Gambar Squence Diagram Melakukan konfirmasi penarikan saldo Gambar Sequence Diagram Menampilkan penarikan saldo sukses Gambar Sequence Diagram Menampilkan transaksi berlangsung Gambar Sequence Diagram Menampilkan detail transaksi berlangsung Gambar Sequence Diagram Menampilkan penerimaan item penjual Gambar Sequence Diagram Melakukan penerimaan item penjual Gambar Sequence Diagram Menampilkan penerimaan item sukses Gambar Sequence Diagram Menampilkan pengiriman item pembeli Gambar Squence Diagram Melakukan konfirmasi pengiriman item Gambar Sequence Diagram Menampilkan pengiriman item sukses Gambar Squence Diagram Menampilkan pembayaran penjual Gambar Sequence Diagram Melakukan pembayaran penjual Gambar Sequence Diagram Menampilkan pembayaran penjual sukses Gambar Sequence Diagram Menampilkan transaksi sukses Gambar Sequence Diagram Menampilkan detail transaksi sukses Gambar Sequence Diagram Menampilkan data refund Gambar Sequence Diagram Melakukan konfirmasi refund Gambar Sequence Diagram Menampilkan data refund sukses Gambar Sequence Diagram Menampilkan grafik transaksi Gambar Sequence Diagram Menampilkan grafik lapak Gambar Sequence Diagram Menampilkan data lapak Gambar Sequence Diagram Menambahkan data lapak Gambar Sequence Diagram Merubah data lapak xv

16 Gambar Sequence Diagram Menghapus data lapak Gambar Sequence Diagram Menampilkan konfirmasi penjualan Gambar Sequence Diagram Melakukan konfirmasi penjualan Gambar Sequence Diagram Menampilkan penjualan berlangsung Gambar Sequence Diagram Menampilkan penjualan selesai Gambar Sequence Diagram Menampilkan lapak halaman utama Gambar Squence Diagram Menambahkan data pada kerenjang belanja Gambar Sequence Diagram Menampilkan data kerenjang belanja Gambar Sequence Diagram Menghapus data kerenjang belanja Gambar Sequence Diagram Menambahkan data transaksi Gambar Sequence Diagram Menampilkan data konfirmasi pembayaran Gambar Sequence Diagram Melakukan konfirmasi pembayaran Gambar Sequence Diagram Menampilkan pembelian berlangsung Gambar Sequence Diagram Menampilkan pembelian selesai Gambar Sequence Diagram Menampilkan konfirmasi penerimaan item Gambar Sequence Diagram Menampilkan konfirmasi penerimaan item Gambar Sequence Diagram Menmbahkan data review Gambar Sequence Diagram Menampilkan detail lapak pada Home Gambar Sequence Diagram Menampilkan komentar pada lapak Gambar Sequence Diagram Menambahkan komentar pada lapak Gambar Sequence Diagram Menampilkan data profil pelanggan Gambar Sequence Diagram Menampilkan data pencarian lapak Gambar Sequence Diagram Menampilkan data penarikan saldo Gambar Sequence Diagram Menambahkan data penarikan saldo Gambar Sequence Diagram Mengubah data user Gambar Gambar Class Diagram Gambar Gambar ERD (Entity Relationship Diagram) Gambar Relasi Antar tabel Gambar Gambar Perancangan antarmuka halaman login Admin Gambar Gambar Perancangan antarmuka halaman input dan edit Admin 100 Gambar Gambar Perancangan antarmuka halaman menampilkan data Gambar Gambar Perancangan halaman menampilkan detail data Gambar Gambar Perancangan antarmuka halaman menghapus data Gambar Gambar Perancangan antarmuka halaman utama Gambar Gambar Perancangan antarmuka halaman menambah produk Gambar Gambar Perancangan antarmuka halaman menampilkan produk 103 Gambar Gambar Perancangan antarmuka halaman menghapus produk Gambar Gambar Perancangan antarmuka halaman menampilkan detail Gambar Gambar Perancangan antarmuka penjualan dan pembelian Gambar Gambar Perancangan antarmuka menampilkan daftar produk Gambar Gambar Perancangan antarmuka menampilkan detail produk Gambar 4. 1 Halaman login admin Gambar 4. 2 Halaman dashboard admin Gambar 4. 3 Halaman konfirmasi pembayaran admin Gambar 4. 4 Halaman data transaksi berlangsung admin Gambar 4. 5 Halaman data detail transaksi berlangsung admin xvi

17 Gambar 4. 6 Halaman menampilkan penerimaan item penjual Gambar 4. 7 Halaman menampilkan pengiriman item pembeli Gambar 4. 8 Halaman menampilkan pembayaran penjual Gambar 4. 9 Halaman transaksi selesai Gambar Halaman detail transaksi selesai Gambar Halaman detail transaksi selesai Gambar Halaman penarikan saldo Gambar Halaman daftar bank Gambar Halaman daftar rekening admin Gambar Halaman data slider Gambar Halaman data slider Gambar Halaman daftar lapak Gambar Halaman mengubah data lapak Gambar Halaman menghapus data lapak Gambar Halaman utama pelanggan Gambar Halaman menampilkan data lapak Gambar Halaman menampilkan detail data lapak Gambar Halaman menambahkan data kedalam kerenjang belanja Gambar Halaman menampilkan kerenjang belanja Gambar Halaman menambahkan data transaksi Gambar Halaman pesan berhasil transaksi Gambar Halaman menampilkan konfirmasi pembayaran Gambar Halaman menambahkan konfirmasi pembayaran Gambar Halaman konfirmasi penjualan Gambar Halaman penjualan berlangsung Gambar Halaman penjualan selesai Gambar Halaman konfirmasi penerimaan item Gambar Halaman menambahkan review Gambar Halaman penarikan saldo Gambar Halaman mengubah data pelanggan Gambar Halaman menampilkan data pelanggan xvii

18 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

19 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