Menyisipkan Kode HTML Dalam Postingan Blog

Anda pasti pernah mengalami kesulitan ketika akan membuat postingan di blog anda yang menyertakan kode-kode HTML dalam content blog anda. dan untuk mengatasi itu banyak website yang menyediakan HTML Escape salah satunya yaitu html-escape

anda tinggal copykan kode HTML yang akan di Escape dan klik button Escape dan copykan hasil kode Escape kedalam postingan blog anda;

Membuat Virtual Host di apache & Ubuntu Server 14.04 LTS

Di dunia website kita sering dengar istilah hosting. dan dalam hosting tersebut terdapat beberapa jenis hosting yang umum kita dengan yaitu:

1. Shared Hosting, hosting jenis ini biasanya harganya murah karena satu server dipake oleh beberapa website
2. VPS/ Cloud Hosting, dari segi harga lumayan mahan karena satu server virtual dimiliki oleh satu orang/ satu pemilik website
3. Dedicated Server, yaitu satu Hadware server (komputer server) dimiliki oleh satu orang/ organisasi, dari segi harga jelas paling mahal, dan bisanya di miliki oleh perusahaan

Dari penjelasan di atas maka kita bisa tahu jika kita punya Dedicate Server, maka kita bisa buat beberapa VPS, dan dalam setiap VPS kita bisa buat untuk banyak Shared Hosting. dan untuk membuat VPS agar bisa dibagi ke beberapa host maka kita perlu buat yang namanya Virtual Host. 

Shared Hosting bisa di ibaratkan sebagai rumah susun, yang memiliki satu alamat tetapi banyak penghuni nya. alamat = IP Server, dan pemiliknya = nama domain, jadi dengan satu IP Server kita bisa punya banyak domain website. demikian penjelasan singkat dari saya dan langsung saja kita masuk ke topik utama nya. 

Ketika install webserver apache di server ubuntu secara default project web kita berada di /var/www/html jadi untuk mengakses project kita tinggal buka di browser anda ketikan http://localhost/folder-project atau http://nama domain/folder-project. jadi ketika webserver kita tidak di buat virtual host maka satu VPS server hanya bisa untuk satu domain untuk bisa beberapa domain dan tanpa harus mengakses folder project nya kita buat virtual host.

Struktur Directory

Virtual Host membuat struktur directory web kita dinamis bisa di letakan di folder manapun misal disini saya letakan di folder /home/web/appdemo dengan nama domain andrianext.web.id, kita buat direktorynya :

# mkdir /home/web/appdemo/andrianext.web.id

root folder tersebut akan kita jadikan untuk directory virtual host kita

copykan file default virtual host apache yang berada di /etc/apache2/sites-available/000-default.conf :

# cp /etc/apache2/sites-available/000-default.conf  /etc/apache2/site-available/andrianext.web.id.conf

buka copyan file tersebut;

# nano /etc/apache2/site-available/andrianext.web.id.conf

edit isinya menjadi seperti berikut

<VirtualHost *:80>

ServerAdmin admin@andrianext.web.id
        ServerName andrianext.web.id
        ServerAlias www.andrianext.web.id
        DocumentRoot /home/web/appdemo
        <Directory /home/web/appdemo>
                AllowOverride All
                Require all granted
        </Directory>
        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined
     
</VirtualHost>

Save CTRL+X, y dan ENTER , dan aktifkan vhost yang telah kita buat dengan perintah

# a2ensite andrianext.web.id.conf

Reload dan restart service apache

# service apache2 reload
# service apache2 restart

Mengaktifkan mod_rewrite apache2 2.4 di Ubuntu 14.04 LTS

Pernahkan anda mengalami masalah ketika mengupload project web di server yang baru misal anda upload di VPS dengan system operasi linux ubuntu server dan ketika di akses hanya menampilkan halaman depan saja dan semua menu/fungsi di web anda tidak berjalan. itu mungkin anda belum mengaktifkan mod_rewrite untuk htaccses nya di apache server anda.

Installasi Apache Webserver di Ubuntu 14.04 LTS secara default menggunakan apache2.4 sedangkan di Ubuntu 12.04 LTS menggunakan apache2.2. dan di versi baru ini configurasinya juga berbeda.

Langsung saja untuk mengaktifkan mod_rewrite login ke server anda;

sudo a2enmod rewrite

Restart apache anda

service apache2 restart

kemudian edit default Virtualhost di ;

sudo nano /etc/apache2/site-available/000-default.conf

cari tulisan "DocumentRoot /var/www/html" dan copykan berikut ini di bawah nya

<Directory "/var/www/html">
    AllowOverride All
</Directory> 

simpan dengan CTRL+x, Y, dan ENTER

kemudian restart lagi apache servicenya

service apache2 restart

dan anda bisa cek mod_rewrite nya di info.php

demikian cara mengaktifkan mod_rewrite di apache webserver, berikutnya saya akan post cara membuat vhost (virtual host) di apache webserver

Tutorial Membuat NavBar Menu Dinamis + CRUD di Codeigniter bagian2 ; CRUD Menu

CRUD ( Create Read Update dan Delete ) di Codeigniter

Di codeigniter menggunakan MVC (Model, View dan controller), dimana Model : untuk membuat query database, View : untuk menampilkan halaman yang kita buat, dan controller : yang menghubungkan antara model dan view. Untuk membuat form input, dan update di codeigniter yang pertama harus di buat dulu controllernya, kemudian views untuk menampilkan contentnya. 

Menampilkan data dari tabel menu

Langsung saja kembali ke topik awal kita buat controller terlebih dahulu;

application/controller/menu.php

copykan script di bawah ini;

class Menu extends CI_Controller{

   

    function __construct() {

        parent::__construct();

    }

   

    function index() {      

        $data['record']=  $this->db->get('tb_menu')->result();

        $this->template->display('menu/view',$data);

    }

}

Kemudian save dan buat views nya, application/views/menu/view.php, berikut view scriptnya

Buka https://localhost/andrianext , masukan user login : andrianext , password : admin , setlah masuk ke halaman dashboard pilih menu admin - menu seting maka akan tampil data menu seperti berikut;

Membuat form input data untuk tabel menu

Buat form input, buka controller menu ; application/controller/menu.php 

Tambahkan fungsi add/tambah di controller seperti script berikut;

function add() {

        if(isset($_POST['submit'])) {

            $data   =   array(  'nama_menu' =>  $_POST['nama'],

                                'link'      =>  $_POST['link'],

                                'icon'      =>  $_POST['icon'],

                                'kat_menu'  =>  $_POST['kat_menu']);

            $this->db->insert('tb_menu',$data);

            redirect('menu');

        }

        else {

            $data['record']=$this->db->get_where('tb_menu', array('kat_menu' =>0))->result();            

            $this->template->display('menu/tambah',$data);

        }

    }

Penjelasan singkat script diatas :

- Baris pertama nama function tambah / add

- Baris ke 2 s/d 8 pengecekan kondisi dimana ketika function add di panggil dan ifen $_POST[submit] di jalankan maka akan mengambil data di form input dan menyimpan ya ke tabel database

- Baris 9 s/d 13 menampilkan form inputan yang masih kosong dan kemudian menampilkan dropdown menu dari tabel menu.

Kemudian buat form inputnya di application/views/menu/tambah.php;

 Hasil form tambah dari script di atas;

Membuat form edit data 

Buka application/controller/menu.php 

Tambahkan fungsi edit di controller seperti script berikut;

function edit()

    {

        if(isset($_POST['submit']))

        {

            $data   =   array(  'nama_menu' =>  $_POST['nama'],

                                'link'      =>  $_POST['link'],

                                'icon'      =>  $_POST['icon'],

                                'kat_menu'  =>  $_POST['kat_menu']);

            $this->db->where('id_menu',$_POST['id']);

            $this->db->update('tb_menu',$data);

            redirect('menu');

        }

        else {

            $id= $this->uri->segment(3);

            $data['record']=  $this->db->get_where('tb_menu',array('id_menu'=> $id))->row_array();

            $data['katmenu']=$this->db->get_where('tb_menu', array('kat_menu' =>0))->result(); 

            $this->template->display('menu/edit',$data);

        }

    }

Selanjutnya buat view form editnya;

application/views/menu/edittambah.php ;

Hasil form edit seperti berikut;

Membuat function delete data

Buka kembali application/controller/menu.php , tamnahkan script berikut ini

function delete($id){

$this->db->where('id_menu',$id);

$this->db->delete('tb_menu');

        redirect('menu');

    }

Demikian tutotial membuat CRUD di codeigniter yang mungkin masih banyak kekurangan. dan semoga bisa membantu pembaca yang membutuhkan.

untuk lebih mudahnya berikut saya lampirkan source code  project lengkapnya di Download

dan untuk demo aplikasinya bisa anda buka di http://app.andrianext.web.id

Tutorial Membuat NavBar Menu Dinamis + CRUD di Codeigniter bagian1; Membuat NavBar Menu Dinamis

Membuat NavBar Menu Dinamis

Jumpa lagi dengan saya di andrianext.web.id, melanjutkan dari tutorial sebelumnya yaitu membuat login multi user di codeigniter  kali ini saya akan sharing bagaimana membuat Navbar Menu yang Dinamis. kenapa di sebut dinamis karena menu-menu yang akan di tampilkan berasal dari tabel database yang kita buat sendiri. Sebelumnya saya anggap anda sudah memiliki sebuah project/ folder di webserver local anda yang berisi source code codeigniter, dan untuk source code lengkapnya anda bisa download di tutorial saya sebelumnya/ langsung dari website resmi codeigniternya.

Dan langsung saja kita mulai dari membuat tabel databasenya di mysql ;

Buat tabel menu dengan nama tb_menu, disini saya menggunakan phpmyadmin untuk mempermudah management databasenya;

CREATE TABLE IF NOT EXISTS `tb_menu` (`id_menu` int(11) NOT NULL,  `nama_menu` varchar(50) NOT NULL,  `icon` varchar(20) NOT NULL,  `link` varchar(25) NOT NULL,  `kat_menu` int(11) NOT NULL) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=latin1;ALTER TABLE `tb_menu`ADD PRIMARY KEY (`id_menu`);
ALTER TABLE `tb_menu`MODIFY `id_menu` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=8;

Isi tabelnya dengan data sample seperti beriku;

INSERT INTO `tb_menu` (`id_menu`, `nama_menu`, `icon`, `link`, `kat_menu`) VALUES(1, 'Dasboard', 'fa fa-dashboard', '#', 0),(2, 'Dasboard 1', 'fa fa-dashboard', 'dashboard', 1),(3, 'Dasboard 2', 'fa fa-dashboard', 'dashboard/2', 1),(4, 'Seting Menu', 'fa fa-gears', '#', 0),(6, 'menu admin', 'fa fa-gear', 'menu', 4),(7, 'Page', 'fa fa-folder', 'menu/page', 0);

Lakukan beberapa config di codeigniter anda seperti beriku;

application/config/config.php

$config['base_url'] = 'http://localhost/andrianext/';

application/config/database.php

$db['default']['hostname'] = 'localhost';$db['default']['username'] = 'root';          
$db['default']['password'] = '';$db['default']['database'] = 'multilogin';  
$db['default']['dbdriver'] = 'mysql';

application/config/autoload.php

$autoload['libraries'] = array('database','session','form_validation','template');
$autoload['helper'] = array('url');

Selanjutnya kita akan menampilkan tabel menu tersebut ke dalam aplikasi web kita. Dan dalam tutorial kali ini saya menggunakan template Admin LTE yang sudah saya integrasikan dengan codeigniter, anda bisa anda download  source code yang sudah lengkap dengan template tersebut di tutorial saya sebelumnya membuat login multi user di codeigniter.

Masuk di application/views/template/sidebar.php

Cari dan delete code berikut :  

Copykan script berikut persis di script code yang anda delete di atas;

Buka project anda di http://localhost/andrianext/dashboard, maka akan tampak hasilnya seperti berikut ini:

Dalam menu sidebar di atas terlihat menu-menu yang berasal dari tabel menu yang kita buat sebelumnya.

Ok demikian untuk menampilkan menu dinamis dan selanjutnya kita akan membuta CRUD untuk menu dinamis tersebut. di  tutorial berikutnya.

Install Webmin dan Seting Modul Samba File Sharing untuk Samba4

Untuk menginstall webmin anda harus menginstall webserver terlebih dahulu sereprti yang sudah saya jelaskan di tutorial sebelumnya di Install Web Server di Ubuntu Server 14.04 dengan LAMP. Langsung saja berikut instalasinya;

Tambahkan repo webmin terlebih dahulu di sources.list server anda

# nano /etc/apt/sources.list

Tekan tombol CTRL+W kemudian CTRL+V supaya anda bisa langsung berada di akhir file tersebut, lalu tambahkan dua baris berikut ini :

deb http://download.webmin.com/download/repository sarge contrib

deb http://webmin.mirror.somersettechsolutions.co.uk/repository sarge contrib

Simpan dengan CTRL+X dan Y,

Selanjutnya tambahkan Webmin GPG key kedalam apt dengan perintah : 

wget -q http://www.webmin.com/jcameron-key.asc -O- | sudo apt-key add-

Sebelum anda install webmin, silahkan update terlebih dahulu : update server anda

# apt-get update

Selanjutnya Intall webmin

# apt-get install webmin –y

Setelah proses instalasi selesai, silahkan akses control panel webmin anda di URL https://192.168.10.100:10000 atau https://andrianext.web.iddomain:10000

Pada saat anda membuka URL tersebut di browser anda biasanya terjadi privacy error atau peringatan your server’s SSL certificate is not trusted. Hal ini terjadi karena secara default webmin telah membuat SSL certificate. Untuk menangani hal ini, jika anda menggunakan browser google chrome silahkan anda klik advanced, kemudian klik proceed to IP_address atau domain(unsafe). Sedangkan apabila anda menggunakan browser mozilla firefox silahkan anda klik I Understand the Risks, kemudian klik tombol Add Exception dan tombol Confirm Security Exception.

Selanjutnya anda masukan username dan password pada halaman login webmin seperti berikut ini :

Seting Samba Windows File Sharing di webmin untuk samba4

Default configurasi Samba Windows File Sharing di webmin menggunakan samba3 dan untuk mengubahnya ke samba4 anda harus seting di modul webmin terlebih dahulu.

Setelah anda login webmin modul windows file sharing bisanya belum terinstall untuk menginstallnya anda harus masuk ke menu – Un-used Modules, cari samba windows file sharing kemudian klik install modules.

Setelah modules samba windows file sharing terinstall maka di menu Servers akan muncul modul tersebut seperti ini;

Klik Module Config dan ubah confignya seperti beriku:

Klik save untuk melakukan perubahan. Demikian install dan seting samba4 di webmin.

Configurasi Windows Client untuk Join domain ke Server Samba4

Dari pembahasan sebelumnya yaitu membuat server AD/DC Samba4 di Ubuntu Server14.04, sekarang giliran kita seting windows client untuk join domain ke server yang telah kita seting sebelumnya. Berikut yang harus anda lakukan untuk join domain ke server;

Saya menggunkan windows 7 sebagai client untuk join domain ke server.

1. Masuk ke Control Panel | Network and Internet connectins | Network and Shring Center
2.  Double klik Local Area Connection | Pilih Properties
3.  Double klik Internet Protocol (TCP/IP)
4. Masukan IP Address yang digunakan beserta netmask dan gateway
5. Set primary dns server dengan IP Address server domain / IP Addres router anda
6. Klik OK
7. Buka command prompt
8. Start Menu | Run, ketik cmd
9. Ketik ping domain server ( ping andrianext.web.id ), jika terdapat reply maka client bisa join domain ke server samba4 yang anda buat.

hasil test ping koneksi ke server andrianext.web.id/192.168.10.100

Join Domain

1. Untuk join domain login pada windows sebagai administrator
2. Klik kanan pada My Computer | Properties
3. Pilih Computer Name, klik Change, pilih Domain kemudian masukan nama domain yang telah dibuat ( andrianext.web.id )
4. Klik OK, masukan username administrator dan password pada saat seting Provisioning Samba4 (P@ssw0rdsamba)
5. Klik OK, dan restart komputer anda

Jika berhasil join domain, maka akan muncul notifikasi seperti di atas. Demikian tutorial dari saya nantikan tutorial berikutnya tetap di andrianext.web.id 

Salam, Thank

Install NTP Server di Ubuntu Server14.04

Masih berhubungan dengan tutorial sebelumnya yang membahas Active Directory Samba4, sebagai optional saja yaitu instal NTP Server.

NTP Server di gunakan untuk Sinkronisai time/waktu di PC client pada LAN ( Local Area network).

langsung saja berikut cara install dan confignya:

# apt-get install ntp# nano /etc/ntp.conf

Ganti alamat server dengan ntp server di indonesia seperti pada gambar berikut ini;

Kemudian restart ntp server anda kemuidan jalankan perintah ntpq -p ;

# service ntp restart# ntpq –p

Jika check ntp dengan perintah ntpq –p pada bagian LOCAL ada tanda(*) berarti server ntp sudah sinkron, dan dapat di gunakan oleh client. Tanda asterik(*) biasanya membutuhkan beberapa menit untuk sinkronsinasinya.

Seting Time PC Client

untuk seting time di windows anda cukup double klik icon jam&tanggal di pojok bawah | change date and time | Internet Time, di kolom server ketikan dns server yang telah anda buat sperti berikut dan klik update;

Jika sukses maka akan muncul keterangan seperti diatas. Demikian untuk sinkronisasi time client di windows.

Install dan Configurasi Active directory Samba4 di Ubuntu Server14.04 bagian3 : Install DNS Server, setup Dynamic DNS & Kerberos

DNS server di sini digunkan untuk join Samba4 Active directory dari PC client windows, jadi DNS server digunakan untuk kounikasi antara server dengan PC client, berikut untuk instalasi DNS server menggunakan bind9.

# apt-get install bind9 bind9untils bind9-host

Samba4 yng dicompile dan install memiliki database DNS sendiri yang harus di masukan kedalam configurasi DNS server yang sudah ada agar samab4 berjalan dengan lancar.

Configurasi named.conf

Samba4 memiliki file named.conf sendiri untuk configurasi dns dengan metode DLZ  (Dynamically Loadable Zone). Tambahkan include “/usr/local/samba/private/named.conf”; di baris paling bawah pada named.conf

# nano /etc/bind/named.conf

Remove Apparmor

Apparmor ini merupakan firewall seperti halnya Selinux pada Redhat/CentOS. Agar DNS yang dikonfigurasi berjalan sesuai keinginan, maka kita harus membuang apparmor ini dari sistem. Selain Apparmor, package resolvconf juga harus dibuang agar kita dapat konfigurasi file resolv.conf secara manual

# apt-get remove –purge apparmor resolvconf

# apt-get remove

# apt-get autoremove

Setelah package diatas dibuang, restart terlebih dahulu sistem operasi Ubuntu yang digunakan agar melakukan apply

Configurasi named.conf samba4

Anda cek dulu versi bind9 yang di gunakan dengan perintah.

# dpkg -l bind9

Dari hasil perintah pengechekan bind9 diatas didapatkan bind9 versi 9.9.5 Hal ini menjadi penting karena terkait DLZ yang akan digunakan pada Samba4. Check database dlz agar menggunakan bind sesuai dengan versi yang dihasilkan dari perintah diatas

# cat /usr/local/samba/private/named.conf

Dari hasil pengecheckan diatas didapatkan bahwa by default Samba4 menggunakan DLZ untuk bind 9.9.x. Jika bind9 yang kita install merupakan versi 9.8.x, maka berikan tanda # pada database bind 9.8.x dan hilangkan tanda # pada database bind 9.9.x

Configurasi Resolv.conf

Masuk ke configurasi file /etc/resolv.conf berikut: 

# nano /etc/resolv.conf

Andrianext.web.id merupakan domain yang saya gunakan, IP Address 192.168.10.100 merupakan IP Address server samba4, dan 192.168.10.1 adalah gateway router untuk keneksi ke internet di jaringan local saya.

Test configurasi DNS Server

Setelah semua configurasi di sesuaikan, testing hasil konfigurasi DNS tersebut dengan perintah berikut :

# host -t SRV _ldap._tcp.andrianext.web.id.
# host -t SRV _kerberos._udp.andrianext.web.id.
# host -t A andrianext.web.id.

Configurasi Kerberos

Backup terlebih dahulu file /etc/krb5.conf, kemudian copykan file dari /usr/loacl/samba/private/krb5.conf ke /etc/krb5.conf

# cp /etc/krb5.conf /etc/krb5.conf_ori

# cp /usr/local/samba/private/krb5.conf /etc/krb5.conf

Kemudian testing kerberos

# kinit administartor

# klist –e

Konfigurasi Kerberos Dns Dynamic Updates (Optional)

Konfigurasi Kerberos Dynamic DNS ini bersifat opsional, akan tetapi fungsi dari Dynamic DNS adalah menyimpan data record hostname dan ip address klien yang melakukan join pada Samba4. Tambahkan tkey-gssapi-keytab “/usr/local/samba/private/dns.keytab”; pada named.conf.options dan berada dalam konfigurasi options {…}.

# nano /etc/bind/named.conf.options

Setelah melakukan penambahan pada named.conf, ubah kepemilikannya

# chgrp bind /usr/local/samba/private/dns.keytab

# chmod g+r /usr/local/samba/private/dns.keytab

cek apakah ada update terbaru mengenai dynamic DNS updates

# /usr/local/samba/sbin/samba_dnsupdate –verbose

demikian tutorial active directory samba4 di ubuntu server 14.04, tahap selanjutnya adalah seting PC Client untuk join domain ke server samba4 dan seting folder sharing untuk client.