PEMBUATAN TOKO ONLINE .STUDI KASUS PADA TOKO ANUGRAH
KOMPUTAKI Vol.1, No.1 Februari 2015
PEMBUATAN TOKO ONLINE .STUDI KASUS PADA TOKO ANUGRAH
1
2 Suwarno , Satrio Agung Prakoso
Fakultas Ilmu Komputer, Universitas AKI
Abstrak
Internet merupakan jaringan komputer global di seluruh dunia sebagai media komunikasi dan informasi modern yang dapat memberikan serta menampilkan berbagai informasi dan data kepada publik. Dalam dunia usaha khususnya bidang pemasaran, website merupakan salah satu media pemasaran yang bersifat global karena dapat secara mudah dan cepat menyebarluaskan dan bersifat global karena dapat secara mudah dan cepat menyebarluaskan dan memperoleh informasi.
Industri fashion terutama di Semarang maju sedemikian pesatnya, tiap-tiap brand mengusung tema tertentu, desain, pola dan bahan yang sangat khusus dalam melakukan promosinya, hal ini ditujukan untuk menarik pengunjung sebanyak mungkin sehingga dapat meningkatkan penjualan.
Analisis dan perancangan dari aplikasi pembuatan toko online pada Toko Anugerah pemodelan objek setandar UML (Unified Modelling Language) untuk menjelaskan secara rinci langkah-langkah dari aplikasi. Setelah merancang sistem kemudian membangun aplikasi, adapun pembuatan aplikasinya Php.
Berdasarkan pada pentingnya informasi yang ada pada Toko Anugrah, maka diperlukan sebuah website toko online yang menginformasikan keberadaan Toko anugrah di Indonesia . Untuk bisa menggunakan aplikasi toko online cukup mudah karena berbentuk website sehingga dapat langsung dijalankan setelah terkoneksi dengan internet.
Kata kunci : industry fashion, UML, toko online, internet, web
1. Pendahuluan di seluruh dunia sebagai media komunikasi
Perkembangan teknologi informasi dan informasi modern yang dapat memberikan sekarang ini memainkan peranan yang sangat serta menampilkan berbagai informasi dan penting dalam berbagai aspek kehidupan, data kepada publik. Suatu lembaga, instansi seperti bidang industri, perdagangan, pemerintah atau swasta dapat memberikan kesehatan, pendidikan dan lain sebagainya. serta menampilkan profil, iklan, data dan
Internet merupakan jaringan komputer global
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso)
informasi kepada publik melalui internet ini. Industri fashion terutama di Semarang maju sedemikian pesatnya, tiap-tiap brand dengan memanfaatkan fasilitas website. mengusung tema tertentu, desain, pola dan
Dalam dunia usaha khususnya bidang bahan yang sangat khusus dalam melakukan pemasaran, website merupakan salah satu promosinya, hal ini ditujukan untuk menarik media pemasaran yang bersifat global karena pengunjung sebanyak mungkin sehingga dapat secara mudah dan cepat dapat meningkatkan penjualan. menyebarluaskan dan memperoleh informasi. Dengan menggunakan teknologi yang popular
2. Kajian Pustaka Website secara fisik adalah kumpulan
saat ini yaitu website. Ada berbagai macam komputer pribadi, web browser, koneksi ke fasilitas pada internet, salah satunya adalah
ISP, komputer server, router, dan switch
World Wide Web atau WWW, yang juga
yang digunakan untuk mengalirkan dikenal dengan nama website. informasi dan menjadi wahana pertama
Toko Anugerah adalah sebuah berbagai pihak terkait. (Budi Sutedjo,dkk, perusahaan yang bergerak dalam bidang 2007 : 145) penjualan pakaian. Sejauh ini semua kegiatan
Web berdasarkan kegunaannya dibagi toko ini dinilai belum maksimal, karena menjadi beberapa jenis, yaitu: selama ini kegiatan transaksi masih dilakukan a.
Web search engine adalah web yang secara konvensional yaitu pembeli datang memiliki kemampuan untuk langsung ke Toko Anugerah. melakukan percarian dokumen
Kendala yang juga dihadapi yaitu berdasarkan kata kunci tertentu. demikian ketatnya persaingan dalam industri Contoh : Google dan Alltheweb.
KOMPUTAKI Vol.1, No.1 Februari 2015
b.
Pendidikan Tinggi (DIKTI) Web portal adalah web yang berisi kumpulan link, search engine dan informasi. Contoh: Yahoo dan b.
Web dinamis ialah web yang dapat AOL. menampilkan informasi berbeda c. kepada pengguna yang berbeda
Web perusahaan adalah web yang mendeskripsikan suatu perusahaan, pula. Namun, pengguna pun masih layanan, fasilitas dan segala sesuatu secara pasif menerima informasi tentang perusahaan. Contoh: Andi yang dipaparkan. Misalnya, adalah Publisher dan Indosat. web yang menyapa pengguna d. dengan nama pengguna pribadi. Web pribadi adalah web yang memberikan profil pemilik web. Contoh: web Yahoo!mail
Web dalam internet dikelompokkan menjadi 3 pengguna yang login disapa dengan jenis yaitu: nama sesuai nama login pengguna.
a. c. Web Statis adalah web yang hanya Web interaktif ialah web yang berupa pemaparan informasi. memungkinkan pengguna berinteraksi
Pengguna secara pasif menerima secara aktif dengan web. Misalnya adalah informasi yang disampaikan. web e-commerce di mana pengguna dapat Misalnya adalah web brosur secara aktif memilih barang yang ingin elektronik (e-brochure) di mana dibeli, lalu membayar secara online. pengguna hanya dapat membaca Contoh: penerbit ANDI layanan yang ditawarkan organisasi. (Budi Sutedjo Contoh: web Direktorat Jenderal ,dkk, 2007 : 145)
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso)
Untuk membangun sebuah website, dibutuhkan beberapa perangkat lunak dan bahasa pemrograman untuk membangun aplikasi tersebut, seperti CMS, frontpage, HTML, JavaScript, PHP, ASP, dll. Perangkat lunak pembangun website, dibagi menjadi dua jenis yaitu sisi Client dan sisi Server.
Perangkat lunak yang paling sederhana pembentuk website adalah HTML merupakan bahasa pemrograman di sisi client, yang artinya kode-kode program di jalankan di komputer pengunjung. Ketika pengunjung mengetikkan sebuah nama web pada
browser
, maka browser akan meminta
server untuk menampilkan halaman yang
diminta. Sedangkan pemograman di sisi
server erat kaitannya dengan pemrograman web secara dinamis.
Penyajian informasi melalui web dinamis menggunakan basis data yang diolah menggunakan perintah SQL. Bahasa pemrograman yang digunakan untuk melakukan permintaan basis data yang berada di sisi server disebut dengan pemrograman di sisi server, karena kode program diletakkan di server dan ketika pengguna melakukan suatu informasi yang ada pada basis data di server maka bahasa pemrograman tersebut meminta perintah SQL yang kemudian hasilnya akan dikembalikan kembali dalam bentuk HTML. (Budi Sutedjo,2007 : 100 - 101)
Konsep yang mendasari aplikasi web dinamis melibatkan pertukaran informasi antara komputer yang meminta informasi, yang disebut klien, dan komputer yang memasok informasi (atau disebut Server). Secara lebih detail,
Server yang melayani permintaan dari klien
sesungguhnya berupa suatu
KOMPUTAKI Vol.1, No.1 Februari 2015
perangkat lunak yang dinamakan web oleh seorang web designer yang
Server . Secara internal, Web Server inilah diringkas dalam konsep 7Cs, yaitu:
yang berkomunikasi dengan perangkat 1.
Context : berkenaan dengan layout lunak lain yang disebut Middleware dan situs yang harus fungsional, tetapi
Middleware inilah yang berhubungan tidak meninggalkan nilai-nilai dengan basis data. Model seperti inilah estetika pula.
yang mendukung web dinamis. Berikut ini 2.
Content: berkenaan dengan apa akan gambaran arsitektur aplikasi berbasis yang disajikan (teks, gambar,
Server
web yang akan ditunjukkan pada gambar video, dan suara) yang tidak perlu
Basis Data
2.1 serba canggih, asalkan sesuai
(MySQL) dengan kebutuhan konsumen.
Middl Web eware Server
Community: sebuah hubungan
(ASP, (Apache,I
JSP,P
IS,
yang terbangun dari minat yang sama. Situs bisnis dapat pula digunakan untuk membangun
Klien Browser
relasi yang lebih erat antara
(Internet Explorer,Netscape,dll)
pebisnis dengan konsumen maupun antar konsumen.
Gambar 2.1 Arsitektur Aplikasi 4.Customization: kemampuan situs Berbasis Web (Abdul Kadir,2003 : 7) untuk menyesuaikan diri dengan
2.1 Komponen Penyusun web minat dan keinginan konsumen.
Untuk menyusun sebuah situs 5. berhubungan
Communication: bisnis online, diperlukan beberapa aspek dengan interaktivitas antara dan komponen yang harus digunakan
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso)
konsumen dengan pebisnis secara dasar dan sarana untuk memasuki dua arah. Situs yang baik ialah lingkungan internet. Browser berfungsi situs yang memungkinkan menampilkan informasi yang diperoleh dari hubungan dua arah yang cepat dan internet. (Budi Sutedjo ,dkk, 2007 : 94) cekatan antara pebisnis dan 1.
Internet browser atau sering yang konsumen. disingkat browser berasal dari kata
6. Connection: tingkat ketethubungan “browse”. bila diterjemahkan dalam bahasa situs dengan situs-situs yang lain. Indonesia, maka artinya melihat-lihat atau Makin banyak koneksinya, makin menjelajah, sedangkan penembahan sering dikunjungi. Situs akan imbuhan “r” dalam bahasa Inggris pemberhentian untuk segala Dengan demikian, internet browser dapat tempat. diartikan sebagai pelaku penjelajahan 7. internet atau alat yang digunakan untuk
Commerce: kemampuan situs melakukan transaksi online atas menjelajahi internet bagi pengguna browser. barang atau jasa yang dijualnya. (Budi Sutedjo ,dkk, 2007 : 95) (Budi Sutedjo, 2007 : 312-313) Untuk membuat aplikasi web, dalam 2. Karakteristik sebuah website. hal ini penulis menggunakan HTML. Editor
2.2 Web Browser untuk mendesain suatu web dibagi 2 yaitu
Untuk mengakses dan menjelajah di WYSIWYG (graphic) editor, antara lain lingkungan internet, dibutuhkan beberapa Notepad dan Ultra Edit dan Editor perangkat lunak yang menjadi infrastruktur WYSIWYG, antara lain Netscape dan Front
KOMPUTAKI Vol.1, No.1 Februari 2015
Page. Ada beberapa jenis browser yang yang di sisipkan pada dokumen HTML. PHP sering digunakan yaitu Internet Explorer, merupakan software open Source yang
Mozilla Firefox, Opera, Google Chrome dll. disebarkan dan dilisensikan secara gratis serta
Berikut akan dijelaskan tentang browser yaitu dapat di download secara bebas dari web
Internet explorer dan Mozilla Firefox resmi
Dalam PHP terdapat beberapa Elemen-
2.3. XAMPP
Elemen dasar yaitu
XAMPP perangkat yang menggabungkan 1.
Karakter beberapa aplikasi kedalam satu paket, yaitu Karakter dapat berupa huruf, angka tunggal, web server Apache, MySQL, PHP, dan spasi, tanda control seperti carriage return
PERL. Dengan XAMPP pekerjaan menjadi atau sebuah tanda seperti + dan ?. mudah karena dapat menginstalasi dan
Tipe Data mengkonfigurasi keempat aplikasi tersebut dengan sekaligus sehingga dapat menghemat Tipe data dasar pada PHP ada 3 macam sumber daya (resource) komputer. Fungsi yaitu :
XAMPP adalah sebgai server yang berdiri Integer : menyatakan tipe data bilangan sendiri (localhost) yang terdiri atas program bulat.
Apache HTTP Server, MySQL database, dan Double : menyatakan tipe data bilangan penerjemah bahasa yang ditulis dengan PHP real atau pecahan. dan PERL
2.4 PHP String : menyatakan tipe data teks.
PHP adalah singkatan dari PHP Hypertext
Processor yang digunakan sebagai bahasa script Server side dalam pengembangan Web
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso) 3.
E-commerce pertama kali
Variabel-Variabel : Nama variable ditentukan dan digunakan secara dinamis. diperkenalkan pada tahun 1994 pada saat (Abdul Kadir,2003 : 515-529) pertama kali banner elektronik dipakai
2.5 Perdagangan Elektronik (E-Commerce) untuk tujuan promosi dan periklanan di
Perdagangan elektronik atau e-dagang suatu halaman web. Selain itu, E- (bahasa inggris: Electronis commerce atau e- commerce merupakan penggunaan
commerce ) adalh penyebaran, pembelian, teknologi informasi yang dapat
penjualan, pemasaran barang dan jasa melalui meningkatkan hubungan antara sistem elektronik seperti internet, televisi, perusahaan dengan pelanggannya. www, atau jaringan computer lain. E- Ada banyak manfaat dari e- elektronik, pertukaran data elektronik, sistem Commerce: (Madcoms,2011 : 2-4) manajemen inventori otomatis, dan sistem 1.
Tidak memerlukan modal yang pengumpulan data otomatis. (Tata besar Sutabri,2013 : 101) 2.
Lebih efisien, efektif dan cepat. Selain teknologi www, e-commerce 3.
Efisiensi tenaga kerja juga memerlukan teknologi basis data
4. Proses transaksi lebih mudah dan (database), e-mail atau surat elektronik, cepat dan bentuk teknologi non komputer yang
5. Pangsa pasar yang luas lain seperti halnya sistem pengiriman
6. Tidak ada batasan ruang dan waktu barang dan alat pembayaran untuk e- 7. diperlukan perusahaan
Tidak ini. mediator
Commerce
KOMPUTAKI Vol.1, No.1 Februari 2015
8. yang tidak berhubungan langsung dengan
Membuka jringan bisnis global penelitian yang bersangkutan (Marzuki, 2002:
9. Kualitas dan harga yang kompetitif 55).
10. Memacu kreatifitas dan inovasi 2.
Data Sekunder Data sekunder adalah data yang
3. Metode
diperoleh secara tidak langsung dari
3.1. Metode Pengumpulan Data
sumbernya melainkan dengan pihak 1. Metode Pengamatan (observasi) lain atau apa yang diperoleh dari
Observasi adalah teknik atau pendekatan sumber lain diluar lokasi penelitian. untuk mendapatkan data primer dengan
Data ini diperoleh dari buku maupun cara mengamati langsung obyek datanya literatur lain seperti internet yang (Jogiyanto, 2005). berhubungan dengan masalah yang 2. Wawancara (Interwiew) dibahas (Marzuki, 2002: 56).
Wawancara adalah komunikasi dua arah untuk mendapatkan data dari responden
4. Hasil dan Pembahasan (Jogiyanto, 2005).
Selama ini pengenalan keanekaragaman 3. Studi Pustaka budaya hanya dijelaskan menggunakan buku.
Studi pustaka merupakan adalah metode Hal ini membut murid kurang mengetahui pengumpulan data yang berbentuk tulisan, secara langsung lagu daerah dan tarian daerah yang meliputi surat-surat, catatan harian, yang dibahas pada materi pengenalan budaya laporan-laporan dan foto (Marzuki, 2002: secara langsung, sehingga murid harus 59). membeli CD, VCD, Mendownload MP3
3.2. Sumber Data untuk mempelajari atau mengenal tarian adat
Sumber data meliputi data primer dan dan lagu daerah. data sekunder.
1.
4.1. Perancangan Sistem
Data Primer Data primer adalah data yang diperoleh secara
Perancangan sistem merupakan penyusunan langsung dari sumber, diamati dan dicatat suatu sistem baru untuk membenahi untuk pertama kalinya. Data tersebut akan kekurangan yang ada pada sistem yang lama. menjadi sekunder kalau dipergunakan orang
Pembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso)
Dalam rancangan sistem ini dijelaskan dalam Class adalah sebuah spesifikasi yang jika bentuk use case diagram dan penjelasannya diinitasi akan menghasilkan sebuah objek terpisah ke dalam satu kesatuan yang utuh dan dan merupakan inti dari pengembangan berfungsi.. dan desain berorientasi objek. Class diagram merupakan gambaran relasi
4.2. Use Case Diagram Sistem Baru class-class yang tentang toko online.
Class-class tersebut adalah
Gambar 4.1 Usecase diagram websitepenjualan Toko Anugerah
Gambar 4.2 class diagram TokoAnugerah
4.3. Class Diagram
Halaman Utama Pelanggan Tampilan menu Pelanggan
KOMPUTAKI Vol.1, No.1 Februari 2015
Gambar 4.3. Menu PelangganGambar 4.4. Keranjang BelanjaGambar 4.5. Konfirmasi BelanjaGambar 4.6. Laporan PelunasanPembuatan Toko Online Studi Kasus Pada Toko Anugrah (Suwarno, Satrio Agung Prakoso)
Gambar 4.6. Halaman BarangBerdasarkan hasil analisis yang telah lakukan pada Toko Anugerah maka dapat disimpulkan bahwa pengguna website ini adalah admin dan member/user. Website ini mudah digunakan karena:
Admin dapat mengatur produk, konten kategori, pengelolaan data pesanan, ongkos pengiriman dan laporan.
Member/user dapat membaca panduan pembelian yang tersedia, deskripsi produk yang jelas, pengisian form tujuan barang yang mudah dan menampilkan transaksi-transaksi yang telah terjadi Beberapa saran yang dapat disampaikan adalah:
1. Toko Anugerah perlu mengadakan pelatihan komputer mengenai pengoperasian program baru sehingga sumber manusia yang ada dalam Toko dengan baik.
2. Toko Anugerah perlu media pemasaran lainnya yaitu sosial media seperti facebook,
5. Kesimpulan
instagram, dan lainnya
3. Toko Anugerah perlu mengembangkan aplikasi berbasis android untuk kemudahan pengaksesan dari mana saja dengan gadget 4.
menggunakan
media visul untuk penjelasan ragam budaya seperti : pakaian adat, rumah adat, senjata tradisional, alat musik adat, suku, bahasa daerah, dan cerita rakyat
KOMPUTAKI Vol.1, No.1 Februari 2015
Sholiq, 2006. Permodelan Sistem Informasi 6. Daftar Pustaka Berorientasi Objek dengan UML . Afifuddin, Saebani Bani Ahmad, 2012. Yogyakarta : Graha Ilmu.
Metodologi Penelitian Kualitatif . Whitten JL, Lonnie DR, Kevin CD. 2004
Bundung : Pustaka Setia..
Metode Desain dan Analisis Sistem Yokyakarta : Andi.
Jogiyanto, 2005.Analisis dan Desain .
Yokyakarta : Andi Offset. Widyatama. 2015 Full Update RPUL Jogiyanto, 2008. Metodologi Penelitian Sistem (Ringkasan Penetahuan Umum
Informasi . Yogyakarta : Andi Offset. Lengkap) Yogyakarta: Widyatama
Marzuki, 2002. Metodologi Riset . Yogyakarta : Falkutas Ekonomi Universitas Islam Idonesia
Munawar. 2005.Pemodelan Visual Dengan UML .Yokyakarta : Graha Ilmu.
M. Suyanto, Marketing Strategi Top Brand
Indonesia , Yogyakarta: CV. Andi Offset, 2007.
Pudjo, Prabowo 2011. Menggunakan UML. Bandung : Informatika Bandung.
Peranginangin Kasiman.2006. Aplikasi WEB
dengan PHP dan MySQL . Yogyakarta: ANDI.
Sakur,Stendi.B. 2010. PHP5 Pemrograman
Berorientasi Objek - Konsep & Implementasi. Yogyakarta: ANDI.