PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 TUGAS AKHIR DIMAS ANDIKA NASUTION

Transkripsi

1 PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 TUGAS AKHIR DIMAS ANDIKA NASUTION PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013

2 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 PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2013

3 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

4 ii PERSETUJUAN Judul : PERANCANGAN WEBSITE E-COMMERCE PADA TOKO PAKAIAN CANTIK MODIS MENGGUNAKAN DREAMWEAVER 8 Nama : DIMAS ANDIKA NASUTION Nomor Induk Mahasiswa : 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 NIP

5 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

6 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.

7 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:

8 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.

9 vii DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv vi vii ix x Bab 1 Pendahuluan Latar Belakang Perumusan Masalah Batasan Masalah Tujuan dan Manfaat Penelitian Metode Penelitian Sistematika Penulisan 5 Bab 2 Landasan Teori Pengertian Komputer Pengenalan Internet Pengertian E-commerce Jenis-jenis e-commerce Tujuan menggunakan e-commerce dalam berbisnis Manfaat menggunakan e-commerce dalam dunia bisnis Pengenalan Website Pengertian HTML, PHP, dan MySQL Pengenalan HTML Pengenalan PHP Pengenalan MySQL CSS (Cascading Style Sheets) Pengertian Data, Informasi, dan Database Database management system (DBMS) Macromedia Dreamweaver Flowchart 24 Bab 3 Analisis Dan Perancangan Sistem Analisis Sistem Analisa Permasalahan Usulan dan Solusi Perancangan Sistem Data Flow Diagram (DFD) 29

10 viii Diagram Konteks Diagram Nol/Zero (Overview Diagram) Diagram Rinci (Level Diagram) Entity Relationship Diagram (ERD) Normalisasi Database Perancangan Struktur Database Flowchart Website Perancangan Tampilan Website 40 Bab 4 Implementasi Sistem Pengertian Implementasi Sistem Tujuan Implementasi Sistem Komponen Utama dalam Implementasi Sistem Perangkat keras (Hardware) Perangkat lunak (Software) Sumber daya manusia (Brainware) Tampilan Website 47 Bab 5 Kesimpulan dan Saran Kesimpulan Saran 57 Daftar Pustaka 58 Lampiran

11 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

12 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