Penjualan Makanan Berbahan Dasar Tahu dan Tempe Berbasis E-Commerce

(1)

PENJUALAN MAKANAN BERBAHAN DASAR TAHU DAN

TEMPE BERBASIS E-COMMERCE

TUGAS AKHIR

FADLI DWIANTO

112406197

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PENJUALAN MAKANAN BERBAHAN DASAR TAHU DAN

TEMPE BERBASIS E-COMMERCE

TUGAS AKHIR

Diajukan uutuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

FADLI DWIANTO

112406197

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : PENJUALAN MAKAN BERBAHAN DASAR

TAHU DAN TEMPE BERBASIS E-COMMERCE

Kategori : TUGAS AKHIR

Nama : FADLI DWIANTO

Nomor Induk Mahasiswa : 112406197

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (MIPA)

UNIVERSITAS SUMATERA UTARA

Disetujui di Medan, Juli 2014

Disetujui Oleh

Program Studi D3 Teknik Informatika Pembimbing,

FMIPA USU

Ketua,

Dr. Elly Rosmaini, M.Si Dr. Suwarno Ariswoyo, M.Si

NIP. 19600520 198503 2 002 NIP. 19502103 198003 1

(4)

PERNYATAAN

PENJUALAN MAKANAN BERBAHAN DASAR TAHU DAN TEMPE BERBASIS E-COMMERCE

TUGAS AKHIR

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

Medan, Juni 2014

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Allah SWT karena berkat Rahmat dan Karunia-Nya, sehingga penulis dapat menyelesaikan tugas akhir ini dengan judul Penjualan Makanan Berbahan Dasar Tahu Dan Tempe Berbasis E-Commerce. Penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu, antara lain: Bapak Dr. Suwarno Ariswoyo, M.Si selaku Dosen Pembimbing Tugas Akhir, Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Sc selaku Ketua dan Sekretaris Departemen Matematika Fakultas MIPA Universitas Sumatera Utara, Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara, Seluruh Staff dan Dosen pengajar Program Studi D3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara, teristimewa kepada kedua orang tua tercinta, Ayahanda H. Slamet Haryanto dan Ibunda Hj. Malihah, serta abang dan adik-adik saya, terima kasih atas kasih sayang dan dukungan serta doa yang tidak pernah berhenti, Sahabatku seluruh mahasiswa Komputer D 2011 yang tidak pernah ada hentinya membantu dan membuat kenangan

(6)

ABSTRAK

Dalam tugas akhir ini, penulis akan memberikan kajian tentang pembangunan sebuah website e-commerce penjualan makanan, kajian ini didesain dengan Adobe Photoshop Elements 12 dan dibangun dengan menggunakan Adobe Dreamweaver

CS3, dan perangkat lunak Apache Triad 2, PhpMyAdmin, CSS, dan HTML.

Website ini bertujuan untuk meningkatkan minat masyarakat akan makanan sehat seperti tahu tempe tanpa harus repot membuat sendiri ataupun membeli dengan penjualnya.

(7)

DAFTAR ISI

Daftar Gambar viii

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Rumusan Masalah 3

1.4 Tujuan dan Manfaat Penelitian 3

1.5 Metode Penelitian 4

1.6 Sistematika Penulisan 5

BAB 2 LANDASAN TEORI 8

2.1 Pengertian Komputer 8

2.2 Pengertian Internet 9

2.3 Pengertian E-Commerce 10

2.3.1 Jenis-Jenis E-Commerce 13

2.5 Pengertian Website 15

2.5.1 Jenis-Jenis Website 15

2.6 Pengertian HTML, PHP, dan MySQL 17

2.6.1 Pengenalan HTML 17

2.6.2 Pengenalan PHP 18

2.6.3 Pengenalan MySQL 19

2.7 CSS (Cascading Style Sheets) 19

2.8 Pengertian Data, Informasi, dan Database 20

2.8.1 Database Management System (DBMS) 21

BAB 3 PERANCANGAN SISTEM 22

3.1 Perancangan Sistem 22

3.2 Data Flow Diagram 23

3.3 Perancangan Database 24

3.4 Entity Data Relationship 27

3.5 Flowchart 28

(8)

BAB 4 IMPLEMENTASI SISTEM 36

4.1 Pengertian Implementasi Sistem 36

4.2 Tujuan Implementasi Sistem 36

4.3 Komponen Utama Dalam Implementasi Sistem 37

4.3.1 Hardware 37

4.3.2 Software 38

4.3.3 Brainware 38

4.4 Tampilan Website 39

4.4.1 Halaman Utama 39

4.4.2 Halaman Daftar Menu 40

4.4.3 Halaman Daftar Member 41

4.4.4 Halaman Keranjang Belanja 42

4.4.5 Halaman Checkout Belanja 44

4.4.6 Halaman Tentang Kami, Hubungi Kami, Ketentuan, dan 44 F.A.Q

4.4.7 Halaman Administrator 46

BAB 5 KESIMPULAN DAN SARAN 47

5.1 Kesimpulan 47

5.2 Saran 48

Daftar Pustaka 49

(9)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1 Simbol-Simbol DFD 23

3.2 Tabel Admin 25

3.3 Tabel Member 25

3.4 Tabel Keranjang 26

3.5 Tabel Daftar Menu 26

3.6 Table Conuer 26

3.7 Tabel Berita 27

(10)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

3.1 DFD Perancangan Website E-Commerce 24

3.2 ERD Website Penjualan 27

3.3 Flowchart Halaman Utama 30

3.4 Flowchart Login Member/Admin 31

3.5 Flowchart Member 32

3.6 Flowchart Admin 33

3.7 InterfaceHalaman Utama User 34

3.8 InterfaceHalaman Utama Admin 35

4.1 Halaman Utama User 39

4.2 Halaman Menu 40

4.3 Halaman Detail Menu 40

4.4 Halaman Daftar Member 41

4.5 Halaman Sukses Daftar 41

4.6 Halaman Keranjang Belanja 42

4.7 Halaman Checkout Belanja 43

4.8 Halaman Konfirmasi Checkout 43

4.9 Halaman Berita 44

4.10 Halaman Tentang Kami 45

4.11 Halaman Hubungi Kami 45

4.12 Halaman Ketentuan 46

4.13 Halaman F.A.Q 46

4.14 Halaman Login Admin 47

(11)

ABSTRAK

Dalam tugas akhir ini, penulis akan memberikan kajian tentang pembangunan sebuah website e-commerce penjualan makanan, kajian ini didesain dengan Adobe Photoshop Elements 12 dan dibangun dengan menggunakan Adobe Dreamweaver

CS3, dan perangkat lunak Apache Triad 2, PhpMyAdmin, CSS, dan HTML.

Website ini bertujuan untuk meningkatkan minat masyarakat akan makanan sehat seperti tahu tempe tanpa harus repot membuat sendiri ataupun membeli dengan penjualnya.

(12)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Di zaman globalisasi seperti saat ini, segalanya membutuhkan sesuatu yang bisa membuat pekerjaan menjadi sangat mudah, seperti adanya robot yang membantu manusia mengerjakan pekerjaan berat yang ada di pabrik, komputer yang bisa memudahkan manusia dalam memudahkan pekerjaan mengolah data yang sangat banyak, dan lain sebagainya. Termasuk internet,

(13)

Kegiatan bisnis modern tersebut juga bisa diaplikasikan kedalam sebuah sistem yang dinamakan dengan e-commerce.

Oleh karena itu, penulis akan memberikan sebuah implementasi dari e-commerce itu sendiri dalam sebuah website penjualan makanan berbahan dasar tahu dan tempe. Banyak keuntungan yang bisa diambil dari penggunaan website e-commerce, mulai dari penghematan segala macam biaya, efisiensi waktu dan pelayanan, mempermudah pembukuan, dan lain sebagainya.

Dalam hal ini, penulis akan mengimplementasikan semua kegiatan jual beli dengan membangun sebuah situs e-commerce. Sehingga judul yang penulis angkat pada tugas akhir ini adalah: PENJUALAN MAKANAN BERBAHAN DASAR TAHU DAN TEMPE BERBASIS E-COMMERCE

1.2 Identifikasi Masalah

(14)

1.3 Rumusan Masalah

Berdasarkan uraian yang telah dijelaskan pada latar belakang, perumusan masalah dapat dirumuskan dalam pertanyaan: Bagaimana mengimplementasikan penjualan tahu dan tempe tersebut secara online dalam sebuah website?

1.4Tujuan dan Manfaat Penelitian

Berdasarkan permasalahan yang diteliti, tujuan yang ingin dicapai dalam penelitian ini adalah membuat sebuah wadah website agar penjualan makanan berbahan dasar tahu dan tempe tersebut bisa terjual secara online dan bisa dinikmati semua orang.

Adapun manfaat yang diperoleh dari penelitian ini, antara lain:

1. Mahasiswa diharapkan mampu mengaplikasikan ilmunya untuk memajukan dunia ekonomi Indonesia khususnya dalam wirausaha.

2. Mempermudah masyarakat peminat tahu dan tempe yang menginginkan variasi makanan tradisonal untuk mendapatkan makanan yang mereka mau.

3. Membantu masyarakat untuk memenuhi kebutuhan gizi dengan memakan tahu dan tempe, dimana makanan tersebut memiliki manfaat yang besar.

(15)

1.5Metode 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

Metode penelitian adalah langkah-langkah sistematik yang ini digunakan untuk mengerjakan atau menyelesaikan suatu masalah. Metode penelitian digunakan sebagai pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidak menyimpang dari tujuan yang ditentukan sebelumnya.

Metode penelitian yang digunakan penulis untuk menyelesaikan permasalah yang terjadi di atas adalah :

1. Observasi

Pada penelitian ini dilakukan pengumpulan data untuk digunakan sebagai bahan dalam membuat sistem aplikasi. Adapun data yang diambil yaitu data dari berbagai informasi tentang e-commerce dan makanan olahan tahu dan tempe yang berkaitan dengan pembuatan database,

2. Studi Literatur

(16)

3. Desain Sistem

Pada tahap ini dilakukan perancangan program, membuat desain website e-commerce penjualan makanan berbahan dasar tahu dan tempe berbasis e-commerce.

4. Metode Laboratorium

Penelitian yang dilakukan didalam metode ini adalah merancang dan membuat

database mengenai makanan yang dijual, pemesanan, dan lain-lain. Penelitian dilakukan dengan langkah berikut:

1. Membuat rancangan DFD, ERD, dan flowchart.

2. Melakukan pengujian program, mengangani dan memperbaiki kesalahan yang ada pada website tersebut agar dapat berjalan dengan baik.

3. Melakukan review dan revisi program bila perlu.

1.6Sistematika Penulisan

Sistematika penulisan memberikan informasi secara umum tentang pembahasan yang terdapat dalam setiap bab. Sehingga dalam pembahasannya akan lebih mudah dipahami.

(17)

BAB 1 : PENDAHULUAN

Bab ini merupakan bagian yang menerangkan tentang latar belakang, identifikasi masalah, rumusan masalah, tujuan dan manfaat penelitian, metode penelitian yang digunakan, serta sistematika penulisan.

BAB 2 : LANDASAN TEORI

Bab ini merupakan uraian teoritis mengenai pengertian-pengertian dari apliksai dan mengenai bahasa pemrograman yang digunakan dalam perancangan sistem. Sehingga sesuai dengan teori yang ada.

BAB 3 : PERANCANGAN SISTEM

Bab ini berisi perancangan keseluruhan sistem dan aplikasi yang akan dibentuk, pengertian perancangan sistem, data flow diagram, entity relationship data, flowchart, persiapan database,

file yang digunakan serta terbentuknya program.

BAB 4 : IMPLEMENTASI SISTEM

(18)

BAB 5 : KESIMPULAN DAN SARAN

(19)

BAB 2

LANDASAN TEORI

2.1Pengertian Komputer

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah dirumuskan. Kata komputer diambil dari computare (bahasa latin) yang berarti menghitung (to compute atau to reckon) semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.

(20)

2.2 Pengertian Internet

Interconnection network (internet) adalah sistem global dari seluruh jaringan komputer yang saling terhubung. Internet berasal dari bahasa latin "inter" yang berarti "antara". Internet merupakan jaringan yang terdiri dari milyaran komputer yang ada di seluruh dunia. Internet melibatkan berbagai jenis komputer serta topologi jaringan yang berbeda. Dalam mengatur integrasi dan komunikasi jaringan, mengggunakan standar protokol internet yaitu TCP/IP. TCP bertugas untuk memastikan bahwa semua hubungan bekerja dengan baik, sedangkan IP bertugas untuk mentransmisikan paket data dari satu komputer ke komputer lainya.

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

(21)

dibuatlah protokol resmi yang dikenal dengan TCP/IP (Transmission Control Protocol/Internet Protocol).

2.3 Pengertian E-commerce

E-commerce atau bisa disebut Perdagangan elektronik adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. E-commerce 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.

(22)

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/#sthash.3OGYanCJ.dpuf)

Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus, yaitu :

1. Transaksi Tanpa Batas

(23)

pelanggan dari seluruh dunia dapat mengakses situs tersebut dan melakukan transaksi secara online.

2. Transaksi Anonim

Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan, yang biasanya dengan kartu kredit.

3. Produk Digital dan Non-Digital

Produk-produk digital seperti software komputer, musik dan produk lain yang bersifat digital dapat dipasarkan melalui internet dengan cara men-download

secara elektronik. Dalam perkembangannya obyek yang ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya.

4. Produk Barang Tak Berwujud

Banyak perusahaan yang bergerak di bidang e-commerce dengan menawarkan barang tak berwujud separti data, software dan ide-ide yang dijual melalui

(24)

2.3.1 Jenis- Jenis E-commerce

1. B2B ( Bussines to Bussines )

B2B adalah transaksi secara elektronik antara entitas atau obyek bisnis yang satu ke obyek bisnis lainnya, Disebut juga transaksi antar perusahaan. Transaksinya menggunakan EDI dan email untuk pembelian barang dan jasa, informasi & konsultasi

Digunakan untuk pengiriman dan permintaan proposal bisnis. keterangan :

EDI - singkatan dari Electronic Data Interchange sebenarnya adalah sebuah metode pertukaran dokumen bisnis antar aplikasi komputer - antar

perusahaan/instansi secara elektronis dengan menggunakan format standar yang telah disepakati.

2. B2C (Bussines to Customer )

(25)

Kelebihan dari B2C adalah sebagai berikut : a. Disebut dengan transaksi pasar

b. Konsumen mempelajari produk yang ditawarkan melalui publikasi c. Membeli dengan electronic cash & sistem secure payment

e. Meminta agar barang dikirimkan

3. (C2B) Customer to Business

C2B merupakan transaksi jual beli yang terjadi antara individu sebagai penjual dengan sebuah perusahaan sebagai pembelinya. Beberapa situs telah berinisiasi untuk mendukung bisnis yang berbasiskan konsumen ke pebisnis ( Customer-to-business atau C2B

Dalam C2B konsumen memberitahukan kebutuhan atas suatu produk atau jasa tertentu dan pemasok bersaing untuk menyediakan produk atau jasa tersebut ke konsumen. Contohnya di priceline.com, dimana pelanggan menyebutkan produk dan harga yang diinginkan dan priceline mencoba menemukan pemasok yang memenuhi kebutuhan tersebut.

4. C2C ( Customer to Customer )

(26)

C2C terjadi ketika seorang individu melakukan penjualan produk/jasa langsung kepada individu lainnya

2.5 Pengertian Website

Website adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser

dan website atau situs dapat juga 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 dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). (http://tegararian.blogspot.com/2013/03/pengertian-website.html)

2.5.1 Jenis - jenis Website

(27)

1. Website Statis

Website statis adalah web yang mempunyai halaman tidak berubah. Artinya adalah untuk melakukan suatu perubahan pada suatu halaman dilakukan dengan sistem

manual dengan mengedit kode yang menjadi struktur dari website tersebut.

2. Website Dinamis

Website dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh

user pada umumnya, juga disediakan halaman back-end untuk meng-edit konten dari website. Contoh umum mengenai website dinamis adalah web berita atau web

portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya

3. Website Interaktif

(28)

2.6 Pengertian HTML, PHP, dan MySQL

2.6.1 Pengenalan HTML

HTML(Hypertext Markup Language) merupakan dokumen yang disajikan dalam browser web surfer berisi file teks murni yang dibuat dengan editor teks sembarang. Dokumen ini juga dikenal sebagai web page. Dokumen ini umumnya berisi informasi atau interface aplikasi dalam internet.

Model kerja HTML diawali dnegan permintaan suatu halaman web oleh

browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan sebutan alamat internet, browser mendapatkan alamat dari web server. Selanjutnya, web server akan mencarikan file yang diminta dan memberikan isinya ke web browser (atau yang biasa disebut browser saja). Browser yang mendapatkan isinya segera melakukan proses penerjemahan kode HTML dan menampilkannya ke layar pemakai.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Kata

Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.

(29)

hendak menampilkan teks yang tercetak miring, maka mark up yang digunakan adalah sebagai berikut : <i> Teks ini akan dicetak miring </i> (MADCOMS, 2008).

2.6.2 Pengenalan PHP

PHP ( Hypertext Preprocessor ) merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya yang kemudian dikirimkan ke klien, tempat pemakai menggunakan browser.

Bahasa pemrograman PHP adalah bahasa pemrograman yang bekerja dalam sebuah web server. Script yang dibuat harus tersimpan dalam sebuah server

dan dieksekusi atau diproses dalam server tersebut. Penggunaan program PHP memungkinkan sebuah website menjadi lebih interaktif dan dinamis.

Secara umum PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip seperti ASP (Active Server Page), Cold Fusion, ataupun Pearl. Namun, perlu diketahui bahwa PHP sebenarnya bisa dipakai secara command line. Artinya skrip PHP dapat dijalankan tanpa melibatkan web server maupun browser.

(30)

2.6.3 Pengenalan MySQL

MySQL adalah sebuah sistem manajemen database relasi (relational database management system) yang bersifat terbuka (open source). Terbuka maksudnya adalah MySQL boleh di-download oleh siapa saja, baik versi kode program aslinya (source code program) maupun versi binernya (executable program) dan bisa digunakan secara relatif gratis baik untuk dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer.

MySQL menggunakan bahasa standar SQL (Structured Query Language) sebagai bahasa interaktif dalam mengelola data. Perintah SQL juga sering disebut

Query. Oleh karena penggunaan bahasa yang standar maka tidak akan menjadi kendala besar untuk menggunakan database lain selain MySQL. Namun, tetap saja ada sedikit perbedaan sintaks bahasa antara paket program SQL tersebut.

2.7 CSS (Cascading Style Sheets)

CSS (Cascading Style Sheet) merupakan suatu bahasa program web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web

(31)

CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan menjadi bahasa standar dalam pembuatan web.

2.8 Pengertian Data, Informasi, dan Database

1. Data

Data adalah deskripsi dari sesuatu dan kejadian yang kita hadapi. Definisi dari data yang lain adalah data merupakan kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kesatuan nyata (fact and entity) adalah berupa suatu objek nyata seperti tempat, benda dan orang yang benar ada dan terjadi. Untuk pengambilan keputusan bagi manajemen, maka faktor-faktor tersebut harus diolah lebih lanjut untuk menjadi suatu informasi.

2. Informasi

Informasi merupakan sesuatu yang dihasilkan dari pengolahan data. Data yang sudah ada dikemas dan diolah sedemikian rupa sehingga menjadi sebuah

informasi yang berguna. Berikut adalah definisi informasi berdasarkan berbagai sumber. Informasi merupakan suatu hasil dari pemrosesan data menjadi sesuatu yang bermakna bagi yang menerimanya, sebagaimana dikemukakan oleh Vercellis (2009: 7) “Information is the outcome of extraction and processing

activities carried out on data, and it appears meaningful for those who receive it

(32)

juga menggambarkan sebuah kejadian, sebagaimana dikemukakan oleh Wawan dan Munir (2006: 1) bahwa “Informasi merupakan hasil dari pengolahan data

dalam suatu bentuk yang menggambarkan suatu kejadian-kejadian (event) yang nyata (fact) dengan lebih berguna dan lebih berarti “.

3. Database

Database adalah tempat penyimpanan data yang saling berhubungan secara logika, sehingga bisa digunakan untuk mendapatkan suatu informasi yang diperlukan oleh suatu organisasi atau perusahaan. Sedangkan data yang diperoleh suatu organisasi atau perusahaan umumnya didapat dari kegiatan operasional sehari-hari atau hasil dari transaksi. ( ifan gustirahman, 2006)

2.8.1 Database Management System (DBMS)

(33)

BAB 3

PERANCANGAN SISTEM

Tahap perancangan sistem merupakan tahap awal dari pembangunan sebuah situs, terdiri dari perencanaan, perancangan, diagram alur data (DFD), grafik alur (flowchart), ERD, dan tahap selanjutnya dilanjutkan membuat interface atau garis besar dari situs tersebut.

3.1 Perancangan Sistem

Perancangan sistem informasi diperlukan banyak persiapan serta data yang cukup agar dapat memenuhi kebutuhan informasi pemakai, tidak hanya itu hal ini bertujuan untuk memenuhi kegiatan sistem sesuai harapan pemakai.

(34)

3.2 Data Flow Diagram

Data Flow Diagram (DFD) merupakan pemodelan sistem yang digunakan untuk menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai dari pemasukan data sampai menghasilkan keluaran (output) data. Di dalam tahap analisa, penggunaan notasi simbol lingkaran dan anak panah untuk mewakili atau menggambarakan arus data dalam perancangan sistem sangat membantu di dalam komunikasi dengan pemakai sitem untuk memahami sistem secara logika. Adapun simbol-simbol dari Data Flow Diagram yaitu:

Tabel 3.1 Simbol DFD

No Gambar Nama Fungsi

1 Kesatuan Luar

(Exsternal Entity)

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

2 Proses

(Proses)

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

3 Aliran Data

(Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian

(35)

Keuntungan dari penggunaan DFD yaitu membantu para analil=sisi sistem meringkas informasi tentang sistem, mengetahui hubungan antar sub sistem, membantu perkembangan aplikasi secara efektif. Berikut ini merupakan data flow diagram dari rancangan penjualan makanan berbahan dasar tahu dan tempe.

3.3 Perancangan Database

Database merupakan tempat penyimpanan data terstruktur sehingga dapat diakses dengan mudah dan cepat. Membangun database merupakan langkah awal pembuatan sebuah sistem, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Merancang database merupakan tahap penyimpanan data berisi informasi yang akan penulis sajikan dalam bentuk web. Dengan database penulis dapat melakukan pembaharuan data dan produk dengan mudah serta efisien.

(36)

Berikut rancangan tabel yang digunakan dalam membangun aplikasi e-commerce ini:

Field Jenis Kosong Primary Key Keterangan

Id int(4) Tidak Ya(auto increment) id login

User varchar(10) Tidak Nama admin

Pass varchar(100) Tidak Password admin

Sesi varchar(100) Tidak Sesi admin

Aktif Enum('0','1') Tidak Status login

Mid int(4) Tidak Ya(auto increment) id login

User varchar(10) Tidak Nama member

Pass varchar(12) Tidak Password member

Sesi Varchar(100) Tidak Sesi member

Nama Varchar(30) Tidak Nama member

Alamat1 Varchar(255) Tidak Alamat member

Alamat2 Varchar(255) Tidak Alamat Alternatif

Email Varchar(100) Tidak Email member

Tgl_daftar Varchar(50) Tidak Tgl daftar member

Tgl_login Varchar(50) Tidak Tanggal login

Telepon Varchar(12) Tidak No. telepon

Hp Varchar(16) Tidak No.hanphone

Online Enum('0','1') Tidak Status online

hostname Varchar(100) Tidak Hostname

Tabel 3.2 Tabel Admin

(37)

Field Jenis Kosong Primary Key Keterangan Bid int(10) Tidak Ya(auto increment) id item

menid int(10) ya Id menu

Or_user varchar(255) Tidak Member

Or_nama varchar(255) Tidak Nama makanan

Or_harga decimal(13,0) Tidak Harga

Or_qty decimal(13,0) Tidak Jumlah per item

Or_total decimal(13,0) Tidak Total

Or_tgl Varchar(50) Tidak Tgl pesan

Or_pesan Enum('0','1','2') Ya Status pesan

Or_metoda Varchar(30) Ya Metode bayar

Id int(5) Tidak Ya(auto increment) Id Makanan

Tanggal int(11) Tidak Tanggal pesan

Bk_code varchar(30) Tidak kode makanan

Bk_nama varchar(20) Tidak Nama makanan

Bk_harga Decimal(15,0) Tidak Harga

Bk_path varchar(255) Tidak Variabel gambar

Bk_keterangan varchar(15) Tidak Keterangan

Id int(10) Tidak Menyimpan data hit

Tabel 3.4 Tabel Keranjang belanja

Tabel 3.5 Tabel Daftar Menu

(38)

Kolom Jenis Kosong Primary Key Keterangan

Id int(3) Tidak Ya(auto increment) Id berita

News_kategori varchar(255) ya Kategori berita

News_penulis varchar(255) ya Nama penulis

News_judul varchar(255) Tidak Judul

News_head Text Tidak Headline Berita

News_isi Text Tidak Isi berita

News_gambar Varchar(255) Tidak Gambar

News_hit Int(3) Tidak Hit berita

News_tanggal Varchar(255) Tidak Tanggal

3.4 Entity Data RelationShip

Entity Data Relationship (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 sistem penjualan makanan berbahan dasar tahu dan tempe berbasis e-commerce ini adalah:

Gambar 3.2 ERD Website Penjualan Tabel 3.7 Tabel Berita

PRODUK

KELOLA

PESAN CUSTOMER/

PEMBELI

(39)

3.5 Flowchart

Flowchart adalah sekumpulan simbol atau skema yang menunjukkan atau menggambarkan arus logika dari rangkaian kegiatan-kegiatan sebuah sistem mulai dari awal (start) hingga akhir (stop). Penjelasan fungsi simbol flowchart

didefenisikan seperti tabel berikut:

No Simbol Fungsi

1

Terminator, untuk memulai dan mengakhiri suatu program.

2

Process, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer.

3

Data, digunakan untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

4

Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5

Preparation, suatu simbol yang menyediakan

tempat-tempat pengolahan data dalam

storage.

(40)

6

Connector, merupakan simbol untuk masuk dan

keluarnya suatu prosedur pada lembar kertas yang sama.

7

Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

8

Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.

9

Document, merupakan simbol untuk data yang berbentuk informasi.

10

Predefined process, digunakan untuk

menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

11 Display, untuk output yang ditujukan suatu

device, seperti monitor.

12 Magnetic Disk, untuk menyimpan data.

Flowchart sangat membantu memvisualisasikan dari setiap halaman dan

link antara halaman tersebut. Flowchart juga mempermudah mengatur kode dan

(41)

Berikut adalah beberapa flowchart yang terdapat dalam website e-commerce penjualaan makanan berbahan dasar tahu dan tempe:

1. Flowchart Halaman Utama

ya tidak

Gambar 3.3 Flowchart Halaman Utama Halaman

Utama

Daftar Menu

Keranjang Belanja Petunjuk Beli

Menampilkan Petunjuk Beli

Pilih Makanan (Login dahulu)

Melihat keranjang ( login dahulu)

Pesan Sekarang

Check out ya

ya tidak

tidak

(42)

2. Flowchart Login Member/Admin

Start Masukkan Username

Halaman utama

Masukkan Password

Password dan username

Benar

Member/ Admin login

Gambar 3.4 Flowchart Login Member/Admin Login gagal

tidak

(43)

3. Flowchart Member

Pilih Makanan

Simpan ke Database Ya

Ya

Tidak

Gambar 3.5 Flowchart Member Member

login

end

Kirim Sekarang Tidak

Keranjang belanja Daftar

Menu

Log Out

Ya

(44)

4. Flowchart Administrator

(45)

3.6 Perancangan Antar Muka (Interface)

Antarmuka (Interface) digunakan sebagai alat komunikasi antara sistem dan user. Perancangan antarmuka dalam rancangan antar muka website ini terdiri dari :

1. Halaman Utama (Index.php)

Pada halaman ini berisi menu utama, form pencarian, form login member, dan menu mitra usaha. Halaman ini juga berisi menu-menu informasi tentang website

di bagian atas.

(46)

2. Halaman Administrator (admin.php)

Halaman admin merupakan halaman update database setelah melakukan login

admin. Data yang akan di-update yaitu data menu, member dan, pemesan.

(47)

(48)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah rangkaian prosedur yang dilakukan untuk menyelesaikan sistem yang telah ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang

website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website.

4. Mendapatkan persetujuan.

4.2Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah:

(49)

2. Memastikan bahwa sistem telah lengkap dengan semua atribut sistem

3. Memberi rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

4. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

5. Memastikan bahwa sistem berjalan baik dan benar.

4.3 Komponen Utama Dalam Implementasi Sistem

Untuk menjalankan sistem yang telah dirancang, dibutuhkan beberapa komponen, yaitu berupa komponen-komponen yang sangat berperan dalam mendukung penerapan sistem yang dirancang terhadap pengolahan data. Diantaranya

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

4.3.1 Hardware

Merupakan salah satu elemen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini, dapat dirincikan spesifikasi komponen hardware

yaitu:

1. PC dengan processor minimal Intel Pentium III 733 MHz. 2. Hard disk 20 GB.

(50)

5. Keyboard. 6. Mouse.

4.3.2 Software

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

Adapun software yang sering digunakan dalam pembuatan website ini adalah: a. Sistem operasi Ms. Windows XP/ 7.

b. Apache Triad 2 sebagai web server, PHP 5.2.4 sebagai web programming

dan MySQL 5.0.45 sebagai database server.

c. Adobe Dreamweaver CS3 dan Sublime Text sebagai web editor.

d. Adobe Photoshop Elements 12 sebagai desain layout.

4.3.3 Brainware

(51)

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan informasi, pemrosesan dan penggunaan keluaran informasi.

Brainware dalam sistem ini terbagi atas:

1. Sistem analis: orang yang membentuk, membangun fasilitas rancangan sistem dan menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

2. Programmer: orang yang bertugas membuat dan membangun sistem dengan menggunakan salah satu bahasa pemrograman yang ditentukan.. 3. Operator: orang yang menggunakan dan memanfaatkan sistem, yang

menangani langsung pengolahan data.

4.4 Tampilan Website

4.4.1 Halaman Utama

(52)

4.4.2 Halaman Daftar Menu

Halaman ini berisi daftar menu yang bisa langsung memesan ketika kita sudah melakukan login sebagai member.

1. Halaman Menu

(53)

2. Halaman Detail Menu

4.4.3 Halaman Daftar Member

1.Halaman Daftar

Halaman ini berisi form yang harus diisi jika user ingin menjadi member dan membeli barang.

(54)

2. Halaman Sukses Daftar

Halaman ini berisi tentang konfirmasi atas suksesnya proses daftar member.

Gambar 4.5 Halaman Sukses Daftar

4.4.4 Halaman Keranjang Belanja

Halaman ini berisi keranjang belanja, rincian yang ada di dalam.

1. Halaman Keranjang Belanja

(55)

4.4.5 Halaman Checkout Belanja

1.Halaman Checkout

Halaman ini berisi user yang akan memilih metode pembayaran yang dipakai.

Gambar 4.7 Halaman Checkout Belanja

2. Halaman Konfirmasi Checkout

Halaman ini berisi tentang konfirmasi dari sistem bahwasannya user telah selesai

(56)

4.4.6 Halaman Tentang Kami, Hubungi Kami, Ketentuan, dan F.A.Q

1. Halaman tentang kami

Berisi informasi tetang website penjualan.

Gambar 4.10 Halaman Tentang Kami

2. Halaman Hubungi Kami

Berisi informasi tentang kontak untuk menghubungi administrator.

(57)

3. Halaman Ketentuan

Berisi ketentuan untuk malakukan pembelian

Gambar 4.12 Halaman Ketentuan

4. Halaman Frequently Asked Question

Berisi pertanyaan umum tentang cara pembelian dari website ini

(58)

4.4.7 Halaman Administrator

1. Halaman Login Admin

Gambar 4.14 Halaman Login Admin

2. Halaman Utama Admin

Halaman ini merupakan halaman terpenting yang ada di dalam website ini, disini admin mengolah data dan meng-edit data.

(59)

(60)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Adapun kesimpulan yang dapat diambil oleh penulis dari penguraian bagaimana perancangan sistem dalam membangun website e-commerce penjualan makanan berbahan dasar tahu dan tempe ini adalah sebagai berikut:

1. Website ini dapat membantu masyarakat untuk membeli makanan sehat dengan praktis.

2. Adanya website ini dijadikan media promosi serta informasi bagi masyarakat luas untuk lebih mengenal makanan ini.

(61)

4. Dalam membuat program, penggunaan bahasa pemrograman PHP dan MySQL memudahkan perancangan dan memiliki hasil akhirnya (output) yang lebih mudah dimengerti oleh pemakai.

5. Sistem yang telah dibuat ini masih memerlukan perbaikan karena masih memiliki kelemahan dalam memenuhi kebutuhan yang sebenarnya dalam sebuah website e-commerce.

5.2 Saran

Dengan berakhirnya perancangan website dan penulisan tugas akhir ini maka penulis menguraikan beberapa saran antara lain:

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

(62)

DAFTAR PUSTAKA

Arbie. 2003. Manajemen Database dengan MySQL. Penerbit ANDI. Yogyakarta Kristanto, H. 1994. Konsep dan Perancangan Database. Yogyakarta. ANDI Lubis, Muh Syafri dan Syahputra, Moh Fadly. 2011. Teknologi Pengembangan

Aplikasi Web. USU Press. Medan.

MADCOMS. 2008. Panduan Menggunakan Internet untuk Pemula. Penerbit ANDI. Yogyakarta.

MADCOMS. 2008. PHP dan MySQL Untuk Pemula. Yogyakarta. Penerbit ANDI.

Nugroho, Bunafit. 2009. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Gaya Media Pratama. Jakarta.

Oktavian, Diar Puji. Menjadi Programmer Jempolan dengan Menggunakan PHP.

2010. Mediakom. Yogyakarta.

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor :Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman. 2009. Aplikasi Web dengan PHP dan MySQL. Penerbit ANDI. Yogyakarta.

Siregar, Sayra.S.H. 2012. Perancanga n Website E-Commerce Penjualan Bibit Bunga Dan Tanaman Hias. Medan: Universitas Sumatera Utara

Sutisna, Dadan. 2007. 7 Langkah Menjadi Webmaster. Jakarta. Penerbit Media Kita

http://adainfoonline.blogspot.com/2013/02/pengertian-komputer.html. Pengertian Komputer

Diakses pada tanggal 11 Juni 2014

http://collectionfirman.blogspot.com/2013/10/pengertian-b2bb2cc2c-dan-c2b.html

Jenis-Jenis E-commerce

www.baliorange.web.id/pengertian-ecommerce/. Pengertian E-Commerce

(63)

A. Halaman Utama 1. Index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>The TnT - Pangan Olahan Tahu dan Iempe INDONESIA </title> <link href="kbo_style.css" rel="stylesheet" type="text/css" />

</head> <body>

<tr>

<tr>o

<tr>

<tr>

</tr> <tr>

(64)

</tr>

</tr> <tr>

<td class="menukiri"><a href="?page=katalog.html">Daftar Menu</a></td> </tr>

<tr>

<td class="menukiri"><a href="?page=info-beli.html">Petunjuk Beli</a></td> </tr>

<tr>

<td class="menukiri"><a href="?page=kbelanja.html">Keranjang Belanja </a></td>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<tr>

<tr>

<td><div align="right">Password</div></td>

(65)

</tr> <tr>

<td height="22"><div align="center" class="link01" style="padding-left:10px;"><a href="?page=daftar.html">Daftar</a> <a

href="?page=lupapass.html"> Lupa Password</a> </div></td> </tr>

<tr>

</tr> <tr>

</tr>

</table></td>

<tr>

(66)

<td class="menuatas"><a href="?page=tentangkami.html" title="Tentang Kami">Tentang Kami </a></td>

<td class="menuatas"><a href="?page=kontak.html" title="kontak">Hubungi Kami </a></td>

<td class="menuatas"><a href="?page=syarat.html" title="S&K">Ketentuan</a></td>

</tr> <tr>

<div class="link02">User: <strong>Guest</strong> | Anda Belum Login</div></td>

<tr>

<tr>

<td><span class="tanggal">19 Jun 2014 | Berita</span></td> </tr>

<tr>

(67)

</tr> <tr>

<td><div class="newsisi">REPUBLIKA.CO.ID, JAKARTA -- Pengrajin tahu-tempe di kawasan Utan Kayu, Jakarta Timur, belum merasakan dampak stabilisasi harga kedelai karena mereka masih harus membeli komoditas itu dengan harga di atas Rp 9.500 per kilogram (kg). "Kami jujur belum merasakan dampak stabilisasi harga kedelai dari pemerintah," kata salah satu pengrajin tahu-tempe di Jalan Srikaya Nomor 4 Utan Kayu Utara, Matraman, Jakarta Timur Benny Hasyim di Jakarta, Jumat (13/9).</div></td>

</tr> <tr>

<div align="left"><a href="?page=berita-detail.html&news=1">Baca

<tr>

<tr>

<td width="78%" valign="top"><div class="nama"><strong>Tahu Semur Spesial</strong></div>

(68)

</tr>

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

<tr>

$cari="select * from kios_makanan order by id desc"; //mengurutkan berdasarkan tanggal

$cari_query=mysql_query($cari); //ambil data katalog dari database $jml_mk=mysql_num_rows($cari_query); //melihat jumlah record $jml=0; //masukkan variabel field di mysql

while($show_mk=mysql_fetch_row($cari_query)){ //menampilkan record yang diperlukan

(69)

$lihat[$jml][5] = $show_mk[5]; // nama makanan $lihat[$jml][6] = $show_mk[6]; // harga

$lihat[$jml][8] = $show_mk[8]; // keterangan $jml++;

} ?>

<tr>

<tr>

<td class="katalog" scope="col">Terdapat

<strong><?echo"$jml_mk";?></strong> macam menu dalam daftar menu.</td> </tr>

(70)

for ($i=$p;$i<$n;$i++){ echo "<tr>

<li><strong>Nama makanan</strong> : ",$lihat[$i][5],"</li> <li><strong>Harga</strong> : ",$lihat[$i][6],"</li>

<li>",$lihat[$i][8],"</li>

<div class=\"link01\" align=\"right\"><a href=\"?page=katalog-detail.html&nama=",$lihat[$i][0],"\">Detail</a> <a

<tr>

<td class="makanan"><table width="100%"> <tbody> makanan diharuskan untuk menjadi anggota terlebih dahulu dengan mengisi formulir pendaftaran. Pemesanan buku hanya bisa dilakukan jika Anda sudah login dan menjadi anggota.<br />

<br />

(71)

href="?page=katalog.html">Daftar Menu</a> atau bisa juga dengan memasukkan kata kunci di kotak pencarian data.<br />

<br />

Bila sudah menentukan makanan yang dipilih, klik tombol DETAIL untuk untuk melihat informasi lengkapnya, atau kilik PESAN SEKARANG jika ingin langsung memesan. makanan yang Anda pesan akan masuk ke

KERANJANG BELANJA. Di sana Anda dapat menentukan jumlah makanan yang akan dibeli serta jumlah harga yang mesti dibayar.<br />

<br />

Setelah itu Anda akan masuk ke halaman CHECKOUT dan klik KIRIM PESANAN setelah Anda mengecek kembali makanan yang akan dibeli. makanan yang Anda pesan akan kami kirim ke alamat yang telah kami catat pada saat Anda daftar menjadi anggota. Jika ada perubahan alamat, Anda dapat memberitahu terlebih dahulu kepada kami.</p>

<p>Pembayaran dilakukan dengan men-transfer ke:<br />

$cek_user = mysql_query("select * from kios_member where user='$user_aktif'"); $view_user = mysql_fetch_array($cek_user);

$view_row = mysql_num_rows($cek_user); $user_id = $view_user[user];

$user_email = $view_user[email]; if ($view_row==0) {

$error = "<div align=\"center\" class=\"txt-list-warn\">Maaf, Anda belum bisa memasuki halaman ini. Silakan login dulu.</div>";

?> <script>

alert('Anda belum bisa mengakses halaman ini,\nSilakan login dulu.'); window.location.href='?page=home.html';

</script> <? } else { //cari buku

(72)

$kat_nama=$view_katalog[bk_nama]; $kat_harga=$view_katalog[bk_harga]; //cek produk di database kios_belanja

$cek_pesanan=mysql_query("select * from kios_belanja where or_judul='$kat_nama' and or_user='$user_id' and or_pesan='0'"); $row_pesan=mysql_num_rows($cek_pesanan);

}

//masukkan pesanan

if ($item=="add" && $row_pesan==0 && $view_row!=0) { $kat_qty=1;

$pesan2="<center><b>Berikut pemesanan Anda di Keranjang Belanja.</b></center>";

}

//delete dan ubah pesanan if ($act=="Hapus") {

$del=mysql_query("DELETE FROM kios_belanja WHERE katid='$judul' and or_user='$user_id' and or_pesan='0'");

$pesan = "";

} else if ($act=="Ubah") { $or_total=$kat_harga*$qty;

$update_pesan=mysql_query("update kios_belanja set

or_qty='$qty',or_total='$or_total' where katid='$judul' and or_user='$user_id' and or_pesan='0'");

$pesan = "";

}

//menampilkan pesanan

(73)

$a[$g][6] = $d[6]; //total $g++;

}

if($row_pesan==0){

$pesan="<font color=\"#CC0000\"><b><center>Tidak ada produk yang dipesan di keranjang belanja.</font></b></center>";

$link=""; $pesan2=""; } else {

$link = "<a href=\"?page=katalog.html\">Lanjutkan Belanja</a> <a href=\"?page=checkout.html\">Checkout</a>";

$pesan="";

$pesan2="<center><b>Berikut pemesanan Anda di Keranjang Belanja<br />Jumlah makanan yang dipesan: $row_pesan item.</b></center>"; }

//cekout ?>

<tr>

<td class="daftar"> <?

echo"$error$pesan$pesan2<hr size=\"1\" noshade color=\"#CCCCCC\" />"; for($i=0;$i<$row_pesan;$i++){

$harga = number_format($a[$i][4]); $harga = str_replace(",", ".", $harga); $total = $a[$i][4]*$a[$i][5];

$total_crn = number_format($total);

$total_crn = str_replace(",", ".", $total_crn);

echo"<form action=\"?page=kbelanja.html&judul=".$a[$i][1]."\" method=\"post\" name=\"form1\" id=\"form1\">

(74)

<td width=\"25%\" valign=\"top\"><div align=\"right\">Nama type=\"submit\" class=\"butbelanja\" name=\"act\" value=\"Ubah\" /> <input type=\"submit\" class=\"butbelanja\" name=\"act\"

// menghitung total pesanan

$hitung = mysql_query("select sum(or_total) from kios_belanja where or_user='$user_id' and or_pesan='0'");

$hitung = mysql_fetch_array($hitung); $hitung = $hitung["sum(or_total)"];

$hitung = str_replace(",",".",number_format($hitung));

(75)

</table>

5. Daftar Member

function cekForm()

{

var struser = document.daftar.mem_userid.value; if (struser == "")

{ alert("User ID masih kosong.") document.daftar.mem_userid.focus(); return false;

}

var strpass1 = document.daftar.mem_pass.value; if (strpass1 == "")

{ alert("Password masih kosong.") document.daftar.mem_pass.focus(); return false;

}

var strpass2 = document.daftar.mem_pass2.value; if (strpass2 == "")

{ alert("Confirm Password masih kosong.") document.daftar.mem_pass2.focus(); return false;

}

var strpass1 = document.daftar.mem_pass.value; var strpass2 = document.daftar.mem_pass2.value; if (strpass1 !== strpass2)

{ alert("Password harus sama.") document.daftar.mem_pass2.focus(); return false;

}

var strnama = document.daftar.mem_nama.value; if (strnama == "")

(76)

else {

if (stremail.indexOf ('@',0) == -1 || stremail.indexOf ('.',0) == -1) {

alert("Menulis email kurang tepat.") document.daftar.mem_email.select(); document.daftar.mem_email.focus(); return false;

} }

var strtlp = document.daftar.mem_telp.value; if (strtlp == "")

{

alert("Nomor telepon masih kosong.") document.daftar.mem_telp.focus(); return false;

}

var strhp = document.daftar.mem_hp.value; if (strhp == "")

{

alert("Nomor HP masih kosong.") document.daftar.mem_hp.focus(); return false;

}

var stralamat = document.daftar.mem_alamat.value; if (stralamat == "")

{

<tr>

(77)

<tr>

<td height="30" colspan="2"><div align="center"><strong>Formulir Pendaftaran Member Kios Buku Online </strong></div></td>

</tr>

<td><div align="right"><strong>Password</strong></div></td> <td><input name="mem_pass" type="text" id="mem_pass" size="20" maxlength="12" /></td>

<td><div align="right"><strong>Konfirmasi Password </strong></div></td>

</tr> <tr>

<td><div align="right"><strong>Nama Lengkap </strong></div></td> <td><input name="mem_nama" type="text" id="mem_nama" size="30" /></td>

</tr> <tr>

<td><div align="right"><strong>Email</strong></div></td>

(78)

<td>Penulisan email tepat, contoh

: info@kiosbuku.com. Email harus yang masih aktif.</td> </tr>

<tr>

<td><div align="right"><strong>No. Telepon </strong></div></td> <td><input name="mem_telp" type="text" id="mem_telp" size="30" /></td>

</tr> <tr>

</tr> <tr>

<td height="48" valign="top"><div align="right"><strong>Alamat Lengkap </strong></div></td>

</tr> <tr>

<td valign="top"><div align="right"><strong>Alamat Alternatif </strong></div></td>