Anda di halaman 1dari 6

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.

Good Luck and See U on next Chapter

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

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

by Priyo Harjiyono at anotherorion001@gmail.com Modul Pelatihan: Membuat Web Server Dengan XAMPP Pada

Modul Pelatihan:

Membuat Web Server Dengan XAMPP Pada Stand Alone PC

Session 1:

Membuat web server

Upload file ke web server dengan metode FTP

created by:

Priyo Harjiyono

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

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

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

macam aplikasi pendukung internet. Setelah ditetapkannya standar

membuat

berbagai

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

output berbeda, kasarnya jika HTML adalah halaman presentasi 15. file akan langsung dikirim ke server jika

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

akan muncul di server beserta informasi besar byte file 16. bukalah browser dan ketikan localhost/7even maka

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

akan muncul di server beserta informasi besar byte file 16. bukalah browser dan ketikan localhost/7even maka

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

Tampilan proses dan koneksi ke server Jendela explorer folder tree dan file di computer Jendela
Tampilan proses dan koneksi ke server
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

quick connect 12. pada server akan muncul user yang masuk 13. Dengan demikian sudah bisa dimulai

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

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

2. pilih bahasa English

XAMPP 1. klik ganda XAMPP installer 2. pilih bahasa English 3. muncul halaman Klik next 4.

3. muncul halaman

1. klik ganda XAMPP installer 2. pilih bahasa English 3. muncul halaman Klik next 4. muncul

Klik next

4. muncul halaman lisensi klik I Agree

1. klik ganda XAMPP installer 2. pilih bahasa English 3. muncul halaman Klik next 4. muncul

5.

destinasi instalasi boleh diubah jika drive C tidak cukup, tapi biarkan default saja

diubah jika drive C tidak cukup, tapi biarkan default saja 6. keluarlah proses 7. setelah selesai

6. keluarlah proses

C tidak cukup, tapi biarkan default saja 6. keluarlah proses 7. setelah selesai klik finish 5.

7. setelah selesai klik finish

saja 6. keluarlah proses 7. setelah selesai klik finish 5. jika sudah klik edit user lalu

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

semua tanda files dan directories diberi tanda centang 7. klik OK 8. sekarang buka Filezilla 2.2.31

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

keluarlah dialog site manager klik New FTP site, host adalah localhost port 21(port untuk FTP) User

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.

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 tampilan

merupakan nomor IP computer klik OK lalu keluar tampilan BEGIN An XAMPP 1. aktifkan XAMPP basic

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

7. jadi pada browser kita mengetik localhost/baru 8. ini menandakan belum ada file pada web server

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

web server via XAMPP </body> </html> 10. lalu kita beri nama coba.html, refresh web page maka

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

website, maka ubahlah nama file coba.html menjadi index.html 12. setelah itu barulah kita menambahkan dengan file2

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

klik localhost/baru/coba2.html supaya file itu tampil File index.html adalah file utama pada web server dia

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

penunjuk link file lain dalam sebuah web-server yang sama Ini adalah file index.html ketika kita menunjuk

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

ditunjukkan halaman destinationnya yaitu localhost/web/download.html Berikut contoh susunan file tersebut di webserver