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
Modul Pelatihan:
www.freewebsite.com
pilih hosting yang mendukung protocol FTP dan paling mudah, perlu diingat beberapa website Membuat Web Server
membatasi besar byte file yang diupload mengingat pada saat website diakses browser semakin besar
file berakibat semakin lama loading web page.
Dengan XAMPP
Pada Stand Alone PC

Session 1:
● Membuat web server
Good Luck and See U on next Chapter ● Upload file ke web server dengan metode FTP

created by:
Priyo Harjiyono

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

Jurusan Pendidikan Teknik Elektronika

Fakultas Teknik
Universitas Negeri Yogyakarta
this document is copyrighted© by Priyo Harjiyono at anotherorion001@gmail.com
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 15. file akan langsung dikirim ke server jika berhasil keluar transfer OK, file yang sudah terkirim akan
2. Aplikasi Database – MySQL muncul di server beserta informasi besar byte file
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, 16. bukalah browser dan ketikan localhost/7even maka keluarlah
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
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

1. klik ganda XAMPP installer

Tampilan proses dan koneksi ke server 2. pilih bahasa English

3. muncul halaman

Jendela explorer folder tree dan

Jendela explorer folder tree dan file di server
file di computer

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.
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

Let’s 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 8. ini menandakan belum ada file pada web server baru
tampilan 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