MEMBANGUNWEBSITE PENJUALAN PADA TOKO BATUPERMATA SEGAR KALIMANTAN SECARA ONLINE

PenelitiIskandar

Manajemen InformatikaSTMIK Widya Cipta Dharma

Jl. Prof. Moh. Yamin No. 25 Samarinda Kode Pos 75123

ABSTRAKIskandar. Nim 12.31.003, Membangun website pada Toko Batu Permata Segar Kalimantan Secara

Online

Tugas akhir, Prigram Studi Diploma III STMIK WICIDA Samarinda Degnan pembimbing Ibu

Sefty Wijayanti, S.Kom, M.Kom

Penelitian yang dilakukan ini, bertujuan untuk dapat membuat sebuah website pada Toko

Batu Permata Segar Kalimantan dalam penyajian berbegai informasi mengenai Batu Permata

kepada masyarakat.

Permasalah yang aka dibahas dalam penelitian ini adalah begaimana cara membangun

website penjualan secara Online. Dengan perangkat lunak pendukung adalah Notepad ++, aplikasi

php dan mysql sebagai aplikasi database.

Tujuan penelitian ini agar memberikan kemudahan bagi setiap pengguna untuk informasi

yang menyeluruh tentang berbagai macam Batu Permata yang ada di Toko Batu Permata Segar

Kalimantan dalam waktu yang singkat dan tidak banyak menghabiskan biaya. Dari hasil penelitia

ini diperoleh suatu aplikasi berbasis web untuk penanganan dalam penyajian berbagai informasi

tentang Toko Batu Permata Segar Kalimantan kepada pengguna informasi (masyarakat).

1. PENDAHULUANDi zaman Teknologi Informasi yang

semakin maju ini, internet sudah tidak asinglagi Bagi masyarakat.Hadirnya jaringaninternet telah melahirkan bidang baru yangamat potensial di lihat dari berbagi aspek.Didunia internet ini, semua kegiatan berlangsungdengan sangat cepat. Hampir semua aktifitas didunia nyata ini dicerminkan masuk kedalaminternet. Perusahaan bisnis, lembagapemerintah, pendidikan, lembaga penelitiandan masih banyak lagi. Merupakan pelaku-pelaku aktif yang memanfaatkan danmengambil manfaat dari keberadan internet ini.

Website adalah media informasiberbasis komputer yang dapat diakses dariseluruh penjuru dunia tampa dibatasi ruangdan waktu. Dengan adanya internet suatuinformasi dapat disebarkan dengan cara yangcepat dan menjangkau seluruh penjuru dunia.Pemakain internet hampir di setiap bidangkehidupan sehinggga menjadi suatu yangsangat dibutuhkan saat ini.

Toko Batu Permata SegarKalimantan pada saat ini masi terbilang barudalam dunia bisnis dan mempunyai konsumenyang masi sedikit dan belum menggunakanwebsite sebagai media penyajian dan

penyebaran informasi, dimana dalamjangkauan pemberian informasi kepadamasyarakat bersifat umum. Penyebaraninformasi hanya disekeliling atau ruanglingkup di mana Toko Batu Permata itu berada,informasi tentang Toko juga hanya dilakukanmelalui brosur dan mulut ke mulut saja, jadisulit untuk Toko terkenal di mana-mana.Ditinjau dari sitem yang telah ada apabiladicermati terdapat permasalah yangmenyangkut penyajian informasi dimanaketidak pastianya pengiriman informasi darisumber informasi ketujuan atau pihakpengguna Informasi pada saat Informasi itusangat dibutuhkan.

Maka masalah tersubut dapat diatasidengan membangun website Penjualan padaToko Batu Permata Segar Kalimantan secaraOnline selain untuk lingkungan daerahsekelilingnya , Informasi juga dapat diketehuioleh lingkungan luar daerah atau luar negerisekalipun sehingga eksistenti Toko BatuPermata Segar Kalimantan dapat lebih dikenaloleh masyarakat. Dimana para pengunjung danpecinta Batu Permata dapat memperolehInformasi-Informasi dengan cepat mengenaiBatu Permata terbaru dan terkenal Di Dunia.

2. RUANG LINGKUP PENELITIANBATASAN PENELITIANBatasan masalah pada penelitian ini

agar tidak melebar hanya di titik beratkan padapembuatan website penjualan, maka penulismemberikan masalah yang dibahas sebagaiberikut :

Halaman User (Front End)1. Dapat melihat profil Toko Batu Permata

Segar Kalimantan2. Dapat melihat semua daftar harga dan Batu

Permata.3. Dapat melakukan pembelian Batu Permata

secara Online.4. Dapat melakukan pengisian buku tamu

Halaman Administator (Back End)1. Dapat merubah atau mengganti password2. Dapat melakukan pemeliharaan data produk

Batu Permata.3. Dapat menghapus data dari buku tamu.4. Dapat memasukan daftar Batu Permata yang

baru5. Dapat mengganti halaman profile6. Dapat melihat daftar batu permata yang

telah diorder.7. Dapat menambah kota tujuan

3. BAHAN DAN METODE3.1 BAHAN

1. Penjualan

Menurut Ikatan Akuntan Indonesiasebagai berikut :

Penjualan adalah Peningkatan jumlahaktiva atau penurunan jumlah kewajiban suatubadan usaha yang timbul dari penyerahanbarang dagang/jasa atau aktivitas lainnyadidalam suatu periode.

Menurut Sulistiyowati (2010) penjualanadalah :“Pendapatan yang berasal daripenjualan produk perusahaan, disajikan setelahdikurangi potongan penjualan dan returpenjualan.”

Menurut Sugiono, Yanuar NanokSoenarno dan Synthia Madya Kusumawati(2010)“ Penjualan bersih merupakan selisihantara penjualan baik yang dilakukan secaratunai maupun kredit dengan retur penjualandan potongan penjualan.

Penjualan dibagi menjadi dua bagian,yaitu :

1. Penjualan kredit, yaitu penjualan yangpembayaran dilakukan di kemudianhari dalam jangka waktu yang telahditetapkan setelah barang diterimaoleh customer. Penjualan kredit inilahyang menimbulkan piutangdagang,sehingga penjualan tidakdapat dipisahkan dari timbulnyapiutang usaha.

2. Penjualan tunai, yaitu penjualan yangpembayarannya dilakukan secaralangsung saat terjadinya transaksi.

2.WebsiteMenurut Ampera (2005),

Website adalah halaman informasi yangdisediakan melalui jalur internet sehingga bisadiakses di seluruh dunia selama terkoneksidengan jaringan internet. Website merupakankomponen atau kumpulan komponen yangterdiri dari teks, gambar, suara animasisehingga lebih merupakan media informasiyang menarik untuk dikunjungi. Secara garisbesar, website bisa digolongkan menjadi 3bagian yaitu:

1. Website StatisAdalah website yang

mempunyai halaman tidakberubah.Artinya adalah untukmelakukan perubahan pada suatuhalaman dilakukan secara manualdengan meng-edit kode yangmenjadi struktur dari websitetersebut.

2. Website Dinamis

Merupakan website yangsecara struktur diperuntukan untukupdate sesering mungkin. Biasanyaselain utama yang bisa diakses olehuser pada umumnya, jugadisediakan halaman backend untukmeng-edit konten dariwebsite.Contoh umum mengenaiwebsite dinamis adalah web beritaatau webportal yang didalamnyaterdapat fasilitas berita, polling dansebagainya.

3. Website InteraktifAdalah website yang saat ini

memang sedang booming. Salah satucontoh website interaktif adalah blogdan forum. Di website ini user bisaberinteraksi dan beradu argumenmengenai apa yang menjadipemikiran mereka. Biasanya websiteseperti memiliki moderator untukmengatur supaya topik yangdiperbincangkan tidak keluar jalur.

3. InternetSesuai dengan namanya, Internet

(International Network) atau jaringankomputer internasional atau WAN (Wide AreaNetwork) adalah kumpulan dari berbagaijaringan komputer kecil/lokal atau LAN (LocalArea network) yang saling terhubung.

Seperti nama dari jenis jaringan ini,WAN mencakup lokasi yang cukup besarseperti jaringan koputer antar wilaya, kota ataubahkan negara. Jika didalam LAN dibutuhkanalat yang bernama hub/switch, WAN inimembutuhkan router sebagai penghubungantar jaringan dan modem untukmenghubungkan den ISP(Internet Serviceprovider)/penyedia layanan Internet.(MADCOMS, 2009).

4. Word Wide WebMenurut (Kadir.2014) sistem

pengaksesan Inforasi dalam Internet yangpaling terkenel adalah WorldWide Web (WWW)atau bisa dikenel dengan istilah Web.pertamakali diciptakan pada tahun 1991 di CERN, ,Laboraturium Fisika Partikel Eropa, Jenewa,Swiss. Tujuan awalnya adalahuntukmenciptakan media yang mudah untuk berbagiinformasi bagi para Fisikiawan dan ilmuan.

1.Web menggunakan protokol yang disebutHTTP (Hypertext Transfer Protokol) yangberjalan pada TCP/IP. Adapun dokumen webditulis dengan pormat HTML (HypertextMarckup Language). Dokumen ini diletakkandalam web server (server yang melyani

permintaan halaman web) dan diakses olehklien (pengakses informasi) melalui perangkatlunak yang disebut web browser atau seringdisebut browser saja.

2.Konsep hypertext yang digunakan pada websebenarnya telah dikembangkan jauh harisebelumnya kehadiran web. Denganmenggunakan hypertext, pemakain dapatmelompat dari suatu dokumen ke dokumenlain dengan mudah, dengan cukup mengklikteks-teks khusus yang pada awalnya ditandaidengan garis bawah.

3.Penggunaan hypertext pada web jugadikembangkan lebih jauh menujukehypermedia. Dengan menggunakanpendekatan hypermedia, tidak hanya teks yangdapat dikaitkan, melaingkan juga gambar,suara,bahkan video.4.Informasi yang terdapat pada web disebuthalaman web(web page). Untuk mengaksessebuah halaman web dari browser, pemakainperlu menyebutkan URL (Uniform ResourceLocator). URL tersusun atas tiga bagian:

1. format transfer,2. nama host, dan3. path berkas dokumen.Sebagai contoh, URL dapat berupa:http://www.imdb.com/index.html

5. Notepad++Menurut Kusuma Ardhana, ST (2013)

dalam bukunya yang berjudul “ PHP :Menyelesaikan Website 30 Juta ” , Notepad++adalah salah satu program yang digunakanuntuk melakukan editor sepertiHTML,PHP,Java Script, CSS, dan lain-lain.

6. XAMPP

XAMPP adalah perangkat lunak bebas,yang mendukung banyak system operasi,merupakan kompilasi dari beberapa program.Fungsinya adalah sebagai server yang berdirisendiri (localhost), yang teridi atas programApache HTTP Server, MySQLdatabase, danpenerjemah bahasa yang ditulis dalam bahsapemrograman PHP dan Perl. Nama XAMPPmerupakan singktan dari X (empat systemoperasi yaitu Windows, Linux, Mac OS, danSolaris), Apache, MySQL, PHP dan Perl.Program ini tesedia dalam GNU General PblicLicense dan bebas, merupakan web serveryang mudah digunakan yang dapat melayanitampilan halaman web yang dinamis (Dvorski,2007).

3.2 METODE PENGEMBANGAN SISTEM

Untuk membuat sebuah sistem yangsesuai dengan masalah yang ada dan dapatmenyelesaikan masalah tersebut, maka penulismenggunakan metode waterfall dalammembangun website company profile padaPT.Branikretif.

Adapun tahap-tahap model Waterfalldalam Sistem Informasi sebagai berikut :

1. AnalisisPada tahap ini dilakukan analisa

terhadap masalah yang ada berdasarkanbeberapa kategori analisis, yaitu:1) Analisis Data

Analisis data adalah prosesmengorganisasikan data, mengurutkandata kedalam pola, kategori dan satuanuraian dasar. Analisis data bertujuanuntuk dapat menemukan tema dansetelahnya dapat dirumuskan suatuhipotesis kerja seperti yang didasarkanpada data.

2) Analisis KebutuhanAnalisis kebutuhan terbagi dalam

dua jenis analisis, yaitu analisis secarafungsional dan analisis secara nonfungsional. Pada analisis fungsionalyaitu menjelaskan tentang analisis apasaja yang akan diproses. Sedangkan nonfungsional yaitu analisis untukmengetahui kebutuhan apa saja yangdibutuhkan dalam membuat suatuaplikasi dari segi perangkat lunakmaupun perangkat keras.

3) Analisis TeknologiAnalisis teknologi menjelaskan

tentang teknologi software danhardware yang digunakan dalammendukung penggunaan websitecompany profile ini, sepertimenggunakan desain grafis makamemerlukan teknologi seperti AdobePhotoshop, untuk pengkodeanmemerlukan sublime text, memerlukandata penyimpanan digunakan databaseseperti MySql.

4) Analisis SistemAnalisis sistem menjelaskan

mengenai sistem pembuatan Websitedan memberikan berbagai informasidari sistem yang dibangun.

2. Perancangan

Setelah tahap analisis selesai,diperlukan tahap solusi yang didapat. Padatahap ini dilakukan perancangan sistemsesuai dengan kebutuhan, dengan beberapaalat bantu, yaitu:1. Site Map2. Flowchart

3. ImplementasiTahap ini merupakan pelaksanaan dari

tahap perancangan dimana rancangan yangada dibuat menjadi sebuah sistem yangnyata dan dapat digunakan, sepertimembuat form aplikasi, database, querydan laporan.

4. TestingTahap ini yaitu melakukan pengujian

yang menghasilkan kebenaran program.Proses pengujian berfokus pada logikainternal perangkat lunak. Memastikanbahwa semua pernyataan sudah diuji danmemastikan apakah hasil yang diinginkansudah tercapai atau belum. Pada tahaptesting ini akan digunakan metodepengujian Black Box.

4. RANCANGAN SISTEM

Gambar 1. Site Map

Gambar 2. Flowchart Administrator

Gambar 3. Flowchart User5. IMPLEMENTASI

Tabel 1. Tabel Admin

Tabel 2. Tabel Hubungi Kami

Tabel 3. Tabel Detail Pembelian

Tabel 4. Tabel Kategori

Tabel 5. Tabel Kota

Tabel 6. Tabel Menu

Tabel 7. Tabel Pembelian

Tabel 8. Tabel Struktur Produk

Tabel 9. Tabel Template Detail Pembelian

Tabel 10. Tabel Template Pembelian

Gambar 4.1. Halaman Utama User

Gambar 4.2. Halaman Produk

Gambar 4.3. Halaman Berita

Gambar 4.4. Halaman Profil

Gambar 4.5. Halaman Cara Pembelian

Gambar 4.6. Halaman Hubungi Kami

Gambar 10. Halaman Detail Produk

Gambar 11. Halaman Keranjang Belanja

Gambar 12. Halaman Data Lengkap Konsumen

Gambar 13. Halaman Selesai Belanja

Gambar 14. Halaman Login

Gambar 15. Halaman Administator

6. KESIMPULANDengan dibuatnya website tersebut

diharapkan dapat mendukung kinerja sertapelayanan dari Toko Batu Permata SegarKalimantan dan juga dapat di mamfaatkanuntuk mempromosikan Batu Permata kedunialuas dan juga mempermudah pelanggan dalamtransaksi pengorderan barang

Dari hasil penelitian danpembahasan yang dilakukan, maka dapatdiambil kesimpulan sebagai berikut :

1.Dengan dibutanya website dapatmemamfaatkan dan membangun saranainformasi yang berkualitas serta menjadi nilaitambah pada Toko Batu Permata SegarKalimantan

2.Dapat memberikan yang baik terhadapmasyarakat sehingga masyarakat dapatmengetahui Informasi serta produk yang adapada Toko Batu Permata Segar Kalimantansehingga menjadi Informasi yang terpadu danbermamfaat.

3.Dengan adanya website ini, pengunjungdapat melakukan transaksi pengorderan produkBatu Permata secara Online tanpa harusmengujungi Toko Batu Permata SegarKalimantan dengan cara melakukan registrasiyang telah tersedia dalam website tersebut.

7. SARANBerdasarkan hasil penelitian ini,

penulis mengemukakan beberapa saran yaitusebagai berikut :

1.Melalui website yang telah dibangunhendaknya dapat mempersiapkan sumber dayamanusia didalam proses pemeliharaan websiteagar informasi yang disajikan untuk publikmerupakan informasi yang selalu update dandapat tersajika dengan baik dan benar sertasebagai dasar bagi suatu proses penyusunanperrncanaan.

2.Diperlukan operator khusus untukmengakses mengenai website ini di Toko BatuPermata Segar Kalimantan, sehinggan dapatberkelanjutan informasi yang disampaikan.

3. Dengan adanya hasil tampilan sistem, makamenyimpan data system penjualan BatuPermata berbasis web lebih mudahdidefinisiakn.

4.Untuk pengembangan website ini,diharapkan dapat membuat website yang dapatmenampilkan pengunjung yang sedang onlineserta dengan penggunaan template yang lebihmenarik dan sempurna.

7. DAFTAR PUSTAKADalibor D. Dvorski (2007).

Installing, Configuring, and Depeloping withXAMPP.

http://thesis.binus.ac.id/Doc/Bab2Doc/2011-2-00565-AK%20Bab2001.doc, 28 maret 2015

http://repository.usu.ac.id/bitstream/handle/123456789/28889/Chapter%20II.pdf;jsessionid=8F6DD84AD8536A39B94BAF3FBC287595?sequence=3,28 maret 2015

Kadir Abdul.2014, Pengenalan SistemInformasi Edisi Revisi, AndiYogyakarta.

MADCOMS.2009, Membongkar MisteriInternet, Andi Yogyakarta.

MADCOMS.2011, Dreamweaver CS5 PHP-MySql. Untuk Pemula, AndiYogyakarta.

Sidik Bertha.2011, JavaScript, InformatikaBandung

Saputra, Agus, Feni Agustin., ASFA Solution,.“ menyelisaikan Website 12 jutaSecara Prifesional”, PT Elex MediaKomputindo, 2013.

Suyanto.2007.http://repository.usu.ac.id/bitstream/123456789/19622/4/Chapter%20II.pdf