Friday, February 24, 2017

TUTORIAL INSTALLASI CMS SEKOLAHKU DI SERVER LOCALHOST

TUTORIAL MEMBUAT WEBSITE SEKOLAH DENGAN CMS SEKOLAHKU

Assalamu alaikum Wr Wb.
Dalam pertemuan kali ini, saya akan membagikan sedikit ilmu saya yaitu mengenai installasi cms sekolahku di server localhost.

Pengertian
Sistem Manajemen konten (Content Management System) adalah perangkat lunak yang digunakan untuk menambahkan atau memanipulasi (mengubah) isi dari suatu situs web.
Situs Web (bahasa inggris: website) adalah suatu halaman web yang saling berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi.

Latar Belakang
CMS merupakan situs web yang menerapkan sistem ini berorientasi terhadap konten. Pada umunya sebuah CMS memiliki 2 bagian kategori yaitu bagian Front-end dan Back-end.
Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti Internet, ataupun jaringan wilayah lokal(LAN) melalui alamat Internet yang dikenali sebagai URL.

Maksud dan Tujuan
Maksud saya membagikan ilmu ini adalah agar kita bisa mengubah maupun menambah isi dari situs web di CMS. Adapun , tujuan saya adalah supaya kita bisa memanipulasi (mengubah) isi dari situs web sendiri dengan mudah.

Alat dan Bahan
1. PC / Laptop / Notebook
2. OS Linux Mint (Boleh OS Lain)
3. Terminal
4. Text Editor (Sublime Text)
5. Web Server (Lamp Server)
6. Web Browser(Mozilla Firefox)
7. File cms-sekolahku.

Langkah-Langkah
1. Bagi pengguna OS Linux, pastikan sudah terinstall web server Apache, PHP, MySQL, dan phpmyadmin di komputer teman-teman. 

Bagi pengguna OS Windows, untuk memudahkan silahkan download XAMPP atau LAMP SERVER. XAMPP download disini https://www.apachefriends.org

2. Download File CMS sekolahku, disini.

3. Extract file cms-sekolahku-v1.4.7.zip dan letakkan di directory htdocs ataupun /var/www/html/nama folder.



4. Ubah nama folder sesuai keinginan (Bila diperlukan).


5. Buka phpMyAdmin di browser dengan mengetikan 
localhost/phpmyadmin

6. Pilih menu "DATABASE" kemudian buat database dengan nama "db_sekolahku".


7. Jika point 6 sukses, database dengan nama db_sekolahku akan muncul disamping kiri.


8. Klik database tersebut dan pilih menu "IMPORT", kemudian browse file dengan nama db_sekolahku.sql yang saya sertakan dalam folder hasil download.





9. Kemudian buka terminal (CTRL+ALT+T), masuk sebagai super user dengan mengetikan perintah
sudo su


10. Berikan hak akses pada folder tadi, dengan mengetikan perintah
chmod 755 "nama directory"
contoh:
chmod 755 /var/www/directory/nama_folder

chown -R www-data:www-data "nama directory"
contoh:
chown -R www-data:www-data /var/www/html/nama_folder

11. Lalu kita kembali ke directory cms-sekolahku/application/config. Kali ini kita akan menambahkan password di phpmyadmin kita. Dengan cara buka lagi terminal , ketikkan perintah
cd /var/www/html/cms-sekolahku/application/config/
       

ls (untuk melihat daftar isi directory)

nano database.php


12. Setelah itu, akan muncul tampilan seperti ini. Tambahkan password database atau phpmyadmin pada baris 'password'. Jika sudah maka simpan dengan menekan tombol ctrl+x dan tekan y lalu enter.

13. Lalu, aktifkan a2enmod rewrite . Tapi kita harus kembali dulu ke directory /var/www/html. Dengan mengetikkan perintah di terminal seperti ini.
cd

cd /var/www/html

Fungsi mod_rewrite ini adalah merubah permalink menjadi judul atau title postingan kita, dengan memasukkan perintah seperti dibawah ini di terminal.

service apache2 restart (untuk merestart apache2)
a2enmod rewrite (untuk mengaktifkan a2enmode rewrite)


14. Jika sudah ketikkan perintah dibawah ini. 
nano /etc/apache2/sites-available/000-default.conf

15. Kemudian akan muncul tampilan seperti ini, maka tambahkan script berikut di bawah baris DocumentRoot /var/www/html
<Directory "/var/www/html">
    AllowOverride All
</Directory>

Ketika AllowOverride diatur untuk memungkinkan penggunaan file .htaccess, httpd akan terlihat di setiap direktori untuk file .htaccess. Dengan demikian, memungkinkan file .htaccess menyebabkan hit kinerja.

Untuk menyimpan tekan tombol ctrl+x dan y lalu tekan enter.

16. Lalu restart apache2, dengan memasukkan perintah
service apache2 restart

17. Jika sudah, masuk ke browser ketikkan localhost/cms-sekolahku/login. Maka akan muncul tampilan Not Found, karena kita belum menambahkan file .htaccess pada folder cms-sekolahku tadi.
18. Untuk menambahkan file .htaccess di folder cms-sekolahku, buka terminal lalu ketikkan perintah
nano /var/www/html/cms-sekolahku/.htaccess

19. Kemudian tambahkan script di bawah ini.
<IfModule mod_rewrite.c>
Options -Indexes
RewriteEngine on
DirectoryIndex index.php
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
<IfModule mod_php5.c>
RewriteRule ^(.*)$ index.php/$1 [L]
</IfModule>
<IfModule !mod_php5.c>
RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>
</IfModule>
<IfModule !mod_rewrite.c>
ErrorDocument 404 /index.php
</IfModule>



20. Jika sudah simpan dengan menekan tombol ctrl+x dan y lalu enter.
21. Setelah itu, kita masuk ke browser lagi dan ketikkan di url localhost/cms-sekolahku/login. Maka akan muncul halaman login admin-nya. Untuk username dan password default dari cms-sekolahku adalah administrator.


22. Jika anda ingin mengunjungi web-nya maka ketikkan perintah 
localhost/cms-sekolahku/

Hasil dan Kesimpulan

Hasilnya kita telah berhasil menginstall dan membuat website sekolah dengan cms sekolahku.


Referensi
sekolah.web.id
https://wikipedia.org/wiki/Sistem_manajemen_konten
https://id.wikipedia.org/wiki/Situs_web
http://cmssekolahku.com/problem/halaman-login-404-not-found/
http://www.rsmjournals.com/howto/htaccess.html

Sekian dari saya, apabila ada kesalahan dalam pengetikan, tata letak, dll saya mohon maaf yang sebesar-besarnya.

Semoga Bermanfaat.


Wassalamu alaikum Wr Wb.

No comments:

Post a Comment