Download to read offline
Uploaded byMiftah Saiful 'Arifin
6 Daftar Isi
This document provides an overview and table of contents for a thesis on developing an online store website using the Joomla content management system (CMS). The introduction discusses the background, problem statement, objectives, benefits and research methods. The theoretical foundation chapter covers concepts of systems, information, databases, web servers, HTML and components used - XAMPP, Apache, MySQL, Joomla, Virtuemart and tools like Photoshop and Dreamweaver. It includes a system flowchart. The design and development chapter describes the hardware, software and steps to install XAMPP, database, Joomla locally and then deploy the site to a web host, and install Virtuemart. The testing and results chapter includes flowcharts
More Related Content
6 Daftar Isi
- 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 SistemInformasi ........................................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.1Logo 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 TampilanBasis 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 HalamanControl 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 ScreenshotHalaman 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.1Aplikasi 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