Cara menggunakan php editor

Question

Setelah artikel sebelumnya adalah Pengenalan Apa itu PHP dan Fungsinya dalam Pemrograman Web sekarang kita langsung coba mempraktekan Tutorial PHP : Cara Membuat dan Menjalankan File PHP dengan XAMPP

Table of Contents Show

Cara Menjalankan file PHP
Cara Membuat File PHP
Cara Menjalankan File PHP dengan XAMPP
Bagaimana menjalankan PHP?
Apa yang bisa dibuat dengan PHP?
Apa fungsi PHP yang anda ketahui?
Jelaskan tools apa yg harus dipersiapkan untuk pemrograman web menggunakan PHP?

Cara Menjalankan file PHP

Pertama-tama yang harus anda lakukan adalah mengenal apa itu folder htdocs yang ada di program XAMPP, Agar dapat mengakses halaman PHP dari web browser, maka anda harus menempatkan file PHP di dalam folder khusus yang merupakan folder home dari web server.

Biasanya folder htdocs terletak pada C:\xampp\htdocs Jika anda mengikuti pada tutorial sebelumnya yaitu Tutorial Cara Mengintall XAMPP di Windows

Berikut Screenshot :

Perhatikan folder yang di sorot warna putih, itulah letak folder untuk menempatkan file php, anda dapat menyimpan seluruh proyek pemrograman web anda di dalam folder tersebut, sebagai pemisah dengan proyek lain buat saja folder baru agar dapat terstruktur dengan rapih.

Sedangkan untuk pengguna linux ubuntu biasanya anda dapat install XAMPP versi linux 64bit di taruh di folder /opt/lampp/htdocs/ atau /var/www/ jika anda menginstall web server Apache, PHP, dan MySQL / phpmyadmin secara terpisah. di situlah anda dapat menaruh seluruh halaman pada komputer dengan sistem operasi linux.

Untuk tutorial pengguna linux masih coming soon hehehe.

Cara Membuat File PHP

File php adalah pada dasarnya kumpulan text biasa yang di tulis dengan aturan-aturan tertentu pada library nya, biasa dibuat dengan menggunakan aplikasi text editor khusus pemrograman seperti Notepad++, Sublime Text, Atom dan sebagainya. Atau anda dapat membaca artikel sebelumnya yaitu Rekomendasi Text Editor Paling Populer untuk Pemrograman PHP.

Langkah yang pertama yang harus dilakukan adalah membuat folder yang terdapat pada htdocs yang diatas tadi. Buat file bernama belajar di folder C:\xampp\htdocs\belajar .

Lalu anda buka text editor anda. Kali ini saya memakai text editor Sublime text sebagai contohnya.

Sebagai isian dari file tersebut, silahkan ketikkan kode php berikut :

";
   echo "Hallo Dunia !";
?>

Kemudian save kode anda dengan nama contoh.php simpan pada folder C:\xampp\htdocs\belajar\contoh.php

Cara Menjalankan File PHP dengan XAMPP

Setelah itu silahkan buka web browser anda seperti mozilla firefox, chrome atau apa saja yang penting aplikasi tersebut adalah web browser lalu ketikan alamat http://localhost/belajar/contoh.php, jika semua sudah benar maka seharusnya akan tampil seperti gambar di bawah ini.

Jika di browser muncul tulisan " Aku sedang belajar php " dan " Halo Dunia ! ", Selamat ! anda sudah berhasil membuat dan menjalankan program php dengan xampp dan dapat melangkah ke tutorial selanjutnya.

Selamat datang kembali di blog Mari belajar coding. Pada tutorial kali ini kita akan belajar membuat form dengan text editor seperti saat kita ingin menulis sebuah artikel di blogspot atau wordpress. Ada beberapa plugins yang menyediakan text editor wysiwyg seperti CKEditor, TinyMCE, Froala dan masih banyak lagi. Akan tetapi pada tutorial ini saya akan menjelaskan cara membuat text editor menggunakan plugin CKEditor.

Cara Membuat Text Editor dengan CKEditor

Download plugin Ckeditor terlebih dahulu. Silahkan pilih yang full package untuk mendapatkan semua fitur yang ada di CKEditor.

Download KCFinder, KCFinder adalah file manager yang dapat diintegrasikan ke dalam text editor web seperti FCKeditor, CKEditor, dan TinyMCE untuk mengunggah dan mengelola gambar, film flash, dan file lain yang dapat disematkan dalam konten HTML yang dihasilkan editor.

Buat folder editor didalam directory xampp/htdocs. Silahkan ekstrak plugin CKEditor dan KCFinder yang telah download kemudian copykan kedalam directory xampp/htdoc/editor.

Sekarang terdapat 2 folder ckeditor dan kcfinder yang berada di dalam directory xampp/htdocs/editor.

Setting config.js yang berada di dalam folder ckeditor untuk mengintegerasikan ckeditor dengan kcfinder. Tambahkan kode berikut ini tepat di dalam function CKEDITOR.editorConfig = function( config )

config.filebrowserBrowseUrl = 'http://localhost/editor/kcfinder-3.12/browse.php?opener=ckeditor&type=files';
    config.filebrowserImageBrowseUrl = 'http://localhost/editor/kcfinder-3.12/browse.php?opener=ckeditor&type=images';
    config.filebrowserFlashBrowseUrl = 'http://localhost/editor/kcfinder-3.12/browse.php?opener=ckeditor&type=flash';
    config.filebrowserUploadUrl = 'http://localhost/editor/kcfinder-3.12/upload.php?opener=ckeditor&type=files';
    config.filebrowserImageUploadUrl = 'http://localhost/editor/kcfinder-3.12/upload.php?opener=ckeditor&type=images';
    config.filebrowserFlashUploadUrl = 'http://localhost/editor/kcfinder-3.12/upload.php?opener=ckeditor&type=flash';

Teman-teman bisa ganti url sesuai directory yang di buat.

Buka config.php yang berada di dalam directory kcfinder-3.12/conf/config.php. Ganti value true menjadi false pada variabel disabled. Lihat kode dibawah ini yang diberi highlight.

Bagaimana menjalankan PHP?

Untuk menjalankan file php, silahkan buka web browser seperti mozilla firefox, chrome, internet explorer atau web browser lain. Kemudian ketik url http://localhost/tutorial/ lalu enter, jika semua sudah benar maka akan tampil seperti gambar di bawah ini.

Apa yang bisa dibuat dengan PHP?

Seperti disebut sebelumnya, PHP adalah bahasa pemrograman yang ada di sisi server. Bahasa ini digunakan untuk mengelola konten dinamis, database, session tracking, dan bahkan keseluruhan situs e-commerce. Sebetulnya, kamu bisa membuat web dengan memakai HTML saja.

Apa fungsi PHP yang anda ketahui?

Fungsi PHP adalah membuat atau mengembangkan situs web statis atau situs web dinamis atau aplikasi Web. Walaupun sebenarnya bukan hanya PHP bahasa pemrograman yang bisa digunakan untuk memuat website.