viii

DAFTAR ISI

Halaman

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

HALAMAN PERSETUJUAN ..................................................................... ii

HALAMAN PENGESAHAN ...................................................................... iii

HALAMAN PERSEMBAHAN .................................................................. iv

ABSTRAK .................................................................................................... v

KATA PENGANTAR .................................................................................. vi

DAFTAR ISI ................................................................................................. viii

DAFTAR GAMBAR ................................................................................... xii

DAFTAR FLOWCHART ............................................................................ xvi

BAB I PENDAHULUAN

A. Latar Belakang .................................................................. 1

B. Batasan Masalah .............................................................. 3

C. Rumusan Masalah ............................................................... 3

D. Tujuan Penulisan ................................................................ 4

E. Manfaat Penulisan .............................................................. 4

F. Metode Penulisan ............................................................... 5

BAB II LANDASAN TEORI

A. Landasan Teori ....................................................................7

1. Pengertian Sistem ........................................................ 7

2. Pengertian Informasi .................................................... 7

ix

3. Pengertian Sistem Informasi ........................................ 8

4. Pengertian Penjualan .................................................... 9

5. Pengertian Basis Data (Database) ................................ 9

6. Web Server ................................................................. 10

7. Web Browser .............................................................. 10

8. Hyper Text Markup Language (HTML) ...................... 10

B. Komponen Yang Mendukung ............................................. 11

1. XAMPP ...................................................................... 11

2. Apache ........................................................................ 12

3. MySQL ........................................................................ 13

4. CMS ............................................................................. 13

5. Joomla! ........................................................................ 14

6. Virtuemart .................................................................... 15

7. FileZilla ...................................................................... 16

8. Adobe Photoshop CS 4 ................................................ 17

9. CorelDRAW X5 .......................................................... 17

10. Adobe Dreamweaver CS 6 ......................................... 18

11. Hostinger (IdHostinger) ............................................. 19

C. Flowchart ........................................................................... 20

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

A. Hardware dan Software .......................................................22

1. Perangkat Keras .......................................................... 22

2. Perangkat Lunak .......................................................... 22

x

B. Perancangan Sistem ............................................................ 23

1. Instalasi XAMPP for Windows ................................... 23

2. Instalasi Database ........................................................ 28

3. Instalasi dan Pengaturan Joomla! 2.5.7 ....................... 31

C. Pembuatan Sistem ............................................................... 46

1. Pendaftaran Web Hosting ............................................ 47

2. Instalasi Joomla! pada Hostinger ................................. 50

3. Upgrade Joomla! V. 1.7.3 ke V. 2.5.7 ......................... 52

4. Instalasi FileZilla ........................................................ 55

5. Migrasi Web ke Hosting .............................................. 58

6. Instalasi Virtuemart ...................................................... 61

BAB IV UJI COBA DAN HASIL

A. Flowchart Program ..............................................................63

1. Flowchart Aplikasi Halaman Web ............................... 63

2. Flowchart Halaman Produk ......................................... 64

3. Flowchart Halaman Harga Produk ............................. 65

4. Flowchart Halaman Toko Offline ................................ 65

5. Flowchart Halaman Kontak ......................................... 66

B. Pengujian Alat ..................................................................... 67

C. Hasil Penelitian ................................................................... 71

D. Analisa ............................................................................... 75

xi

BAB V PENUTUP

A. Kesimpulan ......................................................................... 78

B. Saran ................................................................................... 79

DAFTAR PUSTAKA

xii

DAFTAR GAMBAR

Halaman

Gambar 2.1 Logo XAMPP ....................................................................... 12

Gambar 2.2 Logo Apache ......................................................................... 12

Gambar 2.3 Logo MySQL ........................................................................ 13

Gambar 2.4 Logo Joomla! ........................................................................ 14

Gambar 2.5 Halaman Utama Virtuemart.net ............................................ 15

Gambar 2.6.1 Logo FileZilla ....................................................................... 16

Gambar 2.6.2 Tampilan Awal FileZilla ....................................................... 16

Gambar 2.7 Tampilan Adobe Photoshop CS 4 ......................................... 17

Gambar 2.8 Tampilan Corel Draw X5 ......................................................18

Gambar 2.9 Tampilan Adobe Dreamweaver CS 6 ................................... 19

Gambar 2.10 Tampilan www.idhostinger.com ........................................... 19

Gambar 3.1 Tampilan Awal Instalasi XAMPP ........................................ 24

Gambar 3.2 Tampilan Memilih Komponen .............................................. 25

Gambar 3.3 Tampilan Lokasi Instalasi XAMPP ...................................... 25

Gambar 3.4 Tampilan Proses Instalasi ..................................................... 26

Gambar 3.5 Tampilan Instalasi Sudah Selesai ..........................................26

Gambar 3.6 Tampilan Start XAMPP Control Panel ................................. 27

Gambar 3.7 Tampilan XAMPP Control Panel ......................................... 27

Gambar 3.8 Tampilan Localhost .............................................................. 28

Gambar 3.9 Tampilan Awal phpMyAdmin .............................................. 29

xiii

Gambar 3.10 Tampilan Basis Data ............................................................. 29

Gambar 3.11.1/2 Tampilan Hak Akses ....................................................... 30

Gambar 3.11.3 Tampilan Tambahkan Pengguna ........................................ 31

Gambar 3.12 Tampilan Ekstrak File Joomla! ............................................. 33

Gambar 3.13 Step 1 – Choose Language ................................................... 34

Gambar 3.14 Step 2 – Pre-Installation Check ............................................. 34

Gambar 3.15 Step 3 – License .................................................................... 35

Gambar 3.16 Step 4 – Database Configuration ........................................... 36

Gambar 3.17 Step 5 – FTP Configuration .................................................. 37

Gambar 3.18 Step 6 – Main Configuration ................................................. 37

Gambar 3.19 Step 7 – Finish ....................................................................... 39

Gambar 3.20 Halaman Login Administrator Joomla! ................................. 40

Gambar 3.21 Halaman Control Panel Joomla ............................................. 41

Gambar 3.22 Halaman Konfigurasi Global ................................................. 43

Gambar 3.23 Halaman Extension Manager ................................................ 45

Gambar 3.24 Halaman Template Manager ................................................. 45

Gambar 3.25.1 Halaman Default Template Joomla! .................................. 46

Gambar 3.25.2 Halaman Template Yang Sudah Di Install ........................ 46

Gambar 3.26 Form Pendaftaran Hostinger ................................................. 47

Gambar 3.27 Tampilan Menu Hosting ........................................................ 48

Gambar 3.28 Halaman Order! Hostinger .................................................... 48

Gambar 3.29 Halaman pendaftaran Akun .................................................. 49

Gambar 3.30 Akun berhasil dibuat ............................................................. 49

xiv

Gambar 3.31 Halaman Control Panel Hostinger ......................................... 50

Gambar 3.32 Halaman Auto Installer Hostinger ......................................... 51

Gambar 3.33 Halaman Instalasi Joomla ...................................................... 51

Gambar 3.34 Halaman Extension Manager ................................................ 52

Gambar 3.35 Halaman joomla.org .............................................................. 53

Gambar 3.36 Halaman Download Joomla! ................................................. 53

Gambar 3.37 Tampilan Install Eror ............................................................. 54

Gambar 3.38 Tampilan Link di IDM .......................................................... 55

Gambar 3.39 Halaman Control Panel Hostinger ..... ................................... 56

Gambar 3.40 Tampilan Awal FileZilla ....................................................... 57

Gambar 3.41 Proses Upload File ke Hosting .............................................. 57

Gambar 3.42 Halaman Error ....................................................................... 58

Gambar 3.43 Halaman Database MySQL Hostinger .................................. 59

Gambar 3.44 Tampilan Editing Configuration.php .....................................60

Gambar 3.45 File Komponen Virtuemart ....................................................61

Gambar 3.46 Instalasi Virtuemart Berhasil ................................................. 62

Gambar 3.47 Halaman Control Panel Virtuemart ....................................... 62

Gambar 4.1 Halaman Description Produk .................................................. 68

Gambar 4.2 Kotak Dialog Add to Cart ....................................................... 69

Gambar 4.3 Halaman Login ........................................................................ 69

Gambar 4.4 Form Shipment Address .......................................................... 70

Gambar 4.5 Kotak Dialog Terms of Service ............................................... 70

Gambar 4.6 Screenshot Halaman Utama .................................................... 71

xv

Gambar 4.7 Screenshot Halaman Produk ....................................................72

Gambar 4.8 Screenshot Halaman Harga Produk ......................................... 73

Gambar 4.9 Screenshot Halaman Toko Offline .......................................... 74

Gambar 4.10 Screenshot Halaman Kontak ................................................. 74

xvi

DAFTAR FLOWCHART

Halaman

Flowchart 4.1 Aplikasi Halaman Web ........................................................ 63

Flowchart 4.2 Halaman Produk ................................................................... 64

Flowchart 4.3 Halaman Harga Produk ........................................................ 65

Flowchart 4.4 Halaman Toko Offline ......................................................... 66

Flowchart 4.5 Halaman Kontak ................................................................... 67

Flowchart 4.6 Sistem Lama ......................................................................... 76

Flowchart 4.7 Sistem Baru .......................................................................... 76