Instalasi Web Server XAMPP

3. Resolusi monitor 1024 x 768 pixel dengan kedalaman warna 16 bit 4. Ram 128 MB atau lebih tinggi 5. Ruang Kosong Harddisk 5 GB atau lebih tinggi 6. Adobe Dreamweaver CS5 7. Adobe Photoshop CS4 8. XAMPP 9. Browser sebagai tempat media tampilan halaman website. Seperti: Mozilla atau Google Chrome.

4.3 Tampilan Antarmuka

Interface Aplikasi Interface dari aplikasi ini tidak mengutamakan animasi gerak ataupun suara, melainkan berupa teks. Jadi, penyampaian materi serta instruksi pemakaian aplikasi disampaikan dalam bentuk teks, seperti perintah untuk login, daftar dan pengerjaan soal.

4.3.1 Instalasi Web Server XAMPP

Untuk mendemonstrasikan atau mengaplikasikan media pembelajaran yang telah dibuat, dibutuhkan XAMPP sebagai sebuah software web server apache yang didalamnya sudah tersedia database server MySQL dan support PHP programming. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache , PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis. Berikut penjelasan tata cara penginstalan XAMPP: Universitas Sumatera Utara 1. Dalam hal ini penulis menggunakan XAMPP-win32-1.7.3. Klik dua-kali file XAMPP.exe kemudian akan segera akan muncul jendela seperti di bawah ini. Sebaiknya dipilih folder untuk instal destination folder pada drive C:\. Lalu klik [Install]. Gambar 4.1 Instalasi XAMPP 2. Proses instalasi sedang berlangsung. Universitas Sumatera Utara Gambar 4.2 Proses XAMPP 3. Pada saat proses instalasi berlangsung akan muncul jendela yang berisi pertanyaan: Apakah Anda perlu menaruh shortcuts di menu Start atau desktop? Jawab ya y dan tekan Enter. Gambar 4.3 Pertanyaan Instalasi XAMPP 4. Pada pertanyaan berikutnya, jawab saja dengan ya y dan Enter. Universitas Sumatera Utara Gambar 4.4 Pertanyaan Instalasi XAMPP 2 5. Pertanyaan berikutnya adalah tentang instalasi yang apakah perlu XAMPP ini bisa diinstal di USB drive sebagai aplikasi portabel. Kalau tetap instal di drive C:, jawablah pertanyaan dengan tidak n dan Enter. Dan sebaliknya, jawab ya bila ingin instal di USB drive. lalu tekan enter. Gambar 4.5 Pertanyaan Instalasi XAMPP 3 6. Berikutnya, tekan x untuk keluar atau tekan 1 bila ingin menjalankan XAMPP Control Panel. Universitas Sumatera Utara Gambar 4.6 Menjalankan Control Panel 7. Program XAMPP siap untuk digunakan dengan megklik tombol start pada jendela XAMPP. Gambar 4.7 Control Panel XAMPP 8. Untuk mengaktifkan XAMPP, pada control panel XAMPP klik [Start] pada Apache dan klik [Start] lagi pada MySQL, sehingga pada keduanya muncul tanda [Running]. Dengan demikian XAMPP sudah aktif. Universitas Sumatera Utara Gambar 4.8 Pengaktifan Apache dll 9. Sekarang jalankan di browser Internet dan ketik http:localhost. Pada tampilan XAMPP yang muncul, dipersilahkan memilih bahasa. Klik misalnya [English]. Selanjutnya akan muncul tampilan seperti di bawah ini. Universitas Sumatera Utara Gambar 4.9 XAMPP 10. Selesai

4.3.2 Proses Pengujian Media Pembelajaran Melalui Browser