## RANCANG BANGUN TOKO ONLINE PADA ANNA MEUBLE, KARANGANYAR KOTA TEGAL MENGGUNAKAN ADOBE DREAMWEAVER CS5
Tiara Eka Lestari, Yerry Febrian, Dairoh D3 Teknik Komputer Politeknik Harapan Bersama Jln. Mataram No. 9 Tegal Telp/Fax (0283) 352000

## ABSTRAK
Toko online adalah  sistem  penjualan  yang  menggunakan  aplikasi  elektronik  untuk  mendukung pengembangan  kegiatan transaksi jual beli dengan  media internet , intranet atau media jaringan komputer lain. TOKO  ANNA  MEUBLE    ROTAN  DAN  KAYU,  KARANGANYAR  KOTA  TEGAL  saat  ini  proses  jual belinya masih dilakukan melalui tatap muka secara langsung. Dengan adanya toko online proses transaksi jual beli menjadi lebih efektif dan efisien. Metode yang digunakan adalah metode pengumpulan data yaitu observasi, interview atau tanya jawab secara langsung kepada nara sumber yang terpercaya. Perancangan dilakukan sengan cara  membuat data  flow  diagram dan flowchart .  Program  dibuat  dengan  menggunakan  bahasa  pemrograman PHP dengan database MySQL .  Hasil  yang  dicapai  dalam  pembuatan  toko online ini  adalah  mempermudah proses  transaksi  jual  beli  tanpa  terikat  waktu  dan  tempat.  Dengan  adanya  toko online ini  pemilik  toko  bisa mengunggah  produk  dan  pembeli  bisa  membeli  produk  tersebut  setiap  saat.  Kesimpulan  dengan  adanya  toko online ini adalah untuk memudahkan transaksi jual beli antara pemilik toko dan pembeli.
Kata kunci : Aplikasi Toko online, internet, database MySQL

## 1. Pendahuluan
Kemajuan teknologi informasi di indonesia  terutama  dalam  bidang  teknologi informasi  memberikan  pengaruh  besar  bagi pengguna  sistem  informasi  di  perusahaan. Dalam  dunia  usaha  khususnya  pemasaran, internet merupakan  salah  satu  teknologi informasi  media  pemasaran  yang  bersifat global .  Dan  suatu  informasi  dapat  secara mudah  dan  cepat  untuk  disebarluaskan  dan diperoleh, hal ini memungkinkan para pengusaha  menggunakan  teknologi internet sebagai suatu bisnis.
Toko  Anna  Meuble  Rotan  dan  Kayu beralamatkan  di  Jl.  Karanganyar  Rt  03/03 Tegal,  Toko  Anna  Meuble  Rota  dan  Kayu menjual  beberapa  macam Meuble rotan  dan kayu  seperti  Sekesel  atau  penyekat  ruangan, ayunan  bayi,  kuda-kudaan,  tutup  saji,  kap lampu,  kursi  lenong,  kursi  goyang,  lemari partikel,  dipan  jati,  kursi  teras,  dan  masih banyak yang lainnya.
Proses  penjualan  pada  Toko  Anna meuble  melalui  3  mata  rantai  yaitu  di  ambil dari  pengrajin  dari  cirebon  ke  toko  Anna meuble  yang  selanjutnya  dari  toko  dijual kepada masyarakat, oleh karena itu toko Anna meuble masih mengandalkan cara yang sangat sederhana,  hanya  dengan  memajang  barang dagangannya  di  toko  untuk  memasarkan  dan
hanya masyarakat sekitar tegal saja yang tahu, mengakibatkan pendapatan Toko Anna Meuble  tidak  maksimal.  Toko  Anna  Meuble hanya Melayani pemesanan di pulau jawa saja. Dengan  perkembangan  Teknologi
Informasi dan Komunikasi ini, banyak website jual  beli online yang  dapat  digunakan  oleh banyak  kalangan  masyarakat  sebagai  media promosi  barang  yang  akan  mereka  jual,  akan tetapi  tidak  banyak  juga  orang  yang  memliki website penjualannya  sendiri.  Dengan  adanya website penjualan  milik  pribadi  itulah  banyak konsumen  yang  tertarik  melihat  –  lihat ataupun  membeli  barang  dagangan  yang dibutuhkan  mereka  dengan  tanpa  ada  rasa kehawatiran  akan  kepalsuan  iklan  ataupun kepalsuan identitas sang penjual.
Berdasarkan  uraian  tersebut  maka Toko  Anna  meuble  membutuhkan  sebuah Toko Online Anna  Meuble  Rotan  dan  Kayu, Karanganyar Kota tegal.

## 2. Landasan Tori
Dalam  bab  ini  menjelaskan  landasan teori  yang  digunakan  dalam  penyelesaian Penelitian  yaitu  pengertian  tentang  Penjualan, Aplikasi , Dreamweaver CS5, Database, MySQL, ERD (Entity  Relationship  Diagram) , DFD (Data Flow Diagram) , Flowchart.

## 3. Metode Penelitian
Metode ini dimaksudkan untuk mendapatkan  data  secara  umum  dengan melihat  secara  langsung  keadaan  yang sebenarnya.Dalam  hal  ini  penulis  melakukan pengamatan langsung di Toko Anna Meuble.

## 4. Hasil dan Analisa
A. Analisa dan Perancangan
Pada  Perancangan  Aplikasi  Penjualan Pada  Toko  Anna  Meuble  di  butuhkan beberapa  perangkat  agar  aplikasi  dapat berjalan dengan baik.
1. Perangkat Keras
Spesifikasi  perangkat  keras  yang  di gunakan dalam pembuatan Aplikasi Penjualan  Pada  Toko  anna  Meuble  adalah seperangkat laptop dengan spesifikasi sebagai berikut :
a) AMD Dual-Core Processor C60
b) DDR RAM 512 Mb
c) Harddisk 2.00 GB
d) Input  Device berupa mouse dan key board
e) Output  Device berupa monitor dan printer

## 2. Perangkat Lunak
Perangkat lunak yang di gunakan dalam pembuatan  sistem  informasi  nilai  MTs Tasywiriyah adalah sebagai berikut :
a) Sistem operasi Windows 7
b) Program Aplikasi Dreamweaver CS5
c) Program Aplikasi MySQL
Dalam  pembuatan  Aplikasi  Penjualan Pada  toko  Anna  Meuble  ini diperlukan sistematika perancangan yang berfungsi mengatur  jalannya  pembuatan,  pemodelan, serta  Dalam  hal  ini  perancangan  sistemnya menggunakan Flowchart .  Dengan  adanya Flowchart  urutan  proses  kegiatan  menjadi jelas.  Berikut  rancangan  aplikasi  informasi nilai siswa online menggunakan Flowchart :

## Gambar 1. Context Diagram website Penjualan
Pada Toko Anna Meuble Gambar 2 Hirarchy Chart website Penjualan Pada Toko Anna Meuble Admin Customer Input 1 Output 3 Proses 2 D1 D2 D3 Data_kategori Data_produk Data_kategori Data_produk Data_produk Data_kategori Data_kategori Data_produk Data_buku_tamu Data_buku_tamu D a ta _ b u k u _ ta m u Tabel_buku_tamu Tabel_produk Tabel_kategori Data_order Data_order D4 Tabel_order D a ta _ o r d e r D a ta _ c u s to m e r D a ta _ c u s to m e r Data_customer D5 Tabel_customer Data_customer D a t a _ b k _ t a m u D a t a _ o r d e r
Admin Kategori 1.2 D3 Data Kategori 3.3 Data_kategori Data_kategori Data_kategori Customer D a t a _ k a t e g o r i Data Customer 1.3 Data Customer 3.2 D5 Data_customer Data_customer Data_customer Buku Tamu 2.1 Data Produk 3.1 Data_produk D a t a _ B u k u _ T a m u Tabel kategori D3 Data_Buku_Tamu Data Buku Tamu 3.5 Data_Buku_Tamu Data_Buku_Tamu D1 Data_produk Produk 1.1 Data_produk Data_produk D a t a _ c u s t o m e r Tabel produk Tabel Buku Tamu Tabel customer Order 2.2 D a t a _ o r d e r D4 Tabel order Data_order Data_order Data Order 3.4 Data_order Gambar 4 DFD Level 1 Gambar 5 ERD Website Penjualan Pada Toko
Anna Meuble
Gambar 6 Flowchart program Gambar 7 Flowchart Admin Admin Input Customer Lihat id_bukutamu id_bukutamu Buku tamu email email nama nama waktu waktu pesan pesan id_bukutamu id_bukutamu email email nama nama waktu waktu pesan pesan Lihat Input 1 1 1 N Produk N Order kd_brg kd_brg kd_kat kd_kat nm_brg nm_brg bahan bahan harga harga stok stok kondisi kondisi gambar gambar deskripsi deskripsi kd_brg kd_brg kd_kat kd_kat nm_brg nm_brg
bahan bahan harga harga stok stok kondisi kondisi gambar gambar deskripsi deskripsi N N N Data Customer 1 customerid customerid address address name name provinsi provinsi id_kota id_kota 1 N state state zip zip no_telp no_telp email email tanggal_masuk tanggal_masuk customerid customerid address address name name provinsi provinsi id_kota id_kota state state zip zip no_telp no_telp email email tanggal_masuk tanggal_masuk
Start Menu = 0 Menu Menu Home Buku Tamu Cara Pembayaran Contact
Us Kategori Produk Keranjang Belanja Lagi ? End Ya Tidak Start xusername=”” , xpassword=”” xusername, xpassword Masuk / Login Home Lihat Pemesanan Lihat Akun Admin Lagi ? End Login gagal, Ulangi Lagi ! T Y Lihat Produk Lihat Buku
Tamu Lihat Kategori Lihat Customer T Y
Gambar 8 Flowchart tambah produk
Gambar 9. Flowchart Kategori
Gambar 10. Flowchart Buku tamu
start Xkd_brng=’’”,xnm_brng=’’”,xkd_ktgri=’’”, xbahan=’’”,xharga=’’”,xstok=””,xkondisi=””, xgambar=’’”, xdeskripsi=’’”,xukuran=”” tambah xkd_brng,xnama_ brng,xkd_ktgri,xba han,xharga,xstok,x kondisi,xgambar,x deskripsi,xukuran Simpan? edit xkd_brng,xnama_br ng,xkd_ktgri,xbaha n,xharga,xstok,xko ndisi,xgambar,xdes kripsi,xukuran Simpan? Kd_brng=xkd_brng,nm_brng=xnm_brng,u kuran=xukuran,kd_ktgri=xkd_ktgri,bahan= xbahan,hrg=xhrg,stok=xstok,kondisi=xkon disi,gambar=xgambar,deskripsi=xdeskripsi hapus end DELETE From barang WHERE kd_brng=xkd_brng Kd_brng=xkd_brng,nm_brng =xnm_brng,ukuran=xukuran,k d_ktgri=xkd_ktgri,bahan=xba han,hrg=xhrg,stok=xstok,kond isi=xkondisi,gambar=xgambar ,deskripsi=xdeskripsi kd_brng,xnama_brng,kd_kt gri,bahan,harga,stok,kondisi ,gambar,deskripsi,ukuran T Y T Y kd_brng,xnama_brng,kd_ktgri, bahan,harga,stok,kondisi,gamb ar,deskripsi,ukuran T T Y Y T Y Start Edit Simpan Tambah Hapus End T Y kd_kat=xkd_kat, nama_kategori=xnama_kategori kd_kat, nama_kategori DELETE FROM tb_kategori WHERE kd_kat=xkd_kat Y xkd_kat=””, xnama_kategori=”” xkd_kat, xnama_kategori Simpan kd_kat=xkd_kat, nama_kategori=xnama_kategori kd_kat, nama_kategori xkd_kat, xnama_kategori T T T Y Y T Y
Start xid_bukutamu=””, xnama=””, xemail=””, xpesan=”” xid_bukutamu, xnama, xemail, xpesan Kirim id_bukutamu=xid_bukutamu, nama=xnama, email=xemail, pesan=xpesan id_bukutamu, nama, email, pesan Lagi ? End T Y T Y Start xcustomerid=””, xname=””, xaddress=””, xcity=””, xprovinsi=””, xstate=””, xzip=””, xno_telp=””, xemail=”” xcustomerid, xname, xaddress, xcity, xprovinsi, xstate, xzip, xno_telp, xemail Kirim customerid=xcustomerid, name=xname, address=xaddress, city=xcity, state=xstate, zip=xzip, no_telp=xno_telp, email=xemail customerid, name, address, city, state, zip, no_telp, email Lagi ? End T Y T Y

## B. Hasil dan Implementasi
Berikut  merupakan  hasil  implementasi  dari Website Penjualan Pada Toko Anna meuble.
Gambar 12. Halaman Utama Gambar 13. Halaman Produk Gambar 14.Halaman keranjang belanja
Gambar 15. Halaman Cara Pemesanan
Gambar 16. Halaman Contact Us
Gambar 17. Halaman Buku Tamu
Gambar 18. Login Admin
Gambar 19. Halaman Admin Gambar 20. Home Gambar 23 lihat produk
Gambar 24 lihat buku tamu

## Gambar 25. Lihat Pemesanan

## 5. Kesimpulan
Kesimpulan  pada  penelitian  ini  adalah  dengan adanya  toko online ini  transaksi  jual  beli  antara pemilik toko dan pembeli menjadi lebih mudah.

## 6. Daftar Pustaka
[1] Ari  Rosihan.  2010. Daftar  Tutorial PHP  Gratis .  [online]  Tersedia  : http://blog.rosihanari.net/category/php
/ [20 Agustus 2013] [2] Desrizal. Panduan  PHP  dan  MySQL Indonesia  1.0 [online]  Tersedia  : http://blog.codingwear.com/panduanp hp/ [29 Agustus 2013] [3] Ellyx  Christian.  2012. Tutorial  PHP untuk  Pemula  dan  Mahir .  [online] Tersedia : http://www.myphptutorials.com/    [21 Agustus 2013] [4] Lenawati,  Mei.  2007. Mahir  dalam  7
Hari  Macromedia  Dreamweaver  8 dengan  PHP .  Yogyakarta  :  Andi Offset [5] Tim Dosen Politeknik Harapan Bersama Tegal. 2012. Buku Bimbingan Penelitian . Tegal: Politeknik Harapan Bersama [6] Wiki.2012.Diagram_Alir.Tersedia: http:/id.wikipedia.org/wiki [7] /Diagram_Alir