logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery Kontak
Google Powered Search
 
ilmugrafis » WEB DESAIN - DREAMWEAVER » Session 1  |  » Session 2

Membuat Server Lokal pada Laptop atau PC

Publish: 13 Mei 2012 | Author & Copyright: Johan | Status: FREE tutorial

Pada tutorial Website kali ini kita akan sedikit belajar tentang bagaimana cara membuat komputer atau laptop kita menjadi sebuah server (web server lokal atau dikenal dengan localhost). Server ini gunanya untuk menjalankan pemrograman PHP yang disertai DATABASE dan MySQL, JQUERY, maupun AJAX karena untuk menjalankan program - program scripting kita perlu menggunakan SERVER. Nah sebagai pemula maka kita terlebih dahulu belajar membuat website secara offline bukan? untuk itulah perlunya membuat server di PC atau Laptop kita sehingga kita bisa mengetes Program maupun Script yang telah kita buat.

Sebagai contoh, dalam keadaan OFFLINE web berformat *.Php dengan berformat *.Html. keduanya sama - sama bentuk extensi dari sebuah halaman website, namun ketika kita mengakses web dengan extensi php maka file web tersebut tidak akan terbuka pada browser kita. coba jika extensi tersebut adalah html (web statis) maka meskipun tanpa bantuan server, halaman web tersebut akan tetap bisa terbaca oleh browser kita.

Disini saya memberikan contoh file php dan contoh file html. bisa Didownload disini, agar tahu perbedaannya buka kedua file tersebut menggunakan browser anda (bisa firefox, chrome, internet explorer, safari, opera, dll)

Nah sekarang kembali ke cara membuatnya severnya (web server lokal atau localhost) bagaimana?
Ada beberapa jenis Software untuk Membangun Web Server lokal atau Localhost yang support Windows diantaranya adalah :

1. WampServer, Download di http://www.wampserver.com
2. XAMPP, Download di http://www.apachefriends.org/en/xampp-windows.html
3. AppServ, Download di http://www.appservnetwork.com
4. Php Triad, bisa dicari di Google Search atau http://sourceforge.net/projects/phptriad/

Software di atas merupakan gabungan dari php, mysql database dan apache. Semuanya memiliki fungsi dan kemampuan yang sama untuk membangun sebuah Webserver lokal pada Komputer PC maupun Laptop anda. Tidak perlu di instal semuanya, cukup pilih salah satu saja program dari 4 program yang saya contohkan di atas, disini saya menggunakan XAMPP. Program XAMPP merupakan sebuah paket instalasi untuk PHP, APACHE dan MySQL. Dengan menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software itu secara terpisah.

Bagaimana cara instalasinya? Seperti biasa tinggal download lalu instal seperti program windows pada umumnya.

Setelah selesai instalasi Langkah selanjutnya adalah menjalankan servicenya, maka Jalankan file xampp
Caranya:
1. klik kiri2x XAMPP Control Panel yang ada di desktop. Atau anda juga dapat menjalankan XAMPP Control Panel dari menu Start -> All Programs -> apachefriends -> xampp -> xampp control panel
xampp control panel
Tekan Start pada Apache dan MySql

2. Buka web browser anda, lalu ketikkan ---> http://localhost <lalu tekan enter>. Jika tampilannya seperti di bawah ini, maka apache sudah terinstall dengan benar
xampp
3. Dari tampilan yang muncul Anda dapat melakukan berbagai administrasi untuk server Anda termasuk membuat database SQL di Phpmyadmin, pilih English
xampp

4. Untuk menonaktifkan server lokal Anda, keluar dari XAMPP Control Panel. Caranya, pada XAMPP Control Panel, klik [Stop] pada masing-masing [Apache] dan [MySql], lalu tutup jendela kontrol panel (klik X pada pojok kanan atas)

5. Agar terbaca pada server maka kita harus meletakkan file - file php kita di document root milik XAMPP terletak pada folder
(jika anda menginstal di directory file C) maka C:\Program Files\apachefriends\xampp\htdocs\(folder web anda)\index.php
Contoh: disini saya membuat offline www.ilmugrafis.com , maka di dalam htdocs saya membuat folder bernama "www.ilmugrafis.com" untuk project saya
(catatan penting: index.php --> file pertama yang dibaca oleh browser adalah index jadi untuk halaman utama wajib diberi nama index.php)

Untuk mengakses filenya, di browser tinggal ketik, http://localhost/(nama folder yang ada di htdocs)/index.php
Contoh: http://localhost/www.ilmugrafis.com/index.php

Maka di browser akan tampil isi dari index.php yang ada di folder www.ilmugrafis.com

Menarik bukan bermain web server di Komputer / Laptop. hehehe... Tunggu tutorial selanjutnya yang lebih seru, seperti membuat database sederhana di Server lokal, JQuery, dll
Terima kasih, Semoga Bermanfaat ^_^/

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Subscribe ilmuGrafis.com via Email


author

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai komputer grafis terutama program photoshop dan coreldraw. Saat ini bekerja sebagai designer grafis di salah satu perusahaan swasta di Surabaya.
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ : johan felisitas
Facebook : facebook.com/tomuramaster
Email : johan.felisitas[at]gmail[dot]com



Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh www.ilmuGrafis.net
HTML CSS
Website HTML CSS

Video Tutorial Cara Pembuatan Website dengan HTML Fundamental dan CSS Style
PHP 1
Pemrograman PHP

Video Tutorial Cara Membuat dan Memprogram Website Dinamis dengan PHP
DREAMWEAVER
Webdesain Dreamweaver

CD Tutorial ini berisi tips dan trik desain website dengan Dreamweaver dan Photoshop
joomla premium templateJoomla Template
Joomla Premium Template Koleksi template premium untuk CMS Joomla 1.5 , 2.5 dan 3.0
Flash Animation
FLASH CS4 Animasi

Membahas cara menguasai Adobe Flash CS4 dalam pembuatan animasi dan website
webmaster collection
Webmaster Collection

Webmaster Collection terdapat Ribuan jenis dan type Template Web Professional


ARTsense 1
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use
Search Pilih Kategori
PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Extra
CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Extra Tools
PHOTOGRAPHY
Lightroom
VECTORIZE
Adobe Illustrator
ANIMATION
Flash
Swishmax
MODELING
3dsMAX
AutoCAD
Cinema 4D
Maya
VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle
WEB DEVELOPER
Dreamweaver
jQuery
Fireworks
PUBLISHING
Freehand
InDesign
Ms. Paint
Ms. Visio
FREEWARE
Gimp
Inkscape
CREATIVE-ZONE
Gallery
Papercraft
Liga Grafis
Hall Of Fame
EXTRA
News
Artikel
Hiburan
Bursa Kerja
Jasa Grafis

Link To Us
ilmu grafis indonesia

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top