APLIKASI SISTEM INFORMASI PENJUALAN MOTOR CUSTOM BERBASIS WEBSITE MENGGUNAKAN FRAMEWORK CODEIGNITER

Aplikasi Sistem Informasi Penjualan Motor Custom Berbasis Website

APLIKASI SISTEM INFORMASI PENJUALAN MOTOR CUSTOM BERBASIS WEBSITE

MENGGUNAKAN FRAMEWORK CODEIGNITER

Muhammad Agung Setiabudi

D3 Manajemen Informatika, Fakultas Teknik, Universitas Negeri Surabaya Email: agungs1095@gmail.com

Andi Iwan Nurhidayat

Jurusan Teknik Informatika, Fakultas Teknik, Universitas Negeri Surabaya Email: andyl34k5@gmail.com

Abstrak

Motor custom adalah perubahan dari bentuk sepeda motor standar menjadi motor yang memiliki jenis dari nama custom itu sendiri atau merancang mulai dari awal hingga jadi yang menghasilkan sepeda motor yang berbeda seperti pada umumnya. Permasalahan pada penelitian ini adalah cara pembuatan sistem aplikasi penjualan motor custom berbasis website yang relevan. Pembuatan website menggunakan

framework CodeIgniter. Perbedaan ketika membuat website menggunakan php native dengan memakai framework. Tujuan penelitian ini digunakan untuk membangun aplikasi penjualan motor yang dibutuhkan

sebagai bahasa pemrograman berbasis php. Pembuatan website menggunakan framework sangat relevan untuk diimplementasikan. Hasil penelitian menunjukkan bahwa : framework lebih mudah digunakan karena secara otomatis akan menertibkan atau mendisiplinkan kita untuk mengoding sistem yang kita buat dibanding php native yang masih belum ada Coding Style Consistence, produk sistem pada aplikasi yang dikembangkan akan memberikan kemudahan dalam transaksi penjualan dan pembelian motor maupun dalam pemasangan iklan.

Kata Kunci : Motor Custom dan Framework CodeIgniter.

Abstract

Customize motorbike is change from standard motorbike to become a motorbike that has a character, also the type of custom name itself, designs starting from standard motorbike to become the one that produces a different standard motorbike. The problem in this research is how to make a relevant website-based on custom motorcycle sales application system. website creation using the CodeIgniter framework. The difference when creating a website using native php using framework. The purpose of this study is to build motorcycle sales applications that are needed as php-based programming languages. Making a website using a framework is very relevant to be implemented. The results show that: framework is easier to use because it will automatically discipline to us to code the system we make compared to native php which still does not have Coding Style Consistence, system products in the application developed will facilitate the sale and purchase transactions of motorcycles and in advertising.

Keywords: Custom motorcycle and CodeIgniter Framework

.

PENDAHULUAN

Pada era globalisasi saat ini perkembangan teknologi dan informasi semakin pesat. Teknologi informasi saat ini menjadi hal yang paling dibutuhkan untuk kebutuhan informasi. Kebutuhan akan informasi yang cepat dan tepat juga merupakan suatu hal yang penting. Keterlambatan menyampaikan suatu informasi yang dibutuhkan akan menyebabkan informasi tersebut tidak relevan lagi bagi penggunanya. Melalui internet kita dapat mendapatkan berbagai macam informasi secara efektif dan cepat tanpa dibatasi adanya ruang dan waktu. Internet yang semakin meluas memungkinkan proses kebutuhan penjualan dapat dilakukan tanpa dibatasi adanya tempat dan waktu. Tidak menyangkal, bahwa media konvensional memiliki batasan untuk memenuhi kebutuhan karena adanya keterbatasan waktu dan tempat untuk mengakses selain itu media konvensional juga memiliki audiens yang terbatas. Internet menjadi salah satu alternatif yang paling mudah untuk diakses oleh

siapapun dan dimanapun dan tidak terkecuali dapat dijadikan sebagai sarana promosi maupun pasang iklan jual beli. Disini penulis akan membuat rancang bangun aplikasi penjualan motor custom berbasis website karena melihat adanya sistem saat ini masih banyak yang menggunakan grup dalam situs layanan jejaring sosial dan juga tidak sedikit pula yang melakukan transaksi jual beli dalam situs web iklan baris. Penulis akan memberikan wadah secara khusus untuk jual beli motor

custom yaitu pembuatan aplikasi berbasis website untuk

memfokuskan penjualan dan pembelian pada bidang motor custom itu sendiri.

KAJIAN PUSTAKA Transaksi

Menurut Abdul (2002) transaksi adalah suatu kesatuan prosedur didalam program yang mungkin memperbaharui data pada sejumlah tabel. Sebagai contoh, sebuah

transaksi adalah saat Anda mnegambil uang melalui ATM. Transaksi dibagi menjadi dua yaitu sistem transaksi tunai (cash) dan sistem transaksi non tunai dalam hal ini adalah credit. Sistem transaksi cash atau tunai adalah uang yang ada ditangan masyarakat(di luar bank umum) dan siap dibelanjakan setiap saat, terutama untuk pembayaran-pembayaran dalam jumlah yang tidak terlalu besar. Sistem transaksi credit menurut Pasal 1(11) UU No. 10/1998 tetntang Perubahan Atas UU No. 7/1992 tentang Perbankan (UU Perbankan), adalah penyediaan uang atau tagihan yang dapat dipersamakan dengan itu, berdasarkan kesepakatan antara bank dengan pihak lain yang mewajibkan pihak peminjam untuk melunasi utangnya setelah jangka waktu tertentu dengan pemberian bunga. Menurut saya sebuah transaksi adalah suatu kejadian ekonomi yang melibatkan sedikitnya dua orang atau lebih yang memiliki perjanjian hukum dan bertujuan untuk agar antara kedua belah pihak yang saling berkaitan dapat mencapai kata kesepakatan yang sah.

Motor Custom

Motor Custom menurut Ignatius Hendra atau lebih dikenal dengan sapaan Bingky dalam jurnal Carmudi Indonesia. Pada dasarnya custom itu ada dua; “build dari nol atau modifikasi dari bahan motor yang sudah ada”. Masih banyak yang beranggapan modifikasi dan custom itu sama. Padahal, keduanya memiliki arti yang berbeda, karena prinsip modifikasi itu hanya mengubah motor standar dengan menggunakan aksesoris aftermarket. Sedangkan custom itu membuat karya dari nol hingga menjadi sesuatu sesuai dengan konsep awal. Semisal, membuat sasis, pelek, jok, dan sebagainya yang dilakukan dengan handmade atas ide sang builder. Website

Menurut Rahmad (2010) website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informsi teks, gambar diam atau gerak, animasi, suara dan atau gabungan dari semuanya, baik yang besrfiat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman web dengan halaman lain disebut Hyperlink, sedangkan teks yang dijadikan media penghubung disebut Hypertext. HTML

Menurut Anhar (2010) Hypertext Markup Language (HTML) merupakan bahasa pemrograman web yang memiliki sintak atau aturan tertentu dalam menuliskan

script atau kode-kode, sehingga browser dapat

menampilkan informasi dengan membaca kode-kode HTML. Untuk memudahkan kita dalam mempelajari dasar pemrograman HTML.

MySql

MySql (My Structure Query Language) adalah salah satu

Database Management System (DBMS) dari sekian

banyak DBMS seperti Oracle, MS SQL, Postage SQL, dan lainnya. MySQL berfungsi untuk mengolag databse

menggunakan bahasa SQL MySQL bersifat open source sehingga kita bisa menggunkannya secara gratis. Pemrograman PHP juga sangat mendukung/support dengan database MySQL. Database sendiri adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database Data Record dan Field. MySql sendiri merupakan aplikasi atau sistem operasi yang berada dalam satu aplikasi XAMPP. Yang berkesinmabungan dengan sistem lain seperti apache. Database Management System ini berguna untuk menyimpan data dengan jumlah yang cukup besar pada website. MySql berfungsi mencakup data dalam proses pembuatan website. Gambar dibawah ini adalah contoh struktur dan detail dari kolom struktur database MySql. PHP

Menurut Supomo dan Vidiandry (2016) HyperText

Preprocessor adalah suatu bahasa pemrograman yang

digunakan untuk menerjemahkan baris kode program menjadi kode mesin yang dapat dimengerti oleh komputer yang bersifat server-side yang dapat ditambahkan ke dalam HTML. PHP merupakan suatu bahasa pemrograman sisi server yang dapat Anda gunakan untuk mmebuat halaman Web dinamis. Contoh bahasa yang lain adalah Microsoft Active Server Page (ASP) dan Java Server Page (JSP). Dalam suatu halaman HTML Anda dapat menanamkan kode PHP yang akan dieksekusi setiap kali halaman tersebut dikunjungi. Karena kekayaannya akan fitur yang mempermudah perancangan dan pemrograman web, PHP memiliki popularitas yang tinggi. PHP adalah kependekan dari

HyperText Preprocessor (suatu akronim rekrusif) yang

dibangun oleh Rasmus Lerdorf pada tahun 1994. Dahulu, pada awal perkembangannya PHP disebut sebagai kependekan dari Personal Home Page. PHP merupakan produk Open Source sehingga Anda dapat mengakses

source code, menggunakan, mengubahnya tanpa harus

membayar sepeser pun. (Antonius, 2010:9). DFD

Menurut Jogiyanto (2005) Data Flow Diagram (DFD) digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data mengalir (melalui telepon) atau lingkungan fisik dimana data disimpan (melalui diskette , file kartu). DFD merupakan alat yang digunakan pada metodologi pengembangan secara jelas dan terstruktur. DFD sendiri merupakan diagram aliran data yaitu penggambaran suatu sistem aplikasi yang digunakan untuk mengembangkan proses sistem aplikasi itu sendiri dan dapat menyimpan data yang memiliki aliran atau alur dan tujuan yang jelas. Bootstrap

Menurut Rohi (2016) bootstrap merupakan framework CSS yang digunakan untuk membantu membuat website

responsive dengan mudah. Website yang dibuat

menggunakan bootstrap, desainnya akan bisa menyesuaikandengan ukuran layar device yang digunakan, sehingga tampilan smartphone berbeda

dengan tampilan pada laptop, namun tetap terlihat rapi. Bootstrap sendiri merupakan framework dalam bentuk HTML, CSS yang dipakai untuk membantu memudahkan sebuah pemrograman web agar desain website terlihat

good looking, user friendly, agar webiste memiliki tools

yang dapat memudahkan menjalankan website itu sendiri. Dan bisa menyesuaikan dalam bentuk layar laptop (maximize maupun minimize). Berikut adalah contoh beberapa fitur yang ada dalam bootsrtap dalam penggunaan website.

Framework

Menurut Jubilee (2015) framework merupakan banyak kode, yang disimpan ke dalam beberapa file yang terpisah, dan memberikan kemudahan penggunaan kode yang digunakan secara berulang-ulang. Kumpulan fungsi dari kumpulan library. Sehingga seorang programmer tidak perlu lagi membuat fungsi-fungsi dari awal. Karena sudah dapat memanggil fungsi-fungsi yang telah ada, tentunya cara menggunakan fumgsi-fungsi tersebut sudah ditemtukan oleh framework. (Bernadus & Ester, 2012:1) CodeIgniter

Menurut Naista (2017) codeigniter merupakan framework berbasis PHP yang kuat dengan footprint yang sangat kecil, dibangun untuk pengembang yang membutuhkan

toolkit sederhana dan elegan untuk membuat aplikasi web

dengan fitur lengkap. CodeIgniter sendiri yaitu merupakan framework PHP yang memiliki model MVC (Model, View, Controller) atau memiliki tools berupa beberapa folder untuk mengcoding dan memanggil beberapa fungsi dalam folder tersebut untuk memberikan kemudahan membuat website.

ANALISA DAN PERANCANGAN SISTEM Analisis Sistem

Analisis sistem dilakukan dengan cara menguraikan suatu sistem informasi yang utuh kedalam bagian komponennya dengan tujuan mengidentifikasi dan mengevaluasi permasalahan yang nantinya akan ditemukan kelemahan dan kelebihan pada sistem tersebut. Dari sistem tersebut akan ada data dan fakta yang dapat digunakan sebagai bahan uji dan analisis mengarah pada pengembangan dan pembuatan sistem yang diusulkan.

1. Metode Pengumpulan Data

Pada tahap ini dilakukan metode pengumpulan data dari konsep aplikasi yang akan dibuat, yaitu dengan cara mencari data dan tutorial yang berhubungan dengan Rancang Bangun Aplikasi Penjualan Motor

custom Berbasis Website.

a. Analisis

Analisis merupakan tahap awal dimana tahap ini akan menentukan kebutuhan pada user seperti bagaimana cara mengoperasikan sistem dalam aplikasi, bagaimana cara menjual motor custom dengan memasukkan data user dengan cara online kedalam aplikasi. Analisis kebutuhan data , analisis kebutuhan informasi dan analisis kebutuhan proses pada sistem aplikasi penjualan motor custom

b. Perancangan sistem

Tahap kedua yaitu perancangan desain sistem yaitu merancang desain sistem yang akan dibuat. Rancangan sistem ini terdidri dari gambaran untuk tampilan website, struktur database, coding program atau listing program. Gambaran untuk tampilan website merupakan bagian dari pengerjaan dalam pembuatan aplikasi pada tahap desain agar hasil dari tampilan website lebih menarik dan responsif untuk pengguna/user dalam pemakaiannya seperti PC,

smartphone dan tablet sehingga lebih mudah untuk

dioperasikan. Struktur database yang bertujuan untuk jalannya proses bisnis dan penggambaran alur dokumen, kemudian membuat (DFD) gambaran aliran data sebagai kebutuhan tabel-tabel yang diinginkan, selanjutnya membuat relasi antar tabel (CDM-PDM).

c. Implementasi Kode Program

Setelah tahap perancangan atau desain aplikasi selanjutnya adalah tahap implementasi yaitu mengimplementasikan atau mentranformasikan kode kedalam baris program.

d. Pengujian Kode Program

Tahap selanjutnya yaitu melakukan pengujian program yang bertujuan untuk menguji kebenaran program.

e. Penerapan Program

Penerapan program merupakan tahap akhir dimana aplikasi nantinya mengalami perubahan-perubahan, perbaikan dan permintaan sesuai dengan permintaan. 2. Gambaran Sistim Umum

Motor custom yang bagus dan nyaman tentunya menjadi impian untuk para pecinta motor custom itu sendiri. Penjualan motor custom pada sebelum era digital yaitu penjual melakukan sistem penjualan dengan menaruh barang pada bengkel lalu builder akan menjualkan kepada kolektor motor yang ingin membeli motor custom yang dipajang dibengkel. Kemudian bisa juga dengan cara menjualkan motor kepada teman atau kepada komunitas yang ada. Dengan adanya alur sistem yang masih manual menjadikan penjualan motor masih kurang efektif.

Berikut adalah pengguna yang terlibat langsung dialam analisis pengguna jual beli kendaraan motor custom,

a) Pihak 1 sebagai penjual menaruh barang kepada pihak 2.

b) Pihak 2 sebagai perantara penjualan yang mempromosikan motor custom barang pihak 1 .

c) Pihak 3 selaku pembeli motor custom atau konsumen.

Berikut adalah gambar 1 yang merupakan gambaran dari alur sistem jual beli motor custom yang dilakukan masyarakat pada umumnya seperti pada gambar dibawah ini.

Gambar 1. gambaran alur sistem jual beli

Gambar 2. flowmap registrasi penjual

Gambar 3. flowmap upload iklan 3. Sistem yang diusulkan

Motor custom yang bagus dan nyaman tentunya menjadi impian untuk semua individu dan juga keluarga. Rancang bangun aplikasi penjualan motor custom dengan sistem online ini merupakan aplikasi yang memberikan kemudahan seorang kolektor pecinta motor untuk mencari sebuah motor custom tanpa harus survei lapangan. Aplikasi penjualan motor custom yang dibuat ini adalah bisnis jual beli kendaraan dengan skala yang masih kecil. Alur website didalamnya yaitu user (penjual) disediakan tampilan login yang berisi data untuk rekap data dari penjual kemudian pasang iklan dengan cara memasukkan data berupa

display picture motor custom agar motor custom

yang akan dijual bisa diakses atau dilihat oleh semua pengguna atau user pada website halaman utama penjualan (front-end). Kemudian user (pembeli) diberikan daftar iklan produk motor user penjual dari laman website agar bisa memilih motor sesuai yang diinginkan, jika sesuai dengan permintaan maka pihak ke dua atau selaku admin akan memberikan jadwal untuk mencapai mufakat proses jual beli antara pihak satu dan pihak tiga. Tampilan website untuk admin (back-end) dilakukan untuk rekap data penerimaan data user penjual dan user pembeli yang masuk sebagai permintaan menjual dan membeli motor custom.

Berikut adalah flowmap gambar dari alur sistem yang diusulkan untuk proses jual beli motor custom yang bisa disebut lebih efektif, seperti contoh gambar flowmap berikut ini.

Flowmap registrasi user penjual yaitu proses alur user penjual melakukan regsitrasi dengan menginputkan data diri kemudian tersimpan dalam database tabel penjual. Registrasi pembeli memiliki

alur yang sama seperti user penjual. Contoh flowmap seperti gambar 2 dibawah ini.

Flowmap upload iklan yaitu ketika penjual berhasil login lalu melakukan upload iklan maka data motor user penjual akan diterima oleh admin. Jika admin menyetujui maka iklan akan tampil dalam website. Contoh flowmap seperti gambar 3 dibawah ini.

Flowmap pembelian yaitu ketika pembeli berhasil login lalu memilih kategori produk motor dan input data pelanggan untuk membeli kemudian melakukan transaksi pembayaran kepada rekening admin lalu admin mengonfirmasi pembayaran kepada penjual. Dan penjual mengirim barang kepada pembeli. Contoh flowmap seperti gambar 5 dibawah ini.

Gambar 5. flowmap laporan keuangan

Gambar 7. DFD Level 1 Gambar 6. DFD Level 0

Gambar 4. flowmap pembelian

Flowmap laporan keuangan yaitu jenis laporan dari hasil transaksi pembayaran yang masuk oleh pembeli dan laporan transfer pembayaran kepada user penjual. Contoh flowmap laporan keuangan seperti gambar 6 dibawah ini.

Desain Sistem

Dalam pembuatan aplikasi penjualan motor custom berbasis website ini bahasa pemorgraman yang digunakan adalah bahasa PHP dengan framework codeiginiter dan untuk penyimpanan database

menggunakan MySQL.

1. DFD (Data Flow Diagram) a) DFD Level 0

Pada gambar 7 DFD level 0 (konteks) merupakan gambaran bagaimana sistem berinteraksi dengan external entity. External

entity yang dimaksud adalah user penjual,

admin, user pembeli. External entity disini berinteraksi dengan sistem yang dimana sistem akan memberikan inetraksi balasan kepada

external entity. Pada entity (user) penjual

memiliki cabang yang berwewenang untuk melakukan penjualan barang melalui form tabel data yang sudah disiapkan.

b) DFD Level 1

Untuk lebih jelasnya berikut adalah penjelasan dari gambar 8 DFD level 1 :

1) Proses login, proses setelah pendaftaran dimana data setiap user yang sudah mengisi form akan dimasukkan dan disimpan didalam database dan setiap user hanya akan memasukkan username dan password untuk memudahkan proses masuk ke dalam webiste.

2) Proses data barang, proses data barang ini merupakan proses pengelolaan data yang kompleks. Dimana user penjual, admin, user pembeli terlibat didalamnya. Ketika user

1 .1 P e n d a ft a ra n U se r 1 .2 L o g in U se r 1 .3 M e n a m p il ka n D a ta B a ra n g 1 .4 P e n ca ta ta n D a ta B a ra n g d a ta u se r p e n d a ft a ra n p e m b e li b e rh a si l u se rn a m e ,p a ss w o rd , e m a il ,t e le p o n p e n d a ft a ra n p e n ju a l b e rh a si l u se rn a m e ,p a ss w o rd ,e m a il ,t e le p o n u se rn a m e ,p a ss w o rd u se rn a m e , p a ss w o rd p e m b e li . a d m in .. p e n ju a l. la p o ra n k e u a n g a n in fo rm a si p e m b a ya ra n in fo rm a si d a ta b a ra n g n o ti ce d a ta b a ra n g d a ta o rd e r p e n g ir im a n b a ra n g d a ta b a ra n g p e n ju a l d a ta p e n g ir im a n b a ra n g d a ta t ra n sa ks i la p o ra n k e u a n g a n d a ta t ra n sa ks i

Gambar 9. DFD Level 2 Pembayaran Motor Gambar 8. DFD Level 2 Login

Resource Flow_0

1.3.1.1 Laporan Konfirmasi Iklan

13 tb iklan pembeli. penjual. admin.. List Penjualan1 Status Penjualan1 Checklis Iklan Penjual1 sta tu s= m ot or m ot or =m od if m od el =m ot or pe nj ua l= m ot or tra ns ak si= m ot or sta tu s_ tra ns ak si= tra ns ak si tra ns ak si= pe m be li AD M IN na m a_ pe m be li pa ss wo rd _p em be li Ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 50 ) Pe nj ua l id userna m e pa ss wo rd _p en ju al em ai l_ pe m be li te lp on cr ea te d_ at _p em be li up da te d_ at <p i> In te ge r Va ria bl e ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 50 ) Nu m be r ( 13 ) Da te & T im e Da te & T im e <M > pe m be li na m a_ pe m be li al am at _p en ju al te lp _p em be li em ai l_ pe m be li pa ss wo rd _p em be li cr ea te d_ at _p em be li Ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 10 0) Nu m be r ( 13 ) Va ria bl e ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 50 ) Da te & T im e sta tu s id _s ta tu s na m a_ sta tu s cr ea te d_ at _s ta tu s up da te d_ at _s ta tu s <p i> In te ge r Va ria bl e ch ar act er s ( 50 ) Da te & T im e Da te & T im e <M > Id en tif ie r_ 1 <p i> m od el id _m od el na m a_ m od el cr ea te d_ at _m od el up da te d_ at _m od el <p i> In te ge r Va ria bl e ch ar act er s ( 50 ) Da te & T im e Da te & T im e <M > Id en tif ie r_ 1 <p i> m od if id _m od if na m a_ m od if cr ea te d_ at _m od if up da te d_ at _m od if <p i> In te ge r Va ria bl e ch ar act er s ( 50 ) Da te & T im e Da te & T im e <M > Id en tif ie r_ 1 <p i> m ot or id _m ot or m od if_ id ha rg a_ m ot or ta hu n de sk rip si ga m ba r m od el _i d sta tu s_ id pe nj ua l_ id cr ea te d_ at _m ot or up da te d_ at _m ot or <p i> In te ge r In te ge r Va ria bl e ch ar act er s ( 20 ) Nu m be r ( 4) Va ria bl e ch ar act er s ( 15 0) Im ag e (1 50 ) In te ge r In te ge r In te ge r Da te & T im e Da te & T im e <M > Id en tif ie r_ 1 <p i> tra ns ak si id _t ra ns ak si m ot or _i d id _p em be li al am at _p en gi rim an no_pengi rim an to ta l_ ha rg a_ ku rir to ta l_ ha rg a ku rir <p i> In te ge r In te ge r In te ge r Te xt (3 00 ) Va ria bl e ch ar act er s ( 20 ) Va ria bl e ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 50 ) Va ria bl e ch ar act er s ( 20 ) <M > sta tu s_ tra ns ak si id _s ta tu s_ tra ns ak si na m a_ sta tu s_ tra ns ak si In te ge r Ch ar act er s ( 60 )

Gambar 10. DFD Level 3 Upload Iklan

Gambar 11. Conceptual Data Model (CDM) penjual telah memasukkan barang(motor)

yang diiklankan ke dalam website, barang tersebut akan masuk kedalam database yang akan dikelola admin, admin bertugas untuk mengkroscek barang yang masuk dan menampilkan barang yang diiklankan oleh penjual ke dalam website.

c) DFD Level 2 Login

Pada gambar 10 DFD level 2 proses login, data user yang telah mendaftar berarti telah masuk ke database dan memiliki akun, proses ini digunakan untuk user yang telah memiliki data ketika ingin masuk kedalam website hanya mengisi nama dan password sehingga cukup mempermudah kedua user untuk selanjutnya ketika masuk ke dalam website.

d) DFD Level Pembayaran Motor

Pada gambar 12 DFD level 2 proses pembayaran motor menjelaskan tentang proses melakukan pembelian motor dimana user pembeli berkolerasi dengan admin. Ketika user pembeli yang telah memiliki akun dan tertarik pada barang yang ada pada website, pembeli melakukan transaksi transfer kepada admin, setelah admin menerima jumlah transfer oleh pembeli, admin akan mengontak penjual lalu penjual akan mengirimkan barang kepada alamat pembeli.

e) DFD Level 3 Upload Iklan

Pada gambar 13 DFD level 3 proses upload iklan menjelaskan tentang detail dari alur proses penjualan, pada saat admin menerima data dari barang iklan yang dilakukan oleh user penjual, admin dapat melihat data sekaligus mengkonfirmasi status barang penjual, ketika iklan memenuhi syarat maka admin mengirim data iklan penjual ke dalam tampilan website sehingga barang bisa ditampilkan pada website. 2. CDM

Conceptual Data Model menggambarkan hubungan antara data dalam basis data dengan menggunakan simbo;-simbol, dimana atribut dari suatu entitas mempunyai hubungan s(relasi) dengan atribut pada entitas yang lainnya. Untuk lebih jelasnya dapat dilihat pada gambar dibwah ini.

Pada gambar 14 yaitu CDM (Conceptual Data Model) dari Sistem Informasi Penjualan Motor

Custom, terdapat 7 tabel yang saling berelasi, yaitu,

a) Admin berelasi one to many terhadap pembeli Karena satu admin dapat mengolah data pada banyak pembeli.

b) Admin berelasi one to many terhadap penjual Karena satu admin dapat mengolah data pada banyak penjual, sehingga pada penjual terdapat id penjual.

c) Admin berelasi one to many terhadap status Karena satu admin berkorelasi dengan banyak status, yaitu. Sehingga tabel status terdapat id status.

d) Penjual berelasi one to one terhadap admin Karena satu penjual hanya berpautan dengan satu admin.

e) Penjual berelasi one to many terhadap modif Karena setiap satu penjual memiliki banyak tipe modif yang ingin dijual, sehingga modif memiliki tabel id modif.

f) Penjual berelasi many to one terhadap status Karena banyak penjual yang hanya dengan 1.2.1

Login user penjual dan pembeli

data login pembeli data login penjual

4 tb pembeli2 5 tb.penjual2 pembeli. username,password penjual username,password pembeli penjual.

output data pem bel i

10 tb pem bel i .

11 tb penj ual . 1.4.1

Pem bayaran barang

output data penj ual

penj ual .

adm i n.. pem bel i .

i nput data pem bayaran pem bel i

output data pem bayaran pem bel i

data pem bayaran pem bel i pengi ri m an barang

i nput data pem bel i m otor

A D M IN n a m a _ p e m b e li p a ss w o rd _ p e m b e li ch a r( 5 0 ) va rch a r( 5 0 ) P e n ju a l id usern a m e p a ss w o rd _ p e n ju a l e m a il _ p e m b e li te lp o n cr e a te d _ a t_ p e m b e li u p d a te d _ a t in t va rch a r( 5 0 ) va rch a r( 5 0 ) va rch a r( 5 0 ) n u m e ri c( 1 3 ,0 ) d a te ti m e d a te ti m e < p k> p e m b e li n a m a _ p e m b e li a la m a t_ p e n ju a l te lp _ p e m b e li e m a il _ p e m b e li p a ss w o rd _ p e m b e li cr e a te d _ a t_ p e m b e li ch a r( 5 0 ) va rch a r( 1 0 0 ) n u m e ri c( 1 3 ,0 ) va rch a r( 5 0 ) va rch a r( 5 0 ) d a te ti m e st a tu s id _ st a tu s id _ m o to r n a m a _ st a tu s cr e a te d _ a t_ st a tu s u p d a te d _ a t_ st a tu s in t in t va rch a r( 5 0 ) d a te ti m e d a te ti m e < p k> < fk > m o d e l id _ m o d e l n a m a _ m o d e l cr e a te d _ a t_ m o d e l u p d a te d _ a t_ m o d e l in t va rch a r( 5 0 ) d a te ti m e d a te ti m e < p k> m o d if id _ m o d if id _ m o to r n a m a _ m o d if cr e a te d _ a t_ m o d if u p d a te d _ a t_ m o d if in t in t va rch a r( 5 0 ) d a te ti m e d a te ti m e < p k> < fk > m o to r id _ m o to r idid_ m o d if id _ st a tu s id _ tr a n sa ks i id _ m o d e l m o d if _ id h a rg a _ m o to r ta h u n d e sk ri p si g a m b a r m o d e l_ id st a tu s_ id p e n ju a l_ id cr e a te d _ a t_ m o to r u p d a te d _ a t_ m o to r in t in t in t in t in t in t in t va rch a r( 2 0 ) n u m e ri c( 4 ,0 ) va rch a r( 1 5 0 ) lo n g b lo b in t in t in t d a te ti m e d a te ti m e < p k> < fk 4 > < fk 2 > < fk 1 > < fk 5 > < fk 3 > tr a n sa ks i id _ tr a n sa ks i id _ m o to r m o to r_ id id _ p e m b e li a la m a t_ p e n g ir im a n no_pengi ri m an to ta l_ h a rg a _ ku ri r to ta l_ h a rg a ku ri r st a tu s_ tr a n sa ks i b u kt i_ p e m b a ya ra n b u kt i_ re si st a tu s_ p e m b a ya ra n _ a d m in b u kt i_ p e m b a ya ra n _ a d m in cr e a te d _ a t u p d a te d _ a t in t in t in t in t te xt va rch a r( 2 0 ) va rch a r( 5 0 ) va rch a r( 5 0 ) va rch a r( 2 0 ) va rch a r( 5 0 ) va rch a r( 1 0 0 ) va rch a r( 6 0 ) va rch a r( 5 0 ) va rch a r( 6 0 ) ti m e st a m p d a te ti m e < p k> < fk 1 > st a tu s_ tr a n sa ks i id _ tr a n sa ks i id _ st a tu s_ tr a n sa ks i n a m a _ st a tu s_ tr a n sa ks i in t in t ch a r( 6 0 ) < fk > st a tu s= m o to r st a tu s= m o to r m o to r= m o d if m o to r= m o d if m o d e l= m o to r p e n ju a l= m o to r tr a n sa ks i= m o to r tr a n sa ks i= m o to r st a tu s_ tr a n sa ks i= tr a n sa ks i tr a n sa ks i= p e m b e li

Gambar 14. Proses Verifikasi Gmail

Gambar 12. Physical Data Model (PDM)

Gambar 15. Proses Login Penjual

Gambar 17. Konfirmasi Data Iklan Penjual Gambar 16. Pasang Iklan Penjual

Gambar 13. Registrasi Penjual memiliki satu status dalam baris perintah

penjualan.

g) Pembeli berelasi one to one terhadap admin Karena satu pembeli hanya akan berkaitan dengan satu admin.

3.

PDM

Physical Data Model hampir sama dengan CDM namun dalam PDM diberikan keterangan tipe data masing-masing aribut serta dijelaskan pula primary

key ataupun foreign key. Untuk lebih jelasnya dapat

dilihat pada gambar 15 dibawah ini.

HASIL DAN PEMBAHASAN A. Hasil

Dalam pembuatan Aplikasi Penjualan Motor berbasis Website ini memiliki 3 Hak Akses yaitu, Distributor (Admin), Penjual (User) dan Pembeli (User).

B. Pembahasan

Rancang bangun dari aplikasi penjualan motor ini terdiri dari 3 hak akses yang digunakan untuk kebutuhan yang diinginkan dengan mempermudah tampilan untuk user dan admin sebagai admin tetap yang akan ditampilkan sesuai alur proses yang dibuat sebelumnya. Karena tampilan admin dan user dibedakan dari tampilan implementasi dan kegunaanya. Berikut adalah penerapan tampilan untuk 3 hak akses dalam aplikasi yaitu :

Proses Register User Penjual a) Tampilan awal

Proses pendaftran merupakan tampilan awal user penjual untuk user penjual yang belum memiliki akun. Isi form regstrasi user penjual meliputi nama, password, alamat, tanggal lahir, jenis kelamin, telepon, nomor rekening dan gmail. Seperti gambar 16 dibawah ini.

b) Proses Verifikasi Gmail

Proses verifikasi, ketika user penjual sudah melakukan registrasi lalu diarahkan pada gmail dan mengcopy link yang sudah didapat. Seperti gambar 17 dibawah ini.

c) Proses Login Penjual

Proses login merupakan ketika user penjual sudah registrasi lalu mengisi form username dan password. Seperti gambar 18 dibawah ini.

Proses Penjualan a) Pasang iklan

Proses untuk pasang iklan yang disediakan untuk penjual terdiri dari form modif, model, tahun, deskripsi motor, harga, berat motor, gambar motor yang akan dijual dan lokasi. Seperti gambar 19 dibawah ini.

b) Konfrimasi data iklan

Konfirmasi data iklan merupakan tampilan yang sama sepeerti status konfirmasi iklan pada admin, yaitu menunjukkan iklan “telah disetujui”. Seperti gambar 20 dibawah ini.

Gambar 18. Iklan tampil dalam web

Gambar 25. Aksi Data Transaksi Gambar 22. Konfirmasi Admin

Gambar 23. Status Transaksi untuk Lanjutkan ke Penjual (Data Admin)

Gambar 19. Registrasi Pembeli

Gambar 20. Lihat Detail Barang

Gambar 21. Alert rincian beli barang

Gambar 24. Tampilan Beranda Admin c) Iklan tampil dalam web

Setelah penjual melakukan proses pasang iklan lalu dikonfirmasi bahwa iklan telah disetujui maka iklan akan tampil pada website. Seperti gambar 21 dibawah ini.

Proses Pembelian Barang a) Registrasi pembeli

Proses registrasi merupakan ketika user pembeli mengisi form data diri seperti gambar 22 dan login hanya perlu mengisi form username dan pssword.

b) Lihat detail barang

Lihat detail barang yaitu melhat detail keterangan atau rincian dari motor penjualan. Seperti gambar 24 dibawah ini.

c) Alert rincian beli barang

Ketika button dipilih maka akan tampil alert berupa alamat kota pengiriman yang dituju dan biaya tambahan ketika sudah menentukan kota pengiriman. Seperti gambar 25 dibawah ini.

d) Konfirmasi admin

Tampilan setelah melakukan bukti konfirmasi pembayaran yaitu perubahan pada status yang

dimana sebelumnya “belum dibayar” menjadi “menunggu konfirmasi admin”. Seperti gambar 26 dibawah ini.

e) Status transaksi (Data Admin)

Yaitu tampilan admin untuk konfirmasi kepada penjual bahwa motor yang dijual telah dibayar dan status dirubah menjadi “teruskan ke penjual” agar penjual dapat mengirim barang kepada alamat pembeli. Seperti gambar 27 dibawah ini.

Proses Transaksi

a) Tampilan beranda admin

Beranda Admin merupakan tampilan yang memiliki menu home, data transaksi, laporan keuangan dan data iklan. Seperti gambar 28 dibawah ini.

b) Aksi data transaksi

Aksi data transaksi yaitu tampilan pada proses terakhir ketika penjual telah melakukan pembayaran terhadap barang yang dibeli dan penjual yang sudah mengirimkan barang lewat resi bukti pengiriman dan status diubah ke “barang sedang dikirim”. Seperti gambar 29 dibawah ini.

Gambar 29. tampilan Barang Sedang Dikirim Gambar 26. Laporan Keuangan

Gambar 27. Aksi Laporan Keuangan

Gambar 28. Laporan Keuangan Admin (Sudah Dibayar)

c) Laporan keuangan (Belum Dibayar)

Laporan Keuangan merupakan tampilan untuk melakukan pembayaran oleh admin terhadap penjual. Seperti gambar 30 dibawah ini

d) Aksi laporan keuangan

Aksi laporan keuangan atau detail laporan keuangan yaitu admin memasukkan bukti foto pembayaran. Seperti gambar 31 dibawah ini.

e) Laporan keuangan (Sudah dibayar)

Berikut adalah tampilan perubahan status menjadi “sudah dibayar” dalam laporan keuangan ketika admin telah melakukan pembayaran terhadap penjual. Seperti gambar 32 dibawah ini.

Cek Porses Barang (User Pembeli)

Proses terakhir yaitu ketika pihak pembeli telah melakukan pembayaran dan admin mesetujui pembayaran pembeli lalu penjual akan mengirimkan resi untuk mengirim motornya. Maka status data order pembeli akan berubah menjadi “barang sedang dikirim”. Seperti gambar 33 dibawah ini.

SIMPULAN DAN SARAN Simpulan

Pada kesimpulan pembuatan aplikasi penjualan motor ini terdapat kelebihan dan kekurangan pada sistem yang dibuat yaitu :

1. Kelebihan

a. Aplikasi penjualan motor ini memberikan tampilan yang sederhana namun mudah untuk dipahami dalam proses penjualan itu sendiri.

b. Menggunakan database MySql yang dimana data dapat disimpan atau ditampung dengan memori yang cukup besar.

2. Kekurangan

Tidak adanya sistem cash and credit yang menjadi salah satu kekurangan dalam hasil dari pembuatan sistem aplikasi penjualan motor ini.

Saran

Saran dalam pembuatan Aplikasi Penjualan Motor ini antara lain :

1. Dalam pembuatan aplikasi penjualan motor ini masih banyak kekurangan diantaranya belum ditambahkannya sistem pengingat untuk pembayaran pengguna yang nantinya pengguna tidak lagi repot repot mengecek membuka website.

2. Untuk pengembangan Aplikasi Penjualan Motor ini model, desain tampilan bisa dibuat lebih menarik lagi dengan desain yang minimalis dan tentunya dapat mempermudah pengguna, dan analisa sistem didalamnya ditambahkan dengan sistem yang kompleks sehingga mempermudah admin untuk melakukan tugasnya.

DAFTAR PUSTAKA

Abdullah, Rohi. 2016. “Trik Mudah Membuat CMS

Website dari Nol”. Jakarta: PT Elex Media

Komputindo.

Adriane, Mark

“https://unsplash.com/photos/NI03-W7N6YE” diakses pada tanggal 17 Januari 2019

Anhar. 2010. “Panduan Menguasai PHP & MySQL

secara Otodidak ”. Jakarta : mediakita.

Burns, Christopher

“https://unsplash.com/photos/_MQFJp-eo1s”

diakses pada tanggal 18 Januari 2019

Dumlao, Nathan

“https://unsplash.com/photos/nathan-dumlao” diakses pada tanggal 17 Januari 2019

Enterprise, Jubilee. 2015. “Membuat Website PHP

dengan CodeIgniter”. Jakarta: PT Elex Media

Komputindo.

Enterprise, Jubilee. 2016. “Pemrograman Bootstrap

untuk Pemula”. Jakarta: PT Elex Media

Komputindo.

Hendra, Ignatius.

“(www.carmudi.co.id/journal/bingky- bukan-cuma-motor-chopper-custom-apa-saja-di-bikers-station/)” diakses pada tanggal 21 Februari

Herdi S, Bernadus & Dachi, E Laekha. 2012 “Buat

Sendiri Aplikasi Petamu Menggunakan Codeigniter dan Google Maps API”. Yogyakarta: C.V Andi

Offset.

Hidayat, Rahmat. 2010. “Cara Praktis Membangun

Website Gratis”. Jakarta: PT Elex Media

Komputindo.

Jogiyanto. 2005. “ANALISIS & DESAIN SISTEM

INFORMASI’. Yogyakarta: C.V Andi Offset.

Kadir, Abdul. 2002. “Konsep & Tuntunan Praktis BASIS

DATA’. Yogyakarta: Andi.

Naista, David. 2017. “CODEIGNITER Vs LARAVEL:

Kasus Membuat Website Pencari Kerja”.

Yogyakarta. Lokomedia.

Pratama, Antonius Nugraha Widhi. 2010. “Codeigniter:

Cara Mudah Membangun Aplikasi PHP”. Jakarta :

mediakita.

Sandian, Stephen

“https://unsplash.com/photos/stephen-sandian” diakses pada tanggal 17 Januari 2019

Solikin, Suseno. 2017. “Uang: Pengertian, Penciptaan

dan Peranannya dalam Perekonomian Volume 1 dari Kebanksentralan No.1:”. Pusat Pendidikan Dan

Studi Kebanksentralan(PPSK) Bank Indonesia. Susanto, Happy. 2008. “Hak-hak Konsumen Jika

Dirugikan”. Jakarta. Visimedia.

Suyanto, M. 2005. “Pengantar Teknologi Informasi untuk