perancangan website untuk media penjualan pada...

PERANCANGAN WEBSITE UNTUK MEDIA PENJUALAN PADA DISTRO HERACLES THRONE

NASKAH PUBLIKASI

diajukan oleh

Doni Kurniawan

11.22.1358

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA YOGYAKARTA

2013

DESIGNING WEBSITE FOR SALE ON DISTRO HERACLES THRONE

PERANCANGAN WEBSITE UNTUK MEDIA PENJUALAN PADA

DISTRO HERACLES THRONE

Doni Kurniawan Rum Muhammad Andri

Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

Developments in science and technology have a great impact on public awareness of the importance of the role of computers and computer usage. The most prominent development is the development of the internet. The presence of the Internet has been supporting the effectiveness and efficiency of operations, particularly its role as a means of communication, publications, as well as a means to obtain various information needed by a business entity. The tight competition requires every business to continue to be able to promote their business entities. Background of the issue we realized that the rapid development of technology and the fast requires every company to be actively promoting the company's products. Selling online is one way to simplify the delivery of information.

Heracles Throne is a business entity engaged in the sale of clothing. In this case the ease of consumer products in order to be realized. In Heracles Throne, ordering products still use social media networking through facebook, twitter, and phone or e-mail. By changing the existing media promotion being facilitated webstore customers in ordering products and can see a more complete catalog. Keywords : Heracles Throne, purchase, php, mysql, html.

1

1. PENDAHULUAN

Perkembangan ilmu pengetahuan dan teknologi mempunyai pengaruh

yang besar terhadap kesadaran masyarakat akan pentingnya peranan komputer

dan penggunaan komputer. Perkembangan yang paling menonjol adalah

perkembangan internet. Hadirnya Internet telah menunjang efektifitas dan

efisiensi operasional perusahaan, terutama peranannya sebagai sarana

komunikasi, publikasi, serta sarana untuk mendapatkan berbagai informasi yang

dibutuhkan oleh sebuah badan usaha. Ketatnya persaingan usaha menuntut

setiap pelaku usaha untuk terus mampu mempromosikan badan usahanya.

Berlatar dari masalah ini kami menyadari bahwa perkembangan teknologi yang

sangat pesat dan cepat menuntut setiap perusahaan untuk dapat aktif

memperkenalkan produk perusahaan. Penjualan online merupakan salah satu

cara yang tepat untuk mempermudah dalam penyampaian informasi.

Heracles Throne adalah suatu badan usaha yang bergerak dibidang

penjualan pakaian. Dalam hal ini kemudahan konsumen dalam memesan barang

harus diwujudkan.

Dengan mengubah media promosi yang sudah ada menjadi webstore

para konsumen dimudahkan dalam pemesanan karena tinggal memilih barang

yang disediakan melalui katalog dari website, pembeli juga mengetahui stock

barang sehingga mengetahui apakah barang tersebut masih tersedia atau tidak

dan dapat melakukan pembelian barang secara langsung melalui shoppingcart.

Dengan adanya webstore maka akan dapat meningkatkan penjualan dari Distro

Heracles Throne.

Berdasarkan latar belakang yang penulis kemukakan diatas maka akan

dapat dirumuskan masalah sebagai berikut : Bagaimana merancang sistem

penjualan online yang dapat menarik minat masyarakat dan mudah dioperasikan

oleh karyawan distro Heracles Throne?

Adapun tujuan dari penelitian ini adalah :

1. Tujuan penelitian adalah sebagai salah satu syarat dalam menyelesaikan

Program Pendidikan S1 Jurusan Sistem Informasi di STMIK Amikom

Yogyakarta.

2. Sedangkan tujuan khusus penelitian ini adalah diterapkannya website di

Distro Heracles Throne untuk memberikan kemudahan kepada konsumen

dalam pemesanan produk dan memberikan informasi tentang produk

Heracles Throne sehingga dapat meningkatkan keuntungan.

2

2. LANDASAN TEORI

2.1 Sistem Komputer

Komputer adalah serangkaian ataupun sekelompok mesin elektronik

yang terdiri dari ribuan bahkan jutaan komponen yang dapat saling bekerja

sama, serta membentuk sebuah sistem kerja yang rapi dan teliti. Sistem ini

kemudian dapat digunakan untuk melaksanakan serangkaian pekerjaan secara

otomatis, berdasar urutan instruksi ataupun program yang diberikan kepadanya.

Sistem komputer terdiri dari prosesor, memori, I/O. Fungsi dasar yang

dibentuk oleh system computer adalah eksekusi program. Program yang akan

dieksekusi berisi sejumlah instruksi yang disimpan di dalam memori. CPU akan

melakukan tugas ini dengan cara mengeksekusi program1. Elemen dari sistem

komputer adalah :

a. Perangkat keras (Hardware)

yaitu semua peralatan yg secara fisik terlihat dan dapat dijamah dalam

suatu komputer.

b. Perangkat Lunak (Software)

yaitu program yg berisi perintah-perintah untuk melakukan pengolahan

data. Software dapat dikelompokkan menjadi :

1. Bahasa program (program language), yg dipakai oleh para pembuat program

(programmer) utk membuat daftar instruksi (program) yg harus dilaksanakan

oleh komputer. Contoh bahasa program adalah Basic, Cobol, Fortran,

Pascal, Assembler, dll

2. Paket Aplikasi (package software) yaitu program yg sudah siap digunakan

untuk suatu aplikasi tertentu, misalnya, Wordstar, MS-Office, Lotus 123,

SPSS, dll.

3. Sistem operasi (operating system) adalah suatu program yg berfungsi

sebagai pengendali kerja komputer, misalnya DOS, UNIX, Windows,

Linux,dll

c. Pengguna (Brainware)

Pengguna (Brainware) adalah manusia atau orang-orang yang bekerja di

dalam mengoperasikan serta mengatur sisitem komputer, mereka

diantaranya adalah :

1. System Analyst, yg bertugas mempelajari, menganalisa, merancang dan

membentuk suatu system / prosedur pengolahan data secara elektronik

berdasarkan aplikasi yg dipesan oleh pemakai jasa komputer.

1 Sudarmawan dan Dony Ariyus, Interaksi Manusia dan Komputer, Andi, Yogyakarta, 2007, hal 8

3

2. Programmer, yg bertugas di dalam data processing yg mengerjakan

programming berdasarkan program spesialisasi.

Operator, yg bertugas mempersiapkan komputer utk memproses suatu

program mulai dari menghidupkan komputer, menjalankan komputer

(mengoperasikan program-program komputer / aplikasi komputer).

2.2 Internet

Internet merupakan jaringan komputer diseluruh penjuru dunia yang

saling terhubung satu sama lain dengan menggunakan standar Internet Protocol

Suite(TCP/IP) sehingga antara komputer dapat saling mengakses informasi dan

bertukar data.

2.3 E-COMMERCE

Electronic Commerce (EC) merupakan konsep baru yang bisa

digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web

Internet (Shim, Qureshi, Siegel, Siegel, 2000) atau proses jual beli atau

pertukaran produk, jasa, dan informasi melalui jaringan informasi termasuk

internet (Turban, Lee, King, Chung, 2000).

2.4 BAHASA PEMROGRAMAN HTML

HTML(HyperText Markup Language) adalah sebuah bahasa markup

yang digunakan untuk membuat halaman situs web agar dapat ditampilkan di

browser. HTML diatur standarisasi dan penggunaannya oleh World Wide Web

Consortiuom (W3C). Versi terbatu HTML adalah versi 5 dan saat ini sudah ada

XHTML yang merupakan pengembangan lebih lanjut HTML.

2.5 APLIKASI PENDUKUNG

Untuk pembuatan sebuah website diperlukan aplikasi pendukung dalam

pembuatannya, antara lain :

1. Adobe Photoshop, untuk mengedit gambar

2. Adobe Dreamweaver, untuk mengolah kode dan mengelola situs web

3. XAMPP, Perangkat lunak bebas, yang mendukung banyak sistem

operasi, merupakan kompilasi dari beberapa program. Fungsinya

adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas

program Apache HTTP Server, MySQL database, dan penerjemah

bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

3. ANALISIS DAN PERANCANGAN SISTEM

3.1 Tinjauan Umum Distro Heracles Throne

Heracles Throne merupakan distro mendistribusikan produksi pakaian

jadi dibawah brand sendiri. Produk yang ditawarkan antara lain, kemeja, jaket,

4

polo, dan celana panjang. Lokasi Heracles Throne berada di Jln. Joko Tingkir B

16 RT 4 / RW 9, Pajang, Laweyan, Surakarta – 57161.

Visi Heracles Throne :

memberikan konsumen pilihan berpakaian yang inovatif dan

imajinatif dimana konsumen dapat dengan bebas

mengekspresikan gaya mereka sendiri.

Misi Heracles Throne :

Misi Heracles Throne memberikan sesuatu yang berbeda

dengan kualitas terbaik sehingga dapat menarik minat konsumen

sehingga dapat membuat distro Heracles Throne menjadi

terkenal.

3.2 Analisis dan Perancangan Sistem

analisis dan desain sistem informasi (ANSI) bisa didefinisikan sebagai: Proses

organisasional komplek di mana sistem informasi berbasis komputer

diimplementasikan2

3.2.1 Analisis kebutuhan sistem

4. Kebutuhan fungsional (Functional Requirement)

Jenis kebutuhan yang berisi proses-proses apa saja yang

nantinya dilakukan oleh sistem. Kebutuhan fungsional juga berisi

informasi-informasi apa saja yang harus ada dan dihasilkan sistem.

Tabel 3.1 Kebutuhan Fungsional (Functional Requirement)

No Proses Deskripsi

1 Proses transaksi 1.1 Submit produk

- Memilih produk berdasarkan menu kategori

- Memilih produk berdasarkan form produk terbaru

1.2 Memproses data keranjang

- Sistem keranjang bisa mengupdate jumlah pembelian

produk

- Sistem keranjang bisa menghapus produk yang sudah

dimasukan ke keranjang

- Sistem menyediakan tombol lanjut belanja dan selesai

belanja.

1.3 Melihat data pemesanan

- Menampilkan data lengkap pesanan

- Data order otomatis masuk ke email kustomer

2 Hanif Al Fatta. 2007. Analisis dan Perancangan Sistem Informasi. Andi

5

2 Proses pencarian

data

2.1 Melakukan pencarian data

- Sistem dapat melakukan pencarian data untuk pencarian

data produk

2.2 Melihat hasil pencarian

- Menampilkan data pencarian produk

3 Memproses data

konfirmasi

3.1 Menambah data konfirmasi

- Sistem bisa entri data pada form konfirmasi untuk

kustomer

3.2 Validasi form

- Sistem tambah konfirmasi dilengkapi dengan validasi,

untuk menghindari kesalahan input bagi kustomer

3.3 Melihat data konfirmasi

- Melihat data konfirmasi di form yang sudah disediakan

untuk admin

3.4 Menghapus data konfirmasi

- Sistem bisa hapus data konfirmasi untuk admin

4 Memproses data

informasi

Admin

4.1 Memproses data profil

- Sistem bisa menampilkan data, entri data baru,

mengupdate, dan menghapus informasi profil

4.2 Memproses data cara beli


mengupdate, dan menghapus informasi cara pembelian

4.3 Memproses data produk


mengupdate, dan menghapus informasi produk

- Sistem tambah produk dilengkapi dengan validasi, untuk

menghindari kesalahan input bagi kustomer

4.4 Memproses data kategori


mengupdate, dan menghapus informasi kategori

4.7 Memproses data banner


mengupdate, dan menghapus informasi banner

4.8 Memproses data download


mengupdate, dan menghapus informasi data download

6

Kustomer

- Melihat data profil

- Melihat data cara pembelian

- Melihat data produk

- Melihat data kategori

- Melihat data banner

- Melihat data detail order setelah selesai transaksi

5 Memproses data

order

5.1 Melihat data order

- Melihat data order di form yang sudah disediakan untuk

admin

5.2 Menghapus data order

- Sistem bisa hapus data order

5.3 Detail order

5.4 Entri data nomor resi yang sudah melakukan pembayaran

- Ubah status pembelian baru, lunas, terkirim dan batal

6 Mencetak laporan 6.1 Melakukan pencarian data order

- Sistem menyediakan cari berdasar tanggal order untuk

mencetak laporan

6.2 Lihat dan cetak laporan

- View data laporan sebelum dicetak

5. Kebutuhan non fungsional

a. Kebutuhan perangkat keras (Hardware)

1. Untuk Server

a. Komputer

- Processor minimal 500Mhz

- RAM (Random Acces Memory) minimal 1GB

- Hardisk minimal 20MB

- VGA minimal 6MB

- Keyboard dan Mouse

b. Modem

Digunakan untuk mengakses internet

c. Saluran telepon, Handphone

2. Untuk Client

a. Computer

- Processor minimal 500Mhz

- VGA minimal 6MB

- RAM minimal 64MB

7

b. Handphone atau tablet

- Handphone atau tablet yang pasti harus terkoneksi

internet

b. Kebutuhan perangkat lunak (Software)

1. Untuk server

a. Sistem operasi

b. PHP untuk server scripting dan HTML untuk client scripting.

c. MysQl sebagai Database Management Sistem.

d. Browser

2. Untuk Client

a. Browser

c. Kebutuhan sumber daya manusia (Brainware)

Dari kebutuhan sumber daya manusia sistem ini

dikelompokkan menjadi 3 level pengguna yang mengakses

website, yaitu admin (pengelola), dan pengunjung.

a. Admin

Pengelola atau admin adalah level tertinggi yang dapat

mengakses seluruh bagian dari sistem dan memiliki hak

penuh untuk melihat, menambah, mengubah, maupun

menghapus data atau informasi yang ada di sistem.

b. Pengunjung

Pengunjung atau user merupakan seseorang pengguna

yang dapat melihat informasi produk dan dapat melakukan

pemesanan

3.3 Perancangan Sistem

3.2.3 Struktur Website

Struktir website penjualan online digunakan untuk menggambarkan

system pada setiap tingkatan sehingga memudahkan dalam perancangan

system.

8

1. Halaman Admin

Gambar 3.1 Struktur Halaman Admin

2. Halaman User

Review Update Berita

Cara Pembayaran

Cara mendaftar

Kategori Produk

Kategori Berita

Jenis Profil

Kategori Produk Order About User Admin Home

Halaman utama

Login Admin

Help

Berita

Cara Pembayaran

Cara mendaftar

Review Update

Detail Produk Kategori Produk

Produk

Profil

About Store Contact Home

Halaman utama

Beli Produk

Shopping Chart

Gambar 3.2 Struktur Halaman User

9

3. Perancangan Penjualan Online

Gambar 3.3 Context Diagram – DFD Level 0

4. IMPLEMENTASI DAN PEMBAHASAN

Implementasi sistem penjualan online berarti menerapkan sistem baru yang

disepakati sesuai dengan kebutuhan dan memenuhi tujuan dari pembuatan

sistem dan menerapkan sistem sesuai dengan rancangan yang telah ditentukan.

4.1 Uji coba sistem dan program

Pengujian dilakukan dengan pengujian black box

Tabel 4.1 Pengujian Halaman Administrator

Fitur Aksi Metode Hasil

Ganti

Password

Proses ganti Dilakukan dengan mengisi field

yang harus diisi kemudian klik

√ Pesan

kesalahan

WebStore

Administrator

User

Contact Sign In Data Order

Data Berita Data Produk Data Kategori Produk Data Review Data Update Data Cara Pendaftaran Data Cara Pembayaran Data Profil Data Contact

Contact Sign In Data order Keranjang belanja

Berita Review Update Produk Kategori Produk Profil Cara Pendaftaran Cara Pemesanan Contact

10

proses. Jika field belum diisi

terjadi pesan kesalahan

berhasil muncul

√ Data

password baru

berhasil

tersimpan

Produk Tambah Produk Dilakukan dengan mengisi field


simpan. Jika Field belum diisi

terjadi pesan kesalahan.

√ Data kategori

berhasil

tersimpan

Edit Produk Dilakukan dengan memilih data

produk yang akan diedit

kemudian ubah data yang akan

disesuaikan, kemudian klik

Simpan

√ Data kategori

berhasil

terupdate

Hapus Kategori Dilakukan dengan memilih data

produk yang akan dihapus,

kemudian klik hapus

√ data berhasil

dihapus

Kategori

Produk

Tambah

Kategori

Dilakukan dengan mengisi field




√ Data kategori

berhasil

tersimpan

Edit Kategori Dilakukan dengan memilih data

kategori yang akan diedit



Simpan

√ Data kategori

berhasil

terupdate

Hapus Kategori Dilakukan dengan memilih data

kategori yang akan dihapus,

kemudian klik hapus

√ data berhasil

dihapus

Artikel Tambah artikel Dilakukan dengan mengisi field




√ Data artikel

berhasil

tersimpan

Edit artikel Dilakukan dengan memilih data

artikel yang akan diedit


√ Data artikel

berhasil

terupdate

11


Simpan

Hapus Dilakukan dengan memilih data

merk yang akan dihapus,

kemudian klik hapus

√ Data berhasil

dihapus

Order Detail order Pilih order kemudian klik detail √ berhasil

ngelink ke

detail order

Ubah status Pilih status kemudian klik Ubah √ data status

berhasil diganti

Tambah resi Aktifkan textfield kemudian klik

ubah

√ Data produk

berhasil

tersimpan

Ongkos kirim Tambah ongkos Dilakukan dengan mengisi field




√ Data ongkos

berhasil

tersimpan

Edit ongkos Dilakukan dengan memilih data

ongkos yang akan diedit



Simpan

√ Data ongkos

berhasil

tersimpan

Hapus ongkos Dilakukan dengan memilih data

ongkos yang akan dihapus,

kemudian klik hapus

√ Data berhasil

dihapus

Cara

pembelian

Tambah

Isi data di field yang disediakan. √ Data cara

pembelian

berhasil

tersimpan

Contact Hapus contact Dilakukan dengan memilih data

contact yang akan dihapus,

kemudian klik hapus

√ Data berhasil

dihapus

Banner Tambah banner Dilakukan dengan mengisi field




√ Data banner

berhasil

tersimpan

12

Edit banner Dilakukan dengan memilih data

banner yang akan diedit



Simpan

√ Data banner

berhasil

tersimpan

Hapus banner Dilakukan dengan memilih data

banner yang akan dihapus,

kemudian klik hapus

√ Data berhasil

dihapus

Laporan Cetak laporan Entri data tanggal order yang

akan di cetak kemudian klik

proses

√ Data berhasil

di view

Tabel 4.2 Pengujian Halaman Utama/User

Fitur Aksi Metode Hasil

Form

pencarian

Melakukan

pencarian dari

konten

website

Dengan mengetikan

kata/kalimat yang hendak

dicari pada field pencarian

kemudian klik tombol cari, jika

ditemukan kata yang dicari

hasilnya akan muncul jika

tidak maka tertuliskan maaf

hasil pencarian tidak

ditemukan

√ hasil pencarian

berjalan dengan

baik

Cart Tambah data

cart

Pilih produk, kemudian klik

tombol beli

√ Data berhasil

dimasukan ke

keranjang belanja

Hapus data

keranjang

Klik tombol delete √ Data berhasil

dihapus

Update jumlah

data

Pilih di combobox √ Data berhasil di

update

Kategori Menampilkan

menu kategori

Menampilkan data kategori di

halaman website

√ Data kategori

berhasil

ditampilkan

Banner Menampilkan

banner

Menampilkan data banner di

halaman website

√ Data banner

berhasil

ditampilkan

13

Profil Menampilkan

profil

Menampilkan data profil di

halaman website

√ Data profil

berhasil

ditampilkan

Cara

pembelian

Menampilkan

cara

pembelian

Menampilkan data cara

pembelian di halaman website

√ Data cara

pembelian berhasil

ditampilkan

Semua produk Menampilkan

semua produk

Menampilkan data semua

produk di halaman website

√ Data semua

produk berhasil

ditampilkan

Produk terbaru Menampilkan

produk terbaru

Menampilkan data produk

terbaru di halaman website

√ Data produk

terbaru berhasil

ditampilkan

Berdasarkan hasil pengujian dengan kasus diatas dapat ditarik kesimpulan

bahwa perangkat lunak bebas dari kesalahan sintaks dan secara fungsional

mengeluarkan hasil yang sesuai dengan yang diharapkan.

4.2 Manual Program

a. Halaman Home

Gambar 4.1 Tampilan home

b. Halaman Cara Pembelian

Pada halaman ini akan dijelaskan bagaimana cara membeli barang di

website distro heracles

14

Gambar 4.2 Cara pembelian

c. Halaman Produk

Merupakan dari produk yang dijual pada distro heracles. Produk-produk

yang dimasukkan (input) dari administrator akan langsung dipostingkan pada

halaman produk di website.

Gambar 4.3 Halaman Produk

Tampilan dibawah ini adalah halaman untuk admin menambah,

mengupdate, dan mendelete produk.

15

Gambar 4.4 Halaman Produk Administrator

Ketika tombol beli pada produk dipencet maka produk tersebut akan dipindahkan

ke halaman cart (keranjang belanja). Di halaman ini barang yang akan dibeli

dijumlah terlebih dahulu untuk dicari totalnya. Total merupakan harga yang akan

dibayar oleh pelanggan.

Gambar 4.11 halaman cart

Ketika pelanggan memencet tombol kembali, maka akan berpindah halaman dan

pelanggan dapat memilih produk apa lagi yang akan dibeli, ketika pelanggan

memencet tombol beli halaman akan berpindah ke halaman order,

16

Gambar 4.12 halaman order

Didalam halaman order pelanggan harus mengisi data diri, setelah data diri

diproses maka akan diberikan keterangan tentang data diri dan data belanja,

pelanggan juga dapat mendownload file pdf nya.

Gambar 4.13 Halaman Order detail

5. PENUTUP

5.1 Kesimpulan

Berdasarkan hasil penelitian dan implementasi dari semua yang telah dilakukan

dapat ditarik kesimpulan :

Di Heracles Throne, media penjualannya masih menggunakan pemesanan

melalui media sosial yaitu jejaring facebook dan twitter akan tetapi hal itu tidak efektif

karena sejatinya media sosial hanya dapat digunakan untuk media promosi dan tidak

17

dapat digunakan untuk media penjualan karena konsumen tidak bisa langsung

membeli barang karena tidak terdapat shoppingcart sehingga konsumen harus

mengkonfirmasikan dengan admin untuk mengetahui apakah barang masih tersedia

dan bagaimana cara pemesanannya dan bagaimana membeli barang yang

diinginkan.

Adapun kelebihan dari website ini adalah :

5.1.1 Konsumen diberikan kemudahan dalam pemilihan produk karena website ini

telah dilengkapi fasilitas info produk secara detail

5.1.2 Memudahkan admin dalam mengolah produk, pemesanan dan pengiriman

karena fitur dan menu tersusun secara sistematis.

5.1.3 Sistem sudah mampu mencetak laporan sehingga tidak perlu lagi membuat

laporan.

5.2 Saran

Berikut ini adalah saran yang diharapkan dapat menjadi evaluasi :

5.2.1 Diperlukan penambahan fitur pada website distro heracles agar aplikasi

dapat menjadi lebih kompleks.

5.2.2 Tampilan pada halaman masih sangat sederhana untuk itu dalam

pengembangannya diharapkan dapat ditambahkan animasi dan aplikasi

tambahan.

5.2.3 Untuk admin dalam pengembangannya sebaiknya diberi level, dengan

maksud admin level tertinggi memiliki hak akses sepenuhnya dan level

dibawahnya dibatasi hak aksesnya, hal ini dilakukan agar ketika admin

utama berhalangan maka dapat digantikan admin yang lain namun tidak

dapat mengakses sepenuhnya, dengan dasar pengangkatan level

berdasarkan kesepakatan bersama.

Daftar Pustaka

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta : Andi.

Sudarmawan dan Dony Ariyus. 2007. Interaksi Manusia dan Komputer. Yogyakarta : Andi.

perancangan website untuk media penjualan pada...

Documents