Upload
zach-johnson
View
206
Download
0
Embed Size (px)
Citation preview
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 1/12
http://gurutik-super.blogspot.com/
1
Kategori : Pemula
Membangun Website
Sekolah Menggunakan
CMS BalitbangBagian 1 : Instalasi CMS Balitbang di Komputer lokal
Modul Seri Panduan
Gurutik-Super.blogspot.com
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 2/12
http://gurutik-super.blogspot.com/
2
Untuk mencoba dan merubah CMS Balitbang di komputer Anda secara
offline, maka CMS Balitbang harus terintegrasi dengan PHP, Apache, dan
MySQL yang ada di komputer Anda. Sehingga Anda harus meng-install
Apache, PHP, dan MySQL terlebih dahulu jika ketiga aplikasi tersebut belum
ter-install.
Anda dapat meng-install nya satu persatu secara terpisah, tetapi agar tidak
repot Anda dapat meng-install paket XAMPP yang didalamnya telah meliputi
ketiga aplikasi tersebut sekaligus.
Step 1. Mendownload dan Menginstal XAMPP
Anda dapat mendownload paket XAMPP secara gratis di
http://www.apachefriends.org/en/xampp.html
Pada modul ini, saya menggunakan XAMPP Lite dengan pertimbangan
bahwa XAMPP Lite memiliki ukuran yang kecil dan ringan dibandingkan
XAMPP biasa,
Adapun cara instalasinya adalah sebagai berikut;
1. Klik ganda file installer XAMPP Lite yang telah anda download. Sampai
muncul kotak dialog seperti berikut,
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 3/12
http://gurutik-super.blogspot.com/
3
Penjelasan :
Destination folder adalah direktori atau folder tempat kita akan
menginstal program XAMPP, Defaultnya program XAMPP akan diinstall
pada direktori C:\.
Anda boleh merubahnya dengan direktori lain, tetapi pada modul ini
saya memilih menggunakan direktori default yaitu di direktori C:\.
Setelah Anda menentukan direktori tempat XAMPP akan di install, klik
tombol Install. Maka proses instalasi akan dimulai.
Tunggu sampai proses instalasi selesai.
2. Setelah installation progress selesai, akan muncul jendela dialog dari
program cmd.exe,
Pada jendela dialog cmd.exe, Anda hanya tinggal menjawab setiap
pertanyaan yang muncul dengan menggunakan pilihan ‘y’ untuk setuju
dan ‘n’ jika Anda tidak setuju.
Mudahnya, Anda tinggal membiarkan dan memilih jawaban yang
secara default sudah disediakan, kemudian tekan Enter.
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 4/12
http://gurutik-super.blogspot.com/
4
3. Jika semua pertanyaan selesai, maka jendela cmd.exe akan menampilkan
keterangan XAMPP is ready to use. Ini berarti program XAMPP berhasil
Anda install. Kemudian tekan Enter.
4. Jendela cmd.exe akan kembali menampilkan menu dengan lima pilihan
dan x sebagai pilihan untuk keluar. Jika Anda ingin mulai menggunakan
XAMPP, pilih 1 kemudian Enter untuk membuka XAMPP Control Panel.Tetapi jika Anda ingin membukanya dilain waktu, anda pilih x untuk
keluar dari jendela cmd.exe
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 5/12
http://gurutik-super.blogspot.com/
5
5. Mengaktifkan Apache dan MySQL dengan membuka Program XAMPP
Control Panel.
Anda dapat mengaktifkan Apache dan MySQL pada XAMPP
Control Panel segera setelah proses instalasi di no 4 tadi dengan memilih
menu no 1 pada jendela cmd.exe.
Jika tidak, maka XAMPP Control Panel dapat Anda buka dengan
membuka menu Start > All Programs > XAMPP For Windows >
XAMPP Control Panel
Pada jendela aplikasi XAMPP Control Panel, klik tombol Start
untuk mengaktifkan Apache dan MySql, jika telah aktif maka akan
muncul tanda berwarna hijau dengan keterangan Running.
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 6/12
http://gurutik-super.blogspot.com/
6
6. Untuk memastikan apakah Apache dan MySQl Anda sudah benar-benar
aktif, silahkan buka web browser Anda, kemudian pada addressbar ketik
localhost , lalu enter. Jika berhasil maka akan muncul tampilan seperti
berikut :
Silahkan pilih bahasa yang paling Anda mengerti, saya memilih English.
Maka akan muncul jendela XAMPP yang menandakan bahwa Webserver local
di komputer Anda telah aktif.
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 7/12
http://gurutik-super.blogspot.com/
7
Step 2. Mendownload dan Menginstal CMS Balitbang
Setelah instalasi paket XAMPP, sekarang kita akan pindah ke tahap instalasi
CMS Balitbang. Langkah-langkahnya adalah sebagai berikut;
1. Persiapan Instalasi CMS Balitbang
Pastikan Anda telah mendownload CMS Balitbang. Jika belum,
silahkan download secara gratis di http://kajianwebsite.org/download/ .
CMS Balitbang yang saya gunakan pada modul ini adalah CMS
Balitbang Versi 3.5.
1.
Mengekstrak File CMS Balitbang.Silahkan ekstrak file CMS Balitbang yang
telah Anda download sebelumnya. Hasil
ekstrak file tersebut akan berada pada folder
bernama webtemp
2. Copy folder Webtemp tersebut. Kemudian paste di direktori
C:\xampplite\htdocs\ , sehingga folder webtemp tersebut ada di folder
htdocs.
3. Buka folder webtemp tersebut, kemudian didalam folder lib temukan dan
edit file config.php menggunakan notepad. Ubah beberapa variable
diantaranya :
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 8/12
http://gurutik-super.blogspot.com/
8
$webhost = “www.websekolah.sch.id”; ganti dengan nama domain
sekolah yang Anda rencanakan, misalnya “www.sman1cipatat.sch.id”)
$webmail = "[email protected]"; ganti dengan nama domain
sekolah Anda, misal menjadi “[email protected]”
$nmsekolah dan $almtsekolah silahkan disesuaikan juga.
Karena disini Anda menggunakan komputer secara offline, maka variable
berikut diisi dengan data sebagai berikut,
$dbhost = "localhost";
$dbuser = "root";
$dbpasswd = ""; dikosongkan saja
$dbname = "myschool"; Sesuaikan dengan nama database yang akan
dibuat dan digunakan. Pada modul ini saya membuat database dengan
nama myschool (cara membuat database dijelaskan dilangkah
berikutnya), sementara ini simpan kembali atau save file config.php
tersebut.
4. Membuat dan mengimport database
Selanjutnya Anda akan membuat database untuk web sekolah Anda,
caranya mudah karena Anda hanya tinggal meng-import database yang
ada pada folder webtemp. Langkahnya,
buka XAMPP Control Panel Anda dan aktifkan Apache dan
MySQL nya.
Buka web browser, pada address bar ketik localhost lalu Enter.
Setelah muncul halaman XAMPP pada webbrowser, disebelah kiri
pada bagian Tools, pilih phpMyAdmin
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 9/12
http://gurutik-super.blogspot.com/
9
Ketik nama database yang akan dibuat pada kotak Create new
database, sesuai dengan nama database yang ditulis pada variable
$dbname di file config.php tadi, disini saya membuat databse
dengan nama “myschool”. kemudian klik tombol Create,
Jika berhasil akan muncul informasi bahwa database telah berhasil
dibuat.
Klik import
Pada kotak File to Import, klik tombol Browser dan cari file
sql-cms.sql yang ada di direktori C:\xampplite\htdocs\webtemp
lalu klik Open
Jika sudah klik tombol Go yang ada pada kotak Format of imported file,
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 10/12
http://gurutik-super.blogspot.com/
10
Jika berhasil maka akan muncul pemberitahuan bahwa import
database berhasil.
Step 3. Membuka Hasil Instalasi CMS Balitbang
Sekarang Anda tinggal melihat hasilnya, dengan mengetikan url
http://localhost/webtemp/ di address bar Web Browser Anda, maka Anda
melihat tampilan calon Web Sekolah Anda seperti di bawah ini,
Anda juga dapat mengganti nama folder webtemp dengan nama sekolah
Anda, jadi saat Anda membukanya di webbrowser secara offline, url yang Anda
ketik adalah
http://localhsot/namasekolah
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 11/12
http://gurutik-super.blogspot.com/
11
Sahabat Guru TIK, terimakasih telah menggunakan modul ini.
Demikianlah tahapan instalasi CMS Balitbang. Semoga ada manfaat yang dapat
Anda ambil dari keberadaan modul sederhana ini.
Tentu masih banyak yang ingin saya sampaikan, diantaranya mengenaipengelolaan data di CMS Balitbang tersebut. Mudah-mudahan bisa saya
sampaikan kembali dalam modul selanjutnya di blog http://gurutik-
super.blogspot.com/ .
Saya juga menyadari betul, modul ini memiliki banyak kekurangan,
karenanya saran yang membangun sangat saya harapkan.
Sampai sini dulu ya, terimakasih.
Salam Guru TIK
5/6/2018 instalCMSBalitbang1 - slidepdf.com
http://slidepdf.com/reader/full/instalcmsbalitbang1 12/12
http://gurutik-super.blogspot.com/
12
Penulis
Ega Permana, mahasiswa Program Studi Pendidikan Ilmu
Komputer Universitas Pendidikan Indonesia.
Email : [email protected]
YM : egapermana2009
Blog : http://gurutik-super.blogspot.com/