PEMBUATAN WEB E-COMMERCE UNTUK PENJUALAN HASIL PRODUKSI WAYANG KULIT PADA HOME INDUSTRI “KI TJERMO SUTARDJO”
Naskah Publikasi
diajukan oleh : Septiar Alif Saputro
07.01.2213
Tirsa Ninia Lina
07.01.2243
JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
ii
MAKING E-COMMERCE WEB FOR SELLING “WAYANG KULIT” PRODUCTION KI TJERMO SUTARDJO HOME INDUSTRI
PEMBUATAN WEB E-COMMERCE UNTUK PENJUALAN HASIL PRODUKSI WAYANG KULIT PADA “KI TJERMO SUTARDJO” HOME INDUSTRI
Septiar Alif Saputro 07.01.2213 Tirsa Ninia Lina
07.01.2243
Jurusan D3 Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT Making e-commerce website is a very important role to facilitate buyers and customers in obtaining information about the goods they want to search without having to leave the house, which makes users more convenient to make purchases and are looking for product search. The things that led the authors to be interested in doing some research to build a website design that supports e-commerce in order to benefit effectively and efficiently for Ki Tjermo Sutarjo Home Industry, so that the author chose the title : MAKING ECOMMERCE WEB FOR SELLING “WAYANG KULIT” PRODUCTION KI TJERMO SUTARDJO HOME INDUSTRI. Keywords: E-commerce, website, puppet, Ki Tjermo Sutardjo
iii
1
1. Pendahuluan Secara umum Elektronic Commerce (E-Commerce) menggambarkan cakupan luas mengenai teknologi, proses, dan praktek yang dapat melakukan transaksi bisnis tanpa menggunakan kertas sebagai sarana mekanisme transaksi dari berbagai sarana dan prasarana yang ada dan ditunjang dengan berbagai penunjang teknologi informasi khususnya e-commerce, maka semakin meningkat pula kemudahan dan informasi sebagai pendukung manusia dalam menyelesaikan tugas-tugasnya secara efektif. E-commerce telah memberikan pengaruh yang besar terhadap pertumbuhan tata soscial dan ekonomi masyarakat. E-commerce telah menjadi bagian sektor bisnis khusus dan umum. Hal ini memang diakui karena adanya e-commerce, biaya operasional dikurangi agar dapat bersaing dan berjuang dengan semakin banyaknya permintaan yang mengharuskan pelayanan yang cepat dan akurat. Ini merupakan gejala perkembangan informasi sosial yang bertambah pesat. Pembuatan
website
e-commerce
ini
sangat
berperan
penting
untuk
mempermudah pembeli maupun pelanggan dalam mendapatkan informasi mengenai barang yang ingin mereka cari. Hal-hal diataslah yang mengantarkan penulis untuk tertarik dalam melakukan suatu riset membangun suatu rancangan website yang mendukung e-commerce agar dapat bermanfaat secara efektif dan efisien bagi Ki Tjermo Sutarjo Home Industri, sehingga penulis memilih judul : PEMBUATAN WEB E-COMMERCE UNTUK
2
PENJUALAN HASIL PRODUKSI WAYANG KULIT PADA “KI TJERMO SUTARDJO” HOME INDUSTRI.
2. Landasan Teori 2.1 Konsep Dasar Sistem Sistem secara umum yaitu sekumpulan objek-objek yang saling berelasi dan berinteraksi serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan. 2.2 Konsep Dasar Informasi Sistem informasi dapat didefinisikan sebagai suatu alat untuk menyajikan informasi dengan cara sedemikian rupa sehingga bermanfaat bagi penerimanya. Tujuanya adalah untuk menyajikan informasi guna pengambilan keputusan perencanaan, pemrakarsaan, pengorganisasian, pengendalian kegiatan operasi subsistem suatu perusahaan, dan menyajikan sinergi organisasi pada proses 2.3 Internet Zaman masa perang dingin, berdasarkan kebutuhan atas peningkatan kecepatan arus informasi antar staf militer Amerika Serikat, mereka mengembangkan perangkat komunikasi dengan kemampuan mengirim dan menerima berbagai data dan informasi secara terpadu dan terintegrasi. Hal ini diwujudkan dalam bentuk jaringan computer dengan jangkauan area yang luas.
3
Demi keperluan tersebut, pada tahun 1969 proyek bernama ARPANET dibentuk Departemen Pertahanan Amerika Serikat dengan dukungan beberapa universitas dan lembaga penelitian. Kemudahan untuk berkomunikasi diantar jaringan computer sangat membantu aktifitas mereka. Seiring dengan perkembangannya, ARPANET dipecah menjadi dua bagian sesuai fungsinya: MILNET untuk militer dan ARPANET untuk non-militer. Gabungan dari kedua jaringan tersebut menjadi DARPA INTERNET yang kemudian lebih dikenal dengan Internet seperti yang dikenal sampai sekarang ini. Kualitas akses ke Internet dipengaruhi kualitas jaringan telepon yang digunakan, karena semua data dan informasi yang telah diubah ke signal digital dilaksanakan dalam jaringan telepon. Sementara itu sistem kabel telepon masih rawan terhadap berbagai macam gangguan yang dapat mengakibatkan putusnya koneksi jaringan Internet. 2.4 Konsep Dasar E-commerce Saat ini kita tidak dapat menemui definisi pasti e-commerce yang sudah distandarkan dan disepakati bersama. Namun secara umum kita dapat mengartikan e-commerce : E-Commerce is a dynamic set of technologies application, and business process that link enterprise, consumers, and communities through electronic transactions and the electronic exchangeof goods, services, and information.
4
(David Baum, “Business Links,” Oracle Magazine, No.3 Vol.XIII, May/June, 1999, pp.36-44) Jadi, e-commerce merupakan satu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik. 2.5 UML (Unified Modelling Language) Unified Modelling Language (UML) adalah sebuah notasi untuk menspesifikasi, memvisualisasi, membangun dan mendokumentasikan rancangan dari sebuah perangkat lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem.
Use Case Diagram, merupakan sebuah teknik untuk menganalisa bagaimana sebuah sistem bekerja dan berinteraksi dengan pengguna atau sistem lain.
Activity Diagram, menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir
Sequence Diagram, menggambarkan interaksi antar objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang digambarkan terhadap waktu.
5
2.6 Bahasa Pemrograman 2.6.1 HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML merupakan file teks atau dokumen yang disajikan dalam suatu web yang dapat dibuat dengan teks editor, seperti notepad. 2.6.2 PHP PHP merupakan singkatan dari Hypertext Preprocessor. PHP merupakan bahasa pemrograman web yang bersifat server side HTML atau embedded scripting, dimana sintaknya menyatu dengan sintak HTML. 2.6.3 Javascript Javascript merupakan bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode Javascript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. 2.7 Teknologi yang digunakan 2.7.1 CSS Cascading Style Sheet ( CSS ) secara sederhana adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color, text dan tebel menjadi lebih ringkas sehingga tidak terjadi pengulangan penulisan.
6
2.7.2 RSS RSS merupakan kependekan dari Really Simple Summary yaitu teknik yang digunakan oleh masyarakat dunia maya untuk mengumpulkan dan menyatukan isi dari sebuah halaman web. 2.8 Database Server yang digunakan 2.8.1 MySQL MySQL adalah salah satu database server open source yang popular. Sebuah database mendefinisikan struktur untuk menyimpan informasi. MySQL banyak digunakan orang untuk mengembangkan aplikasi dengan skala besar maupun skala kecil. 2.9 Web Server dan Web Browser 2.9.1 Web Server Awalnya, baik Apache, MySQL, dan PHP itu sendiri, harus diinstal sendirisendiri dan kemudian dikonfigurasikan sesuai kebutuhan. Walaupun XAMPP sendiri sudah ada yang berjalan di sistem operasi keluarga Unix dan kita tidak perlu lagi bersusah-susah mengkonfigurasikan port nya 2.9.2 Web Browser Web Browser adalah sebuah software yang digunakan untuk menerjemahkan bahasa hypertext untuk ditampilkan pada layar komputer client. Beberapa contohnya: internet explorer, mozilla firefox, opera, safari, dll.
7
2.10 Perangkat Lunak yang digunakan 2.10.1 Macromedia Dreamweaver 2004 MX Macromedia Dreamweaver MX 2004 adalah HTML editor professional yang berfungsi mendesain, melakukan coding, dan mengembangkan website yang paling terkenal di dunia web. Salah satu kelebihan Dreamweaver adalah ruang kerja Dreamweaver beserta tool yang tersedia dapat digunakan dengan sangat mudah dan cepat, sehingga kita dapat membangun suatu website dengan cepat dan tanpa harus melakukan coding. 2.10.2 Adobe Photoshop CS2 Agar dapat melengkapi pembuatan website, kita harus menggunakan program lain yang didesain sebagai program pengolah gambar. Salah satu adalah Adobe Photoshop CS 2, dibawah ini merupakan gambar tampilan utama dari Adobe Photoshop CS 2.
3. Tinjauan Umum 3.1 Sejarah Karir Ki Tjermo Sutardjo dimulai sejak beliau berusia 12 tahun. Beliau bukanlah orang yang berpendidikan tinggi karena beliau hanya tamat SD. Pengetahuan tentang pendalangan diturunkan dari generasi ke generasi. Beliau meraih kesuksesan karirnya saat berumur 30 tahun. Namun, pada awal tahun 2000 karirnya meredup
8
seiring dengan perkembangan zaman dan berubahnya selera masyarakat pada kesenia wayang kulit. 3.2 Visi dan Misi
Visi : Ikut menjaga nilai-nilai luhur wayang yang sesuai dengan pakem pewayangan.
Misi : Membangun perkumpulan karawitan sebagai media pendukung dalam melestarikan kebudayaan wayang kulit.
3.3 Sistem yang digunakan “Ki Tjermo Sutardjo” Home Industri memiliki sistem pemesanan dan pembayaran yang dapat dilakukan secara langsung ditempat. 3.4 Proses Alur SIstem yang digunakan
Customer
Gagal Transaksi
Tidak Cocok
Galery
Cocok
Pesan Barang
Tidak Cocok
Negosiasi Harga
SELESAI
Gambar 3.1 Alur Sistem
9
4. Pembahasan 4.1 Sistem yang diusul Pembuatan web wayangstore pada Ki Tjermo Sutardjo menerapkan sistem penjualan online yang memakai keranjang belanja dimana keranjang belanja ini berfungsi untuk menyimpan produk yang dipesan oleh member dan keranjang belanja ini pun dapat ditambah, diubah dan didelete sesuai dengan keinginan member. 4.2 Perancangan Sistem dengan UML
Use Case Diagram pengguna sistem Use case diagram menjelaskan mengenai siapa saja yang berhubungan langsung dengan sistem yang ada. Pada wayangstore.com terdapat 3 actor yang berhubungan langsung dengan website tersebut diantaranya guest, member, dan admin. Aksi-aksi yang dilakukan oleh aktor-aktor tersebut dapat dilihat pada gambar use case diagram dibawah ini (gambar 4.1)
10
Gambar 4.1 Use Case Diagram pada wayangstore.com
11
4.3 Perancangan Database dan Relasi Antar Tabel
kota id_kota* nama_kota ongkos_kirim
orders_temp id_orders_temp* id_produk** id_session jumlah tgl_order_temp jam_order_temp
konfirmasi id_konfirmasi* nama no_order nm_produk jml_pembayaran tgl_pembayaran jns_bank nm_bank pemilik_rek tanggal modul id_modul* nama_modul link static_content gambar status aktif urutan
orders id_orders* nama_kustomer alamat telpon email status_order tgl_order jam_order id_kota**
orders_detail id_orders** id_produk** jumlah
kategori id_kategori* nama_kategori kategori_seo
produk id_produk* id_kategori** nama_produk produk_seo deskripsi harga stok tgl_masuk gambar dibeli
member id_member* nm_member nama_lengkap email password alamat kota kode_pos no_telp status_member
admins username * password nama_lengkap email no_telp level blokir
banner id_banner* judul url gambar tgl_posting download id_download* judul nama_file tgl_posting
hubungi id_hubungi* nama email subjek pesan tanggal statistik ip tanggal hits online
Gambar 4.2 Relasi antar tabel dan table yang digunakan
12
4.4 Struktur Web untuk Halaman User index
Home
Profil
Cara Pembelian
Produk
Keranjang Belanja
Hubungi Kami
Kategori
Banner Statistik Rss Customer Services Online
Search Bank Download Produk Best Seller
Gambar 4.3 Struktur Web untuk Halaman User
Map
Konsfirmasi
13
4.5 Struktur Web untuk Halaman Admin
Nama Produk Harga Home Ganti Password
Stok Tanggal Masuk
Config Modul
index
Kategori
No. Order
Produk
Nama Konsumen
Order
Tgl. Order
Ongkos Kirim
Jam
Profil
Status
Cara Pembelian Hubungi kami Banner
Nama Kota Ongkos Kirim
Member Map
Nama
Konfirmasi Pembayaran
No. Order
Download
Nama Produk
Logout
Tanggal Pembayaran Jenis Bank Nama Bank
Nama Pemilik Rekening
Gambar 4.4 Struktur Web untuk Halaman Admin
14
4.6 Perancangan User Interface
Home User Login | Register Menu Utama Header1 Header2
Kategori
Customer Service Search
Banner Bank
HOME Statistik
Download
RSS
Product Best Seller Footer
Gambar 4.5 Rancangan interface halaman home user
Home Admin header
pengolahan data
menu utama
Gambar 4.6 Rancangan interface halaman home admin
15
4.7 Implementasi
Home User
Gambar 4.7 Implementasi untuk Tampilan Halaman Home User
16
Home Admin
Gambar 4.8 Implementasi untuk Tampilan Halaman Home Admin
5. Penutup 5.1 Kesimpulan
Website dengan sistem e-commerce merupakan solusi yang tepat bagi pengrajin wayang kulit yang selama ini hanya melakukan teransaksi dengan sistem manual yaitu dengan bertatap muka. Namun sistem yang dahulu tetap berjalan hanya saja ditambah dengan sistem baru sehingga proses penjualan akan meningkat.
17
5.2 Saran
Rutin melakukan pemeliharaan web setelah diupload ke internet.
Dalam keamanan data sangat penting maka dari itu pengembangan seterusnya perlu lebih memperhatikan keamanan data.
Pengembangan sistem penjualan dapat mengikuti teknologi yang terus berkembang.