Perancangan Website E-Commerce Penjualan Tanaman Herbal

PERANCANGAN WEBSITE E-COMMERCE PENJUALAN

TANAMAN HERBAL

TUGAS AKHIR

IRINA D S GULTOM

102406155

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

PERANCANGAN WEBSITE E-COMMERCE PENJUALAN

TANAMAN HERBAL

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat mencapai gelar Ahli Madya

IRINA D S GULTOM

102406155

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

PERSETUJUAN

Judul : PERANCANGAN WEBSITE E-COMMERCE

PENJUALAN TANAMAN HERBAL

Kategori : TUGAS AKHIR

Nama : IRINA D S GULTOM

Nomor Induk Mahasiswa : 102406155

Program Studi : DIPLOMA III TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Mei 2013

Diketahui : Disetujui : Departemen Matematika FMIPA USU

Ketua, Pembimbing Utama/ Penanggung Jawab

Prof. Dr. Tulus, M.Si Dra. Normalina Napitupulu M.Sc NIP. 19620901 198803 1 002 NIP : 19631106 198902 001

PERNYATAAN

PERANCANGAN WEBSITE E-COMMERCE PENJUALAN TANAMAN HERBAL TUGAS AKHIR

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

Medan, Mei 2013

IRINA D S GULTOM 102406155

PENGHARGAAN

Alhamdulillah Puji syukur penulis ucapkan ke hadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan tugas akhir yang berjudul “PERANCANGAN WEBSITE E-COMMERCE

PENJUALAN TANAMAN HERBAL” ini tepat pada waktunya. Shalawat beserta

salam juga penulis haturkan ke hadirat junjungan kita Nabi besar Muhammad SAW. Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Dalam tugas akhir ini, penulis banyak mendapat masukan serta dukungan dari berbagai pihak.

Secara khusus penulis menyampaikan rasa terima kasih yang sedalam-dalamnya kepada Kedua orang tua penulis yang telah mendidik dan membesarkan penulis dengan kasih sayang yang tulus juga segala pengorbanan yang tak terhitung nilainya dengan selalu memberikan doa dan dukungan baik moril maupun materil.

Selesainya tugas akhir ini tidak terlepas dari bimbingan, bantuan dan dukungan banyak pihak, sehingga pada kesempatan ini penulis mengucapkan terima kasih yang sebesar–besarnya kepada :

1. Orang tua penulis yang selalu penulis cintai dan hormati, Ayahanda ( Drs. Ismanuali Gultom ) dan ibunda ( Ayuni Safarita, BA), Ibu Dra. Normalina Napitupulu, M.Sc selaku dosen pembimbing tugas akhir yang telah memberikan bimbingan dan pengarahan kepada penulis selama menyusun tugas akhir ini. 2. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu

3. Bapak Prof. Dr. Tulus, M.Si. selaku ketua Departemen Matematika

4. Bapak Syahril Efendi, S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan sekretaris program studi Diploma 3 Teknik Informatika

5. Seluruh dosen program studi Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara yang telah memberikan ilmu pengetahuannya kepada penulis selama perkuliahan.

6. Para Pegawai FMIPA USU yang telah banyak membantu penulis.

7. Sahabat – sahabat seperjuangan penulis Dhita Pratiwi, Inda Ernita, Diory S.M Marbun, Nurdin Siregar, Ammazizzaky Tarigan, Dimas Andika Nasution, Ikhsan Akmal Sitompul, Pratama Nugraha, Meabeng Tampubolon dan Dwi Asmo Wardhana serta teman-teman KOMB’10 yang tidak bisa penulis sebutkan satu persatu atas nasehat dan ilmunya selama ini.

Pada penulisan tugas akhir ini, penulis telah berusaha semaksimal mungkin. Namun penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu prnulis mengharapkan kritik dan saran dari pembaca sekalian demi penyempurnaan tugas akhir ini.

Demikian tugas akhir ini saya buat. Semoga tulisan ini bermanfaat bagi kita semua, Amin.

Medan, Mei 2013 Penulis

ABSTRAK

Kajian ini bertujuan untuk mengetahui bagaimana membangun suatu website e-commerce mengenai penjualan tanaman herbal secara online. Sistem informasi ini dikembangkan menggunakan Notepad ++ sebagai editor, dan perangkat lunak XAMPP 2.5. Tujuan dari website ini adalah untuk mempermudah masyarakat dalam melakukan pembelian tanaman herbal, tanpa harus berinteraksi secara tatap muka dengan penjual.

ABSTRACT

This study aims to finds out how to build an e-commerce website on the sale of herbal plants online. This information system was developed using Notepad ++ as an editor, and software XAMPP 2.5. The purpose of this website is to facilitate the public in herbal plants, without having to interact face to face with the seller.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv Abstrak vi Abstract vii Daftar Isi viii Daftar Tabel x

Daftar Gambar xi Bab 1: Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2 1.3 Perumusan Masalah 2 1.4 Tujuan dan Manfaat Penelitian 3

1.5 Metode Penelitian 3 1.6 Sistematika Penulisan 4 Bab 2: Landasan Teori 6

2.1 Pengertian Komputer 6

2.2 Pengenalan Internet 7

2.3 Pengertian E-commerce 8

2.3.1 Jenis-jenis e-commerce 11

2.3.2 Tujuan menggunakan e-commerce dalam berbisnis 13

2.3.3 Manfaat menggunakan e-commerce dalam dunia bisnis 13

2.4 Pengenalan Website 14

2.5 Pengertian HTML, PHP, dan MySQL 15

2.5.1 Pengenalan HTML 15

2.5.2 Pengenalan PHP 16

2.5.3 Pengenalan MySQL 17

2.6 CSS (Cascading Style Sheets) 18

2.7 Pengertian Data, Informasi, dan Database 19

2.7.1 Database management system (DBMS) 20

Bab 3: Perancangan Sistem 22

3.1 Data Flow Diagram (DFD) 22

3.2 Outline Halaman Utama Website 25

3.2.1 Outline menu kategori akar-akar herbal 26

3.2.2 Outline menu kategori buah-buahan herbal 27

3.2.3 Outline menu kategori bunga-bunga herbal 28

3.2.4 Outline menu kategori daun-daun herbal 29

3.2.5 Outline menu kategori umbi-umbi herbal 30

3.2.6 Outline menu about 31

3.2.7 Outline menu manfaat tanaman 32

3.2.9 Outline menu order delivery 34

3.3 Entity Relationship Data (ERD) 35

3.4 Perancangan Struktur Database 35

3.5 Flowchart 37

3.5.1 Flowchart halaman utama 40

3.5.2 Flowchart kategori akar-akar herbal 42

3.5.3 Flowchart kategori buah-buah herbal 43

3.5.4 Flowchart kategori bunga-bunga herbal 44

3.5.5 Flowchart kategori daun-daun herbal 45

3.5.6 Flowchart kategori umbi-umbi herbal 46

3.5.7 Flowchart manfaat tanaman 47

3.5.8 Flowchart login admin 48

3.5.9 Flowchart halaman admin 49

3.5.10 Flowchart halaman data tanaman 50

Bab 4: Implementasi Sistem 51

4.1 Pengertian Implementasi Sistem 51

4.2 Tujuan Implementasi Sistem 51

4.3 Komponen Utama dalam Implementasi Sistem 52

4.3.1 Perangkat keras (Hardware) 52

4.3.2 Perangkat lunak (Software) 52

4.3.3 Sumber daya manusia (Brainware) 53

4.4 Tampilan Website 54

Bab 5: Kesimpulan dan Saran 64

5.1 Kesimpulan 64

5.2 Saran 65 Daftar Pustaka

DAFTAR TABEL

Halaman

Tabel 3.1 Tabel Simbol Data Flow Diagram 23

Tabel 3.2 Tabel Data Admin 36

Tabel 3.3 Tabel Data Pemesanan (Order delivery) 36

Tabel 3.4 Tabel Daftar Nama Tanaman 36

DAFTAR GAMBAR

Halaman

Gambar 3.1 Data Flow Diagram (DFD) 24

Gambar 3.2 Menu Utama Website Herbalife 25

Gambar 3.3 Menu Kategori Akar-akar herbal 26

Gambar 3.4 Menu Kategori Buah-buahan herbal 27

Gambar 3.5 Menu Kategori Bunga-bunga herbal 28

Gambar 3.6 Menu Kategori Daun-daun herbal 29

Gambar 3.7 Menu Kategori Umbi-umbi herbal 30

Gambar 3.8 Menu About 31

Gambar 3.9 Menu Manfaat Tanaman 32

Gambar 3.10 Menu Cara Order 33

Gambar 3.11 Menu Order Delivery 34

Gambar 3.12 Flowchart halaman utama herbalife 40 Gambar 3.13 Flowchart kategori akar-akar herbal 38 Gambar 3.14 Flowchart kategori buah-buah herbal 43 Gambar 3.15 Flowchart kategori bunga-bunga herbal 44 Gambar 3.16 Flowchart kategori daun-daun herbal 45 Gambar 3.17 Flowchart kategori umbi-umbi herbal 46 Gambar 3.18 Flowchart menu manfaat tanaman 47

Gambar 3.19 Flowchart menu login admin 48

Gambar 3.20 Flowchart halaman admin 49

Gambar 3.21 Flowchart data tanaman 50

Gambar 4.1 Menu home 54

Gambar 4.2 Kategori akar-akar herbal 55

Gambar 4.3 Kategori buah-buah herbal 56

Gambar 4.4 Kategori bunga-bunga herbal 57

Gambar 4.5 Kategori daun-daun herbal 58

Gambar 4.6 Kategori umbi-umbi herbal 59

Gambar 4.7 Menu about 60

Gambar 4.8 Menu manfaat tanaman 61

Gambar 4.9 Menu cara order 62

ABSTRAK

Kajian ini bertujuan untuk mengetahui bagaimana membangun suatu website e-commerce mengenai penjualan tanaman herbal secara online. Sistem informasi ini dikembangkan menggunakan Notepad ++ sebagai editor, dan perangkat lunak XAMPP 2.5. Tujuan dari website ini adalah untuk mempermudah masyarakat dalam melakukan pembelian tanaman herbal, tanpa harus berinteraksi secara tatap muka dengan penjual.

ABSTRACT

This study aims to finds out how to build an e-commerce website on the sale of herbal plants online. This information system was developed using Notepad ++ as an editor, and software XAMPP 2.5. The purpose of this website is to facilitate the public in herbal plants, without having to interact face to face with the seller.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Terdapat beberapa keunggulan dari internet, salah satunya yaitu dapat menyampaikan informasi yang ada di sebuah perusahaan atau instansi tertentu. Dengan melalui

internet-lah sekilas profil, keunggulan, serta segala sesuatu tentang perusahaan tersebut dapat dipublikasikan secara luas kepada masyarakat. Oleh karena itu, agar bisnis yang dikelola dapat berjalan sukses perusahaan harus mengikuti trend internet

dengan melakukan inovasi untuk mendapatkan pencapaian yang memuaskan dari bisnis mereka. Inovasi itu ialah dengan memasang iklan melalui internet yang lebih dikenal dengan e-commerce.

Oleh karena itu, penulis memberikan alternatif penjualan tanaman herbal melalui Internet yang dikenal dengan istilah electronic commerce (e-commerce). Situs

e-commerce tidak hanya memberikan pengaruh positif bagi pembeli tetapi juga berlaku untuk penjual karena memberikan kemudahan dari segi perdagangan, keamanan properti maupun verifikasi pembayaran. Dalam hal ini, penulis mengimplementasikan transaksi penjualan dengan merancang situs menggunakan bahasa pemrograman PHP dan basis data MySQL.

1.2 Identifikasi Masalah

Sistem penjualan online ini diciptakan karena sulitnya pembeli untuk datang ke toko tanaman herbal, karena keterbatasan waktu dan jarak bagi pembeli dan tempat. Untuk mengatasi hal ini, maka diciptakanlah sistem ini agar waktu, tempat, dan hambatan lainnya tidak terjadi lagi.

1.3 Perumusan Masalah

Permasalahan yang akan dibahas dalam penelitian ini antara lain :

a. Bagaimanakah penerapan sistem e-commerce dalam mengatasi masalah manajemen pelayanan pemasaran yang berkaitan dengan database produk, pemesanan, dan data yang lainnya?

b. Apakah dengan sistem e-commerce untuk sistem pembuatan web pemasaran toko tanaman herbal online dapat diterapkan untuk memudahkan konsumen dalam pemesanan tanaman herbal online?

1.4 Tujuan dan Manfaat Penelitian

Tujuan dari pembuatan Tugas Akhir ini adalah merancang sebuah situs e-commerce dengan menggunakan software-software pendukung seperti XAMPP sebagai server

dan database, serta Notepad ++ sebagai editor, sebagai sarana promosi maupun penjualan yang berjalan dengan baik.

Adapun manfaat dari penelitian ini adalah sebagai berikut :

a. Sebagai alat untuk mempermudah manajemen pelayanan pemasaran produk yang berkaitan dengan database produk, serta database konsumen.

b. Mempercepat proses pencarian data-data yang berkaitan dengan ditawarkan kepada calon konsumen.

1.5 Metode Penelitian

Dalam menyusun Tugas Akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data-data yang dibutuhkan, sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik. Adapun metode yang digunakan penulis dalam menyelesaikan tugas akhir ini adalah sebagai berikut:

1. Metode Observasi

Pada penelitian ini dilakukan survei dan pengumpulan data untuk digunakan sebagai bahan dalam membuat sistem aplikasi. Adapun data yang diambil yaitu data berbagai informasi tentang tanaman herbal yang berkaitan dengan pembuatan program database calon pembeli/konsumen.

Penelitian literatur yang dilakukan penulis ini digunakan untuk mendapatkan data-data serta teori yang dapat mendukung dalam pembuatan database produk yang ditawarkan, serta database pesanan dari calon pembeli/konsumen.

3. Metode laboratorium

Penelitian yang dilakukan penulis dalam kegiatan ini adalah merancang dan membuat program database produk yang ditawarkan, pemesanan, dan yang lainnya dengan langkah-langkah sebagai berikut:

a. Mempersiapkan alat dan bahan yang diperlukan; b. Membuat rancangan diagram alir program; c. Menguji program;

d. Merevisi program bila diperlukan;

1.6 Sistematika Penulisan

Sistematika penulisan memberikan informasi secara umum tentang pembahasan yang terdapat dalam setiap bab. Sehingga dalam pembahasannya akan lebih mudah dipahami. Sistematika penulisan tugas akhir ini adalah sebagai berikut:

BAB 1 : PENDAHULUAN

Bab ini membahas dan menerangkan perihal yang menjadi latar belakang penulisan, identifikasi masalah, perumusan masalah, tujuan dan manfaat dari perancangan, metodologi yang digunakan, serta sistematika penulisan.

BAB 2 : LANDASAN TEORI

Dalam bab ini diuraikan mengenai teori-teori yang berhubungan dengan perancangan sistem yang digunakan sebagai acuan dalam pembuatan perangkat lunak. Sehingga perancangan tersebut sesuai dengan teori yang sudah ada.

BAB 3 : PERANCANGAN SISTEM

Pembahasan mengenai perancangan keseluruhan sistem dalam pembuatan aplikasi. Yang meliputi pembuatan tabel, pembuatan aplikasi, serta pembuatan programnya.

BAB 4 : IMPLEMENTASI SISTEM

Pada bab ini dijelaskan mengenai rincian pengujian yang dilakukan terhadap sistem yang dikembangkan, serta analisis terhadap hasil pengujian dan keterangan menu.

BAB 5 : KESIMPULAN DAN SARAN

Bab ini merupakan penutup yang berisi kesimpulan terhadap hasil rancangan serta saran-saran yang berguna untuk mendukung terhadap rancangan yang telah dibuat.

LANDASAN TEORI

2.1 Pengertian Komputer

Dalam merancang suatu aplikasi ataupun sistem diperlukan sebuah alat bantu, seperti komputer. Komputer adalah sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan menghasilkan informasi (output) serta terkoordinasi di bawah kontrol program yang tersimpan di dalam memorinya. (http://blogesupri.blogspot.com/2011/06/pengertian-komputer.html)

Kata komputer berasal dari bahasa Latin yaitu Computare yang artinya menghitung. Dalam bahasa Inggris disebut to compute. Menurut buku “Computer

Today” (Donald H.Sanders), 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 di bawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).

2.2 Pengenalan Internet

Internet (Interconnection-Network) adalah sebutan untuk sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersil, organisasi,

maupun perorangan. Internet menyediakan akses untuk layanan telekomunikasi dan sumber daya informas untuk jutaan bahkan milyaran pemakainya yang tersebar di seluruh dunia. Layanan internet meliputi komunikasi langsung (email-chat), diskusi (Usenet News, e-mail, milis), sumber daya informasi yang terdistribusi (World Wide Web, Gopher), remote login dan lalu lintas file (Telnet, FTP), dan aneka layanan yang lainnya. (Ramadhani, 2003).

Internet dapat juga diartikan sebagai suatu jaringan komputer luas yang berada di seluruh dunia dan berfungsi untuk menghubungkan jaringan komputer lain, di mana pengguna akhir layanan internet memungkinkan untuk melakukan pertukaran data dan informasi melalui arsip situs World Wide Web.

World Wide Web adalah sekelompok dokumen multimedia yang saling terkoneksi menggunakan hypertext link. Dan dengan mengklik pada suatu link, anda dapat berpindah dari suatu dokumen ke dokumen lainnya. Ada dua hal penting yang harus diketahui bila belajar dengan WWW yaitu software web browser dan software web server. Di mana software web browser ini bertindak sebagai client yang memungkinkan anda untuk melihat dan mendapatkan informasi dari server web, sedangkan software web server bertindak sebagai server yang memberikan/menyediakan informasi yang diminta oleh browser.

2.3 Pengertian E-commerce

E-commerce atau bisa disebut Perdagangan elektronik atau e-dagang adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem

elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya.

Ecommerce dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.

Industri teknologi informasi melihat kegiatan e-dagang ini sebagai aplikasi dan penerapan dari e-bisnis (e-business) yang berkaitan dengan transaksi komersial, seperti: transfer dana secara elektronik, SCM (supply chain management), e -pemasaran (e-marketing), atau pemasaran online (online marketing), pemrosesan transaksi online (online transaction processing), pertukaran data elektronik (electronic data interchange/EDI), dll.

E-dagang atau e-commerce merupakan bagian dari e-business, di mana cakupan e-business lebih luas, tidak hanya sekedar perniagaan tetapi mencakup juga penggabungan mitra bisnis, pelayanan nasabah, lowongan pekerjaan, dan yang lainnya. Selain teknologi jaringan www, e-dagang juga memerlukan teknologi basis data atau pangkalan data (database), e-surat atau surat elektronik (e-mail), dan bentuk teknologi non-komputer yang lain seperti halnya sistem pengiriman barang, dan alat pembayaran untuk e-dagang ini.

E-commerce pertama kali diperkenalkan pada tahun 1994 pada saat pertama kali banner-elektronik dipakai untuk tujuan promosi dan periklanan di suatu halaman

web (website). Menurut Riset Forrester, perdagangan elektronik menghasilkan

penjualan seharga AS$12,2 milyar pada 2003. Menurut laporan yang lain pada bulan oktober 2006 yang lalu, pendapatan ritel online yang bersifat non-travel di Amerika Serikat diramalkan akan mencapai seperempat trilyun dolar US pada tahun 2011. (http://www.baliorange.web.id/pengertian-ecommerce)

Keuntungan e-commerce bagi bisnis perusahaan-perusahaan dapat menjangkau pelanggan di seluruh dunia. Oleh karena itu dengan memperluas bisnis mereka, sama saja dengan meningkatkan keuntungan. E-commerce menawarkan pengurangan sejumlah biaya tambahan.

Sebuah perusahaan yang melakukan bisnis di internet akan mengurangi biaya tambahan karena biaya tersebut tidak digunakan untuk gedung dan pelayanan pelanggan (customer service), jika dibandingkan dengan jenis bisnis tradisional.

Secara ringkas keuntungan e-commerce tersebut adalah sebagai berikut: 1. Bagi Konsumen : harga jauh lebih murah, belanja cukup pada satu tempat. 2. Bagi Pengelola Bisnis : efisiensi, tanpa kesalahan, tepat waktu.

3. Bagi Manajemen : peningkatan pendapatan, loyalitas pelanggan.

Adapun beberapa aspek penting dalam membuka toko online adalah:

1. Menyiapkan fasilitas toko online memang tidak semudah membuat homepage. Tahap awal, tentu menyiapkan presence-nya, yakni membuat homepage-nya, terutama sebagai storefront. Pekeran yang terkait dengan hal ini adalah menyiapkan content, desain web hosting-nya. Selain tampilan visual dan

content-nya harus bagus, struktur homepage yang dibuat pun harus jelas.

2. Langkah berikutnya, menyiapkan interaktivitas toko online tersebut. Paling sederhana, bisa menggunakan fasilitas e-mail di website-nya. Agar interaktivitas antara merchant dan pengakses berjalan lancar, maka para

penjual online ini menyiapkan homepage-nya dengan formulir-formulir standar dan terstruktur, yang bisa dijawab dengan software tertentu. Sejauh ini

homepage-homepage di Indonesia belum menyediakan interaktivitas untuk kebutuhan verifikasi dan pembayaran.

3. Menurut Julizvar, konsulan dari Hewlett Packard (HP) Indonesia, untuk terciptnya sistem pembayaran via internet memang dibutuhkan kesepakatan berbagai pihak, terutama dari pihak lembaga keuangan, merchant dan konsumen. Pihak-pihak lainnya yang biasanya terlibat untuk mendukung sistem pembayaran internet adalah penyedia sertifikat digital, baik untuk Visa

(misalnya VeriSign) maupun MasterCard (misalnya GTE); dan perusahaan pemroses tansaksi kartu kredit.

4. Adapun soal pengiriman barang, merchant biasanya bekerjasama dengan perusahaan jasa kurir seperti UPS, FedEx, JNE, Tiki, dan PT. Pos. Bahkan untuk kebutuhan ekspor sekalipun. Hanya saja, kalau memiliki layanan yang diberikan mall online di Indonesia, sejauh ini pengelola tidak ikut campur dalam pengiriman barang pesanannya.

2.3.1 Jenis-jenis e-commerce

1. Business to Business

Di dalam Business to Business pada umumnya transaksi dilakukan oleh para trading partners yang sudah saling kenal dengan format data yang telah disepakati bersama.

Karakteristik dari Business to Business yaitu:

a. Trading partners yang sudah diketahui dan umumnya memiliki hubungan (relationship) yang cukup lama. Informasi hanya dipertukarkan dengan partner tersebut. Dikarenakan sudah mengenal lawan komunikasi, maka

jenis informasi yang dikirimkan dapat disusun sesuai dengan kebutuhan dan kepercayaan (trust).

b. Pertukaran data (data exchange) berlangsung berulang-ulang dan secara berkala, misalnya setiap hari, dengan format data yang sudah disepakati bersama. Dengan kata lain, servis yang digunakan sudah tertentu. Hal ini memudahkan pertukaran data untuk dua entiti yang menggunakan standar yang sama.

c. Salah satu pelaku dapat melakukan inisiatif untuk mengirimkan data, tidak harus menunggu partner-nya.

d. Model yang umum digunakan adalah peer-to-peer, di mana processing intelligence dapat didistribusikan di kedua pelaku bisnis.

2. Business to Consumer Karakteristiknya adalah:

a. Bersifat terbuka untuk umum, di mana informasi disebarkan ke umum. Dapat diakses oleh seluruh pengguna internet.

b. Servis yang diberikan bersifat umum (generic) dengan mekanisme yang dapat digunakan oleh khalayak ramai.

c. Servis diberikan berdasarkan permohonan (ondemand). Konsumer melakukan inisiatif dan produser harus siap memberikan respon sesuai dengan permintaan.

d. Pendekatan client/server sering digunakan di mana diambil asumsi client (consumer) menggunakan sistem yang minimal (berbasis Web) dan processing (businessprocedure) diletakkan di sisi server.

3. Consumer to Consumer

Karakteristik dari Consumer to Consumer yaitu:

a. E-commerce antara individu dan individu dilakukan secara langsung b. Semakin banyak individu yang terhubung pada internet, maka pasar Consumer to Consumer akan semakin potensial.

4. Consumer to Business

Karakteristiknya adalah sebagai berikut:

a. E-commerce antara individu dan perusahaan dilakukan secara langsung. b. Semakin banyak individu yang menawarkan produk dan jasa melalui

c. Perusahaan mendapatkan akses yang luas pada produk dan jasa yang ditawarkan oleh individu.

2.3.2 Tujuan menggunakan e-commerce dalam berbisnis

Tujuan suatu perusahaan menggunakan sistem E-Commerce yaitu dengan menggunakan E-Commerce maka perusahaan dapat lebih efisien dan efektif dalam meningkatkan keuntungannya.

2.3.3 Manfaat menggunakan e-commerce dalam dunia bisnis

Manfaat dalam menggunakan e-commerce dalam suatu perusahaan sebagai sistem transaksi adalah:

a. Dapat meningkatkan market exposure (pangsa pasar). Transaksi online

yang membuat semua orang di seluruh dunia dapat memesan dan membeli produk yang dijual hanya dengan melalui media computer dan tidak terbatas jarak dan waktu.

b. Menurunkan biaya operasional (operating cost).

Transaksi E-Commerce adalah transaksi yang sebagian besar operasionalnya diprogram di dalam komputer sehingga seluruh biaya seperti showroom, beban gaji berlebihan, dan yang lainnya tidak perlu terjadi.

c. Memperluas jangkauan (global reach).

Transaksi online yang dapat diakses oleh semua orang di dunia tidak terbatas tempat dan waktu karena semua orang dapat mengaksesnya hanya dengan menggunakan media perantara komputer.

d. Meningkatkan customer loyalty. Ini disebabkan karena sistem transaksi

E-Commerce menyediakan informasi secara lengkap dan informasi tersebut dapat diakses setiap waktu. Selain itu dalam hal pembelian juga dapat dilakukan setiap waktu bahkan konsumen dapat memilih sendiri produk yang diperlukannya.

2.4 Pengenalan Website

Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait di mana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi

website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dan yang lainnya.

Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.

2.5 Pengertian HTML, PHP, dan MySQL

2.5.1 Pengenalan HTML

HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer data-data web yang ditulis atau berformat HTML.

HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan menambah elemen atau sering disebut sebagai tag-tag.

Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag

ditandai dengan simbol “<” dan “>” tanpa tanda kutip. Pasangan dari sebuah tag ditandai dengan tanda “/” dan ini menunjukan penutupan suatu tag.

2.5.2 Pengenalan PHP

PHP adalah bahasa pemorgraman yang memungkinkan para web developer

untuk membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan

sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya.

PHP merupakan salah satu bahasa script yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan (embedded) ke dalam webserver, atau dapat berperan sebagai program CGI yang terpisah. Karakteristik yang paling unggul dan paling kuat dalam PHP adalah lapisan integrasi database (database integration layer). Database yang didukung PHP adalah: Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL, Informix,Solid, dBase, ODBC, Unix dbm, dan PostgreSQL.

Beberapa kelebihan PHP yaitu:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari

mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.

3. Dalam sisi pengembangannya lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime

melalui console serta juga dapat menjalankan perintah-perintah sistem.

Dengan PHP ini kita dapat membuat beragam aplikasi berbasis web, mulai dari halaman web, mulai dari halaman web yang sederhana sampai aplikasi kompleks yang membutuhkan koneksi ke database. Sampai saat ini telah banyak database yang telah didukung oleh PHP dan kemungkinan akan terus bertambah. Database tersebut adalah:

1. dBase 3. FilePro 5. MySQL 7. Oracle 9. Sybase

2. DBM 4. mSQL 6. ODBC 8. Postgres 10. Velocis

2.5.3 Pengenalan MySQL

MySQL adalah perangkat lunak database server atau disebut Database Smart.

Database ini semakin lama semakin populer. Dengan menggunakan database ini, data semakin aman dan berdaya guna. Database ini juga banyak dipakai pada web database sehingga data semakin terintegrasi antara database desktop dengan database web.

Keistimewaan dari MySQL sebagai database server dengan konsep database modern adalah sebagai berikut:

1. Portability

pada berbagai sistem operasi seperti Windows,Linux, FreeBSD, Mac OS X Server, Solaris, Amiga, HP Unix, dan lain-lain.

2. Open Source

MySQL merupakan database open source (gratis), di bawah lisensi GPL

sehingga dapat memperoleh dan menggunakannya secara cuma-cuma tanpa membayar berapa pun.

3. Multi User

MySQL merupakan database yang dapat digunakan untuk menangani

beberapa user dalam waktu bersamaan tanpa mengalami masalah. Dan memungkinkan sebuah database server MySQL dapat diakses client secara bersamaan pula.

2.6 CSS (Cascading Style Sheets)

Cascading Style Sheets (CSS) adalah suatu bahasa style sheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS

digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

2.7 Pengertian Data, Informasi, dan Database

Data adalah fakta mengenai objek, orang dan lain-lain (Kadir,1999:7). Data juga dapat didefinisikan sebagai bahan keterangan tentang kejadian-kejadian nyata atau fakta-fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak yang menunjukkan jumlah, tindakan, atau hal.

Informasi adalah hasil analisis dan sintesis terhadap data. Dengan kata lain, informasi dapat dikatakan sebagai data yang telah diorganisasikan ke dalam bentuk yang sesuai dengan kebutuhan sekarang, entah itu manajer, staf ataupun orang lain di dalam suatu organisasi atau perusahaan (Kadir, 1999:7).

Sedangkan Database (basis data) merupakan kumpulan data yang saling berhubungan. Hubungan antar data dapat ditunjukan dengan adanya field/kolom kunci dari tiap file/tabel yang ada. Dalam satu file atau table terdapat record-record yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas yang seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari field

yang saling berhubungan menunjukan bahwa field tersebut dalam satu pengertian yang lengkap dan disimpan dalam satu record. Adapun struktur database adalah:

Database, File/Table, Record, Elemen data/Field.

A database may be defined as a collection of onterrelated data stored together without harmful or unnecessary redundancy to serve one or more applications in an optimal fashion; the data are stored so that they are independent of programswith use the data; a common and controlled approach its used in addingnew data and in modifying and retrieving existing data within the database (James Martin, 1975).

2.7.1 Database management system (DBMS)

Database merupakan sekelompok data yang saling berelasi, yang dapat disimpan, diproses, dimanipulasi, dan digunakan oleh pihak-pihak yang berkepentingan. Relasi tersebut biasanya ditujukan dengan bagian-bagian penting dari tiap data yang ada.

Di dalam sebuah DBMS terdapat beberapa database beserta satu atau lebih program pengelola yang berguna untuk mengolah data seperti menambah data, mengambil data, menghapus data, maupun melakukan update terhadap data yang

sudah ada. DBMS adalah sebuah aplikasi yang dapat digunakan untuk membuat dan melakukan maintain terhadap database. (Elmasri & Navathe, 2004)

Keuntungan DBMS yaitu :

1. Mengurangi pengulangan data 2. Mencapai independensi data

3. Mengintegrasikan data beberapa file

4. Mengambil data dan informasi secara cepat 5. Meningkatkan keamanan

6. Meningkatkan presentasi kesiapan data (data availability) 7. Mempercepat penyimpanan dan pengambilan data

8. Mempercepat dan mempermudah pemrosesan data 9. Mengurangi penyimpanan data yang rangkap 10.Mempermudah pemrograman karena lebih fleksibel

Kerugian DBMS yaitu :

1. Kurangnya ahli Database

2. Biaya pemrosesan data sangat tinggi

3. Kebutuhan software dan hardware yang bertambah 4. Penggabungan dan pengamanan data

BAB 3

sudah ada. DBMS adalah sebuah aplikasi yang dapat digunakan untuk membuat dan melakukan maintain terhadap database. (Elmasri & Navathe, 2004)

Keuntungan DBMS yaitu :

1. Mengurangi pengulangan data 2. Mencapai independensi data

3. Mengintegrasikan data beberapa file

4. Mengambil data dan informasi secara cepat 5. Meningkatkan keamanan

6. Meningkatkan presentasi kesiapan data (data availability) 7. Mempercepat penyimpanan dan pengambilan data

8. Mempercepat dan mempermudah pemrosesan data 9. Mengurangi penyimpanan data yang rangkap 10.Mempermudah pemrograman karena lebih fleksibel

Kerugian DBMS yaitu :

1. Kurangnya ahli Database

2. Biaya pemrosesan data sangat tinggi

3. Kebutuhan software dan hardware yang bertambah 4. Penggabungan dan pengamanan data

BAB 3

Tahap perancangan sistem merupakan tahap awal dari membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan, dan isi dari sebuah situs. Setelah tahap perancangan, tahap selanjutnya yaitu membuat outline atau garis besar dari situs tersebut.

Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart (bagan alir) dari situs tersebut. Flowchart adalah suatu bagan yang berisi seluruh tahapan/rangkaian kegiatan dalam suatu pekerjaan. Flowchart dapat dipergunakan untuk memperinci tahap-tahap rangkaian dan suatu proses pekerjaan.

Flowchart juga dapat dipergunakan untuk menjabarkan suatu proses pekerjaan ke dalam tahap-tahap rangkaian yang lebih spesifik untuk pemeriksaan selanjutnya.

3.1 Data Flow Diagram (DFD)

Data flow diagram merupakan suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, dengan menggunakan pendekatan metoda analisis sistem terstruktur (Structured System Analysis Method).

Di dalam tahap analisa, penggunaan notasi simbol lingkaran dan anak panah untuk mewakili atau menggambarkan arus data dalam perancangan sistem sangat membantu sekali di dalam komunikasi dengan pemakai sistem untuk memahami sistem secara logika.

Keuntungan dari penggunaan DFD yaitu membantu para analis sistem meringkas informasi tentang sistem, mengetahui hubungan antar sub sistem, membantu perkembangan aplikasi secara efektif. DFD juga berfungsi sebagai alat komunikasi yang baik antara user dan analis sistem.

Berbagai komponen dari Data Flow Diagram (DFD) yaitu entitas luar, proses, penyimpanan data, dan arus data. DFD memiliki simbol-simbol yang digunakan untuk menggambarkan model data seperti terdapat pada table berikut :

Tabel 3.1 Simbol Data Flow Diagram

De Marco and Yourdan Symbol Keterangan Gane and Sarson Symbols

Source (Kesatuan Luar)

Proses

Data Flow (Arus Data)

Data Store

(Penyimpanan Data)

Data Produk Data Pesanan Pembeli

Pembeli Produk

Tentang website HerbaLife

Gambar 3.1 Data Flow Diagram (DFD)

3.2 Outline Halaman Utama Website

Perancangan E-commerce Penjualan Tanaman Obat Herbal

Form Pemesanan

Data Produk

Cara Pemesanan

Tanggal Hari Ini

LOGO

Akar-akaran Herbal Buah-buahan Herbal Bunga-bunga Herbal Daun-daunan Herbal Umbi-umbi Herbal

HOME ABOUT MANFAAT TANAMAN CARA ORDER ORDER DELIVERY

TANAMAN OBAT YANG TERSEDIA

FOTO FOTO FOTO FOTO

FOTO

SELAMAT DATANG DI HERBALIFE

LOGO BANK LOGO BANK LOGO BANK

LOGO BANK

FOOTER

Gambar 3.2 Menu Utama Website HerbaLife

LOGO

Nama Kategori

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOOTER

HOME AKAR-AKARAN HERBAL BUAH-BUAHAN HERBAL BUNGA-BUNGA HERBAL DAUN-DAUNAN HERBAL UMBI-UMBIAN HERBAL

ABOUT MANFAAT CARA ORDER ORDER DELIVERY

Gambar 3.3 Menu Kategori Akar-akaran Herbal

LOGO

Nama Kategori

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOOTER

HOME AKAR-AKARAN HERBAL BUAH-BUAHAN HERBAL BUNGA-BUNGA HERBAL DAUN-DAUNAN HERBAL UMBI-UMBIAN HERBAL

ABOUT MANFAAT CARA ORDER ORDER DELIVERY

Gambar 3.4 Menu Kategori Buah-buahan Herbal

LOGO

Nama Kategori

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOOTER

HOME AKAR-AKARAN HERBAL BUAH-BUAHAN HERBAL BUNGA-BUNGA HERBAL DAUN-DAUNAN HERBAL UMBI-UMBIAN HERBAL

ABOUT MANFAAT CARA ORDER ORDER DELIVERY

Gambar 3.5 Menu Kategori Buah-buahan Herbal

LOGO

Nama Kategori

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOOTER

HOME AKAR-AKARAN HERBAL BUAH-BUAHAN HERBAL BUNGA-BUNGA HERBAL DAUN-DAUNAN HERBAL UMBI-UMBIAN HERBAL

ABOUT MANFAAT CARA ORDER ORDER DELIVERY

Gambar 3.6 Menu kategori Daun-daunan Herbal

LOGO

Nama Kategori

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOTO PRODUK FOTO PRODUK FOTO PRODUK

FOOTER

HOME AKAR-AKARAN HERBAL BUAH-BUAHAN HERBAL BUNGA-BUNGA HERBAL DAUN-DAUNAN HERBAL UMBI-UMBIAN HERBAL

ABOUT MANFAAT CARA ORDER ORDER DELIVERY

Gambar 3.7 Menu Umbi-umbian Herbal

(Slide Foto) Akar-akaran Herbal Buah-buahan Herbal Bunga-bunga Herbal

Daun-daunan Herbal Umbi-umbian Herbal

HOME ABOUT MANFAAT TANAMAN CARA ORDER ORDER DELIVERY

ABOUT HERBALIFE

MENU LOGIN ADMIN

FOOTER

Gambar 3.8 Menu About

Akar-akaran Herbal Buah-buahan Herbal Bunga-bungaan Herbal Daun-daunan Herbal Umbi-umbian Herbal

HOME ABOUT MANFAAT TANAMAN CARA ORDER ORDER DELIVERY

MANFAAT TANAMAN

INFORMASI MANFAAT TANAMAN

FOOTER

Gambar 3.9 Menu Manfaat tanaman

INFORMASI CARA PEMESANAN

Akar-akaran Herbal Buah-buahan Herbal Bunga-bunga Herbal Daun-daunan Herbal Umbi-umbian Herbal

HOME ABOUT MANFAAT TANAMAN CARA ORDER ORDER DELIVERY

FOOTER

3.10 Menu Cara Order

LOGO

HOME

AKAR-AKARAN HERBAL

BUAH-BUAHAN HERBAL

BUNGA-BUNGA HERBAL

DAUN-DAUNAN HERBAL

UMBI-UMBIAN HERBAL

ABOUT

MANFAAT

CARA ORDER

ORDER DELIVERY ----FORM ORDER---

Footer

Gambar 3.11 Menu Order Delivery

Entity Relationship Diagram (ERD) tersusun atas 3 (tiga) komponen yaitu entitas, atribut dan kerelasian antar entitas. Secara garis besar entitas merupakan objek yang terlibat di dalam sebuah sistem. Atribut berperan sebagai penjelas entitas dan kerelasian menunjukkan hubungan yang terjadi antara dua entitas.

Adapun ERD dari Website E-Commerce Penjualan Tanaman Obat-obatan Herbal adalah sebagai berikut :

Gambar 3.12 ERD Sistem pada website HerbaLife

3.4 Perancangan Struktur Database

Database dapat diartikan sebagai sebuah tempat menyimpan data yang terstruktur agar dapat diakses dengan cepat dan mudah. Membangun sebuah database merupakan langkah awal pembuatan aplikasi, termasuk dalam penambahan produk dan lain-lain dalam mengolah penjualan pada Website HerbaLife.

PRODUK _PESAN CUSTOMER/

PEMBELI

Dalam perancangan WEBSITE E-COMMERCE PENJUALAN TANAMAN OBAT HERBAL, penulis membuat 3 tabel di dalam database yang diberi nama form, order_pesan, dan nama_tanaman. Tabel-tabel tersebut terdiri atas :

Tabel 3.2 Tabel Data Admin

FIELD DATA TYPE DESCRIPTION

username varchar(30) username dan primary key

Password varchar(15) password user/admin

Tabel 3.3 Tabel Pemesanan (OrderDelivery)

FIELD DATA TYPE DESCRIPTION

Nama varchar(45) Nama Pembeli

Alamat varchar(45) Alamat Pembeli

Kota varchar(45) Kota Asal

Kode_Pos varchar(7) Kode Pos Alamat

Nomor_Telepon varchar(12) Nomor Telepon Pembeli Id_Pesanan varchar(50) Kode Produk yang Dipesan Jumlah_Pesanan varchar(50) Jumlah Pesanan/Produk

Tabel 3.4 Tabel Daftar Nama Tanaman

FIELD DATA TYPE DESCRIPTION

id_produk varchar(6) kode produk

nama_daerah varchar(50) Nama daerah dari tanaman nama_latin varchar(50) Nama latin dari tanaman

harga varchar(40) Harga tanaman

3.5 Flowchart

Flowchart atau diagram alir adalah sekumpulan simbol atau skema yang menunjukkan atau menggambarkan arus logika dari rangkaian kegiatan-kegiatan mulai dari awal (start) hingga akhir (stop). Pembuatan dari flowchart atau diagram alir ini adalah penggambaran dari urutan langkah-langkah pengerjaan dari suatu algoritma.

Tabel 3.5 Table Simbol pada Flowchart

Simbol Keterangan

Terminal point symbol

Simbol titik terminal yang digunakan pada awal dan akhir suatu proses.

Input/Output symbol

Simbol input/output digunakan untuk mewakili data input/output

Process symbol

Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer

Predefined process symbol

Simbol proses definisi yang digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain

Connector symbol

Simbol penghubung yang digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama

Off line connector symbol

Simbol pemutus hubungan yang digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain

Magnetic disk symbol

Simbol magnetic yang digunakan untuk menunjukkan database yang dipakai dalam program

Decision symbol

Simbol persiapan yang digunakan untuk penyeleksian kondisi di dalam program

Document symbol

Simbol dokumen yang merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun informasi

Connector symbol

Arus/flow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan dan sebaliknya

3.5.1 Flowchart halaman utama

t y

t

y y

t

y

y

t

y y

t t

y y

t

y y

Start Halaman Utama Home Kategori Akar-akaran

Herbal A

Pilih Menurut Jenis akar-akaran herbal yang Diinginkan

C

Tampilan

Home dengan beberapa

gambar

Pilih Menurut Jenis buah-buahan herbal yang Diinginkan B Kategori Buah-buahan Herbal Kategori Bunga-bungaan Herbal

Pilih Menurut Jenis buah-buahan herbal yang Diinginkan Kategori Daun-daunan Herbal Pilih Menurut JenisDaun-daunan herbal yang

Diinginkan D

Kategori Daun-daunan Herbal Pilih Menurut JenisUmbi-umbian herbal yang Diinginkan E

t t y

t y y t y

y t

y

Gambar 3.12 Flowchart Halaman Utama

About

Tampilan Tentang website HerbaLife

Login

Admin Input _{& password}username

Sukses?

F Cara

Order

Order Delivery

Input data pada form registrasi

pemesanan

Order?

DATA BASE

3.5.2 Flowchart kategori Akar-akaran Herbal

t y

t y

t y t y

t y

Gambar 3.13 Flowchart kategori akar-akaran herbal

A Kategori Tanaman Akar-akaran Herbal Tampilkan Daftar Tanaman yang Tersedia Nama Tanaman id Tanaman Harga Tanaman Tampilkan Daftar akar-akar herbal yang Tersedia Berisi informasi nama tanaman kategori akar Berisi informasi id tanaman kategori akar Berisi informasi harga tanaman kategori akar

3.5.3 Flowchart kategori Buah-buahan Herbal

t y

t y

t y

t y

t y

Gambar 3.14 Flowchart kategori Buah-buahan Herbal

B Kategori Tanaman Buah-buahan Herbal Nama Tanaman id Tanaman Harga Tanaman Tampilkan Daftar Tanaman yang Tersedia Tampilkan Daftar buah-buahan herbal yang Tersedia Berisi informasi nam buah-buahan herbal Berisi informasi id buah-buahan herbal Berisi informasi harga buah-buahan herbal

3.5.4 Flowchart kategori Bunga-bungaan Herbal

t y

t y

t y

t y

t y

Gambar 3.15 Flowchart kategori Bunga-bunga Herbal

C Kategori Tanaman Bunga-bungaan Herbal Nama Tanaman id Tanaman Harga Tanaman Berisi informasi Nama bunga-bunga herbal Berisi informasi id bunga-bunga herbal Berisi informasi harga bunga-bunga herbal Tampilkan Daftar Tanaman yang Tersedia Tampilkan Daftar buah-buahan herbal yang Tersedia

3.5.5 Flowchart kategori Daun-daunan Herbal

t y t y

t y

t y

t y

Gambar 3.16 Flowchart kategori Daun-daunan Herbal

D Kategori Tanaman Daun-daunan Herbal Nama Tanaman id Tanaman Harga Tanaman Tampilkan Daftar Tanaman yang Tersedia Tampilkan Daftar Daun-daunan herbal yang Tersedia Berisi informasi nama Daun-daunan herbal

Berisi informasi id Daun-daunan herbal Berisi informasi harga Daun-daunan herbal

3.5.6 Flowchart Kategori Umbi-umbian Herbal

t y

t y

t y

t y

t y

Gambar 3.17 Flowchart kategori Umbi-umbian Herbal

E Kategori Tanaman Bunga-bungaan Herbal Nama Tanaman id Tanaman Harga Tanaman Berisi informasi Nama Umbi-umbian herbal Berisi informasi id Umbi-umbian herbal Berisi informasi harga Umbi-umbian herbal Tampilkan Daftar Tanaman yang Tersedia Tampilkan Daftar Umbi-umbian herbal yang Tersedia

3.5.7 Flowchart Manfaat Tanaman

t y

t y

t y t

t y

t y

Gambar 3.18 Flowchart Menu Manfaat Tanaman

F Buah-buah Herbal Bunga-bunga Herbal Umbi-umbi Herbal Tampilkan Manfaat tumbuhan yang termasuk Buah-buahan Herbal Tampilkan Manfaat tumbuhan yang termasuk Bunga-bunga Herbal Tampilkan Manfaat tumbuhan yang termasuk Daun-daunan Herbal Tampilkan Manfaat tumbuhan yang termasuk Umbi-umbi Herbal Akar-akar Herbal Tampilkan Manfaat tumbuhan yang termasuk Akar-akaran Herbal Daun-daun Herbal

3.5.8 Flowchartlogin admin

y y

y y y y t

Gambar 3.19 Flowchart Menu Login Admin

Start

About

Login Admin

Input username

& password Sukses?

Halaman Admin

C

Halaman Utama

3.5.9 Flowchart halaman admin

t

t y y y t t

t t y t

Gambar 3.20 Flowchart Halaman Admin

C

Pilihan Sub Menu

Tampil Menu Admin

Kembali ke Menu Awal

Pilihan yang Akan Dilakukan

Data Pemesanan

Logout

Home

Tampilan Data User

Data Login

Tampilan Data Pesanan Pembeli

Pilihan Menu Edit Data Tanaman

3.5.10 Flowchart data tanaman

y

t

t

Gambar 3.21 Flowchart Data Tanaman D

Tampilan Menu Tambah/Ubah/ Hapus Data

Insert/ Tambah ?

Edit ?

Hapus ?

FORM TAMBAH DAFTAR AKAR-AKARAN HERBAL

FORM TAMBAH DAFTAR AKAR-AKARAN HERBAL

Simpan ?

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah rangkaian prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, menguji, dan memulai sistem baru atau sistem yang telah diperbaiki.

Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah: a. Mendapatkan software dan hardware yang tepat serta sesuai untuk

merancang suatu sistem informasi. b. Menyelesaikan rancangan sistem.

c. Menulis, menguji, mengontrol, dan mendokumentasikan website. d. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah:

1. Menyelesaikan desain sistem yang ada di dalam dokumen desain sistem yang telah disetujui sebelumnya.

3. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.

4. Memastikan bahwa sistem telah berjalan baik dan benar.

4.3 Komponen Utama Dalam Implementasi Sistem

Untuk mewujudkan sistem yang telah dirancang memerlukan sarana pendukung, yaitu berupa komponen-komponen yang sangat berperan dalam mendukung penerapan sistem yang dirancang terhadap pengolahan data. Di antaranya yaitu: hardware

(perangkat keras), software (perangkat lunak), dan brainware (sumber daya manusia)

4.3.1 Perangkat keras (Hardware)

Perangkat keras atau hardware merupakan salah satu elemen dari sistem komputer, yaitu suatu alat yang dapat mendukung proses komputerisasi.

4.3.2 Perangkat lunak (Software)

Software merupakan kumpulan dari beberapa perintah yang diekseskusi oleh mesin komputer dalam menjalankan pekerjaannya. Perangkat lunak ini merupakan catatan bagi mesin komputer untuk menyimpan perintah, maupun dokumen serta arsip lainnya.

1. Sistem Operasi Windows XP/Windows 7

2. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL. 3. Notepad ++ sebagai salah satu editor script dalam mendesain web.

4. PHP sebagai bahasa pemrograman server side.

5. Web Server sebagai server lokal dalam pengetesan halaman web.

6. Browser sebagai tempat media tampilan halaman website, seperti : Google Chrome.

4.3.3 Sumber daya manusia (Brainware)

Sistem komputerisasi yang berfungsi sebagai alat bantu manusia di bidang pengolahan data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer. Inilah yang disebut dengan aspek brainware. Brainware terdiri atas:

1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem.

2. Programmer, yaitu orang yang bertugas untuk membuat dan membangun program dengan menggunakan salah satu fasilitas software yang telah ditentukan.

3. Operator, yaitu orang yang menangani langsung dalam pengolahan data, mulai dari mempersiapkan data sampai pemasukan data dalam komputer.

1. Tampilan Menu Home

Pada Tampilan Home ini, menampilkan tentang artikel mengenai tanaman obat, dan beberapa link gambar yang telah dihubungkan kepada galeri produk akar-akaran, daun-daunan, bunga-bungaan , buah-buahan dan umbi-umbian tanaman hias. Serta terdapat beberapa kategori menu yang dapat diakses menurut keinginan seperti Menu Kategori, Manfaat Tanaman, About, Cara Order, dan Order Delivery.

2. Tampilan Menu Kategori Akar-akaran Herbal

Gambar ini merupakan tampilan dari menu kategori produk akar-akaran herbal, dengan berbagai macam jenis akar-akaran herbal yang disediakan. Masing-masing produk telah ditampilkan sesuai dengan jenis tanaman

Gambar ini merupakan tampilan dari menu kategori produk buah-buahan herbal, dengan berbagai macam jenis buah-buahan herbal yang disediakan. Masing-masing produk telah ditampilkan sesuai dengan jenis tanaman.

Gambar ini merupakan tampilan dari menu kategori produk bunga-bunga herbal, dengan berbagai macam jenis bunga-bunga herbal yang disediakan. Masing-masing produk telah ditampilkan sesuai dengan jenis tanaman

Gambar ini merupakan tampilan dari menu kategori produk Daun-daun herbal, dengan berbagai macam jenis Daun-daun herbal yang disediakan. Masing-masing produk telah ditampilkan sesuai dengan jenis tanaman.

6. Tampilan Menu Kategori Daun-daun Herbal

Gambar ini merupakan tampilan dari menu kategori produk Umbi-umbi herbal, dengan berbagai macam jenis Umbi-umbi herbal yang disediakan. Masing-masing produk telah ditampilkan sesuai dengan jenis tanaman.

Menu ini menampilkan tentang website herbalife, dan juga menyediakan form login khusus untuk pengelola (admin) dengan mengisikan username dan password pada

form login admin.

Pada tampilan ini, dijelaskan mengenai cara pemesanan produk pada website

Herbalife. Sebelum memesan pada form Order Delivery, diharapkan untuk membaca cara order terlebih dahulu, agar tidak terjadi kesalahan dalam bertransaksi.

7. Tampilan Menu Order Delivery

Gambar di atas adalah tampilan menu form untuk pengisian data pemesanan pembeli yang akan tersimpan ke dalam database penjual. Dan setelah melakukan pengisian form order delivery, penjual akan mendata pesanan lalu menghubungi pembeli dengan mengirimkan total pembayaran serta nomor rekening yang dituju untuk pembayaran produk.

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Adapun kesimpulan yang dapat diambil oleh penulis dalam pembuatan website e-commerce penjualan tanaman herbal adalah:

1. Dengan adanya Sistem Informasi Penjualan berbasis web ini, dapat memperluas pemasaran produk yang dapat meningkatkan jumlah keuntungan bagi penjual tanaman herbal.

2. Sistem Informasi penjualan ini menyediakan layanan pemesanan produk melalui sistem online, hanya dengan mengisi form pemesanan, dan melakukan pembayaran ke nomor rekening yang telah diberitahu, maka produk akan langsung dikirim ke alamat konsumen. Hal ini tentu akan mempermudah pelanggan yang berada jauh dari tempat penjualan, ataupun yang tidak bisa melakukan transaksi secara langsung kepada penjual.

3. Memberikan informasi secara lengkap, seperti tampilan produk, informasi produk, deskripsi produk, dan harga produk, sehingga pelanggan bisa

mendapatkan informasi yang terbaru hanya dengan membuka website

HerbaLife.

5.2 Saran

Dengan selesainya website e-commerce Penjualan Tanaman Herbal ini, penulis memberikan beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut:

1. Dapat melakukan perbaikan dan penyempurnaan terhadap sistem ini agar menjadi lebih sempurna bila akan diterapkan pada sistem yang lama, sehingga saling terintegrasi.

2. Sistem yang telah dibuat ini masih memerlukan perbaikan karena masih memiliki kelemahan-kelemahan dalam memenuhi kebutuhan yang sebenarnya pada website HerbaLife.

DAFTAR PUSTAKA

Barakatullah, A. Halim. 2005. “Konsep Belajar E-commerce”.

Elmasri, R. dan Navathe, S.B. 2004. “Fundamentals of Database Systems, Fourth

Edition”. Addison Wesley.

Kadir, A. 1999. Konsep dan Tuntunan Praktis Basis Data. Yogyakarta: Andi Yogyakarta.

Kristanto, H. 1994. Konsep Dan Perancangan Database. Yogyakarta: Andi Offset. Martin, James. 1975. “Computer Data-Base Organization”. Prentice-Hall, Inc.

Englewood Cliffs, nj, Part II Physical Organization.

Ramadhani, Graifhan. 2003. “Modul Pengenalan Internet”.

http://www.baliorange.web.id/pengertian-ecommerce/. “Pengertian E-commerce”.

Diakses pada tanggal 20 Maret 2013.

http://blogesupri.blogspot.com/2011/06/pengertian-komputer.html. “Artikel Komputer dan Info Teknologi” Diakses pada tanggal 24 Maret 2013.

http://ikc.depsos.go.id/umum/anon-phpmysql.php. “Dasar Pemrograman PHP dan

MySQL”. Diakses pada tanggal 18 April 2013.

http://www.nurwahyudin.com/php/membuat-aplikasi-input-data-sederhana-dengan-php. “Membuat Aplikasi Input Data Sederhana Dengan PHP”. Diakses pada

tanggal 19 April 2013.

http://www.scribd.com/doc/53139341/php .”Bab V Web Dinamis PHP”. Diakses pada tanggal 19 April 2013.

LISTING PROGRAM : 1. HOME.html <html> <head> <title>HOME</title> <script language="javascript"> function show_hari() {

//membuat variabel bertipe array untuk nama hari

var NamaHari = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday",

"Saturday");

//membuat variabel bertipe array untuk nama bulan

var NamaBulan = new Array("January", "February", "March", "April", "May",

"June", "July", "August", "September", "October", "November", "December");

var sekarang = new Date();

var HariIni = NamaHari[sekarang.getDay()]; var BulanIni = NamaBulan[sekarang.getMonth()]; var tglSekarang = sekarang.getDate();

var TahunIni = sekarang.getFullYear();

document.write(HariIni + ", " + tglSekarang + " " + BulanIni + " " + TahunIni);

}

</script> </head>

<script language="javascript"> var pesan = 'Sorry :)';

function klik_IE() {

if (event.button == 2){ alert(pesan);

}

}function klik_NS(e) {

if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){

alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS;

}

{

document.onmousedown = klik_IE; }

document.oncontextmenu = new Function("alert(pesan); return false") </script>

<body> <body>

<p><font color="red">Today: </font><script>show_hari();</script>.</p> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:75px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style> <body background="leaf1.jpg"> <table border ="0">

<tr> </table>

<br/><br/><br/> <tr>

<td align="left"> <font color=green size=20> HerbaLife

<br/></font></td> </tr>

<tr> <td>

<div id="container" style="width:1000px" align="center"> <br/><br/> <style type="text/css">

body {font-family:Verdana; font-size:14px; font-weight:bold;

position:right;}

.navigasi{ list-style:none; margin: 0px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px}

li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;}

a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;}

a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder}

background-color:#FFCC00;display:block;} </style> <ul class="navigasi"> <li class="model"></li> <li class="model"></li> <li class="model"></li>

<a href="akar_herbal.html">AKAR-AKARAN HERBAL </a> | <a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> | <a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a>|<br/> <a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a>|

<a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a>| <br/><br/> <br/>

<a href="HOME.html">HOME </a>| <a href="ABOUT.html">ABOUT </a>|

<a href="MANFAAT.html">MANFAAT TANAMAN </a>| <a href="CARA_ORDER.html">CARA ORDER </a>|

<a href="ORDER_DELIVERY.html">ORDER DELIVERY </a>| </ul>

<br/><br/><br/><br/>

<div id="content" style="height:1100px;width:750px;float:center;"> <br/><br/><br/><br/><br/><br/><br/>

<p align="center"><font size="3" face="arial" color="330000"> TANAMAN OBAT YANG TERSEDIA </font></p>

<p align= "center">

<a href =" akar_herbal.html"><img src = "AKAR_HERBAL/ginseng.jpg" width="170" height="170"></a>

<a href =" buah_herbal.html"><img src = "BUAH_HERBAL/Buah-Naga.jpg" width="170" height="170"></a>

<a href =" bunga_herbal.html"><img src = "BUNGA_HERBAL/kenop.jpg" width="170" height="170"></a>

<a href =" daun_herbal.html"><img src = "DAUN_HERBAL/Sirih.jpg" width="170" height="170"></a>

<a href =" umbi_herbal.html"><img src = "UMBI_HERBAL/umbi sarang semut.jpg" width="170" height="170"></a></p>

<p align="center" ; class="padding" ><font face="arial"><b><i>Selamat datang di HERBALIFE</b></i></br></br></br></br>

Di sini Anda dapat membeli dan memesan obat-obatan herbal yang telah kami sediakan dalam toko online kami.</br></br>

Silahkan Anda melihat & memilih sesuai keinginan Anda..</br></br> Tanaman Akar herbal: Tanaman yang mempunyai manfaat penyembuhan, dimana pada bagian akarnya mengandung zat penawar dari beberapa penyakit.

Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "akar_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/>

Tanaman Buah Herbal : Tanaman yang mempunyai buah yang berkhasiat sebagai penyembuh untuk penyakit tertentu.

<li>Setelah pesanan diantar, diharapkan kepada konsumer untuk mengirimkan foto produk yang telah diterima,

agar kami dapat menampilkan foto tersebut di website ini, atau melalui email (bila ada permintaan).

Kami akan sangat senang bila anda meninggalkan testimoni / kritik / saran atas produk dan pelayanan kami. Testimoni / kritik / saran bisa Anda tinggalkan melalui sms, atau email.

Apabila ada yang belum jelas, silahkan hubungi kami kembali melalui nomer kontak yang tertera. </b></li> </ol>

<br/>

<p class="padding" ><font face="arial " ><b>Silahkan hubungi kami melalui :</br>

<table border=0 >

<tr><td width="50px"><strong><strong>Email</td><td><strong>: Herbalife@yahoo.com</td></tr>

<tr><td><strong>SMS</td><td><strong><strong>: 083199226454 ( No CALL - Text only )</td></tr>

<tr><td><strong>BBM</td><td><strong><strong>: 274DEE64</td></tr> <tr><td><strong>YM!</td><td><strong><strong>: HerbaLife</td></tr> </table>

</p> <br/>

<p class="padding" align="center"><font face="arial" > Apabila email/sms tidak segera saya balas,

kemungkinan besar saya sedang tidak dapat membalas, atau saat itu atau mungkin sedang menghitung ulang pesanan Anda.

Apabila hingga 3 hari email tidak saya balas, mohon di-remind, mungkin email tersebut masuk ke spam box,

atau saya terlewat untuk membalas.</br>

Untuk komunikasi melalui telepon, karena satu dan lain hal, mohon maaf kami TIDAK MELAYANI PANGGILAN ( CALL ). Hanya SMS saja. </br> Terima kasih atas pengertiannya :)</b>

</p> <br/>

<p align="center"><i><b>Selamat Berbelanja :)</b></i></p> </p>

<br/><br/><br/> </font>

</td> </tr> <tr>

<td align="right"><font size="2">By : HerbaLife</font></td> </tr>

</table>

<style type="text/css">

body {font-family:Verdana; font-size:14px; font-weight:bold; position:right;}

li.model{ border:0px; padding:15px 15px 15px 15px; margin: 0px;} .navigasi{ list-style:none; margin: 0px; padding: 2px 2px 2px 2px; height: 50px; width: 1100px}

a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;}

a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder}

background-color:#FFCC00;} </style>

<ul class="navigasi"> <li class="model"></li> <li class="model"></li> <li class="model"></li>

<a href="akar_herbal.html">AKAR-AKARAN HERBAL </a> | <a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> |

<a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> | <br/> <a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a>|

<a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a>| <br/><br/> <br/>

<a href="HOME.html">HOME </a> | <a href="ABOUT.html">ABOUT </a> |

<a href="MANFAAT.html">MANFAAT TANAMAN </a> | <a href="CARA_ORDER.html">CARA ORDER </a> |

<a href="ORDER_DELIVERY.html">ORDER DELIVERY </a>| </ul>

<br/>

<br/><br/><br/> </font>

</body> </html>

6. Order_delivery.html <html>

<head>

<title>Menu Order Delivery</title> <script language="javascript"> var pesan = 'Sorry :)';

function klik_IE() {

if (event.button == 2){ alert(pesan);

}

}function klik_NS(e) {

if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){

alert(pesan); }

} }

if (document.layers) {

document.captureEvents(event.mousedown); document.onmousedown = klik_NS;

}

else if (document.all && !document.getElementById) {

document.onmousedown = klik_IE; }

document.oncontextmenu = new Function("alert(pesan); return false") </script>

<style type="text/css"> body{margin

margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; }

p.padding {

padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; }

h1 {color:#00ff00;} </style>

<body background="leaf1.jpg"> <br/><br/><br/>

<tr>

<td align="left"> <font color=Blue size=20> HerbaLife<br/>Obat-obatan Herbal</font></td>

</tr> <tr> <td>

<div id="container" style="width:700px"> <br/><br/>

<div id="content" style="height:700px;width:850px;float:left;"> <br/><br/><br/><br/><br/><br/><br/><br/>

<p align="left">

Sebelum Mengisi Form Order Delivery, diharapkan untuk membaca prosedur cara pemesanan pada

menu Cara Order agar tidak terjadi kesalahan dalam pembelian. Terima Kasih :)

</p>

<p class="padding" align="center"><font face="arial black" >~Apabila Anda ingin melakukan pemesanan produk di website HerbaLife, silahkan untuk mengisi FORM ORDER berikut ini :)~

</p></font>

<form action="form_pesanan.php" method="post"> <fieldset>

<legend>ORDER:</legend> <table border="0" >

<tr>

<td>Tanggal_Hari_Ini </td>

<td>: <input type="varchar" name="Tanggal_Hari_Ini" size = "25" maxlength= "25" /><br /></td>

</tr> <tr>

<td>Nama </td>

<td>: <input type="varchar" name="Nama" size = "45" maxlength= "45" /><br /></td>

</tr> <tr>

<td> Alamat</td>

<td>: <input type="varchar" name="Alamat" size = "40" maxlength= "40" /><br /></td>

</tr> <tr>

<td> Kota</td>

<td>: <input type="varchar" name="Kota" size = "40" maxlength= "40" /><br /></td>

</tr> <tr>

<td> Kode_Pos</td>

<td>: <input type="int" name="Kode_Pos" size = "8" maxlength= "8" /><br /></td>

</tr> <tr>

<td>Nomor_Telepon</td>

<td>: <input type="int" name="Nomor_Telepon" size = "12" maxlength= "12" /><br /></td>

</tr> <tr>

<td>Id_Pesanan </td>

<td>: <input type="varchar" name="Id_Pesanan" size = "50" maxlength= "50" /><br /></td>

<tr>

<td>Jumlah_Pesanan</td>

<td>: <input type="varchar" name="Jumlah_Pesanan" size = "50" maxlength= "50" /><br /></td>

</tr> <tr>

<td colspan= "10" ><input type="submit" value="ORDER" /> </td> </tr>

</table> </fieldset> </form></div> </div>

</div> </div>

<tr>

<td colspan="10"> </td>

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

<br/><br/><br/><br/><br/><br/><br/><br/><br/> <tr>

<td>

<style type="text/css">

body {font-family:Verdana; font-size:14px; font-weight:bold;}

.navigasi{ list-style:none; margin: 0px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px}

li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;}

a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;}

a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder}

background-color:#FFCC00;display:block;} </style>

<ul class="navigasi">

<li class="model"><a href="HOME.html">HOME </a> </li>

<li class="model"><a href="akar_herbal.html">AKAR-AKARAN HERBAL</a> </li>

<li class="model"><a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> </li>

<li class="model"><a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> </li>

<li class="model"><a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a> </li>

<li class="model"><a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a> </li>

<li class="model"><a href="ABOUT.html">ABOUT </a> </li>

<li class="model"><a href="MANFAAT.html">MANFAAT TANAMAN </a> </li>

<li class="model"><a href="CARA_ORDER.html">CARA ORDER </a> </li>

<li class="model"><a href="ORDER_DELIVERY.html">ORDER DELIVERY </a> </li>

</td> </tr>

<div id="footer" style="width:1110px;clear:both;text-align:center;"> HerbaLife </div>

</div> </body> <footer> </footer> </head> </html>