Perancangan Antarmuka Perancangan Sistem

1. Gambar 3.7 antarmuka web server, terdapat check box, keterangan judul lagu, dan tombol simpan playlist. dalam antar muka web server terdapat fungsi yang berbeda, seperti yang di jelaskan pada tabel 3.1 di bawah ini. Simpan Playlist a b c Gambar 3.7 Antarmuka Web Server Keterangan : Tabel 3.1 Keterangan Antarmuka Web Server a : Merupakan check box, untuk memilih lagu yang di inginkan. b : Merupakan text lagu, menampilkan judul lagu. c : Untuk tombol simpan lagu yang telah di pilih. 2. Gambar 3.8 antarmuka menu player, terdapat 7 buah tombol yaitu: tombol previous, tombol pause, tombol stop, tombol play, tombol next, tombol volume, dan tombol playlist. dalam setiap tombol pada menu player, terdapat fungsi yang berbeda, funsi tombol akan di jelaskan pada tabel 3.2 di bawah ini. Gambar 3.8 Antarmuka Menu Player Keterangan : Tabel 3.2 Keterangan Menu Player a : Untuk menampilkan nama penyayinya b : Untuk menampilkan judul lagu yang diputar c : Merupakan keterangan durasi dari lagu yang diputar d : Uuntuk jalan putarnya lagu A : Untuk tombol previous data lagu sebelumnya B : Untuk tombol pause lagu yang sedang diputar C : Untuk tombol stop lagu yang sedang diputar D : Untuk tombol play lagu E : Untuk tombol next data lagu berikutnya F : Untuk pengaturan volume lagu G : Untuk membuka form playlist 2. Gambar 3.9 antarmuka menu playlist, terdapat 3 tombol yaitu tombol tambah, tombol hapus semua, dan tombol hapus. Pada menu playlist ini pengguna bisa melakukan tiga aktivitas yaitu menmabah lagu dengan menekan tambah, menghapus lagu dengan menekan hapus, dan menghapus semua lagu dalam playlist dengan menekan hapus semua. Gambar 3.9 Antarmuka Menu Playlist Keterangan : Tabel 3.3 Keterangan Menu Playlist a : Untuk menampilkan nama judul b : Untuk menampilkan nama artis c : Untuk menampilkan keterangan durasi lagu A : Untuk tombol tambah lagu B : Untuk tombol simpan lagu C : Untuk tombol hapus lagu

BAB IV IMPLEMENTASI SISTEM

4.1 Lingkungan Implementasi

Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat lunak yang digunakan pada implementasi sistem ini. Perangkat Keras : Dibutuhkan satu Personal Computer dengan prosesor minimal Pentium II 266, memori 64 Mb Windows 98 atau 128 Windows XP, Harddisk dengan kapasitas minimal 40 Gb dan VGA Card minimal 4 Mb. Perangkat Lunak : - Sistem Operasi Windows XP. - Dreamweaver 8 untuk mendesain aplikasi ini. Selain Personal Computer, perangkat lain yang digunakan untuk implementasi sistem yaitu laptop dengan spesifikasi berikut: Perangkat Lunak: - Microsoft Windows XP SP2 - Dreamweaver CS3 atau Dreamweaver CS4 - Adobe Extension Manager CS3 - Java JRE 1.4 diperlukan untuk menciptakan Adobe AIR file. Java JRE tersedia di http:java.sun.com. - PHP yang digunakan untuk Web Server - Web server menggunakan apache 2.2 51

4.2 Instalasi Apache

Paket Apache untuk Windows disediakan dalam bentuk installer, atau msi Microsoft Installer. Setelah didownload, jalankan langsung file tersebut dan kita ikuti proses instalasi apache. Pilih mode custom ketika proses instalasi, sehingga kita bisa merubah direktori tempat apache akan diinstal. Jadikan C:\webapp sebagai direktori tempat instalasi apache. Ketika ada pilihan apakah apache akan dijalankan sebagai service, atau dijalankan secara manual, pilih untuk dijalankan secara manual. Setelah proses instalasi selesai, kita dapat menjalan server Apache melalui menu yang sudah tersedia di start menu. Pastikan juga bahwa tidak ada server web yang sedang berjalan di komputer kita. Untuk menjalankan Apache dapat juga dengan menjalankan langsung file Apache.exe yang ada di direktori C:\webapp\Apache. Setelah server Apache berjalan, uji menggunakan web browser. Jalankan Internet Explorer atau web browser lain, lalu buka alamat http:localhost Jika sudah terlihat halaman yang berisi informasi oleh Apache, berarti server Apache sudah berjalan dengan baik. Untuk mematikan Apache, jalankan perintah berikut dari menu Run... di start menu C:\webapp\Apache\Apache.exe -k shutdown.

4.3 Instalasi AIR SDK untuk Windows

AIR SDK berisi baris perintah berikut tools yang kita gunakan untuk memulai dan paket aplikasinya adalah AIR Debug Launcher ADL, ADL