PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 TUGAS AKHIR DIMAS ANDIKA NASUTION 102406146 PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer DIMAS ANDIKA NASUTION 102406146 PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013
PERNYATAAN PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya. Medan, Juni 2013 DIMAS ANDIKA 102406146
ii PERSETUJUAN Judul : PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 Nama : DIMAS ANDIKA NASUTION Nomor Induk Mahasiswa : 102406146 Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA Departemen Fakultas : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM Diluluskan di Medan, Juni 2013 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M.Si., P.hD Syahriol Sitorus S.Si,M.IT NIP. 19620901 198803 1 002 NIP. 197103101997031004
iii PERNYATAAN PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS 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 2013 DIMAS ANDIKA NASUTION 102406146
iv PENGHARGAAN Puji dan syukur penulis panjatkan kepada Allah SWT atas rahmat dan Karunia-Nya, sehingga penulis telah menyelesaikan tugas akhir ini. Tidak lupa pula shalawat dan beriring salam kepada Nabi Muhammad SAW sebagai suri teladan terbaik bagi umat manusia, yang telah membawa kita dari zaman jahiliyah ke zaman yang terang benderang dengan ilmu pengetahuan seperti sekarang ini. Adapun judul Tugas Akhir ini adalah PERANCANGAN WEBSITE E- COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8. Tugas Akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan program D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di. Pada kesempatan ini penulis juga menyampaikan terima kasih kepada semua pihak yang telah banyak membantu, antara lain: 1. Bapak Dr. Sutarman, M. Sc., selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam di. 2. Bapak Prof. Dr. Tulus, M.Si., selaku Ketua Departemen Matematika di FMIPA USU. 3. Bapak Syahriol Sitorus S.Si,M.IT., selaku Ketua Jurusan Program Studi D3 Teknik Informatika FMIPA USU dan selaku Dosen Pembimbing yang telah banyak memberikan pangarahan dan bimbingan dalam penulisan tugas akhir ini. 4. Seluruh Dosen Pengajar Program Studi D-III Teknik Informatika FMIPA USU yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan. 5. Teristimewa buat kedua orang tua tercinta, serta seluruh keluarga yang telah memberikan kasih sayang, semangat, motivasi, dan mendo akan penulis agar lancar dalam segala urusan. 6. Teman-teman terdekat Novri Pramana Putra, Sadzali Yunaifi Machril, Muhammad Richky Darmawan, Dina Anggraini, Isnan Habibi yang membantu dan memberi semangat penulis dalam menyelesaikan tugas akhir ini. 7. Buat seluruh teman angkatan 2010 yang selama ini telah menjadi keluarga dan sahabat penulis.
v 8. Kepada senior-senior D3 Teknik Informatika USU, yang telah memberikan nasihat dan pengarahan selama penyusunan dan penulisan tugas akhir ini. Laporan ini sudah selesai, namun penulis menyadari bahwa masih ada kekurangan didalamnya karena keterbatasan pengetahuan dan kemampuan penulis. Untuk itu, diharapkan kritik dan saran yang bersifat membangun demi perbaikan dan penyempurnaan laporan ini. Semoga laporan ini bermanfaat bagi semua yang membaca sebagai wacana dalam memperluas cakrawala pengetahuan. Kiranya Allah SWT memberikan hidayah-nya kepada kita semua sehinga sukses dalam menggapai cita-cita yang diinginkan. Amin. Medan, Juni 2013 Penulis, Dimas Andika Nasution NIM: 102406146
vi ABSTRAK Kajian ini bertujuan untuk membangun suatu website e-commerce mengenai penjualan pakain wanita secara online. Sistem informasi ini dikembangkan menggunakan Macromedia Dreamweaver 8 sebagai editor, dan perangkat lunak XAMPP 2.5. Tujuan dari website e-commerce ini adalah untuk membantu penjual dalam melakukan proses pemasaran produk mereka serta membantu pembeli dalam melakukan proses pembelian dan pemesanan secara online.
vii DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv vi vii ix x Bab 1 Pendahuluan 1 1.1 Latar Belakang 1 1.2 Perumusan Masalah 3 1.3 Batasan Masalah 3 1.4 Tujuan dan Manfaat Penelitian 4 1.5 Metode Penelitian 4 1.6 Sistematika Penulisan 5 Bab 2 Landasan Teori 7 2.1 Pengertian Komputer 7 2.2 Pengenalan Internet 8 2.3 Pengertian E-commerce 9 2.3.1 Jenis-jenis e-commerce 12 2.3.2 Tujuan menggunakan e-commerce dalam berbisnis 14 2.3.3 Manfaat menggunakan e-commerce dalam dunia bisnis 14 2.4 Pengenalan Website 15 2.5 Pengertian HTML, PHP, dan MySQL 16 2.5.1 Pengenalan HTML 16 2.5.2 Pengenalan PHP 17 2.5.3 Pengenalan MySQL 18 2.6 CSS (Cascading Style Sheets) 19 2.7 Pengertian Data, Informasi, dan Database 20 2.7.1 Database management system (DBMS) 21 2.8 Macromedia Dreamweaver 8 23 2.9 Flowchart 24 Bab 3 Analisis Dan Perancangan Sistem 27 3.1 Analisis Sistem 27 3.2 Analisa Permasalahan 27 3.3 Usulan dan Solusi 28 3.4 Perancangan Sistem 28 3.4.1 Data Flow Diagram (DFD) 29
viii 3.4.1.1 Diagram Konteks 30 3.4.1.2 Diagram Nol/Zero (Overview Diagram) 31 3.4.1.3 Diagram Rinci (Level Diagram) 32 3.4.2 Entity Relationship Diagram (ERD) 32 3.4.3 Normalisasi Database 33 3.4.4 Perancangan Struktur Database 35 3.4.5 Flowchart Website 37 3.4.6 Perancangan Tampilan Website 40 Bab 4 Implementasi Sistem 44 4.1 Pengertian Implementasi Sistem 44 4.2 Tujuan Implementasi Sistem 45 4.3 Komponen Utama dalam Implementasi Sistem 45 4.3.1 Perangkat keras (Hardware) 45 4.3.2 Perangkat lunak (Software) 46 4.3.3 Sumber daya manusia (Brainware) 46 4.4 Tampilan Website 47 Bab 5 Kesimpulan dan Saran 56 5.1 Kesimpulan 56 5.2 Saran 57 Daftar Pustaka 58 Lampiran
ix DAFTAR TABEL Halaman Tabel 2.1 Tabel Simbol Pada Flowchart 24 Tabel 3.1 Simbol Data Flow Diagram 30 Tabel 3.2 Tabel User 35 Tabel 3.3 Tabel Barang 35 Tabel 3.4 Tabel Kategori 36 Tabel 3.5 Tabel Pesanan 36
x DAFTAR GAMBAR Halaman Gambar 3.1 Diagram Konteks 31 Gambar 3.2 Diagram Level 0 31 Gambar 3.3 Diagram Level 1 32 Gambar 3.4 ERD Pada Toko Pakaian Cantik Modis 33 Gambar 3.5 Bentuk Normal Pertama (1NF) 34 Gambar 3.6 Bentuk Normal Kedua (2NF) 34 Gambar 3.7 Flowchart Halaman Utama 37 Gambar 3.8 Flowchart Kategori Barang 38 Gambar 3.9 Flowchart Halaman Admin 39 Gambar 3.10 Rancangan Tampilan Home 40 Gambar 3.11 Rancangan Tampilan Menu Cara Order 40 Gambar 3.12 Rancangan Tampilan Menu Gallery 41 Gambar 3.13 Rancangan Tampilan Menu About Us 41 Gambar 3.14 Rancangan Tampilan Menu Contact 42 Gambar 3.15 Rancangan Tampilan Menu Login Admin 42 Gambar 3.16 Rancangan Tampilan Menu Kategori Barang 43 Gambar 4.1 Tampilan Halaman Awal 47 Gambar 4.2 Tampilan Menu Cara Order 48 Gambar 4.3 Tampilan Menu About Us 49 Gambar 4.4 Tampilan Menu Contact 50 Gambar 4.5 Tampilan Menu Gallery 50 Gambar 4.6 Tampilan Produk 51 Gambar 4.7 Tampilan Form Order 52 Gambar 4.8 Tampilan Login Admin 52 Gambar 4.9 Tampilan Tambah Barang 53 Gambar 4.10 Tampilan Lihat Barang 54 Gambar 4.11 Tampilan Daftar Order 54