Untuk percobaan dengan 2 komputer yang terhubung LAN, maka 1 komputer sebagai server dan yang lain sebagai

client, yang perlu dicatat adalah mengganti nama localhost menjadi nomor IP computer server sehingga bisa terjadi komunikasi FTP antar computer Bagaimana jika kita ingin membuat website kita tampil di Internet?? Buatlah file-file HTML dan file pendukung seperti gambar atau musik dan tempatkan pada folder yang sama, ini memudahkan kita saat akan membuat link baru. Selain itu saat mengupload ke web server semua file tersebut sudah ada dalam 1 folder. Jika situs kita sudah siap di-publish kunjungilah salah satu dari website penyedia hosting dibawah ini ftp.xlphp.net www.awardspace.com www.freewebs.com www.freewebsite.com pilih hosting yang mendukung protocol FTP dan paling mudah, perlu diingat beberapa website membatasi besar byte file yang diupload mengingat pada saat website diakses browser semakin besar file berakibat semakin lama loading web page.

Modul Pelatihan: Membuat Web Server Dengan XAMPP Pada Stand Alone PC
Session 1: Membuat web server Upload file ke web server dengan metode FTP

Good Luck and See U on next Chapter

created by: Priyo Harjiyono

For any Question Please send to : anotherorion001@gmail.com

this document is copyrighted by Priyo Harjiyono at anotherorion001@gmail.com

Jurusan Pendidikan Teknik Elektronika Fakultas Teknik Universitas Negeri Yogyakarta 2007

an featuring with Filezilla 2.2.31 WHAT U DARE ABOUT XAMPP?? Dahulu ketika dimulainya penemuan internet lewat protocol ARPA, banyak pihak dari propriatery dan komunitas membuat berbagai macam aplikasi pendukung internet. Setelah ditetapkannya standar www(world wide web) yang ditemukan programmer dari Inggris maka dimulailah era baru internet, beberapa aplikasi saling bersaing dalam memperebutkan user terbaik, dan akhirnya keluarlah 3 nama dari OpenSource sebagai pemenangnya mengalahkan software2 proriatery software itu adalah 1. Web server Apache 2. Aplikasi Database MySQL 3. Aplikasi penerus HTML PHP Karena ketiganya adalah aplikasi bebas (opensource) sehingga ketiga software utama itu digabungkan menjadi 1kesatuan aplikasi kompak, pertama kali muncul adalah PHP-Triad (PHP-Apache-MySQL) yang juga free. Namun pada perkembangannya PHP-Triad berubah menjadi software komersial. Sehingga banyak pengguna menjadi kecewa, oleh karena itu muncullah XAMPP yang sebetulnya merupakan kelanjutan konsep PHP-Triad. Adapun isi dari XAMPP antara lain + Apache 2.0.49 + MySQL 4.0.20a + PHP 4.3.7 + PEAR + mod_php 4.3.7 + MiniPerl 5.8.3 + SQLite 2.8.13 + PHPMyAdmin 2.5.7 + ADODB 4.21 + Mercury Mail Transport System for Win32 and NetWare Systems v4.01a + FileZilla FTP Server 0.9.0 + Webalizer 2.01-10 XAMPP menjadi salah satu software gabungan yang kompak karena mencakup, web, email, database dan server itu sendiri. Dengan dukungan berbagai software di atas kita bisa menggunakannya sebagai sarana pembelajaran di sekolah, yaitu sebagai server. Apache merupakan web server paling diakui saat ini, hamper 60% server didunia adalah server apache, sebagai server Apache merupakan otak XAMPP MySQL adalah database standar pengembangan dari bahasa SQL sebagai database yang kuat, compatible dengan berbagai software dan free, MySQL masih banyak digunakan sebagai aplikasi database di berbagai kampus. PHP adalah bahasa pemrograman yang mirip dengan bahasa HTML tapi mempunyai kemampuan menangani input, database dan pemberian output berbeda, kasarnya jika HTML adalah halaman presentasi

15. file akan langsung dikirim ke server jika berhasil keluar transfer OK, file yang sudah terkirim akan muncul di server beserta informasi besar byte file

16. bukalah browser dan ketikan localhost/7even maka keluarlah

10. Jika site manager tidak muncul anda bisa mengisinya pada kotak dialog filezilla

Power Point, maka PHP adalah presentasi AdobeFlash, contoh halaman PHP adalah halaman registrasi atau halaman authentifikasi ketika kita membuat email. INSTALATION Of XAMPP

Tampilan proses dan koneksi ke server

1. klik ganda XAMPP installer 2. pilih bahasa English

3. muncul halaman

Jendela explorer folder tree dan file di computer

Jendela explorer folder tree dan file di server

Tempat antrian file yang ditransfer ke server 11. klik quick connect 12. pada server akan muncul user yang masuk Klik next 4. muncul halaman lisensi klik I Agree

13. Dengan demikian sudah bisa dimulai proses mentransfer file dari computer ke web server 14. masukkan file index.html ke listing antrian klik kanan process queue

5. destinasi instalasi boleh diubah jika drive C tidak cukup, tapi biarkan default saja 5. jika sudah klik edit user lalu tambahkan nama anda sebagai user baru misal; seven 6. add directories lalu jadikan folder 7even sebagai homedir dan pastikan semua tanda files dan directories diberi tanda centang

6. keluarlah proses

7. klik OK 8. sekarang buka Filezilla 2.2.31 sebagai client 9. keluarlah dialog site manager klik New FTP site, host adalah localhost port 21(port untuk FTP) User seven dan klik connect

7. setelah selesai klik finish

FTP (File Transfer Protocol) Website, siapa yang tidak kenal? Dalam dunia informatika website adalah jalan menuju informasi baru, 15 tahun yang lalu membuat website masih sangat sulit hanya sedikit programmer yang menguasai bahasa HTML,FTP dan penguasaan website. Sehingga membuat website adalah harga yang sangat mahal. Namun akhirnya beberapa domain internet seperti geocities dan plaza mengijinkan user membuat account website pada web server mereka berbasis CMS (Content Management System) jadi pengguna hanya menulis, mengupload gambar, dan menambahkan berbagai add-ons tool untuk memperindah website mereka. Ini sangat mudah tapi punya kelemahan yaitu pengguna hanya bisa memanfaatkan apa yang diberikan webserver, misal kita tidak bisa menambah database dan aplikasi tambahan. Ketika system CMS mulai banyak pemakai seperti maraknya blogs dan friendster, aplikasi FTP hanya dipakai programmer internet dan para komunitas itu sendiri. FTP adalah protocol transferring data yang digunakan dalam uploading file computer ke dalam webserver contoh aplikasi FTP adalah filezilla. Penulis menggunakan aplikasi FileZilla_2_2_31 sebagai aplikasi FTP uploading disisi client dan FileZilla FTP Server 0.9.0 bawaan XAMPP sebagai aplikasi FTP server pada sisi web server. Dengan sedikit konfigurasi maka kita bisa melakukan pembuatan website berbasis FTP hanya dengan sebuah stand alone computer, tanpa melibatkan internet dalam proses pembelajaran. Lets Do It Untuk melakukan uploading menggunakan metode FTP pada XAMPP ada beberapa langkah 1. buka windows explorer pada direktori C:\apachefriends\xampp\htdocs buat 1 folder bernama 7even 2. install terlebih dahulu Filezilla_2_2_31 sebagai aplikasi client 3. aktifkan XAMPP basic start untuk mengaktifkan semua dukungan aplikasi (MySql, Filezilla, MercuryMail) 4. klik FileZilla Server Interface.exe pada direktori C:\apachefriends\xampp\FileZillaFTP, bukan Filezilla server-nya Keluar tampilan no server 127.0.0.1 yang merupakan nomor IP computer klik OK lalu keluar tampilan

BEGIN An XAMPP 1. aktifkan XAMPP basic start 2. keluarlah halaman dos dan web page XAMPP, menandakan diaktifkannya software2 XAMPP 3. ketika XAMPP sudah berjalan maka kita sudah memiliki web server yang ada pada direktori C:\apachefriends\xampp\htdocs 4. jika kita klik di browser localhost,maka yang keluar adalah webpage XAMPP http://localhost/xampp/splash.php yang ada di direktori C:\apachefriends\xampp\htdocs\xampp, ini merupakan default milik XAMPP berbeda dengan PHP-Triad yang akan memberikan localhost pada folder htdocs langsung 5. dengan demikian localhost dikomputer kita bisa disamakan dengan google.com, yahoo.com pada internet 6. karena ketika kita klik localhost dilarikan ke folder XAMPP maka kita membuat folder baru dibawah localhost misal C:\apachefriends\xampp\htdocs\baru 7. jadi pada browser kita mengetik localhost/baru

8. ini menandakan belum ada file pada web server baru 9. buatlah file HTML di folder tersebut <html> <head> <title>coba </title> </head> <body> Belajar web server via XAMPP </body> </html> 10. lalu kita beri nama coba.html, refresh web page maka keluar

11. Pertanyaannya kenapa tidak keluar web pagenya?hal pertama yang harus kita cata dalam membuat situs atau website, kita harus membuat file home/index. Yaitu file pertama yang dijadikan acuan dasar website, maka ubahlah nama file coba.html menjadi index.html

File index.html adalah file utama pada web server dia digunakan sebagai peta untuk menunjuk file lain dalam web berikut adalah salah satu contoh penggunaan file index sebagai penunjuk link file lain dalam sebuah web-server yang sama

12. setelah itu barulah kita menambahkan dengan file2 baru seperti foto dan file html yang lain misal coba2.html 13. pada browser klik localhost/baru/coba2.html supaya file itu tampil

Ini adalah file index.html ketika kita menunjuk link special maka akan ditunjukkan halaman destinationnya yaitu localhost/web/download.html Berikut contoh susunan file tersebut di webserver