Sistem Penjualan Produk Handmade Berbasis Ecommerce

(1)

SISTEM PENJUALAN PRODUK HANDMADE BERBASIS ECOMMERCE

TUGAS AKHIR

ICHA KHAIRUNNISA 102406170

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(2)

SISTEM PENJUALAN PRODUK HANDMADE BERBASIS ECOMMERCE

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai sebutan Ahli Madya Komputer

ICHA KHAIRUNNISA 102406170

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : SISTEM PENJUALAN PRODUK HANDMADE BERBASIS ECOMMERCE

Kategori : TUGAS AKHIR

Nama : ICHA KHAIRUNNISA

Nomor Induk Mahasiswa : 102406170

Program Studi : DIPLOMA (D-3) TEKNIK INFORMATIKA Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juli 2013

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing

(4)

PERNYATAAN

SISTEM PENJUALAN PRODUK HANDMADE BERBASIS ECOMMERCE

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juli 2013

(5)

PENGHARGAAN

Puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan Rahmat serta Hidayah kepada kita semua, sehingga berkat Karunia-Nya penulis dapat menyelesaikan Tugas Akhir dengan baik yang berjudul “ SISTEM PENJUALAN PRODUK HANDMADE BERBASIS ECOMMERCE “ pada waktu yang telah ditetapkan.

Terimakasih penulis sampaikan kepada Bapak Drs. Faigiziduhu Bu’ulolo, M.Si selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini. Terimakasih kepada Bapak Syahriol, S.Si, M.I.T dan Dra. Elly Rosmaini, M.Si selaku Ketua dan Sekretaris Program Studi D-3 Teknik Informatika, Dekan dan Pembantu Dekan FMIPA USU, seluruh Staff pengajar Program Studi D-3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Teristimewa kepada kedua orang tuaku Syaiful Bahri dan Farida Hasnita yang senantiasa memberikan kasih sayang, semangat, dukungan dan selalu mendoakan penulis agar lancar dalam segala hal. Semoga Tuhan Yang Maha Esa akan membalasnya.

(6)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Batasan Masalah 2

1.4 Rumusan Masalah 2

1.5 Tujuan 3

1.6 Manfaat 3

1.7 Sistematika Penulisan 3

BAB 2 LANDASAN TEORI

2.1 Pengertian Komputer 5

2.2 Pengertian Internet 6

2.3 E-commerce 7

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan 10

3.2 Perancangan Data Flow Diagram 10 3.3 Perancangan Struktur database 11

3.4 Flowchart 15

3.4.1 Flowchart Menu Utama 17

3.4.2 Flowchart Pembelian 18

3.4.3 Flowchart Login Admin 27

BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem 20

4.2 Tujuan Implementasi Sistem 20

4.3 Komponen Utama & Sistem 20

4.3.1 Perangkat Keras 21

4.3.2 Perangkat Lunak 21

(7)

4.4 Demonstrasi Program 22 BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 22

5.2 Saran 22

(8)

Daftar Tabel

Nomor Judul Halaman

Tabel

3.1 Simbol-Simbol DFD 11

3.2 Admin 12

3.3 Bantal 12

3.4 Sandal 12

3.5 Boneka 12

3.6 Tas 13

3.7 Bukutamu 13

3.8 Resi 13

3.9 Pesanan 14

3.10 Pesantas 14

3.11 Pesanboneka 14

3.12 Pesantas 14

3.13 Pesanboneka 14

(9)

Daftar Gambar

Nomor Judul Halaman

Gambar

3.1 Flowchart Menu Utama 18

3.2 Flowchart Pembelian 19

(10)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Pada zaman sekarang ini, perkembangan dan pengaruh teknologi informasi di Indonesia semakin canggih. Terutama dalam bidang dunia internet yang terus berkembang dengan pesat yang berpengaruh pada dunia perdagangan. Menurut Sutarman (2007) Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jaringan telekomunikasi seperti, wireless dan lainnya.

Perdagangan sebenarnya merupakan kegiatan yang dilakukan manusia sejak awal peradabannya. Sejalan dengan perkembangan manusia, cara dan sarana yang digunakan untuk berdagang senantiasa berubah. Bentuk perdagangan terbaru yang kian memudahkan penggunanya kini ialah e-commerce (Ronni Purba, 2010). Deris (2002) menyatakan bahwa komputer bisa digunakan sebagai sarana bisnis online. Salah satunya adalah dengan memanfaatkan sistem informasi berbasis e-commerce.

(11)

Oleh karena itu, dengan argumentasi latar belakang inilah penulis mengambil judul “Sistem Penjualan Produk Handmade Berbasis Ecommerce” (Kerajinan tangan yang membuat segala jenis, tas, sandal, bantal, boneka).

1.2Identifikasi Masalah

Berdasarkan latar belakang di atas ada beberapa masalah yang melatarbelakangi pembuatan aplikasi ini, diantaranya :

a. Masih banyak perusahaan melakukan perdagangan secara manual.

b. Membuat pelanggan merasa nyaman dan percaya dalam melakukan transaksi pembelian secara online.

1.3Batasan Masalah

Dalam merancang Sistem Penjualan ini terdapat beberapa batasan yaitu :

a. Aplikasi Sistem ini merupakan aplikasi yang cukup sederhana, sehingga tidak terlalu banyak fitur di dalamnya.

b. Aplikasi ini hanya mengatur penjualan handmade saja.

1.4Rumusan Masalah

Berdasarkan uraian di atas, maka yang akan menjadi masalah adalah sebagai berikut :

a. Sulitnya pelanggan mempercayai penjualan secara online.

(12)

1.5Tujuan

Tujuan dari pembuatan handmade (kerajinan tangan) ini adalah :

a. Merancang perangkat lunak yang sesuai guna membantu masyarakat dalam melakukan transaksi pembelian secara online.

b. Merancang perangkat lunak yang dapat dikembangkan dan digunakan kehidupan sehari-hari.

c. Membuat orang tertarik dan percaya dengan penjualan secara online. d. Mendapatkan pelanggan yang banyak serta rekan bisnis yang baru bagi

perusahaan.

e. Memperluas daerah pemasaran produk, dan mempermudah customer membeli kerajinan tangan yang menarik.

1.6Manfaat

Manfaat yang dapat diperoleh dari pembangunan aplikasi sistem penjualan handmade berbasis e-commerce adalah :

a. Mempermudah pelanggan untuk membeli kerajinan tangan yang diinginkan.

b. Menambah kreatifitas yang ingin dibuat, dan untuk menambah inspirasi dari produk-produk yang penulis buat.

c. Mempermudah transaksi pembayaran dalam pembelian kerajinan tangan online

1.7Sistematika Penulisan

(13)

BAB 1 PENDAHULUAN

Bab ini menguraikan tentang latar belakang masalah, identifikasi masalah, batasan masalah, rumusan masalah, tujuan, manfaat dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Pada bab ini berisikan teori yang membahas tentang pengertian dan mengenai bahasa pemrograman yang mendukung perancangan aplikasi.

BAB 3 PERANCANGAN SISTEM

Bab ini menguraikan tentang rancangan sistem yang akan dibuat, pengertian perancangan sistem, persiapan database, data flow diagram, serta flowchart.

BAB 4 IMPLEMENTASI SISTEM

Pada bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem, spesifikasi sistem, pengujian di browser, tampilan halaman.

BAB 5 KESIMPULAN DAN SARAN

(14)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Istilah komputer mempunyai arti yang luas dan berbeda bagi setiap orang. Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung (to compute atau to reckon). Menurut Blissmer (1985), komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas, yaitu menerima input, memproses input sesuai dengan instruksi yang diberikan, menyimpan perintah-perintah dan hasil pengolahannya, serta menyediakan output dalam bentuk informasi.

Menurut Sanders (1985), komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya, dan menghasilkan output berdasarkan instruksi-instruksi yang telah tersimpan di dalam memori. Dan masih banyak lagi ahli yang mencoba mendefinisikan secara berbeda tentang komputer. Namun, pada intinya dapat disimpulkan bahwa komputer adalah suatu peralatan elektronik yang dapat menerima input, mengolah input, memberikan informasi, menggunakan suatu program yang tersimpan di memori komputer, dapat menyimpan program dan hasil pengolahan, serta bekerja secara otomatis.

(15)

kenyataan (fakta), dapat berupa angka-angka, huruf, simbol-simbol khusus, atau gabungan dari ketiganya. Data masih belum dapat bercerita banyak sehingga perlu diolah lebih lanjut. Pengolahan data merupakan suatu proses manipulasi dari data ke dalam bentuk yang lebih berguna dan lebih berati, yaitu berupa suatu informasi. Dengan demikian, informasi adalah hasil dari suatu kegiatan pengolahan data yang memberikan bentuk yang lebih bermakna dari suatu fakta. Oleh karena itu, pengolahan data elektronik adalah proses manipulasi dari data ke dalam bentuk yang lebih bermakna berupa suatu informasi dengan menggunakan suatu alat elektronik, yaitu komputer.

2.2 Pengertian Internet

Pengertian Internet, internet (interconnected computer networks) bisa didefinisikan network komputer tiada batas yang menjadi penghubung pengguna komputer dengan pengguna komputer lainnya serta dapat berhubungan dengan komputer di sebuah wilayah ke wilayah di penjuru dunia, di mana di dalam jaringan tersebut mempunyai berbagai macam informasi serta fasilitas layanan internet browsing atau surfing. Istilah ini lebih dikenal dengan “online” di internet.

Internet merupakan sistem global jaringan komputer yang berhubungan menggunakan standar Internet Protocol Suite (TCP / IP) untuk melayani miliaran pengguna di seluruh dunia. Ini adalah jaringan dari jaringan yang terdiri dari jutaan jaringan pribadi, umum, akademik, bisnis, dan jaringan pemerintah, dari lokal ke lingkup global, yang dihubungkan oleh sebuah kode array yang luas dari teknologi jaringan elektronik, nirkabel dan optik. Internet juga dapat didefinisikan sebagai interkoneksi seluruh dunia komputer dan jaringan komputer yang memfasilitasi sharing atau pertukaran informasi di antara pengguna.

(16)

bisa menyiarkan dan mengakses secara langsung baik berita informasi dan bertukar data dengan akses internet online ke seluruh penjuru dunia tanpa ada batasan wilayah geografis dari setiap penggunanya.

2.3 E-commerce

Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. Salah satu jaringan yang digunakan adalah internet. Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan E-Commerce. Internet merupakan jaringan global yang menyatukan jaringan komputer di seluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antara satu dengan yang lain di seluruh dunia. Dengan menghubungkan jaringan komputer perusahaan dengan internet, perusahaan dapat menjalin hubungan bisnis dengan rekan bisnis atau konsumen secara lebih efisien. Sampai saat ini internet merupakan infrastruktur yang ideal untuk menjalankan E-Commerce, sehingga istilah E-Commerce pun menjadi identik dengan menjalankan bisnis di internet.

Pertukaran informasi dalam E-Commerce dilakukan dalam format digital sehingga kebutuhan akan pengiriman data dalam bentuk cetak dapat dihilangkan. Dengan menggunakan sistem komputer yang saling terhubung melalui jaringan telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalam waktu yang singkat. Akibatnya informasi yang dibutuhkan untuk keperluan transaksi bisnis tersedia pada saat diperlukan. Dengan melakukan bisnis secara elektronik, perusahaan dapat menekan biaya yang harus dikeluarkan untuk keperluan pengiriman informasi. Proses transaksi yang berlangsung secara cepat juga mengakibatkan meningkatnya produktifitas perusahaan.

(17)

dan menghadapi tekanan bisnis. Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persaingan mengharuskan perusahaan untuk dapat memberikan respon. Penggunaan E-Commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing.

Kehadiran internet yang walaupun masih merupakan industri baru yang dalam fase pertumbuhan, yang masih baru terus berubah serta penuh ketidakpastian, telah memperkokoh keyakinan akan pentingnya peranan teknologi dalam pencapaian tujuan financial perusahaan melalui modifikasi dan efisiensi proses bisnis, yaitu dengan memanfaatkan Ecommerce

Ada beberapa sebutan untuk Ecommerce yaitu internet commerce atau Ecommerce atau immerce yang pada dasarnya semua sebutan di atas mempunyai makna yang sama. Istilah-istilah tersebut berarti membeli atau menjual secara elektronik dan kegiatan ini dilakukan pada jaringan internet. Ecommerce juga dapat berarti pemasangan iklan, penjualan dan dukungan pelayanan yang terbaik menggunakan sebuah web shop 24 jam sehari bagi seluruh pelanggannya.

a. Elektronik Markets (Ems)

(18)

b. Elektronik Data Interchange (EDI)

EDI adalah sarana untuk mengefisienkan pertukaran data transaksi-transaksi regular yang berulang dalam jumlah besar antar organisasi-organisasi komersial. Secara formal EDI didefinisikan oleh Internasional Data Exchange Association (IDEA) sebagai “transfer data terstruktur dengan format standard yang telah disetujui yang dilakukan dari satu sistem komputer ke sistem komputer lain dengan menggunakan media elektronik”. EDI sangat luas penggunanya, biasanya digunakan oleh kelompok detail yang besar ketika melakukan bisnis dagang dengan para supplier. EDI memiliki standarisasi pengkodean transaksi perdagangan, sehingga organisasi komersial tersebut dapat berkomunikasi secara langsung dari satu sistem ke sistem komputer yang lain tanpa perlu hardcopy, faktur, serta terhindar dari penundaan, kesalahan yang tidak disengaja dalam penanganan berkas dan intervensi manusia. Keuntungan dalam menggunakan EDI adalah waktu pemesanan yang singkat, mengurangi biaya, mengurangi kesalahan, memperoleh respon yang cepat.

c. Internet Commerce

Internet commerce adalah penggunaan internet yang berbasis teknologi informasi dan komunikasi untuk perdagangan. Kegiatan komersial ini seperti iklan dalam penjualan produk dan jasa. Transaksi yang dapat dilakukan di internet antara lain pemesanan dan pembelian barang di mana barang akan dikirim melalui pos atau sarana lain setelah uang ditransfer ke rekening penjual.

(19)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai databasenya, serta Dreamweaver CS 5 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang.

3.2 Perancangan Data Flow Diagram (DFD)

(20)

Table 3.1 Simbol-Simbol DFD

No Gambar Nama Fungsi

1 _{( External Entity )}Kesatuan Luar

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem .

2 Proses ( Process)

Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan mengubah input menjadi output.

3 _{( Data Flow )}Aliran Data

Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diperoses menjadi input.

4

Penyimpanan

Data ( Data Stronge )

Data disimpan untuk keperluan berikutnya.

3.3 Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antar file yang lain sehingga membentuk satu kesatuan data untuk menginformasikan suatu perusahaan, instansi dalam batasan tertentu.

(21)

Tabel 3.2 Admin

Nama Field Type Size Keterangan

Id varchar 5 Primary Key

Username Varchar 20

Password varchar 50

Tabel 3.3 Bantal

Kode varchar 7 Primary Key

Rincian text -

Ukuran varchar 15

Harga varchar 7

Stok int 2

Gbr varchar 250

Tabel 3.4 Sandal

Rincian text -

Ukuran varchar 15

Harga varchar 7

Stok int 2

Gbr varchar 250

Tabel 3.5 Boneka

Rincian text -

Ukuran varchar 15

(22)

Stok int 2

Gbr varchar 250

Tabel 3.6 Tas

Model varchar 10

Rincian text -

Ukuran varchar 15

Harga varchar 7

Stok int 2

Gbr varchar 250

Tabel 3.7 Bukutamu

Ud Int 10 Primary Key

Name Varchar 35

Message Text -

Date varchar 30

Tabel 3.8 Resi

Resi Varchar 14 Primary Key

Nama Varchar 30

Tujuan Varchar 30

Via Varchar 15

Tgl Varchar 10

(23)

Tabel 3.9 Pesanan

Nama Varchar 20

Email Varchar 20

Hp Varchar 13

Nama_pengirim Varchar 20

Alamat text -

Provinsi Varchar 20

Kota Varchar 30

Pos Varchar 5

Tabel 3.10 Pesantas

Nomor Int 10 Primary key

idtransaksi Varchar 50

Idproduk Varchar 20

Jumlah Int 5

Harga double -

Tabel 3.11 pesanboneka

Idproduk Varchar 20

Jumlah Int 5

Harga double -

Tabel 3.12 pesansandal

(24)

Idproduk Varchar 20

Jumlah Int 5

Harga double -

Tabel 3.13 pesanbantal

Idproduk Varchar 20

Jumlah Int 5

Harga double -

3.4 Flowchart

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan atau hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan proses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahasa pemrograman (Irma, 2008).

(25)

Tabel 3.14 Flow-Chart

No Nama Gambar Fungsi

1

Terminator

Terminator, fungsinya untuk permulaan/akhir program

2 Process

Process, digunakan untuk melambangkan kegiatan pemrosesan input.

3 Input data

Input data, fungsi untuk proses input data, parameter.

4 Garis alir ( flow line)

Garis alir (flow line), fungsinya untuk arah aliran program.

5

Preparation

Preparation, berfungsi untuk proses inisialisasi atau pemberian harga awal atau untuk perulangan/looping. 6

Proses

Proses, fungsinya untuk proses perhitungan/proses pengolahan data .

7

Connector

Connector, penghubung

bagian-bagian flowchart yang berada pada satu halaman.

8

Output data

(26)

9

Off page connector

Off page connector

penghubung bagian-bagian flowchart yang berada pada halaman berbeda.

10

Predefined process

Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

11

Display

Display, untuk output yang diajukan suatu device, seperti monitor.

12

Magnetic disk

Magnetic disk, untuk

(27)

3.4.1 Flowchart Menu Utama

Start

Buka Koneksi Database

Home

Profil Start

Our Handmade

Cara Pemesanan

Testimoni

Tutup koneksi Database

End

N

Y

Tampilan utama

Cara pemesanan produk Produk handmade

Komentar

Gambar 3.1 Flowchart Menu Utama Halaman Utama

(28)

3.4.2 Flowchart Pembelian Handmade

Gambar 3.2 Flowchart Pembelian Handmade Start

Our Handmade

Tas

Pilih produk

Tambah ke keranjang

Kekeranjang belanja

End

Database

Isi data lengkap

Konfirmasi N Y

(29)

3.4.3 Flowchart Login Admin

Gambar 3.3 Flowchart Login Admin Start

index

Login

Isi ‘ User id & ‘ password ‘

User id & ‘ password’ benar

Menu admin

End Salah ‘User

Id’atau “password “

(30)

BAB 4

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstal dan melalui sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

4.2 Tujuan Implementasi Sistem

Tujuan Implementasi Sistem adalah sebagai berikut: 1. Menyelesaikan desain website yang baru akan dibuat. 2. Menguji program-program dan prosedur baru.

3. Memastikan bahwa sistem dibuka dengan sempurna oleh member. 4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan. 5. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru dengan

baik.

4.3 Komponen Dalam Implementasi Sistem

(31)

Pada sistem penjualan produk handmade berbasis ecommerce ini dibutuhkan beberapa komponen seperti yang disebut di atas, yaitu:

1. Perangkat Keras (hardware)

Perangkat keras adalah semua bagian fisik komputer, dan dibedakan dengan data yang berada di dalamnya atau beroperasi di dalamnya, dan dibedakan dengan perangkat lunak yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya. Perangkat keras yang dibutuhkan ini antara lain :

a. Monitor

b. Hardisk

c. Memori minimal 256 MB

d. Modem

e. Keyboard dan mouse

2. Perangkat Lunak (software)

Perangkat lunak adalah program yang berisi kumpulan instruksi untuk melakukan proses pengolahan data. Adapun perangkat lunak yang digunakan penulis adalah

a. Sistem Operasi Windows 7

b. MySQL sebagai pengolah data

c. PHP sebagai bahasa pemrogram serverside

d. CSS untuk mengatur tampilan dokumen dalam mengendalikan ukuran

gambar, warna teks, warna tabel, ukuran border, warna border, warna hyperlink, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, dan bawah.

3. Perangkat Operator (Brainware)

(32)

Brainware termasuk bagian penting dari sebuah sistem komputer. Hardware tidak dapat bekerja tanpa adanya software, sedangkan software dan hardware tidak dapat bekerja tanpa adanya brainware. Jadi 3 komponen ini saling terkait dan saling membutuhkan.

a. Administrator

b. Pengunjung dan Member

4.4Demonstrasi Program

Demonstrasi program ini menjelaskan halaman website yang telah penulis rancang. Pada halaman ini akan dijelaskan beberapa bagian website diantaranya

[image:32.612.170.469.387.647.2]

1. Halaman Utama

(33)

[image:33.612.177.470.117.373.2]

2. Halaman Profil

Gambar 4.2 Tampilan Profil

3. Halaman Our Handmade

[image:33.612.200.440.485.686.2]

(34)

[image:34.612.137.494.103.392.2]

4. Halaman Cara Pesan

Gambar 4.4 Tampilan Cara Pesan

5. Halaman Login Admin

[image:34.612.217.425.473.597.2]

(35)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari pembahasan bab – bab sebelumnya maka penulis dapat mengambil beberapa kesimpulan dari permasalahan pembuatan website e-commerce dalam penjualan handmade. Kesimpulan tersebut adalah:

1. Dengan adanya website penjualan atau e-commerce untuk memasarkan penjualan produk handmade, dapat memperluas pemasaran produk serta meningkatkan daya jual bagi Usaha Kecil Menengah (UKM).

2. Website e-commerce ini sendiri berjalan pada jaringan internet sehingga memungkinkan siapa saja untuk dapat mengakses website ini

5.2 Saran

Dengan selesainya pembuatan website e-commerce ini penulis ingin memberikan saran dengan harapan yang nantinya dapat mendukung perngembangan sistem ini lebih lanjut.

1. Di harapkan dapat melakukan perbaikan dan penyempurnaan terhadap sistem ini. Sehingga nantinya website dapat memenuhi permintaan pasar. 2. Sistem yang telah di buat masih memerlukan perbaikan karena masih

(36)

DAFTAR PUSTAKA

Andi. 2003. Promosi Efektif dengan Web. Yogyakarta: Wahana Komputer Devlin, Ian. 2012. HTML5 Multimedia :Develop and Design. Peachpit Press. Dian sano, Albert. 2005. 24 Jam Menguasai HTML, JSP dan Mysql. Yogyakarta:

Andi offset.

Duckett, Jon. Beginning Web programming with HTML, XHTML and CSS. Wiley Publishing,Inc.

Kadir, Abdul. 2002. Penuntun Praktis Belajar. Yogyakarta: Andi

Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu

Madcoms. 2008. Php dan Mysql Untuk Pemula. Madcoms: Madcoms dan Andi Mansfield, Richard. 2001. CSS Web Design for Dummies. Wiley Publishing Inc. Raharjo, Budi. 2011. Belajar Pemrograman Web. Bandung: Modula

http://lamonganfree.blogspot.com/2012/06/membuat-web-e-commerce-dengan-php-dan.html. Diakses selasa, 30 april 2013

http://catatan-masgatot.blogspot.com/2012/05/contoh-web-e-commerce-menggunakan.html#more. Diakses selasa, 30 april 2013

http://ilmukomputer.org/2008/06/01/membuat-shopping-cart-sederhana-menggunakan-php/. Diakses rabu, 1 mei 2013

(37)

</div>

</center> </div>

(38)

1. Index.php

<!DOCTYPE html> <html>

<head>

<title>Rumah Handmade</title>

<style>

.gbr3{margin-left:100px;} </style>

</head> <body>

(39)

<li id="link2"> <a

href="profil.php">Profil</a> </li>

<a href="handmade.php">Our Handmade</a>

</li>

<a href="pesan.php">Cara Pesan</a>

</li>

<li id="link5"> <a

href="testimoni.php">Testimoni</a> </li>

</ul> </div>

The Best Handmade In The World!!!

(40)

Made only from the best. </p>

</div> <div>

<center><marquee><h3> Welcome To Rumah Handmade! </marquee></h3></center>

<p>

Tempat belanja handmade online, yang mudah, praktis dan menghemat waktu.

Tersedia berbagai tas, sandal, boneka dan bantal.<br>

Dijamin Anda menyukainya.<br> Jadi tunggu apa lagi....<br> Segera pesan....

</p> <br><br>

<li> <a

(41)

</li> <li>

<a

href="http://www.tiki-online.com/"><img src="images/tiki.jpg" width="90" height="90" alt=""></a>

</li> <li> <a

href="http://www.bni.co.id/"><img

src="images/imagees.jpg" width="120" height="90" alt=""></a></li></ul>

</td> </tr> </div>

</div>

</li> <li>

(42)

<li>

</li>

</li>

</ul> </div>

<span>Follow Us:</span> <a

href="https://www.facebook.com/komc.komc.9?fref=pb" id="facebook">facebook</a> <a

href="https://twitter.com/RumahHandmadeKu" id="twitter">twitter</a>

</div> <br><br> <center><p>

</p></center>

(43)

</body> </html>

2. Profil.php

<!DOCTYPE html> <html>

<head>

<title>Cara Pesan - Rumah Handmade</title> <link rel="stylesheet" href="css/style.css" type="text/css">

<style>

.kaki { color:#F30; text-decoration:none;} a{color:#F30; text-decoration:none;}

</style> </head>

<body>

(44)

<li id="link2"> <a

href="profil.php">Profil</a> </li>

</li>

</li>

<li id="link5"> <a

href="testimoni.php">Testimoni</a> </li>

</ul> </div>

(45)

<h2>Supported By</h2>

<table><center><tr><td><td> <a

href="http://www.jne.co.id/"><img src="images/jne.jpg" width="90 px" height="90 px"

alt=""></a></td></td></tr>

<tr><td><td><td><a href="http://www.tiki-online.com/"><img

src="images/tiki.jpg" width="90 px" height="90 px" alt=""></a></td></td></td></tr>

<tr><td><td><td><td><a href="http://www.bni.co.id/"><img

src="images/imagees.jpg" width="90 px" height="90 px" alt=""></a></td></td></td></td></tr></table>

</div>

<div>

<h3>Profil</h3> <table>

<tr><td><marquee><h2>Pesan Sekarang!!!</marquee></h2>

(46)

<font face="Comic Sans MS, cursive" size="+2" color="#FF0099">Rumah Handmade adalah sebuah toko online yang menjual barang-barang buatan tangan berkualitas tinggi<br>

Berlokasi di Medan <br>

Rumah Handmade menyediakan barang-barang buatan tangan seperti tas, boneka, sandal dan bantal.<br>

Jika ada cara lain, atau kesalahan yang telah kami buat, dangan senang menerima masukan dan ide melalui email rumah.handmade@gmail.com atau telp. ke :<br> 0831-9415-8777 (icha) dan 0852-7772-3212 (Abdi) <br></font></td></tr></table>

</div> </div> </div>

(47)

</p>

</div> </div>

</body> </html>

3. Our Handmade

<?php

session_start();

if(!isset($_SESSION['transaksi'])){

$idt = date("ymdHis");//membuat id transaksi yang unik berdasarkan waktu

$_SESSION['transaksi'] = $idt; }

include "config.php";

(48)

mysql_select_db($DB); ?>

<!DOCTYPE html>

<html>

<head>

<title>Our Handmate - Rumah Handmade</title> <link rel="stylesheet" href="css/style.css" type="text/css">

</head> <body>

<li id="link2"> <a

(49)

</li>

</li>

</li>

<a href="#">Testimoni</a> </li>

</ul> </div>

<div class="body"> <?php

$idtransaksi = $_SESSION['transaksi'];

$keranjangx = mysql_query("select * from tabelpesan where idtransaksi='$idtransaksi'");

$pesan = 0;

while($psn = mysql_fetch_array($keranjangx)){ $pesan = $pesan + $psn['jumlah'];

}

(50)

<?php

if($pesan>0){ }

?> </td> </tr> <tr>

<marquee><h2>Our Handmade</h2></marquee>

<ul>

<li>

Berisi beberapa tas yang imut dan nyaman dipakai

</p> </li>

<li>

(51)

<p>

Berisi beberapa bantal yang imut dan nyaman

</p> </li>

</ul> <ul>

<li>

Berisi beberapa boneka buatan tangan yang imut

</p> </li>

<li>

<h3>Your Sandals</h3> <p>

(52)

</p> </li> </ul>

<ul>

<li>

</ul> </div> </div>

</div> <br><br> <p>

</p>

(53)

</div> </body> </html>

4. Input keranjang

<?php

session_start();

if(!isset($_SESSION['transaksi'])){ $idt = date("YmdHis");

$_SESSION['transaksi'] = $idt; }

$idtransaksi = $_SESSION['transaksi']; $kode=$_GET['kode'];

if(!isset($kode)){

die("tidak ada transaksi"); }

include "config.php";

mysql_connect($HOST,$USER_NAME,$PASSWORD) or die("tidak bisa koneksi ke database");

(54)

$bantal = mysql_query("select * from bantal where kode='$kode' ");

$data = mysql_fetch_array($bantal); $harga=$data['harga'];

$kode1=$data['kode'];

$masuk = mysql_query("insert into

tabelpesan(nomor,idtransaksi,idproduk,jumlah,harga) values('','$idtransaksi','$kode1','1','$harga')"); if($masuk){

header("location:keranjang.php"); }else{

echo "error"; }

?>

5. Login

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(55)

<title>Welcome To User</title>

</head>

$(document).ready(function() {

$("#login_form").submit(function() {

//remove all the class add the messagebox classes and start fading

$("#msgbox").removeClass().addClass('messagebox'). text('Memeriksa....').fadeIn(1000);

(56)

$.post("ajax_login.php",{

user_name:$('#user_name').val(),pass:$('#pass').val(),r and:Math.random() } ,function(data)

{

if(data=='yes') //if correct login detail {

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Masuk...').addClass('messageboxok').fad eTo(900,1,

function() {

//redirect to secure page document.location='home.php'; });

}); }

(57)

$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox

{

//add message and change the class of the box and start fading

$(this).html('Data anda tidak tepat!').addClass('messageboxerror').fadeTo(900,1);

}); }

});

return false; //not to post the form

physically });

//now call the ajax also focus move from $("#password").blur(function()

{

$("#login_form").trigger('submit'); });

});

</script>

(58)

position:absolute; width:100px;

margin-left:30px; border:1px solid #c93; background:#ffc;

padding:3px; }

.messageboxok{

position:absolute; width:auto;

margin-left:30px;

border:1px solid #349534; background:#C9FFCA;

padding:3px;

font-weight:bold; color:#008000;

}

.messageboxerror{

position:absolute; width:auto;

margin-left:30px;

border:1px solid #CC0000; background:#F7CBCA;

(59)

font-weight:bold; color:#CC0000; }

</style>

<body>

Login Sebagai Admin<br /> </center>

</div>

<tr>

<td align="center"

(60)

<td align="" width="225"><input name="user_name" type="text" id="user_name"

maxlength="50" size="30" /></td> </tr>

<tr>

<td

align="center">Password</td>

<td><input name="pass"

type="password" value="" id="pass" maxlength="50" size="30" /></td>

</tr>

<tr>

<td id="notif"

valign="top">silahkan login untuk pengelolaan</td> </tr>

<tr>

<td colspan="2"><span

id="msgbox" style="display:none"></span><input

id="submit" name="submit" type="submit" value="Login" /></td>

</tr>