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