Postingan

Menampilkan postingan dari Desember, 2017

BELAJAR PHP 2 : Sejarah dan Perkembangan Versi

Gambar
PHP/FI : Personal Home Page/Forms Interpreter Sejarah PHP bermula pada tahun 1994 ketika programmer kelahiran Denmark yang sekarang berdomisili di Canada , Rasmus Lerdorf membuat sebuah script (kode program) dengan bahasa perl untuk web pribadinya. Salah satu kegunan script ini adalah untuk menampilkan resume pribadi dan mencatat jumlah pengunjung ke sebuah website. Dengan alasan untuk meningkatkan performa , Rasmus Lerdorf kemudian membuat ulang kode program tersebut dalam bahasa C. Ia juga mengembangkannya lebih lanjut sehingga memiliki script tersebut memiliki kemampuan untuk memproses form HTML dan berkomunikasi dengan database. Lerdorf menyebut kode program ini sebagai Personal Home Page / Forms Interpreter atau PHP / FI . Inilah asal mula penamaan PHP digunakan. PHP / FI dapat digunakan untuk membuat aplikasi web dinamis sederhana. Lerdorf kemudian merilis kode tersebut ke publik dengan sebutan Personal Home Page Tools ( PHP Tools ) version 1.0. Perilisan ini diumumkan pada

BELAJAR PHP 1 : Pengertian dan Fungsi PHP ( Pemula )

Gambar
Pengertian PHP PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum ( wikipedia ). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf , dan sekarang dikelola oleh The PHP Group . Situs resmi PHP beralamat di http://www.php.net . PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server . Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser ( client ). Pada awalnya PHP merupakan singkatan dari Personal Home Page . Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia , wordpress , joomla , dll. Saat ini PHP adalah singkatan dari PHP : Hypertex

BELAJAR HTML 13 : HTML DASAR ( Finish )

Gambar
Tutorial belajar HTML dasar   Ini kita tutup dengan sebuah halaman web dengan seluruh tag dan atribut yang telah kita pelajari dari tutorial part 1 sampai 13. Tag disini mencakup tag paragraf , heading , list , link , image (gambar), komentar, tabel dan form . Berikut adalah rangkuman kode program sebuah halaman HTML . Ketiklah kode berikut dan save sebagai finish.html Contoh rangkuman tag dasar html : <!DOCTYPE html> <html> <head> <title>Summary HTML Dasar</title> </head> <body> <!-- Akhirnya... Sebuah Halaman HTML Lengkap --> <h1>Belajar HTML Dasar</h1> <p> Ini <strong>adalah</strong> sebuah <em>paragraf</em> </p> <!-- tag link --> <p>Saya sedang belajar HTML dari <a href="http://www.duniailkom.com" target="_blank">Duniailkom</a> dan akan terbuka pada tab baru</p> <!-- tag image --> <img alt="g

BELAJAR HTML 12 : Cara Membuat Form di HTML

Gambar
Cara Membuat Form di HTML Peggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user , dan akan di proses dengan bahasa pemograman web seperti JavaScript atau PHP , dan disimpan di dalam tabel MySQL . Untuk pembahasan lebih lanjut, saya akan menjelaskanya pada tutorial tentang PHP dan JavaScript . Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form , input , textarea , select dan option . Pengertian tag <form> Sebuah form dalam HTML harus berada di dalam tag form , yang diawali dengan < form > dan diakhiri dengan </ form >. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya. Atribut pertama adalah action , yang 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 kedua adalah m

BELAJAR HTML 11 : Cara membuat komentar di HTML

Gambar
Cara membuat komentar di HTML Untuk membuat komentar di HTML , kita menggunakan awal <!- dan penutup -> . Agar lebih mudah dipahami, langsung saja kita simak dalam bentuk contoh. Silahkan tulis kode HTML berikut dan save sebagai komentar.html . Contoh penggunaan tag komentar HTML : <!DOCTYPE html > <html> <head> <title>Belajar Tag Komentar (comment)</title> </head> <body> <!-- <p>Ini berada di dalam tag komentar, dan tidak akan tampil di browser</p> --> <p>Ini bukan komentar, dan akan tampil di browser</p> </body> </html> Dari contoh dapat dilihat bahwa tag pembuka komentar adalah  <!– dan tag penutup –>. Tag komentar ini juga akan berlaku selama belum di temukan tag penutup. Contohnya dapat dilihat dari kode berikut: <!DOCTYPE html> <html> <head> <title>Belajar Tag Komentar (comment)</title> </head> <

BELAJAR HTML 10 : Cara Membuat Tabel di HTML

Gambar
Cara Membuat Tabel HTML dengan Tag <table>,<tr> dan <td> Untuk membuat tabel di HTML , kita membutuhkan setidaknya 3 tag , yaitu tag < table >, tag < tr >, dan tag < td > : Tag < table > digunakan untuk memulai tabel. Tag < tr > adalah singkatan dari table row , digunakan untuk membuat baris dari tabel. Tag < td > adalah singkatan dari table data , digunakan untuk menginput data ke tabel. Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML : Contoh penggunaan tag < table >: <!DOCTYPE html> <html> <head> <title>Penggunaan Tag Tabel</title> </head> <body> <h1>Belajar Tag Tabel</h1> <table border="1"> <tr> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> <td>Baris 1, Kolom 3</td> </tr> <tr> <td>Baris 2, Kolom 1</td> <t

BELAJAR HTML 9 : Cara Menambahkan Gambar di HTML

Gambar
Atribut src dalam tag <img> Atribut src adalah singkat dari source , merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan. Alamat ini relatif atau absolute . Untuk contoh kode HTML tentang image ini, sediakan sebuah gambar yang akan digunakan sebagai tampilan, dan tempatkan gambar tersebut ke dalam satu folder dengan halaman contoh. Gambar dapat berupa JPEG , PNG , maupun GIF . Pada contoh dibawah ini saya menggunakan sebuah gambar koala.jpg yang berada dalam satu folder dengan halaman HTML saat ini. Save- lah sebagai img.html Contoh penggunaan tag < img >: <!DOCTYPE html> <html> <head> <title>Penggunaan Tag Image</title> </head> <body> <h1>Belajar Tag Gambar</h1> <img src="koala.jpg" /> </body> </html> perhatikan bahwa tag <img> tidak memiliki elemen, sehingga langsung ditutup dengan  />   Hati-hati dengan penulisan atribut src , sering ga

BELAJAR HTML 8 : Cara Membuat Link di HTML

Gambar
Cara membuat Link di HTML Tujuan kata hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainya. HTML menggunakan tag < a > untuk keperluan ini. Link ditulis dengan < a > yang merupakan singkatan cari anchor (jangkar) Setiap tag < a > setidaknya memiliki sebuah atribut href . Dimana href berisi alamat yang dituju ( href adalah singkatan dari hypertext reference ). Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini. Contoh penggunaan tag link < a >: <!DOCTYPE html> <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar HTML dari <a href="http://www.duniailkom.com">Duniailkom</a></p> </body> </html> Save dengan nama link.html, lalu buka dengan browser.   Alamat Absolute dan Alama

BELAJAR HTML 7 : Cara Membuat Daftar/List

Gambar
Cara Membuat Daftar/List di HTML Dalam HTML , tag list terdiri dari 2 jenis, ordered list (perurutan) dan unordered list (tidak berurutan) . Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak. Ordered list menggunakan tag < ol >, dan unordered list menggunakan tag < ul >, sedangkan untuk list sendiri menggunakan tag < li >. Penjelasan ini akan lebih mudah jika menggunakan contoh. Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag < ol >: <!DOCTYPE html> <html> <head> <title>penggunaan tag list </title> </head> <body> <h1>daftar belanjaan</h1> <ol> <li>minyak goreng</li> <li>sabun mandi</li> <li>deterjen</li> <li>shampoo</li> <li>obat nyamuk</li> </ol> </body> </html> Save dengan nama list.html ,