Pengertian PHP

PHP merupakan singkatan dari "PHP: Hypertext Preprocessor", adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.

 Hubungan PHP dengan HTML

Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda <? dan ?>. Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php atau .php3.

            PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (active Server Pages) dan JSP (Java Server Pages).

            PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah mampu mengakses database dan dapat terintegrasi dengan HTML.

            Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya..

            Versi teranyar yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP3 scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP3.            Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

Kelebihan PHP

            Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan Karena dianggap sudah tidak memenuhi keinginan pasar karena situs tersebut harus tetap dinamis selama setiap hari. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer

web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP.

             Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

1. Oracle
2. MySQL
3. Sybase
4. PostgreSQL, dan lainnya

PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh.

            PHP merupakan software yang open source yang dapat anda download secara gratis dari situs resminya yaitu http://www.php.net, ataupun dari situs-situs yang menyediakan software tersebut seperti di ftp://gerbang.che.itb.ac.id.

            Software ini juga dapat berjalan pada web server seperti PWS (Personal Web Server), Apache, IIS, AOLServer, fhttpd, phttpd dan sebagainya. PHP juga merupakan bahasa pemograman yang dapat kita kembangkan sendiri seperti menambah fungsi-fungsi baru.

            Keunggulan lainnya dari PHP adalah PHP juga mendukung komunikasi dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 bahkan HTTP.

            PHP dapat diinstal sebagai bagian atau modul dari apache web server atau sebagai CGI script yang mandiri. Banyak keuntungan yang dapat diperoleh jika menggunakan PHP sebagai modul dari apache di antaranya adalah :

1. Tingkat keamanan yang cukup tinggi
2. waktu eksekusi yang lebih cepat dibandingkan dengan bahasa pemograman web lainnya yang berorientasi pada server-side scripting.
3. Akses ke system database yang lebih fleksibel. seperti MySQL.
4. Dalam modul ini kita akan mempelajari PHP sebagai server-side scripting yang menggunakan apache sebagai webserver. Versi PHP yang kita gunakan adalah PHP4 untuk windows.

INSTALASI WEBSERVER

Pendahuluan

           

Web server merupakan server internet yang mampu melayani koneksi transfer data dalam protocol HTTP. Web server merupakan hal yang terpenting dari server di internet dibandingkan server lainnya seperti e-mail server, ftp server ataupun news server. Hal ini di sebabkan web server telah dirancang untuk dapat melayani beragam jenis data, dari text sampai grafis 3 dimensi. Kemampuan ini telah menyebabkan berbagai institusi seperti universitas maupun perusahaan dapat menerima kehadirannya dan juga sekaligus menggunakannya sebagai sarana di internet.

         

Web server juga dapat menggabungkan dengan dunia mobile wireless internet atau yang sering di sebut sebagai WAP (wireless Access Protocol) yang banyak digunakan sebagai sarana handphone yang memiliki fitur WAP. Dalam kondisi ini, webserver tidak lagi melayani data file HTML tetapi telah melayani WML (wireless Markup Language)

Salah satu software yang biasa digunakan oleh banyak web master di dunia adalah apache. Software tersebut dapat kita download secara gratis dari web resmi apache yaitu http://www.apache.org. Apache merupakan software open source yang sekarang ini sudah merebut pasar dunia lebih dari 50%. Web server ini fleksibel terhadap berbagai system operasi seperti windows9x/NT ataupun unix/linux. Dalam penggunaanya.

Apache merupakan turunan dari webserver yang dikeluarkan oleh NCSA yaitu NCSA HTTPd pada sekitar tahun 1995.

Kelebihan web  server Apache :

1. Freeware (software gratisan)
2. Mudah diinstall.
3. Mampu beroperasi pada berbagai platform sistem operasi .
4. Mudah mengonfigurasinya.
5. Apache Web server mudah dalam menambahkan periferal lainnya ke dalam platform web servernya, misalnya : untuk menambahkan modul, cukup hanya menset file konfigurasinya agar mengikutsertakan  modul itu kedalam kumpulan modul lain yang sudah dioperasikan.
6. Dapat dijadikan pengganti bagi NCSA web server.
7. Perbaikan terhadap kerusakan dan error pada NCSA 1.3 dan 1.4
8. Merespon client ebih  cepat daripada server NCSA.
9. Mampu di kompilasi sesuai dengan spesifikasi HTTP yang sekarang.
10. Menyediakan feature untuk multihomed dan virtual server.
11. Kita dapat men-set respon error yang akan dikirim web server dengan menggunakan file atau skrip.
12. Secara otomatis menjalankan file index.html, halaman utamanya, untuk ditampilkan secara otomatis pada clientnya.
13. Lebih aman karena memiliki level-level pengamanan
14. Apache mempunyai komponen dasar terbanyak di antara webserver-webserver lain, yang berarti bahwa webserver Apache termasuk salah satu dari webserver yang lengkap.
15. Performansi dan konsumsi sumberdaya (resource) dari webserver apache tidak terlalu banyak, hanya seandar 20 MB untuk file-file dasarnya dan setiap daemonnya hanya memerlukan seandar 950 KB memory per-child.
16. Mendukung transaksi yang aman (secure transaction) menggunakan SSL (Secure Socket Layer).
17. Mempunyai dukungan teknis melalui web.
18. Mempunyai kompatibilitas platform yang tinggi.
19. Mendukung third party berupa modul-modul tambahan.

HTML-dasar1 HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web.mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah  sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.

Mendesain HTML dapat dilakukan dengan dua cara:

    Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain.

    Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Struktur Dasar Dokumen HTML

Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:

<HTML>

<HEAD>

Deskrisi dokumen

</HEAD>

<BODY>

Isi dokumen

</BODY>

</HTML>

Contoh aplikasinya

Buatlah scrips teks seperti dibawah ini dengan menggunakan NotePad dan simpan filenya dengan nama latihan1.html

<HTML>

<HEAD>

<TITLE>Belajar Dasar-Dasar HTML</TITLE>

</HEAD>

<BODY>

Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan</BODY>

</HTML>

Keterangan:

    Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.

    <BODY>  adalah isi dokumen yang akan ditampilkan dibrowser Anda

Untuk melihat hasilnya, silakan jalankan browser favorit Anda, dengan cara membuka file latihan1.html yang sudah Anda buat tadi dengan menggunakan browser seperti contoh tampilan dibawah ini saya menggunakan browser Mozila Firefox :

latihan1html

Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

Referensi Tag HTML

1. Heading

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:

    <head>

    ...........

    </head>

Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.

Contoh:

<HTML>

<HEAD>

<TITLE>Headings</TITLE>

</HEAD>

<BODY>

<H1>Heading Level 1</H1>

<H2>Heading Level 2</H2>

<H3>Heading Level 3</H3>

<H4>Heading Level 4</H4>

<H5>Heading Level 5</H5>

<H6>Heading Level 6</H6>

</BODY>

</HTML>

heading1

2. Paragraf

Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.

Contoh:

<HTML>

<HEAD>

<TITLE>Paragraf</TITLE>

</HEAD>

<BODY>

<P ALIGN="right">

Yang harus Anda sadari adalah mencari uang di internet bukanlah bisnis secara riil, tapi sebenarnya kita berhadapan dengan dunia maya,  yang perlu Anda cermati hanyalah banyak jebakan dalam dunia maya yang begitu cerdas dan banyak situs-situs web bisnis online yang buat Anda ragu berhasil atau gagal untuk menjalaninya, sehingga banyak orang terperdaya, tertipu dan menyia-nyiakan waktu bahkan uangnya dan akhirnya tidak ada hasil sama sekali, salah satu penyebabnya adalah kurangnya pengetahuan yang mendalam tentang skill tekhnis dan strategy untuk sukses bisnis online.                   <P ALIGN="center">

Memang, sampai saat ini masih banyak orang tidak percaya bahwa bisnis secara online bisa membuat penggunanya menjadi kaya raya, itu tidak benar, sebab kenyataannya banyak orang menjadikan bisnis online sebagai sumber penghasilannya yang besar, segera ikuti petunjuk-petunjuk yang ada dalam blok saya ini, Anda akan diarahkan bagaimana keberhasilan para interneter  kelas lokal maupun dunia yang membangun kekayaan secara bisnis online, dan rahasianya di kupas tuntas disini dan buktikan sendiri hasilnya, karena blog rahasia bisnis online ini adalah intisari dari ratusan situs web bisnis online dengan menggunakan trik dan strategy ampuh agar Anda bisa membangun kekayaan secara online .                           <P ALIGN="left">

Untuk menjalani bisnis online agar Anda sukses, langkah pertama yang harus Anda lakukan adalah melakukan persiapan. Tahapan ini sangat penting dan Anda harus melakukannya karena dalam artikel ini memberikan Anda bukti keberhasilan bukan saja hanya menambah pengetahuan Anda tentang bagaimana menjalani bisnis online.     </P>

</BODY>

</HTML>

Dibawah ini adalah tampilan pada halaman browser dari contoh script diatas :

Paragrafhtml

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut :

a. Tag

Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.

Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar

<p>

    <b>

................

    </b>

</p>

Contoh penulisan tag-tag yang salah

<p>

    <b>

................

</p>

</b>

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>

   nama-attr="nilai-attr"

   nama-attr="nilai-attr"

   .................

> 

   .................

</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:

    <html>

    ..........

    </html>

e. Element HEAD

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:

    <head>

    ...........

    </head>

f. Element TITLE

Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:

    <title>

    .........

    </title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.

Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:

    <body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">

    ..............

    </body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.

Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

LATIHAN

Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser favorit Anda

Latihan 1:

Menampilkan teks:

                           Belajar bahasa pemrograman web sangatlah mudah:)

Nama file: latihan1_1.html

    <html>

    <head>

    <title>Latihan1-1</title>

    </head>

    <body>

            Belajar bahasa pemrograman web sangatlah mudah:)                                      </body>

    </html>

Tugas tambahan:

Gantilah teks tersebut dengan teks sesuai dengan teks yang Anda inginkan.

Latihan 2:

Merubah warna teks menjadi merah:

Belajar bahasa pemrograman web sangatlah mudah

Nama file: latihan1_2.html

    <html>

    <head>

    <title>Latihan1-2</title>

    </head>

    <body text="red">

            Belajar bahasa pemrograman web sangatlah mudah:)                                     </body>

    </html>

Tugas tambahan:

Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 3:

Merubah warna background menjadi hitam.

Nama file: latihan1_3.html

    <html>

    <head>

    <title>Latihan1-3</title>

    </head>

    <body text="red" bgcolor="black">

            Belajar bahasa pemrograman web sangatlah mudah:)                                    

    </body>

    </html>

Tugas tambahan:

Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4:

Merubah background dengan suatu gambar.

Nama file: latihan1_4.html

    <html>

    <head>

    <title>Latihan1-4</title>

    </head>

    <body text="red" bgcolor="aqua" background="./images/image027.jpg">

           Belajar bahasa pemrograman web sangatlah mudah:)                                      </body>

    </html>