Perancangan Website E-Commerce Sebagai Media Penjualan Miniatur Bus

(1)

Syntax Literate : Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN : 2548-1398

Vol. 4, No. 12 Desember 2019

PERANCANGAN WEBSITE E-COMMERCE SEBAGAI MEDIA PENJUALAN MINIATUR BUS

Dedi Saputra, Riswandi Ishak dan Setiaji

Fakultas Teknologi Informasi Universitas Bina Sarana Informatika

Email: dedi.dst@bsi.ac.id, riswandi.rik@bsi.ac.id dan setiaji.sej@bsi.ac.id Abstrak

Kemampuan ilmu komunikasi dan komputer saat ini memang diperlukan oleh semua manusia. Seperti perkembangan teknologi saat ini yang sedang berkembang, khususnya komputer dan internet, sehingga menjadikan sebagai salah satu sumber media informasi dan telekomunikasi, terutama untuk mendapatkan informasi yang cepat, akurat, dan up to date pada saat ini. Dengan pemanfaat kemajuan teknologi saai ini, pemasaran produk apapun dapat dilakukan. Perancangan website e-commerce sangat cocok untuk memasarkan produk agar dapat meningkatkan penjualan. Oleh karena itu penulis mencoba merancang sebuah web c-commerce penjualan miniatur bus yang dapat memberikan informasi berbasis web. Perancang website ini penulis buat untuk memperkenalkan produk yang di tawarkan, mempermudah customer dalam memesan produk yang akan dibeli dan informasi perusahaan melalui internet. Dengan adanya website ini diharapkan dapat memiliki manfaat bagi perusahaan agar berjalan lebih efektif dan efesien serta memberikan informasi bagi pelanggan dan pengguna internet secara lebih cepat.

Kata Kunci: Website, E-Commerce, Sistem Informasi

Pendahuluan

Informasi menjadi sebuah kebutuhan yang pokok, agar dapat terus memperbaharui biasanya mencari dan mendapatkannya melalui media cetak, elektronik dan internet. Seperti halnya makhluk hidup yang membutuhkan makan, maka informasi juga sudah menjadi kewajiban untuk segera dipenuhi, jika tidak terpenuhi maka bisa berpengaruh buruk bagi penggunanya. Di antara media yang telah disebutkan, internet menjadi sebuah alternatif pilihan yang tepat untuk mendapatkan data yang dibutuhkan dengan mudah dan cepat (Pramadita, 2017).

Penjualan Miniatur Bus saat ini sangat di minati oleh pecinta bus di Indonesia, selain bentuknya yang beraneka ragam aksesoris yang terdapat pada miniatur bus tersebut juga menyerupai dengan bus yang aslinya, harganya pun terjangkau untuk kalangan komunitas pecinta bus di Indonesia. Terbatasnya ruang lingkup pemasaran

(2)

Dedi Saputra, Riswandi dan Setiaji

produk yang hanya berada di lingkungan sekitar saja, menjadikan salah satu faktor utama permasalahan pada penjual. Untuk itu pemilik mesti lebih kreatif untuk mengembangkan produk miniatur bus tersebut, perlu adanya meningkatkan pelayanan yang lebih optimal terhadap pelanggan.

Kehadiran internet tidak bisa dilepaskan dari kisah perang dingin antara Uni Soviet dengan Amerika serikat yang ingin menguasai dunia. Alkisah, Uni Soviet telah berhasil meluncurkan Sputnik keluar angkasa (Cahyono, 2016). Peluncuran sputnik ditunjukan untuk menggambarkan kepada dunia bahwa Uni Soviet memiliki teknologi yang sangat canggih. Amerika yang dimasa perang dingin merupakan musuh bebuyutan Uni Soviet pun tidak tinggal diam melihat pertunjukan teknologi tinggi milik Uni Soviet tersebut. Penggunaan internet sebagai media perdagangan terus meningkat dari tahun ke tahun, hal ini disebabkan karena manfaat kemudahan yang di dapat oleh perusahaan ataupun konsumen dengan melakukan transaksi di internet. Menurut (Manan, SH, & Hum, 2017) “internet adalah sebuah teknologi yang bisa memberikan informasi pendahuluan yang perlu diketahui sebagai pengantar dunia internet. Internet awalnya digunakan untuk keperluan militer hingga akhirnya menjadi massal untuk keperluan sipil dan hiburan”.

Keberadaan E-commerce merupakan alternatif bisnis yang cukup menjanjikan untuk diterapkan saat ini, karena E-commerce banyak memberikan kemudahan bagi kedua belah pihak, baik dari pihak penjual (merchant) atau dari pihak pembeli (buyer) dalam melakukan transaksi perdagangan meskipun tidak saling bertemu langsung atau berada dalam jarak yang sangat jauh (Ellyani & Sari, 2016). Salah satu manfaat E-commerce ini adalah dengan menekan biaya-biaya untuk prnjualan, karena perusahaan atau pedagang tidak perlu lagi memajang barang dagangan di etalase atau di toko, sedangkan di sisi pembeli, mereka tidak perlu keluar rumah untuk membeli barang yang di inginkan, hanya cukup membuka perangkat yang terhubung di internet dan mulai memilih-milih barang yang di inginkan. Menurut (Sutarman, n.d.) “E-commerce adalah singkatan dari Electronik Commerce, yaitu pembelian, penjualan dan pertukaran barang atau layanan dan informasi secara elektronik, yaitu melalui jaringan komputer terutama internet”. E-commerce dapat diartikan dengan sangat luas, tidak hanya pembelian atau penjualan barang, tetapi juga layanan terhadap pelanggan, kerja sama dengan rekan bisnis serta membangun transaksi secara elektronik antara organisasi.

(3)

Perancangan Website E-Commerce Sebagai Media Penjualan Miniatur Bus

Berbelanja atau melakukan transaksi di internet sangatlah berbeda dengan melakukan transaksi perdagangan di dunia nyata. Dengan E-commerce memungkinkan kita bertransaksi dengan cepat dan biaya yang sangat murah tanpa proses yang berbelit-belit, dimana pihak pembeli cukup melihat ketentuan-ketentuan yang disyaratkan oleh penjual (term of condition), apabila syarat dan ketentuan tersebut telah disetujui oleh pembeli, maka pembeli hanya memilih barang yang ditawarkan oleh penjual, dan klik beli, dan setelah pembeli membayar sejumlah uang yang tertera baik melalui transfer bank, mengirim bukti transfer ke web lalu si pembeli hanya menunggu barang yang di pesannya datang ke alamat yang sebelumnya telah di sertakan pada saat memesan barang.

Metode Penelitian

Dalam hal ini peneliti menggunakan metode deskriptif dengan membagi kedalam dua metode penelitian yang akan digunakan, yaitu: metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model waterfall dan metode Pengumpulan Data

Untuk memperoleh data-data yang menunjang dalam menggunakan landasan teori dan konsep-konsep yang berkaitan dengan pembahasan ini, diantaranya :

1. Observasi

Aktifitas yang melakukan pengamatan terhadap suatu proses atau objek, dengan maksud memahami pengetahuan dari sebuah fenomena penjualan miniatur bus mulai dari pemesanan, pembayaran dan pengiriman barang. Berdasarkan gagasan yang sudah diketahui sebelumnya, penulis melakukan observasi di salah satu tempat pembuatan miniatur bus, dibikin berskala 1:50 berbahan fiber resin seat atau kursi di dalamnya juga berbahan fiber resin,mika & ban karet/fibber. Miniatur bus yang sudah siap jual, di jual dengan harga Rp.350.000 persatuannya .

2. Kepustakaan

Studi Pustaka yang merupakan metode pengambilan data dari beberapa buku cetak yang ada, seperti buku yang ada di perpustakaan luar ataupun perpustakaan Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika sebagai acuan mengenai pembuatan web berbasis e-commerce.

(4)

Hasil dan Pembahasan

A. Analisa Perancangan Website 1. Analisa Kebutuhan

Dalam sebuah sistem web biasanya terdapat analisa kebutuhan dimana hal tersebut dibutuhkan agar nantinya terdapat alur yang jelas dalam perencanaan didalam sistem tersebut. Berikut analisa kebutuhan yang diperlukan

a. Halaman Admin

1) Admin dapat melakukan login

2) Admin dapat menambahkan, mengedit, menghapus data Produk 3) Admin dapat menambahkan, mengedit, menghapus data News

4) Admin dapat menambahkan, mengedit, menghapus data Download laporan.

5) Admin dapat melihat data laporan b. Halaman Pelanggan

1) User dapat mengisi Form isi data member pelanggan 2) Pelanggan dapat Login Akses

3) Pelanggan dapat memesan serta membeli produk

4) Pelanggan dapat melakukan konfirmasi pembayaran Transaksi

5) Pelanggan dapat melakukan testimoni setelah barang sudah sampai di tangan pembeli.

2. Perancangan perangkat lunak

Dalam hal ini penulis akan menggambarkan rancangan website yang akan dibuat, yaitu mengenai bentuk layout maupun fungsinya yang nantinya dapat membantu dalam tahap perancangan website penjualan miniatur bus online. Berikut beberapa sampel layout yang penulis buat :

(5)

a. Rancangan Antar Muka

1) Rancangan Antar Muka Login Admin Gambar 1

Rancangan Antar Muka Login Admin

2) Rancangan Halaman Beranda Admin Gambar 2

Rancangan Halaman Beranda Admin

3) Rancangan Halaman Manajemen Admin Gambar 3

(6)

4) Rancangan Halaman Data Kategori Gambar 4

Rancangan Halaman Data Kategori

5) Rancangan Halaman Data Produk

Gambar 5

(7)

6) Rancangan Halaman Data Pelanggan Gambar 6

Rancangan Halaman Data Pelanggan

7) Rancangan Halaman Laporan Pemesanan Gambar 7

Rancangan Halaman Laporan Pemesanan

b. Basis Data

Berikut penggambaran basis data yang digunakan agar website e-commerce ini dapat di aplikasikan dengan baik. Di antaranya:

(8)

1) ERD (Entity Relationship Diagram) Gambar 8

(9)

2) Logical Relational Structure (LRS)

Gambar 9

Logical Relational Structure

3) Spesifikasi File

Dalam pembuatan program ini penulis menggunakan satu buah file database dengan nama db_miniatur, didalam database tersebut terdapat beberapa tabel, adapun yang penulis tampilkan disini adalah beberapa sampel tabel tersebut sebagai berikut:

a) Spesifikasi File admin Nama File : Admin Akronim : Admin,myd

Fungsi : menyimpan data password dan user name admin Tipe File : file master

(10)

Organisasi File : Indexed Sequential Akses File : random

Media : harddisk

Panjang Record : 104 karakter Tabel 1

Spesifikasi File Admin

b) Spesifikasi File Customer Nama File : Customer Akronim : Customer,myd

Fungsi : Untuk menyimpan data customer Tipe File : file master

Media : harddisk

Panjang Record : 115 karakter Kunci Field : id_customer Software : mysql

Tabel 2

Spesifikasi File Customer

No Nama Field Akronim Tipe Size Keterangan

1. Id customer id_customer Varchar 4 Primary Key 2. Nama lengkap nama_lengkap Varchar 10

3. Jenis Kelamin Jenis_kelamin Varchar 6

4. Email Email Varchar 30

5. Password Password Varchar 50

6. Telepon Telepon Integer 13

7. Tanggal Daftar tgl_daftar Date - 8.

Terima

penawaran terima_penawaran Integer 2

No Nama

Field Akronim Tipe Size Keterangan 1. Id Admin Id_admin Integer 4 Primary

Key 2. User name Username Varchar 10

3. Password Password Varchar 50 4. Nama

Lengkap Nama_lengkap Varchar 30

(11)

c) Spesifikasi file detail_pesan Nama File : detail_pesan Akronim : detail_pesan,myd

Fungsi : sebagai tempat jual beli suatu barang Tipe File : file master

Media : harddisk

Panjang Record : 15 karakter Kunci Field : -

Software : mysql Tabel 3

Spesifikasi File detail_pesan

No Nama Field Akronim Tipe Size Keterangan 1. No pesan no_pesan Varchar 6

2. Id produk id_produk Varchar 6

3. Jumlah Jumlah Integer 3

d) Spesifikasi File Pesan Nama File : pesan Akronim : pesan,myd

Fungsi : sebagai tempat jual beli barang Tipe File : file master

Media : harddisk

Panjang Record : 63 karakter Kunci Field : no_pesan Software : mysql

(12)

Tabel 4

Spesifikasi File Pesan

No Nama Field Akronim Tipe Size Keterangan

1. No pesan no_pesan Varchar 6 Primary Key

2. nama_penerima nama_penerima Varchar 30

3. Alamat Alamat Text - Primary Key

4. Telepon Telepon Varchar 13

5. Id costumer id_customer Integer 4

6. Tgl order tgl_order Date -

7. Jam order jam_order Time -

8. Status Status Varchar 10

c. Rancangan Struktur Navigasi 1) Struktur Navigasi Halaman admin

Gambar 10

Struktur Navigasi Halaman Admin

2) Stuktur Navigasi Halaman User

Gambar 11

(13)

3) Struktur Navigasi Halaman Member Gambar 12

Struktur Navigasi Halaman Member

3. Implementasi

Dalam jurnal kali ini penulis hanya menyajikan beberapa sampel implementasi yang dibuat, untuk lebih lengkapnya ada di projek implementasinya. Berikut beberapa implementasi yang ditampilkan:

a. Implementasi Rancangan Antar Muka 1) Halaman Login Admin

Administrator harus melakukan login dahulu untuk memasuki ruang admin.

Gambar 13 Halaman Login Admin

2) Halaman Beranda Admin

Pada halaman ini admin dapat menambah, mengdit, menghapus data yang terdapat didalam admin ini.

(14)

Gambar 14

Halaman Beranda Admin

3) Halaman Manajemen User

Pada halaman ini admin dapat menambah, mengdit, menghapus data yang terdapat didalam admin ini.

Gambar 15

Halaman Manajemen User

4) Halaman Data Transaksi

Pada halaman ini admin dapat melihat, mengedit atau menghapus detail data transaksi pemesanan.

(15)

Gambar 16

Halaman Data Transaksi

5) Halaman Beranda

Pengunjung akan melihat tampilan awal yang ada di website penjualan miniatur bus.

Gambar 17 Halaman Beranda Web

(16)

b. Spesifikasi Sistem Komputer 1) Perangkat Keras (Hardware)

Pada perancangan website untuk took miniatur bus, penulis menggunakan komputer dengan spesifikasi seperti dibawah ini:

Microprocessor : AMD DUAL, CORE Processor 1,3 Ghz Memory Size : 2,00 GB RAM

Monitor : 14”

Hard Disk : 500 GB Keyboard : 86 Keys

Mouse : Standard Mouse

Printer : HP Deskjet 2) Perangkat Lunak (Software)

Adapun software yang digunakan selama perancangan website adalah: Sistem Operasi : Windows 2010

Program aplikasi Desain : Adobe Photoshop CS6, Adobe Dreamweaver CS5

Bahasa Script : PHP, MYSQL

Web Server : XAMPP

Web Pengunjung : Google Chroom

Database : PHP myadmin

Kesimpulan

1. Dengan adanya website ini, informasi yang dibutuhkan oleh masyarakat luas dapat di akses dengan cepat dan mudah.

2. Dengan menggunakan website ini, mampu memberikan informasi lebih lengkap secara efisien waktu dan biaya.

3. Dengan menggunakan website ini, toko dapat melakukan transaksi bisnis dan juga sebagai sarana untuk promosi dan pemasaran

(17)

BIBLIOGRAFI

Cahyono, A. B. (2016). Perancangan Sistem Informasi Penjualan Arloji Berbasis Web. Ellyani, W., & Sari, D. R. (2016). Perancangan E-Commerce Sebagai Media

Pemasaran Mengunakan Metode Customer Relationship Management (CRM) Pada Rainbowtik Pangkalpinang.

Manan, H. A., SH, S., & Hum, M. (2017). Hukum Ekonomi Syariah: Dalam Perspektif Kewenangan Peradilan Agama. Prenada Media.

Pramadita, I. (2017). Embedded Graphic Online Service. Syntax Literate; Jurnal Ilmiah Indonesia, 2(1), 14–20.

Sutarman, M. (n.d.). Kom. 2009.“pengantar teknologi informasi”, Edisi pertama. Bumi Aksara. Jakarta.