Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi...

16
Perancangan Website E-Commerce penjualan Kue Kering Pada Unit Usaha “Yan Cake” Purbalingga Naskah Publikasi diajukan oleh Imam Arifin 08.11.2532 Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

Transcript of Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi...

Page 1: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Perancangan Website E-Commerce penjualan Kue Kering

Pada Unit Usaha “Yan Cake” Purbalingga

Naskah Publikasi

diajukan oleh

Imam Arifin

08.11.2532

Kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2012

Page 2: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan
Page 3: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Website Designing E-Commerce Sales

At Pastry BusinessUnit “Yan Cake” Purbalingga

Perancangan Website E-Commerce Penjualan Kue Kering

Pada Unit Usaha “Yan Cake” Purbalingga

Imam Arifin

Jurusan Teknik Informatika

Heri Sismoro, M.Kom.

NIK. 190302057

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Along with the increasing role of information in all aspects including educational access to information is becoming increasingly important. Internet is one of the global computer net is growing rapidly, plays an important role to ease access to information. With the Internet, the information is more accessible, learned, and shared with ease.

Website is one of the media information that not only provide information but can also be used as a media sales online or can be called the E-commmerce. And information are obtained only in a relatively rapid than through the print media or the like. Business Unit "YAN Cake" is a business that produces a variety of different light and pastries makana want to use the internet as a marketing medium, but able to reach out to all regions as well as free marketing, using the internet so everyone can know what information the cake offered without the need to find a brochure or come directly to this business unit.

With the sale is expected the site to find out about the business unit "YAN Cake" and can get more information about the Business Unit "YAN Cake" and also can increase revenue at the business unit itself.

Key words: Media information, e-commerce.

Page 4: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

1. Pendahuluan

Perkembangan teknologi banyak mempengaruhi tatanan hidup atau sebuah

aturan dan sistem tertentu. Teknologi Informasi sekarang ini sudah semakin

berkembang, kebutuhan akan sebuah informasi yang berkualitas menjadi sebuah

kebutuhan primer. Perkembangan teknologi informasi dapat dimanfaatkan dalam

berbagai bidang, salah satunya yaitu dalam bidang perdagangan, khususnya yaitu

penjualan secara online, atau bisa juga disebut dengan e-commerce1.

Yan Cake merupakan jenis unit usaha dibidang kuliner yang menghasilkan

berbagai jenis kue kering dan makanan ringan lainnya. Dengan memiliki tempat

usaha di daerah purbalingga, pemasaran masig menggunakan cara yang sangat

sederhana dan dengan media dari mulut ke mulut, dengan cara itu maka

pemasaran tidak lah efektif.

Cara promosi yang memalui media mulut ke mulut sekarang sudah tidak

efektif lagi, karena dengan media intenet maka kita dapat mempromosikan apa

saja didalamnya, bisa kapan saja dan dimana saya, ini cara yang sangat tepat

untuk media promosi produk dari “Yan Cake”. Maka dari itu pembuatan website

untuk media penjualan merupakan media yang sangat tepat untuk dijadikan media

promosi produk

2. Landasan Teori

2.1 Konsep Internet

2.1.1 Pengertian Internet

Internet berasal dari kata Interconnection Networking. Dari Kata Internet

dapat diartikan sebagai “a global network of computer networks” atau jaringan

komputer bersekala ineternasional yang mampu membuat tiap-tiap komputer

saling berkomunikasi2.

1 M.Suyanto. Pengantar Teknologi Informasi Untuk Bisnis, Yogyakarta, Penerbit Andi Publisher,

2005, Halaman 8 2 Beranda Agency. Menggali Harta Karin Internet, Jakarta, Penerbit Elek Media Komputindo,

2010, Halaman 2.

Page 5: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

2.1.2 Sejarah Perkembangan Internet

Cikal bakal jaringan Internet yang kita kenal saat ini pertama kali

dikembangkan tahun1969 oleh Departemen Pertahanan Amerika Serikat

dengan nama ARPANET (US Defense Advanced Research Projects

Agency)3.

2.1.3 Layanan Internet

1. WWW (Word Wide Web)

2. FTP (File Transfer Protocol)

3. Telnet

4. E-Mail

5. Shell

6. IRC (Internet Relay Chat)

2.1.4 Konsep Dasar Aplikasi Web

Dalam merancang sebuah web hal yang perlu diperhatikan ialah

nilai efektifitasnya terutama dalam penyajian informasi yang disesuaikan

dengan tujuan dan pembuatan web itu sendiri.

2.2 Software Yang Digunakan

2.2.1 Pemrograman Internet

Pada pemrograman Internet, terdapat dua jenis pemrograman

internet, yaitu: Client Side Scripting dan Server Side Scripting. Disini

dikatakan scripting, karena berbeda dengan bahasa pemrograman pada

umumnya seperti bahasa C, Pascal, Basic dan lain-lain. Dalam bahasa

pemrograman diperlukan adanya proses kompilasi untuk dapat

menjalankan program tersebut

2.2.2 Macro Media Dreamweaver 8

3 Darma, Jarot S., Shenia A. Buku Pintar Menguasai Internet, Jakarta, Mediakita, 2009, Halaman 2.

Page 6: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Dreamweaver 8 Macromedia Dreamweaver 8 adalah sebuah

perangkat lunak yang dapat digunakan oleh setiap orang untuk belajar

bagaimana membuat web dengan mudah4.

2.2.3 PHP

PHP atau PHP:Hypertext Processor, sebetulnya bermula dari

personal Home Page tools. PHP adalah salah satu bahasa scripting yang

ditaruh di dalam HTML (embedded).

2.2.4 MySQL

MySQL adalah database server relasional yang gratis di bawah

lisensi GNU General Public License. Dengan sifatnya yang Open Source,

memungkinkan juga user untuk melakukan modifikasi pada source code –

nya.

2.2.5 HTML

Dasara desain Web yang paling umum digunakan adalah HTML.

HTML(Hytext Markup Language) adalah bahasa dari World Wide Web

yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat

ditampilkan pada program browser.

2.2.6 Apache Web Server

2.2.6.1 Apache

Server web adalah server internet yang mampu melayani

koneksi transfer data dalam protokol HTTP.

2.2.7 Google Chrome Browser Aplikasi

Google Chrome adalah sebuah peramban web sumber terbuka yang

dikembangkan oleh Google dengan menggunakan mesin rendering

WebKit. Proyek sumber terbukanya sendiri dinamakan Chromium5.

3. Analisis Dan Perancangan

3.1 Analisis Sistem

4 Arif Ramadhan. Stuend Guid Series, Jakarta, Elek Media Komputindo, 2007, Halam 1 dan

Halaman Cover Belakang. 5 Jabilee Enterprise. Trik Cepat Menguasai Google Chrome, Jakarta, Elek Media Komputindo,

2009, Halaman 1.

Page 7: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Tahap analisis sistem dilakukan setelah tahap perencanaan sistem

dan sebelum tahap desain sistem.

3.1.1 Analisis Pemodelan Data

Sistem Website dari unit usaha Yan Cake dalam penelitian ini

bertugas untuk mengolah data atau informasi kedalam sistem berbasis web

3.1.2 Analisis Komponen Sistem Informasi

3.1.2.1 Informasi Untuk Konsumen Atau User

Disini tiberikan menu yang dapat digunakan oleh user atau

konsumen untuk memilih produk atau melihat cara beli dan melihat

profil dari unit usaha Yan Cake

3.1.2.2 Informasi Untuk Administrator Sistem

Untuk administrator sistem, fasilitas atau fitur yang disediakan

oleh sistem kurang lebih mengacu kepada pengelolaan data serta

content yang ditampilkan dalam website Unit Usaha ”Yan Cake”

Purbalingga ini.

3.1.3 Analisis Kebutuhan Sistem

3.1.3.1 Identifikasi Penyebab Masalah

Beberapa masalah yang timbul karena belum adanya sistem

baru untuk penyebaran informasi secara cepat dan up to date setiap

saat untuk publik.

3.1.3.2 Analisis PIECES

Untuk mengidentifikasi masalah, maka perlu melakukan

analisa terhadap kinerja, informasi, ekonomi, keamanan aplikasi,

efisiensi, dan pelayanan pelangan.

1. Analisis Kinerja (Performance)

Page 8: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Setelah analisa secara kinerja (performance), memperkirakan

bahwa dengan menggunakan system lama pelayanan hanya jika

pengunjung datang ke toko dan membeli produk, jika dibandingkan

dengan menggunakan media internet, maka pengunjung dari luar

daerah bisa melihatnya lewat media website. Hasil penjualan dengan

menggunakan media lama misalnya menghabiskan 20-30 box kue,

maka dengan di tambahkan dengan system pernjualan online

diharapkan akan meningkat 30% pada 3 bulan pertama dan juga akan

terus meningkat sering berjalannya waktu,

2. Analisis Informasi (Information)

Informasi yang diberikan kepada konsumen masih berupa

brosur dan mulut ke mulut, hal ini tidak efektif dan terkadang tidak

tepat sasaran, dengan media internet maka media untuk promosi

menjadi mudah dan bisa diakses kapan saja dan dimana saja.

4. Analisis Ekonomi (Economic)

Biaya yang dikeluarkan untuk media promosi website akan

digantikan dengan menggunakan media internet, akan lebih hemat dan

lebih effiseience

4. Analisis Kontrol (Control)

Untuk mengendalikan jumlah pemesanan yang banyak pada

saat menjelang hari besar keagamaan biasanya pesanan akan

meningkat, oleh karene itu pengendalian dari aspek langsung sangat

membutuhkan palayanan media pengiriman, hal ini akan menambah

jumlah barang yang akan terjual nantinya.

5. Analisis Efisiensi (Efficiency)

Dengan menggunakan media cetak atau dengan media mulut

kemulur akan sangat tidak efisien, oleh karena iti media online sangat

dibutuhkan untuk efisiensi pemasaran produk.

Page 9: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

6. Analisis Pelayanan (Service)

Pelayanan yang biasanya dilakukan dengan cara langsung,

maka dengan adanya media online maka pelayanan akan ditingkat kan

dan omset dari penjualan diharapkan akan naik.

3.1.3.3 Hasil Analisi PIECES

Dari analisis ini dapat disimpulkan bahwa informasi yang

dihasilkan menggunakan sistem yang ada memiliki cukup banyak

kelemahan dimana informasi yang dihasilkan kurang dan jika ada

perubahan informasi perlu melakukan update secara menyeluruh,

sehinga menghabiskan cukup banyak biaya dan kuran efisien.

3.2 Perancangan Sistem Dengan UML

3.2.1 UML (Unified Modeling Language)

UML merupakan sekumpulan diagram untuk memodelkan

Software. Adapun beberapa diagaram yang digunakan antara lain :

3.2.1.2 Use Case Diagram

Use Case Diagaram menjajikan interaksi antara Use Case

dan actor. Dimana actor dapat berupa orang, peralatan, atau system

lain yang berinteraksi dengan system yang sedang dibangun.

3.2.2 Diagram Activity

3.2.2.1. Activity Diagram Penambahan Data oleh admin

3.2.2.2. Activity Diagram Edit Data oleh Admin

3.2.2.3 Activity Diagram Hapus Data oleh Admin

3.2.2.4 Activity Diagram Manage Laporan oleh Admin

3.2.2.5 Activity Diagram Lihat Data oleh User

Page 10: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

3.2.2.6 Activity Diagram Pengisian Kontak Oleh User

3.2.2.7 Activity Diagram Use Case Pemesanan Produk

3.2.3 Sequence Diagram

Squence diagram digunakan untuk memberikan gambaran secara

detail dari setiap use case diagram yang telah dibuat sebelumnya.

3.2.4 Class Diagram

Class Diagram digunakan untuk menggambarkan struktur statis

class di dalam sistem. Class merepresentasikan sesuatu yang ditangani

oleh sistem.

3.3 Relasi Diagram

ERD menunjukkan bagaimana perbedaan entity yang saling berelasi.

Dengan kata lain, diagram ini menunjukkan struktur yang statis dalam sistem.

3.4 Rancangan Struktur Table

Tabel yang digunakan di database website Yan Cake

3.5 Perancangan Interface

3.5.1 Halaman Admin

Halaman yang hanya dapat akses onleh admin

3.5.2 Halaman User

Halaman yang dapat dilihat dan diakses oleh admin dan user

4. Implementasi Dan Pembahasan

4.1 Implementasi

4.2 Instalasi Program

Page 11: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Instalasi program disini adalah urut-urutan saat instalasi xampp,

yang nantinya akan digunakan sebagai webserver dan memanfaatkan

localhost untuk pembuatan website.

4.3 Pembuatan Program

4.3.1 Pembuatan Database dan Tabel

Database digunakan untuk menyinpan data produk dan menyimpan

data pemesan dan lain sebagainya.

4.3.2 Koneksi Database MySQL

Website unit usaha Yan Cake harus bisa menyimpan data pemesan

ke database, maka dari itu perlu di lakukan pengkoneksian antara website

dan database agar semua data tersimpan.

4.4 Pengujian Sistem

Uji coba system dan program dalam pembuatan Website YanCake ini akan

dilakukan dengan pengetesan fungsi dan logika yang telah diberikan pada masing-

masing program atau modul, apakah masih ada kesalahan atau tidak.

4.4.1 Back Box Testing

Pengujian Black Box Testing berfokus pada fungsi sistem, tentang

kesalahan interface, fungsi, basis data atau kesalahan kinerja system.

4.4.2 White Box Testing

White box testing berbeda dengan pengujian black box testing,

kalau black box testing adalah pengujian semua logika dan fungsi,

sedangkan white box testing adalah pengujian yang dilakukan terakhir kali

sebelum sistem diimplementasikan.

4.5 Manual Program

Page 12: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

4.5.1 Halaman Utama Pengunjung

Halaman utama pengujung ini adalah halam dimana saat

pengunjung mengunjungi website Yan Cake. Disini pengunjung bisa

melakukan pemesanan produk.

4.5.2 Halaman Admin

Halaman admin adalah halaman yang bisa digunakan oleh admin

untuk menambahkan produk, kategori, kota tujuan pengiriaman dan lain

sebagainya.

5. Penutup

5.1 Kesimpulan

Kesimpulan yang dapat diambil dari pembuatan website untuk penjualan kue

kering unit usaha Yan Cake adalah sebagai berikut:

1. Dengan adanya Website E-Commerce yang memanfaatkan internet sebagai

media informasi dan pemasaran sehingga dapat memudahkan pemilik unit

usaha YAN CAKE untuk memberikan pelayanan dan informasi terhadap

konsumen secara optimal dan memberikan informasi 24 jam serta dapat

diakses kapan saja dan dimana saja.

2. Dengan menggunakan media Dreamweaver 8 untuk merancang dam proses

pemuatan website, dan juga dengan menggunakan xampp sebagai media

pembuatan datebasenya, maka pembuatan website sebagai media penjualan

akan lebih mudah di lakukan.

3. Website dirancang bukan hanya untuk penjualan saja, akan tetapi diberikan

media untuk para konsumen agar bias berhubungan dengan owner yaitu

disediakannya halaman “Hubungi” dan juga ada aplikasi tambahan dengan

Page 13: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

menggunakan yahoo messenger dengan aplikasi yang bernama PINGBOX,

aplikasi PINGBOX adalah aplikasi dari Yahoo yang digunakan untuk tetap

bias berkomunikasi melalui Yahoo Messanger tanpa memiliki akun Yahoo

Messengger, akan tetapi pesan yang dikirim akan masuk ke kotak aplikasi

Chating Yahoo Messanger.

5.2 Saran

Berdasarkan kesimpulan di atas, penulis memberikan saran sebagai berikut:

1. Dengan adanya sistem yang baru, pemeliharaan dan perawatan terhadap

perangkat keras, perangkat lunak dan ketersediaan server baik hosting dan

domain harus diperhatikan agar sistem dapat berjalan dengan baik.

2. Ongkos pengiriman produk yang muncul saat transaksi pemesanan,

diharapkan sesuai dengan berat barang yang dipesan, agar proses transaksi

menjadi transparan antara kedua belah pihak.

3. Diharapkan juga adanya pengembangan terhadap Website E-Commerce ini

menjadi website yang lebih lengkap dalam hal penyediaan fasilitas, informasi,

dan pelayanan serta keamanan. Serta penambahan jenis pembayaran seperti

Paypal dan lainnya.

Demikian saran yang penulis sampaikan agar dapat diterima sebagai

masukan. Semoga Website E-Commerce ini dapat digunakan sebaik-baiknya dan

mendapatkan manfaat yang maksimal.

Page 14: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

DAFTAR PUSTAKA

Arif Ramadhan. Stuend Guid Series, Jakarta, Elek Media Komputindo, 2007,

Halam 1.

Beranda Agency. Menggali Harta Karin Internet, Jakarta, Penerbit Elek Media

Komputindo, 2010, Halaman 2.

Darma, Jarot S., Shenia A. Buku Pintar Menguasai Internet, Jakarta, Mediakita,

2009, Halaman 2.

Jabilee Enterprise. Trik Cepat Menguasai Google Chrome, Jakarta, Elek Media

Komputindo, 2009, Halaman 1.

M.Suyanto. Pengantar Teknologi Informasi Untuk Bisnis, Yogyakarta, Penerbit

Andi Publisher, 2005, Halaman 8.

Page 15: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER

AMIKOM YOGYAKARTA

BIODATA PENULIS SKRIPSI / NASKAH PUBLIKASI

Pendadaran / Lulus Tanggal : 15 Juni 2012

Wisuda Tanggal : Oktober 2012

Nama : Imam Arifin

Jenis Kelamin : Pria

Tempat dan Tanggal Lahir : Tegal 15 November 1989

Status : Belum Menikah

Agama : Islam

Asal Ijasah Sekolah : Nama Sekolah Kota Sekolah Tahun Ijasah

SD : SD N 6 Ujungrusi Tegal 2002

SLTP : SMP N 1 Adiwerna Tegal 2005

SLTA : SMK N 2 Adiwerna Tegal 2008

AKADEMI : STMIK AMIKOM Yogyakarta 2012

NIM : 08.11.2532

Program Studi / Jurusan : T1 / Teknik Informatika

Pekerjaan Sebelum Lulus : Mahasiswa

Alamat Rumah Saat di Jogja : Jl Nangka No.3, RT 04 Rw 19, Condong catur

Depok, Sleman, Yogyakarta

Alamat Rumah Asal : Jl Kemuning No. 17 Rt 21 Rw 03, Ujungrusi

Adiwerna, Tegal

Nomer Telpon / Hand Phone : 0838 6770 5913

Email : [email protected]

Page 16: Perancangan Website E-Commerce penjualan Kue Keringrepository.amikom.ac.id/files/naskah publikasi Imam Arifin 08.11... · HTML(Hytext Markup Language) ... Hasil penjualan dengan menggunakan

Nama Orang Tua : Dede Adi Sujono

Pekerjaan : Sopir

Alamat Orang Tua : Jl Kemuning No. 17 Rt 21 Rw 03, Ujungrusi

Adiwerna, Tegal

Judul Skripsi : Perancangan Website E-Commerce Penjualan Kue

Kering Pada Unit Usaha ”Yan Cake” Purbalingga

Dosen Pembimbing : Heri Sismoro, M.Kom.

Yogyakarta 25 Juni 2012

Penulis

Imam Arifin