PEMBUATAN WEB E-COMMERCE UNTUK PENJUALAN HASIL PRODUKSI WAYANG KULIT PADA HOME INDUSTRI KI TJERMO SUTARDJO. Naskah Publikasi

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

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 E-COMMERCE WEB FOR SELLING “WAYANG KULIT” PRODUCTION KI TJERMO SUTARDJO HOME INDUSTRI.

Keywords: E-commerce, website, puppet, Ki Tjermo Sutardjo

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

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.

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.

(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

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.

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 sendiri-sendiri 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.

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

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

Gambar 3.1 Alur Sistem Customer Galery Negosiasi Harga SELESAI Gagal Transaksi Pesan Barang Tidak Cocok Tidak Cocok Cocok

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)

kota id_kota* nama_kota ongkos_kirim orders_temp id_orders_temp* id_produk** id_session jumlah tgl_order_temp jam_order_temp orders id_orders* nama_kustomer alamat telpon email status_order tgl_order jam_order id_kota** produk id_produk* id_kategori** nama_produk produk_seo deskripsi harga stok tgl_masuk gambar dibeli orders_detail id_orders** id_produk** jumlah hubungi id_hubungi* nama email subjek pesan tanggal banner id_banner* judul url gambar tgl_posting admins username * password nama_lengkap email no_telp level blokir member id_member* nm_member nama_lengkap email password alamat kota kode_pos no_telp status_member modul id_modul* nama_modul link static_content gambar status aktif urutan download id_download* judul nama_file tgl_posting kategori id_kategori* nama_kategori kategori_seo konfirmasi id_konfirmasi* nama no_order nm_produk jml_pembayaran tgl_pembayaran jns_bank nm_bank pemilik_rek tanggal statistik ip tanggal hits online

4.3 Perancangan Database dan Relasi Antar Tabel

4.4 Struktur Web untuk Halaman User

Konsfirmasi Profil

index

Home Cara Pembelian Keranjang Belanja

Kategori

Rss Statistik Banner

Customer Services Online

Search

Download

Produk Best Seller

Map

Produk Hubungi

Kami

Bank

4.5 Struktur Web untuk Halaman Admin Nama Produk Harga Stok Tanggal Masuk No. Order Nama Konsumen Tgl. Order Jam Status Nama Kota Ongkos Kirim Nama No. Order Nama Produk Tanggal Pembayaran Jenis Bank Nama Bank

Nama Pemilik Rekening Logout Download Hubungi kami Produk Kategori Config Modul Home Ganti Password Konfirmasi Pembayaran Map Order Profil Ongkos Kirim Cara Pembelian Member Banner index

Login | Register Header1 Header2 Kategori Banner Statistik RSS

HOME

Menu Utama Search Product Best Seller Bank Download Customer Service Footer

4.6 Perancangan User Interface

 Home User

 Home Admin

header

menu utama pengolahan data

Gambar 4.5 Rancangan interface halaman home user

4.7 Implementasi

 Home User

 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.

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.