Pusat Programing

Belajar Mengenal Fungsi Pada PHP

2017-11-20T07:29:00.001-08:00

Belajar Mengenal Fungsi Pada PHP- Kali ini kita akan membahas fungsi atau function pada PHP. Pengertian dari Fungsi adalah struktur proses yang dapat memiliki nilai pengembalian. Secara bentuk strukturya, fungsi dapat diartikan sebagai suatu program kecil yang dapat digunakan berulang-ulang. Suatu fungsi hanya akan diproses apabila fungsi tersebut dipanggil atau digunakan, selama fungsi tidak digunakan maka proses didalam fungsi tersebut tidak akan pernah dijalankan oleh sistem.

Mungkin di Blog lain sudah banyak yang membahas tentang fungsi/function pada PHP. Tetapi di Blog ini penulis akan memberikan pengertian yang sedikit berbeda. Agar mudah dipahami oleh orang yang baru belajar pemograman PHP. Penulis coba memberikan katerangan yang sesimpel-simpelnya. Karena jika terlalu panjang malah akan membingungkan sobat nantinya..hhehe.

Baca artikel terkait : (Memahami Konstanta Pada PHP dan Cara Penulisannya)

Terkait fungsi di atas ada dua hal yang dapat kita lakukan, yaitu :

Mendefinisikan fungsi sendiri, jika fungsi tersebut belum disediakan oleh PHP.
Memanggil fungsi, baik built-in function dan user-defined function cara memanggilnya sama, yaitu menuliskan nama fungsi kemudian diikuti tanda kurung. Misal kita memanggil fungsi nama, maka penulisannya adalah : nama();

Contoh penulisan Fungsi / Function pada PHP :


// Tanpa argumen
function nama_bulan() {
 echo 'Januari';
}
nama_bulan(); // Hasil Januari

Pada contoh di atas merupakan penulisan fungsi/function tanpa menggunakan argument.

function nama_bulan($bulan) {
 echo $bulan;
}
nama_bulan('Januari'); // Hasil Januari

Sedangkan pada contoh di atas merupakan penulisan fungsi/function dengan menggunakan argument.

Sekian saja pembahasan kita mengenai Mengenal Fungsi Pada PHP. Semoga bermanfaat.

Memahami Konstanta Pada PHP Dan Cara Penulisannya

2017-11-10T22:29:00.002-08:00

Sebelumnya kita telah membahas mengenai Mengenal Array Dalam PHP, pada kesempatan ini kita akan membahas konstanta pada PHP. Konstanta adalah suatu identitas yang berisikan suatu nilai tetap. PHP memiliki dua jenis konstanta, yaitu konstanta definisi dan konstanta. Konstanta didefinisikan pada awal baris program, nilai konstanta tidak dapat diubah selama program berjalan.

Baca informasi terkait : (Jenis-jenis Operator Dalam PHP)

Cara Penulisan Konstanta
Penulisan Konstanta dalam PHP ada 2 cara yaitu dengan keyword define dan const.

1. Penulisan konstanta dengan define

<?php
define('URL_SITUS', 'http://pusatprograming.blogspot.co.id');
echo URL_SITUS; //http://pusatprograming.blogspot.co.id

Penulisan define dapat digunakan dimana saja kecuali di dalam class, contoh :

<?php
class siteProp()
{
 define('URL_SITUS', 'http://pusatprograming.blogspot.co.id'); // Error
 public function getProp()
 {
  // code
 }
}
?>

2. Penulisan konstanta dengan const.

?php
const URL_SITUS = 'http://pusatprograming.blogspot.co.id';
echo URL_SITUS; //http://pusatprograming.blogspot.co.id

Penulisan const dapat diletakan dimana saja, kecuali pada PHP versi 5.3 hanya dapat deletakan di dalam class. Contoh :

<?php
const URL_SITUS = 'http://pusatprograming.blogspot.co.id'; // Valid pada PHP > 5.3
class siteProp()
{
 const URL_SITUS = 'http://pusatprograming.blogspot.co.id'; // Valid
}
?>

Syarat penulisan konstanta pada PHP yaitu :

Nama konstanta harus diawali denga huruf atau underscore, boleh berisi huruf,angka dan underscore.
Nama konstanta bersifat key sensitive. Artinya huruf besar dan kecil berbeda.
Konstanta hanya dapat diisi nilai boolean,float,intg,string dan array.
Nama konstanta bisa sama dengan keyword PHP seperti echo, namun ketika memanggilnya harus menggunakan fungsi constant. contoh :

<?php
define('echo', 'Saya Konstanta');
echo constant('echo'); // Saya Konstanta
?>

Sekian pembahasan kita mengenai Konstanta Pada PHP. Semoga bermafaat

Mengenal Array Dalam PHP Dan Cara Penulisannya

2017-11-10T00:14:00.000-08:00

Mengenal Array Dalam PHP Dan Cara Penulisannya - Pada pembahasan kali ini kita akan membahas apa itu Array. Array adalah tipe data yang terdiri dari susunan nilai yang dapat berbentuk daftar nilai ataupun tabel nilai. Nilai yang tersimpan pada suatu array dapat terdiri dari tipe data yang berbeda-beda. Array dengan bentuk daftar nilai secara otomatis diberikan nomor index yang dimulai dari 0 dan seterusnya, sedangkan untuk bentuk array tabel nilai nomor index nilainya menggunakan kata kunci sebagai penandanya.

Baca informasi terkait : ( Jenis-jenis Operator Dalam PHP )

Berikut Contoh penulisan Array dalam PHP :



$nama_variabel = array(
key  => value,
key2 => value2,
key3 => value3,
...
)

Komponen Array terdiri dari pasangan kunci (key)dan nilai (Value). Key adalah penunjuk dimana value disimpan.

Berikut adalah contoh pengaksesan Array dalam PHP :



?php
// pembuatan array
$nama = array("Hardy","Farez","Widya","Rina","Diana");

// pengaksesan array
echo $nama[1]; //Farez
echo "<br />";
echo $nama[2]; //Widya
echo "<br />";
echo $nama[3]; //Rina
?>

Perhatikan contoh di atas, sekarang index atau key dari array dimulai dari angka 0 bukan 1. Sehinga $nama[1] berisi Farez, nama Hardy berada pada $nama[0]. Dalam penggunaan array di PHP konsep key array dimulai dari angka 0 ini sangat penting untuk sobat pahami.

Baca informasi terkait : (Tipe Data Dalam PHP)

Sekian dulu pembahasan kita mengenai Mengenal Array Dalam PHP Dan Cara Penulisannya. Semoga bermanfaat.

Mengenal Jenis- jenis Operator Dalam PHP

2017-11-09T00:22:00.003-08:00

Jenis- jenis Operator Dalam PHP - Kali ini kita akan membahas mengenai operator dalam PHP adapun fungsinya, dalam bahasa pemrograman secara umum, operator digunakan untuk memanipulasi atau melakukan proses perhitungan pada suatu nilai variable. Variable yang nilainya dimodifikasi oleh operator disebut operand. Dibawah ini contoh statement penggunaan operator.


4 + 3 = 7

“4 + 3 = 7” //Ini adalah Ekspresi

“4” dan “3” //Ini adalah Operand

Tanda “+” dan “=” //Ini adalah Operator

Berikut ini akan saya jelaskan beberapa jenis Operator yang ada dalam bahasa pemrograman.

Baca informasi terkait : ( Tipe Data Dalam PHP )

Arithmetic Operator

Arithmetic Operator merupakan operator matematika yang sering digunakan dalam operasi matematika. Berikut ini adalah table daftar dari operator arithmetic yang dimaksud.

Operator	Operasi / Fungsi
+	Penjumlahan
–	Pengurangan
*	Perkalian
/	Pembagian
%	Modulo
++	Increment
—	Decrement

Assignment Operator

Assigment Operator atau biasa disebut Operator Penegasan merupakan operator yang digunakan untuk memberi nilai ke suatu variable ke variable lain. Simbol operator ini adalah (=). Berikut ini adalah daftar table dari assignment operator.

Operator	Operasi / Fungsi	Contoh
+=	Menambahkan nilai di kiri dengan nilai di kanan	x += 2; x=x+2;
-=	Mengurangi nilai di kiri dengan nilai di kanan	x -= 2; x = x-2;
.=	Melakukan concatenation / operasi gabungan antara nilai di kiri dengan nilai di kanan	x .= “imam”; x=x. “imam”;
/=	Membagi nilai di kiri dengan nilai di kanan	x /= 2; x =x/2;
%=	Sisa hasil bagi antara nilai di kiri dengan nilai di kanan	x %=2; x = x%2;
\|=	Melakukan operasi OR antara nilai di kiri dengan nilai di kanan	x != 2; x = x!2;
^=	Melakukan operasi XOR antara nilai dikiri dengan nilai di kanan	x ^= 2; x = x^2;

Comparison Operator

Operator ini dikenal dengan sebutan operator perbandingan atau relasional. Operator ini digunakan untuk melakukan perbandingan antara dua buah operand dan menghasilkan nilai TRUE & FALSE. Dibawah ini saya sertakan table daftar operator perbandingan.

Operator	Operasi / Fungsi
==	Sama Dengan
===	Identik
!= atau <>	Tidak Sama Dengan
!==	Tidak Identik
<	Kurang Dari
>	Lebih Dari
<=	Kurang Dari atau Sama Dengan
>=	Lebih Dari atau Sama Dengan

Logic Operator

Operator ini biasa disebut sebagai Operator Logika. Biasanya digunakan untuk menggabungkan kondisi berganda & menghasilkan sebuah ekspresi bernilai TRUE & FALSE. Dibawah ini adalah Table daftar Logic Operator.

Baca informasi terkait : ( Variabel Dalam PHP )

Operator	Operasi / Fungsi
AND	Melakukan operasi AND dimana semua kondisi harus bernilai TRUE.
\|\| atau OR	Melakukan operasi OR dimana salah satu kondisi bernilai TRUE.
XOR	Melakukan operasi XOR.
!	Melakukan operasi NOT dimana jika nilai A adalah TRUE, maka akan menjadi FALSE.

Contoh penggunaan operator dalam Pemrograman PHP bisa dilihat dibawah ini.

 ”; //Tanda = adalah Operator

echo “Y = $y
”;

//Penjumlahan

$jumlah = $x + $y; //Tanda + adalah Operator

echo “Jumlah dari X + Y = $jumlah”;?>

Demikianlah penjabaran singkat tentang Jenis- jenis Operator Dalam PHP.Semoga bermanfaat.

Beberapa Tipe Data Dalam PHP

2017-10-31T00:30:00.000-07:00

Tipe Data Dalam PHP- Jika sebelumnya kita sudah mempelajari tentang Pengenalan Variabel PHP. Maka kali ini kita akan mempelajari tentang jenis-jenis Tipe Data Dalam PHP.

PHP memiliki 8 tipe data dasar yaitu boolean , integer , float (floating-point), string , array , object , resource dan NULL. Tipe data ini yang akan digunakan untuk mendefinisikan variabel. Penulisan untuk mendefinisikan variabel digunakan tanda ($). Biasanya tipe variable pada php tidak ditentukan oleh programmer, namun ditentukan berdasarkan untuk apa variable itu digunakan saat program dijalankan. Artinya, ketika mendefinisikan sebuah variabel, programmer tidak perlu menuliskan tipe datanya. Misalnya untuk mendefiniskan Variabel nama yang tipe datanya String, proggrammer tidak perlu menuliskan seperti ini String = $nama; . Cukup dengan $nama = Wahid Husain; .

Baca info terkait ( Pengenalan Variabel PHP )

Berikut penjelasan mengenai tipe data pada PHP :

Integer

Integer adalah type data pada php yang berupa angka bulat seperti 1, 22, 100, 1000, type data ini sangat umum digunakan di bahasa pemrograman khusunya berkaitan dengan angka bulat. Nilai integer bisa bernilai negatif atau positif dan jika tidak diberi tanda ( – ) maka diasumsikan sebagai nilai positif.

Penulisan Integer didalam PHP adalah sebagai berikut :

<?php
$nilai1=4;
$nilai2=3;
$hasil=$nilai1+$nilai2; //contoh penjumlahan
echo $hasil;
?>

<?php

$nilai1=4;

$nilai2=3;

$hasil=$nilai1+$nilai2; //contoh penjumlahan

echo $hasil;

Float

Float atau nama lainya adalah floating point atau real number adalah type data pada php yang memiliki bagian desimal di akhir angka contohnya adalah 3,21 atau 4,5dalam penulisan type data float didalam php bukan menggunakan koma ( ,) tetapi menggunakan titik (.).

Penulisan float

<?php
$nilai1=4.5;
$nilai2=3.5;
$hasil=$nilai1+$nilai2; //contoh penjumlahan
echo $hasil;
?>

<?php

$nilai1=4.5;

$nilai2=3.5;

$hasil=$nilai1+$nilai2; //contoh penjumlahan

echo $hasil;

String

String adalah type data pada php yang berisi text dan karakter dimana bentuknya bisa kata atau kalimat. Dan dalam PHP untuk penulisan jenis type data ini ada 4 cara yaitu Single Quoted, Double Quoted, Heredoc, Nowdoc.

Single Quoted
Penulisan string dengan cara ini bisa dibilang adalah cara yang sederhana, caranya adalah dengan memberi tanda single quoted di awal dan di akhir kalimat yang kita buat. Dan untuk kalimat yang mengandung tanda petik satu harus di dahului dengan backslash ( \ ) dan jika kita ingin memunculkan tanda backslash maka kita harus menulisnya dua kali agar tidak bingung lihat seperti contoh dibawah ini

<?php
$string1='contoh string';
$string2='contoh tanda petik: A\'Laikum"';
$string3='Document root C:\\xampp\\htdoc';

echo $string1; echo "<br>";
echo $string2; echo "<br>";
echo $string3; echo "<br>";

<?php

$string1='contoh string';

$string2='contoh tanda petik: A\'Laikum"';

$string3='Document root C:\\xampp\\htdoc';

echo $string1; echo "<br>";

echo $string2; echo "<br>";

echo $string3; echo "<br>";

Double Quoted
Sekilas jika dilihat penulisan string dengan single quoted dan double quoted sepertinya tidak ada perbedaan. ada beberapa point yang ternyata ada bedanya antara lain adalah jika penulisan string menggunakan double quoted dan didalamnya terdapat variable maka php akan memprosesnya tapi jika menggunakan single quoted tidak. Apabila di dalam double quoted ada kalimat yang menggunakan tanda (“”) harus menggunakan backslash di awal dan akhir kalimat. sebagai contoh adalah sebagai berikut

<?php
$contoh="ini adalah";
$string1= "$contoh contoh string";
$string2="contoh tanda petik: \"A'Laikum\"";
$string3="Document root C:\\xampp\\htdoc";

echo $string1; echo "<br>";
echo $string2; echo "<br>";
echo $string3; echo "<br>";

<?php

$contoh="ini adalah";

$string1= "$contoh contoh string";

$string2="contoh tanda petik: \"A'Laikum\"";

$string3="Document root C:\\xampp\\htdoc";

echo $string1; echo "<br>";

echo $string2; echo "<br>";

echo $string3; echo "<br>";

Heredoc
Fitur ini berfungsi untuk menuliskan string yang isinya dapat berisi beberapa baris sekaligus. penulisan dengan heredoc memang sangat jarang digunakan contoh penulisan dengan fitur ini adalah sebagai berikut

<?php
$IPK="memuaskan";
$string1 = <<<q 
Saya sedang belajar PHP<br />
Kali ini Pembahasanya adalah "Tipe Data", <br /> dan berharap
bisa dapat IPK $IPK
q;

echo $string1;

<?php

$IPK="memuaskan";

$string1 = <<<q

Saya sedang belajar PHP<br />

Kali ini Pembahasanya adalah "Tipe Data", <br /> dan berharap

bisa dapat IPK $IPK

echo $string1;

untuk memulai penulisan di awali dengan tanda “<<<” di ikuti dengan penanda akhir. di contoh saya menggunakan huruf q, untuk menentukan pengakhir kita bisa merubah dengan kata atau karakter lain.

setelah penanda string baru kita menuliskan string untuk menutupnya kita akhiri dengan tanda pengakhir string yang sudah di definisikan di awal ( q ). yang perlu diperhatikan adalah penutup heredoc tidak boleh ada karakter atau spasi diantara pengakhir dan titik koma ( ;).

Nowdoc
dalam penulisan nowdoc tidak banyak berbeda dengan heredoc perbedaanya adalah pada pengakhir string terdapat tanda single quoted. hasil proses dari nowdoc sama halnya dengan single quoted dimana variable dan karakter khusu tidak akan terproses.

Pengenalan PHP

Boolean

type boolean adalah tipe data pada php yang paling sederhana dalam bahasa pemrograman apapun. karena tipe data ini hanya memiliki dua nilai yaitu true dan false. tipe data boolean sering kali digunakan pada operasi logika seperti kondisi if dan looping. dan berikut adalah type data boolean jika dikonversi dari type data lainya :

Integer 0, dianggap sebagai false.
Float 0.0, dianggap sebagai false.
String kosong (“”) dan string “0” dianggap sebagai false.
Array tanpa elemen, dianggap sebagai false.
Objek dengan tanpa nilai dan fungsi, dianggap sebagai false.
Nilai null, dianggap sebagai false.

Integer 0, dianggap sebagai false.

Float 0.0, dianggap sebagai false.

String kosong (“”) dan string “0” dianggap sebagai false.

Array tanpa elemen, dianggap sebagai false.

Objek dengan tanpa nilai dan fungsi, dianggap sebagai false.

Nilai null, dianggap sebagai false.

Kesalahan dalam kode program sering terjadi karena “konversi” dari tipe data lain menjadi boolean, sehingga sedapat mungkin kita membuat variabel boolean dengan nilai yang pasti dan tidak bargantung kepada aturan “konversi” booelan dari PHP.

Array

array berbeda dengan type data pada php seperti integer atau boolean, karena array adalah sebuah tipe data yang didalamnya terdiri dari kumpulan tipe data

Penulisan Array dalam PHP
PHP mendukung beberapa cara penulisan array, salah satunya adalah menggunakan Konstruktor Array.

$nama_variabel = array(
key => value,
key2 => value2,
key3 => value3,
...
)

$nama_variabel = array(

key => value,

key2 => value2,

key3 => value3,

...

)

penulisan array terdiri dari kunci ( key ) dan nila ( value ). key berfunsi sebagai penunjuk posisi dimana value tersimpan. tanda => berfungsi untuk memberikan nilai kepada key. untuk mengakses nilai dari array kita menggunakan kombinasi nama variable dan nilai key agar mempermudah mari kita lihat contoh dibawah ini

<?php
$nama = array(
1=>"Andri",
2=>"Joko",
3=>"Sukma",
4=>"Rina",
5=>"Sari");

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

<?php

$nama = array(

1=>"Andri",

2=>"Joko",

3=>"Sukma",

4=>"Rina",

5=>"Sari");

//cara akses array

echo $nama[1]; //Andri

echo "<br />";

echo $nama[2]; //Joko

echo "<br />";

echo $nama[3]; //Sukma

pada contoh di atas kami menggunakan integer sebagai key dan string sebagai value. Selain menggunakan cara seperti diatas PHP juga memperbolehkan penulisan array tanpa menggunakan key dan secara otomatis key akan diurutkan dari 0,1,2 dst, seperti contoh dibawah ini

<?php
$nama = array("Andri", "Joko", "Sukma", "Rina", "Sari");

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

<?php

$nama = array("Andri", "Joko", "Sukma", "Rina", "Sari");

//cara akses array

echo $nama[1]; //Andri

echo "<br />";

echo $nama[2]; //Joko

echo "<br />";

echo $nama[3]; //Sukma

didalam key ataupun value pada array kita bisa menggunakan tipe data string atau integer akan tetapi apabila di isi dengan boolean maka secara otomatis akan di proses menjadi 0 / 1. Pada PHP versi 5.4 penulisan array Pi persingkat coara penulsan nya bisa seperti contoh dibawah ini

<?php
$nama = ["Andri", "Joko", "Sukma", "Rina", "Sari"];

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

<?php

$nama = ["Andri", "Joko", "Sukma", "Rina", "Sari"];

//cara akses array

echo $nama[1]; //Andri

echo "<br />";

echo $nama[2]; //Joko

echo "<br />";

echo $nama[3]; //Sukma

Demikian materi mengenai type data di PHP dimana refrensi sebagian saya ambil dari http://www.duniailkom.com dan beberapa buku php yang saya punya semoga bisa menjadi pengingat ( pengeling ) dari apa yang sudah di pelajari.

Integer 0, dianggap sebagai false.
Float 0.0, dianggap sebagai false.
String kosong (“”) dan string “0” dianggap sebagai false.
Array tanpa elemen, dianggap sebagai false.
Objek dengan tanpa nilai dan fungsi, dianggap sebagai false.
Nilai null, dianggap sebagai false.

$nama_variabel = array(
key => value,
key2 => value2,
key3 => value3,
...
)

<?php
$nama = array("Andri", "Joko", "Sukma", "Rina", "Sari");

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

<?php
$nama = ["Andri", "Joko", "Sukma", "Rina", "Sari"];

//cara akses array
echo $nama[1]; //Andri
echo "<br />";
echo $nama[2]; //Joko
echo "<br />";
echo $nama[3]; //Sukma

Belajar Dan Mengenal Variabel PHP

2017-10-30T00:56:00.000-07:00

Pengenalan Variabel PHP- Variabel adalah suatu media penampung atau penyimpan, digunakan untuk menyimpan suatu nilai atau hasil proses yang dapat memiliki tipe data tertentu. Variabel pada PHP dapat di definisikan secara deklaratif maupun secara langsung tanpa deklarasi. Penulisan veriabel secara deklaratif digunakan untuk mendefinisikan suatu variabel dalam kelas ( class ).

Baca juga : Pengenalan PHP

Contoh penulisan variabel adalah sebagai berikut :

Adapun syarat penulisan variabel adalah sebagai berikut :

Nama variabel diawali dengan tanda $.
Nama variabel bersifat case-sensitif, antara karakter "a" dan "A" berbeda.
Nama variabel yang lebih dari satu kata ditulis tanpa spasi, untuk menggantikan spasi gunakan karakter _ .
Penulisan variabel dan nilai, variabel selalu berada di sebelah kiri dan nilai untuk variabel berada di sebelah kanan.

Predefine Variabel

Predefine variabel adalah variabel yang disediakan oleh PHP sebagai suatu variabel.
Berikut adalah beberapa predifine variabel :

$GLOBAL : Mendefinisikan variabel global.
$_GET[ ] : Menampilkan query string GET yang dilewatkan pada request.
$_POST[ ] : Menampilkan query string POST yang dilewatkan pada request.
$_REQUEST : Menampilkan query string yang dilewatkan pada request.
$_SESSION[ ] : Menampilkan informasi session yang tersimpan.
$_ENV[ ] : Menampilkan informasi lingkungan sistem PHP.
$_COOKIE[ ] : Menampikan informasi cookie yang tersimpan.

Sekian dulu pembelajaran kita mengenai Variabel PHP. Semoga bermanfaat.

Pengenalan PHP Dari Dasar

2017-10-29T09:22:00.001-07:00

Pengenalan PHP - Bila pada materi sebelumnya sobat PP telah mempelajari tental HTML. Maka kali ini kita akan mempelajari mengenai Pengenalan PHP.

PHP adalah pemograman interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti oleh komputer secara langsung pada saat baris kode dijalankan. PHP disebut juga pemograman Server Side Programing, hal ini dikarenakan seluruh prosesnya dijalankan pada server. PHP adalah suatu bahasa dengan hak cipta terbuka atau biasa di sebut open source, yaitu pengguna dapat mengembangkan kode-kode fungsi PHP sesuai dengan kebutuhannya.
Pemograman PHP dapat ditulis dalam dua bentuk, yaitu penulisan baris kode PHP pada file tunggal dan penulisan kode PHP pada halaman HML ( embedded ). Kedua cara penulisan tersebut tidak memiliki perbedaan, hanya menjadi kebiasaan gaya penulisan dari programer.

Berikut contoh penulisan kode PHP :

1. Dengan Cara Embeded :

Gambar di atas adalah cara penulisan kode PHP dengan cara disisipkan diantara kode HTML ( embedded )

2. Dengan Cara Tunggal

Gambar di atas adalah cara penulisan PHP dengan cara singlefile.

Untuk penulisan kode PHP pada HTML diperlukan tambahan konfigurasi pada web server agar dapat berjalan. Konfigurasi ini bertujuan untuk mendaftarkan ekstensi .html agar dapat dikenali Apache Web Server dan diproses seperti halnya file PHP dengan ekstensi .php.

Oke, sampai disini dulu sobat PP pelajaran mengenai Pengenalan PHP. Semoga bermanfaat.

Elemen Frame Pada HTML

2017-10-28T01:14:00.001-07:00

Elemen Frame Pada HTML- Setelah sebelumnya kita belajar mengenai Elemen table pada HTML, maka kali ini kita akan belajar mengenai Elemen Frame Pada HTML. Sedikit penjelasan mengenai Elemen Frame Pada HTML. Elemen Frame digunakan untuk mendefinisikan susunan bingkai dokumen.

Baca Juga : Elemen Form HTML

Contohnya seperti ini sobat :

Penjelasan :

Elemen Noframes : Digunakan untuk mendefinisikan kondisi jika browser tidak mendukung <frameset>
Iframe : Digunakan untuk mendefinisikan bikangkai yang berdiri sendiri dalam dokumen.

Contoh penggunaan Iframe adalah sebagai berikut :

Oke sekian dulu pembelajaran kita mengenai Frame Pada HTML. Harus sering-sering latihan ya, biar ga lupa, heheh. Semoga bermanfat.

Salam Koding.!!!!

Mengenal Elemen Table Pada HTML

2017-10-28T00:18:00.000-07:00

Pada pembahasan kali ini kita akan belajar mengenai Elemen Table Pada HTML. Dimana elemen table digunakan untuk mendifinisikan atau membuat suatu table pada HTML.

Okeh, kita langsung saja belajar ya sobat PP,

Baca Info terkait : ( Elemen Image HTML)

Contoh seperti ini sobat :

Gambar di atas merupakan sintax untuk membuat Elemen Table Pada HTML, sedangkan yang sebelah kiri merupakan hasil jika di lihat melalui browser. Disitu saya sudah membuatkan urutan nomor sesuai dengan hasil yang ditampikan browser.

Penjelasan :

Elemen TR : Digunakan untuk mendefinisikan baris table.
Elemen TH : Digunakan untuk mendefinisikan judul kolom table.
Elemen TD : Digunakan untuk mendifinisikan sel baris table.
Elemen THEAD : Digunakan untuk mendifinisikan bagian kepala table.
Elemen TBODY : Digunakan untuk mendifinisikan bagian konten table.
Elemen TFOOT : Digunakan untuk mendifinisika bagian kaki table.

Baca Info terkait : ( Bagaimana Menjadi Seorang Programer ? )

Oke sekian dulu ya sobat PP, pelajaran kita mengenai cara membuat Table Pada HTML. Semoga bermanfaat.

Salam Koding...!!!

Mengenal Theme DIVI untuk Wordpress

2017-10-23T01:45:00.003-07:00

Mengenal Theme DIVI untuk Wordpress, Kali ini kita akan membahas mengenai Theme untuk Wordpress. Kita langsung aja sobat.

Terdapat beberapa hal yang menjadikan theme DIVI dari elegant themes berbeda,
selaintampilan yang diberikan sangatlah elegan, bersih, mudah untuk dipahami dan menawarkan tampilan yang sleek dan tidak membuat visitor merasa terganggu dengan adanya animasi maupun gerakan-gerakan yang terjadi pada website tersebut.

Drag and Drop Page Builder

DIVI menawarkan sistem drag and drop dalam menciptakan website, sehingga tanpa harus mengerti coding website pun seseorang mampu membuat tampilan website yang elegan dan rapih dengan sangat mudah.

Module System

Selain drag and drop untuk element page, DIVI Page Builder menawarkan sistem module yang sangat beragam fungsinya, module aplikatif, tepat guna, dan dengan tampilan yang elegan dan bersih, serta UX yang mudah untuk dipahami oleh visitor website manapun. Berbagai macam kelebihan DIVI yang masih bisa dibahas akan tetapi dua fungsi DIVI yang telah dibahas merupakan fungsi utama mengapa DIVI memberikan solusi pembuatan Website yang amat sangat mudah namun memberikan tampilan yang sangat cantik,bersih, elegan, dan mampu membuat website disukai dan di akses oleh banyak orang.

Instalasi Theme DIVI

Langkah pertama untuk memulai instalasi DIVI Themes adalah dengan mendownload Theme tersebut apabila sudah selesai melakukan pendaftaran dan Pembayaran sesuai dengan step sebelumnya, lalu pada dashboard Wordpress yang telah di install, klik
pada Menu Appearance, dan klik pada Themes seperti gambar di atas.

Akan muncul tampilan seperti diatas, dimana list theme yang ada disini adalah Theme bawaan dari Wordpress yang bisa diartikan sebagai theme gratisan dengan tampilan minimalis dan seadanya, klik tombol add new disamping tulisan Themes untuk
menambahkan Theme baru.

Pada lokasi yang sama, klik Upload Theme untuk mengupload file (.zip) theme DIVI yang sudah di download, di upload ke dalam wordpress.
Tampilan dibawah akan ter-expand dan muncul box seperti di gambar berikut, klik choose file dan pilih file DIVI (.zip) yang ingin di upload lalu klik Intsall Now.

Akses lagi pada Appearance > Theme untuk melihat Theme yang sudah di install, arahkan
mouse pada theme tersebut dan klik Activate untuk mengaplikasikan Theme pada Wordpress, dan Proses Instalasi sudah selesai dilakukan.

Membangun Page dengan menggunakan DIVI Page Builder

Setelah Theme berhasil di aplikasikan, sekarang waktunya untuk mulai membuat Page. Berikut langkah cepat dalam membuat Page menggunakan DIVI Page Builder.

Pertama-tama, akses menu Page pada menu di kiri, pilih Add New, dan akan muncul tampilan sebagai berikut :

Klik pada tombol use the DIVI Builder untuk mengaktifkan fitur DIVI Page Builder sebagai
editor utama pembuatan Page, dengan tampilan dan penjelasan sebagai berikut :

Beberapa hal yang harus diketahui sesuai penjelasan di atas yaitu :

Lakukan perubahan dengan menggunakan DIVI Page Builder, apabila menggunakan Editor, yang telah dibuat menggunaka DIVI Page Builder semuanya akan terhapus.
Lakukan Save Draft apabila tidak ingin menampilkan Page secara public / dapat diakses siapapun, jika dirasa sudah finish dan siap di publikasikan, selalu lakukan Publikasi terlebih dahulu sebelum melakukan Preview.
Gunakan Parent apabila ingin menampilkan Page dibawah suatu Page ( Sub-Page )dengan catatan buatlah sebuah Page terlebih dahulu sehingga pada pilihan parent muncul pilihan page tersebut.
Page terdiri dari serangkaian bagab sebagai berikut : Section - Row - Colomm

Sebuah Page terdiri dari beberapa section, dimana sebuah section memiliki beberapa Row
( baris ), dalam satu baris bisa memiliki beberapa Column ( Kolom ) dan entitas yang
paling terkecil dimasukkan ke dalam column adalah Module, klik pada insert module dan
akan muncul tampilan sebagai berikut :

Pilih module yang diinginkan, setelah proses editing selesai maka tampilan section akan
terlihat seperti berikut.

Setelah editing selesai, lakukan save draft untuk menyimpan perubahan, atau langsung
lakukan publikasi apabila page tersebut ingin langsung di publish, baru klik preview untuk
melihat hasil dari pembuatan Page, akan muncul tab baru dengan tampilan seperti
berikut, dan Page sudah selesai dibuat.

Nah itu dulu sobat tentang Mengenal Theme DIVI untuk Wordpress. Tapi tutorial ini belum selesai ya, nati akan saya lanjutkan pada bagian 2.

Mengenal tentang theme wordpress

2017-10-22T01:41:00.001-07:00

Halo sobat PP, pada kesempatan ini saya akan memposting pembelajaran Mengenal tentang theme wordpress. hampir semua blogger sudah familiar dengan CMS yang satu ini ya. Ok kita langsung saja ya sobat.

Tampilan visual dari website merupakan hal yang wajib untuk diperhatikan, tanpa harus memahami banyak sekali ilmu tentang merubah tampilan website secara code, cukup dengan menggunakan Theme yang banyak tersedia di internet.

Terdapat beberapa Website penyedia Theme yang disarankan untuk tutorial kali ini, yaitu :

1. Wordpress-theme.asia

Pada Wordpress-theme.asia memliki banyak sekali variasi theme berbayar yang sangat
menarik serta elegan, memberikan pengalaman langsung tentang tampilan visual dari
theme yang diinginkan, klik pada menu koleksi untuk mengakses list Theme yang
dimilik oleh wordpress-theme.asia.

Berikut adalah tampilan dari koleksi themes yang dimiliki oleh wordpress-theme.asia,
scroll ke bawah untuk melihat list lengkapnya.

Terlihat nama dan thumbnail dari tampilan Theme tersebut, klik sesuai dengan tampilan theme yang ingin dilihat.

Berikut merupakan tampilan detail theme yang telah dipilih,apabila ingin melihat preview dari theme tersebut, klik tombol demo script, jika ingin melakukan pembelian/download theme klik pada button download.

Terlihat theme diaplikasikan pada sebuah website dummy untuk memperlihatkan tampilan visual yang diberikan oleh theme tersebut, pastikan tampilan dari layout, color scheme semua sesuai dengan apa yang diharapkan.

Apabila tampilan telah sesuai dengan yang diinginkan, kembali pada halaman detail theme
dan tekan tombol download, untuk wordpress-theme.asia, theme yang ditawarkan berbayar dan untuk melakukan download selain melakukan pembayaran menggunakna kartu kredit, juga diharuskan untuk melakukan login terlebih dahulu.

Step yang diambil adalah :

- Pendaftaran - Login - Pilih Payment Method ( kartu kredit )
Apabila semua step sudah dilakukan dan pembayaran sudah berhasil, Link Download akan
dikirim oleh Wordpress-theme.asia ke email berupa (.zip) File.

Sekian dulu tentang Mengenal tentang theme wordpress, semoga bermanfaat untuk sobat PP.

Instalasi Kilat Wordpress

2017-10-21T08:10:00.001-07:00

Instalasi Kilat Wordpress, ya kali ini saya akan mengajarkan bagaimana caranya menginstal Wordpress. Seperti yang kita ketahui Wordpress merupakan salah satu CMS ( Content Managemen Sistem ). Bagi sobat PP yang belum pernah menginstal wordpress atau yang ingin belajar menginstal wordpress silahkan simak tutorial di bawah ini. Adapun langkah-langkah yang harus dilakukan adalah sebagai berikut :

Akses Cpanel Domain

Setelah melakukan step by step pembelian Website dan Domain, berikut adalah
cara mengakses cpanel, ketik nama domain lalu tambahkan /cpanel dibelakangnya seperti
yourdomainname.com/cpanel.

Baca info terkait : (Cara Membeli Domain dan Hosting)

login ke dalam cpanel menggunakan credential yang sudah disediakan pada halaman
member rumahweb.com, berikutnya akan muncul tampilan homepage dari cpanel.

Mulai Instalasi Wordpress

Pada halaman dashboard cpanel, scroll ke tab software,pada tutorial ini menggunakan
softaculous Apps Installer icon softaculous Apps Installer lalu klik icon tersebut.

Note: untuk beberapa cpanel menggunakan apps installer yang berbeda-beda seperti
softaculous maupun quick Installer, pada dasarnya fungsi kurang lebih sama dengan
perbedaan minor pada step by step nya saja.

Berikut merupakan tampilan dari softaculous, terdapat banyak sekali aplikasi yang dapat di
install oleh softaculous, untuk sekarang pilih Wordpress.

Diatas merupakan tampilan dari Instalasi Wordpress lengkap dengan penjelasan detail
mengenai Wordpress dan juga fitur-fitur yang dimiliki, klik Install Now.

Isi Form seperti pada tampilan dibawah sesuai dengan informasi yang dibutuhkan.

Pada isian Software Setup pilih domain yang sudah dibeli dan biarkan kosong pada in Directory.

Site settings, untuk nama site isi dengan judul dari website yang diinginkan, site description untuk deskripsi judul website tersebut kosongkan Enable Multisite.

Untuk menentukan akses wordpress isi Admin Username dan Admin Password juga email untuk admin tersebut.

Pilih bahasa wordpress yang diinginkan.

Abaikan Setting lainnya, Terakhir Klik Install.

Sekian dulu sobat, tutorial menginstal Wordpress nya. Semoga bermanfaat.

Cara Membeli Domain dan Hosting

2017-10-19T07:40:00.000-07:00

Kali ini saya akan mengajarkan bagaimana Cara Membeli Domain dan Hosting. Untuk perusahaan penyedia hosting yang sobat pilih bebas ya. Tapi pada tutorial ini saya menggunakan rumahweb.com. Ups, bukan promosi ya, hehe. Saya tidak mendapatkan apa-apa dari peruahan penyedia layanan Hosting dan Domain tersebut. Oke kita langsung saja belajar nya ya...!!!

1.1 Pengenalan Domain dan Hosting

Dalam membuat website, terdapat dua hal yang perlu dikenal, yaitu Domain dan Hosting.
Pengertian dari Domain sendiri yaitu alamat ibarat seperti alamat rumah yang dituju,
sedangkan Hosting merupakan tempat penyimpanan nya, layaknya sebuah rumah yang
memiliki tanah sebagai tempat dimana rumah tersebut disimpan.

1.2 Membeli Domain dan Hosting

Tedapat banyak sekali website yang melayani pembelian Domain dan Hosting, juga bisa
dibeli secara terpisah dari satu website dengan website yang lain. Pada tutorial berikut
akan diberikan step by step dalam pembelian Domain dan Hosting pada Rumahweb.com
Terdapat beberapa fitur yang dapat dimanfaatkan pada home Rumahweb.com seperti
pada gambar sebelumnya. Terutama fitur untuk melakukan pengecekan Domain, untuk
memastikan Domain yang akan dibeli masih tersedia/belum dibeli oleh orang lain, isikan
nama Domain yang diinginkan, lalu pilih domain yang ingin dibuat seperti .com, .id dan
yang lainnya. lalu klik button cek.

Note: Pada tutorial kali ini tertulis sewawebsiteku.com sebagai sample, untuk prakteknya
gunakan nama Domain yang diinginkan,

Akan muncul halaman sebagai berikut:

Tampilan halaman berikut menandakan domain yang dipesan tersedia dan belum dibeli,
untuk memulai pemesanan bisa melalui pop up berikut, dengan memilih pembelian
domain dan hosting, maupun hanya memesan domain saja. klik Nama Domain yang akan dipesan.

1.3 Memilih paket hosting

Pada Halaman berikutnya terdapat list dari paket hosting yang disediakan oleh
rumahweb.com, dapat terlihat Personal Hosting, Profesional Hosting, maupun Enterprise
Hosting, standarnya untuk kebutuhan website sektiar 500MB apabila terdapat video di
dalamnya. Pilih salah satu paket yang dibutuhkan sesuai dengan spesifikasi yang tersedia
disana. klik pada tombol pilih pada kolom Paket yang diinginkan.

Setelah mengklik pesan, akan muncul step by step pembelian seperti pada halaman berikut:

Maka akan tampil halaman sebagai berikut :

Dalam tutorial ini saya asumsikan mengunaan metode pembayaan dengan Transfer Bank.
Setelah data terisi lengkap, maka klik metode pembayaran dengan Transfer Bank, lalu klik
Bank yang dipilih.

Gambaran lengkapnya seperti di bawah ini :

Scroll ke bawah lagi, lalau menemukan halaman seperti di bawah ini :

Itu saja tutorial cara pemesanan Domain dan Hosting. Setelah klik check out anda akan di arahkan ke halaman invoice pembayaran serta bagaimana mengkonfirmasi pembayaran Tapi sebelumnya yang perlu dilakukan adalah daftar serta login terlebih dahulu di situs penyedia hosting yang anda pilih.

Semoga bermanfaat ...!!!

Membuat Form Dengan HTML

2017-10-18T01:28:00.000-07:00

Sudah lama ga posting, akhirnya kangen juga..hehe. Gimana kabarnya sobat PP, mudah -mudahan pada sehat ya.Amin. Kali ini saya akan mengajarkan bagaimana caranya membuat Form mengunakan HTML.

Seperti yang kita ketahui Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Oke kita langsung saja belajar nya ya sobat .

Baca info terkait ( Bagaimana Menjadi Seorang Programer ?)

Struktur dasar Form seperti gambar dibawah ini :

Atribut Action : berfungsi untuk menjelaskan kemana data form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang digunakan untuk memproses isi data form.

Atribut Method : berfungsi untuk menjelaskan bagaimana data isian form akan dikirim oleh web browser. Nilai dari atribut method ini bisa berupa get atau post.

Perbedaan method get dan method post adalah, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya atribut method tidak ditulis) maka isian form akan terlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.

Mengenal tag <input>

Tag input merupakan tag paling banyak digunakan di dalam form dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag <input>.

Contoh seperti gambar dibawah ini :

Bentuk-bentuk dari keluarga tag input ini dibedakan berdasarkan atribut type:

<input type=”text” /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text, contohnya digunakan untuk inputan nama, username, dan inputan yang berupa text pendek. Input type text ini juga bisa memiliki atribut value yang bisa diisi nilai tampilan awal dari text

<input type=”password” /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak akan terlihat, akan berupa bintang atau bulatan. Biasanya hanya digunakan untuk inputan yang sensitif seperti password.

<input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.

<input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.

<input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.

Baca info terkait ( Pengenalan HTML)

Mengenal tag <textarea>

Tag textarea pada dasarnya sama dengan input type text, namun lebih besar dan dapat berisi banyak baris. Panjang dan banyak baris untuk text area di atur melalui atribut rows dan cols, atau melalui CSS.

Contoh penggunaan textarea seperti gambar dibawah ini :

Elemen yang berada diantara tag textarea akan ditampilkan sebagai text awal dari form.

Mengenal tag <select>

Tag select digunakan untuk inputan yang telah tersedia nilainya, dan user hanya dapat memilih dari nilai yang ada. Tag select digunakan bersama-sama dengan tag option untuk membuat box pilihan.

Contoh penggunaan textarea seperti gambar dibawah ini :

Ketika form dikirim untuk diproses, nilai dari tag <option> akan dikirimkan. Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan atribut value. Jika atribut value berisi nilai, maka nilai value-lah yang akan dikirim. Ada atau tidaknya atribut value ini tidak akan tampak dalam tampilan form.

Sebuah Form Utuh

Merangkum seluruh tag form HTML yang telah kita bahas diatas, maka saatnya untuk membuat sebuah form HTML. Silahkan buka text editor, dan tuliskan kode HTML berikut, lalu save sebagai formulir.html

Contoh penggunaan tag form secara keseluruhan :

<!DOCTYPE html>
<html>
<head>
   <title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get">

Nama: <input type="text" name="nama" value="Nama Kamu" />
<br />

Password: <input type="password" name="password" />
<br />

Jenis Kelamin :
<input type="radio" name="jenis_kelamin" value="laki-laki" checked />
Laki - Laki
<input type="radio" name="jenis_kelamin" value="perempuan" />
Perempuan
<br />

Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku
      <input type="checkbox" name="hobi_nulis" checked /> Menulis
      <input type="checkbox" name="hobi_mancing" /> Memancing
<br />

Asal Kota:
<select name="asal_kota" >
     <option value="Kota Jakarta"> Jakarta</option>
     <option>Bandung</option>
    <option value="Kota Semarang" selected>Semarang</option>
</select>
<br />

Komentar Anda:
<textarea name="komentar" rows="5" cols="20">
Silahkan katakan isi hati anda
</textarea>
<br />

<input type="submit" value="Mulai Proses!" >

</form>
</body>
</html>

Maka hasilnya seperti ini :

Ya, segitu dulu pembelajaran kita mengenai cara Membuat Form HTML. Semoga bermanfaat.

Salam Koding...!!!

Pengenalan Dan pemahaman CSS Dari Dasar

2016-08-30T20:19:00.000-07:00

Setelah sebelumnya sobat PP mempelajari Pengenalan HTML, langkah selanjutnya saya akan membahas tentang Pengenalan CSS Dasar. Dimana CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”.

Sedikit pengertian tentang CSS, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML.

Baca info terkait : Bagaimana Menjadi Seorang Programer ?

Fungsi dan Kegunaan CSS

Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita bisa membuat suatu paragraf bewarna merah dengan menulis langsung kode tersebut didalam tag HTML, atau membuat latar belakang sebuah halaman dengan warna biru. Contoh kode HTML untuk hal itu adalah sebagai berikut :

Hasil dari eksekusi di atas adalah :

Saya menggunakan tag <font> untuk membuat beberapa kata di dalam paragraf tersebut berwarna merah. Hal ini tidak salah, dan semuanya berjalan sesuai keinginan. Untuk sebuah artikel yang memiliki 5 paragraf, kita tinggal copy-paste tag <font color=”red”> pada kata-kata tertentu.

Namun setelah website tersebut memiliki katakanlah 50 artikel seperti diatas, dan karena sesuatu hal anda ingin merubah seluruh text merah tadi menjadi biru, maka akan dibutuhkan waktu yang lama untuk mengubahnya satu persatu, halaman per halaman.

Dalam kondisi inilah CSS mencoba ‘memisahkan’ tampilan dari konten. Untuk paragraf yang sama, berikut kode HTML bila ditambahkan kode CSS:

Hasil eksekusi diatas adalah :

Dalam contoh CSS diatas, saya mengubah tag <font> menjadi tag <span>. Tag <span> sendiri merupakan tag yang tidak bermakna, namun bisa di kostumasi menggunakan CSS. Tag span saya tambahkan dengan atribut atribut class=”warna”. Atribut class berguna untuk memasukkan kode CSS pada tag <style> di bagian head.

Jika kita ingin merubah seluruh warna menjadi biru, maka tinggal mengubah isi dari CSS color: red menjadi color:blue, dan seluruh tag yang memiliki class=”warna” akan otomatis berubah menjadi biru.

Untuk penjelasan lebih lanjut mengenai CSS, sobat bisa simak vidio dibawah ini :

Simak vidio yang ini juga sobat :

Jika sobat mau download vidionya bisa klik

DISINI

Sekian dulu pembahasan tentang Pengenalan CSS Dasar. Sampai jumpa di pembahasan selanjutnya.

Salam Koding..!!!

Elemen Image HTML

2016-08-29T01:11:00.000-07:00

Halo..Sobat PP kali ini kita akan mempelajari tentang Elemen Image dan Object pada HTML. Tanpa basa basi kita langsung aja ya sobat. Kalau kebanyakan penjelasan takut nanti sobat malah pusing heheheh..

Elemen IMG

Elemen IMG digunakan untuk mendefinisikan wadah gambar pada dokumen.

Contoh :

Keterangan :

Untuik elemen yang di dalam kotak warna biru, merupakan alternatif jika gambar tidak bisa muncul. Jadi apabila gambar tiak bisa muncul, maka yang nampak adalah berupa tulisan dengan keterangan 'gambar'.

Untuk lebih jelasnya dalam menapilkan gambar pada HTML silahkan sobat simak vidio di bawah ini.

Atau jika sobat mau mendownload vidionya bisa klik
DISINI

Ini vidionya :

Sekian dulu pembahasan kita tentang Elemen Image

Salam Koding

Pengenalan JavaScript Dasar

2016-08-26T20:05:00.001-07:00

Halo sobat PP, kali ini kita akan sedikit membahas tentang Pengenalan JavaScript. Sebelum belajar lebih jauh kita pahami dulu apa itu JavaSript. Sobat bia lihat penjelasannya didawah ini.

JavaScript adalah bahasa pemograman yang digunakan untuk menambahkan fitur interaktif pada website anda, seperti ketika ingin membuat game, melakukan perubahan ketika mengklik tombol, efek dinamik, animasi, dan masih banyak lagi. Tutorial ini adalah dasar dari JavaScript yang akan memberikan gambaran apa yang bisa anda buat dengan JavaScript.

Apakah JavaScript yang Sebenarnya?

JavaScript adalah bahasa pemograman yang sangat matang dan dapat dikolaborasikan dengan dokumen HTML dan digunakan untuk membuat website yang interaktif. JavaScript diciptakan oleh Brendan Eich yang juga co-founder dari Mozilla project, Mozilla Foundation dan Mozilla Corporation.
Anda dapat melakukan banyak hal dengan JavaScript. Anda akan memulai dari fitur sederhana seperti menentukan layout, membuat respon ketika mengkil button, caousels, dan gallery gambar. Namun pada akhirnya ketika anda sudah mendapat banyak pengetahuan anda juga akan dapat membuat game, animasi 2D dan 3D, aplikasi yang berhubungan dengan database, dan masih banyak lagi.
JavaScript sendiri adalah bahasa yang cukup komplek namun sangat fleksibel, dan banyak Developer (Programmer) telah menyediakan tool yang berdiri diatas core JavaScript agar anda dapat menggunakan fungsi - fungsi ekstra, tool tersebut sebagai berikut :

Application Programming Interfaces (APIs) dibangun pada web browser agar memungkinkan anda melakukan apapun dari dinamik dokumen HTML dan set CSS yang anda buat, untuk menangkap dan memodifikasi video dari web cam, atau membuat animasi 3D dan sampel audio.
3rd party APIs menyediakan akses bagi Developer untuk menghubungkan aplikasi mereka pada website atau aplikasi lain layaknya facebook dan twitter. Pernahkan anda login soundcloud dengan facebook ? itu 3rd party APIs.
3rd party frameworks dan libraries dapat digabungkan pada HTML sehingga memungkinkan Developer membangun website atau aplikasi dengan cepat.

Contoh "Hello World"

Judul diatas terdengar menarik bukan ?. JavaScript adalah salah satu bahasa yang sangar menarik dari banyak teknologi web yang lain. dan jika anda mengikuti tutorial ini dengan baik, anda dapat menambahkan dimensi baru dan hal lain yang kreatif pada website anda.
Namun, JavaScript sedikit lebih rumit dari pada HTML dan CSS, dan anda akan belajar sedikit demi sedikit, dan tetaplah belajar pada langkah-langkah kecil yang kami berikan. Untuk memulainya, kami akan menunjukkan bagaimana cara menambah beberapa skrip JavaScript yang sangat sederhana pada halaman Anda, yakni dengan contoh cara membuat "Hello, world!" (contoh standar pada dasar pemrograman.)

Penting: Jika anda belum mengikuti semua kursus kami, download contoh kode berikut dan gunakan untuk memulai.

Catatan: Alasan kita menepatkan elemen <script> di bawah file html adalah ketika HTML di muat oleh browser untuk ditampilkan pada sebuah file. Jika JavaScript dimuat pertama kali dan seharusnya mempengatuhi HTML di bawahnya, kemungkinan ini tidak bisa bekerja, oleh karena itu JavaScript dimuat sebelum HTML bekeja seperti seharusnya. Oleh karena itu, strategi yang terbaik biasanya adalah di bawah halaman.

Pertama-tema, buka situs percobaan anda, dan buatlah sebuah file baru bernama main.js. Simpan di dalam folder scripts.

Selanjutnya, buka file index.html Anda, dan masukkan elemen berikut pada sebuah baris bari sebelum tag penutup </body>:

<script src="scripts/main.js"></script>.

Ini sama halnya dengan cara kerja elemen <link> untuk CSS — ini menempatkan JavaScript ke halaman, sehingga dapat memberikan pegaruh pada HTML (CSS, dan lainnya pada halaman).

Sekarang tambahkan ode berikut pada file main.js:

var myHeading = document.querySelector('h1');
myHeading.innerHTML = 'Hello world!';

Sekarang pastikan file HTML dan JavaScript disimpan, dan muat index.html di browser. Anda seharusnya mendapatkan hasil seperti berikut:

Apa yang Terjadi?

Jadi text heading anda telah diubah menjadi "Hello world!" mengunakan JavaScript. Kita melakukannya dengan menggunakan fungsi querySelector() untuk mendapatkan referensi untuk heading, dan menyimpannya di variabel myHeading. Ini sama halnya seperti yang kita lakukan saat menggunakan CSS selector — kita menginginkan untuk melakukan sesuatu ke sebuah elemen, maka kita perlu memilihnya terlebih dahulu.
Setelah itu, kita tambahkan nilai dari variabel myHeading properti innerHTML ( dimana mewakili konten heading) ke "Hello world!".

Segini dulu pengenalan mengenai JavaSript, pada tab selanjutnya saya akan membahas mengenai elemen-elemen apa saja yang ada di javascript.

Salam Koding...!!!

Belajar Bootstrap Untuk Pemula

2016-08-20T10:37:00.001-07:00

Apa Itu Bootstrap?

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Untuk Apa itu bootstrap?

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Bagaimana Belajar Bootstrap untuk pemula?

Untuk memulai belajar Bootstrap, Anda harus mempersiapkan bahan dan tools pendukung untuk melengkapi kegiatan belajar tersebut. Baiklah langsung saja.

Persiapan:

1. Anda Harus memiliki file distribusi Bootstrap

Untuk menggunakan bootstrap, terlebih dahulu Anda harus mendownload resource file atau file distribusi yang disediakan oleh bootstrap di situs resminya getbootstrap.com. Pada halaman tersebut, terdapat tombol Download Bootstrap sebagaimana terlihat pada gambar diatas, langsung saja! klik tombol tersebut. Kemudian pilih lagi Download Bootstrap

Setelah didownload, kemudian extract menggunakan program seperti 7zip (Gratis) atau winRAR (shareware). Sebetulnya, Anda juga bisa membuka file tersebut dengan aplikasi bawaan windows dengan cara membuka file tersebut, kemudian copy seluruh file dan paste-kan ke folder lain.

2. Download jQuery Library Untuk Bekerja Offline

Untuk bisa mengaplikasikan bootstrap component seperti modal dialog, navigation bar dan lainnya yang membutuhkan boostrap JS, Bootstrap JS juga membutuhkan jQuery library agar bisa berjalan normal. Bootstrap tidak menyertakan jQuery di dalam file download-nya untuk itu, kita harus mendownloadnya secara terpisah. Hal ini dilakukan agar kita bisa bekerja dan menggunakannya secara offline (tanpa koneksi internet). Silahkan download jQuery library dengan menuju situs resmi jQuery Download, pilih jQuery 1.x kemudian, download dengan mengklik link Download the compressed, production jQuery 1.12.0

3. Anda harus memiliki code editor.

Code editor penting sekali untuk memanipulasi file yang akan kita kembangkan khususnya file HTML, CSS dan Javascript sebagaimana file tersebut terdapat pada bootstrap. Anda juga bisa menggunakan Code Editor dari kami yang dibuat untuk tes atau uji coba kode. Jangan pernah menggunakan Word processor (Microsoft Word, dll) ataupun notepad untuk memanipulasi file-file tersebut. Karena aplikasi tersebut tidak cocok dan terdapat banyak kekurangan yang akan membingungkan kita sendiri nantinya.
Ada banyak sekali code editor yang tersebar di internet yang dapat kita gunakan baik yang gratis maupun yang berbayar. Sebagai pemula, tapi saya sangat menyarankan sobat pake text editor yang bernama 'Sublime text'. Dengan tampilan background warna hitam dan warna-warna koding yang berwarna membuat sobat tidak kebingungan dalam membedakan koding yang satu dengan yang lainnya.

Memulai...

Setelah semua dipersiapkan saatnya memulai untuk belajar bootstrap. Baik, ikuti tahap-tahapnya berikut ini:

1.Buat Folder Baru
Buatlah folder baru, beri nama misalkan "Belajar_Bootstrap".

2. Copy seluruh file Bootstrap ke dalam Folder Baru Tersebut
Copy folder css, fonts dan js yang ada pada Bootstrap yang telah kita download tadi, ke dalam folder baru tersebut (Belajar_Bootstrap)

3. Copy file jQuery ke dalam folder js
Copy dan Gabungkan file jquery-1.12.0.min.js yang telah kita download kedalam folder js punya bootstrap tadi, hal ini dilakukan untuk mempermudah proses pembelajaran.

4. Buat file html

Buat file baru dengan notepadd++ kemudian copy code snippet yang saya sediakan dibawah ini, kemudian save dan berilah nama seperti: index.html atau default.html dan simpanlah file tersebut ke folder "Belajar_Bootstrap" yang telah dibuat diatas. Berikut kodenya:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 3.3.6 Starter Template - by dul.web.id</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- AWAL CONTENT  -- hapus dari sini kebawah (sampai AKHIR CONTENT) -->
    <div class="container">
      <h1>Apa Kabar Dunia?</h1>
      <!-- Small modal -->
      <button class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-sm">Klik Aku</button>

      <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
          <div class="modal-content">

            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
              <h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
            </div>
            <div class="modal-body">
              Hai... salam kenal dari <strong>dul</strong>. Jika dialog ini muncul dan Anda bisa baca tulisan ini berarti Bootstrap berhasil di load dan terintegrasi dengan baik. Selamat Belajar
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- AKHIR CONTENT - dari sini kebawah jgn dihapus -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.12.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>


Saatnya untuk Uji Coba

Buka file html yang telah dibuat dengan code snippet diatas, buka dengan browser terbaru misalkan Google Chrome atau Firefox jangan gunakan internet explorer. 

Jika file Bootstrap.css berhasil diload maka tombol button akan memiliki style ala bootstrap seperti ini: 

Kita coba lagi apakah bootstrap.js berhasil di load dengan cara mengklik tombol  tersebut.

Apabila muncul dialog box, maka bootstrap.js berhasil di load dan siap digunakan sebagai template. 

Gunakan template ini untuk setiap materi pembelajaran bootstrap dan hapuslah AWAL CONTENT sampai AKHIR CONTENT untuk memulai file baru kosong tanpa konten.

Mengenal Elemen Body HTML Dari Nol

2016-08-18T08:54:00.000-07:00

Elemen Body di gunakan sebagai tempat untuk menampilkan konten dokumen. Elemen body juga di sebut sebagai layar presentasi, karena setiap perubahan pada elemen Body akan mempengaruhi informasi yang tampil pada browser.

Baca info terkait ( Elemen Form HTML)

1. Elemen Block

Elemen P

Elemen P digunakan untuk mendefinisikan suatu paragraf, elemen ini berisi nilai Text.

Contoh :

Yang di kotak hijau kanan adalah tag dari elemen 'P' nya. Sementara yang di kotak hijau sebelah kiri adalah hasil eksekusi dari tag elemen 'P'.

Elemen H1,H2,H3

Elemen H digunakan untuk mendefinisikan suatu judul.

Contoh :

Sebenarnya untuk elemen 'H' tidak hanya sampai 'H3' saja. Bisa sampai 'H6', sampai ukuran judul yang kita inginkan.

Elemen DL

Elemen DL digunakan untuk mendefinisikan daftar definisi.

Contoh :

Keterangan :

Elemen 'DT' digunakan untuk mendefinisikan item pada <dl>, secara format 'DT' sejajar ke kiri.
Elemen 'DD' digunakan untuk mendefinisikan item keteranga <dl>, secara format tulisan 'DD' sejajar ke kanan.

Elemen OL

Elemen OL digunakan untuk mendefinisikan daftar dengan menampilkan urutan angka atau huruf.

Contoh :

Keterangan :

Elemen 'OL' yang berfungsi untuk mendefinisikan daftar item di dalamnya secara urut.
Elemen 'LI' yang berfungsi untuk mendefinisikan isi item dari 'OL'.
Hasil eksekusi dari elemen 'OL'.

Baca info terkait ( Elemen Table HTML)

Elemen UL

Elemen 'UL' digunakan untuk mendefinisikan daftar tanpa urutan.

Contoh :

Keterangan :

Elemen 'UL' yang berfungsi untuk mendefinisikan daftar item di dalamnya secara tidak urut.
Elemen 'LI' yang berfungsi untuk mendefinisikan isi item dari 'UL'.
Hasil eksekusi dari elemen 'UL'.

Elemen ADDRESS

Elemen Address digunakan untuk mendefinisikan Text dalam format alamat.

Contoh :

Elemen BLOCKQUOTE

Elemen Blockquote digunakan untuk mendefinisikan sebuah kutipan, format text menjorok ke kanan dan memberikan jarak sepasi sebelum dan sesudahnya.

Contoh :

Elemen DEL

Elemen DEL digunakan untuk mendefinisikan text yang tidak digunakan pada dokumen. format penulisan garis di tengah text.

Contoh :

Segini dulu pembelajaran kita tentang Body HTML ya sobat..nanti kita lanjut lagi.

Salam Koding...!!!

Belajar Mengenai Elemen Head HTML

2016-08-18T02:47:00.001-07:00

Elemen head dapat digunakan sebagai tempat penulisan judul dokumen, informasi mengenai dokumen dan referensi alamat

a. Elemen Base
Elemen Base digunakan untuk mendefinisikan suatu alamat URL agar browser mengikut sertakan alamat tersebut.

Contoh :

b. Elemen Title
Elemen Title digunakan untuk mendefinisikan judul dokumen.

Contoh :

Lihat gambar yang dilingkari hasil isi dari Title berada di taksbar paling atas pada browser.

c. Elemen Script
Elemen Script digunakan untuk mendefinisikan suatu script fungsi. Seperti Javascript, VB script atau mendefinisikan suatu tautan lokasi file script untuk digunakan dokumen.

Contoh :

d. Elemen Link

Elemen Link digunakan untuk mendefinisikan style dokumen dan mendefinisikan tautan lokasi file style untuk menggabungkan antara dokumen dengan sumber lainnya.

Contoh :

Untuk penggunaan Elemen link di atas, saya mencontohkan dalam penggunaan link untuk CSS. Yang kotak warna hijau merupakan link untuk memanggil fungsi CSS nya. Sedangkan kotak warna merah merupakan style CSS nya. Untuk Pembahasan mengenai CSS lebih lanjut bisa mengklik tab CSS di blog ini.

Mungkin Sekian dulu pembahasan kita mengenai Elemen Head.

Jika ada pertanyaan atau ada kesalahan mengenai penjelasan saya. Silahkan isi di kolom komentar.
Terima Kasih....Salam koding..!!

Bagaimana Menjadi Seorang Programer ?

2016-08-17T22:20:00.000-07:00

Bagaimana Menjadi Seorang Programer ?. Ya, itu lah mungkin yang selalu ada di benak sobat PP sekalian apalagi bagi lulusan Tehnik Informatika sama seperti saya. Jujur walaupun saya lulusan TI tapi masih bingung harus melaju ke arah mana. Sebab begitu tidak singkronnya materi yang di berikan waktu kuliah dengan ilmu yang dibutuhkan oleh dunia kerja, apalagi para programer selalu di tuntut untuk menguasai segala sesuatu teknologi yang baru terutama dalam bidang programing.

Kadang saya selalu miris apabila melihat lowongan pekerjaan khususnya untuk programer. Para perusahaan menuntut kita yang mempunyai background TI untuk menguasai begitu banyaknya bahasa pemograman. Apalagi ada beberapa perusahaan yang mengsyarati pelamarnya, selain bisa pemograman kita juga harus bisa menguasai jaringan bahkan harus mahir membetulkan printer beserta perangkatnya.haduuuhh...saya tidak habis fikir. Apakah para perusahaan tidak tahu? kalo dunia IT itu luas,dan mereka punya spesialisasi masing-masing.

Berawal dari kejadian di atas, saya mengejak sobat PP untuk kita belajar berasama di blog ini mengenai pemograman. Bukan maksud saya merasa lebih pintar atau apapun, di blog ini kita bisa saling berbagi.

Dalam pembelajaran programing di blog ini, saya berusaha untuk membuat suasana maupun isi blog ini menjadi menyenangkan. Seperti yang kita ketahui banyak situs tutorial programing yang isinya membuat kita jenuh tidak pada intinya,sehingga membuat kita malah tambah pusing. Di blog ini kita akan membuat pembelajaran menjadi lebih santai dan ringan.

Dan di blog ini juga saya akan membahas pemograman langsung pada intinya saja. Tanpa Ba..Bi..Bu atau embel-embel teori yang panjang. Yang malah akan menambah bingung sobat sekalian.

Sekedar tips dari saya, agar kita lebih mudah atau cepat bisa menguasai bahasa pemograman. Coba buat suatu project, entah itu aplikasi atau web. Jangan terpaku pada buku atau ebook yg saat ini banyak bertebaran di internet. Terus jangan pernah menghafalkan setiap koding pemograman karena itu akan sia-sia. Yang sobat dapat hanyalah kepala pusing...heheh. Untuk dapat mengusai pemograman harus banyak-banyak latihan, yaitu dengan membuat project. Secara tidak langsung sobat juga sudah menghafal beberapa koding, sehingga makin terbiasa. Dan satu lagi sobat, coba belajar juga melalui vidio tutorial, Insya Allah dengan melihat vidio tutorial kita lebih mengerti mengenai alur pemograman. Untuk vidio tutorialnya Insya Allah saya akan posting link download atau streamingnya di blog ini.

Akhir kata mungkin segitu aja basa-basi dari saya.

Adapun saran dan kritik dari sobat PP sangat saya harapkan. Karena saya yakin isi blog ini masih jauh dari kata sempurna.

Salam Koding

Admin Pusat Programing

Pengenalan HTML Untuk Orang Awam

2016-08-15T08:42:00.000-07:00

Hai sobat PP, disini kita akan mencoba Pengenalan HTML. Mungkin sebagian sobat PP ada yang sudah tau apa itu HTML tapi ngga ada salahnya kita perdalam lagi.

HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web. Struktur dokumen HTML terdiri dari Tag pembukan dan Tag penutup.
Struktur dokumen HTML sebagai berikut :

Agar sobat lebih mengerti mengenai tag-tag HTML silahkan sobat simak vidio dibawah ini. Sekedar info, vidio dibawah ini di buat oleh mas Hilman Ramadan dari "SEKOLAH KODING". Kenapa vidio-vidio dari mas hilman sangat saya rekomendasikan, karena penjelasannya sangat mudah dimengerti. Ini bukan promosi atau apapun, ini murni dari pengalaman saya dalam mempelajari programing.

Untuk Sobat yang mau mendownload vidionya bisa klik
Disini

Ini Vidionya :