Bab1:Installasi

BabI

UntukmenjalankandanmempraktekanWebSiteSekolahiniada2 UntukmenjalankandanmempraktekanWebSiteSekolahiniada2
tahap rusdiinstalldikomputer: aninstallasiyangha
InstallasiWebServer.
InstallasiWebSekolah.
Installasi

A. InstallasiWebServer
Web server adalah sebuah perangkat keras dan perangkat lunak dan
merupakan aplikasi utama untuk menyimpan dan mengirimkan
okumen web (HTML, PHP, ASP, JSP). Untuk menyiapkan/melakukan
nstallasiwebserverdiperlukanbeberapaperangkat,antaralain:
d
i

PerangkatKeras
1. UnitPCCalonServerWeb
2. PerangkatJaringan(KabelUTP,Switch/Hub,Ethernet)
PerangkatLunak
1. SistemOperasi(WindowsXP,Windows2000,Windows2003,
Linux)
2. PerangkatLunak(XAMPPS,Appserv,PHPTriads)
1. Sistemoperasi
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

1
Hampir semua sistem operasi mampu menjalankan aplikasi web dan
sekaligus dapat dijadikan webserver. Pada tahap installasi ini

Bab1:Installasi
menggunakan sistem operasi Microsoft Windows XP service pack 2.
Windows dipilih karena keluasan penggunaan oleh masyarakat
pengguna komputer di Indonesia. Untuk menjadi sebuah web server
sebuah personal komputer perlu ditambahkan sebuah aplikasi server
web,misalnyaXAMPP.
2. Installasi(PHP,MySQL,Apache)denganmenggunakanXAMP

Sebelum melakukan installasi,
perlu disiapkan software paket
XAMPP terlebih dahulu dengan
embuka Installer XAMPP versi
.7.2.
m
1

LangkahInstallasi

1. Jalankan aplikasi Xammp,

maka akan muncul kotak
dialog untuk menempatkan
XAMPP ke dalam folder yang
dikehendaki. Secara default
C:\xampp. Klik Browse jika
nda ingin menginstall pada
okasilain.
a
l

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

2. KlikInstall.
Installasiakanmenjalani
prosespenginstallanseperti
gambardisamping,tunggu

Bab1:Installasi
hinggamunculkotakdialogDosPromptsepertigambardibawah.

TekanEnterbeberapakaliuntuksampaipadaprosessepertigambar
ibawahini: d

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

Tekan1laluEnteruntuk
menjalankanControlPanel
Aplicationyangakanmuncul
kotakdialogControlpaneldi
bagiankanandesktop,lalu
lanjutkandenganmenekanx
laluEnterpadapilihanyang
tampilpadaDosPromptuntuk

Bab1:Installasi
keluardariprosespenginstallan.Direkomendasikanuntuk
b g
a
120MenitBelajarSendiri|Membuat Websi t e Sekol ah
mem erikantandacek()padaModulesApachedanMySqla ar
langsungbekerjapadas atkomputerdinyalakanataurestart.
3. Klik keempat tombol Start untuk menjalankan Apache, MySql,
ileZilla dan Mercury. Klik Unblock jika kotak dialog Windows
ecurityAlertmuncul.
F
S

ikaberhasil,aplikasiXamppControlpanelakanterlihatsepertipada
ambardibawahini:
J
g

Bab1:Installasi
Setelah 100% Complete, Web Server siap digunakan untuk
menerima filefile web. Sampai di sini tahap installasi web server
selesai.
4. Untukmengujinyasilahkanbukabrowser:InternetExplorer,Mozilla
FireFox atau browser lainnya, ketikkan localhost lalu Enter pada
bagianAddress.

PilihEnglish,laluakantampakhalamanwebsepertidibawahini:
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

Bab1:Installasi

B. Installasi WebsiteSekolah
Setelah selesai installasi web server, dilanjutkan dengan installasi
Website Sekolah. Untuk menginstallnya, pastikan folder yang berisi
materi file website sekolah (nama folder webtemp) sudah dicopy ke
folder htdocs yang berada pada drive C > Xampp, seperti gambar di
bawahini:

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

Bab1:Installasi

Adapunlangkahlangkahinstallasinyasebagaiberikut:
1. Membuat database, dapat dilakukan dengan cara mengetikkan pada
browser: http://localhost/phpmyadmin. Setelah terbuka, pada
kolomCreateNewdatabaseisilahnamadatabaselaluklikCreate.
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

Bab1:Installasi

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

2. lik webtemp (0) pada gambar di atas sehingga terlihat pada

ambardibawah:
K
g

KliktombolImport.

Bab1:Installasi

KliktombolBrowseuntukmemasukkanfileyangakandiimport.

3. Pilih file sqlcms.sql yang berada pada folder xampp > htdocs >
webtemp,laluklikOpen.

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

Bab1:Installasi
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

10

lik tombol Go untuk mengakhirinya, sehingga dengan demikian

eluruhdatabaseyangdibutuhkandalamwebsitetelahtersedia.
K
s

Bab1:Installasi
4. Bukalahbrowserdanketikkan:http://localhost/webtemp.
Jikaberhasilmakaakanmuncultampilansepertigambarberikut:

120MenitBelajarSendiri|Membuat Websi t e Sekol ah

11
5. ukafileconfig.phppadafolderxampp>htdocs>webtemp>lib
enganmenggunakanaplikasinotepad
B
d

Bab1:Installasi
120MenitBelajarSendiri|Membuat Websi t e Sekol ah
K
s

lik kanan pada file config.php lalu buka dengan aplikasi Notepad
epertiterlihatpadagambardibawah:

Gantiinformasidatasekolahyangterdapatpadafileconfig.phpyang
telahdibukadenganaplikasiNotepadsepertipadagambardibawah
teks yang diblok). Isikan email admin pada baris $email1 dan
email2(barisyangdilingkarimerah).
(
$

namaemailtidakperlu
menggunakan@yahoo.
Contoh:kajianwebsite
$dbnameharussama
dengannamadatabaseyang
andabuat(phpMyAdmin).

12

Bab1:Installasi
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

13
Jika sudah, pilih menu File > save untuk menyimpan perubahan,
tutupaplikasiNotepad.

Cobalah hasil pekerjaan anda dengan membuka browser lalu

ketikkan:http://localhost/webtemp/admin.

Untukdapatlogin,masukkanUsernamedanPassworddengannama
admin, lalu akan muncul jendela website seperti pada gambar di
awah:

Bab1:Installasi
120 nitBelajarSendiri|Membuat Websi t e Sekol ah Me

14

ampilan gambar di atas merupakan halaman utama admin untuk

engeditisidantampilanwebsitesekolah.
T
m

Bab1:Installasi
120MenitBelajarSendiri|Membuat Websi t e Sekol ah

15