APLIKASI PENJUALAN ONLINE BERBASIS WEB

APLIKASI PENJUALAN ONLINE BERBASIS WEB Nda Utama R, Dr. Sri. Setyingsih M.Si, Andi Chairunnas M.Pd. Program Studi Ilmu Komputer, Fakultas Matematika d Ilmu Pengetahu Alam Universitas Paku Jl. Paku PO BOX. 452, Bogor Telp/Fax (0251) 8375547 E-mail : ndariyadi@yahoo.com ABSTRAK Kosmetik merupak kata serap dari bahasa yuni kuno kosmetikus, sebagai upaya untuk memperindah tubuh musia secara keseluruh. Tuju akhir dari upaya ini adalah tercapainya bentuk proporsi, warna, d kehaus bagi-bagi tubuh yg ideal. Pelug dalam kegiat bisnis penjual kosmetik yg meningkat dalam beberapa waktu ini dilihat oleh byak pihak sebagai prospek yg menjjik. Penjual kosmetik secara umum dibeberapa wilayah di Indonesia masih dilakuk den cara sederha d klasik. Untuk dapat menjgkau lebih byak pelg serta memperluas area pemasar sekaligus promosi kosmetik, maka diperluk media yg dapat menunjg kegiat promosi, trsaksi penjual informasi kosmetik den optimal. Salah satu media yg menjadi perhati masyarakat sekarg ini adalah menggunak media website online. Electronic Commerce (E-Commerce) didefinisik sebagai proses pembeli d penjual produk, jasa d informasi yg dilakuk secara elektronik den memfaatk jarin komputer. Sylvia Kosmetik menyadari bahwa per media website dapat meningkatk omset penjual d juga media sara dalam memasark produk kosmetik yg mereka miliki untuk menjgkau pasar yg lebih luas lagi serta dapat meminimalk biaya-biaya operasional ikl d biaya toko secara fisik. Metode yg digunak dalam pembuat aplikasi toko online berbasis web ini adalah siklus hidup pengemb sistem atau yg biasa disebut System Development Life Cycle(SDLC). SDLC mempunyai beberapa tahap yaitu perenca, alisis, perc, implementasi, ujicoba, d pemelihara. Aplikasi ini ik informasi baik terhadap pelg maupun masyarakat umum dalam memperoleh informasi mengenai produk yg dijual dalam toko online Sylvia kosmetik. Kata Kunci : Kosmetik, Aplikasi, Toko Online, E-commerce PENDAHULUAN Sejal den lajunya perkemb teknologi byak perusaha-perusaha dalam industri kecil maupun besar merupak salah satu dari seki byak pelaku d penunjg kegiat ekonomi di negeri ini yg dipacu untuk menggunak teknologi sebagai senjata untuk tetap survive. Business to customer merupak suatu proses bisnis dima penjual (produsen) berhadap lgsung den pembelinya. Sifat dari bisnis tersebut adalah terbuka d bebas 1 dimfaatk oleh khalayak umum den mudah mengaksesnya melalui sebuah website yg disediak oleh penjual. Dalam hal ini, orisasi atau perusaha ak bersaing den pelaku bisnis yg lain di dunia maya. Mempromosik produk den menggunak website ak lebih byak menguntunk, juga mempermudah proses pengemb d dapat menghemat biaya. Sylvia Kosmetik merupak salah satu toko kosmetik di Pusat Grosis Cililit yg menjual berbagai macam kosmetik. Sistem

pelay yg berjal saat ini memiliki kendala yg terjadi baik di pihak toko maupun di pihak konsumen terutama yg berada di luar Kota Jakarta. Pihak toko selama ini belum memiliki media khusus untuk mempromosik produk-produknya, kurgnya informasi tentg produk kepada konsumen menjadi penghambat mendapatk keuntun maksimal dalam penjual. Konsumen pun harus datg ke toko yg membutuhk biaya d waktu. Berdasark permasalah pada toko Sylvia kosmetik maka perlu diterapk sebuah aplikasi sistem penjual online berbasis web den pemogram PHP d MYSQL seperti yg sudah dilakuk oleh Vera Di Nitasari(2011), yg membuat aplikasi Sistem informasi penjual kosmetik herbal berbasis web Mercg sebuah sistem yg menjual produk kectik herbal. Ardi Dwi Praba, Rachmat Hidayat, Elizabeth (2013) dalam penelitinya yg berjudul Sistem informasi penjual produk kectik berbasis web pada PT.Di Mustika mengembgk sistem informasi berbasis PHP d MYSQL. Ni Luh Ratniasi(2015) dalam penelitinya yg berjudul g bgun sistem informasi pemasar produk kectik berbasis web yg membgun sistem informasi penjual produk kectik dikota Denpasar-Bali. Dari peneliti tersebut, maka penulis bermaksud mercg sebuah Aplikasi Penjual Online Berbasis Web, aplikasi ini diharapk mendapat kepuas dari konsumen untuk mendapatk yg dibutuhk den kualitas yg terbaik sesuai den harya. TUJUAN PENELITIAN Tuju peneliti ini adalah 2 1. Merubah sistem pemes yg awalnya mual menjadi berbasis web. 2. Memecahk masalah yg sering dialami Sylvia Kosmetik dalam hal meningkatk penjual. 3. Mercg website yg dapat membtu penyaji informasi yg dibutuhk oleh konsumen secara online di internet. RUANG LINGKUP Berdasark tuju penulis yg telah dijelask diatas, Penulis membatasi penulis dalam peneliti ini, sebagai berikut: 1. Model E-Commerce yg diterapk adalah model business to customer (B2C). 2. Metode yg trsaksi pembayar yg lakuk yaitu trsfer via Bk. MANFAAT Mfaat dari peneliti ini adalah sebagai berikut : 1. ik kemudah kepada konsumen dalam mendapat informasi produk, harga maupun dalam membeli produk yg dijual oleh Sylvia kosmetik. 2. i kemudah dalam pengelola trsaksi serta pembuat lapor. TINJAUAN PUSTAKA Aplikasi Tutorial Electronic Commerce (E- Commerce) didefinisik sebagai proses pembeli d penjual produk, jasa d informasi yg dilakuk secara elektronik den memfaatk jarin komputer. Salah satu jarin yg digunak adalah internet. Sistem Informasi Sistem Informasi adalah merupak kombinasi dari musia,

fasilitas atau alat teknologi, media, prosedur d pengendali, yg bermaksud menata jarin komunikasi yg penting, pengolah atas trsaksitrsaksi tertentu d rutin, membtu majemen d pemakai internal d eksternal untuk menyediak dasar pengambil keputus yg tepat. Sistem Sistem adalah kumpul elemenelemen yg berinteraksi untuk mencapai suatu tuju tertentu. Sistem sgat diperluk dalam memproses masuk untuk menghasilk keluar. Sebuah sistem merupak himpun komponen atau variabel yg terorisasi, saling berinteraksi, saling bertung satu sama lain d terpadu. Informasi Dalam bidg ilmu komputer informasi adalah data yg disimp, diproses, atau ditrsmisik. Peneliti ini memfokusk pada definisi informasi sebagai pengetahu yg didapatk dari pembelajar, pengalam, atau instruksi d alirnya. Informasi adalah sesuatu yg nyata atau setengah nyata yg dapat mengurgi derajat ketidakpasti tentg suatu keada atau kejadi. Dari urai di atas, Informasi dapat didefinisik sebagai data yg telah diolah menjadi sesuatu yg lebih bermakna d mempunyai arti. Database Database adalah suatu susun atau kumpul data operasioal lengkap dari suatu orisasi/perusaha yg dikelola d disimp secara terintegrasi melalui metode tertentu den menggunak komputer, sehingga mampu menyediak informasi secara optimal yg diperluk pemakainya. PHP 3 Sejarah PHP, Pada awalnya PHP digunak sebagai bahasa pemrogram untuk sebuah server-side HTML-embedded den nama Personal Home Page Tools. Pertama sekali dibuat oleh Rasmus Lerdorf pada tahun 1994. Seljutnya berti nama menjadi FI ("Form Interpreter"), yg wujudnya berupa sekumpul script yg digunak untuk mengolah data form dari web. Seljutnya Rasmus merilis kode sumber tersebut untuk umum pada 1995 d menamaknya PHP/FI, kependek dari Hypertext Preprocessing/Form Interpreter. Den perilis kode sumber ini menjadi open source, maka byak programmer yg tertarik untuk ikut mengembgk PHP. Website Website atau situs dapat diartik sebagai kumpul halam halam yg digunak untuk menampilk informasi teks, gambar diam atau gerak, imasi, suara d atau gabun dari semuya, baik yg bersifat statis maupun dinamis yg membentuk satu rgkai bgun yg saling terkait, yg masing-masing dihubungk den jarin-jarin halam.. XAMPP Xampp adalah pergkat lunak bebas yg mendukung byak sistem operasi. Xampp merupak kompilasi dari beberapa program. Fungsinya adalah sebagai server yg berdiri sendiri (localhost) yg terdiri atas program Apache HTTP Server, MySQL database d penerjemah bahasa yg ditulis den bahasa pemrogram PHP d Perl. Nama Xampp merupak singkat dari X (empat sistem operasi apapun), Apache, MySQL, PHP d Perl. Program ini tersedia dalam GNU General Public License d bebas. Xampp merupak web server yg mudah digunak yg dapat melayi tampil halam web yg dinamis.

Bagi penting XAMPP yg biasa digunak pada umumnya a. XAMPP Control Pel Aplication berfungsi mengelola lay (service) XAMPP. Seperti mengaktifk lay (start) d menghentik (stop) lay. b. htdoc adalah folder tempat meletakk berkas-berkas yg ak dijalk. Di Windows, folder ini berada di C:/xampp phpmy merupak bagi untuk mengelola database. Adobe Dreamweaver CS3 Adobe Dreamweaver adalah software professional untuk desain, pemogram d majemen web den tingkat fleksibilitas yg sgat tinggi. Tingkat fleksibilitas yg dimaksud memungkink user den keahli tingkat ljut untuk membuat situs web den cara menulis lgsung kode HTML pada tool pemogram yg terintegritas pada software ini atau memungkink user tingkat awal membuat situs web den menggunak lingkun visual editing pada menu-menu yg sudah disediak seperti drag d drop semua elemen atau asset pada dokumen situs web. MYSQL MySQL adalah salah satu jenis database server yg sgat terkenal d byak digunak untuk membgun aplikasi web yg menggunak database sebagai sumber d pengolah datya. MySQL dikembgk oleh perusaha swedia bernama MySQL AB yg pada saat ini bernama Tcx Data Konsult AB sekitar tahun 1994-1995, namun cikal bakal kodenya sudah ada sejak tahun 1979. Awalnya Tcx merupak perusaha pengembg software d konsult database, d saat ini MySQL sudah diambil alih oleh Oracle 4 Corp. MySQL merupak database yg pertama kali didukung oleh bahasa pemrogram script untuk internet (PHP d Perl). MySQL d PHP diggap sebagai pas software pembgun aplikasi web yg ideal. MySQL lebih sering digunak untuk membgun aplikasi berbasis web, umumnya pengemb aplikasinya menggunak bahasa pemrogram script PHP. Data Flow Diagram Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD menggambark komponen-komponen sebuah sistem, alir-alir data di ma komponenkomponen tersebut, d asal, tuju, d penyimp dari data tersebut. Ba Alur Program(Flowchart) Flowchart adalah representasi grafik dari lgkah-lgkah yg harus diikuti dalam menyelesaik suatu permasalah yg terdiri atas sekumpul simbol, dima masingmasing simbol merepresentasik suatu kegiat tertentu. Flowchart diawali den penerima input, pemroses input d diakhiri den penampil output METODE PENELITIAN Metode Pengemb SDLC Pengemb SDLC dilakuk melalui 5 tahap yaitu Perenca, Analisis, Perc, Implementasi, Uji Coba d Pemelihara. Gambar 1. Tahap Pengemb SDLC

Analisis (alysis) Analisis atau alisa ini merupak tahap awal yg dilakuk oleh peneliti dalam mengembgk sistem. Dalam alisis ini harus mendapatk beberapa hal yg diggap menunjg peneliti yg dilakuk, seperti : mencari permasalah yg ada, mengumpulk data (data fisik, non fisik), wawcara d lain-lain. Dalam tahap awal ini penulis dituntut untuk benar-benar melakuk peneliti yg terarah.. Perc (Design) disain mengubah kebutuh-kebutuh menjadi bentuk karakteristik yg dapat dimengerti pergkat lunak sebelum dimaulai penulis program. Desain ini harus di dokumentasik den baik den menjadi bagi konfigurasi pergkat lunak. ini meliputi : Pembuat flowchart, DFD. Implementasi Setelah dilakuk tahap perc, seljutnya sistem diimplementasik melalui bahasa pemrogram den menggunak bahasa pemrogram PHP yg diaplikasik dalam bentuk web yg berbasis Client d Server. Uji Coba (Testing) Setelah kode program dibuat d program dapat berjal, testingdapat dimulai testing dapat difokusk pada logika internal dari pergkat lunak, fungsi eksternal, mencari segala kemungkin kesalah, d memerikasa apakah sesuai den hasil yg diingink. Ada 3 tahap uji coba yg dilakuk yaitu sebagai berikut : 1. Uji Coba Struktural Uji coba structural adalah uji yg dilakuk untuk mengetahui apakah alur sistem yg dibuat sudah sesuai den perc. 2. Uji Coba Fungsional Uji coba fungsional adalah uji yg dilakuk untuk mengetahui apakah sistem yg dibuat sudah dapat berfungsi den baik. 3. Uji Coba asi Uji coba validasi adalah uji yg dilakuk untuk mengetahui apakah sistem yg dibuat sudah dapat bekerja den benar. Pemelihara (Maintence) Pergkat lunak yg harus diberik kepada user, mungkin ditemui error ketika dijalk dilingkuk user, atau mungkin user meminta penambah fungsi. Pemelihara ini dapat dilakuk den cara backup data secara berkala d pengemb sistem sesuai kebutuh. RANCANGAN DAN IMPLEMENTASI Data Flow Diagram Data Flow Diagram sistem menggambark komponen-komponen sebuah sistem, alir-alir data dari sistem pada Aplikasi Penjual Online Berbasis web, yg di tujuk pada gambar 2 d 3. Gambar 2. DFD Sistem toko online Sylvia kosmetik Gambar 3. Diagram konteks Flowchart sistem Flowchart merupak diagram alir program dari sistem aplikasi 5

penjual online berbasis web pada gambar 4, 5 d 6. Gambar 4. Flowchart sistem Gambar 6. Flowchart Gambar 7. Flowchart non Gambar 5. Flowchart admin HASIL DAN PEMBAHASAN 5.1.1 Halam Utama Halam untuk memulai pengguna / akses program. admin diminta untuk memasukk Username d Password den benar sebelum dapat mengakses dashboard admin. Berikut ini contoh tampil menu halam login admin yg ditunjukk gambar 21. 6

login yg ditunjukk gambar 24. Gambar 21. Tampil Halam 5.1.2 Halam Halam untuk mengatur input delete d update oleh admin, untuk ditampilk ke pembeli. Berikut ini contoh tampil dashboard admin yg ditunjukk gambar 22. Gambar 22. Tampil Halam Gambar 24. Tampil Halam 5.1.5 Halam Menu Utama Sebelum Tampil halam menu utama yg menampilk produk yg dijual oleh toko online Sylvia kosmetik.terdepat perbeda bagin d non yaitu belum ada nya menu akun ku d checkout bagi non. Berikut ini contoh tampil halam menu utama sebelum login yg ditunjukk gambar 25. 5.1.3 Halam Registrasi non Tampil menu register berfungsi bagi pengunjung untuk mendaftar menjadi agar dapat mengakses d membeli. Berikut ini contoh tampil halam registrasi non yg ditunjukk gambar 23. Gambar 25. Tampil Menu Utama Sebelum Gambar 23. Tampil Halam Registrasi non 5.1.4 Halam Halam login berfungsi bagi yg sudah terdaftar untuk masuk kedalam toko online Sylvia kosmetik. Berikut ini contoh tampil halam 5.1.6 Halam Menu Utama setelah Tampil menu utama setelah login berfungsi bagi bisa membeli produk yg dibutuhk serta dapat mengakses menu akun ku d menu checkout. Berikut ini contoh tampil menu keluar yg ditunjukk gambar 26. 7

Gambar 28. Tampil menu dashboard 5.1.9 Halam Menu Form Invoice Tampil form invoice berfungsi bagi untuk mengkonfirmasi bukti pembayar yg dibeli kepada pihak toko den mengupload bukti trsfer. Berikut ini contoh tampil menu form invoice yg ditunjuk gambar 29. Gambar 26. Tampil Menu Utama Setelah. 5.1.7 Halam Menu Checkout Tampil checkout berguna bagi untuk melihat d menghitung total belja yg dibeli. Berikut ini contoh tampil menu checkout yg ditunjukk gambar 27. Gambar 26. Tampil Menu Checkout 5.1.8 Halam Menu Tampil menu dapat diakses melalui menu utama setalah login, berfungsi bagi untuk melihat profil d melihat history belja yg pernah dilakuk. Berikut ini contoh tampil menu checkout yg ditunjukk gambar 28. Gambar 29. Tampil menu form invoice 5.1.10 Halam Detail Produk Tampil halam Detail produk berfungsi bagi untuk melihat lebih rinci yg ak dibeli. Didalam produk detail tersedia menu bagi untuk negosiasi harga den kondisi sebagai berikut: 1. Jika input qutity melebihi batas maka muncul pop up menu stock kurg dari perminta!!!. 2. Jika negosiasi harga kurg dari ketentu batas minimum yg ditentuk oleh admin maka muncul pop up menu Maaf belum bias karena nego kurg!!! 3. Jika negosiasi harga kurg dari batas minimum d qutity melebihi batas maka muncul pop up menu Maaf stok tersedia kurg dari perminta d harga nego kurg!!! 4. Jika negosiasi lebih dari dari harga maka dapat memasuk kedalam kerjg belja. 8 Gambar 30. Tampil Detail Produk

Uji Coba Struktural Uji coba struktural dilakuk untuk memastik aplikasi yg dibuat sudah terstruktur sesuai den yg di rcg atau tidak. Uji coba struktural menguji setiap halam yg dircg den menjalk aplikasi yg telah dibuat. Uji Coba Struktural dilakuk den 2 cara yaitu: Uji Coba Berdasark Desain d Uji Coba Berdasark Navigasi. Tabel 10. Uji Coba Desain N o Uji Coba 1 2 3 4 5 Register Menu Utama Setelah Menu Utama Sebelum login Isi Hasil Keter Den Den Den Den Den 7 8. 9. N O 1 2 Tampila n form Pembay ar Invoice Tampila n Dashboa rd Tampila n Detail Produk Den Den Den Tabel 11. Uji Coba Berdasark Navigasi Asal Tuju Keter Halam den Dashb rcg oard Halama n Dashbo ard Mag e Bar g Kirim Ordera n Mag e user Mag e Logo Mag e Bne r den rcg 6 Tampila n Check out Den 3 Membe r Halam Dashb oard Memb er den rcg 4 Halama Check 9

5 6 n Dashbo ard Membe r Logout Logout Membe r history pembe ljaa n Check status yg diorde r Uploa d Bukti trsa ksi Edit Profil Memb er Menu Menu Utama den rcg den rcg den rcg Uji Coba Fungsional Uji coba fungsional didasark pada tahap uji coba yg terdapat pada system apakah sudah berjal sesuai den rc stuktur navigasi beserta fungsinya. Tabel 12. Uji Coba Fungsional No Uji coba Hasil 1 2 login logout Form berfungsi masuk ke Fungsi Logout berfungsi keluar dari dashboard admin d 3 4 5 6 7 8 9 10 11 Kategori Barg User Order Pembeli Logo Slide Register menampilk form login menginput d mengolah Kategori menginput d mengolah data Barg mengedit password admin Mengirim order menampilk yg sudah registrasi mengti logo dimenu utama toko online menggati bner dimenu utama toko online Form berfungsi masuk ke Form Register berfungsi untuk mendaftark diri ke toko 10

12 13 14 15 16 17 pes pending pes dikirim pes diterima Pembayar tertunda Invoice menampilk profil dari untuk melihat status untuk melihat status untuk melihat status untuk menampilk rinci diorder untuk mengupload bukti trsaksi pembayar Uji Coba asi Setelah uji coba fungsional selesai, tahap seljutnya adalah masuk kedalam uji coba validasi. Uji coba validasi adalah uji coba yg di lakuk untuk melihat data apakah sudah valid atau belum seperti pada tabel di bawah ini Nama Form Tabel 13. Uji asi Input Output Hasil Tambah Barg Tambah Kategori Kirim Order Edit Logo Edit Bner Logout Input benar Input produk Input kategori Produk Kirim Order masuk Edit Logo Toko Edit bner toko Keluar dari Menu dashboard admin admin Produk bertambah Kategori Produk bertambah Tampil Berhasil mengirim Order Tampil Berhasil Mengti Logo Toko Notifikasi Berhasil Mengti bner toko Menu form login admin 11

Register non Logout Pembayar Barg Detail Produk Setelah login Input data Registrasi menjadi Input email d password Keluar dari menu dashboard Upload Bukti pembayar produk dashboard Input qutity d harga nego Berhasil menjadi Tampil menu utama setelah login Tampil menu utama sebelum login Tampil menu dashboard admin bagi order Tampil kerjg belja setelah berhasil negosiasi d mengisi qutity Val id berbasis web ini yaitu data penjual d lapor yg sebelumnya bersifat mual menjadi lebih mudah d cepat karena semua data diolah didalam komputer. Aplikasi mempermudah pelg dalam hal mendapatk informasi produk yg ditawark d juga proses pembeli produk karena proses yg ada dapat meminimalisir waktu, biaya serta efektifitas dari pelg itu sendiri. Saat ini pemogram Aplikasi pemogram berbasis web sgat byak digunak, PHP dapat dijadik sebagai satu pilih utama dalam pembuat aplikasi berbasis web. Penjual den menggunak media internet sgat efektif jika dibdingk den penjual yg sifatnya mual. Selain lebih hemat biaya, internet bisa mempermudah pelg dalam melihat d membeli produk Sylvia kosmetik. Sar Aplikasi toko online Sylvia kosmetik masih bisa dikembgk dari segi tampil maupun dari fitur tambah ditarya seperti jasa pengirim dari toko ke pelg. Hal ini karena terbatasnya data-data yg dikumpulk oleh penulis. Serta kurgnya data produk yg disajik karena terbatasnya informasi yg bisa dikumpulk oleh penulis dari pihak toko Sylvia kosmetik. DAFTAR PUSTAKA Vera Di Nitasari 2011. Peneliti Sistem informasi penjual kosmetik herbal berbasis web. KESIMPULAN DAN SARAN Kesimpul Dari sergkai hasil uji coba, yaitu meliputi uji coba struktural, fungsional d validasi program aplikasi penjual online berbasis web ini sudah berfungsi den baik. Kesimpul yg dapat diambil den adya aplikasi 12 Ardi Dwi Praba, Rachmat Hidayat, Elizabeth. 2013. Sistem informasi penjual produk kectik berbasis web PT.Di Mustika. Ni Luh Ratniasi, 2015. g bgun sistem informasi pemasar produk kectik berbasis web

Indraji, Wily. 2007. Analisa D Perc Sistem Penjul Berbasis Web Pada PT. Sarg Imitasi Baskoro, Adi, 2012. Buku pintar membuat toko online. Jakarta: Media ita. Bin Ladjamudin, Al-bahra. 2005, Analisis d desain sistem informasi. De Graaf, Xder J d Muurling, Robin H. 2005. Underpinning the E- Business. Hariyto, Bambg. 2004. Rekayasa Sistem Berorientasi Objek. Kadir, Abdul. 2009. Membuat Aplikasi Web den PHP + Database MySQL. Yuhafizer. 2011. Pembgun sistem penjual online. Hakim, Lukmul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Presm. 2006. Rekayasa Pergkat Lunak Menggunak JAVA. Kadir, Abdul. 2002. Pemrogram Web Mencakup : HTML, CSS, JAVASCRIPT & PHP. Bambg Eka Purnama. 2013. Membgun Toko Online Den WP Commerce. 13