Web Server XAMPP « Teknolog..

26
About Info Event Project XPS Event XPS Info Workshop Visi & Misi Kontak XPS VISITOR Trik Membuat Websites Intranet agar dapat di akses dari Internet (Webserver lokal di akses dari Internet dengan Mikrotik dan Speedy) May 31, 2010 Filed under: GLOBAL INFO, Mikrotik, Networking, Posting Kang N4th4n, Tips & Trik Internet, Web Server XAMPP — Nathan Gusti Ryan @ 6:24 pm Penulis Artikel : Nathan Gusti Ryan Berikut ini saya sharing sedikit pengalaman saya pribadi, Trik untuk membuat WebServer LOKAL kita ( WebServer Intranet ) agar dapat di akses dari Internet mengunakan MIKROTIK ROUTER dan Koneksi Telkom SPEEDY ataupun koneksi ISP yang lain. Jika sebelumnya saya telah sharing Trik Port Forwarding dari Modem ADSL Linksys ( tanpa Mikrotik ), maka kali ini kita akan membuat Mikrotik kita menjadi Pengendali WEBSERVER Lokal kita (bahkan beberapa webserver lokal sekaligus loh ). http://jamesbond.xcode.or.id/setting_port_forwarding_ip_adsl.html Oke, jika kita sudah mengunakan Mikrotik sebagai Router kita dan Mikrotik ini bisa diakses dengan IP Public yang telah kita miliki dari mana saja. Jika kita mengunakan SPEEDY maka kita dapat melakukan setting Mikrotik seperti pada tutorial ini : http://nathangustiryan.files.wordpress.com/2010/05/mikrotik-12.jpg2010/04/16/step-by-step-installasi- router-mikrotik-dgn-adsl-speedy Selanjutnya setelah Mikrotik kita setting IP Public-nya maka seperti terlihat dibawah ini maka selanjutnya Mikrotik Router kita dapat difungsikan lebih lanjut termasuk untuk mengatur WebServer Local Intranet kita agar dapat di akses dari Internet. Wewww… asyik… bisa punya WebServer sendiri tanpa hosting dech… Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se... 1 of 26 03/01/2011 14:24

Transcript of Web Server XAMPP « Teknolog..

Page 1: Web Server XAMPP « Teknolog..

AboutInfo EventProject XPSEvent XPSInfo WorkshopVisi & MisiKontak XPSVISITOR

Trik Membuat Websites Intranet agar dapat di akses dari Internet (Webserver lokal diakses dari Internet dengan Mikrotik dan Speedy) May 31, 2010

Filed under: GLOBAL INFO,Mikrotik,Networking,Posting Kang N4th4n,Tips & Trik Internet,Web ServerXAMPP — Nathan Gusti Ryan @ 6:24 pm

Penulis Artikel : Nathan Gusti Ryan

Berikut ini saya sharing sedikit pengalaman saya pribadi, Trik untuk membuat WebServer LOKAL kita (WebServer Intranet ) agar dapat di akses dari Internet mengunakan MIKROTIK ROUTER dan KoneksiTelkom SPEEDY ataupun koneksi ISP yang lain. Jika sebelumnya saya telah sharing Trik Port Forwardingdari Modem ADSL Linksys ( tanpa Mikrotik ), maka kali ini kita akan membuat Mikrotik kita menjadiPengendali WEBSERVER Lokal kita (bahkan beberapa webserver lokal sekaligus loh ).

http://jamesbond.xcode.or.id/setting_port_forwarding_ip_adsl.html

Oke, jika kita sudah mengunakan Mikrotik sebagai Router kita dan Mikrotik ini bisa diakses dengan IP Publicyang telah kita miliki dari mana saja. Jika kita mengunakan SPEEDY maka kita dapat melakukan settingMikrotik seperti pada tutorial ini :

http://nathangustiryan.files.wordpress.com/2010/05/mikrotik-12.jpg2010/04/16/step-by-step-installasi-router-mikrotik-dgn-adsl-speedy

Selanjutnya setelah Mikrotik kita setting IP Public-nya maka seperti terlihat dibawah ini maka selanjutnyaMikrotik Router kita dapat difungsikan lebih lanjut termasuk untuk mengatur WebServer Local Intranet kitaagar dapat di akses dari Internet. Wewww… asyik… bisa punya WebServer sendiri tanpa hosting dech…

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

1 of 26 03/01/2011 14:24

Page 2: Web Server XAMPP « Teknolog..

Tahap untuk melakukan setting Port Forwarding pada Mikrotik Router adalah sebagai berikut :

Pertama : Masuk ke menu IP lalu pilih Services.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

2 of 26 03/01/2011 14:24

Page 3: Web Server XAMPP « Teknolog..

Kedua : Ubah Services WWW atau Services yang semula / umumnya digunakan untuk mengakses MikrotikWebBox dari Port 80 ( default ) menjadi port yang anda inginkan, misalnya pada contoh ini saya gunakanPort 1007. Tujuannya agar Port 80 ini dapat difungsikan untuk WebServer Local Intranet kita.

Ketiga : Selanjutnya kita masuk ke menu IP lalu pilih Firewall.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

3 of 26 03/01/2011 14:24

Page 4: Web Server XAMPP « Teknolog..

Keempat : Selanjutnya masuk ke menu NAT ( Network Address Transaltion ) lalu tambahkan sebuah NATRule ( klik sibol + )

Kelima : Sebelum kita masuk ke setting NAT Rule lebih lanjut, disini kita telah membuat Webserver Localpada IP Address 192.168.88.100. Perhatikan dan pahami dengan seksama tentang IP Address dan settingNAT karena disinilah letak keberhasilan Port Forwarding WebServer kita nanti.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

4 of 26 03/01/2011 14:24

Page 5: Web Server XAMPP « Teknolog..

Perhatikan juga status XAMPP ( Apache Webserver & MySQL Database Server ) sudah running danWebsites Local di IP 192.168.88.100 sudah bisa diakses dari jaringan lokal seperti gambar diatas ini.

Keenam : Dari menu Winbox -> Firewall -> NAT -> lalu pada menu Tab GENERAL kita tambahkan NewNAT Rule, pilih atau setting seperti menu dibawah ini :

Chain = dstnat (artinya : Destination NAT )Dst Address = 125.164.75.150 ( artinya : IP Public yang diakses dari Internet )Protocol = TCP(6) (artinya protocol yang digunakan untuk mengakses ke webserver kita adalah TCP )

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

5 of 26 03/01/2011 14:24

Page 6: Web Server XAMPP « Teknolog..

Dst Port =80 ( artinya Port 80 digunakan untuk mengakses ke IP Public kita ).In Interface = pppoe-out1 ( artinya : interface akses ke Internet mengunakan Speedy Dial Up PPPoEoleh Mikrotik, untuk anda, sesuaikan dengan interface yang anda gunakan ).

Selanjutnya pada menu Tab ACTION, pilih atau setting seperti menu dibawah ini :

Action = dst-nat ( artinya jika memenuhi kondisi seperti pada setting GENERAL maka akan di forwardke IP dibawah ini ).To Addres = 192.168.88.100 ( artinya : IP ini adalah IP address alamat tujuan port forwarding jika adayang mengakses IP Public 125.164.75.150 ini akan di arahkan ke IP Local 192.168.88.100.To Port = 80 ( artinya : Port yang dituju pada IP Local WebServer 192.168.88.100 yaitu Port 80 ).

Ketujuh : Setelah setting diatas selesai maka kita cek akses dari luar ( dari Internet ) ke IP Public kita125.164.75.150 ini, maka…. Taaaarrrraaaaa…

Lalu muncullah tampilah Websites daripada Webserver local 192.168.88.100.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

6 of 26 03/01/2011 14:24

Page 7: Web Server XAMPP « Teknolog..

CONTOH SELANJUTNYA ADALAH WEBSERVER KEDUA dengan IP Address Local-nya adalah192.168.88.99 dengan tampilan seperti dibawah ini.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

7 of 26 03/01/2011 14:24

Page 8: Web Server XAMPP « Teknolog..

Oke lah kalo begitu kita mulai lagi, dari menu Winbox -> Firewall -> NAT -> lalu pada menu TabGENERAL kita tambahkan New NAT Rule, pilih atau setting seperti menu dibawah ini :

Chain = dstnat (artinya : Destination NAT )Dst Address = 125.164.75.150 ( artinya : IP Public yang diakses dari Internet )Protocol = TCP(6) (artinya protocol yang digunakan untuk mengakses ke webserver kita adalah TCP )Dst Port =99 ( artinya Port 99 digunakan untuk mengakses ke IP Public kita, karena Port 80 sudahdigunakan untuk websites contoh pertama ).In Interface = pppoe-out1 ( artinya : interface akses ke Internet mengunakan Speedy Dial Up PPPoEoleh Mikrotik, untuk anda, sesuaikan dengan interface yang anda gunakan ).

Selanjutnya pada menu Tab ACTION, pilih atau setting seperti menu dibawah ini :

Action = dst-nat ( artinya jika memenuhi kondisi seperti pada setting GENERAL maka akan di forwardke IP dibawah ini ).To Address = 192.168.88.99 ( artinya : IP ini adalah IP address alamat tujuan port forwarding jika adayang mengakses IP Public 125.164.75.150 ini akan di arahkan ke IP Local 192.168.88.99.To Port = 99 ( artinya : Port yang dituju pada IP Local 192.168.88.99 yaitu Port 99 ).

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

8 of 26 03/01/2011 14:24

Page 9: Web Server XAMPP « Teknolog..

Setelah setting diatas selesai maka kita cek akses dari luar ( dari Internet ) ke IP Public kita 125.164.75.150:99( jangan lupa sekalian tulis Port nya seperti ini yach ), maka… Taaaarrrraaaaa…

Muncullah tampilah Websites daripada Webserver local 192.168.88.99.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

9 of 26 03/01/2011 14:24

Page 10: Web Server XAMPP « Teknolog..

Oke… tutorial ini sudah cukup jelas dapat silahkan dicoba pada Mikrotik anda sendiri. Jika masih belumberhasil, segera hubungi rumah sakit terdekat… Salam…

Comments (6)

Setting Modem ADSL menjadi Bridge Mode March 26, 2010

Filed under: ADSL Speedy,GLOBAL INFO,Networking,Posting Kang N4th4n,Strategy - IT Solution,Tips &Trik Internet,Web Server,Web Server XAMPP — Nathan Gusti Ryan @ 12:09 am

Penulis Artikel : Nathan Gusti Ryan

Pada umumnya, modem ADSL itu di setting sebagai PPPoE ( Point to Point Protocol Over Ethernet ).Entah karena memang setting default Modem atau emang dibuat demikian ( oleh petugas Telkom Speedy )agar User tidak terlalu ribet untuk melakukan setting manual pada Modem ADSL tersebut. Apalagi dengansetting PPPoE seperti ini lalu DHCP Modem di aktifkan maka, pemakai atau penganggan Speedy tinggaltancepin kabel LAN ke Modem atau tancepin kabel LAN dari Modem ke Swith maka selanjutnya semua PCyang terhubung ke Modem ADSL tersebut akan memperoleh akses internet dengan mudah.

Okey lah kalo begitu, kita sekarang mulai MELIRIK sesuatu yang lain dengan Modem ADSL kita. Yaitu kitasetting Modem ADSL pada Mode Bridge lalu Dial Up ke PPPoE dilakukan oleh PC atau Laptop kita. Tujuannya apa? Karena dengan cara ini maka IP Public yang diberikan oleh ISP / Telkom Speedy akan beradapada PC atau Laptop kita.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

10 of 26 03/01/2011 14:24

Page 11: Web Server XAMPP « Teknolog..

Trus… fungsinya untuk apa? Nah setelah IP Public berada pada PC / Laptop kita maka kita bisa menjadikanPC / Laptop tersebut sebagai Web Server, FTP Server, Email Server, VPN Server, Remote Desktop viaInternet dan masih banyak lagi fungsi yang lain. Tapi disini saya akan memberikan contoh fungsi Dial UpPPPoE dari PC / Laptop dan mem-fungsikannya sebagai Web Server Personal. Terserah anda dech mau dijadikan apa aja bisa, yang penting… paham konsepnya-teknisnya-fungsinya. Dan tentunya kita juga bisamengunakan lebih lanjut dengan DynDNS seperti pada artikel saya sebelumnya : (more…)

Comments (4)

Panduan Installasi XAMPP untuk Webserver March 21, 2010

Filed under: Posting Kang N4th4n,Strategy - IT Solution,Tips & Trik Internet,Web Desain,Web ServerXAMPP — Nathan Gusti Ryan @ 3:13 pm

Webserver yang paling Simple dan praktis serta mudah adalah XAMPP. Aplikasi sudah termasuk ApacheWebServer, Database Server MS-SQL, PHP dan PERL. Termasuk juga didalamnya ada FileZilla FTP Server,Mercury Email Server dan Tomcat. Berikut ini saya sharing tahapan Installasi XAMPP hingga dapatberfungsi sebagai WebServer Local / LAN / Intranet, maupun kita fungsikan lebih lanjut sebagai Webserveryang dapat di akses via internet. Tentunya melalui Domain Names yang kita miliki maupun memanfaatkanDynDDNS seperti pada artikel saya sebelumnya :

http://artikel.xcode.or.id/2010/03/17/panduan-membuat-webserver-dgn-ip-public-dinamis-via-dyndns

http://artikel.xcode.or.id/2010/03/19/membuat-personal-webserver-dyndns-dgn-im2-broom

Artikel ini juga merupakan bentuk lain dari artikel tentang XAMPP yang telah saya buat :

http://jamesbond.xcode.or.id/panduan_membuat_webserver_dgn_xampp.html

Okey, berikut ini saya buat artikel Step By Step Installasi XAMPP dalam versi yang lain dan saya akanlanjutkan dengan artikel Step By Step Installasi WordPress, Joomla, Drupal, dll.

Step By Step Installasi XAMPP :

Pertama : Download Installer XAMPP dari link dibawah ini :

http://www.apachefriends.org/en/xampp.html

Kedua : Pastikan setting IP Address LAN kita dengan benar, misalnya kita gunakan IP Address :192.168.1.100

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

11 of 26 03/01/2011 14:24

Page 12: Web Server XAMPP « Teknolog..

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

12 of 26 03/01/2011 14:24

Page 13: Web Server XAMPP « Teknolog..

Ketiga : Install XAMPP ke Local PC kita, ikuti seperti gambar dibawah ini dengan seksama :

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

13 of 26 03/01/2011 14:24

Page 14: Web Server XAMPP « Teknolog..

Ketiga : Selanjutnya tempatkan installasi ke folder yang kita inginkan, misalnya ke : C:\XAMPP

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

14 of 26 03/01/2011 14:24

Page 15: Web Server XAMPP « Teknolog..

Keempat : Jawab Y untuk menempatkan shortcut Xampp ke Desktop ( gambar diatas ini ). Dan pada gambardibawah ini jawab Y untuk melanjutkan proses installasi.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

15 of 26 03/01/2011 14:24

Page 16: Web Server XAMPP « Teknolog..

Kelima : Jawab N pada tampilan gambar diatas agar nama drive di setting universal ( pada setting konfigurasiXAMPP kita ). Lalu pada tampilan dibawah tekan ENTER untuk melanjutkan proses.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

16 of 26 03/01/2011 14:24

Page 17: Web Server XAMPP « Teknolog..

Keenam : Tekan X saat muncul tampilan di atas karena proses installasi telah selesai. Dan selanjutnya kitalihat di Dekstop kita akan muncul shortcut XAMPP.

Ketujuk : Jalankan shortcut Xampp, Klik Start sesuai kebutuhan kita apakah Apache WebServer sajaataukah MS-Sql ataupun semua aplikasi yang lain.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

17 of 26 03/01/2011 14:24

Page 18: Web Server XAMPP « Teknolog..

Kedelapan : Jika kita inginkan Aplikasi ini bisa Running secara otomatis saat PC kita di hidupkan maka kitabisa mengaktifkan melalui Windows Service.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

18 of 26 03/01/2011 14:24

Page 19: Web Server XAMPP « Teknolog..

Kesembilan : Selanjutnya kita dapat mengecek atau testing Running Webserver kita berjalan dengan lancarapa tidak. Maka kita dapat buka Web Browser kita misalnya Mozilla firefox, ketikkan alamat :http://localhost atau dengan mengetikkan IP Address PC kita misalnya yang telah kita setting IP :192.168.1.100.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

19 of 26 03/01/2011 14:24

Page 20: Web Server XAMPP « Teknolog..

Kesepuluh : Selanjutnya kita buka Database Server MySql yang selanjutnya nanti akan kita gunakan untukDatabase Server Websites yang kita gunakan seperti WordPress, Joomla, Drupal, dll.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

20 of 26 03/01/2011 14:24

Page 21: Web Server XAMPP « Teknolog..

Kesebelas : Selanjutnya kita buka folder C:\XAMPP\HTDOCS , folder inilah yang digunakan untukmenempatkan desain websites yang kita miliki atau yang akan kita gunakan. Pada installasi awal, XAMPPjuga telah menyertakan contoh Websites untuk testing saja seperti dibawah ini.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

21 of 26 03/01/2011 14:24

Page 22: Web Server XAMPP « Teknolog..

Keduabelas : Selanjutnya kita buka di Webbrowser IP Address kita seperti dibawah ini dan muncul tampilan“It Works!”. Itu tandanya bahwa Webserver telah berjalan dan berfungsi dengan baik serta siap digunakanlebih lanjut.

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

22 of 26 03/01/2011 14:24

Page 23: Web Server XAMPP « Teknolog..

Ketigabelas : Kita dapat membuat sejumlah Subfolder sesuai kebutuhan kita.

Keempatbelas : Contohnya kita buat Subfolder jamesbond dan selanjutnya kita dapat akses di Webbrowserdengan alamat : http://192.168.1.100/jamesbond

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

23 of 26 03/01/2011 14:24

Page 24: Web Server XAMPP « Teknolog..

Oke lah kalo begitu, tutorial ini sangat jelas dan silahkan dibaca berulang kali supaya rekan2 dapat benar-benarmemahami konsep dan teknis implementasi ini dan semoga dapat bermanfaat dalam membangun Web Serveratau Portal di Intranet masing-masing.

Selanjutnya untuk membuat FreeDNS / Domain Name mengunakan IP Public seperti dari ADSL Speedydengan memanfaatkan layanan gratis dari http://www.dyndns.com

http://artikel.xcode.or.id/2010/03/17/panduan-membuat-webserver-dgn-ip-public-dinamis-via-dyndns

Comments (4)

Nathan Gusti RyanHacking Mesin ATM 2010Strategi membasmi virus Conficker – Kido – Downadup di jaringan LANDownload dan Convert Video Youtube KEONG RACUNInfo Workshop Build Domain Controller ServerSetting Dial Up Modem 3G Huawei pada Ubuntu dengan Indosat M2Setting PPTP VPN Client pada UbuntuMelacak pengirim email (Tracing Email Sender)Setting 2 IP Address pada 1 LAN CardCara membuat TV Online Di BlogInfo Workshop Bulan Juli 2010

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

24 of 26 03/01/2011 14:24

Page 25: Web Server XAMPP « Teknolog..

January 2011M T W T F S S

« Aug

1 23 4 5 6 7 8 910 11 12 13 14 15 1617 18 19 20 21 22 2324 25 26 27 28 29 3031

Membuat Webserver dgn IP Public Dinamis via DYNDNSMembuat koneksi VPN Client di Windows XPMembuat Proxy Server sederhana di Windows XP menggunakan PrivoxyStep by Step membangun VPN Server dgn MikrotikSetting Modem ADSL menjadi Bridge ModeTrik SMS Gateway-SMS Caster eMarketerMembuat FTP Server dengan Modem ADSL Linksys - Telkom SpeedyStep by Step Installasi Router Mikrotik dgn ADSL SpeedyTrik Membuat Websites Intranet agar dapat di akses dari Internet (Webserver lokal di akses dari Internetdengan Mikrotik dan Speedy)Remote PC Client dengan NetSupport Manager

42,731 hits

HTC Thunderbolt Hadir dengan Chip Dual Core 1.2Ghz?Eksplorasi Mars, China Gandeng RusiaNASA Kerjasama dengan HP untuk Pengembangan ITKembang Api Tahun Baru Bikin Ribuan Burung Mati2011, microUSB Jadi Standar Charger UniversalTablet Android Honeycomb Bisa Kalahkan iPad Asal,CES 2011: Mulai dari Tablet Android Hingga Sandy Bridge

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

25 of 26 03/01/2011 14:24

Page 26: Web Server XAMPP « Teknolog..

Ternyata Facebook Pernah Tawar Twitter USD500 Juta

8spam comments

Blog at WordPress.com. Theme: Rounded by Release.RSS Comments RSS XFN WP

Web Server XAMPP « Teknologi Informasi Indonesia http://nathangustiryan.wordpress.com/category/tips-trik-internet/web-se...

26 of 26 03/01/2011 14:24