INSTALLASI APLIKASI WEB DEVELOPMENT UNTUK SHARE FILE VIA BROWSER

Transkripsi

1 INSTALLASI APLIKASI WEB DEVELOPMENT UNTUK SHARE FILE VIA BROWSER Operating Sistem dapat menggunakan yang propetary/berbayar atau open source/gratis Software aplikasi/aplikasi perangkat lunak yang diperlukan untuk instalasi : xampp-win exe (Software web development) versi disesuaikan dengan Operating System yang dipergunakan dan dapat menggunakan versi XAMPP yang terbaru. 1. Install XAMPP Versi (nama file xampp-win exe) pada Server/PC sebagai Web Development Aplikasi berbasis web, Tentukan lokasi Installasi yang diinginkan. Klik 2 (dua) kali file xampp-win untuk melakukan installasi Tentukan Lokasi Installasi xampp yang diinginkan kemudian klik tombol Install

2 Gambar Proses Installasi xampp Pilih/ketik y dan tekan tombol ENTER untuk menampilkan shortcuts aplikasi xampp pada Desktop Tekan tombol ENTER untuk melanjutkan tanpa melakukan perubahan pilihan (y) Tekan tombol ENTER untuk melanjutkan tanpa melakukan perubahan pilihan (n)

3 Tekan tombol ENTER untuk melanjutkan Tekan tombol ENTER untuk melanjutkan Pilih x dan Tekan tombol ENTER untuk keluar dan selesai installasi xampp

4 2. Langkah membuat lokasi folder share file dan dan juga akan dijadikan dokumen root akses aplikasi web file share yang dapat menjalankan file share melalui browser Buatlah folder pada lokasi drive yang diinginkan untuk menempatkan Dokumen root akses aplikasi web file share Gambar nama folder yang dibuat dan akan dijadikan Dokumen root akses aplikasi web file share

5 3. Langkah konfigurasi pada xampp yang dilakukan untuk dapat menjalankan aplikasi file share, edit file httpd.conf yang berada pada folder xampp/apache/conf sesuai lokasi drive yang diinstall software aplikasi xampp dengan menggunakan aplikasi notepad atau Text Document Gambar Lokasi httpd.conf Telusuri text dengan tulisan DocumentRoot D:/xampp/htdocs klik kanan kemudian pilih dan klik copy Ubahlah DocumentRoot D:/xampp/htdocs menjadi # DocumentRoot D:/xampp/htdocs kemudian Tekan tombol Enter agar terdapat space/ruang untuk melakukan Paste, lakukan klik kanan sebagaimana posisi kursor pada Gambar diatas kemudian klik Paste

6 Edit/ubah text DocumentRoot D:/xampp/htdocs menjadi DocumentRoot D:/web_file_share sesuai dengan Lokasi dan nama folder yang sudah dibuat (lokasi dan nama folder harus sama agar tidak terjadi error pada aplikasi web file share yang dibuat) Telusuri text dengan tulisan <Directory D:/xampp/htdocs > klik kanan kemudian pilih dan klik copy Ubahlah <Directory D:/xampp/htdocs > menjadi # <Directory D:/xampp/htdocs > kemudian Tekan tombol Enter agar terdapat space/ruang untuk melakukan Paste, lakukan klik kanan sebagaimana posisi kursor pada Gambar diatas kemudian klik Paste

7 Edit/ubah text <Directory D:/xampp/htdocs > menjadi <Directory D:/web_file_share > sesuai dengan Lokasi dan nama folder yang sudah dibuat (lokasi dan nama folder harus sama agar tidak terjadi error pada aplikasi web file share yang dibuat) Klik file dan filih Save (Ctrl + s) untuk menyimpan file hpptd.conf yang sudah diubah sesuai dengan lokasi DocumentRoot dan Directory akses web file share Klik tanda x (Close) pada aplikasi Notepad untuk selesai konfigurasi xampp

8 4. Langkah membuat script sederhana dapat menjalankan aplikasi web file share, bukalah aplikasi Notepad atau Text Document, ketikkan/copy paste sebagaimana text pada Gambar dibawah (dapat menggunakan script lain yang diinginkan), agar aplikasi web share file share dapat diakses Gambar script sederhana sebagai tampilan aplikasi web file share <?php echo"<br/> <center/>"; echo"welcome to my personal WEB FILE SHARE"; echo"<br/>"; echo" "; echo"<br/>";?> Setelah script file dibuat klik File kemudian pilih Save As Pada kolom isian File name ketikkan text index.php dan pada Save as type pilihlah All Files, kemudian klik tombol Save

9 Klik tanda x (Close) pada aplikasi Notepad untuk selesai membuat script file index.php untuk menjalankan aplikasi web file share Gambar posisi file index.php yang berada pada Lokasi dan folder yang sudah dibuat sebelumnya 5. Membuat folder untuk menempatkan file yang akan dishare pada aplikasi web file share, lokasi folder berada didalam folder web_file_share yang sudah dibuat agar file dapat diakses/dishare dengan menggunakan aplikasi web browser Buka folder web_file_share pada lokasi drive yang sudah dibuat, klik kanan kemudian arahkan ke New dan klik/pilih Folder

10 Buatlah nama folder yang diingikan, sebagai contoh folder diberi nama file Pilih dan copy file yang akan di share melalui aplikasi web file share Paste file sesuai dengan lokasi dan folder web_file_share/file yang sudah dibuat

11 Gambar hasil copy paste dari file yang akan dishare pada aplikasi web file share 6. Mengaktifkan service apache pada aplikasi xampp dengan mengklik tombol logo Windows/Start kemudian klik All Programs dan klik folder XAMPP for Windows pilih serta klik XAMPP Control Panel atau dapat juga mengklik Shortcut aplikasi XAMPP yang ada di Desktop Gambar posisi aplikasi XAMPP pada All Programs

12 Melakukan installasi Service Apache dengan mengklik dan memberikan tanda centang pada Svc Apache, kemudian klik tombol OK Mengaktifkan/menjalankan service Apache sebagai web development applications (pembangunan aplikasi berbasis web) dengan mengklik tombol Start Pastikan service Apache Running/berjalan dengan baik

13 7. Bukalah salah satu aplikasi web browser yang ada pada Komputer/Laptop, kemudian ketikkan alamat url untuk menjalankan aplikasi web file share yang dibuat Gambar hasil tampilan aplikasi web file share yang melakukan akses pada file index.php Kemudian ketikkan nama folder share file yang telah dibuat setelah alamat url menjadi maka akan tampil sebagaiman gambar diatas

14 8. Alamat url aplikasi web file share dapat diakses dari komputer/laptop lain yang berada dalam satu sistem jaringan lokal (LAN = Local Area Network) dan untuk mengetahui alamat url-nya dengan salah satu cara mengetikkan perintah ipconfig pada CUI (Command User Interface) sehingga akan tampil ip lokal komputer/laptop yang telah di install aplikasi web file share Klik logo windows/tombol start kemudian ketikkan cmd dan tekan tombol Enter untuk menjalankan CUI (Command User Interface) Pada Command User Interface ketikkan ipconfig kemudian tekan tombol Enter Gambar tampilan hasil ipconfig yang berupa alamat ip address dari aplikasi web file

15 Gambar hasil tampilan aplikasi web file share dengan menggunakan ip address Gambar hasil tampilan share file yang ada pada aplikasi web file share dengan menggunakan ip address Demikianlah panduan installasi aplikasi web file share pada PC/Server sebagai Knowledge Sharing untuk dapat berbagi file melalui web browser, semoga bermanfaat dan dapat meningkatkan minat serta pengetahuan dasar pembuatan sistem aplikasi dalam TIK (Teknologi Informasi dan Komunikasi). *There is a Will There is a Way*