Pembuatan Website Pada Distro Happy SundaySebagai Media Promosi Dan Informasi

Diajukan Kepada

Fakultas Teknologi Informasi

Untuk Memperoleh Gelar Ahli Madya Komputer

Oleh:Setya Adde Christiyanto

562010026

Program Studi Diploma Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

2013

i

Pembuatan Website Pada Distro Happy SundaySebagai Media Promosi dan Informasi

Laporan Tugas Akhir

Oleh:Setya Adde Christiyanto

562010026

Program Studi Diploma Teknik Informatika

Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana

Salatiga

2013

ii

iii

iv

v

KATA PENGANTAR

Segala puji syukur penulis panjatkan kehadiran Tuhan

Yang Maha Esa atas segala berkat dan anugerahnya yang sangat

luar biasa sehingga penulis dapat menyelesaikan penulisan

laporan Tugas Akhir ini. Penulisan laporan Tugas Akhir ini

dimaksudkan untuk memenuhi sebagian dari syarat dalam rangka

meraih gelar sarjana Ahli Madya Komputer pada Program Studi

Diploma Teknik Informatika Fakultas Teknologi Informasi

Universitas Kristen Satya Wacana Salatiga.

Penulis menyadari bahwa tanpa adanya bantuan dari

berbagai pihak, maka penulis tidak akan dapat menyelesaikan

Tugas Akhir ini dengan lancar. Oleh karena itu, pada kesempatan

ini penulis ingin menyampaikan terimakasih kepada

1. Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan

Fakultas Teknologi Informasi, Universitas Kristen Satya

Wacana.

2. Bapak Budhi Kristianto, S.Kom, M.Sc sebagai Ketua

Program Studi Teknik Informatika, Diploma Fakultas

Teknologi Informasi, Universitas Kristen Satya Wacana.

3. Sri Winarso Martyas Edy, S.Kom yang telah berkenan

meluangkan waktu untuk memberikan bimbingan dalam

penyusunan Tugas Akhir ini.

vi

4. Orang tua dan keluarga tercinta, yang memberikan

dukungan baik moril maupun materil kepada penulis

untuk selalu berusaha mencapai hasil yang terbaik.

5. Semua teman-teman D3 Teknik Informatika 2010 yang

telah memberikan doa, dukungan, serta kebersamaannya

selama ini.

6. Serta semua pihak yang tidak dapat penulis sebutkan satu

persatu.

Salatiga, 31 Juli 2013

Setya Adde Christiyanto

vii

DAFTAR ISI

Halaman

HALAMAN JUDUL ............................................................................. i

LEMBAR PENGESAHAN ................................................................... ii

LEMBAR PERNYATAAN BEBAS PLAGIASI .................................. iii

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI ................ iv

KATA PENGANTAR .......................................................................... v

DAFTAR ISI ......................................................................................... vii

DAFTAR GAMBAR ............................................................................ x

DAFTAR TABEL ................................................................................. xii

DAFTAR LAMPIRAN ......................................................................... xiii

BAB I PENDAHULUAN ..................................................................... 1

1.1 Latar Belakang Masalah ...................................................... 1

1.2 Tujuan ................................................................................. 2

1.2.1 Tujuan Umum ........................................................... 2

1.2.2 Tujuan Khusus .......................................................... 2

1.3 Rumusan Masalah ............................................................... 3

1.4 Batasan Masalah ................................................................. 4

1.5 Metodologi .......................................................................... 5

BAB II TINJAUAN PUSTAKA ........................................................... 8

2.1 Landasan Teori .................................................................... 8

2.1.1 Website ..................................................................... 8

2.1.2 Unsur - Unsur Website .............................................. 9

2.1.3 Promosi ..................................................................... 10

2.1.4 Internet Commerce .................................................... 11

2.1.5 Pengertian E-commerce ............................................ 12

2.1.6 Klasifikasi E-commerce ............................................ 13

2.1.7 Manfaat E-commerce ................................................ 14

viii

2.1.8 Keamanan E-commerce ............................................ 16

2.1.9 Konsep Dasar Basis Data .......................................... 18

2.1.10 Pemrograman Web ................................................... 21

BAB III PERANCANGAN SISTEM ................................................... 24

3.1 Flowchart ............................................................................ 24

3.2 Context Diagram.................................................................. 26

3.3 DFD (Data Flow Diagram) .................................................. 27

3.4 DFD (Data Flow Diagram) Level 1 ..................................... 30

3.4.1 DFD Level 1 Pengolahan Produk .............................. 30

3.4.2 DFD Level 1 Pengolahan Data Pesanan ................... 30

3.4.3 DFD Level 1 Pengolahan Buku Tamu ...................... 31

3.4.4 DFD Level 1 Pengolahan Data Member ................... 32

3.4.5 DFD Level 1 Pengolahan Laporan ............................ 33

3.5 ERD (Entity Relationalship Diagram) ................................. 35

3.6 Tabel dan Relasi .................................................................. 36

3.7 Jaringan Semantik Tampilan ............................................... 37

3.8 Lembar Kerja Tampilan ...................................................... 43

3.8.1 LKT Daftar Member Baru ........................................ 43

3.8.2 LKT Login Member .................................................. 45

3.8.3 LKT Pesan Barang Member ..................................... 47

3.8.4 LKT Isi Buku Tamu .................................................. 48

3.8.5 LKT Login Admin .................................................... 49

3.8.6 LKT Tambah Barang ................................................ 50

3.8.7 LKT Ganti Password Admin ..................................... 51

BAB IV HASIL DAN ANALISIS ........................................................ 52

4.1 Hasil Karya dan Implementasi ............................................ 52

4.1.1 Tampilan Utama Website ........................................ 52

4.1.2 Tampilan Halaman Admin ...................................... 55

ix

4.1.3 Tampilan Halaman Member ..................................... 59

4.2 Hasil Pengujian ................................................................... 62

4.3 Analisis ............................................................................... 62

BAB V PENUTUP ................................................................................ 63

5.1 Kesimpulan ......................................................................... 63

5.2 Saran-Saran ......................................................................... 64

DAFTAR PUSTAKA ........................................................................... 65

LAMPIRAN........................................................................................... 66

x

DAFTAR GAMBAR

Gambar 3.1 Flowchart Daftar Member ............................................... 25

Gambar 3.2 Transaksi Pembelian Member ........................................ 25

Gambar 3.3 Flowchart Admin ............................................................. 26

Gambar 3.4 Context Diagram Website Penjualan ............................... 27

Gambar 3.5 DFD Website Penjualan .................................................. 29

Gambar 3.6 DFD Level 1 Pengolahan Produk .................................... 30

Gambar 3.7 DFD Level 1 Pengolahan Data Pesanan .......................... 31

Gambar 3.8 DFD Level 1 Pengolahan Data Buku Tamu ................... 32

Gambar 3.9 DFD Level 1 Pengolahan Data Member ........................ 33

Gambar 3.10 DFD Level 1 Pembuatan Laporan .................................. 34

Gambar 3.11 ERD Website Penjualan ................................................. 36

Gambar 3.12 Relasi Website Penjualan ............................................... 37

Gambar 3.13 Jaringan Semantik Tampilan Produk Pada Admin ......... 38

Gambar 3.14 Jaringan Semantik Tampilan Pesanan Pada Admin ....... 39

Gambar 3.15 Jaringan Semantik Tampilan Member Pada Admin ....... 40

Gambar 3.16 Jaringan Semantik Tampilan Hubungi Pada Admin ....... 40

Gambar 3.17 Jaringan Semantik Tampilan Ganti Password Pada Admin

................................................................................................................ 41

Gambar 3.18 Jaringan Semantik Tampilan Produk Pada Member ....... 42

Gambar 3.19 Jaringan Semantik Tampilan Hubungi Kami Pada Member

................................................................................................................ 43

Gambar 3.20 Daftar Member Baru ....................................................... 44

Gambar 3.21 Laporan Member ............................................................ 45

Gambar 3.22 Login Member ................................................................ 46

Gambar 3.23 Halaman Member ........................................................... 46

Gambar 3.24 Pesan Produk Member .................................................... 47

Gambar 3.25 Laporan Pesan Produk Member ..................................... 48

Gambar 3.26 Isi Buku Tamu Member .................................................. 48

Gambar 3.27 Laporan Isi Buku Tamu Hapus Pesan ............................. 49

xi

Gambar 3.28 Login Admin.................................................................... 49

Gambar 3.29 Tambah Barang ............................................................... 50

Gambar 3.30 Hasil Tambah Barang ..................................................... 51

Gambar 3.31 Ganti Password Admin.................................................... 51

Gambar 4.1 Tampilan Halaman Utama................................................ 53

Gambar 4.2 Tampilan Halaman Tentang Kami ................................... 53

Gambar 4.3 Tampilan Halaman Produk............................................... 54

Gambar 4.4 Tampilan Halaman Hubungi Kami................................... 54

Gambar 4.5 Tampilan Halaman Login Admin .................................... 55

Gambar 4.6 Tampilan Halaman Update Barang Admin ...................... 56

Gambar 4.7 Tampilan Halaman Pesanan Admin ................................ 56

Gambar 4.8 Tampilan Hasil Data Pemesanan PDF File ...................... 57

Gambar 4.9 Tampilan Halaman Data Member Admin ........................ 57

Gambar 4.10 Tampilan Halaman Hubungi Kami Admin .................... 58

Gambar 4.11 Tampilan Halaman Ganti Password Admin ................... 58

Gambar 4.12 Tampilan Halaman Daftar Member................................ 59

Gambar 4.13 Tampilan Halaman Login Member................................. 59

Gambar 4.14 Tampilan Halaman Produk Member .............................. 60

Gambar 4.15 Tampilan Halaman Pembelian ....................................... 61

Gambar 4.16 Tampilan Hubungi Kami ................................................ 61

xii

DAFTAR TABEL

Tabel 4.1 Tabel Hasil Pengujian Website Happy Sunday .................... 62

xiii

DAFTAR LAMPIRAN

Kode Program ....................................................................................... 66