12
  Kategori : Pemula Membangun Website Sekolah Menggunakan CMS Balitbang Bagian 1 : Instalasi CMS Balitbang di Komputer lokal

instalCMSBalitbang1

Embed Size (px)

Citation preview

Page 1: instalCMSBalitbang1

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

Page 2: instalCMSBalitbang1

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,

Page 3: instalCMSBalitbang1

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.

Page 4: instalCMSBalitbang1

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

Page 5: instalCMSBalitbang1

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.

Page 6: instalCMSBalitbang1

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.

Page 7: instalCMSBalitbang1

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 :

Page 8: instalCMSBalitbang1

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 

Page 9: instalCMSBalitbang1

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,

Page 10: instalCMSBalitbang1

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 

Page 11: instalCMSBalitbang1

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

Page 12: instalCMSBalitbang1

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/