Doni Kurniawan

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. 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.

1

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 1

melakukan tugas ini dengan cara mengeksekusi program . 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

2

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,

3

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

diimplementasikan 3.2.1

di

mana

sistem

informasi

berbasis

komputer

2

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

2

-

Menampilkan data lengkap pesanan

-

Data order otomatis masuk ke email kustomer

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

4

2

Proses pencarian data

2.1 Melakukan pencarian data -

Sistem dapat melakukan pencarian data untuk pencarian

data produk 2.2 Melihat hasil pencarian 3

Memproses data konfirmasi

Menampilkan data pencarian produk

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 4

Sistem bisa hapus data konfirmasi untuk admin

Memproses data

Admin

informasi

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

5

Kustomer

5

Memproses data

-

Melihat data profil

-

Melihat data cara pembelian

-

Melihat data produk

-

Melihat data kategori

-

Melihat data banner

-

Melihat data detail order setelah selesai transaksi

5.1 Melihat data order -

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 6

Mencetak laporan

Ubah status pembelian baru, lunas, terkirim dan batal

6.1 Melakukan pencarian data order -

Sistem menyediakan cari berdasar tanggal order untuk mencetak laporan

6.2 Lihat dan cetak laporan 5.

View data laporan sebelum dicetak

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

6

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.

7

1. Halaman Admin

Halaman utama

Login Admin

Home

Kategori

Produk

Order

Help

About

Jenis

Kategori Berita

Profil

Kategori Produk

Berita

User Admin

Cara Pembayaran

Cara mendaftar

Review

Update

Gambar 3.1 Struktur Halaman Admin 2. Halaman User Halaman utama

Home

Store

About

Contact

Profil Cara mendaftar

Produk

Berita

Review

Cara Pembayaran

Update Kategori Produk

Detail Produk

Shopping Chart

8 Gambar 3.2 Struktur Halaman User

Beli Produk

3. Perancangan Penjualan Online

Administrator

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

WebStore

Contact Sign In Data order Keranjang belanja

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

User

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

Proses ganti

Dilakukan dengan mengisi field

√

yang harus diisi kemudian klik

kesalahan

Password

9

Pesan

proses. Jika field belum diisi

berhasil muncul

terjadi pesan kesalahan

√

Data

password baru berhasil tersimpan Produk

Tambah Produk


√ Data kategori


berhasil

simpan. Jika Field belum diisi

tersimpan

terjadi pesan kesalahan. Edit Produk

Dilakukan dengan memilih data

√ Data kategori

produk

berhasil

yang

akan

diedit

kemudian ubah data yang akan disesuaikan,

kemudian

terupdate

klik

Simpan Hapus Kategori


√ data berhasil

produk

dihapus

yang

akan

dihapus,

kemudian klik hapus Kategori

Tambah


√ Data kategori

Produk

Kategori


berhasil


tersimpan

terjadi pesan kesalahan. Edit Kategori


√ Data kategori

kategori

berhasil

yang

akan

diedit


kemudian

terupdate

klik

Simpan Hapus Kategori


√ data berhasil

kategori

dihapus

yang

akan

dihapus,

kemudian klik hapus Artikel

Tambah artikel


√ Data artikel


berhasil


tersimpan

terjadi pesan kesalahan. Edit artikel


√ Data artikel

artikel

berhasil

yang

akan

diedit

kemudian ubah data yang akan

10

terupdate

disesuaikan,

kemudian

klik

Simpan Hapus


√ Data berhasil

merk

dihapus

yang

akan

dihapus,

kemudian klik hapus 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

√ Data produk

ubah

berhasil tersimpan

Ongkos kirim

Tambah ongkos


√ Data ongkos


berhasil


tersimpan

terjadi pesan kesalahan. Edit ongkos


√ Data ongkos

ongkos

berhasil

yang

akan

diedit


kemudian

tersimpan

klik

Simpan Hapus ongkos


√ Data berhasil

ongkos

dihapus

yang

akan

dihapus,

kemudian klik hapus Cara

Tambah

Isi data di field yang disediakan.

pembelian

√

Data

cara

pembelian berhasil tersimpan

Contact

Hapus contact


√ Data berhasil

contact

dihapus

yang

akan

dihapus,

kemudian klik hapus Banner

Tambah banner


√ Data banner


berhasil


tersimpan

terjadi pesan kesalahan.

11

Edit banner


√ Data banner

banner

berhasil

yang

akan

diedit


kemudian

tersimpan

klik

Simpan Hapus banner


√ Data berhasil

banner

dihapus

yang

akan

dihapus,

kemudian klik hapus Laporan

Cetak laporan

Entri data tanggal order yang

√ Data berhasil

akan di cetak kemudian klik

di view

proses

Tabel 4.2 Pengujian Halaman Utama/User Fitur

Aksi

Metode

Hasil

Form

Melakukan

Dengan

pencarian

pencarian dari

kata/kalimat

konten

dicari pada field pencarian

website

kemudian klik tombol cari, jika

mengetikan yang

hendak

√ hasil pencarian berjalan

dengan

baik

ditemukan kata yang dicari hasilnya

akan

muncul

jika

tidak maka tertuliskan maaf hasil

pencarian

tidak

ditemukan Cart

Tambah

data

cart

Pilih produk, kemudian klik

√

Data

berhasil

tombol beli

dimasukan

ke

keranjang belanja Hapus

data

Klik tombol delete

keranjang Update jumlah

Data

berhasil

dihapus Pilih di combobox

√ Data berhasil di update

data Kategori

√

Menampilkan

Menampilkan data kategori di

√

Data

menu kategori

halaman website

berhasil

kategori

ditampilkan Banner

Menampilkan

Menampilkan data banner di

√

Data

banner

halaman website

berhasil ditampilkan

12

banner

Profil

Menampilkan

Menampilkan data profil di

√

Data

profil

halaman website

berhasil

profil

ditampilkan Cara

Menampilkan

Menampilkan

data

cara

pembelian

cara

pembelian di halaman website

pembelian Semua produk

√

Data

cara

pembelian berhasil ditampilkan

Menampilkan

Menampilkan

data

semua

semua produk

produk di halaman website

√

Data

produk

semua berhasil

ditampilkan Produk terbaru

Menampilkan

Menampilkan

data

produk

produk terbaru

terbaru di halaman website

√

Data

terbaru

produk 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

13

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

mengupdate, dan mendelete produk.

14

halaman

untuk

admin

menambah,

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,

15

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

16

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.

17

Doni Kurniawan

Recommend Documents