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

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

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

4. xi
BAB V PENUTUP
A. Kesimpulan ......................................................................... 78
B. Saran ................................................................................... 79
DAFTAR PUSTAKA

5. 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.2Tampilan 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

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

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

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

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