1 I. Pengenalan Word Wide Web (WWW) Internet adalah sebuah solusi jaringan yang dapat menghubungkan beberapa jaringan lokal yang ada pada suatu daerah...
I. Pengenalan Word Wide Web (WWW) Internet adalah sebuah solusi jaringan yang dapat menghubungkan beberapa jaringan lokal yang ada pada suatu daerah, kota, atau bahkan pada sebuah negara. Dengan adanya internet kita dapat menghubungkan beberapa jaringan lokal yang ada pada setiap tempat. Tidak hanya itu juga dengan adanya fasilitas internet setiap orang dapat melakukan kegiatan seperti mengirim email (Electronic Mail), mencari data, bermain game, akses Bank atau internet banking dan melakukan pembelanjaan pada toko online antar Negara. Untuk dapat menghubungkan beberapa komputer sehingga menjadi sebuah kelompok jaringan, kita membutuhkan suatu media penghubung yang bernama TCP/IP, yaitu sebuah protokol yang mengidentifikasi sebuah komputer yang terhubung di dalam jaringan.
TCP/IP
memiliki
teknik
mengidentifikasi
dengan
menggunakan
penomoran yang dinamakan Nomor IP/IP address (Internet Protokol Adress). Dengan menggunakan Nomor ini sebuah komputer dapat terhubung dengan komputer lain dalam sebuah jaringan atau dalam jaringan global yang disebut internet. Jika dilihat dari proses kerjanya WWW (Word Wide Web) dapat dibagi menjadi beberapa komponen seperti berikut : Protokol
: Sebuah media yang distandarkan untuk dapat mengakses komputer di dalam sebuah jaringan, halaman yang dapat diakses adalah halaman website. WWW memiliki standar protocol yang bernama HTTP atau (Hypertext Transfer Protocol). Dengan menggunakan protokol ini sebuah halaman yang ada di dalam komputer jaringan dapat dibuka dan diakses.
Adress
: Merupakan alamat yang berkaitan dengan penamaan sebuah Komputer di dalam jaringan. Alamat ini sebenarnya merupakan sebuah Nomor yang dimiliki sebuah komputer yang sering disebut dengan Nomor IP, akan tetapi dengan adanya perkembangan jaman, maka dibentuk metode baru yang bernama Domain Name System (DNS), Sehingga No IP tersebut digantikan dengan sebuah alamat yang dinamakan URL (Uniform Resource Locator) yang berkaitan dengan nama suatu instansi pemilik komputer tersebut, misalnya : http://www.poltektegal.ac.id
HTML
: Selain dari kedua media tersebut masih membutuhkan sebuah media lagi yaitu HTML, sebuah bahasa scripting yang dapat menghasilkan halaman web site sehingga halaman tersebut dapat diakses pada setiap komputer.
II. Sekilas Pemprograman Web (Web Programming) Situs/Web dapat di kategorikan menjadi dua yaitu web statis dan web dinamis atau interaktif. Web statis adalah web yang berisi/menampilkan informasi-informasi yang sifatnya statis (tetap), sedangkan web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan user yang sifatnya dinamis.
Modul Pemprograman WEB
Dalam pemprograman web ada 2 kategori 1. Server-side Programming 2. Client-side Programming Pada server side programming, perintah-perintah program (Script) dijalankan di web server, kemudian hasilnya dikirimkan ke browser dalam bentuk HTML biasa.
Script
Script
INTERNET web browser
Hasil eksekusi script dalam HTML
hasil
Client
Web server
Sedangkan client-side programming perintah program dijalankan di web browser, sehingga ketika client meminta dokumen yang mengandung script, maka script tersebut akan di download dari server-nya kemudian dijalankan di browser yang bersangkutan. Kode HTML
INTERNET
Kode HTML web browser
HTML dijalankan
html
Client
Server
Program web yang tergolong dalam server-side seperti : CGI/Perl, ASP (Active Server Pages), JSP (Java Server Pages), PHP, CFM (ColdFusion) dan lain-lain. Sedangkan yang tergolong client-side seperti : JavaScript, VBScript, HTML.
III. HTML (HYPERTEXT MARKUP LANGUAGE) HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standart Generalized Markup Language). Sejak awal perkembangan sampai sekarang ini telah tersedia bermacam-macam versi HTML, ada HTML Versi 1.0, HTML 2.0, HTML 3.0, HTML 4.0 dan Versi dari HTML yang terbaru adalah dengan nama XHTML. Pada versi XHTML ini dibentuk dengan perubahan yang banyak dari HTML 4.0. A.
Program Editor HTML Untuk membuat dokumen HTML diperlukan program editor (program yang
digunakan untuk menuliskan semua kode-kode program), editor yang biasa digunakan antara
lain
Macromedia
Dreamveaver,
Front
Page,
Home
Site,
HotDog,
Modul Pemprograman WEB
PHPDesigner, PHPEd, WebEdit, Adobe GoLive, dan juga sebagai editor standar bawaan windows yaitu NotePad. B.
Sintak dasar HTML Sebagai sebuah elemen dasar di dalam pemprograman web, HTML memiliki
beberapa aturan-aturan dalam penulisanya. Sehingga dengan adanya aturan-aturan tersebut, sebagai seorang programmer web harus konsisten dalam hal penulisan semua Tag-tag HTML. HTML memiliki beberapa sintaks dasar yang hampir mirip dengan semua pemprograman baik yang berbasis web maupun visual. Kemiripan itu adalah bahwa semua struktur pemprograman harus ada sintaks yang menyatakan program itu dimulai dan akhir sintaks. Sebagai contoh dalam pemprograman Web PHP mengenal tanda . Selain itu pada pemprograman Pascal yang mendeklarasikan Begin sebagai awal program dan diakhiri dengan end; Berikut adalah beberapa tag yang diperlukan pada saat menuliskan Dokumen HTML. Tag HTML Dokumen HTML selalu didahului dengan sebuah Tag yang menandakan bahwa Dokumen tersebut adalah Dokumen HTML. Tag tersebut adalah , dengan sintak penulisannya adalah : .. isi web .. Dengan demikian semua isi yang ada di dalam Tag HTML akan dianggap sebagai Dokumen HTML. Tag HEAD Dalam
sebuah
halaman
HTML,
Terdapat
tag
yang
digunakan
untuk
mengidentifikasi halaman web, dalam bagian ini terdapat beberapa tag yang berfungsi untuk mengidentifikasi judul yang berkaitan dengan halaman web yang dibuat. Tag yang berguna untuk mengidentifikasikan judul web adalah Tag TITLE yang dalam penulisannya seperti berikut : ..judul web .. Selain title, tag head juga memiliki elemen yang berguna untuk memberikan informasi yang berhubungan dengan halaman web HTML tersebut, Tag yang digunakan untuk mendefinisikan informasi halaman web tersebut adalah META dengan penggunaan seperti berikut : <META atribut=”value”> Atribut Name
Value Text
Content http-equiv
Text Text
Keterangan Digunakan untuk mendeklarasikan kedudukan pengisi, misalnya “Programmer” Menjelaskan dari judul yang dideklarasikan pada atribut name Untuk mendeklarasikan atribut server HTTP
Dari tag di atas diperoleh keterangan bahwa program tersebut dibuat oleh Programmer bernama Sumanto, dan dibuat pada bulan april 2004, jam 04.30. Semua script web baik itu PHP, maupun HTML dapat menggunakan Editor baik yang berupa WYSIWYG (What You See is What You Get) seperti Dreamweaver, Front Page ataupun Editor yang berbasis tex saja. Di dalam latihan pemprograman web ini, akan menggunakan Text Editor Note Pad yang telah tersedia pada saat melakukan penginstalan windows. 1.
Berikut struktur dasar sebuah halaman HTML yang digunakan dalam membuat sebuah halaman web. Listing Dasar HTML <TITLE> JUDUL Hello…Selamat Belajar MEMBUAT Home Page dengan HTML Catatan : Cara penyimpanan harus diperhatikan penulisannya yaitu menggunakan ekstensi .htm atau .html.
2.
Format Halaman dan Paragraf
2.1. Warna dan Background pada Halaman Latar belakang merupakan sebuah elemen yang sangat diperlukan dalam membedakan halaman web dan tidak semua orang menyenangi latar belakang standar yang bersifat statis, dalam hal ini adalah warna putih (white) sebagai warna standarnya Secara default halaman web akan menciptakan hasil berwarna putih. Untuk dapat mengubahnya dengan warna yang sesuai dengan keinginan anda, untuk dapat mengubahnya dengan yang sesuai dengan keinginan, maka dapat menggunakan atribut=bgcolor, yang disisipkan pada tag body. Warna adalah sebuah kumpulan kode ASCII yang berasal dari dari percampuran warna-warni dasar RGB (Red Green Blue). Warna akan digunakan untuk background halaman web dengan didahului tanda pagar (#) atau langsung dapat mengetikan nama warnanya dalam bahasa inggris, misalnya (red, blue, white, yellow dan lain-lain). Berikut warna standar yang sering digunakan Warna Putih Kuning Merah Abu-abu
Kode Hexadesimal #FFFFFF #FFFF66 #FF0000 #CC9999
Warna Orange Pink Violet Brass
Hexadesimal #FF7F00 #FF6EC7 #9F5F9F #B5A642
Modul Pemprograman WEB
Biru Hijau Hitam Terong Biru Muda
#0000FF #00FF00 #000000 #CC33FF #00CCFF
Aquamarine Coklat Copper Cyan Magenta
#70DB93 #5C3317 #B87333 #00FFFF #FF00FF
Berikut contoh penggunaan background pada halaman web Warna halaman <TITLE>.:Contoh warna background:. Warna Background Web site HIJAU
Menggunakan gambar sebagai Background Selain menggunakan warna sebagai background, gambar juga dapat digunakan sebagai background, dengan menggunakan gambar dimungkinkan untuk memperindah halaman web sehingga akan Nampak lebih prosefional. Atribut yang digunakan untuk memasukkan gambar sebagai background adalah BACKGROUND yang diikuti alamat file gambar yang dimaksud. Atribut ini harus diletakkan dalam , Teknik penulisannya adalah sebagai berikut : Perhatikan contoh berikut : Memasukan Gambar yang berada dalam satu folder
Modul Pemprograman WEB
Memasukan Gambar yang berada dalam folder lain
2.2. Memformat Text Tag yang digunakan untuk melakukan pengaturan text Tag <S> <SUB> <SUP>
Keterangan Membuat huruf tebal Membuat huruf miring Membuat huruf garis bawah Membut huruf dicoret Membuat huruf menjorok ke bawah Membuat huruf menjorok ke atas
Format Text <TITLE> .:FORMAT TEXT:. MEMBUAT TULISAN DICETAK TEBAL MEMBUAT TULISAN DICETAK MIRING MEMBUAT TULISAN BERGARIS BAWAH MEMBUAT TULISAN DICETAK TEBAL DAN BERGARIS BAWAH Catatan : Tag digunakan untuk pindah baris / enter dalam Keyboard
1. Menentukan Ukuran Huruf dan Warna HTML menyediakan sebuah tag
…>
yang
di
dalamnya
dapat
mendeklarasikan warna huruf, ukuran maupun bentuk hurufnya. Atribut yang digunakan dalam tag Atribut Size Color Face
Keterangan Menentukan ukuran font Menentukan Warna Font Menentukan Jenis Font
Modul Pemprograman WEB
Format Text <TITLE> .:FORMAT TEXT:. Bentuk TEXT ARIAL Berwarna Merah Size : dapat anda masukan angka mulai dari 1-7 dan kemudian jika ingin melanjutkan dengan ukuran yang lebih besar dapat ditambah dengan tanda (+), contohnya (+5).
2. Ganti baris dan paragraph Dengan menggunakan HTML kita mengenal Tag untuk melakukan ganti baris dan
untuk ganti paragraph, pada Tag akan memberikan efek ganti baris sebanyak satu baris sedangkan
akan memberikan efek pindah 2 baris selanjutnya. Format Text
<TITLE> .:FORMAT TEXT:. PAK TONO
Pak Tono adalah orang yang sangat baik hati dan dipercaya di daerahnya Pak Tono Tinggal di daerah terpencil di Pemalang Setiap hari pak tono bekerja sebagai seorang Nelayan
3. Membuat judul / Heading Heading adalah salah satu metode yang digunakan pada HTML yang digunakan untuk membuat judul dalam paragraf. Format Text <TITLE> .:MEMBUAT HEADING:.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
4. Menciptakan Garis Horizontal Sebagai pembatas antara judul dengan isi, kita dapat menggunakan garis. Dalam HTML disediakan sebuah Tag fungsi yang berguna untuk menciptkan garis dengan posisi horizontal, untuk membuatnya dengan Tag yang merupakan kependekan dari Horizontal Row. Sintaknya adalah
Modul Pemprograman WEB
Atribut Size Color Align Width
Value N Warna Left, right Length
Keterangan Ukuran garis Warna Garis Letak posisi garis Lebar garis
Format Text <TITLE> .:MEMBUAT GARIS:.
POLTEK "HARAPAN BERSAMA"
Kampus Tercinta, Rela Aku Ga LULUS dan tinggal disini terus
5. Membuat animasi marquee Marquee adalah sebuah bentuk animasi text sederhana yang dapat diciptakan oleh HTML, dengan menggunakan marquee anda dapat menciptakan gerakan-gerakan text maupun paragraph di dalam halaman web. Sintaks yang digunakan adalah : <marquee atribut="">….text… Atribut Behavior
Direction
Bgcolor Loop Scrolldelay scrollamount
Value Alternate Scroll Slide Left Right Top Down Color n n n
Keterangan Teks bergerak ke kanan-kiri Teks bergerak terus menerus Teks bergerak sekali Bergerak dari kiri Bergerak dari kanan Bergerak dari atas Bergerak dari bawah Untuk warna latar belakang Perulangan yang bernilai n Cepat-lambat animasi Jumlah animasi
Menggunakan Formulir Form Adalah sebuah metode yang digunakan dalam web site yang mengizinkan
berinteraksi dengan server ataupun dengan pengelola web site tersebut. Dengan adanya proses interaksi tersebut maka pengguna akan dapat beberapa kemudahan yang diberikan pada web site tersebut.
Modul Pemprograman WEB
Untuk dapat menciptakan halaman web yang dapat berinteraksi dengan pengunjung salah satunya kita dapat menggunakan formulir, yang kemudian formulir tersebut akan dikirim menggunakan sebuah program aplikasi web berbasis Server Side menuju Database Server. Dalam web site biasanya form digunakan sebagai media yang digunakan untuk pengunjung dalam mengirimkan permintaan ataupun mengirimkan pesan. Seperti buku tamu, shout box, e-mail, pencarian, pendaftaran online maupun pemesanan barang secara online. Dalam membuat form tag nya adalah Form memiliki dua atribut yaitu action dan method. Action
: untuk menentukan alamat dimana data dari form akan dikirimkan
Method : metode pengiriman data, terdiri dari Get dan Post
Atribut method memiliki dua nilai post dan get. Metode get mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk. Metode post mengirimkan datanya secara terpisah. Input.html <TITLE>.:LATIHAN INPUT DATA:.
Input.php
Modul Pemprograman WEB
Menggunakan Method "Get"
Menggunakan Method "Post"
Properti masukan pada elemen form Dalam HTML, ada beberapa bentuk masukan Form yaitu INPUT, TEXTAREA, SELECT. Sedangkan dalam properti atau komponen INPUT dapat dibedakan menjadi beberapa bentuk masukan seperti text, password, button/tombol, select. 1. Masukan berupa Tex (Textbox) Textbox merupakan salah satu jenis control untuk memasukan data. Dalam HTML masukan bertipe teks dapat dituliskan seperti berikut : Contoh Text Box Text Box
Modul Pemprograman WEB
2. Masukan berupa Password Password adalah bentuk kata yang dirahasiakan, anda tidak boleh mengetahuinya jika tidak mempunyai hak dalam penggunaanya. Dalam HTML masukan berupa password ini ditulis dengan sintaks : Contoh INPUT Password .:LOGIN:.
3. Masukan berupa Pilihan Tunggal (Radio Button) Pada saat melakukan browsing, kita sering menjumpai pertanyaan-pertanyaan yang meminta anda untuk memilih salah satu jawaban yang disediakan. Salah satu yang mungkin pernah kita lihat adalah fasilitas jajak pendapat (polling). Dalam HTML fasilitas tersebut merupakan bagian komponen dari form yang dikenal dengan nama Radio Button. Untuk penulisan Tag nya adalah sebagai berikut :
Modul Pemprograman WEB
Contoh Radio Button .:Membuat Text Button:.
4. Masukan berupa pilihan Ganda (chek box) Dalam komponen ini anda dapat memasukan pilihan lebih dari satu, artinya berkebalikan dengan radio button. Untuk dapat membuat pillihan lebih dari satu tersebut dalam HTML dikenal dengan nama checkbox. Penulisan Tag nya adalah sebagai berikut :
5. Masukan berupa Pulldown (List Menu) Pull Down List adalah metode masukan data yang datanya telah dimasukan sebelumnya oleh pembuatnya. Untuk dapat membuat pulldown dalam HTML, anda menggunakan Tag Select sebagai atribut pengganti input dan option sebagai Daftar data yang dimasukan. Adapun Penulisan HTMLnya adalah :
Modul Pemprograman WEB
<select name=""> Contoh List Menu ::LIST MENU::
6. Masukan yang berupa ungkapan / komentar (Textarea) Didalam halaman web dinamis tentunya pernah melihat sebuah media masukan yang meminta anda memasukkan komentar anda, atau bahkan anda diizinkan untuk menulis beberapa catatan di dalamnya. Contoh lain saat anda mengirim email kepada orang lain. Dalam HTML, media yang digunakan adalah Textarea yang penulisannya memiliki aturan: Contoh Textarea ::Textarea::
Modul Pemprograman WEB
7. Masukan yang berupa pengambilan file dari komputer (file Field) Pengambilan data yang berkenaan dengan data yang ada pada komputer yang sedang kita pakai. Biasanya komponen ini digunakan untuk aplikasi Upload File. Dalam HTML, komponen ini dinamakan File Field yang sintaknya adalah : Contoh input file :.File Field.:
8. Membuat tombol (Button) Tombol atau Button digunakan untuk melakukan perintah eksekusi dari semua komponen yang telah dibuat dalam form, jadi dalam teknik pembuatan form, tombol merupakan langkah terakhir yang harus dibuat. Komponen yang ada pada button Tipe Button SUBMIT RESET BUTTON
Fungsi Digunakan untuk mengeksekusi seluruh komponen form menuju halaman yang telah dialamatkan pada atribut ACTION yang ada di dalam badan form Untuk mengosongkan semua data yang telah diisikan ke dalam komponen sebelumnya. Digunakan sebagai tombol yang memiliki alamat sesuai dengn yang diinginkan, untuk dapat membuat alamat ini akan memerlukan bantuan Java Script dalam pengalamatannya. (OnClick="parent.location='alamat.htm'";)
Modul Pemprograman WEB
Contoh Button :: Membuat Form ::
4.
FRAME Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang
terbagi-bagi menjadi beberapa dokumen HTML, dimana setiap bagian merupakan satu halaman HTML terpisah. Sehingga tampilan halaman HTML yang salah satu atau bebera bagian berganti-ganti isinya sedangkan bagian yang lain tetap sehingga dapat menghemat bandwith internet dan mempercepat proses download secara keseluruhan. Penulisan tag HTML nya adalah :
Modul Pemprograman WEB
Atribut yang digunakan dalam frame Atribut FRAMESET COLS FRAMESET ROWS FRAME SRC NOFRAME
Fungsi Membuat frame vertikal dengan lebar kolom tertentu Membuat frame horizontal dengan tinggi baris tertentu Memasukan dokumen HTML ke dalam Frame Memasukan body teks untuk browser yang tidak dapat menampilkan frame
IV. PHP PHP (Hypertext Preprosesseor) merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang dikirimkan ke klien, tempat pemakai menggunakan browser. Secara khusus PHP dirancang untuk membentuk web dinamis, artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya anda bisa menampilkan isi database ke halaman web. Web dinamis ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemprograman dan HTML sebagai pembangun halaman web. Ketika seorang user membuka suatu halaman web, server akan memproses perintah PHP lalu mengirimkan hasilnya dalam format HTML ke browser user tersebut. Dengan demikian user tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web kita lebih terjamin. PHP bersifat bebas dipakai. Anda tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Anda dapat men-download-nya melalui situs www.php.net. Adapun kelebihan-kelebihan dari PHP yaitu : 1. PHP mudah dibuat dan kecepatan akses tinggi 2. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula. PHP dapat berjalan disistem operasi UNIX/Linux, Windows 98, Windows NT dan Macintosh. 3. PHP diterbitkan secara grati 4. PHP juga dapat berjalan pada web server Microsoft Personal Web Server (PWS), Apache, IIS, Xitami dan sebagainya 5. PHP termasuk server-side programming 6. PHP termasuk bahasa yang embedded (bisa ditempel atau diletakkan dalam tag HTML) 7. PHP menawarkan konektivitas yang baik dengan beberapa basis data antara lain Oracle, Sybase, Msql, MySQL, dBase, Postgres SQL, Generic ODBC
Sebelum anda memulai pemprograman PHP yang perlu diingat adalah pastikan web server dan skrip PHP sudah ada dan telah berjalan dengan baik. 1. Tes PHP dan MySQL Secara Default, PHP sudah mendukung modul MySQL, sehingga anda tidak perlu lagi melakukan konfigurasi ulang. Untuk mengetahui instalasi telah berhasil dengan baik, dan juga mengecek dukungan terhadap MySQL, selanjutnya buat program untuk info php, seperti berikut :
Modul Pemprograman WEB
Jika proses instalasi yang anda lakukan adalah benar, seharusnya anda akan mendapatkan hasil tampilan pada browser seperti berikut :
Sedangkan untuk mengetahui bahwa PHP anda telah mendukung MySQL, Anda dapat mengecek bagian seperti pada gambar berikut :
2. Script PHP Penulisan kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>), ada beberapa cara yang sering digunakan untuk memulai script PHP, yaitu : Script PHP disini ?> <script language=”php”> Script PHP disini <% Script PHP disini %>
Modul Pemprograman WEB
Berikut contoh sederhana penulisan script PHP : pertama "; echo"Aku sedang belajar Pemprograman Web
"; echo date("d F Y"); ?>
3. Varabel dan Tipe Data Variabel digunakan untuk menyimpan data sementara, dan nilainya bisa berubah-ubah setap kali program dijalankan. Aturan-aturan yang dapat digunakan untuk menuliskan variabel adalah sebagai berikut: Pendeklarasian variabel harus ditandai dengan String ($) Variabel dapat menggunakan huruf kecil maupun huruf besar ataupun perpaduanya Penulisan awal variabel tidak boleh menggunakan angka Apabila ingin menggunakan angka sebagai variabelnya maka dapat menggunakan tanda underscor (_) untuk memulainya. Tidak boleh menggunakan bentuk-bentuk karakter yang tergolong ke dalam kode ASCII. Dari beberapa bentuk penulisan variabel tersebut dapat dibedakan lagi ke dalam beberapa bentuk yang dilihat dari tekhnik penggunaanya, diantaranya adalah : Variabel Biasa Secara standar bentuk penulisan variabel adalah dengan menggunakan tanda string yang kemudian diikuti oleh isi dari variabel tersebut atau nama variabelnya. Dari variabel-variabel tersebut dapat dibaca berulang-ulang kali dalam satu halaman web. Berikut adalah contohnya : variabel "; echo"angkatan $angkatan"; ?>
Modul Pemprograman WEB
Variabel dalam sebuah kalang atau kelompok Bentuk dari variabel ini biasanya digunakan untuk mendeklarasikan data apabila menggunakan fungsi dalam PHP, isi dari data yang ada pada variabel tersebut tidak dapat ditampilkan apabila tdak melakukan pemanggilan fungsi yang mendeklarasikan variabel tersebut. Contohnya adalah : variabel $nama "; } echo"Tau Gak ? "; tampil_nama(); ?>
Pada program di atas pertama-tama data disimpan dalam variabel bernama $nama, selanjutnya isi dari $nama dibaca pada sebuah function yang dibaca dengan menggunakan perintah global, isi dari variabel nama dapat dibaca dari fungsi tersebut. global $nama
selanjutnya untuk melakukan pemanggilan fungsi tersebut kita tinggal memanggil nama fungsinya, bentuk pemanggilannya adalah : tampil_nama(); Hasil dari program diatas adalah :
Modul Pemprograman WEB
Variabel antar halaman Bentuk dari variabel ini biasanya digunakan untuk menghantarkan data yang ada dari setiap variabel ke dalam halaman lain, bentuk-bentuk variabel ini biasanya berasal dari hasil data semacam form data seperti formulir pendaftaran ataupun yang berhubungan dengan formulir lainnya. Berikut contoh penggunaannya : Varluar.html <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ::VARIABEL LUAR::
Tipe Data PHP mempunyai beberapa tipe data, antara lain : integer, float/double (bilangan pecahan), string, array, objek. Contoh : /*Tipe data integer
/*Tipe data string
$umur = 25;
$nama=”wiro sableng”;
$nilai=90;
$umur=”17 tahun”;
$suhu=-20;
$kota=”Yogyakarta”
/*Tipe data double/float
/*Tipe data array
$harga=25000.00;
$nama[0]=”Joko”;
$nilai=89.50;
$nama[1]=”Sableng”;
$panjang=20.25;
echo”Nama=$nama[0] $nama[1];
Konstanta Konstanta adalah variabel yang nilainya tetap. PHP telah mendefinisikan beberapa konstanta seperti E_ERROR, E_WARNING,PHP_VERSION dan sebagainya. Standar penulisan konstanta adalah : Define (“nama_konstanta”,”nilai_onstanta”); konstanta ::konstanta::
4. Operator dalam PHP Dalam beberapa operasi tentunya kita akan menggunakan beberapa operator baik yang berkaitan dengan operator matematik ataupun yang berkenaan dengan operator Logikal. Dengan adanya beberapa operator, maka PHP telah menjadi sebuah bentuk pemprograman yang sangat kompleks, sehingga pada program ini dapat
Modul Pemprograman WEB
dihasilkan sebuah system yang mampu menangani banyak permasalahan yang dihadapi. Operator Aritmatika Operator aritmatika adalah operator yang digunakan untuk melakukan fungsi matematika. Berikut operator aritmatika dalam PHP : Operator * / % +
Operator Logika Operator ini akan digunakan untuk menangani permasalahan yang berkaitan dengan operasi logical, pada operasi ini hasil yang akan diperoleh adalah true dan false, yaitu jika kondisi ditemukan bernilai benar dan jika tidak ditemukan bernilai salah. Bentuk operator logikal yang dapat didukung oleh PHP adalah : Operator $a and $b $a or $b $a && $b $a || $b $a xor $b
Arti And Or And Or Xor
Not $a !$a
not not
Nilai Kebenaran Benar apabila kedua nilai bernilai benar Benar apabila salah satu atau keduanya bernilai benar Benar apabila kedua nilai bernilai benar Benar apabila salah satu atau keduanya bernilai benar Benar apabila salah satu a atau b bernilai benar, tetapi bila keduanya benar maka akan bernilai salah Benar apabila a tidak benar Benar apabila a tidak benar
Dari operator tersebut memiliki pengertian yang sama dengan bentuk operator lain serta pada operator logika matematika. Apabila masih belum jelas, Anda dapat
Modul Pemprograman WEB
membacanya
langsung
pada
manual
php
yang
ada
pada
alamat
http://www.php.net/documentation.
Operator Pembanding Pada bentuk operator ini digunakan untuk melakukan perbandingan antara dua nilai atau lebih, sehingga akan menghasilkan sebuah hasil yang telah dideklarasikan setelah operator pembanding tersebut. Bentuk-bentuk operator pembanding yang didukung PHP adalah : Operator $a == $b $a === $b $a != $b $a<>$b $a!===$b $a<$b $a>$b $a<=$b $a>=$b
Arti Sama dengan Identik/persis Tidak sama dengan Tidak sama dengan Tidak persis Kurang dari Lebih dari Kurang dari atau sama dengan Lebih dari atau sama dengan
Hasil Benar bila a sama dengan b Benar bila a sama dengan b Benar bila a tidak sama dengan b Benar bila a tidak sama dengan b Benar apabila a tidak persis dengan b Benar apabila a kurang dari b Benar apabila a lebih dari b Benar apabila a kurang dari atau sama dengan b Benar apabila a lebih dari atau sama dengan b
Apabila anda kurang begitu paham dengan penjelasan mengenai operator di atas, maka Anda dapat membaca tutorial lengkapnya pada mual PHP yang dapat diperoleh dari alamat http://www.php.net/documentation.
5. Mengolah Masukan Form Web Salah satu ciri interaksi yang dapat digunakan adalah melalui form web, pengunjung situs dapat mengirimkan data melalui masukan form web tersebut kemudian memperoleh respon halaman tertentu sebagai situs dinamis. Pada pembuatan form yang perlu diperhatikan adalah tag
Jumlah.php "; echo"Nilai B=$nilai_b "; $nilai=$nilai_a + $nilai_b; echo"Hasil Nilai A + Nilai B =$nilai "; echo"Terima Kasih Anda telah mengisi form kami"; ?>
Modul Pemprograman WEB
6. Struktur Kontrol/Kendali dan Kondisi Struktur kendali atau statement merupakan elemen yang sangat penting dalam tiap bahasa pemprograman, karena dengan kendali alur kita dapat mengontrol jalannya eksekusi program. Struktur kendali dalam PHP dilakukan dengan pernyataan : If, switch, for dan while. Pernyataan If Pernyataan if dikenal dengan pernyataan percabangan, digunakan untuk menentukan salah satu dari pilihan alur eksekusi yang
tersedia menurut kondisi tertentu. Ada
beberapa pilihan sintaks if yang dapat digunakan : If……dengan satu statement Bentuk umum : If (kondisi) { Statement } Pernyataan if ::Percabangan IF:: $umur) { echo"Saya Tidak Termasuk BALITA Lagi Alias KAPLAK"; } ?>
Modul Pemprograman WEB
Pernyataan If…Else…. Bentuk umum : If (kondisi) { Statement pertama (jika kondisi bernilai benar); } else { Statement kedua (jika kondisi bernilai salah); } Pernyataan if_else :: IF_ELSE $umur) { echo"Saya berusia $usiaku tahun "; echo"Saya sekarang sudah besar "; echo"Saya tidak lagi minum ASI "; } else { echo"Saya berusia $usiaku tahun "; echo"Saya termasuk BALITA "; echo"Biar CEPET Besar saya rajin minum susu ibu "; } ?>
Modul Pemprograman WEB
Ef…Elseif… Bentuk umum : If(kondisi_1) { Statement pertama(jika kondisi 1 bernilai benar); } elseif(kondisi_2) { Statement kedua (jika kondisi 1 bernilai salah dan kondisi 2 benar); } ………………… else { Statement ketiga (jika kondisi 1 dan kondisi 2 bernilai salah); } Pernyataan if ::IF ELSE IF :: =80) { echo $nama."Mendapat nilai A "; } elseif($nilai>=70) { echo $nama."Mendapat nilai B "; } elseif($nilai>=60) { echo $nama."Mendapat nilai C "; } elseif($nilai>=50) { echo $nama."Mendapat nilai D "; } else { echo $nama."Mendapat nilai E "; } ?>
☺
☺
☺
Modul Pemprograman WEB
Pernyataan if_elseif :IF_HARI:: Hari ini : $nama_hari=date(“l”)
dipakai untuk memperoleh nama hari dalam inggris, nilainya adalah nama-nama dalam inggris. Argument
pada fungsi date di atas adalah huruf l (El kecil) bukan angka 1.
Pernyataan Switch Pernyaan ini digunakan apabila ada satu ekspresi yang memiliki banyak kemungkinan nilai dimana masing-masing nilai ada perintah yang harus dikerjakan. Bentuk umum : Switch (kondisi) } Case syarat1: statement1; break; Case syarat2: statement2; break; …………… default; statement default; }
Konsep switch mirip dengan pernyataan if, sehingga switch dapat digunakan sebagai alternatif pengganti pernyataan if. Break digunakan untuk keluar dari suatu blok.
Modul Pemprograman WEB
Switch ::switch::
Switch ::SWITCH_HARI:: Hari ini :
Modul Pemprograman WEB
Pernyataan for Perintah ini digunakan untuk mengulangi perintah dengan jumlah pengulangan yang sudah diketahui. Pada perintah ini anda tidak perlu menuliskan sebuah kondisi untuk diuji. Anda hanya perlu menuliskan nilai awal dan akhir variable penghitung. Nilai variable penghitung ini akan secara otomatis bertambah atau berkurang setiap kali sebuah pengulangan dilaksanakan. Bentuk umum : for (nilai_awal;nilai_akhir;peningkatan/penurunan) { Statement } FOR ::FOR_Tanggal:: Tanggal Lahir : <select name="tanggal">
Modul Pemprograman WEB
FOR .:Bilangan antara 1-25:. "; ?>
Pernyataan While Perintah ini digunakan untuk mengulangi sebuah perintah sampai jumlah tertentu. Untuk menghentikan pengulangan digunakan suatu kondisi tertentu. Nilai kondisi ini, seperti halnya pada perintah IF…ELSE, mempunyai hasil akhir berupa salah (false) atau benar (true). Pengulangan akan terus berjalan selama kondisi masih bernilai benar. Bentuk umum penulisannya adalah : While (kondisi) { Statement; } WHILE ::While:: Menggunakan Pernyataan WHILE "; $i++; } ?>
Modul Pemprograman WEB
Pernyataan Do…While Perintah ini mirip seperti while. Proses pengulangan akan berjalan jika kondisi yang diperiksa di while masih bernilai benar dan perulangan akan dihentikan jika kondisinya telah bernilai salah. Bentuk umum penulisannya adalah : Do { Statement; } While (kondisi)
Perbedaan antara perintah while dengan do..while adalah letak dari kondisi yang diperiksa terletak di awal perulangan sehingga sebelum masuk ke dalam lingkup perulangan while, kondisi harus bernilai benar. Sedangkan pada perintah Do…While, kondisi diperiksa diakhir perulangan. Ini berarti bahwa paling sedikit sebuah perulangan akan dilakukan oleh perintah Do…While, karena untuk masuk ke lingkup perulangan tidak ada kondisi yang harus dipenuhi. Do…While ::DOWHILE:: Mengggunakan Pernyataan Do...While "; $i++; } while ($i<=5) ?>
Modul Pemprograman WEB
7. Array Array digunakan untuk mengidentifikasikan variable yang memiliki sejumlah nilai berbeda namun dengan satu nama variable, misalkan saja kita mempunyai variable $hari yang kita ketahui bahwa nama hari tidak hanya satu, untuk mengidentifikasi variable $hari yang memiliki banyak nilai kita bias menggunakan misalnya $hari[1]=”Senin” lalu $hari[2]=”Rabu” dst. Array
<meta http-equiv="Content-Type" content="text/html; charset=iso-88591"> ::array:: Tanggal 15 November 1995"; echo" di Kota : $kota[2]"; ?>
Array
::Hari_Array::
Pertama skrip menciptakan 7 buah elemen array, yang masing-masing memiliki indeks berupa nama hari dalam bahasa inggris dan isi setiap elemen berupa nama-nama hari
Modul Pemprograman WEB
dalam bahasa Indonesia, Anda tinggal menyebutkan indeks yang berupa string yang dihasilkan oleh fungsi Date(“l”), Anda bisa membandingkan dengan skrip berikut yang akan tampak lebih sederhana. Array