PERANCANGAN E-COMMERCE PADA ROTI GANDA PEMATANGSIANTAR DENGAN MENGGUNKAN DREAMWEAVER 8 TUGAS AKHIR SITI MAI SARAH PANE

Transkripsi

1 PERANCANGAN E-COMMERCE PADA ROTI GANDA PEMATANGSIANTAR DENGAN MENGGUNKAN DREAMWEAVER 8 TUGAS AKHIR SITI MAI SARAH PANE PROGRAM STUDI D3 ILMU KOMPUTER/STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

2 PERANCANGAN E-COMMERCE PADA ROTI GANDA PEMATANGSIANTAR DENGAN MENGGUNKAN DREAMWEAVER 8 TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya SITI MAI SARAH PANE PROGRAM STUDI D3 ILMU KOMPUTER/STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

3 PERSETUJUAN Judul Kategori Nama : PERANCANGAN E-COMMERCE PADA TOKO ROTI GANDA DENGAN MENGGUNAKAN DREAMWEAVER 8 : TUGAS AKHIR : SITI MAI SARAH PANE Nomor Induk Mahasiswa : Program Studi Departemen Fakultas : D3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2010 Komisi Pembimbing : Diketahui/Disetujui oleh Pembimbing, Departemen Matematika FMIPA USU Ketua Dr. Saib Suwilo, M.Sc NIP Drs. Sawaluddin, M.IT NIP

4 PERNYATAAN PERANCANGAN E-COMMERCE PADA ROTI GANDA DENGAN MENGGUNAKAN DREAMWEAVER 8 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 2010 SITI MAI SARAH PANE

5 PENGHARGAAN Dengan mengucapkan Alhamdulillah dan memanjatkan puji syukur kehadirat Allah SWT yang Maha Pengasih dan Maha Penyayang, dengan limpahan Rahmat dan Karunia-Nya, Tugas akhir ini berhasil diselesaikan tepat pada waktunya sebagisalah satu syarat untuk menyelesaikan studi pada D-III Ilmu Komputer FMIPA USU. Adapun judul dari tugas akhir ini adalah PERANCANGAN E- COMMERCE PADA ROTI GANDA PEMATANGSIANTAR DENGAN MENGGUNKAN DREAMWEAVER 8 Ucapan terima kasih penulis sampaikan yang sebesar-besarnya kepada: 1. Bapak Prof Dr. Eddy Marlianto, M.Sc, selaku dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 2. Bapak Dr. Saib Suwilo, M.Sc, Ketua Departemen Matematika USU. 3. Bapak Drs. Sawaluddin, M.IT, sebagai Dosen Pembimbing yang telah banyak memberikan bimbingan dan arahan dalam penulisan laporan Tugas Akhir ini. 4. Seluruh Staff Pengajar dan Pegawai FMIPA USU. 5. Bapak Jumarruddin selaku Pemiliki Toko Roti Ganda yang telah berkenan memberikan kesempatan kepada saya untuk melakukan riset. 6. Teristimewa untuk Ayahanda dan Ibunda tercinta, kakak, abang yang saya sayangi, terima kasih atas cinta dan motivasinya dalam menyelesaikan laporan Tugas Akhir ini. 7. Seluruh keluarga yang memberikan banyak motivasi dalam menyelesaikan laporan Tugas Akhir ini. 8. Para sahabat tercinta : kak Ratih, Dessy Antika, Dini Syaputri, Ika Puspita, Putri Fatimah, Tsauri Aqsa dan teman-teman lainnya yang tidak dapat disebut satu per satu yang selalu memberikan motivasinya dan semangat, semoga Allah meridhoi setiap gerak langkah kita. 9. Teman-teman seperjuangan di DIII Ilmu Komputer 2007, Khususnya di Komputer A Semua pihak yang ikut membantu dalam penyelesaian Tugas Akhir ini yang tidak dapat disebut satu persatu, penulis ucapkan terimah kasih banyak. Akhir kata penulis panjatkan doa semoga Allah SWT akan membalas kebaikan semua pihak Amin. Medan, Juni 2010 Siti Mai Sarah Pane

6 ABSTRAK Kajian ini bertujuan untuk membangun suatu website pada Toko Roti Ganda. Website ini di kembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache 2.2.3, PHP 5.2, dan MySQL 5.0, Website ini berfungsi untuk memberikan kemudahan dalam penjualan roti dan kue serta informasi pada pelanggan Toko Roti Ganda dimanapun berada. Tujuan Website ini adalah untuk memperkenalkan bahwa sistem informasi berbasis e-commerce sangat penting dalam perkembangan usaha. serta dapat meningkatkan kualitas SDM yang berbasis Teknologi Informasi dan Komunikasi.

7 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar isi Daftar Tabel Daftar Gambar ii iii iv v vi viii ix Bab 1 Pendahuluan Latar Belakang Rumusan Masalah Batasan Masalah Tujuan dan Manfaat Penelitian Metode Penelitian Sistematika Penulisan 5 Bab 2 Landasan Teori Pengertian e-commerce Jenis e-commerce Keuntungan e-commerce Kerugian e-commerce Database Jenjang Database MySQL Keuntungan MySQL Syntaks-syntaks MySQL PhpMyAdmin PHP (Personal Home Page) Konsep Dasar PHP Keunggulan PHP 21

8 2.6 Pengenalan Internet Internet Commerce Web Server HTML (Hypertext Markup Language) Macromedia Dreamweaver CSS (Cascading Style Sheet) 26 Bab 3 Perancangan Sistem Perancangan Sistem 3.2 Data Flow Diagram Simbol-simbol DFD dan Flowchart Diagram Level Konteks Data Flow Diagram Level Nol Perancangan Database Field Name Field Table Describtion Field Table Relationship Table Flowchart Sistem Flowchart menu utama Flowchart Pembelian Barang Flowchart Login Admin Flowchart Search Algoritma Program Algoritma Menu Utama Algoritma Pemesanan Produk Algoritma Admin Algoritma Search 47 Bab 4 Implementasi Sistem Pengertian Implementasi Sistem Tujuan Implementasi Sistem 48

9 4.3 Komponen-komponen Sistem Hardware Software Brainware Demonstrasi Program 52 Bab 5 Kesimpulan dan Saran Kesimpulan Saran 58 Daftar Pustaka 59 Lampiran A Lampiran B : Listing Program : Surat-Surat

10 DAFTAR TABEL Halaman Tabel 3.1 Simbol-simbol DFD dan Flowcart 28 Tabel 3.2 Tabel Dalam Database 32 Tabel 3.3 Field Table Dalam Database 33 Tabel 3.4 Describtion table_cart 35 Tabel 3.5 Describtion table_category 35 Tabel 3.6 Describtion table_currency 36 Tabel 3.7 Describtion table_inbox 36 Tabel 3.8 Describtion table_order 37 Tabel 3.9 Describtion table_order_item 38 Tabel 3.10 Describtion table_product 38 Tabel 3.11 Describtion table_shop_config 39 Tabel 3.12 Describtion table_user 39

11 DAFTAR GAMBAR Halaman Gambar 2.1 Jenjang Data 12 Gambar 3.1 DFD Level Konteks 30 Gambar 3.2 DFD Level Nol 31 Gambar 3.3 Relationship Table 40 Gambar 3.4 Flowchart Menu Utama 41 Gambar 3.5 Flowchart Pembelian Barang 42 Gambar 3.6 Flowchart Login Admin 43 Gambar 3.7 Flowchart Search 44 Gambar 4.1 Tampilan antar muka Sistem Operasi Windows XP 50 Gambar 4.2 Tampilan antar muka Macromedia Dreamweaver 8 50 Gambar 4.3 Tampilan antar muka web server 51 Gambar 4.4 Tampilan Index/ Home 52 Gambar 4.5 Tampilan Category 53 Gambar 4.6 Tampilan Contact 54 Gambar 4.7 Tampilan Login 55 Gambar 4.8 Tampilan Shopping Basket 55 Gambar 4.9 Tampilan Shipping And Payment Information 56