III.
INSTALASI SOFTWARE
Software Sistem Informasi Persistent Organic Pollutants (SIPOP) versi 1.0 merupakan aplikasi berbasis web yang hanya dapat digunakan dalam modus online melalui jaringan intranet atau internet. Aplikasi ini membutuhkan beberapa aplikasi server, diantaranya server web, server database dan php processor. Aplikasi server ini merupakan free open source software (FOSS) yang dapat diunduh secara gratis dan legal dari internet. Ada beberapa pilihan paket software ini di antaranya adalah PhpTriad dan Xampp. Software SIPOP menggunakan Xampp versi 1.8.2 untuk sistem operasi MS Windows yang dapat diunduh dari alamat situs “APACHE FRIENDS – XAMPP for Windows” di: “http://www.apachefriends.org/en/xampp-windows.html” dengan nama file installernya adalah “xampp-win32-1.8.2-0-VC9-installer.exe” untuk versi lengkap dan “xampp-portable-win32-1.8.2-0-VC9-installer” untuk versi minimalisnya. Di dalam CDROM Software SIPOP Versi 1.0 ini, juga telah disediakan software installer Xampp, sehingga Anda tidak perlu mengunduh lagi dari situsnya. Xampp versi 1.8.2 ini terdiri dari program server inti sebagai berikut : Server web : Apache 2.4.4 Server database : MySQL 5.5.32 Php Processor : PHP 5.4.16 Aplikasi Admin : phpMyAdmin 4.0.4
Gambar 2. Situs Xampp for Windows -2-
Prosedur instalasi paket Software Sistem Informasi Persistent Organic Pollutants (SIPOP) versi 1.0 dilakukan dengan dua tahap, yaitu : yang pertama adalah menginstalasikan aplikasi server Xampp, dan yang kedua adalah menginstalasikan aplikasi web SIPOP. Berikut ini adalah prosedur instalasi kedua tahapan tersebut. 3.1. Instalasi Aplikasi Server Xampp Karena Xampp merupakan program berbasis client-server, maka sebaiknya yang melakukan instalasi aplikasi server ini adalah pengguna dengan kategori administrator. Pastikan Anda login ke dalam MS Windows melalui akun ‘Administrator’. Berikut ini akan dijelaskan secara singkat prosedur instalasi aplikasi Server Xampp. Penjelasan secara detail ada dalam situs ”APACHE FRIENDS – XAMPP for Windows” yang dapat dibaca melalui koneksi jaringan internet terlebih dahulu. Prosedur instalasi aplikasi server Xampp dapat dilakukan dalam dua cara, yaitu : cara pertama instalasi menggunakan program setup installernya dan cara kedua adalah instalasi dan menggunakan program setup. Prosedur instalasi dengan cara pertama adalah cara yang paling mudah dilakukan, yaitu : 1. Masukkan CDROM SIPOP ke dalam CDROM drive. 2. Komputer secara otomatis akan menjalankan autorun program. Pilih ikon Instalasi Aplikasi Server Xampp Versi 1.8.2.
Gambar 3. Setup Wizard dan Xampp Installer 3. Jika program setup wizard mendeteksi adanya program antivirus pada komputer, maka proses instalasi bisa saja menjadi lambat dan pesan ini akan ditampilkan di layar monitor. Klik ikon [Yes] untuk melanjutkan proses instalasi. -3-
Gambar 4. Setup Wizard Mendeteksi Adanya Program Antivirus 4. Kemudian komputer akan menampilkan peringatan yang isinya menerangkan bahwa program installer menyarankan untuk menghindari instalasi Xampp ke dalam direktori ’C:\Program Files (x86)’ karena tidak cukupnya izin akses installer ke dalam direktori ini. Klik tombol [OK] untuk melanjutkan instalasi ke dalam direktori SELAIN ’C:\Program Files’.
Gambar 5. Peringatan Pesan Jika Instalasi dilakukan di C:\Program Files 5. Klik tombol [Next] untuk melanjutkan dan ikuti prosedur berikutnya, yaitu gunakan direktori seperti yang disarankan oleh program installer yaitu ’Destination Folder’ di C:\XAMPP.
Gambar 6. Pesan Selamat Datang Setup Wizard Xampp -4-
6. Pada window ini program setup menyajikan pilihan komponen program server yang secara default semua komponen terentang/terpilih. Pilih hanya server Apache, MySQL, PHP, Perl dan phpMyAdmin dengan menghilangkan centang pada program Tomcat dan Fake Sendmail. Kllik ikon [Next] untuk melanjutkan proses berikutnya.
Gambar 7. Pilihan Program Komponen Server 7. Kemudian pada window ini program setup akan menyediakan pilihan folder untuk instalasinya yang secara default akan diinstalasikan ke dalam folder c:\xampp. Klik ikon [Next] untuk melanjutkan proses berikutnya.
Gambar 8. Penulisan Nama Lokasi Folder -5-
8. Jika dirasa perlu untuk mengubah lokasi folder/direktori, klik ikon folder untuk menentukan lokasinya. Klik menu [Make New Folder] untuk membuat nama folder/direktori yang diinginkan. Klik ikon [OK] untuk menetapkan direktori pilihan.
Gambar 9. Merubah Lokasi dan Nama Folder/Direktori Tujuan Instalasi 9. Pada window berikutnya program setup wizard akan menginformasikan aplikasi prgram BitNami yang juga dapat diinstalasikan untuk mendukung pengembangan aplikasi berbasis web menggunakan Xampp ini. Pastikan tanda centangnya tetap ada pada menu ‘Learn more about Bitami for XAMPP’ dan klik ikon [Next] untuk membuka situs BitNami. Jika tidak ingin membukanya hilangkan tanda centang tersebut dan klik ikon [Next] untuk melanjutkan proses instalasi.
Gambar 10. Informasi Lain Untuk Mendukung XAMPP dari BitNami
-6-
10. Langkah berikutnya program setup akan menampilkan pesan bahwa proses intalasi sudah siap untuk dimulai. Klik ikon [Next] untuk memulai proses instalasi ke dalam komputer.
Gambar 11. Tampilan Proses Instalasi Software 11. Jika proses unpacking files dan instalasi sudah selesai, klik ikon [Finish] untuk selesai dari program setup wizard Xampp dan menjalankan program control panel.
Gambar 12. Window Menyelesaikan Setup Wizard -7-
12. Program XAMPP Control Panel versi 3.2.1 yang telah diinstalasikan akan muncul ke layar monitor seperti gambar di bawah ini. Klik ikon [Start] pada modul Apache dan MySQL untuk menjalankan program server web apache dan program server database MySQL.
Gambar 13. Aplikasi Control Panel XAMPP Dalam window control panel Xampp terdapat status aktifasi program server, yaitu :
Server Web : Apache (berlatar belakang hijau) dengan proses ID (PID) dan nomor Ports aktif Server Database : Mysql (berlatar belakang hijau) dengan proses ID (PID) dan nomor Ports aktif
13. Jika diperlukan untuk mengubah status aktivasi, kilik ikon [Stop] untuk mematikan layanan program server. Klik ikon [Start] untuk mengkatifkan kembali layanan program server. Klik ikon [Admin] untuk mengkatifkan menu administrator. Klik ikon [Config] untuk menyunting file konfigurasi server. Klik ikon [Log] untuk menampilkan file log/catatan pengoperasian program Xampp. 14. Struktur direktori instalasi program server XAMPP adalah seperti pada gambar berikut. Yang perlu diperhatikan dalam struktur direktori/folder ini adalah :
Direktori/folder c:\xampp\apache\conf untuk menyimpan file-file konfigurasi program server web apache. Aplikasi SIPOP memerlukan program server web apache agar dapat bekerja dan diakses melalui jaringan intranet atau internet. Direktori/folder c:\xampp\htdocs untuk menyimpan file dokumen hypertext. Aplikasi SIPOP akan diinstalasikan ke dalam direktori/folder ini. -8-
Direktori/folder c:\xampp\mysql\data untuk menyimpan file database mysql. Database POPs dan B3 serta database Teknologi pada aplikasi SIPOP juga akan diinstalasikan ke dalam direktori/folder ini.
Gambar 14. Struktur Direktori Instalasi Program Server XAMPP 15. Informasi lengkap dan petunjuk pengoperasian program control panel Xampp dapat dilihat melalui menu [Help] yang telah disediakan dan tidak dijelaskan dalam buku petunjuk pengoperasian software SIPOP ini. 16. Setelah terinstalasi program server Xampp akan mengaktifkan server web dan database secara otomatis pada saat komputer booting pertama kali. Jika tidak berjalan, maka dapat diaktifkan secara manual melalui Start Menu Apache Friend Xampp Control Panel. Gambar berikut ini menunjukan cara menjalankan program Xamp control panel melalui program manager MS Windows 7. -9-
Gambar 15. Menjalankan Xampp Control Panel 3.2. Uninstall Aplikasi Server Xampp
Jika diperlukan aplikasi server xampp dapat dihapus dengan melakukan prosedur standar uninstall dari MS Windows Control Panel. Berikut ini adalah langkah-langkah yang harus dilakukan jika ingin untuk menghapus aplikasi server Xampp dari dalam komputer. 1. Klik ikon [Start] di bagian bawah kiri windows menu bar. 2. Klik All Program Apache Friends XAMPP Uninstall, atau 3. Klik ikon [Start] menu [Control Panel] dan buka window control panel.
Gambar 16. Start Menu Menjalankan Control Panel - 10 -
4. Setelah muncul window control panel, klik menu Program Program and Features Uninstall a program atau langsung klik menu [Uninstall a program] untuk membuka daftar program yang terinstalasi di dalam komputer.
Gambar 17. Window Control Panel 5. Pilih XAMPP dalam daftar dan klik tombol menu [Uninstall] untuk mulai menghapus aplikasi dari dalam komputer.
Gambar 18. Daftar Aplikasi Terdaftar Dalam Control Panel - 11 -
6. Program installer akan mengkonfirmasikan sebelum proses uninstall dimulai. Klik ikon [Yes] untuk melanjutkan proses berikutnya.
Gambar 19. Window Uninstall Xampp 7. Program installer juga akan mengkonfirmasikan apakah folder penyimpanan dokumen hypertext di C:\xampp\htdocs juga akan dihapus atau tidak. Klik ikon [Yes] untuk mulai menghapusnya juga jika diinginkan atau klik ikon [No] untuk tetap menyimpannya di dalam komputer. Pilihan ikon [No] lebih disarankan.
Gambar 20. Konfirmasi Penghapusan Folder/Direktori Dokumen Hypertext 8. Window berikut adalah proses uninstall / penghapusan program Xampp dari dalam komputer. Jika telah selesai klik ikon [Ok] pada window informasinya.
Gambar 21. Proses Uninstall Telah Selesai Dilakukan - 12 -
3.3. Instalasi Aplikasi Web SIPOP Setelah instalasi program server Xampp selesai diinstalasikan, langkah selanjutnya adalah instalasi aplikasi Web SIPOP. Urutan instalasi aplikasi ini harus dilakukan sesudah instalasi program web server Xampp dan tidak boleh terbalik. Berikut ini adalah tahapan untuk melakukan instalasi aplikasi web SIPOP. 1. Masukkan CDROM SIPOP ke dalam CDROM drive. Komputer secara otomatis akan menjalankan autorun program. Pilih ikon Instalasi Software SIPOP Versi 1.0.
Gambar 22. Setup Wizard Aplikasi Web SIPOP 2. Klik tombol [Next], kemudian ketikkan password yang diperlukan untuk proses instalasi software. Password untuk paket software Sistem Informasi POPs Versi 1.0 ini adalah : “xxxx-xxxx-xxxx-xxxx” (lihat stiker). Klik tombol [Next] setelah diisi untuk melanjutkan.
Gambar 23. Password Instalasi Aplikasi Web SIPOP - 13 -
3. Ketikkan nama shortcut program jika Anda ingin mengganti yang sudah ada atau gunakan nama yang tertera pada kolom. Klik ikon [Browse] jika ingin menggunakan nama direktori/folder yang sudah ada di dalam komputer. Setelah selesai Klik tombol [Next] untuk melanjutkan langkah berikutnya.
Gambar 24. Pengisian Nama Folder Pada Start Menu Aplikasi Web SIPOP 4. Klik checkbox 'Create a desktop icon' dan ‘Create a Quick Launch icon’ untuk membuat ikon pada desktop dan Task Bar. Setelah selesai Klik tombol [Next] untuk melanjutkan langkah berikutnya.
Gambar 25. Pemilihan Additional Icons - 14 -
5. Klik tombol [Next], kemudian komputer akan menampilkan status piilihan setting terakhir ke layar monitor.
Gambar 26. Konfirmasi Setting Setup Wizard Aplikasi Web SIPOP 6. Klik tombol [Install] untuk mulai menginstalasikan software, klik tombol [Back] jika ingin mengubah setting instalasi, atau klik tombol [Cancel] untuk membatalkan proses instalasi. Setup wizard akan menampilkan progres instalasi ke layar monitor jika tombol [Next] dipilih.
Gambar 27. Progres Instalasi Aplikasi Web SIPOP - 15 -
7. Komputer akan menampilkan proses instalasi dan terakhir menampilkan pesan tentang hak cipta aplikasi ini. Baca informasi yang ada dalam Readme File ini. Klik tombol [Next] setelah selesai membacanya.
Gambar 28. Isi File Readme Aplikasi Web SIPOP 8. Selanjutnya klik checkbox 'Jalankan Program SIPOP’ untuk menjalankan aplikasi setelah proses instalasi selesai. Klik tombol [Finish] untuk keluar dari setup program dan klik ikon [Keluar] pada program Autorun Setup Wizard Aplikasi Web SIPOP
Gambar 29. Check Box Untuk Menjalankan Program Aplikasi Web SIPOP - 16 -
Setelah proses instalasi selesai, program Setup Wizard akan membuatkan sebuah folder/direktori baru pada menu [Start] [Program] dengan nama [SIPOP Versi 1.0] atau nama lain yang ditentukan pada saat di awal instalasi. Selain itu program Setup Wizard juga akan membuatkan beberapa menu ikon pada folder ini, yaitu :
Ikon Program SIPOP Versi 1.0 untuk menjalankan program aplikasi web Sistem Informasi POPs.
Ikon Petunjuk Pengoperasian untuk pengoperasian software sistem informasi ini.
Ikon Readme File untuk membuka dokumentasi dalam format PDF yang berisi penjelasan umum tentang software ini.
Ikon Uninstall Program untuk menghapus program SIPOP Versi 1.0 ini dari sistem komputer.
membuka
dokumentasi
petunjuk
Selain itu pada Desktop Window dan pada Task Bar juga akan dibuatkan shortcut ikon, sehingga software Sistem Informasi POPs ini dapat dijalankan melalui menu Start Program atau melalui desktop window.
Gambar 30. Shortcut Icon Pada Start Menu dan Desktop Window - 17 -
Sistem software sistem informasi teknologi pengolahan air yang telah terinstalasikan ke dalam hard disk komputer akan membuat struktur direktori sebagai berikut : C:/XAMPP/ -> | +--.... -> | +--htdocs/ -> | | | +--sipop/ -> | | | +--Bahaya/ -> | | | +--Cgi/ -> | | | +--DBPopsB3/ -> | | | +--DBTeknologi/ -> | | | +--Foto/ -> | | | +--Images/ -> | | | +--Iptek3/ -> | | | +--Java/ -> | | | +--Patek/ -> | | | +--POPs/ -> | | | +--Regulasi/ -> | | | +--Video/ -> | +--.... -> | +--mysql/ -> | | | +--data/ -> | | | +--sipop/ ->
root direktori program inti apliasi sub direktori lain folder untuk menyimpan dokumen hypertext folder untuk aplikasi SIPOP folder untuk menyimpan foto bahaya POPs folder untuk menyimpan mesin database folder untuk menyimpan DB POPs dan B3 folder untuk menyimpan DB Teknologi folder untuk menyimpan aplikasi foto POPs folder untuk menyimpan file gambar folder untuk menyimpan artikel iptek POPs folder untuk menyimpan program javascript folder untuk menyimpan paket teknologi folder untuk menyimpan artikel bahan POPs folder untuk menyimpan regulasi POPs folder untuk menyimpan video klip POPs sub folder lain folder server database mysql folder data database mysql folder data database SIPOP
Gambar 31. Struktur Direktori Aplikasi SIPOP Struktur direktori di atas adalah mutlak harus mengikuti nama-nama seperti contoh di atas. Tidak boleh diubah atau dikurangi. Boleh ditambahkan nama subdirektori baru jika diperlukan. Jika salah satu file atau subdirektori di atas tidak lengkap ada kemungkinan program akan tidak dapat berjalan dengan baik. 3.3.1. Penggunaan Direktori c:\xampp\htdocs\SIPOP Htdocs adalah singkatan dari hypertext documents yang berarti dokumen multi media yang dapat berisi tulisan, gambar, animasi, musik bahkan video. Direktor atau folder c:\xampp\htdocs adalah root direktori atau direktori awal untuk semua dokumen hypertext yang akan dipublikasikan melalui jaringan internet. Semua dokumen hypertext dan program mesin database yang dikembangkan untuk mendukung software SIPOP diletakkan ke dalam folder SIPOP yang berada di dalam direktori/folder htdocs ini, yaitu di : c:\xampp\htdocs\SIPOP. - 18 -
Nama direktori/folder c:\xampp\htdocs\SIPOP adalah mutlak dan tidak dapat / tidak boleh diubah karena konfigurasi sistem software SIPOP menggunakan nama itu, sehingga perubahan nama dapat menyebabkan aplikasi SIPOP tidak dapat berjalan dengan baik. Di dalam direktori / folder ini terdapat beberapa direktori / folder pendukung lain yang juga tidak boleh diubah atau pun dihapus, yaitu : Direktori/folder c:\xampp\htdocs\SIPOP\Bahaya : direktori yang digunakan untuk menyimpan file-file foto tentang bahaya yang ditimbulkan oleh pencemar POPs. Direktori/folder c:\xampp\htdocs\SIPOP\Cgi : direktori common gateway interface (CGI) yang digunakan untuk meletakkan program pembuatan dokumen PDF yang sudah dikonfigurasikan dalam aplikasi sistem pelaporan data SIPOP. Direktori/folder c:\xampp\htdocs\SIPOP\DBPopsB3 : direktori yang digunakan untuk menyimpan aplikasi database pengelolaan data POPs dan B3 Direktori/folder c:\xampp\htdocs\SIPOP\DBTeknologi : direktori yang digunakan untuk menyimpan aplikasi database teknologi lingkungan. Direktori/folder c:\xampp\htdocs\SIPOP\Foto : direktori yang digunakan untuk menyimpan foto-foto lain tentang POPs. Direktori/folder c:\xampp\htdocs\SIPOP\Images : direktori yang digunakan untuk meletakkan file-file gambar pada aplikasi SIPOP. Direktori/folder c:\xampp\htdocs\SIPOP\Iptek : direktori yang digunakan untuk menyimpan artikel tentang iptek yang berhubungan dengan POPs. Direktori/folder c:\xampp\htdocs\SIPOP\Java : direktori yang digunakan untuk menyimpan program javascript yang digunakan untuk menyusun menu SIPOP. Direktori/folder c:\xampp\htdocs\SIPOP\Patek : direktori yang digunakan untuk meletakkan file-file dokumentasi paket teknologi (patek). Direktori/folder c:\xampp\htdocs\SIPOP\POPs : direktori yang digunakan untuk menyimpan artikel lengkap tentang 22 bahan POPs yang telah dilarang digunakan. Direktori/folder c:\xampp\htdocs\SIPOP\Regulasi : direktori yang digunakan untuk menyimpan file-file berisi regulasi yang mengatur penggunaan POPs. Direktori/folder c:\xampp\htdocs\SIPOP\Video : direktori yang digunakan untuk menyimpan galeri video klip tentang POPs. 3.3.2. Penggunaan Direktori c:\xampp\mysql\data\SIPOP Mysql adalah aplikasi server database sederhana yang dapat digunakan untuk pengelolaan data berbasis web. Mysql merupakan salah satu keluarga free open source software (FOSS) yang bebas untuk diunduh dan digunakan oleh pengguna internet. Direktori/folder c:\xampp\mysql\data adalah direktori yang digunakan untuk meletakkan file-file database oleh server database mysql. Direktori / folder SIPOP yang berada di dalam direktori/folder data ini merupakan direktori yang berisi file database POPs dan B3 serta database teknologi yang dikonfigurasikan dalam aplikasi SIPOP melalui path direktori/folder c:\xampp\mysql\data\SIPOP. Nama direktori/folder c:\xampp\mysql\data\SIPOP adalah mutlak dan tidak dapat / tidak boleh diubah karena konfigurasi sistem software SIPOP menggunakan nama itu, sehingga perubahan nama direktori/folder tersebut dapat menyebabkan aplikasi SIPOP tidak dapat berjalan dengan baik. Di dalam direktori / folder ini terdapat beberapa file database yang juga tidak boleh diubah atau pun dihapus, yaitu : c:\xampp\mysql\data\SIPOP\bahaya.frm digunakan untuk mengelola tabel bahaya dalam database POPs dan B3 pada aplikasi SIPOP. c:\xampp\mysql\data\SIPOP\kategori.frm digunakan untuk mengelola tabel kategori teknologi dalam database teknologi pada aplikasi SIPOP. c:\xampp\mysql\data\SIPOP\popdanb3.frm digunakan untuk mengelola tabel data POPs dan B3 pada aplikasi SIPOP. c:\xampp\mysql\data\SIPOP\teknologi.frm digunakan untuk mengelola tabel teknologi dalam database teknologi pada aplikasi SIPOP. - 19 -
3.4. Uninstall Software Aplikasi Web SIPOP Untuk menghapus software aplikasi web SIPOP dari dalam sistem komputer harus menggunakan prosedur Uninstall Software. Prosedur ini akan melakukan penghapusan seluruh file-file software aplikasi Sistem Informasi POPs Versi 1.0 berikut shortcut ikon yang dibuat pada saat proses instalasi. Prosedur uninstall software adalah : 1. Klik ikon [Start] [Program] [SIPOP Versi1.0] [Uninstall Program] seperti pada gambar di bawah ini.
Gambar 32. Menu Untuk Uninstall Software Aplikasi Web SIPOP 2. Beberapa saat kemudian komputer akan menanyakan apakah Anda yakin untuk menghapus seluruh komponen software.
Gambar 33. Konfirmasi Uninstall Software Aplikasi Web SIPOP - 20 -
3. Klik tombol [Yes] untuk mulai melakukan penghapusan atau tombol [No] untuk membatalkan proses Uninstall Software.
Gambar 34. Progres Uninstall Software Aplikasi Web SIPOP
Gambar 35. Informasi Proses Uninstall Software Aplikasi Web SIPOP Telah Selesai
4. Klik tombol [OK] untuk selesai dari prosedur Uninstall Software. 3.5. Reinstall Software Aplikasi Server Xampp dan Aplikasi Web SIPOP Untuk melakukan reinstall software Xampp dan aplikasi web SIPOP pastikan Anda telah membuat backup/salinan atau menyalin semua file dalam kedua direktori/folder c:\xampp\htdocs\SIPOP dan c:\xampp\mysql\data\SIPOP ke media penyimpan lain seperti flash disk, eksternal hardisk, cdrom atau pun memory card agar tidak tertimpa dengan nama file data yang baru yang dapat mengakibatkan kehilangan data yang telah Anda masukkan. 1. Lakukan prosedur uninstall program pada aplikasi server Xampp atau aplikasi web SIPOP sesuai aplikasi mana yang akan diinstalasi ulang. Ikuti prosedur pada bagian 3.2 Uninstall Aplikasi Server Xampp untuk menghapus aplikasi Xampp dari komputer atau ikuti prosedur pada bagian 3.4. Uninstall Aplikasi Web SIPOP untuk menghapus aplikasi SIPOP dari dalam komputer. 2. Jika proses penghapusan seluruh file telah selesai dilakukan, komputer akan menginformasikan ke layar monitor bahwa uninstall program telah berhasil. 3. Gunakan CDROM Software SIPOP Versi 1.0 dan lakukan kembali prosedur instalasi software. Ikuti prosedur pada bagian 3.1 Installasi Aplikasi Server Xampp dan ikuti prosedur pada bagian 3.3. Installasi Aplikasi Web SIPOP. - 21 -
