P. 1
Modul Pemrograman (Untuk Di-copy)

Modul Pemrograman (Untuk Di-copy)

|Views: 2|Likes:
Published by Fulsya Alamsyah

More info:

Published by: Fulsya Alamsyah on Mar 13, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

03/13/2013

pdf

text

original

Sections

  • Struktur Dasar HTML
  • Catatan:
  • Kode Warna
  • Red Green Blue
  • 2. Pengaturan Halaman Web dan Teks
  • i. LISTS
  • 3. Hypertext Link
  • Link ke Dokumen Lain
  • Link ke bagian tertentu dalam dokumen yang sama
  • Link ke alamat URL atau Website
  • Link ke Alamat Email
  • Link File yang akan didownload
  • 4. Menyisipkan Gambar/Images
  • 5. Layout Halaman Web dengan Tabel (Table)
  • Membuat Tabel
  • <TABLE>
  • <TR>
  • <TD>
  • Menambahkan Judul Tabel
  • Mengatur Lebar dan Tinggi Suatu Tabel
  • Perataan dalam Tabel
  • Membuat Warna Pada Tabel
  • Penggabungan Baris/Kolom
  • Cellpadding Dan Cellspacing
  • 6. Membuat Frames
  • Atribut Fungsi
  • Latihan Menggunakan FRAME
  • 7. Form Html
  • TextBOX
  • CHECKBOX
  • RADIO Button
  • DROP-DOWN Menu
  • TEXT Area
  • Elemen Tombol
  • d. Tes Formatif
  • 1. Pendahuluan
  • 2. Pengenalan PHP
  • 3. Instalasi Program
  • Klik “Install Apache as Service”
  • Klik “Start Apache”
  • Klik “Start MySQL”
  • Klik “Open Site w/ default Browser”
  • 4. Penulisan Script PHP
  • 5. Variable
  • 6. Konstanta
  • 7. Type Data
  • 8. Konversi Type Data
  • 9. Operator
  • 10. Dasar-dasar Struktur Program Input-Output
  • File luassegitiga.php
  • 11. Struktur Kontrol/Kendali
  • Statement IF
  • File nilai.php
  • File nilai2.php:
  • Statement SWITCH
  • Latihan-latihan
  • File operasi.php
  • Statement WHILE
  • Statement FOR
  • 12. Procedure dan Fungsi
  • 12.c. Fungsi String
  • AddSlashes
  • StripSlashes
  • Crypt
  • Echo dan Print
  • Explode
  • Implode
  • Printf dan Sprint
  • StripTags
  • StrLen
  • StrPos
  • Str_Repeat
  • Str_Replace
  • StrRev
  • StrStr, StriStr dan StrChr
  • StrToLower
  • StrToUpper
  • SubStr
  • SubStr_Count
  • UCFirst
  • UCWords
  • 12.d. Fungsi Matematika
  • Fungsi Trigonometri
  • Fungsi Pangkat dan Algoritma
  • Fungsi Base n
  • Fungsi Matematika Lainnya
  • 12.e. Fungsi Date dan Time Fungsi date()
  • Fungsi checkdate()
  • Fungsi getdate()
  • 12.f. Fungsi Variable
  • 12.g. Fungsi Mail
  • 13. Mengolah File/data Teks
  • 13.a. Membuka File
  • 13.b. Memasukkan Data
  • 14. Dasar-dasar MySQL
  • 14.a. Tipe Data
  • 14.b. Membuat Database dan Table
  • Contoh:
  • 14.c. Menampilkan Isi Table
  • 14.d. Menghapus Record
  • 14.e. Memodifikasi Record
  • 14.f. Menghubungkan PHP dengan MySQL
  • 15. Autentifikasi Menggunakan Session
  • 15.f. Fungsi session_id()
  • 15.k. Contoh Penggunaan
  • File admin.html
  • Algoritma:
  • File faktorial.php
  • File hasil.php
  • Alat dan Bahan
  • Kesehatan dan Keselamatan Kerja
  • Langkah Kerja

PERISTILAHAN/GLOSSARY

Animation Banner Download Effect Event Export Format Frame Grouping HTML Insert Keyframe

: Animasi dari beberapa gambar diam dibuat seperti hidup tanpa ada patah-patah dalam pergerakannya. : Merupakan kepala atau bagian atas dari sebuah web site. : Proses pengambilan file atau mengcopy file. : Tindakan yang dikerjakan untuk menghaluskan atau memperindah animasi pada obyek. : Tindakan yang dilakukan setelah adanya action. : Merubah jenis format ke bentuk yang lain. : Bentuk ektensi dari jenis file. : Bagian dari Timeline. : Mengumpulkan beberapa obyek untuk dijadikan satu. : Hypertext Markup Language, bahasa penanda hipertext : Memasukkan jenis file kedalam bidang kerja SWiSHmax. : Pada dasarnya hampir sama dengan frame. Hanya saja untuk Key frame lebih menunjukkan untuk satu frame.

Installation manual : Petunjuk Instalasi

License Agreement : Persetujuan lisensi penggunaan suatu software tertentu Movie Object Operand Operator Player Preview Scane Search Engine Server Software Source Code Time Line Web design : File yang dibuat dalam SWiSHmax. : Benda yang sedang dikerjakan dalam bidang kerja SWiSHmax. : data yang dioperasikan atau dimanipulasi. : simbol/tanda yang digunakan untuk melakukan operasi-operasi matematis atau operasi string. : Untuk memainkan animasi yang telah dibuat. : Melihat hasil yang telah dikerjakan. : Satu movie merupakan satu Scane. : Mesin bantu pencarian data. : Pelayan, Komputer induk yang bertugas untuk melayani komputer-komputer klien. : Perangkat lunak, program yang berjalan di komputer. : Kode asli suatu program : Garis waktu atau pewaktuan yang terdapat dalam SwiSHmax. : Pembuatan/desain halaman-halaman web.

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

a. Uraian Materi 1
1. HTML (Hypertext Markup Language) HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks editor biasa. Namun sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek. Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad. Setelah anda memahami betul semua tag-tag dasar html, diakhir nanti kita akan belajar membuat halaman web dengan menggunakan web tool. Struktur Dasar HTML Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:
<html> <head> <title>Judul Halaman Web</title> </head>

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

<body> ISI Halaman WEB </body> </html>

Keterangan: <html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. <head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). <body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti

bgcolor,

background,

text,

link,

vlink,

alink,

leftmargin dan topmargin.
Sekarang untuk latihan pertama kita, mari kita buat dokumen HTML sederhana. Ikuti langkah-langkah berikut ini: 1. Buat direktori dengan nama latihan di drive C:. Dan selanjutnya dalam direktori ini kita akan menyimpan semua file-file latihan kita. 2. Buka Browser, misalnya Internet Explorer atau Netscape Navigator. 3. Buka program aplikasi teks editor misalnya dalam latihan ini adalah Notepad. 4. Mulai baris paling atas, tuliskan:
<html> <head> <title>Latihan 1</title> </head> <body> </body> </html> Ini adalah halaman web pertama saya.

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

1.304. isikan nama filenya dengan Latihan1.5. Pada box File name. Pada drop down list di Save as type.Save: 6. Sehingga tampilannya seperti berikut: 9. Selanjutnya pilih direktori latihan yang tadi kita buat.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Mozila Firefox. 7. Klik menu File  Open SWR. pilih All Files.OPR. Simpan file anda dengan cara klik menu File .html 8. silahkan buka browser seperti Internet Explorer. Simpan proyek anda dengan meng-klik pada tombol Save Untuk menjalankan kode-kode tersebut.(3).

html. pilih direktori Latihan dan pilih file Latihan1. Ketika jendela baru terbuka.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Setelah jendela Open terbuka. klik tombol Browse 3. 4.OPR. Klik tombol Open lalu tekan tombol Ok.(3). halaman web yang ditampilkan dalam browser adalah seperti berikut: SWR.2.304.

(3).html secara otomatis akan dipanggil ketika alamat sebuah domain atau direktori tempat menyimpan file tersebut di buka di browser. misalnya kuning=”yellow”. F). pembuatan warna dapat juga dibuat dengan langsung menggunakan nama warna dalam bahasa inggris.304. Berikut ini warna-warna yang dapat digunakan dalam halaman HTML. blue). green. dibuat dengan pencampuran warna sebagai berikut: Red FF Green FF Blue 00 Berarti untuk warna kuning dapat dibuat dengan kode #ffff00. ..htm)  Semua halaman web (homepage) mempunyai file Latihan1.Catatan:  Semua dokumen HTML mempunyai ekstensi . Setiap bagian dua digit kode menunjukkan banyaknya intensitas dari kombinasi warna merah. Disamping itu.A Heksadesimal #FFFFFF #000000 #FF0000 #00FF00 #0000FF #FF00FF #00FFFF #FFFF00 Mengoperasikan Bahasa Pemrograman Berbasis Web . Warna White Black Red Green Blue Magenta Cyan Yellow SWR.html (atau . 1. File Latihan1. Setiap warna ditampilkan dalam dua digit nilai heksadesimal (0. Kode Warna Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red. hijau dan biru. Misalnya untuk warna kuning..OPR.html.. 2.

304. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor. leftmargin dan topmargin. <body>. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan halaman web dan teks: a. warna teks. = Untuk mengatur warna link dokumen dengan warna biru sebagai warna default = Untuk mengatur warna dengan default ungu = digunakan untuk mengatur warna active link dokumen dengan default merah. perataan. Yang penting anda mengikuti aturan diatas.  Bgcolor  Teks  Link  Vlink  Alink = digunakan untuk mengatur warna latar belakang dokumen. = digunakan untuk mengatur warna teks dokumen. Heading: <Hn>.html <html> <head> <title>::: Membuat Heading Dokumen HTML:::</title> </head> <body bgcolor=#000000 text=#FFFFFF> <h1>Headng Tingkat 1 </h1> <h2>Headng Tingkat 2 </h2> SWR. 2. text. b. digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. menambahkan gambar dll.  Background = digunakan untuk mengatur latar belakang dengan gambar/image.Anda dapat juga membuat campuran sendiri warna-warna berdasarkan emajinasi anda. dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. link.. alink. contoh1_1.A visited link dokumen Mengoperasikan Bahasa Pemrograman Berbasis Web . memilih jenis dan ukuran huruf. Pengaturan Halaman Web dan Teks Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya seperti mengatur warna latar belakang halaman.6 atau antara <H1> sampai <H6>.OPR.</Hn> Digunakan untuk mengatur ukuran huruf pada header. dengan warna hitam sebagai warna default. vlink. "n" mempunyai nilai antara 1 . background. dengan warna putih sebagai default-nya.(3).

COLOR.OPR.(3). kanan dan kiri-kanan. yaitu dengan attribut ALIGN. Font <FONT> Digunakan untuk mengatur huruf dokumen HTML. Attribut align mempunyai nilai: LEFT. Tag FONT mempunyai attribut.<h3>Headng Tingkat 3 </h3> <h4>Headng Tingkat 4 </h4> <h5>Headng Tingkat 5 </h5> <h6>Headng Tingkat 6 </h6> </body> </html> Hasilnya akan terlihat seperti: c. CENTER dan JUSTIFY. Ukuran font yang digunakan berkisar antara 1 .304. No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang. SWR.A Mengoperasikan Bahasa Pemrograman Berbasis Web .7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar. f. Line Break: <BR> Digunakan untuk pindah ke baris baru. d. yaitu: SIZE. RIGHT. Paragraph Baru: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri. tengah.  SIZE: Digunakan untuk mengatur ukuran font. e. FACE. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

OPR. Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah (_). Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. FACE: Digunakan untuk mengatur jenis atau nama font.  COLOR: Digunakan untuk mengatur warna font.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Pendeknya kita tidak usah menggunakan fontfont yang bentuknya aneh-aneh.304. Jenis dan Warna Font:::</title> </head> <body> <font size=1 Face=arial color=red>Ukuran font 1</font><br> <font size=2 Face=arial color=green>Ukuran font 2 </font><br> <font size=3 Face=arial color=blue>Ukuran font 3 </font><br> <font size=4 Face=verdana color=red>Ukuran font 4 </font><br> <font size=5 Face=verdana color=blue>Ukuran font 5 </font><br> <font size=6 Face=tahoma color=green>Ukuran font 6 </font><br> <font size=7 Face=tahoma color=red>Ukuran font 7 </font><br> </body> </html> Hasilnya akan terlihat SWR. contoh1_2.(3). Didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). gunakan saja font standar.html <html> <head> <title>::: Mengatur Ukuran. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

Contoh: <basefont size=2 face="arial.Contoh lainnya: <font size=2 face="times_new_roman" color="#0066cc"> g. Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text".helvetica" color="#ff0000"> Attribut sama dengan attribut FONT.OPR. yaitu: Perhatian: Semua tag di bawah ini membutuhkan tap penutup.draws a line through the text Preformatted Text <DFN> Definition Text berkedip (lebih baik jangan digunakan) Strong Italic <CITE> <CODE> Digunakan untuk quoting text Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) SWR.304.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Tag FONT akan mengoverwrite setting pada BASEFONT. Selain tag dan atribut diatas. masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks.(3). <B> <I> <U> <TT> <S> <PRE> <BLINK> <STRONG> <ADDRESS> Bold text Italic text Underscore Typewriter Strikeout .

Atribut WIDTH digunakan untuk menentukan ketebalan garis. digunakan untuk membuat garis horisontal. Atribut SIZE digunakan untuk menentukan panjang garis dalam satuan pixel.304. h. WIDTH.OPR. selalu dalam italics. ALIGN dan NOSHADE. contoh1_3.html <html> <head> <title>::: Membuat Garis Horisontal:::</title> </head> <body bgcolor=#fffccc> <font size=1 Face=tahoma color=blue>Ahlan Wa Sahlan</font> <hr size=1 width=150 align=left> <h1><center>www.com</h1> <hr size=5 align=center noshade> </body> </html> Hasilnya tampak sebagai berikut: SWR.(3).<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <BIG> <SMALL> <SUP> <SUB> <ABBREV> <PERSON> <Q> <VAR> Ukuran teks akan lebih besar satu ukuran Ukuran teks akan lebih kecil satu ukuran Membuat tekssuperscript membuat tekssub script Abbreviations Digunakan untuk indexing Membuat short inline quotation <ACRONYM> Untuk akronim Membuat variable name.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Atribut NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa bayang-bayang 3-D. <HR>. Tag ini mempunyai atribut SIZE.smkn1-kotabekasi.

contoh1_4.html <html> <head> <title>::: Membuat Undordered List:::</title> </head> <body> <b><font size=3 Face=tahoma color=blue> Jurusan TIK yang ada di SMKN 1 Kota Bekasi ada 3 Program Studi: </b> <hr size=2 width=150 align=left> <ul type=circle> <li>Multimedia </ul> <ul type=square> SWR. Terdapat tiga tipe list yang dapat digunakan. “square” untuk bentuk kotak padat hitam dan “disc” bentuk lingkaran pada warna hitam.OPR.i.(3). Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan atribut TYPE kedalam tag <UL> dengan nilai “circle” untuk bentuk lingkaran tengahnya putih.304.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Pada jenis ini tidak memerlukan pengurutan data. List entries didefinisikan dengan tag <LI>. yaitu :  Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet (tidak bernomor). LISTS Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa tanda-tanda khusus/symbol.

html <html> <head> <title>::: Membuat Ordered List:::</title> </head> SWR.(3). yang ada pada Ordered List adalah TYPE dan START. List entries juga didefinisikan dengan <LI> tag. dengan tiap item dapat menggunakan angka arab atau romawi.OPR.304.<li>RPL </ul> <ul type=disc> <li>TKJ </ul> </font> </body> </html> Hasil dari kode di atas adalah:  Ordered Lists: <OL> Juga digunakan untuk membuat daftar item bernomor. contoh1_5.A Atribut Mengoperasikan Bahasa Pemrograman Berbasis Web .

b. etc. RPL <li>LAB.304. 2. SWR.Default numbers.A Mengoperasikan Bahasa Pemrograman Berbasis Web .Huruf besar. a.OPR.<body> <b><font size=2 Face=tahoma color=black> SMKN 1 Kota Bekasi memiliki 3 Jurusan: </b> <hr size=2 width=150 align=left> <ol type=1> <li>TIK <li>Mesin <li>Otomotif </ol> <hr size=3 width=500> <b><font size=2 Face=tahoma color=black> Jurusan TIK memiliki 4 LAB Komputer: </b> <ol start=4> <li>LAB. A. etc. 1.(3). C. 3. dapat juga menggunakan: 1. TKJ </ol> </font> </body> </html> Hasil dari kode di atas adalah: Untuk attribut TYPE. a. c.Huruf kecil. B. etc. Multimedia <li>LAB. A.

contoh1_6.304. Digunakan untuk mengatur format tampilan agar sesuai dengan aslinya. I.  Definition Lists: <DL>. II. <dd> Isi dari Bagian Kedua </dl> </body> </html> Hasil dari kode di atas adalah:  Preformatted Text: <PRE>. etc. etc.(3).html <html> <head> <title>Aplikasi dari &lt.A Mengoperasikan Bahasa Pemrograman Berbasis Web .pre&gt.Romawi huruf kecil . <dt> Bagian Kedua.I. Definition List dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag <DT> Definition Term yaitu bagian istilah yang dijabarkan dan tag <DD> Definition Data yang merupakan penjabaran dari istilah. <dd> Isi dari Bagian Pertama. ii.Romawi huruf besar. i.html <html> <head> <title>::: Membuat Definition List:::</title> </head> <body> <dl> <dt> Bagian Pertama. digunakan untuk menjelaskan istilah- istilah. iii. III.OPR. tag</title> </head> SWR. contoh1_7. i.

304. contoh1_8. </blockqoute> </body> </html> Hasilnya tampak seperti bnerikut ini: SWR. bersakit-sakit dahulu. bersakit-sakit dahulu. pengaturan teks dapat dilakukan dengan menggunakan blockqoute.OPR.html <html> <head> <title>::: Membuat Blockquote:::</title> </head> <body> <h3>Pengaturan Teks</h3> <blockqoute> Untuk mengatur halaman web yang baik.(3). digunakan untuk membuat kutipan panjang.<body> <h3>tanpa menambahkan pre</h3> Berakitrakit ke hulu berenang-renag ketepian. bersenag-senang kemudian <p><h3>dengan menggunakan pre</h3> <pre> Berakitrakit ke hulu berenang-renag ketepian. bersenag-senang kemudian </pre> </body> </html> Hasil dari kode di atas adalah:  Extended Quotations: <BLOCKQUOTE>.A Mengoperasikan Bahasa Pemrograman Berbasis Web . sehingga hasilnya menjorok ke dalam.

silahkan buat script berikut dan beri nama dengan link_dokumen_lain. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai teks link atau tombol penghubung. <html> <head> <title>::: Latihan Membuat Link Ke Dokumen Lain:::</title> </head> <body bgcolor=#ffffd0> <font face=arial size=6 color=tahoma> <b>. Sintak tag link adalah sebagai berikut: <a href=url_tujuan>nama_link</a> url_tujuan bernilai lokasi atau nama file yang akan dituju. ke URL lain.html. <br> <font face=arial size=4 color=blue> <i>Sukses itu didapat dari usaha dan kerja keras serta doa</i> <font face=arial size=1 color=tahoma> SWR. Adapun macam-macam link adalah sebagai berikut: Link ke Dokumen Lain Untuk membuat link/penghubung dengan target ke dokumen/halaman yang berbeda.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam tag <body>.OPR. Hypertext Link Digunakan untuk membuat link/penghubung antara suatu halaman dengan halaman lain. baik pada direktori yang sama atau berbeda dengan dokumen yang aktif sekarang.::: SMKN 1 Kota Bekasi:::.(3).304.3. Untuk mencoba membuat link. juga digunakan dalam satu halaman untuk berpindah ke sub judul yang lain atau ke lokasi tertentu dalam satu halaman yang sama. anda harus membuat dokumen yang dituju/target dan disimpan dalam direktori tertentu.

.html <html> <head> <title>::: Latihan Membuat Link Ke Dokumen Lain:::</title> </head> <body bgcolor=#ffffd0> <font face=arial size=6 color=tahoma> <b>. <br> <font face=arial size=4 color=blue> <i>Sukses itu didapat dari usaha dan kerja keras serta doa</i> SWR.html>Ekstra Kurikuler</a> | <hr><p><font face=verdana size=4 color=orange> Ahlan wa Sahlan di web kami .html>Ekstra Kurikuler</a> | <hr><p><font face=verdana size=4 color=brown> Program Keahlian<br> <font size=1> <ul type=circle><li>Rekayasa Perangkat Lunak <li>Multimedia <li>Teknik Komputer dan Jaringan <li>Teknik Mekanik Otomotif <li>Teknik Bodi Otomotif <li>Teknik Pemesinan <li>Teknik Las</ul> </body> </html> Untuk melengkapi latihan kali ini. </body> </html> Buat lagi file berikut dan beri nama dengan proli..304.OPR.A Mengoperasikan Bahasa Pemrograman Berbasis Web .html>Program Keahlian</a> | <a href=ekstra.(3).html>H o m e</a> | <a href=proli.html <html> <head> <title>::: Latihan Membuat Link Ke Dokumen Lain:::</title> </head> <body bgcolor=#ffffd0> <font face=arial size=6 color=tahoma> <b>.::: SMKN 1 Kota Bekasi:::. <br> <font face=arial size=4 color=blue> <i>Sukses itu didapat dari usaha dan kerja keras serta doa</i> <font face=arial size=1 color=tahoma> <hr size=2 width=100 align=left color=blue> | <a href=link_dokumen_lain.html>H o m e</a> | <a href=proli.::: SMKN 1 Kota Bekasi:::.<hr size=2 width=100 align=left color=blue> | <a href=link_dokumen_lain.html>Program Keahlian</a> | <a href=ekstra. buat juga file berikut dan beri nama ekstra.

html>H o m e</a> | <a href=proli. maka hasilnya adalah sebagai berikut: SWR.html>Ekstra Kurikuler</a> | <hr><p><font face=verdana size=4 color=orange> Ekstra Kurikuler<br> <font size=1> <ul type=circle> <li>Pramuka <li>Rohis <li>PMR <li>Paskibra <li>Boxer </ul> </body> </html> Hasil dari kode-kode diatas adalah sebagai berikut: Jika link-link tersebut di-klik.304.html>Program Keahlian</a> | <a href=ekstra.A Mengoperasikan Bahasa Pemrograman Berbasis Web .<font face=arial size=1 color=tahoma> <hr size=2 width=100 align=left color=blue> | <a href=link_dokumen_lain.(3).OPR.

SWR. harus diberikan nama anchor.OPR.Link ke bagian tertentu dalam dokumen yang sama Untuk membuat link ke bagian tertentu dalam dokumen yang sama.(3).A Mengoperasikan Bahasa Pemrograman Berbasis Web .304. Perbedaan dengan link yang berbeda dokumen adalah tujuan/target link. jika dalam dokumen yang sama yang dituju adalah nama anchor tetapi kalau dokumen yang beda yang dituju adalah nama file/dokumen yang bersangkutan.

304.OPR.zip”>Download anti virus</a> <a href=”latihan.com">Kirim email</a> Link File yang akan didownload Link file dalam hal ini adalah apabila dikik pada teks tersebut maka proses selanjutnya adalah mendownload file yang tercantum pada dokumen tersebut.Untuk memberi nama anchor.dikti. atribut yang dipakai adalah NAME pada tag anchor <A> dan untuk membuat link cukup memberikan tanda # setelah nama file dalam URL.smkn1-kbks. Untuk membuat link ke alamat email hanya menambahkan atribut mailto:alamat_email ke dalam tag <A HREF> Misalnya: <A HREF="mailto:smkn1-kbks.doc”>Download latihan Html</a> <a href=”mysql.exe”>Download MYSQL</a> SWR.html#php”> Bab 1 </a> dan untuk nama anchornya: <a name=”php”>Ada apa dengan PHP?</a> Link ke alamat URL atau Website Untuk membuat link ke alamat URL adalah dengan menambahkan: http://nama_URL. Misal: <a href=”#php”> Bab 1 </a> atau dapat ditulis lengkap: <a href=”belajar_php.org</a> <a href=”http://www.yahoo. Contoh: <a href=”http://www.smkn1-kbks.org”>www.com”>www. Format penulisannya adalah <a href=nama_file> Misal: <a href=”antivirus.com</a> Link ke Alamat Email Link email adalah membuat link pada teks. jika teks tersebut diklik maka akan menampilkan program pengiriman email yang terdapat pada komputer yang dipakai untuk mengakses data atau teks tersebut secara otomatis.dikti.A Mengoperasikan Bahasa Pemrograman Berbasis Web .(3).

Tag yang digunakan adalah <img src=”nama file gambar”> Attribut yang dimiliki tag <img> adalah: alt. hspace. width dan height. Attribut align digunakan untuk perataan posisi gambar. right). digunakan untuk memberi bingkai pada gambar.(3).304.A Mengoperasikan Bahasa Pemrograman Berbasis Web . contoh1_9. Untuk mengatur ukuran gambar. vspace. Sedangkan alt. Jika attribut ukuran gambar tidak dituliskan.4. digunakan untuk memberi keterangan pada gambar jika mouse berada diatasnya.html <html> <head> <title>::: menampilkan images:::</title> </head> <body> <b><font size=2 Face=tahoma color=black> <img src="gambar1. left. maka gambar ditampilkan sesuai dengan ukuran asllinya. border. Untuk mengatur letak gambar dapat menggunakan attribut hspace daan vspace. Attribut border.OPR. menggunakan attribut width daan height. Menyisipkan Gambar/Images Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.jpg" alt="aplikasi 3dmaks"> <img src="ict. align=(center.jpg" hspace=10 vspace=5 width=200 height =254 align="center" border=2> </font> </body> </html> Tampilan dari contoh diatas adalah sebagai berikut: SWR.

 rowspan – menggabungkan beberapa baris  colspan – menggabungkan beberapa kolom  cellpadding .jarak antara isi cell dengan batas cell (dalam pixel).(3). yaitu: <TABLE>.  <TABLE> Digunakan untuk mendefinisikan pembuatan tabel.perataan: rata kiri (left).A Mengoperasikan Bahasa Pemrograman Berbasis Web . Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> . <TR>. tengah (center) atau kanan (right).  valign – mengatur bentuk perataan secara vertikal  bgcolor – mengatur warna latar belakang (background) dari tabel.5. Memiliki attribut:  align . SWR. Layout Halaman Web dengan Tabel (Table) Table merupakan cara untuk menampilkan informasi dalam halaman web dengan bentuk kolom dan baris. Membuat Tabel Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table.  cellspacing – mengatur spasi/jarak antar cell (dalam pixel).304.  background – menentukan gambar yang digunakan sebagai background tabel  color – Untuk mengatur warna suatu sel dalam tabel  border – menentukan ukuran border tabel (dalam pixel).OPR. dan <TD>.

 bgcolor – untuk menentukan warna latar belakang  colspan . contoh1_10. tengah (center) atau kanan (right).  nowrap – untuk membuat supaya isi dari kolom tetap berada pada satu baris.  bgcolor .  <TD> Tag ini digunakan untuk membuat kolom baru pada tabel. middle atau bottom.  height – Menentukan tinggi tabel  <TR> Tag ini digunakan untuk membuat baris baru (pada tabel).lihat gambar contoh  height – untuk mengatur ukuran tinggi cell dalam pixels.  valign .  rowspan . middle atau bottom.304.A Mengoperasikan Bahasa Pemrograman Berbasis Web . width – menentukan lebar tabel dalam pixel atau percent.perataan vertikal: top.warna latar belakang dari baris. Terdiri dari atribut:  align .  width – untuk menentukan lebar kolom dalam pixel atau percen.lihat gambar contoh  valign – untuk mengatur perataan vertikal: top.(3). Attributnya adalah:  align – untuk menentukan perataan kolom  background – untuk menentukan image yang digunakan sebagai latar belakang dari kolom.OPR.perataan: rata kiri (left).html <html> <head> <title>::: Pembuatan Table:::</title> </head> <body> <font face=arial size=2 color=tahoma> <table> <tr> <td>Ini contoh tabel sederhana tanpa border</td> </tr> </table> <p> <table border=1> <tr> <td>Ini contoh tabel sederhana dengan border</td> </tr> </table> <p> SWR.

304.</td> <td>Wahyu</td> <td>Bekasi</td> </tr> <tr> <td>3.A Mengoperasikan Bahasa Pemrograman Berbasis Web .<table border=1> <tr> <td>No.OPR.</td> <td>Lesmono</td> <td>Kranji</td> </tr> </table> </body> </html> Hasilnya adalah sebagai berikut: SWR.(3).</td> <td>Nama</td> <td>Alamat</td> </tr> <tr> <td>1.

</td> <td width="36%" height="24" bgcolor="#BDCED9" bordercolor="#C0C0C0"> <font size="1">&nbsp.OPR.</td> </tr> <tr> <td width="100%" height="132" bordercolor="#C0C0C0"> &nbsp.</td> <td width="36%" height="109">&nbsp.</td> </tr> </table> <font size="1">&nbsp.</td> </tr> </table> </td> <td width="77%" height="307" valign="top"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#ffffff" width="97%" height="411"> <tr> <td width="64%" height="109">&nbsp.</font> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#BDCED9" width="94%" height="152"> <tr> <td width="100%" height="19" bgcolor="#BDCED9" bordercolor="#C0C0C0">&nbsp.A Mengoperasikan Bahasa Pemrograman Berbasis Web .<html> <head> <title>.</title> </head> <body> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#ffffff" width="100%" height="115"> <tr> <td width="100%" height="115" bordercolor="#C0C0C0" bgcolor="#BDCED9">&nbsp.(3).</td> </tr> </table> <font size="1">&nbsp.304.</font></td> </tr> SWR.</td> </tr> <tr> <td width="64%" height="301" rowspan="2">&nbsp.::: Belajar Membuat Tabel:::.</font> <table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%" height="431"> <tr> <td width="23%" height="307" valign="top"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#BDCED9" width="94%" height="245"> <tr> <td width="100%" height="244" bordercolor="#C0C0C0" bgcolor="#BDCED9">&nbsp.

(3).304.OPR.<tr> <td width="36%" height="277" bordercolor="#C0C0C0">&nbsp. </td> </tr> </table> </td> </tr> </table> </body> </html> Hasilnya adalah: SWR.A Mengoperasikan Bahasa Pemrograman Berbasis Web .

sedangkan judul baris terletak pada baris pertama suatu tabel.</td> <td>Wahyu</td> <td>Bekasi</td> </tr> <tr> <td align=center>2. tetapi juga dapat diletakkan dibawah suatu tabel dengan menambahkan atribut ALIGN=BOTTOM pada elemen caption tersebut.html <html> <head> <title>::: Pembuatan Judul Table:::</title> </head> <body> <font face=arial size=2 color=maroon> <table border=1> <caption align=top><b><u>Daftar Alamat</u></b></caption> <tr> <th width=40>No.</td> <th width=150>Nama</td> <th width=200>Alamat</td> </tr> <tr> <td align=center>1.(3). Judul tabel atau biasa disebut CAPTION terletak dibagian luar tabel yang bisa berada dibawah atau diatas tabel.304. judul kolom table dan judul baris tabel. Judul kolom terletak pada sel disebelah kiri atau kolom pertama suatu tabel.</td> <td>Lesmono</td> <td>Kranji</td> </tr> </table> </body> </html> Hasilnya akan tampak sebagai berikut: SWR. Judul baris atau judul kolom akan tercetak tebal. yaitu judul tabel.A Mengoperasikan Bahasa Pemrograman Berbasis Web .Menambahkan Judul Tabel Judul dalam tabel dibedakan menjadi tiga macam. Judul kolom atau judul baris dibuat dengan elemen yang sama yaitu elemen TABLE HEADER <TH>.OPR. contoh1_12. Secara default caption diletakkan dibagian atas suatu tabel.

</td> </tr> <tr> <th align=left>Nama</td> <td>Wahyu</td> <td>Lesmono</td> </tr> <tr> <th align=left>Alamat</td> <td>Bekasi</td> <td>Kranji</td> </tr> </table> </body> </html> Hasilnya akan tampak seperti berikut: SWR.(3).html <html> <head> <title>::: Pembuatan Judul Table:::</title> </head> <body> <font face=arial size=2 color=maroon> <table border=1> <caption align=bottom><b><u>Daftar Alamat</u></b></caption> <tr> <th width=60 align=left>No.A Mengoperasikan Bahasa Pemrograman Berbasis Web .contoh1_13.304.</td> <td width=200>2.</td> <td width=150>1.OPR.

Mengatur Lebar dan Tinggi Suatu Tabel Lebar tabel diatur dengan menggunakan atribut WIDTH dan untuk mengatur tinggi table dengan atribut HEIGHT. Nilai atribut mengunakan ukuran % (max 100%) dan ukuran pixel.A Mengoperasikan Bahasa Pemrograman Berbasis Web .html <html> <head> <title>::: Mengatur Lebar dan Tinggi Tabel:::</title> </head> <body> <font face=arial size=2 color=tahoma> <table border=1 width=100%> <caption align=top><b><u>Daftar Alamat</u></b></caption> <tr> <th width=40>No. contoh1_14. nilainya merupakan lebar dan tinggi dari suatu tabel. Jika atribut WIDTH dan HEIGHT digunakan dalam elemen TABLE nilainya menunjukkan lebar dan tinggi tabel terhadap BROWSER sedangkan jika digunakan pada elemen TH dan TD.</td> <th width=150>Nama</td> <th width=200>Alamat</td> </tr> <tr> <td align=center>1.304.(3).</td> <td height=30>Lesmono</td> <td height=30>Kranji</td> </tr> </table> SWR.</td> <td height=50>Wahyu</td> <td height=50>Bekasi</td> </tr> <tr> <td align=center>2.OPR.

</td> <td align=center valign=middle height=50>Wahyu</td> <td align=right valign=top height=50>Bekasi</td> </tr> <tr> <td align=center>2.</td> SWR. contoh1_15.A Mengoperasikan Bahasa Pemrograman Berbasis Web . serta untuk membuat suatu tabel posisinya menjadi ditengah-tengah layar browser.OPR.</body> </html> Hasilnya tampak sebagai berikut: Perataan dalam Tabel Perataan dalam tabel dikenal dua macam.</td> <th width=150>Nama</td> <th width=200>Alamat</td> </tr> <tr> <td align=center>1.(3).304.html <html> <head> <title>::: Membuat Perataan Table:::</title> </head> <body> <font face=arial size=2 color=tahoma> <table border=1 align=center> <caption align=top> <b>Daftar Alamat</b> <hr width=110> </caption> <tr> <th width=40>No. yaitu perataan secara horizontal dengan atribut ALIGN dan perataan vertikal dengan atribut VALIGN.

A Mengoperasikan Bahasa Pemrograman Berbasis Web .OPR. Untuk menentukan warna latar belakang pada suatu tabel. SWR.(3). sedangkan CELLSPACING digunakan untuk mengatur spasi antar dua buah sel. gunakan atribut BGCOLOR sedangkan untuk warna border dapat menggunakan beberapa atribut sbb: Atribut BORDERCOLOR BORDERCOLORLIGHT BORDERCOLORDARK Fungsi Mengubah warna keseluruhan border Mengubah warna border bagian atas dan kiri Mengubah warna border bagian bawah dan kanan Penggabungan Baris/Kolom Untuk menggabungkan baris/kolom (merge) digunakan atribut COLSPAN dan ROWSPAN.304.<td align=left valign=baseline height=50>Lesmono</td> <td align=left valign=bottom height=50>Kranji</td> </tr> </table> </body> </html> Hasilnya seperti gambar berikut: Membuat Warna Pada Tabel Didalam pewarnaan tabel kita dapat mengatur warna latar belakang dan teks serta warna bordernya. Cellpadding Dan Cellspacing CELLPADDING digunakan untuk mengatur spasi antara border dengan tulisan. COLSPAN digunakan untuk menggabung-kan beberapa kolom menjadi 1 sedangan ROWSPAN menggabungkan beberapa baris menjadi 1.

(3). Membuat Frames Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa dokumen HTML.contoh1_16. Sehingga tampilan halaman HTML SWR.html <html> <head> <title>::: Contoh Merge.304. dimana setiap bagian merupakan satu halaman HTML terpisah.OPR. Cell dan Pedd:::</title> </head> <body> <table border=2 align=center bordercolor=#000000 bgcolor=#FFFFFF cellspacing=4 cellpadding=8 width=100%> <font face=arial size=2 color=black> <tr> <td bgcolor=#EEEEEE colspan=2 align=center>Kelas</td> <td bgcolor=#EEEEEE align=center rowspan=2>Keterangan</td> </tr> <tr> <td width=200 bgcolor=#DFF9F9 align=center>I</td> <td width=200 bgcolor=#DFF9F9 align=center>II</td> </tr> <tr> <td>Ali</td> <td>Umar</td> <td align=center>Lunas</td> </tr> </table> </body> </head> </html> Hasilnya adalah sebagai berikut: 6.A Mengoperasikan Bahasa Pemrograman Berbasis Web .

htm" NAME="Frame1"> <FRAME SRC="menu.*"> <FRAME SRC="homepage. lebar_kolom.htm" NAME="Frame2"> </FRAMESET> 3 SWR. Format: <html> <head> </head> <frameset> </frameset> </html> <frame src> Aturan penggunaan atribut ROWS dan COLS pada frameset adalah: <frameset rows=”tinggi_baris.140"> 1 2 <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> 3 <FRAMESET rows="100.(3).OPR.yang salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lain tetap sehingga dapat menghemat bandwidth internet dan mempercepat proses download secara keseluruhan.htm" NAME="Frame2"> </FRAMESET> 2 <FRAMESET cols="100.*"> <FRAME SRC="homepage.tinggi_baris.304.…”> Atribut-atribut yang digunakan dalam FRAME adalah: Atribut FRAMESET COLS FRAMESET ROWS FRAME SRC NOFRAME Fungsi Membuat frame vertikal dengan lebar kolom tertentu Membuat frame horizontal dengan tinggi baris tertentu Memasukkan dokumen HTML ke dalam FRAME Memasukkan body teks untuk browser yang tidak dapat menampilkan frame Model-model frame dan contoh pembuatannya: 1 <FRAMESET cols="*.…”> <frameset cols=”lebar_kolom.A Mengoperasikan Bahasa Pemrograman Berbasis Web .htm" NAME="Frame1"> <FRAME SRC="menu.

70%"> <FRAME SRC="menu.15%.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> </FRAMESET> </FRAMESET> 6 <FRAMESET cols="*.htm" NAME="Frame1"> <FRAMESET cols="50%.50%"> <FRAME SRC="homepage.htm" NAME="Frame4"> </FRAMESET> </FRAMESET> 7 <FRAMESET cols="50%.304.4 4 5 <FRAMESET rows="*.60"> <FRAME SRC="homepage.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame1"> <FRAME SRC="homepage2.htm" NAME="Frame2"> </FRAMESET> 5 <FRAMESET rows="*.htm" NAME="Frame1"> <FRAMESET rows="15%.htm" NAME="Frame4"> </FRAMESET> </FRAMESET> 7 SWR.OPR.htm" NAME="Frame1"> <FRAME SRC="menu.(3).htm" NAME="Frame2"> <FRAME SRC="menu2.50%"> <FRAME SRC="menu.50%"> <FRAME SRC="menu.60"> <FRAME SRC="homepage.A Mengoperasikan Bahasa Pemrograman Berbasis Web .50%"> <FRAMESET rows="50%.htm" NAME="Frame3"> <FRAME SRC="menu2.50%"> 6 <FRAME SRC="homepage.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="50%.

15%"> <FRAME SRC="homepage.html> menunjukkan bahwa nama frame adalah atas dan diisi dengan dokumen header.*> mempunyai arti bahwa frame bawah dibagi lagi menjadi dua kolom dengan ukuran 30% untuk frame kiri dan sisanya untuk frame sebelah kanan.html.A Mengoperasikan Bahasa Pemrograman Berbasis Web .:: Latihan Membuat Frame::.html dan bab2. Kalau file tersebut dijalankan hasilnya sebagai berikut: SWR. <frame name=atas src=header.304. kanan.*> maksudnya adalah frame yang dibuat terdiri dari dua bagian/baris dengan ukuran 20% bagian paling atas dan selebihnya (80%) adalah frame bagian bawah/baris kedua yang ditunjukkan dengan tanda „*‟.html.</title> </head> <frameset rows=20%.html dengan isi masing-masing sebagai berikut: File latihan6.htm" NAME="Frame1"> <FRAMESET cols="15%.html <html> <head> <title>. kiri.15%"> <FRAME SRC="menu.(3).* framespacing="0" border="0" frameborder="0"> <frame name=atas src=header. header.html scrolling="no" noresize> <frame name=kanan src=kanan.html.htm" NAME="Frame4"> </FRAMESET> <FRAME SRC="homepage.html scrolling="no" noresize> </frameset> </frameset> </html> Pada tag <frameset rows=20%.70%.html.70%.8 <FRAMESET rows="15%.* framespacing="0" border="0" frameborder="0"> <frame name=kiri src=kiri. <frameset cols=30%.html. bab1.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="BIG"> </FRAMESET> </FRAMESET> 8 Latihan Menggunakan FRAME Buat file baru dengan nama latihan6.html scrolling="no" noresize> <frameset cols=25%.htm" NAME="Frame2"> <FRAME SRC="menu2.OPR.

</b><br> <font face=arial size=4 color=orange> <i>Sukses itu didapat dari usaha dan kerja keras serta doa</i> </body> </html> File kiri.html SWR.html <html> <head> <title>. Oleh karena itu lengkapi file-file sebagai berikut: File header.304.A Mengoperasikan Bahasa Pemrograman Berbasis Web .:: Latihan Membuat Frame::.(3).OPR.</title> </head> <body bgcolor=#EEEEEE> <font face=arial size=6 color=tahoma> <b>.Tampilan tersebut dikarenakan file-file yang dibutuhkan oleh frame belum dibuat atau tidak ditemukan.::: SMKN 1 Kota Bekasi:::.

.A Mengoperasikan Bahasa Pemrograman Berbasis Web .OPR. M e n u</font></b> </td> </tr> <tr> <td width="218" height="22" bordercolor="#800080"> <b><font face="Tahoma" size="2">&nbsp. <a href=ekstra.304.html target=kanan>Ekstra Kurikuler</a> </font></b></td> </tr> </table> </body> </html> File kanan..html SWR.<html> <head> <title>::: Latihan Membuat Frame:::</title> </head> <body bgcolor=#ffffff> <table border=1 width="228" height="28" cellspacing=0> <tr> <td width="218" height="22" bordercolor="#800080" bgcolor="#BDCED9"> <b><font face="Tahoma" size="2">&nbsp.html <html> <head> <title>::: Latihan Membuat Link Ke Dokumen Lain:::</title> </head> <body bgcolor=#ffffff> <table border=1 bordercolor=bordercolor="#800080" cellspacing=0 cellpadding=50 width=750 height=450> <tr> <td valign=top> <font face=verdana size=4 color=blue> Selamat datang di web kami .&nbsp. </td> </tr> </body> </html> File proli.html target=kanan>H o m e</a></font></b></td> </tr> <tr> <td width="218" height="22" bordercolor="#800080"> <b><font face="Tahoma" size="2"> &nbsp.(3).&nbsp.&nbsp.&nbsp.html target=kanan>Program Keahlian</a> </font></b></td> </tr> <tr> <td width="218" height="22" bordercolor="#800080"> <b><font face="Tahoma" size="2"> &nbsp. <a href=proli. <a href=kanan.

A Mengoperasikan Bahasa Pemrograman Berbasis Web .html <html> <head> <title>::: Link Dokumen Lain:::</title> </head> <body bgcolor=#ffffff> <table border=1 bordercolor=bordercolor="#800080" cellspacing=0 cellpadding=50 width=750 height=450> <tr> <td valign=top> <font face=verdana size=4 color=blue> Ekstra Kurikuler:<br> <font size=1> <ul type=circle> <li>Seni Bela Diri Tapak Suci <li>Keagamaan <li>Sepak Bola <li>Bola Basket <li>Kepenyiaran </ul> </td> </tr> </body> </html> Hasilnya adalah sebagai berikut: SWR.OPR.304.(3).<html> <head> <title>::: Link Dokumen Lain:::</title> </head> <body bgcolor=#ffffff> <table border=1 bordercolor=bordercolor="#800080" cellspacing=0 cellpadding=50 width=750 height=450> <tr> <td valign=top> <font face=verdana size=4 color=blue> Program Keahlian:<br> <font size=1> <ul type=circle> <li>Rekayasa Perangkat Lunak <li>Teknik Elektronika Industri <li>Teknik Pembangkit Tenaga Listrik <li>Teknik Mekanik Otomotif <li>Teknik Bodi Otomotif <li>Teknik Pemesinan <li>Teknik Las </ul> </td> </tr> </body> </html> File ekstra.

CHECKBOX. Sintak penulisan form adalah: <form method=”post atau get” action=”program_pemroses”> elemen-elemen FORM </form> Atribut METHOD mempunyai dua nilai yaitu POST dan GET. PUSH BUTTON. User menerima informasi melalui sejumlah elemen yang disebut kontrol. Jika data masukan banyak. RADIO BUTTON. Metode POST mengirimkan datanya secara terpisah. Cara penulisannya adalah: <input type=text name=textbox1 size=xx value> Atribut TYPE untuk menentukan jenis masukan yang berupa TEXT (textbox). Sedangkan atribut SIZE digunakan untuk menentukan panjang atau banyaknya karakter sebuah masukan. Metode GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk.7. NAME adalah identifikasi/penamaan elemen ini untuk dibaca oleh program pemroses nantinya. Atribut VALUE untuk memberi nilai suatu masukan.(3). TextBOX Textbox digunakan untuk memasukkan data string sebanyak satu baris. Atribut ACTION berisi URL dari program yang dipanggil oleh form tersebut. Form Html Digunakan untuk menerima masukan/input dari user dan memproses hasil inputan tersebut di server. Untuk menyembunyikan masukan yang SWR. lebih disarankan untuk menggunakan metode post. Kontrol ini dapat berupa TEXTBOX.A Mengoperasikan Bahasa Pemrograman Berbasis Web .304.OPR. LIST MENU dan lainnya.

A Mengoperasikan Bahasa Pemrograman Berbasis Web . contoh1_17.ditulis user dalam textbox.OPR.(3). sehingga tampilan dalam textbox menjadi karakter “*”.html <html> <head> <title>::: Form Input dengan TEXTBOX:::</title> </head> <body> <h3>BUKU TAMU</h3> <form method=post> <table border=0> <tr> <td width=70>Nama</td> <td width=10>:</td> <td width=30><input type=text name=nama size=30></td> </tr> <tr> <td width=70>Alamat</td> <td width=10>:</td> <td width=30> <input type=text name=alamat size=30></td> </tr> <tr> <td width=70>Homepage</td> <td width=10>:</td> <td width=30> <input type=text name=page size=30></td> </tr> </table> </form> </body> </html> Tampilan untuk contoh diatas adalah: CHECKBOX SWR.304. dapat menggunakan atribut TYPE=”PASSWORD”.

CheckBox digunakan untuk memberi beberapa pilihan kepada user.OPR. VALUE menentukan apakah pada keadaan awal checkbox ini terpilih (ON) atau tidak (OFF). sehingga user dapat memilih salah satu. NAME adalah identifikasi dari elemen ini untuk dibaca oleh program pemroses nantinya. lebih dari satu pilihan atau tidak memilih sama sekali.html <html> <head> <title>::: Form Input dengan CHECKBOX:::</title> </head> <body> <form method=post> Pilih Program Keahlian Anda<br> <h3>Daftar Program Keahlian Jurusan TIK SMKN 1 Kota Bekasi </h3> <p> <input type=checkbox name=c1 checked>Rekayasa Perangkat Lunak<br> <input type=checkbox name=c2>Multimedia<br> <input type=checkbox name=c3>Teknik Komputer dan Jaringan<br> </form> </body> </html> Hasil contoh diatas adalah sebagai berikut: SWR. Parameter CHECKED menentukan apakah checkBOX sedang dicentang atau tidak contoh1_18. Tata cara penulisannya adalah: <input type=checkbox name=checkbox1 value=on atau off checked>Pilihan 1 Dimana attribut TYPE menentukan jenis masukan yang berupa CHECKBOX.(3).304.A Mengoperasikan Bahasa Pemrograman Berbasis Web .

A Mengoperasikan Bahasa Pemrograman Berbasis Web . VALUE adalah harga dari pilihan contoh1_19.html <html> <head> <title>::: Form Input dengan RADIO Button:::</title> </head> <body> <form method=post> <h3>Pilih Salah satu<br> Pendidikan Terakhir Anda: </h3> <input type=radio value="SD" checked name=sekolah>SD<br> <input type=radio value="SLTP" name=sekolah>SLTP<br> <input type=radio value="SMU" name=sekolah>SMU<br> <input type=radio value="S1" name= sekolah >S1<br> <input type=radio value="S2" name= sekolah >S2<br> </form> </body> </html> Hasil contoh program tersebut adalah: DROP-DOWN Menu Digunakan untuk membuat menu pilihan.(3).304. sehingga user tidak bisa memilih kurang atau lebih dari satu pilihan yang disediakan. Cara menuliskannya adalah: <select name=menu1> SWR. User dapat memilih salah satu pilihan yang tersedia.OPR. Atribut CHECKED memberi tanda bahwa pilihan tersebut sedang diaktifkan.RADIO Button Digunakan untuk membuat pilihan.

A Mengoperasikan Bahasa Pemrograman Berbasis Web .(3). contoh1_20.<option value-pilihan1>Pilihan 1 <option value-pilihan2>Pilihan 2 <option value-pilihan3>Pilihan 3 dst … </select> Tag OPTION berfungsi untuk menampilkan pilihan-pilihan yang akan tersedia.OPR. Setiap pilihan ditentukan isinya dengan parameter VALUE.html <html> <head> <title>::: Form Input dengan DROP-DOWN Menu:::</title> </head> <body> <form method=post> <h3>Pilih Salah satu<br> Jurusan: </h3> <select name=jurusan> <option value=TI selected>Teknik Informatika</option> <option value=MO>Mesin Otomotif</option> <option value=MP>Mesin Perkakas</option> <option value=ML>Mesin Las</option> </select> </form> </body> </html> Tampilan contoh diatas adalah sebagai berikut: SWR.304.

TEXT Area Elemen ini digunakan untuk menampilkan masukan berupa textbox yang mampu menerima masukan berupa string lebih dari satu baris.(3).A Mengoperasikan Bahasa Pemrograman Berbasis Web .304.html <html> <head> <title>::: Form Input dengan Text Area:::</title> </head> <body> <form method=post> <h5>Kirimkan kritik dan saran Anda</h5> <textarea name=textbox1 rows=5 cols=40> </textarea> </form> </body> </html> Tampilan contoh diatas adalah sebagai berikut: SWR.OPR. Sintaknya adalah: <textarea name=textbox1 rows=xx cols=xx>Isi Awal </textarea> Parameter NAME adalah identifikasi dari elemen ini untuk dibaca oleh program pemroses nantinya. COLS dan ROWS adalah ukuran kolom dan baris textbox ini dalam banyaknya karakter contoh1_21.

Elemen Tombol Elemen ini digunakan untuk menampilkan tombol yang dapat berupa tombol SUMBIT untuk mengirimkan data ke pemroses di server. Format penulisannya adalah: <input type=submit value=OK name=tombol1>untuk tombol SUBMIT <input type=reset value=reset name=tombol2>untuk tombol RESET contoh1_22.304.html <html> <head> <title>::: Buku Tamu:::</title> </head> <body> <h3><p align=center>BUKU TAMU</p></h3> <form method=post> <table border=0 align=center width=500> <tr> <td width=11%>Nama</td> <td width=3%>:</td> <td width=86%><input type=text name=nama size=20></td> </tr> <tr> <td width=11%>Alamat</td> <td width=3%>:</td> <td width=86%> <input type=text name=alamat size=20></td> </tr> <tr> <td width=11%>Email</td> <td width=3%>:</td> <td width=86%><input type=text name=email size=20></td> </tr> <tr> <td width=11%>Website</td> <td width=3%>:</td> <td width=86%> <input type=text name=pg size=20></td> </tr> <tr> <td width=11% valign=top>Homepageku</td> SWR.(3).OPR.A Mengoperasikan Bahasa Pemrograman Berbasis Web . RESET untuk mengulangi/mengosongkan isian form atau NORMAL yang tidak berfungsi apapun sebelum kita mendefinisikan sebuah fungsi untuknya.

Rangkuman Setelah kita mempelajari materi pertama ini.(3).OPR. Di bagian <body> kita dapat menuliskan semua kode html yang akan kita gunakan untuk SWR. Struktur HTML secara garis besar dibagi menjadi <head> dan <body>.A Mengoperasikan Bahasa Pemrograman Berbasis Web .304. Dengan hanya bermodalkan editor teks biasa.<td width=3% valign=top>:</td> <td width=86%> <input type=radio value=hebat name=saran checked> Bagus Sekali<br> <input type=radio value=bagus name=saran> Bagus<br> <input type=radio value=biasa name=saran> Biasa Aja<br></td> </tr> </table> <p align=center> <input type=submit value=kirim name=b1> <input type=reset value=batal name=b2> <hr> </form> </body> </html> Hasilnya adalah: b. kita sudah dapat belajar banyak tentang tag-tag html yang digunakan untuk membuat sebuah halaman web. ternyata membuat/membangun halaman web itu mudah sekali. kita dapat menarik kesimpulan.

Content/Isi.A Mengoperasikan Bahasa Pemrograman Berbasis Web . ASP dan lain-lain). Apa saja isi dari web tersebut. berbentuk tabel atau Seberapa besar daya tarik dan unsur seni dari web yang anda d. Kunjungi beberapa website (minimal 10 website). Apa perbedaan checkbox dan radio button? 5. Buatlah halaman web seperti terlihat di gambar. maka hasilnya akan dikirimkan ke e-mail anda. 3. form dan frame dalam pembuatan web? 3.304. Tugas 1. Catat semua hasil penelitian anda. Apakah fungsi dari tombol Submit dan Reset? 6. Yang harus anda amati adalah meliputi: a. jika ada penekanan tombol kirim. Apa perbedaan frame dan frameset? 4. Lanjutkan ke materi berikutnya agar pengetahuan anda dalam membangun halaman web lebih banyak lagi. Bagaimana model layout web tersebut. c.(3). Silahkan catat hasil pengamatan anda. SWR.  amati. Layout. Apakah fungsi dari link. Tes Formatif 1. Amatilah website yang telah anda kunjungi. Silahkan cari dan download tutorial berbahasa Inggris di Internet yang berhubungan dengan web programming.OPR. Dari hasil penelitian anda. Jelaskan masing-masing fungsi dari tag-tag berikut: a) <h1> b) <p> c) <br> d) <hr> 2. pengaturan image. Pemerintah Kota. silahkan buat website statis yang isinya adalah profile dari yang anda teliti. 2. Teliti profil sebuah organisasi/lembaga (misal: KUD. hyperlink. Sekolah dan lain-lain). Bila perlu tawarkan website buatan anda kepada organisasi/lembaga tersebut. Dalam gambar tersebut. pembuatan table dan pembuatan frame. yaitu diantaranya pengaturan teks. (misalnya PHP.  frame? b.membangun halaman web.

304.SWR.OPR.A Mengoperasikan Bahasa Pemrograman Berbasis Web .(3).

sedangkan Web Dinamis adalah web yang menampilkan informasi yang bersifat dinamis (berubah-ubah) dan dapat saling berinteraksi dengan user. kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. tag-tag HTML dan script yang lain untuk membuat halaman-halaman web. tag-tag HTML dan scriptscript pada pemrgraman berbasis web. Kegiatan Belajar 2: Membangun halaman web dengan bahasa pemrograman berbasis web a. yaitu Server Side Programming dan Client Side Programming. Yang tergolong dalam server side programming seperti: CGI/Perl. Java Server Page.OPR.(3). Pendahuluan Website dapat dibedakan menjadi dua yaitu Web Statis dan Web Dinamis. Sedangkan untuk web dinamis yang banyak ditonjolkan adalah pengolahan data sehingga dibutuhkan kemampuan dalam pemrograman web. Yang dibutuhkan hanya kemampuan design grafis/web dan cita rasa seni belaka. Active Server Pages. Pada Server Side Programming. semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di Web Server. Tujuan Kegiatan Pemelajaran 1) Peserta diklat mampu mengenali objek-objek web. pada Client Side Programming semua sintaks dan perintah program dijalankan di web browser. Biasanya untuk web statis yang ditonjolkan adalah sisi tampilan yang banyak mengandung grafis sehingga untuk merancang web statis tidak diperlukan kemampuan pemrograman yang handal.304. Uraian Materi 2 1. 2) Peserta diklat mampu menggunakan dan menerapkan fungsi dan operator algoritma pemrograman pada aplikasi yang dibuat 3) Peserta diklat mampu menentukan struktur data pada aplikasi yang dibuat 4) Peserta diklat mampu menentukan basis data pada aplikasi yang dibuat 5) Peserta diklat mampu melakukan kombinasi objek-objek web.1. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming tersebut. 6) Peserta diklat mampu membangun halaman web dengan bahasa pemrograman berbasis web b. sehingga ketika client meminta dokumen SWR. Web Statis adalah web yang berisi informasi-informasi yang bersifat statis (tetap).A Mengoperasikan Bahasa Pemrograman Berbasis Web . Ada dua jenis pemrograman web. ColdFussion dan lain-lain. Sebaliknya. PHP.

Frontbase. Interbase.304.  Termasuk bahasa yang embedded. Jadi anda dapat merubah source code dan mendistribusikan secara bebas dan gratis. Postgres SQL. yaitu dapat berjalan dalam sistem operasi dan web server apapun. PHP merupakan software yang open source bebas. Contoh dari client side programming seperti: JavaScript.yang mengandung script. Sehingga kode asli yang ditulis dengan PHP tidak terlihat di browser pengguna. seperti mengambil nilai form. Adapun kelebihan-kelebihan dari PHP yaitu:  Mudah dibuat dan berkecepatan tinggi  PHP dapat berjalan lintas platform.(3). HTML. Empress.OPR. 2. Pengenalan PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Apache dll). Generic ODBC. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. IBM DB2. Sybase. IIS. PHP juga dapat berjalan lintas platform.  Termasuk server side programming.A Mengoperasikan Bahasa Pemrograman Berbasis Web . sehingga kode asli/source code PHP tidak dapat dlihat di browser pengguna. yang terlihat hanya kode dalam format HTML. mengirimkan dan menerima cookies. Oracle. mSQL. Solid. seperti misalnya untuk keperluan database connection. menghasilkan halaman web yang dinamis. dan semua database yang mempunyai profider ODBC seperti misalnya MS Access dan lain-lain. dBase. yakni dapat diletakkan dalam tag HTML. Direct MSSQL. VbScript.  Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server. yaitu dapat digunakan dengan sistem operasi (Windows dan Linux) dan web server apapun (misalnya: PWS. maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web server pengguna internet tadi. Velocis. SWR.  PHP dapat melakukan semua aplikasi program CGI.  Dapat digunakan secara gratis. script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan. PHP dapat melakukan koneksi dengan berbagai database seperti MySQL. Ketika seorang pengguna internet membuka suatu situs yang menggunakan fasilitas server side scripting PHP.

komponen-komponen diatas harus dinstall terlebih dahulu. Anda dapat meminta bantuan search engine untuk mencari program PhpTriad atau anda dapat mengunjungi situs http://www.304.(3). POP3 dan HTTP dan lainnya.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Jika belum ada. jadi sebelum melakukan pemrograman dan menjalankan PHP. dibutuhkan hal-hal berikut:  Web Server  Program aplikasi PHP  Database server  Program Aplikasi Database Ke-empat komponen tersebut mutlak harus ada. Untuk keempat software tersebut anda bebas memilih menurut yang anda suka. silahkan download di internet. Setelah proses download selesai. 3. Kenapa PhpTriad? Karena disamping software tersebut adalah gratis juga karena dalam satu paket program ini sudah terdiri dari 4 software yang kita butuhkan. Persiapkan master program PhpTriad. sekali install semua program tersebut secara otomatis terinstall juga. SWR. SNMP. PHP juga mendukung komunikasi dengan layanan lain melalui protokol IMAP.exe dan ikuti petunjuk yang diberikan. NNTP. Instalasi Program Untuk menjalankan PHP. b. Program PHP. Penginstalan PhpTriad sangat mudah.OPR. Apache). Database Server MySQL dan program aplikasi MySQL. yaitu web server (dalam hal ini.download. buka windows explorer kemudian double klik icon PhpTriad2-2-1. Namun dalam modul ini yang akan dibahas hanya PhpTriad saja.com. Cara instalasi PhpTriad adalah sebagai berikut: a.

304. Kotak licence agreement tersebut merupakan kotak yang harus dibaca terlebih dahulu karena berisikan pengertianpengertian umum mengenai perangkat tuju lisensi diberi-kan. Tunggu proses tersebut hingga selesai. lisensi lunak dengan yang baru bisa ini. d.(3). Setelah proses selesai akan muncul pesan Setup Completed seperti pada gambar dibawah ini.A Mengoperasikan Bahasa Pemrograman Berbasis Web .Proses instalasi ini pada dasarnya akan mengekstrak file-file ke direktori tertentu. kita melanjutkan instalasi dengan klik tombol I Agree. c. Setelah itu muncul jendela instalasi seperti pada gambar. Jika anda se- SWR. Klik tombol close untuk mengakhiri proses instalasi. yaitu c:\apache. Proses instalasi akan berjalan selama beberapa menit.OPR.

SWR. Setelah control panel dijalankan.A Mengoperasikan Bahasa Pemrograman Berbasis Web .304.OPR. PHPTriad Control Panel digunakan untuk melakukan pengaturan terhadap berbagai fasilitas yang ada pada PhpTriad. yang dapat dilakukan dari Start Menu Program  PHP Triad  PHPTriad Control Panel.e. akan muncul tampilan seperti pada gambar dibawah ini. Selanjutnya lakukan beberapa langkah untuk mengaktifkan semua komponen PhpTriad dalam komputer anda. ketikkan http://localhost:1005/ pada address bar. jalankan PHPTriad Control Panel. Langkah pertama. Atau melalui Internet Explorer.(3).

Proses ini akan melakukan instalasi Apache sebagai service software.  Klik “Start MySQL”.OPR.A Mengoperasikan Bahasa Pemrograman Berbasis Web . lakukan langkah sebagai berikut:  Klik “Install Apache as Service”.304. maka akan muncul tampilan sebagai berikut: SWR.  Klik “Open Site w/ default Browser”.f.  Klik “Start Apache”.(3). Proses ini akan melakukan aktifasi Apache sebagai webserver. Setelah PhpTriad Control Panel aktif. Bagian ini digunakan untuk mengecek apakah PHP sebagai sebuah service sudah dapat digunakan Jika berhasil. Pilih versi sistem operasi yang aktif dan sesuaikan dengan versi yang ada pada komputer anda.

atau index. Simpan file ini dan tutup kembali notepad anda. maka default untuk document root adalah di direktori “C:\apache\htdocs”.html. Jika tidak kita atur. Misalnya: “c:\latihan”. dokumen yang diakses secara otomatis oleh browser ketika memanggil localhost adalah dokumen-dokumen yang berada pada folder tersebut.htm atau index. maka yang akan dibuka adalah document root yang posisinya di folder yang telah kita tentukan.php yang terdapat dalam folder tersebut.  Jalankan program aplikasi teks editor Notepad. Ini dilakukan agar ketika kita membuka Internet Explorer dan mengetikkan http://localhost pada address bar. Cari teks DocumentRoot ”C:\Apache\htdocs” kemudian ganti teks tersebut dengan DocumentRoot ”C:\Latihan”.304. Sekarang anda bisa membuat file-file PHP yang disimpan dalam direktori menurut selera anda sendiri. SWR. file yang pertama kali dijalankan adalah file yang memiliki nama index. Artinya. Dan secara otomatis pula.g. Langkah selanjutnya yang perlu anda lakukan adalah mengubah atau mengatur direktori/folder default untuk dokumen anda.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Untuk mengatur document root.OPR.conf” yang terletak di “c:\apache\conf”.(3). Kemudian buka file “httpd. yang perlu anda lakukan adalah:  Buat direktori/folder baru yang akan kita jadikan document root.

h. Setelah klik ok.(3).OPR. Jika file ini belum pernah dijalankan sebelumnya. Langkah terakhir yang tidak kalah pentingnya adalah mengaktifkan MySQL. jika berwarna merah berarti tidak jalan) i. Ok. Isilah sesuai dengan keinginan anda dan lupa sendiri jangan dicatat agar anda tidak melupakannya. Jalankan windows explorer kemudian masuk ke direktori/folder C:\apache\mysql\bin dan cari file winmysqladmin. proses instalasi semua software yang kita butuhkan sekarang telah selesai.exe. maka akan muncul window form yang meminta ke anda agar memasukkan nama user dan password. SWR.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Dan sekarang mari kita lanjutkan ke materi berikutnya.304. winmysql akan segera aktif (terlihat di taskbar sebelah kanan dengan icon berwarna hijau. anda Dan mengisinya. Jalankan file ini untuk mengaktifkan MySql.

tetapi variabelnya case sensitive (membedakan huruf besar dan kecil). Fungsi-fungsi yang ada di PHP uncase sensitive. Jenis suatu variable ditentukan pada saat jalannya SWR. atau namafile.”).php3 atau namafile.304. Misalnya nama variable a dalam PHP ditulis dengan $a.A Mengoperasikan Bahasa Pemrograman Berbasis Web . PHP otomatis akan mengkonversi data menurut tipenya. real maupun string.php. Sintaknya adalah sebagai berikut: /* komentar */ // komentar # komentar  Karakter adalah semua bentuk huruf.OPR. Script PHP diawali dengan tanda lebih kecil ( < ) dan diakhiri dengan tanda lebih besar ( > ).  Setiap baris script isi harus didahului pernyataan cetak yang dibedakan menjadi dua. tanda kontrol atau simbol yang terdapat dalam tombol keyboard.  Penulisan komentar/comment didahului dengan /* dan diakhiri dengan */. angka.(3). yaitu Print dan Echo. yaitu:  Script PHP harus disimpan dengan ekstensi PHP. Dalam PHP setiap nama variable diawali tanda dollar ($) dan diikuti dengan nama variabelnya. tidak memandang data tersebut apakah integer. 5. Untuk membuat web dengan script PHP. cukup anda persiapkan editor teks. spasi.  Setiap instruksi dipisahkan oleh tanda titik koma (“. Penulisan Script PHP Pastikan web server dan skrip PHP anda telah berjalan dengan baik sebelum anda memulai pemrograman PHP. Atau diawali dengan tanda //.4.php4. Variable Variabel digunakan untuk menyimpan data sementara dan nilainya bisa berubah-ubah setiap kali program dijalankan. Ada tiga cara untuk menuliskan script PHP yaitu:  <? Script PHP ?>  <?php Script PHP ?>  <script language=”php”> Script PHP </script> Hal-hal yang harus diperhatikan dalam penulisan script php. Format penulisannya adalah namafile.

echo ("Hasil jumlah a dan b adalah = $hasil <br>"). echo $garis.program dan tergantung pada konteks yang digunakan."<br>". //variabel bertipe real echo ("Nilai variabel komentar adalah = $komentar<br>"). echo "Tanggal ". dan lain-lain.$tgl. //variabel bertipe string $hasil=$a+$b.. echo $garis.5". $garis= "=====================================".A Mengoperasikan Bahasa Pemrograman Berbasis Web .OPR. echo ("Nilai variabel a adalah = $a <br>"). //variabel bertipe double $tgl = date("d F Y"). baru dapat diikuti dengan beberapa huruf atau angka maupun garis bawah yang panjangnya tidak terbatas. Tidak boleh menggunakan reserved word PHP seperti misalnya echo. ?> Salah $var!abel $-pilih $93te $ini-itu SWR. Contoh-contoh penulisan variabel: Benar $variabel $_pilih $te93 $ini_itu contoh2_1."<br>". //variabel bertipe string $komentar="Selamat Datang di PHP". echo $komentar... echo "<p>". " Di Lab ".   Tidak boleh menggunakan tanda baca. <br>". //variabel bertipe integer echo ("Nilai variabel b adalah = $b <br>").(3). Aturan penamaan variabel dalam PHP:  Diawali dengan tanda dolar ($)  Penamaan variabel bersifat case sensitive  Nama variabel hanya bisa diawali dengan huruf atau garis bawah.304. print. //variabel bertipe tanggal $nama = "SMK PGRI 3 Malang".php <html> <head> <title>Variabel dalam PHP</title> <body> <?php //variabel bertipe integer $a="5". Variabel dalam PHP tidak harus dideklarasikan terlebih dahulu sebelum digunakan. $nama. //variabel bertipe real $b="2. "<br>Belajar dengan giat ya.

String. ?> </body> </html> 7.(3).”SMK PGRI 3 Malang”). Sedangkan 2 tipe data compound adalah array dan object.A Mengoperasikan Bahasa Pemrograman Berbasis Web .hasilnya adalah: 6. Tipe data skalar adalah tipe data integer. Konstanta Konstanta adalah variabel yang nilainya tetap. Objek. Contoh: <html> <head> </head> <body> <? Define (“kampus”.304. Floating point/double.”nilai_konstanta”). tipe data logika yang memiliki nilai true dan false. floating point. Integer. e. Sintak: Define (“nama_konstanta”. tipe data yang menyatakan bilangan bulat. f. Array adalah tipe data terstruktur yang berguna untuk menyimpan sejumlah data yang bertipe sama. menyatakan tipe data teks yang berisi kumpulan beberapa karakter d. b. string dan boolean. SWR. tipe data yang menyatakan bilangan real/pecahan c. Echo kampus.OPR. merupakan instansiasi dari suatu class. Boolean. yaitu: a. Type Data PHP mengenal 4 tipe data skalar dan 2 tipe data compound.

settype($bayar.OPR. print ("Tipe Data Integer: $bayar <br> \n"). settype($bayar.php <html> <head> <title>. print ("Tipe Data String: $bayar <br> \n").77 Rupiah".value adalah nilai yang akan dikonversikan .datatype adalah tipe data yang dikonversikan Perhatikan contoh berikut: contoh2_2. ?> </body> </html> Hasil dari script diatas adalah: 9. Operator dapat dikelompokkan dalam 4 kategori.datatype) dimana: . Konversi Type Data PHP menyediakan perintah untuk melakukan konversi tipe data ke tipe data yang lain dengan menggunakan perintah sebagai berikut: settype(value. Operator Operator adalah simbol/tanda yang digunakan untuk melakukan operasioperasi matematis atau operasi string."integer"). yaitu: SWR.(3).8. Sedangkan operand adalah data yang dioperasikan atau dimanipulasi. print ("Tipe Data Double: $bayar <br> \n").</title> </head> <body> <font face=tahoma size=2> <?php $bayar="500."double").304.A Mengoperasikan Bahasa Pemrograman Berbasis Web .:: Konversi Type Data::.

 x=x. Yang termasuk operator ini adalah: Operator + * / % ++ -Operasi Penjumlahan Pengurangan Perkalian Pembagian Modulus Increment 1 Decrement 1  Operator Penugasan/Assignment Operator Operator penugasan berfungsi untuk memberikan nilai ke suatu variabel atau variabel ke variabel.OPR.  x=x%5. x/=5. Operator Penugasan/Assignment Operator c. X^=5. SWR. x-=5. |= ^=  Operator Pembanding/Comparison Operator Operator ini disebut juga operator relasional.  x=x&5.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Daftar operator penugasan seperti dalam tabel berikut: Operator += -= . x.= /= %= &= Fungsi Untuk menambah nilai variabel disebelah kiri dengan nilai sebelah kanan Untuk mengurangi nilai variabel disebelah kiri dengan nilai disebelah kanan Untuk melakukan operasi penggabungan (concatenation) antara variabel disebelah kiri dengan nilai disebelah kanan Untuk membagi nilai variabel di sebelah kiri dengan nilai sebelah kanan Sisa hasil bagi antara nilai variabel disebelah kiri dengan nilai disebelah kanan Untuk melakukan operasi logika AND antara nilai variabel disebelah kiri dengan nilai disebelah kanan Untuk melakukan operasi logika OR antara nilai variabel disebelah kiri dengan nilai disebelah kanan Untuk melakukan operasi logika XOR antara nilai variabel disebelah kiri dengan nilai disebelah kanan Contoh x+=5. X%=5. Simbol operator ini adalah “sama dengan” (=).304. Operator Aritmatika/Arithmetic Operator b.a.(3).  x=x-5. X|=5. X&=5. Operator Pembanding/Comparison Operator d. Operator Logika/Logical Operator  Operator Aritmatika/Arithmetic Operator Adalah operator yang digunakan dalam operasi matematika.  x=x^5.  x=x+5. yaitu operator yang digunakan untuk membandingkan antara dua atau lebih operand (nilai.  x=x/5.  x=x|5.”php”.=”php”.

jika $a tidak benilai true. === Identik != atau <> Tidak Sama Dengan !== Tidak Identik < Kurang Dari > Lebih Dari <= Kurang Dari atau Sama Dengan >= Lebih Dari atau Sama Dengan  Operator Logika/Logical Operator Operator logika digunakan untuk membandingkan dua atau lebih pernyataan dan menghasilkan nilai true atau false. $a<$b.(3). jika $a kurang dari atau sama dengan $b. Operator logika sering digunakan pada struktur kendali. jika $a sama dengan $b $a===$b. Yang termasuk operator logika adalah: Operator && atau AND || atau OR Fungsi Operasi Logika AND Contoh $a && $b. jika $a dan $b bernilai true $a || $b. atau keduanya tidak memiliki tipe data yang sama. Operasi Logika OR XOR ! Operasi Logika XOR Operasi Logika NOT SWR.  true. jika $a sama dengan $b.  true.  true.  true. $a!==$b.  true. atau $a<>$b. $a<=$b. jika $a atau $b.  true.  true. jika $a tidak sama dengan $b. $a>=$b. jika $a tidak sama dengan $b.304.OPR. $a!=$b.  true.A Mengoperasikan Bahasa Pemrograman Berbasis Web . $a xor $b.  true.  true.  true.  true. atau pernyataan) dan menghasilkan nilai True atau False. jika $a kurang dari $b. Operator-operator yang termasuk operator pembanding adalah: Operator == Fungsi Sama Dengan Contoh $a==$b. jika $a atau $b bernilai true dan salah satunya bernilai false. $a>$b. salah satunya bernilai true. atau $a or $b.variabel. !$a. jika $a lebih besar dari $b. dan keduanya mempunyai tipe data yang sama. jika $a lebih dari atau sama dengan $b.

$b = $a. yakni menggabungkan dua buah atau lebih string. Operator Bitwise Operator bitwise digunakan untuk operasi bilangan biner. Kedudukan operator-operator tersebut seperti terlihat pada tabel berikut: SWR. //$b berisikan “Hallo Selamat datang di PHP” ?>  Kedudukan Operator Setiap operator mempunyai kedudukan (operator precedence) dan prioritas masing-masing yang digunakan untuk menentukan operator manakah yang akan dieksekusi terlebih dahulu bila dalam sebuah pernyataan terdapat dua atau lebih operator. baru dijumlah dengan 2.(3). Hal ini karena kedudukan operator perkalian lebih tinggi dari pada operator penjumlahan sehingga 5 harus dikalikan terlebih dahulu dengan 7.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Apabila operator diletakkan sebelum variabel. yaitu operator concatenation (. Contoh <?php $a = “Hallo”. Maka nilai x adalah 37 bukan 49. Operator ++ -Operasi Pre/Post Increment Pre/Post Decrement Penggunaan ++$a atau $a++ --$b atau $b--  Operator String Hanya ada satu operator string. misal $i++ atau $i-. misal ++$i atau --i maka nilai $i akan ditambahkan atau dikurangkan 1 sebelum keseluruhan operasi dalam ekspresi dikerjakan dan sebaliknya apabila operator diletakkan setelah variabel.maka nilai $i akan ditambah atau dikurangi 1 setelah operasi dalam ekspresi dikerjakan.OPR.”Selamat Dtang di PHP”. bukan 2 ditambah 5 baru dikali 7.304. Operatoroperator yang termasuk operator bitwise adalah: Operator & | ^ ~ << >> Arti Operator AND Operator OR Operator XOR Operator NOT Operator Shift Left (geser kiri) Operator Shift Right (geser kanan)  Operator Increment/Decrement Pre/Post increment dan decrement masing-masing adalah penambahan dan pengurangan satu.). Contoh. misalnya ada persamaan matematika x=2+5*7.

. {} Operator ~. kemudian data di olah dan selanjutnya hasil pengolahan ditampilkan pada komponen output.(3). >= ==. +=. &=. --. -=. ?.= AND (&&) XOR (||) Terendah OR 10. ++. & *. % +. ===.A Mengoperasikan Bahasa Pemrograman Berbasis Web .5 * Alas * Tinggi Selesai SWR. /=. ^=.Prioritas Tertinggi (). Input Proses Output Input-Output Sederhana Sebagai contoh. !.304.OPR. Dasar-dasar Struktur Program Input-Output Struktur yang paling dasar dalam sebuah pemrograman adalah struktur inputoutput. |=. Input merupakan interface untuk memasukkan data. !=. <=. <>. !== & ^ ! && || =. kita akan membuat program sederhana untuk menghitung luas segitiga berdasarkan flowchart berikut: Mulai Input Alas Input Tinggi Output Cetak Luas Proses Hitung Luas Segitiga Luas=0. *=. $.

Sebagai contoh.5*$alas* $tinggi.php <html> <head> <title>.php <html> <head> <title>.contoh2_3.:: Menghitung Luas Segi Tiga::.(3).304. kita dapat membuat program yang lebih interaktif. //Proses hitung luas segitiga $luassegitiga=0.A Mengoperasikan Bahasa Pemrograman Berbasis Web .:: Latihan membuat input Output::. Input-Output dengan Form Dengan memanfaatkan form yang terdapat dalam HTML.3 akan modifikasi sehingga lebih interaktif. contoh2_4.php method=post> <table align=center bgcolor=#cedadc bordercolor=#cfdbdd cellspacing=5> <tr> <td>Masukkan Alas</td> <td>:</td> <td><input type=text name=alas size=10></td> </tr> <tr> <td>Masukkan Tinggi</td> <td>:</td> <td><input type=text name=tinggi size=10></td> SWR. echo "Besar Tinggi = $tinggi <br>".OPR. echo "Luas Segi Tiga Adalah = $luassegitiga<br>". //Cetak hasil echo "Besar Alas = $alas <br>". ?> </body> </html> Jika program tersebut dijalankan maka akan didapatkan hasil seperti pada gambar diatas. $tinggi=5. program di contoh 2.</title> </head> <body> <font face=verdana> <center><h3><u>Menghitung Luas Segitiga</u></h3></center> <form action=luassegitiga.</title> </head> <body> <font face=verdana size=2> <? //Mendeklarasikan data input $alas=20.

echo "</tr>". File luassegitiga. echo "<table align=center bgcolor=#cedadc bordercolor=#cfdbdd cellpadding=0>".php method=post>) yang akan digunakan untuk menampung hasil perhitungan. echo "<td colspan=3 align=center><input type=submit value=ulang></td>". echo "<td>:</td>".A Mengoperasikan Bahasa Pemrograman Berbasis Web .5*$alas*$tinggi.</title> </head> <body> <font face=verdana> <center> <h3><u>Luas Segitiga</u></h3> </center> <form action=contoh2_4. echo "<tr>".php <html> <head> <title>. echo "</table>". echo "</tr>".</tr> <tr> <td colspan=3 align=center><input type=submit value=hitung></td> </tr> </table> </form> </body> </html> Ketika tombol HITUNG diklik. echo "<tr>". ?> </form> </body> </html> SWR. Maka buat lagi file dan beri nama luassegitiga. echo "<td>:</td>".php method=post> <? $luas=0. echo "<td>:</td>". echo "<td>$alas</td>". echo "</tr>".php dan simpan dalam satu direktori. program memanggil file luassegitiga. echo "<td>Tinggi</td>". echo "<tr>". echo "</tr>". echo "<tr>". echo "<td>$luas</td>".OPR. echo "<td>Alas</td>". echo "<td>Luas Segi Tiga</td>".:: Hasil Perhitungan Luas Segi Tiga::. echo "<td>$tinggi</td>".php (perhatikan pada tag <form action=luassegitiga.304.(3).

(3).304. statement IF tunggal dan statement IF majemuk. Struktur Kontrol/Kendali Statement IF Konstruksi IF digunakan untuk melakukan eksekusi suatu statement secara bersyarat atau sesuai dengan kondisi tertentu. Cara penulisan statement IF tunggal adalah sebagai berikut: if (kondisi) { statement.OPR.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Statement IF dibagi dua.Hasilnya adalah: dan tampilan setelah tombol hitung di-klik adalah: 11. } SWR.

:: Contoh Seleksi Kondisi::.Contoh: Mulai Input Nilai Apakah nilai > 70 Y Kompeten T Selesai contoh2_5.php <html> <head> <title>. buat script berikut dan simpan dengan nama nilai.php <html> <head> <title>. if ($nilai>70) { echo "Anda Kompeten<br>".(3).php method=post>Masukkan Nilai: <input type=text name=nilai size=2><p> <input type=submit value=Proses> </form> </body> </html> Untuk memproses file diatas.</title> </head> <body> <font face=verdana size=2> <? echo "Nilai Ujian anda: $nilai<br>".:: Contoh Seleksi Kondisi::.A Mengoperasikan Bahasa Pemrograman Berbasis Web .php File nilai.OPR.304.</title> </head> <body> <font face=verdana size=2> <form action=nilai. } ?> </body> </html> SWR.

Untuk statement IF majemuk atau dikenal dengan IF ... ELSE, digunakan jika terdapat lebih dari satu kondisi yang akan dikerjakan. Sintaks struktur IF ... Else adalah sebagai berikut:
if (syarat) { statement } else { statement lain }

atau:
if (syarat pertama) { statement pertama } elseif (syarat kedua) { statement kedua } else { statement lain }

Mulai

Input Nilai

Apakah nilai < 50 Y Tidak Lulus

T

Apakah nilai < 70 Y Lulus dan Tidak Kompeten

T

Lulus dan Kompeten

Selesai

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

Sebagai contoh, kita modifikasi file nilai.php pada contoh 2_5 dan simpan dengan nama nilai2.php contoh2_6.php
<html> <head> <title>.:: Contoh Seleksi Kondisi::.</title> </head> <body> <font face=verdana size=2> <form action=nilai2.php method=post> Masukkan Nilai: <input type=text name=nilai size=2><p> <input type=submit value=Proses> </form> </body> </html>

File nilai2.php:
<html> <head> <title>.:: Contoh Seleksi Kondisi::.</title> </head> <body> <font face=verdana size=2> <? echo "Nilai Ujian anda: $nilai<br>"; if ($nilai<50) { echo "Anda Tidak Lulus<br>"; } elseif ($nilai<70) { echo "Anda Lulus Tapi Tidak Kompeten<br>"; } else { echo "Selamat Anda Lulus dan Kompeten"; } ?> </body> </html>

Hasilnya adalah seperti gambar di atas:

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

Statement SWITCH Statement SWITCH digunakan untuk membandingkan suatu variable dengan beberapa nilai serta menjalankan statement tertentu jika nilai variable sama dengan nilai yang dibandingkan. Penggunaan statement SWITCH hampir sama dengan penggunaan statement IF, sehingga bisa digunakan sebagai pengganti statement IF. Untuk Keluar dari suatu blok statement dalam statement switch, dapat mengunakan perintah BREAK Struktur Switch adalah sebagai berikut:
switch (variable) case nilai: statement case nilai: statemant case nilai: statement

contoh2_7.php
<html> <head> <title>.:: Struktur Kendali Switch::.</title> </head> <body> <font face=verdana size=2> <? $dino=date("l"); switch($dino) { case "Monday": $hari="Senin";break; case "Tuesday": $hari="Selasa"; break; case "Wednesday": $hari="Rabu"; break; case "Thursday": $hari="Kamis"; break; case "Friday": $hari="Jumat"; break; case "Saturday": $hari="Sabtu"; break; default: $hari="Minggu"; } echo "<h3>Hari ini adalah hari <u>$hari</u></h3>"; ?> </body> </html>

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

(3).5* JumlahBayar JumlahBayar  100000 T Y Diskon=0.000 dapat diskon 10%. jika jumlah bayar  100. Selain kreteria tersebut. perhatikan flowchart berikut: Mulai Masukkan Jumlah Bayar JumlahBayar  500000 T Y Diskon=0. dan jika jumlah bayar  500.OPR.</title> </head> <body> <font face=verdana size=2> <form>Jumlah Bayar SWR. diskonnya adalah 0%.1* JumlahBayar JumlahBayar  50000 T Y Diskon=0.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Membuat program penghitung discount Program ini digunakan untuk mengetahui apakah pembeli dapat diskon atau tidak. Untuk mengerjakan program tersebut. sebagai berikut: contoh2_8.Latihan-latihan 1.php <html> <head> <title>.000 dapat diskon 50%.000 dapat diskon 5%.05* JumlahBayar Diskon=0 TotalBayar= JumlahBayar-Diskon Selesai Dari flowchart tersebut dapat kita buat script programnya.:: Program Menghitung Discount::. Besar diskon tersebut mengikuti aturan sebagai berikut: Jika jumlah bayar  50.304.

if ($toyar>=500000) $diskon=(0. SWR.<input type=text name=totalbeli><br><br> <input type=submit value="Hitung Diskon"> </form> <?php if (isset($totalbeli)) { $toyar=intval($totalbeli).1*$toyar).$diskon). else print("Maaf Tidak Ada Diskon <br>\n"). Program juga akan meminta masukan dari pemakai untuk memilih operasi apa yang akan dilakukan. Membuat Program kalkulator sederhana Program yang akan buat ini adalah program untuk melakukan beberapa operasi aritmatika.$toyar).OPR. perkalian dan pembagian. printf("<b>Total Bayar = %d<br></b>\n". $totalbayar=$toyar-$diskon. else if ($toyar>=50000) $diskon=(0. Setiap operasi yang dilakukan.(3).$totalbayar).5*$toyar). pengurangan.A Mengoperasikan Bahasa Pemrograman Berbasis Web .304. printf("Jumlah Bayar = %d<br>\n". printf("Diskon = %d<br>\n". $diskon=0. yaitu penjumlahan. program akan meminta masukan nilai dua operand yang akan dihitung dalam hal ini adalah A dan B. } ?> </body> </html> 2. else if ($toyar>=100000) $diskon=(0.05*$toyar).

Perhatikan flowchart berikut: Mulai Masukkan Nilai A dan B Silahkan Pilih Operasi Apa? Pilihan= Jumlah T Y C=A+B Pilihan= Kurang T Y C=A-B Pilihan= Kali T Y C=A*B C=A/B Hasil Adalah = C Selesai Dari flowchart tersebut.php method=post> <center><h3>Operasi Aritmatik A dan B</h3></center> <table align=center bgcolor=#cedadc bordercolor=#cfdbdd> <tr> <td>Masukkan Nilai A </td> <td><input type=text name=a size=10></td> </tr> SWR. dapat kita buat programmnya sebagai berikut: contoh2_9.php <html> <head> <title>::: Operasi Aritmatika:::</title> </head> <body> <form action=operasi.OPR.304.(3).A Mengoperasikan Bahasa Pemrograman Berbasis Web .

<tr> <td>Masukkan Nilai B </td> <td><input type=text name=b size=10></td> </tr> <tr> <td>Operasi</td> <td> <select name=operasi> <option value=1>Penjumlahan [a+b]</option> <option value=2>Pengurangan [a-b]</option> <option value=3> Perkalian [a*b]</option> <option value=4> Pembagian [a/b]</option> </select> </td> </tr> <tr> <td colspan=2 align=center> <input type=submit value=hitung></td> </tr> </table> </form> </body> </html> Sekarang buat satu lagi program yang digunakan untuk memproses hasil setelah ada penekenan tombol hitung. File operasi.A Mengoperasikan Bahasa Pemrograman Berbasis Web . } SWR. $oper='[a + b]'. } elseif ($operasi==2) { $c=$a-$b.php. File tersebut simpan dengan nama operasi. $oper='[a . $oper='[a * b]'.304.php <html> <head> <title>Hasil Operasi Aritmatika</title> </head> <body> <? if ($operasi==1) { $c=$a+$b.b]'.OPR. } elseif ($operasi==3) { $c=$a*$b.(3).

A Mengoperasikan Bahasa Pemrograman Berbasis Web . echo "Hasil Operasi $oper adalah = $c<br>". } echo "Nilai A adalah = $a dan Nilai B adalah = $b<br>". $genap < $batas T Y Selesai $genap=$genap+2 Bilanga genap dari 2 s/d batas adalah:$genap SWR.OPR.else { $c=$a/$b. Pada contoh tersebut. $oper='[a / b]'.304. Bentuk dasar dari statement While adalah sebagai berikut: while (syarat) { statement } Arti dari statemant While adalah memberikan perintah untuk menjalankan statement dibawahnya secara berulang-ulang.(3). ?> </body> </html> Statement WHILE Pernyataan ini digunakan untuk mengulangi sebuah perintah sampai jumlah atau kondisi tertentu terpenuhi. selama syaratnya terpenuhi. Mulai Masukkan Batasnya? $genap=0. program digunakan untuk mencari bilangan genap dari 2 sampai dengan batas tertentu sesuai dengan masukan yang diberikan. Perhatikan contoh2_10.

Cara penulisan statement FOR adalah sebagai berikut: for (Nilai_Awal.304.:: Program Mencari Bilangan Genap::.contoh2_10.(3).A Mengoperasikan Bahasa Pemrograman Berbasis Web . echo "<br>".php <html> <head> <title>. Counter) Keterangan:  Nilai_Awal : Batas awal perulangan  Nilai_Akhir : Batas akhir perulangan  Counter : Jumlah kenaikan yang akan ditambakan kepada batas awal hingga mencapai batas akhir SWR. $gen=0.OPR. echo "Bilangan Genap dari 2 s/d $bilgen adalah: ". } } ?> </body> </html> Statement FOR Perintah ini digunakan untuk mengulangi perintah dengan jumlah pengulangan yang sudah diketahui. echo "$gen". while ($gen<$genap) { $gen=$gen+2. Nilai_Akhir. Pada statement ini perlu dituliskan nilai awal dan nilai akhir varibel penghitung yang secara otomatis akan bertambah atau berkurang setiap kali sebuah pengulangan dilaksanakan.</title> </head> <body> <font face=verdana size=2> <form>Mencari Bilangan Genap Berapa: <input type=text name=genap><br><br> <input type=submit value="Cari Bilangan Genap"> </form> <?php if (isset($genap)) { $bilgen=intval($genap). echo " ".

php <html> <head> <title>Latihan Perulangan dengan For</title> </head> <body> Tanggal: <select name=tanggal> <option value=0 selected>Tanggal <?php //Bentuk Pilihan tanggal 1 sampai dengan 31 for ($i=1.OPR.contoh2_11. Pernyataan break akan mengikuti urutan tingkatan dimulai dari tingkat paling dalam menuju tingkat terluar. Pernyataan-pernyataan tersebut adalah:  break.304.$i<32.  Continue.$i++) echo "<option value=$i>$i". ?> </option> </select> </body> </html> Hasilnya adalah: Didalam struktur perulangan.A Mengoperasikan Bahasa Pemrograman Berbasis Web . terdapat beberapa pernyataan yang digunakan untuk merubah jalannya eksekusi terhadap proses looping yang dilakukan. Sintaknya adalah: break(n) Dengan n adalah parameter opsional yang nilainya digunakan jika terdapat nested loop. pernyataan ini digunakan untuk melewati proses iterasi dan melanjutkan dengan iterasi berikutnya.(3). SWR. pernyataan ini digunakan untuk keluar dari suatu perulangan.

} //Program Utama //Untuk Memanggil Fungsi operasi_jumlah(6. angka dan garis bawah  Tidak boleh diawali dengan angka contoh2_12. yaitu prosedur dan fungsi. Procedure dan Fungsi Dalam pembuatan program sering kali dibutuhkan beberapa perintah yang digunakan berulang kali.A Mengoperasikan Bahasa Pemrograman Berbasis Web .:: Latihan Membuat Fungsi::.php <html> <head> <title>. } Beberapa hal yang perlu diperhatikan dalam pembuatan fungsi.$b) { $c=$a+$b. Subrutin adalah sekumpulan perintah yang diberi nama dan dapat dipanggil sewaktuwaktu. Dalam pemrograman terdapat dua subrutin. echo ("Hasil $a + $b = $c"). pernyataan ini digunakan untuk mengakhiri seluruh proses eksekusi yang sedang berjalan.$y) { z=x+y.304. yaitu:  Nama fungsi tidak boleh sama dengan nama-nama fungsi yang sudah ada dalam PHP. Exit.(3).3). Hal ini dapat dihindari dengan subrutin. Standar penulisan fungsi adalah: function nama_fungsi(argumen) { kode perintah } contoh: function operasi_jumlah($x.</title> </head> <body> <font face=tahoma size=2> <? //Fungsi yg dipanggil function operasi_jumlah($a.  Hanya boleh terdiri dari huruf. 12. ?> </body> </html> SWR.OPR. echo (z).

} ?> contoh2_14. INCLUDE Function Include akan menyertakan isi suatu file tertentu. function tulistebal($teks) { echo(“<b>$teks</b>”). Cara penulisan function Require adalah: require(namafile). echo(“<br>”). echo("PHP adalah bahasa scripting<br>").php"). contoh2_13. Karena hanya memperbolehkan pemangggilan file yang sama tersebut hanya sekali saja. echo("<br>"). $b<5. Function Require ini tidak dapat dimasukkan diadalam suatu struktur looping misalnya while atau for.b. ?> 12.php”).OPR.php <?php for ($b=1. echo($a). tulistebal(“Ini adalah tulisan tebal”).304. echo("--------------------------------------<br>").12. ?> contoh2_16.php <?php $a=”Saya sedang belajar PHP”.(3). } ?> SWR.php <? echo("--------------------------------------<br>"). contoh2_15.b.php <?php require(“contoh2_13. Include dapat diletakkan didalam suatu looping misalkan dalam statement for atau while.A Mengoperasikan Bahasa Pemrograman Berbasis Web . REQUIRE Function Require digunakan untuk membaca nilai variable dan fungsi-fungsi dari sebuah file lain. $b++) { include("contoh2_15.

(3).c. backslash ( \ ) dan karakter NULL. Sintaks: string stripslashes(string) SWR. Fungsi-fungsi tersebut adalah: AddSlashes Digunakan untuk menambahkan karakter backslash ( \ ) pada suatu string. Sintaks: addslashes(string) StripSlashes Digunakan untuk menghilangkan karakter backslash ( \ ) pada suatu string. karakter petik dua ( “ ). Beberapa karakter yang akan ditambahkan tanda backslash adalah karakter tanda petik satu ( „ ).OPR. misalkan pada MySQL. Fungsi String Fungsi string digunakan memanipulasi/mengolah data string untuk berbagai macam kebutuhan.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Disini akan dibahas beberapa fungsi string yang sering digunakan dalam membuat program aplikasi web. Hal ini penting digunakan pada query string untuk database.304.Hasilnya adalah: 12.

Sintaksnya adalah sebagai berikut: Printf(format[. string argumen2 . Jika „salt‟ string tidak ditambahkan pada fungsi crypt maka PHP akan menentukan sendiri „salt‟ string tersebut secara acak. string argumen2 . Dalam penggunaan fungsi crypt ini dapat ditambahkan parameter string „salt‟. $hari = explode(“ ”. Sintaks: implode(string pemisah .A Mengoperasikan Bahasa Pemrograman Berbasis Web .OPR. Sintaks: explode(string pemisah . Implode Kegunaan fungsi ini adalah kebalikan daripada fungsi explode.304.argumen]) SWR.(3). String yang dihasilkan tersebut dipisahkan oleh suatu string telah yang ditentukan sebelumnya. salt ] ) Echo dan Print Digunakan untuk mencetak/menampilkan isi suatu string/teks atau argumen ke browser. Parameter „salt‟ ini ditambahkan untuk menentukan basis pengacakan. $namahari). „Salt‟ string terdiri atas 2 karakter.Crypt Digunakan untuk meng-encrypt dengan metode DES suatu string. array) Printf dan Sprint Digunakan untuk menampilkan output ke browser dengan format tertentu.argumen]) Sprint(format[. int limit] ) Contoh: $namahari = “minggu senin selasa rabu kamis jumat sabtu”. Sintaks: crypt(string [ . …. …. Sintaks: echo( string argumen1. string [.) print( string argumen1. Fungsi ini sering digunakan untuk mengacak string password sebelum disimpan dalam database. Fungsi implode digunakan untuk menghasilkan suatu string dari masing-masing elemen suatu array.) Explode Digunakan untuk memecah-mecah suatu string berdasarkan tanda pemisah tertentu dan memasukkan hasilnya kedalam suatu variable array.

$year). echo ($angka).304.$month. $format=printf("%01. $angka). $year=1972. $day=9. $angka=$angka1+$angka2.A Mengoperasikan Bahasa Pemrograman Berbasis Web . echo("$format<br>").$day.php <html> <head> <title>.OPR. $tanggal=sprintf("%02d%02d%04d".79. $month=11. echo ($tanggal).(3).</title> </head> <body> <font face=verdana size=2> <? $angka1=78. $angka2=23. echo ("<br>").Parameter format selalu ditandai dengan karakter persen (%).2f" . kemudian diikuti oleh karakter tertentu yang memberikan spesifikasi untuk memberikan hasil dengan format tertentu.:: Latihan Format String::. ?> </body> </html> SWR.31. Karakter pemberi spesifikasi tersebut adalah: Karakter B C d f o s x X Keterangan Argumen diperlakukan sebagai integer dan ditampilkan sebagai angka biner Argumen diperlakukan sebagai integer dan ditampilkan sebagai karakter dengan nilai ASCII-nya Argumen diperlakukan sebagai integer dan ditampilkan sebagai angka desimal Argumen diperlakukan sebagai double dan ditampilkan sebagai angka floating point Argumen diperlakukan sebagai integer dan ditampilkan sebagai bilangan oktal Argumen diperlakukan dan ditampilkan sebagai string Argumen diperlakukan sebagai integer dan ditampilkan sebagai angka heksadesimal (dengan huruf kecil) Argumen diperlakukan sebagai integer dan ditampilkan sebagai angka heksadesimal (dengan huruf besar) contoh2_17.

yang Misalnya.2f” “%02d” menunjukkan menunjukkan bahwa bahwa bilangan bilangan tersebut tersebut ditampilkan sebagai floating point dan harus ada dua angka dibelakang koma ditampilkan sebagai integer dan harus ada dua angka yang ditampilkan. “%01. StripTags Digunakan untuk menghilangkan kode-kode tag HTML pada suatu string. Sintaks: Str_replace(tercari. sub string) Str_Repeat Digunakan untuk mengulang isi suatu string.OPR. Sintaks: strrev(string) StrStr. maka akan diubah menjadi 08.(3).subyek) StrRev Digunakan untuk membalik urutan suatu string. ditampilkan.pencari. string tags yang tidak dihilangkan] ) StrLen Digunakan untuk menghitung jumlah karakter suatu string. Sintaks: strlen(string . Fungsi ini biasanya digunakan untuk mencari suatu sub string didalam suatu string.304. Sintaks: striptags(string [. Sintaks: SWR. Jika ada titik.A Mengoperasikan Bahasa Pemrograman Berbasis Web .Angka didepan karakter “%” menunjukkan jumlah digit atau jumlah karakter yang akan ditampilkan. Sintaks: str_repeat(string . StriStr dan StrChr Digunakan untuk mencari keberadaan suatu string di dalam string lain. int jumlah perulangan) Str_Replace Digunakan untuk mengganti suatu string dengan string yang lain. menunjukkan jumlah angka dibelakang koma. Sintaks: strlen(string) StrPos Digunakan untuk mencari posisi suatu sub string pada suatu string. Jadi jika terdapat angka 8.

Sintaks: ucwords(string) SWR. string substring) Contoh: substr_count(“This is a test”.pencari) strchr(tercari. Sintaks: substr(string.OPR. Sintaks: strtolower(string) StrToUpper Digunakan untuk merubah suatu string menjadi huruf besar ( uppercase) Sintaks: strtoupper(string) SubStr Digunakan untuk mengambil suatu sub string dengan panjang tertentu dari suatu string pada posisi tertentu pula.3.3).A Mengoperasikan Bahasa Pemrograman Berbasis Web .(3). int posisi .strstr(tercari.pencari) StrToLower Digunakan untuk merubah suatu string menjadi huruf kecil (lowercase).”is”).0. Sintaks: ucfirst(string) UCWords Digunakan untuk mengganti karakter pertama pada setiap kata dalam suatu string menjadi huruf besar.2). // mengasilkan string “abc” substr(“abcdefg”.304.pencari) stristr(tercari. // menghasilkan string “de” SubStr_Count Digunakan untuk menghitung jumlah sub string dalam suatu string Sintaks: substr_count( string . int posisi) Contoh: substr(“abcdefg”. // menghasilkan nilai 2 UCFirst Digunakan untuk mengganti karakter pertama pada suatu string menjadi huruf besar.

Fungsi Matematika Yaitu fungsi-fungsi yang digunakan untuk memanipulasi bilangan-bilangan dalam operasi matematis.$tan).$arccos). printf("arc sin($sudut) = %01.4f<br>". printf("sin($sudut) = %01. } ?> </body></html> SWR. mencari nilai arcus sinus sebuah sudut acos(sudut). printf("cos($sudut) = %01. $sudrad=deg2rad($sudut).php <html> <head> <title>. $arctan=atan($sudrad). merubah besaran derajat menjadi radian rad2deg(a).12. $sin=sin($sudrad).OPR. printf("arc tan($sudut) = %01.A Mengoperasikan Bahasa Pemrograman Berbasis Web .4f<br>".(3). mencari nilai cosinus sebuah sudut tan(sudut).$arcsin). $cos=cos($sudrad). mencari nilai arcus tangen sebuah sudut deg2rad(a).4f<br>".$sin). echo "Sudut $sudut sama dengan $sudrad radian<br>". merubah besaran radian menjadi derajat Semua besar sudut yang dicari harus dalam bentuk radian.d. mencari nilai arcus cosinus sebuah sudut atan(sudut).4f<br>". Fungsi Trigonometri Fungsi trigonometri adalah fungsi-fungsi yang berhubungan dengan ilmu trigonometri. $arccos=acos($sudrad). $tan=tan($sudrad). printf("tan($sudut) = %01.4f<br>".304.4f<br>". printf("arc cos($sudut) = %01. mencari nilai tangen sebuah sudut asin(sudut).:: Fungsi-fungsi Trigonometri::.$cos). contoh2_18. yaitu antara lain:         sin(sudut). $arcsin=asin($sudrad). mencari nilai sinus sebuah sudut cos(sudut).$arctan).</title> </head> <body> <h3><u>Fungsi-fungsi Trigonometri</u></h3><p> <font face=verdana size=2> <form>Masukkan sudut yg dicari: <input type=text name=sdt><br><br> <input type=submit value="Hitung"> </form> <?php if (isset($sdt)) { $sudut=intval($sdt).

mencari nilai dari logaritma $x sqrt($x). printf("Desimal $bilangan dalam basis 8 adalah = $desoct<br>"). printf("Desimal $bilangan dalam basis 2 adalah = $desbin<br>"). mengubah bilangan x dari basis y menjadi basis z. mengubah bilangan desimal ke bilangan heksadesimal decoct(x). mengubah bilangan oktal ke bilangan desimal contoh2_19. printf("Desimal $bilangan dalam basis 16 adalah = $deshex<br>").304.        base_convert(x.10.</title> </head> <body> <h3><u>Konversi Bilangan </u></h3><p> <font face=verdana size=2> <form> Masukkan bilangan yg dicari: <input type=text name=bil> <br><br> <input type=submit value="Convert"> </form> <?php if (isset($bil)) { $bilangan=intval($bil).(3).z). } ?> </body> </html> SWR. mengubah bilangan biner ke bilangan desimal hexdec(x).y.3). mengubah bilangan desimal ke bilangan oktal bindec(x).Fungsi Pangkat dan Algoritma Fungsi-fungsi yang digunakan untuk perhitungan pangkat dan logaritma. $desbin=decbin($bilangan). $x exp($x).A Mengoperasikan Bahasa Pemrograman Berbasis Web . decbin(x).:: Fungsi-fungsi Trigonometri::. $desoct=decoct($bilangan). mengubah bilangan desimal ke bilangan biner dechex(x). $deshex=dechex($bilangan). printf("Desimal $bilangan dalam basis 3 adalah = $baseconvert<br>"). mencari akar kuadrat $x.php <html> <head> <title>. mencari nilai e log($x).     pow($x. mencari hasil dari $x . $y Fungsi Base n Fungsi yang digunakan untuk konversi suatu bilangan ke bilangan berbasis n. $baseconvert=base_convert($bilangan. mengubah bilangan heksadesimal ke bilangan desimal octdec(x).OPR.$y).

i.e.Fungsi Matematika Lainnya Fungsi-fungsi matematika yang juga dikenal PHP. "0" otherwise.”November” hour. dengan k adalah koma dan r adalah pemisah ribuan 12. i. i. textual. i. "th".y. textual. long. "1" to "12" seconds.e. "0" or "1" month. "0" to "23" hour.A Keterangan am / pm AM / PM Swatch Internet time day of the month.e.e. i. "nd" number of days in the given month. i.e. "28" to "31" Timezone setting of this machine. "01" to "31" day of the week. yaitu:       abs(x). "0" to "365" Mengoperasikan Bahasa Pemrograman Berbasis Web . 2 digits. i. "1" to "31" day of the week. textual. "Jan". "00" to "59" English ordinal suffix.e. "00" to "59" "1" if Daylight Savings Time. sama dengan  atau 22/7 atau kira-kira 3.e.e. 3 letters. i. i. i. untuk membulatkan pecahan x ke bawah round(x.e. day of the month without leading zeros. numeric. Sintaks: date(string format) Format yang dikenal dalam fungsi date ini adalah sebagai berikut: Karakter a A B d D F g G h H i I (capital i) j l (lowercase L) L m M n s S t T U w Y y z SWR.OPR. "Fri". i.e.14 number_format(x. 2 digits with leading zeros. i. i. i. "1999" year.e. textual.e. i.e. menuliskan bilangan x dengan format y angka dibelakang koma. Hasil dari fungsi ini adalah sebuah string yang berisi tanggal/jam sesuai dengan format yang diinginkan. i.(3).e. i. untuk membulatkan pecahan x sampai y angka dibelakang koma pi(). "01" to "12" month. i. “Mar” month without leading zeros.e. "January".k. "00" to "23" minutes. Fungsi Date dan Time Fungsi date() Digunakan untuk mengambil tanggal dan jam sekarang. 24-hour format without leading zeros.e. i.e. "01" to "12" hour. nilai absolut dari x ceil(x). 12-hour format without leading zeros.e. untuk membulatkan pecahan x ke atas floor(x). "Friday" boolean for whether it is a leap year. “Sun” month.r). "0" (Sunday) to "6" (Saturday) year. i.y). 12-hour format.e. "1" to "12" hour. long. i. 4 digits. "MDT" seconds since the epoch day of the week. 24-hour format. 3 letters.e. i.e.e. textual. 2 characters.304. "99" day of the year.e.

echo "Jam: ". $hari=30..A Keterangan Jam Hari Menit Bulan dalam digit Bulan Detik Hari dalam digit Hari Hari ke.date('d F Y'). ?> </body> </html> Fungsi getdate() Digunakan untuk menghasilkan waktu dengan keluaran bertipe array.304.$hari.$bulan . "-43200" to "43200") Fungsi checkdate() Digunakan untuk memeriksa apakah format penulisan tanggal sudah benar.dari tahun Mengoperasikan Bahasa Pemrograman Berbasis Web ."<br>". echo "Hari: ".$hari.$tahun <br>". Sintaksnya adalah: checkdate($bulan.date(l). echo "Tanggal yang dipilih: $hari .Z timezone offset in seconds (i. } else { echo "salah".<br>".e..OPR. $validasi=checkdate($bulan. echo "Silahkan dibetulkan kembali"."<br>". echo "Penulisan tanggal <b><U>".$tahun).</title> </head> <body> <font face=verdana size=2> <? echo "Sekarang. } echo "</b></u><br>".(3). echo "Tanggal: ".$hari.$tahun) Karakter hours mday minutes mon month seconds wday weekday yday SWR.. echo "<hr>".:: Fungsi Time dan Date::. Sintaksnya adalah: checkdate($bulan. $bulan=2.php <html> <head> <title>.$tahun) contoh2_20.date('h:i:s A'). $tahun=2005. if ($validasi) { echo "benar".

else if($jam[hours]<=19) echo "Sore".OPR.f.304. if($jam[hours]<=9) echo "Pagi". Fungsi Variable Fungsi variable digunakan untuk mengecek keberadaan variable.</title> </head> <body> <font face=verdana size=2> <? echo "Sekarang Jam: ".year Tahun contoh2_21.:: Fungsi getdate::. echo "<hr>".(3). echo "</b></u> Mr.php <html> <head> <title>.date('h:i:s A').A Keterangan Mengubah variabel $var menjadi double Memeriksa apakah variabel $var belum punya nilai Memeriksa apakah variabel $var sudah didefinisikan Merubah variabel $var menjadi integer Memeriksa type variabel $var Memeriksa apakah $var berupa array Memeriksa apakah $var bertipe boolean Memeriksa apakah $var bertipe double Memeriksa apakah $var bertipe float Memeriksa apakah $var bertipe short integer Memeriksa apakah $var bertipe integer Memeriksa apakah $var bertipe long integer Memeriksa apakah $var bertipe numerik Memeriksa apakah $var berupa objek Memeriksa apakah $var bertipe real Memeriksa apakah $var berupa resource Memeriksa apakah $var bertipe string Menentukan tipe variabel $var Mengambil nilai string dari $var Mengoperasikan Bahasa Pemrograman Berbasis Web . echo "Selamat <b><u>". else if($jam[hours]<=14) echo "Siang". Fungsifungsi yang termasuk fungsi variable adalah: Fungsi Variable doubleval($var) empty($var) isset($var) intval($var) gettype($var) Is_array($var) is_bool($var) Is_double($var) is_float($var) is_int($var) Is_integer($var) is_long($var) is_numeric($var) Is_object($var) is_real($var) is_resource($var) Is_string($var) settype($var) strval($var) SWR. else echo "Malam". $jam=getdate(). Jack". ?> </body> </html> 12.

unset($var) Menghapus variabel $var 12. perintah yang digunakan adalah fopen(). mail($to. terlebih dahulu harus dibuat file datasiswa. maka akan SWR. Sintaks: mail($penerima.$subject.255). Sedangkan untuk menutup file adalah fclose(). $isi = “Ini adalah percobaan pengiriman e-mail dengan menggunakan PHP”.php <html> <head> <title>.$subject.:: Mengelola Fungsi File::.OPR. $tujuan = “anonkuncoro@yahoo. Mengolah File/data Teks 13.dat."r")) { while (!feof($file)) { $string=fgets($file. } fclose($file). Fungsi Mail Digunakan untuk mengirimkan e-mail ke alamat e-mail tertentu.304. Contoh: $pengirim = “From: saya@email. echo($string).com”.$isi. Perhatikan contoh berikut: contoh2_22.</title> </head> <body> <font face=verdana size=2> <? echo "<b><u>Menampilkan isi file datasiswa.com”. 13.$header]). Jika tidak dibuat dan script tetap dijalankan. } ?> </body> </html> Sebelum script diatas dijalankan. Membuka File Untuk membuka file teks.g.A Mengoperasikan Bahasa Pemrograman Berbasis Web . $subject = “Pemberitahuan”. } else { echo "File gagal dibuka".a.$isi_email[.(3). if ($file=fopen("datasiswa.dat".dat</b></u><br><br>".$pengirim).

</title> </head> <body> <h3><u>Mengelola File Teks</u></h3><p> <font face=verdana size=2> <form> Masukkan Nama Siswa: <input type=text name=isi><br><br> <input type=submit value="proses"> </form> SWR. Untuk itu.A Mengoperasikan Bahasa Pemrograman Berbasis Web . dengan NotePad dan isi seperti dalam gambar berikut: Setelah file tersebut disimpan.OPR. silahkan buat file datasiswa.isi) Perhatikan contoh berikut.b. Memasukkan Data Untuk memasukkan data pada file teks menggunakan perintah: fputs(nama_file. kembali jalankan file contoh2_22. contoh2_23.304.keluar pesan warning seperti dalam gambar diatas.:: Mengelola File::.php. Sehingga akan didapatkan hasil seperti gambar berikut ini: 13.php <html> <head> <title>.dat.(3).

} fclose($berkas)."r")) { //Memasukkan Data $berkas=fopen("datasiswa.dat"."r").255). while(!feof($berkas)) { $teks=fgets($berkas.$isi). maka hasilnya akan seperti gambar berikut: SWR. fputs($berkas. fputs($berkas. //menampilkan $berkas=fopen("datasiswa.dat".dat". fclose($berkas)."a+").<? //validasi isi if (isset($isi)) if (empty($isi)) echo "Data harus terisi".304."<br>").OPR. else { if($berkas=fopen("datasiswa.A Mengoperasikan Bahasa Pemrograman Berbasis Web . } } ?> </body> </html> Setelah dijalankan. } else { echo("File gagal dibuka").(3). echo ($teks).

maka akan muncul gambar sebagai berikut: 14. Sedangkan dalam sebuah database dapat terdiri dari beberapa table. 14. Baris dan Kolom.OPR. kemudian klik tombol proses.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Tipe data numerik seperti dalam table di bawah ini: Tipe Data Tinyint Smallint Mediumint Int Bigint Kisaran Nilai (-128) – 127 atau 0-225 (-32768) – 32767 atau 0 – 65535 (-8388608)-8388607 atau 0-16777215 (-2147683648)-(2147683647) atau 0-4294967295 (-9223372036854775808)-(9223372036854775807) atau 0 – 18446744073709551615 SWR. MySQL adalah database jenis RDBMS (Relational Database Management System ).(3).304. tipe data integer dan tipe data floating point. Sebuah Database dalam MySQL mengandung beberapa table dan satu table dalam database terdiri dari sejumlah baris dan kolom. Jadi dalam MySQL tetap menggunakan Table. Tipe Data Tipe Data Numerik Tipe data numerik dibedakan menjadi dua. Tipe data integer untuk bilangan bulat sedangkan tipe data floating point digunakan untuk bilangan desimal.Isikan data pada form input. Dasar-dasar MySQL Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel yang secara logik merupakan struktur dua dimensi terdiri dari baris ( row atau record) dan kolom (column atau field).a.

Float(x) Float Double

(-3.402823466E+38)-(-1.175494351E-38), 0, dan 1.175494351E-38 – 3.402823466E + 38 Idem (-1.7976E+308)–(-2.22E-308),0,dan(2.22E-308)-(1.79E+308)

Tipe Data String
Yang termasuk dalam tipe data string adalah tipe-tipe data berikut:
Tipe kolom CHAR VARCHAR TINYBLOB, TINYTEXT BLOB, TEXT MEDIUMBLOB, MEDIUMTEXT LONGBLOB, LONGTEXT ENUM('value1','value2',...) SET('value1','value2',...) Kisaran Nilai 1 – 255 karakter 1 – 255 karakter 1 – 255 karakter 1 – 65535 karakter 1 – 16777215 karakter 1 – 4294967295 karakter Maksimum 65535 karakter Maksimum 64 elemen

Tipe Data Waktu dan Tanggal
Yang termasuk dalam tipe data tanggal dan waktu adalah sebagai berikut :
Tipe Data DATETIME DATE TIMESTAMP TIMEYEAR Kisaran Nilai 1000-01-01 00:00‟ to „9999-12-31 23:59:59‟ 1000-01-01‟ to „9999-12-31‟ 1970-01-01 00:00:00‟ – 2037 -838:59:59‟ to „838:59:59:59‟ 1901-2155

14.b. Membuat Database dan Table Untuk masuk ke dalam program MySQL pada prompt jalankan perintah berikut ini: 1. Masuk pada direktori utama mysql, seperti perintah berikut:
C:\WINDOWS>cd\apache\mysql\bin

2. Kemudian ketikkan perintah seperti contoh berikut:
C:\apache\mysql\bin>mysql

Kemudian akan masuk kedalam Prompt MySQL seperti tampilan dibawah ini:
Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 1 to server version: 3.23.47-nt Type 'help;' or '\h' for help. Type '\c' to clear the buffer.

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

mysql>

Bentuk prompt “mysql>” adalah tempat menuliskan perintah-perintah MySQL. Setiap perintah SQL harus diakhiri dengan tanda titik-koma “;”. Cara untuk membuat sebuah database baru adalah dengan perintah:
create database namadatabase;

Contoh:
mysql> create database alamat; Query OK, 1 row affected (0.27 sec) mysql> _

Untuk mengaktifkan database dapat menggunakan perintah berikut ini:
use namadatabase;

Contoh:
mysql> use alamat; Database changed mysql> _

Setelah database aktif, sebuah tabel baru dapat dibuat. Perintah untuk membuat tabel baru adalah:
create table namatabel ( struktur );

Contoh: Misalkan kita ingin menyimpan data anggota yaitu: nomor, nama, email, alamat, kota. Sedangkan strukturnya seperti tabel dibawah ini:
Kolom/Field nomor nama email alamat kota Tipe Data int(6), not null, primary key char(40), not null char(25), not null char(255), not null char(20), not null Keterangan Angka dengan panjang maksimal 6, sebagai primary key, dan tidak boleh kosong. Teks dengan panjang maksimal 40 karakter dan tidak boleh kosong Teks dengan panjang maksimal 25 karakter dan tidak boleh kosong Teks dengan panjang maksimal 255 karakter dan tidak boleh kosong Teks dengan panjang maksimal 20 karakter dan tidak boleh kosong

Perintah MySQL untuk membuat tabel seperti diatas adalah:
SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

mysql> create table anggota ( -> nomor int(6) not null primary key, -> nama char(40) not null, -> email char(25) not null, -> alamat char(255) not null, -> kota char(20) not null); Query OK, 0 rows affected (0.33 sec) mysql> _

Sedangkan data yang akan diisikan dalam tabel anggota adalah sebagai berikut:
No
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

Nama
Wilujeng Handayani Remy Dianning Ratna Budi S. Avicenna Arya Bayu Yusuf Ari Mulyaningsih Latief Ajie Jam „Iyatul Khoir Sandra Paul Riza M. Nurullah

E-Mail
lulul@hotmail.com dian@plaza.com budi@astaga.com avis@yahoo.com bayu@astaga.com ucuf@yahoo.com ira@astaga.com latief@hotmail jie@yahoo.com jack_delphi@yahoo.com alex@hotmail.com paul@telkom.net iza@yahoo.com nurul@hotmail.com

Alamat
Jl. Janti Barat 60 Jl. Dermo 7 Jl. Probolinggo 78 Jl. Durian No. 10 Jl. Candi II/23 Jl. Rajawali 78 Jl. Lebani Waras 100 Jl. Pakis 172 Jl. Kali Utik 99 Jl. Agus Salim 33 Jl. Adelaide 22 Jl. Mertojoyo 88 Jl. Bunga Jl. Merak Pamekasan 4

Kota
Malang Malang Lamongan Malang Semarang Mojokerto Gresik Surabaya Surabaya Lamongan Malang Malang Jombang Madura

Untuk memasukkan sebuah baris (record) kedalam tabel MySQL adalah sebagai berikut:
insert into namatabel values(kolom1, kolom2, kolom3,…);

Contoh:
mysql> insert into anggota -> values('1','Wilujeng Handayani','lulu@hotmail.com','Jl. Janti Barat 60', -> 'Malang'); Query OK, 1 row affected (0.44 sec) mysql> _

14.c. Menampilkan Isi Table Isi tabel dapat ditampilkan dengan menggunakan perintah SELECT, cara penulisan perintah SELECT adalah:
select kolom from namatable;

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

 Untuk menghitung jumlah record pada tabel anggota select count(*) from anggota.com‟.d.com‟ select nama.  Untuk menampilkan kota dengan tidak menampikan kota yang sama pada tabel anggota select distinct kota from anggota.OPR.email from anggota where email like „%yahoo.A Mengoperasikan Bahasa Pemrograman Berbasis Web .  Untuk menampilkan semua kolom pada tabel anggota dengan urut nama select * from anggota order by nama.  Untuk menampilkan semua kolom pada tabel anggota yang berada pada kota „Surabaya‟ select * from anggota where kota=‟Surabaya‟.  Untuk menampilkan nama dan email yang mempunyai email di „yahoo.(3). 14. nama from anggota.  Untuk menampilkan kota pada tabel anggota select kota from anggota.  Untuk menampilkan semua kolom(field) pada tabel anggota select * from anggota. Menghapus Record SWR.304.Contoh:  Untuk menampilkan kolom (field) nomor dan nama pada tabel anggota select nomor.

14.OPR.(3). yaitu antara lain:  Fungsi mysql_connect() Fungsi ini digunakan untuk menghubungkan PHP dengan MySql. Contoh: Merubah e-mail dari anggota yang bernomor 2 menjadi „dian@hotmail. $password dapat disesuaikan sesuai dengan setting pada MySQL server yang ada.user.e.password) Isi dari variabel $host.  Fungsi mysql_select_db() Fungsi ini digunakan untuk memilih database yang akan digunakan. Sintaksnya adalah: mysql_select_db(namadatabase[.com‟. telah disediakan beberapa fungsi oleh PHP. Sintaksnya adalah: $koneksi=mysql_connect(host. Memodifikasi Record Untuk memodifikasi (merubah) isi record tertentu adalah dengan menggunakan perintah sebagai berikut: update namatabel set kolom1=nilaibaru1. Menghubungkan PHP dengan MySQL Untuk menghubungkan dengan MySQL. $username. 14. update anggota set email=‟dian@hotmail. kolom2=nilaibaru2 … where kriteria.A Mengoperasikan Bahasa Pemrograman Berbasis Web .koneksi]) Parameter koneksi boleh tidak dituliskan.  Fungsi mysql_query() SWR. Contoh: Menghapus record dari tabel anggota yang bernomor „3‟ delete from anggota where nomor=‟3‟.Untuk menghapus suatu record dengan kriteria tertentu digunakan perintah sebagai berikut: delete from namatabel where kriteria. Nama database dapat disesuaikan dengan setting pada MySql server yang ada. jika tidak dituliskan maka hubungan yang terakhir yang dianggap sebagai hubungan aktif.com‟ where nomor=‟2‟.304.f.

Sintaksnya adalah: $baris=mysql_fetch_assoc($sql)  Fungsi mysql_fetch_row() Kegunaannya hampir sama dengan mysql_fetch_array.(3).OPR. yang membedakan adalah array yang dihasilkan hanya array numeris.koneksi])  Fungsi mysql_fetch_array() Fungsi ini digunakan untuk mengambil record dalam database dan memasukkannya kedalam array assosiatif. array numeris atau keduanya.Digunakan untuk melakukan perintah query dalam sebuah database.304. Sintaksnya adalah: $jum_field=mysql_num_fields($sql)  Fungsi mysql_num_rows() Fungsi ini digunakan untuk menghitung jumlah record dalam database.php berikut: SWR. Sintaksnya adalah: $baris=mysql_fetch_array($sql)  Fungsi mysql_fetch_assoc() Kegunaannya hampir sama dengan mysql_fetch_array. Sintaksnya adalah: $baris=mysql_fetch_row($sql)  Fungsi mysql_num_fields() Fungsi ini digunakan untuk menghitung jumlah field dalam sebuah database. Sintaksnya sebagai berikut: $sql=mysql_query(perintah_sql[. Sintaksnya adalah: mysql_create_db(nama_database) Perhatikan contoh pada file contoh2_24. Sintaksnya adalah: $jum_row=mysql_num_rows($sql)  Fungsi mysql_close() Fungsi ini digunakan untuk memutus hubungan dengan sebuah database yang telah dilakukan. Sintaksnya adalah: mysql_close([koneksi])  Fungsi mysql_create_db() Fungsi ini digunakan untuk membuat database dengan script php. yang membedakan adalah array yang dihasilkan hanya array assosiatif.A Mengoperasikan Bahasa Pemrograman Berbasis Web .

} else echo ("Koneksi dg Server Database <b><u>GAGAL</b></u><br>"). $databasename="alamat".A Mengoperasikan Bahasa Pemrograman Berbasis Web . $databasename="alamat". $username="root"..OPR.$hub). $hub=open_connection(). $password="".304.php <html> <head> <title>.php").contoh2_24. } elseif ($tombol==0) { $mati=@mysql_close($koneksi).:: tes koneksi dengan server database::. echo ("Koneksi Server Database <b><u>Dimatikan</b></u><br>").</title> </head> <body> <font face=verdana size=2> <h3>Tes koneksi dg mysql database server. if ($db) echo "Database <b><u>$databasename</b></u> ditemukan". else echo "Database <b><u>$databasename</b></u> TIDAK ditemukan". $db=@mysql_select_db($databasename. if (isset($tombol)) { if ($tombol==1) { if ($hub) { echo ("Koneksi dg Server Database <b><u>SUKSES</b></u><br>"). SWR. } } ?> </body> </html> Agar script diatas dapat dijalankan. silahkan buat juga script koneksi.</h3><p> <form> <input type=radio name=tombol Value=1>Sambung <input type=radio name=tombol Value=0>Putus <br><br> <input type=submit Value=" OK "> </form> <? require("koneksi.(3)..php berikut ini: <?php function open_connection() { $host="localhost".

OPR. perhatikan contoh2_25 berikut ini.putus hubungan dengan database mysql_close($koneksi).(3). if ($koneksi) $db=@mysql_select_db ($databasename. // -----.b. echo("<tr><td bgcolor=#CCCCCC><b>No</b></td> <td bgcolor=#CCCCCC><b>Nama</b></td> <td bgcolor=#CCCCCC><b>E-Mail</b></td> <td bgcolor=#CCCCCC><b>Alamat</b></td> <td bgcolor=#CCCCCC><b>Kota</b></td></tr>").ambil isi masing-masing record while ($row = mysql_fetch_object ($result)) { SWR.hubungkan ke database $koneksi=open_connection(). contoh2_25. // ----.php require("koneksi.buat tampilan tabel echo("<table width=100% cellspacing=1 cellpadding=2 bgcolor=#000000>").jalankan perintah SQL $result = mysql_query ($sql) or die ("Terdapat kesalahan pada perintah SQL!"). return $koneksi.$koneksi=@mysql_connect ($host.:: Menampilkan Data::. Untuk menampilkan isi tabel anggota dari database alamat yang telah dibuat di sub bab 14.php <html> <head> <title>. maka hasilnya seperti gambar diatas.$username. // -----.menentukan nama tabel $tablename="anggota".php").$koneksi) or die ("Database <b>$databasename</b> Tidak Ditemukan"). // -----. } ?> Jika script diatas dijalankan dan koneksi dengan server database sukses dilaku-kan serta data-base alamat sudah dibuat.304. // -----.ambil isi dari file koneksi.A Mengoperasikan Bahasa Pemrograman Berbasis Web . // ----. $password).perintah SQL dimasukkan ke dalam variable string $sql="select * from $tablename". // ----.</title> </head> <body> <font face=arial size=2> <center><h3>DAFTAR ANGGOTA</h3></center> <?php // ----.

menampilkan di layar browser echo("<tr><td bgcolor=#FFFFFF>$nomor</td> <td bgcolor=#FFFFFF>$nama</td> <td bgcolor=#FFFFFF>$email</td> <td bgcolor=#FFFFFF>$alamat</td> <td bgcolor=#FFFFFF>$kota</td></tr>"). $kota=$row->kota.304.html <html> <head> <title>.// ----.A Mengoperasikan Bahasa Pemrograman Berbasis Web . ?> </body> </html> Hasil dari script tersebut adalah: Untuk menambahkan data pada tabel anggota.php method=POST> SWR. } echo("</table>").mengambil isi setiap kolom $nomor=$row->nomor. $alamat=$row->alamat. perhatikan contoh pada contoh2_26. $nama=$row->nama.:: Tambah Anggota::. $email=$row->email.</title> </head> <body bgcolor="#FFFFFF"> <form action=simpan_anggota.(3). // -----.html berikut ini: contoh2_26.OPR.

304.OPR.:: Simpan Data::.(3). jangan lupa untuk membuat juga script simpan_anggota.php <html> <head> <title>.</title> </head> SWR.A Mengoperasikan Bahasa Pemrograman Berbasis Web .<font face=verdana size=2 color="#000000"> <h3 align=left> TAMBAH DATA ANGGOTA </h3> </font> <table border=0> <tr> <td width=15%>Nama</td> <td width=3%>: </td> <td width=82%><input type=text name=nama size=15></td> </tr> <tr> <td width=15%>Email</td> <td width=3%>: </td> <td width=82%><input type=text name=email size=25></td> </tr> <tr> <td width=15%>Alamat</td> <td width=3%>: </td> <td width=82%><input type=text name=alamat size=50></td> </tr> <tr> <td width=15%>Kota</td> <td width=3%>: </td> <td width=82%><input type=text name=kota size=12></td> </tr> <tr> <td width=15% colspan=3 align=center> <hr></td> </tr> <tr> <td colspan=3 align=right> <input type=submit value="Simpan"> <input type=reset value="Reset"> </td> </tr> </table> </form> </body> </html> Sebelum script diatas dijalankan.

// -----. ?> <center> | <a href=contoh2_25.ambil isi dari file koneksi.jalankan perintah SQL untuk memasukkan data ke tabel anggota $hasil =@mysql_query ($sql2) or die ("Terdapat kesalahan pada perintah SQL!"). // -----.php require("koneksi.'$email'. // ----.OPR.alamat.'$kota')".304.(3).email. // ----.="'$nama'.html>Kembali</a> | </body> </html> 15.kota) values ('$nomor'. // ----.nama.hubungkan ke database $koneksi=open_connection(). $hasil =@mysql_query ($sql1) or die ("Terdapat kesalahan pada perintah SQL!").putus hubungan dengan database mysql_close($koneksi).php").". $sql2.perintah SQL untuk memasukkan data ke tabel anggota $sql2="insert into $tablename(nomor.php target=_blank>Lihat Data</a> | <a href=contoh2_26. Autentifikasi Menggunakan Session Session digunakan untuk menyimpan atau mencatat variabel yang sama ke halaman yang lain.<body> <font face=arial size=2> <center><h5>DATA BERHASIL DITAMBAHKAN KE TABEL ANGGOTA</h5></center> <hr> <?php // ----. Setiap pengunjung akan diperiksa terlebih dahulu SWR. // ----.'$alamat'.A Mengoperasikan Bahasa Pemrograman Berbasis Web .menentukan nama tabel $tablename="anggota".menghitung jumlah record $sql1="select * from $tablename". Session biasanya dipakai untuk aplikasi-aplikasi yang memerlukan keamanaan. $jml=@mysql_num_rows($hasil). $nomor=$jml+1.

15. Dan untuk mengakhiri session menggunakan perintah session_destroy(). Sintaksnya adalah sebagai berikut: session_destroy() 15. Terdapat banyak fungsi yang berhubungan dengan session.c. Sintaksnya adalah sebagai berikut: session_name([nama]) Jika argumen nama tidak disertakan. Fungsi session_id() Digunakan untuk mengambil atau menentukan identitas sebuah session. Fungsi session_name() Digunakan untuk mengambil atau menentukan nama sebuah session.f. Untuk memulai session perintah yang digunakan adalah session_start(). Sintaksnya adalah sebagai berikut: session_save_path([path]) 15. yaitu: 15. Fungsi session_start() Berfungsi untuk memulai session. Fungsi session_destroy() Berfungsi untuk mengakhiri session.d. maka fungsi ini digunakan untuk mengambil nama sebuah session dan jika tidak disertakan digunakan untuk memberi nama pada session.e. Sintaksnya adalah sebagai berikut: SWR.304. Fungsi session_module_name() Digunakan untuk mengambil atau menentukan nama sebuah modul session. maka halaman yang diminta pengunjung tidak dapat ditampilkan. Sintaksnya adalah sebagai berikut: session_start() 15. fungsi ini digunakan untuk mengambil nama sebuah modul session dan jika tidak disertakan digunakan untuk memberi nama pada modul session. Jika tidak berhak. Sintaksnya adalah sebagai berikut: session_module_name([modul]) Jika argumen modul tidak disertakan.(3).b.A Mengoperasikan Bahasa Pemrograman Berbasis Web . 15.a. Fungsi session_save_path() Digunakan untuk mengambil atau menentukan path dari direktori yang digunakan untuk menyimpan data-data sebuah session.sebelum dapat mengakses sebuah halaman web.OPR.

Yang perlu dbuat pertama kali adalah file admin.j.OPR. Contoh Penggunaan Untuk memahami session. Sintaksnya adalah sebagai berikut: session_unregister(namavar) 15.html <html> <head> <title>. Sintaksnya adalah sebagai berikut: session_isregistered(namavar) Argumen namavar berupa string yang merujuk nama variabel (tanpa tanda $ didepannya). kita akan latihan membuat session dengan aplikasi login..:: Login Administrator::.. File admin.html. Fungsi session_unregister() Digunakan untuk menghilangkan sebuah variabel dari sebuah session.session_id([id]) 15. Fungsi session_register() Digunakan untuk mendaftarkan variabel ke dalam sebuah session.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Sintaksnya adalah sebagai berikut: session_register([namavar1[. 15.(3). namavar2 dan seterusnya berupa string yang menampung nama variabel (tanpa tanda $ didepannya).namavar2. Sintaksnya adalah sebagai berikut: session_unset() 15. Fungsi session_unset() Digunakan untuk menghilangkan nilai semua variabel yang ada dalam sebuah session.</title></head> <body bgcolor="#FFFFFF"> <form name="form1" action=login. 15. Fungsi session_is_registered() Digunakan untuk memeriksa apakah sebuah variabel telah didaftarkan pada sebuah session.304.g.h.k.i.php method=POST> <table width="62%" border=1 align=center cellpadding=0 cellspacing=0 bgcolor=#ffffff bordercolor=purple> <td> <table width="100%" border=0 align=center cellpadding=1 cellspacing=1 bgcolor=#ffffff > <tr bgcolor=magenta> <td colspan=2><div align=center><strong>Login Admin</strong></div></td> </tr> <tr bgcolor=#ffffff> <td width=31%>User ID</td> <td width=69%><input type=text name=user id=admin size=25 SWR.]) Argumen namavar1. namun session tersebut tetap ada.

OPR. elseif ($user=="jack" & $password=="onlyme") { $master=$user. ?> File halaman_utama.(3).php <? session_start().php").A Mengoperasikan Bahasa Pemrograman Berbasis Web .php <? session_start(). ?> <html> <head> <title>.</title> </head> <body> <font face=tahoma size=2> SWR. exit(). elseif (empty($password)) echo "Password Belum Di Isi". } else echo "Anda Tidak Terdaftar".maxlength=25></td> </tr> <tr bgcolor=#ffffff> <td width=31%>Password</td> <td width=69%><input type=password name=password id=pass size=25 maxlength=25></td> </tr> <tr> <td width=15% colspan=2 align=center><hr></td> </tr> <tr> <td colspan=2 align=right><input type=submit value="Login"> <input type=reset value="Reset"></td> </tr> </table> </td> </table> </form> </body> </html> Script akan tersebut tampak jika seperti dijalankan gambar disamping Selanjutnya buat file berikut: File login. if (empty($user)) echo "Nama User Belum Di Isi".304. session_register("master"). header("location:halaman_utama.:: Halaman Utama::.

. echo "| <a href=hal1.php>logout</a> |". echo "<h3>PAGE 1</h3>". echo "| <a href=hal2. echo "<hr>". </h3>".. } ?> </body> </html> File hal1.php <? session_start(). ?> <html> <head> <title>.304.:: Halaman 2::. </b><br>". else { echo "Welcome <b> $master . </h3>".php> logout</a> |".<? if(!session_is_registered("master")) echo "<h3>Akses Ditolak.. File hal2..OPR. echo "Nama User <b><u>$master</b></u>". echo "| <a href=logout.:: Halaman 1::.. ?> <html> <head> <title>.A Mengoperasikan Bahasa Pemrograman Berbasis Web . </title></head> <body> <font face=tahoma size=2> <? if(!session_is_registered ("master")) echo "<h3>Akses Ditolak.php> PAGE 1</a>". </title></head> <body> <font face=tahoma size=2> SWR. echo "<p align=right> } ?> </body> </html> | <a href=logout..(3). else { echo "<font face= tahoma size=2>".php <? session_start(). echo "<h3>HALAMAN ADMINISTRATOR</h3>".php> PAGE 2</a>". echo "<hr>".

File hal2.304.<? } ?> </body> </html> if(!session_is_registered ("master")) echo "<h3>Akses Ditolak.  Dalam PHP mengenal lima macam tipe data yaitu: integer. echo "<hr>". echo "<p align=right> | <a href=logout. echo "<h3>PAGE 2</h3>".html"). Require dan Include.php <? session_start().. d.OPR. float.  Bahasa program PHP dan Database MySQL lebih fleksibel karena dapat diakses oleh sistem operasi Windows maupun Linux. Rangkuman 2  Bahasa pemrograman PHP terbukti sangat handal dalam membangun sebuah program berbasis web  Waktu yang digunakan untuk memproses data dan menjalankan perintahperintah query sangat cepat  Dengan berjalan dalam sebuah web server.(3).php>logout</a> |".  Bahasa program PHP dan MySQL adalah open source sehingga kita tidak perlu mengeluarkan biaya tambahan untuk membeli software tersebut. </h3>".A Mengoperasikan Bahasa Pemrograman Berbasis Web . string. Counter yang kita buat ini adalah untuk menghitung berapa kali suatu halaman situs web telah SWR. For. While. array dan objek. Switch. ?> c.echo "Nama User <b><u>$master</b></u>".  Variable dalam PHP tidak perlu di-deklarasikan terlebih dahulu sebelum digunakan. maka secara otomatis program ini bersifat multiuser  Database MySQL menyimpan data didalam direktori khusus yang terpisah dari file program PHP sehingga keamanan data lebih terjamin  Web server dan database server terpisah sehingga menyulitkan pihak luar untuk mengakses data yang terdapat didalam database. Buatlah aplikasi web dengan program PHP untuk menghitung jumlah pengunjung yang telah mengunjungi halaman web kita. else { echo "<font face= tahoma size=2>".. session_destroy(). Tugas 1. header("location:admin.  Struktur kontrol/kendali dalam php meliputi: statement IF.

Tampilkan nilainya di layar browser c.A Reset Mengoperasikan Bahasa Pemrograman Berbasis Web .304.  Buat halaman pendaftaran yang didalamnya terdapat Form Pendaftaran User Baru seperti gambar berikut: PENDAFTARAN ANGGOTA User Name Password Nama Alamat E-mail Level  Administrator  User Biasa Simpan SWR. Field-field tabel tersebut terdiri dari username. Halaman yang dikunjungi berdasarkan level adalah maka user. Simpan nilainya yang baru di file e. b. Selesai 2. digunakan untuk pendaftaran user baru bagi yang belum terdaftar.ditampilkan. Tombol Login untuk masuk ke halaman berikutnya jika user sudah terdaftar.OPR. Untuk itu membuat aplikasi tersebut anda harus mengikuti aturan-aturan sebagai berikut:  Buat database dan tabel. jika user yang User Name Password Daftar Login administrator halaman LOGIN dibuka adalah halaman administrator jika user name adalah user biasa maka yang dibuka adalah halaman user biasa. Untuk menyederhanakannya maka counter ditampilkan dalam bentuk teks bukan grafik.  Buat halaman Login seperti gambar dibawah ini. nama. password.(3). Buatlah aplikasi pendaftaran/registrasi agar pengunjung mendapatkan hak untuk memasuki halaman web yang kita buat. Tambahkan nilainya dengan 1 d. yaitu user biasa dan administrator. alamat. Bila suatu halaman web ditampilkan maka terlebih dulu dibaca isi file tertentu dan dibaca nilainya. Untuk level dibedakan menjadi dua. Algoritma: a. email dan level. Sedangkan tombol daftar.

 Setelah sukses melakukan pendaftaran, user dapat melakukan login sesuai dengan level user masing-masing. Untuk halaman administrator terdapat menu Lihat Data, Tambah Data, Edit Data, Hapus Data dan Ganti Password. Sedangkan untuk halaman user biasa terdapat menu Edit Data (miliknya sendiri) dan Ganti Password.  Semua halaman yang dibuat di autentifikasi menggunakan session. 3. Buatlah buku tamu (guestbook) dengan langkah-langkah pembuatan buku tamu sebagai berikut: a. Membuat table MySQL yang akan menyimpan isi buku tamu b. Membuat form pengisian buku tamu c. Membuat program untuk menerima masukan data dari form yang telah kita buat sebelumnya d. Membuat program untuk menampilkan isi buku tamu.

e. Tes Formatif 2
1. Apa yang anda ketahui dengan Variable dan Konstanta ?. 2. Sebutkan macam-macam statement kendali dan apa fungsinya ? 3. Buatlah program untuk menghitung faktorial. Dengan algoritma sebagai berikut:  Membuat form dengan menggunakan tag FORM pada HTML. Dengan data yang dimasukkan adalah nilai faktorial yang dicari. Misal seperti gambar berikut:

 Data yang dimasukkan disimpan dalam variable dan dikirimkan ke sebuah file PHP lain yang fungsinya untuk menerima variable yang dikirimkan oleh form. Kemudian variable tersebut diproses dengan rumus berikut ini:
Faktorial n!= 1*2*3*...*n+1

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

 Hasil dari perhitungan tersebut kemudian ditampilkan dalam form yang lain, seperti pada gambar berikut:

 Gunakan statement perulangan untuk mengerjakan tugas diatas.  Selesai

f. Kunci Jawaban Formatif
 Variable digunakan untuk menyimpan data sementara dan nilainya bisa berubah-ubah setiap kali program dijalankan. Dalam PHP, variable diawali dengan $ dan diikuti dengan nama variablenya. Konstanta adalah variable yang nilainya tetap.  Statement kendali terdiri dari:    Statement IF, digunakan untuk melakukan eksekusi suatu statement secara bersyarat. Statement WHILE, digunakan untuk melakukan perulangan dalam sebuah statement sampai kondisi tertentu terpenuhi. Statement FOR, digunakan untuk mengulangi sejumlah blok statement sampai jumlah atau kondisi terpenuhi. Fungsinya sama dengan statement while. Bedanya, dalam statement for jumlah perulangan sudah diketahui diawal dan harus dituliskan nilai awal dan nilai akhir dari variabel penghitung.  Statement SWITCH, digunakan untuk membandingkan suatu variable dengan beberapa nilai serta menjalankan statement tertentu jika nilai variable sama dengan nilai yang dibandingkan.   Statement REQUIRE, digunakan untuk membaca nilai variable dan fungsifungsi dari sebuah file lain. Statement INCLUDE, digunakan untuk menyertakan isi suatu file tertentu.

 Program untuk menghitung faktorial adalah:
SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

File faktorial.php
<html> <head> <title>::: Program Faktorial:::</title> </head> <body> <center> <table border=1 width=400> <tr> <td><font face=tahoma size=2><h3><u><center><br> Mencari Faktorial</u></h3> <form action=faktor.php method=post> Masukkan Nilai Faktorial:<br> <input type=text name=a size=10><p> <input type=submit value="Hitung"> </form> <br> </td> </tr> </table> </body> </html>

File hasil.php
<html> <head>

<title>::: Program Faktorial:::</title> </head> <body> <center> <table border=1 width=400> <tr> <td><font face=tahoma size=2> <h3><u> <center> <br>Mencari Faktorial</u></h3> <form action=faktorial.php method=post> <? $c=1; if ($a<1) { $a=0; $c=0; }; echo "Faktorial $a adalah: "; for ($b=1;$b<$a+1;$b++) { $c=$c*$b; } echo("= $c"); ?> <p> <input type=submit value="Hitung Lagi"> </form> <br> </td> </table> </body> </html>

g. Lembar Kerja 2

SWR.OPR.304.(3).A

Mengoperasikan Bahasa Pemrograman Berbasis Web

segera tanyakan denga instruktur. SWR. d. Jangan meletakkan benda yang dapat mengeluarkan medan elektromagnetik di dekat komputer (magnet. Berdo‟alah sebelum memulai kegiatan belajar. Apache Web Server d. dan sebagainya). editor notepad dan web browser Internet Explorer. c. semua kabel penghubung terhubung dengan benar. Gunakanlah komputer sesuai fungsinya dengan hati-hati. Pastikan komputer dalam keadaan baik. Nyalakan PC dan jalankan program web server.A Mengoperasikan Bahasa Pemrograman Berbasis Web . Periksa semua kabel penghubung pada PC. b. Bacalah dan pahami petunjuk praktikum pada setiap lembar kegiatan belajar. PC (Personal Computer) yang telah dilengkapi dengan web browser. Apabila menemui kesulitan dalam memahami materi yang ada. e. Editor Teks NotePad c. e. jangan bermain game. Setelah selesai. Program MySQL Kesehatan dan Keselamatan Kerja a.OPR.304. matikan komputer dan rapikan seperti semula. f. matikan komputer sesuai prosedur yang aman! Langkah Kerja a. c.(3).Alat dan Bahan a. MySQL. f. Kerjakan Tes Formatif 2 di atas. Program PHP e. d. b. Siapkanlah semua peralatan yang akan digunakan! b. Setelah selesai. handphone. PHP.

antara lain: ASP. fasilitas dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun pembangunan situs web. Uraian Materi 3 1. Untuk dapat mengoperasikan Macromedia Dreamweaver. CSS dan XML disamping keunggulan-keunggulan lainnya dibandingkan dengan software web design yang lain.NET. Tujuan Kegiatan Pemelajaran Setelah melaksanakan kegiatan pemelajaran 1 diharapkan peserta diklat dapat mengenal berbagai macam software web design dengan kekurangan dan kelebihannya masing-masing. JSP. maka perlu dilakukan proses instalasi. user akan diberikan pilihan Workspace Setup. Di sini 117 . baik yang bersifat statis maupun dinamis. JavaScript. Workspace Setup berfungsi untuk menentukan workspace yang akan kita pakai selanjutnya. Terlebih dahulu harus dipersiapkan file instalasinya dan diikuti dengan proses instalasi sesuai dengan installation manual yang ada. PHP. ASP. Mengenal Macromedia Dreamweaver MX Macromedia Dreamweaver yang merupakan salah satu software web design terpopuler dipilih sebagai software web design yang akan digunakan dalam proses pemelajaran dalam modul ini.3. Setiap software web design itu menawarkan berbagai macam fitur unggulannya masing-masing. Macromedia Dreamweaver. Software web design terpopuler yang ada saat ini antara lain: Adobe Image Ready. Kegiatan Belajar 3: Mengenal Software Web Design. Saat ini Macromedia Dreamweaver telah sampai pada versi 2004 yang lebih sering disebut dengan Macromedia Dreamweaver MX 2004. 2. Dreamweaver menjadi software utama yang digunakan oleh web designer dan web programmer guna mengembangkan situs web. 3. b. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap. Apabila belum ada Macromedia Dreamweaver yang terinstal. CFM. apakah Workspace Dreamweaver MX apakah Workspace Dreamweaver 4. Macromedia Dreamweaver dipilih karena kompatibilitas dan dukungannya terhadap berbagai bahasa pemrograman web. terlebih dahulu harus dipastikan sudah terinstal di komputer praktikum. Ruang kerja. Macromedia Fireworks. Microsoft Frontpage dan lain sebagainya. Saat ini terdapat berbagai macam software web design yang dikeluarkan oleh vendor yang berbeda-beda. Workspace Dreamweaver MX Pertama kali dijalankan setelah proses instalasi selesai. jalankan dengan klik 2 kali pada ikon yang terdapat di desktop atau dapat juga dilakukan melalui Start Menu. Setelah Macromedia Dreamweaver terinstal. a. Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web.

Insert bar. Window dan Panel Dreamweaver MX Keterangan Gambar: 1. memuat tombol-tombol yang berfungsi untuk memasukkan/menyisipkan berbagai jenis obyek seperti gambar. kita dapat merubahnya melalui Menu  Edit  Preferences. apabila dikemudian hari kita ingin menggunakan workspace Dreamweaver 4. tabel dan layer ke dalam suatu dokumen. Tag Selector.kita gunakan Workspace Dreamweaver MX. Document Toolbar. Window Dreamweaver MX ini dibagi menjadi 7 bagian. yaitu: Insert Bar. Property Inspector dan Files Panel. 118 . Document Window. Setiap obyek yang dimasukkan dengan meng-klik tombol insert pada insert bar ini adalah seperti halnya memasukkan potongan tag HTML ke dalam halaman yang sedang dibuat. Gambar 1. Workspace Setup Workspace Dreamweaver MX tersebut memiliki tampilan window seperti pada gambar 2. Gambar 2. Panel Groups.

adalah pembuatan halaman web yang didalamnya mengandung unsur bahasa pemrograman disamping tetap menggunakan tag-tag HTML. 2. Tugas 3 1. Tes Formatif 3 1. 3. yang dikelompokkan di bawah satu judul. 6. sesuai dengan jiwa seni si pemakai. merupakan kumpulan panel yang saling berkaitan satu sama lain. Sebutkan beberapa software web design yang anda ketahui! f. Workspace Dreamweaver MX ini memberikan kesatuan tampilan antara menu utama. Tag selector. e. 7. Apa yang anda ketahui tentang pemrograman web? 3. digunakan untuk melihat dan mengubah berbagai property obyek atau teks. 4. Cari dan pelajari sumber bacaan atau buku refensi yang menjelaskan secara detail tentang pengenalan tool-tool dalam Macromedia Dreamweaver MX . Rangkuman 3 Macromedia Dreamweaver yang telah sampai pada versi 2004 (MX) merupakan software web design yang telah memiliki banyak dukungan terhadap banyak bahasa pemrograman web.2. berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang aktif pada Design View. memungkinkan pengaturan file-file atau direktori kerja. panel. property inspector serta toolbar. Panel groups. berisi tombol dan menu pop-up yang menyediakan tampilan yang berbeda-beda dari Document Window. Document toolbar. Document window. c. Pelajarilah setiap fungsi dari panel-panel dalam window Dreamweaver MX! 2. baik yang bersifat statis maupun 119 . Panelpanel pada window Dreamweaver MX memiliki peran masing-masing dalam membangun sebuah halaman web yang cantik. Pemrograman web. 5. Files panel. Apakah yang anda ketahui tentang software web design? 2. Biasanya pemrograman web bertujuan untuk membangun web-web dinamis. d. Property inspector. perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web. Software dinamis. Kunci Jawaban Formatif 3 1. web design . berfungsi untuk menampilkan dokumen di mana anda sekarang bekerja.

laporkan hasil kerja Anda kepada instruktur. Siapkanlah semua peralatan yang dibutuhkan! 2. amati dan catat bagian-bagian pada window Dreamweaver MX. Bacalah dan pahami petunjuk praktikum pada setiap lembar kegiatan belajar. 6. Nyalakan komputer dan pastikan komputer tersebut telah terkoneksi internet dengan baik . Setelah selesai. Pastikan PC yang anda pakai sudah memiliki software web design. Kesehatan dan Keselamatan Kerja 1. 120 . 7. 2. matikan komputer sesuai prosedur! Langkah Kerja 1. Jalankan Macromedia Dreamweaver MX. Macromedia Dreamweaver. tanyakan pada instruktur. Software web design: Microsoft Frontpage. jika belum lakukanlah instalasi software yang dibutuhkan. Pastikan komputer dalam keadaan baik. Macromedia Fireworks. 3. Setelah selesai. 4. Namo Web editor dan lain – lain. yaitu: Macromedia Dreamweaver MX .3. 5. Setelah diteliti matikan komputer dan rapikan seperti semula. g. Berdo‟alah sebelum memulai kegiatan belajar. Jika mengalami kesulitan. semua kabel penghubung terhubung dengan benar. Adobe ImageReady. Lembar Kerja 3 Alat dan Bahan Personal Computer (PC). Periksa semua kabel penghubung pada komputer. 3. 4.

serta menentukan model dan skema data base (terdiri dari tabel dan field apa saja. Data Jurusan 6. Sebutkan macam-macam statement kendali dan apa fungsinya ? B. Data-data yang dapat dimasukkan dan diubah oleh administrator adalah: 1. Data Orang Tua/Wali Siswa 5. Apa yang anda ketahui dengan Variable dan Konstanta ?. Ketentuan minimal dari program yang akan anda buat adalah bahwa program anda nantinya minimal akan dibuka/diakses oleh Administrator. Data Siswa 4. Sebelum membuat halaman web tersebut terlebih dahulu anda harus merencanakan disain dan layout halaman web. 7.BAB III EVALUASI A. Apa perbedaan frame dan frameset? 4. Data Tempuh 9. Data Guru/Karyawan 3. Setelah proyek anda selesai. form dan frame dalam pembuatan web? 3. Siswa dan Orang Tua/wali Siswa. Apakah fungsi dari link. Jelaskan masing-masing fungsi dari tag-tag berikut: a. Web yang anda buat digunakan untuk mengelola Sistem Administrasi Siswa sekolah anda. Apakah fungsi dari tombol Submit dan Reset? 6. <h1> b. relasi dan query-nya). Data Pelajaran 8. Tes Praktek Buatlah halaman web dengan content yang lengkap. silahkan membuat laporan dan serahkan ke guru pembimbing anda masing-masing.  Administrator Memiliki hak akses tertinggi dalam program tersebut. <p> c. Tes Tulis Jawablah pertanyaan berikut ini dengan singkat dan jelas! 1. <br> d. Apa perbedaan checkbox dan radio button? 5. Data Profile Sekolah 2. struktur data dan algoritma program. Data Kelas 7. Guru/karyawan. <hr> 2. Data Absensi 121 .

namun dengan radio button. pengunjung halaman web dapat memilih beberapa dari daftar pilihan. Perbedaanya terletak pada jumlah pilihan yang dapat dipilih. Ubah Passwordnya sendiri  Siswa User siswa hanya memiliki hak akses untuk melihat nilai dan absensinya sendiri. Frame. pengunjung hanya berhak menentukan satu pilihan saja. Data Nilai Siswa 11. Dan dapat merubah password miliknya sendiri.  Orang Tua/wali Siswa User Orang Tua/Wali memiliki hak akses untuk melihat nilai dan absensi putranya. 3. 5. digunakan untuk mengumpulkan informasi dari pengunjung (berinteraksi dengan pengunjung) karena form dapat berupa model isian yang harus diisi pengunjung dan akan dibca oleh pemilik web. silahkan dilengkapi sebagus mungkin. Silahkan melakukan studi kasus di sekolah anda sendiri atau di sekolah lain untuk membantu anda dalam melengkapi content halaman web dan untuk menentukan field-field dari tabel yang diperlukan. merupakan pembagi halaman. <h1> : digunakan untuk mengatur ukuran huruf pada header dengan angka 1 berarti mempunyai ukuran paling besar. Sedangkan frameset. adalah suatu frame yang dapat menampung beberapa frame lain di dalamnya dan dapat memiliki beberapa frameset yang lainnya. Data User  Guru/karyawan Untuk user guru. Kunci Jawaban Tes Tulis 1. Pada checkbox. dapat berupa teks maupun gambar. Checkbox dan radio button memiliki fungsi yang sama yaitu untuk menentukan pilihan dari suatu daftar pilihan. Form. Frame adalah dokumen yang terdapat di dalam frameset dengan border yang mengelilinginya. 122 . data yang dapat dimasukkan dan diubah adalah: 1. d. b. Dan tombol reset berfungsi untuk mengosongkan dan atau mengembalikan ke nilai default data yang ada dalam form. Ketentuan diatas adalah ketentuan minimal. C. Fungsi dari tag: a. Link. untuk melompat dari satu dokumen ke dokumen atau tempat yang lain. <p> : digunakan untuk berpindah alinea atau membuat paragraf baru c. <hr> : digunakan untuk membuat garis horisontal 2. Data Nilai untuk mata pelajaran yang diajar 2. 4.10. Tombol submit berfungsi untuk mengirimkan data yang telah dimasukkan dalam form untuk selanjutnya diolah oleh server. <br> : Digunakan untuk pindah baris baru. Dan dapat merubah password milik siswa tersebut.

digunakan untuk melakukan eksekusi suatu statement secara bersyarat. variable diawali dengan $ dan diikuti dengan nama variablenya. Statement FOR.6. d. Statement kendali terdiri dari: a. digunakan untuk membandingkan suatu variable dengan beberapa nilai serta menjalankan statement tertentu jika nilai variable sama dengan nilai yang dibandingkan. Statement WHILE. dalam statement for jumlah perulangan sudah diketahui diawal dan harus dituliskan nilai awal dan nilai akhir dari variabel penghitung. digunakan untuk mengulangi sejumlah blok statement sampai jumlah atau kondisi terpenuhi. Dalam PHP. Fungsinya sama dengan statement while. e. 123 . Statement INCLUDE. Konstanta adalah variable yang nilainya tetap. 7. digunakan untuk menyertakan isi suatu file tertentu. digunakan untuk membaca nilai variable dan fungsi-fungsi dari sebuah file lain. Statement SWITCH. Variable digunakan untuk menyimpan data sementara dan nilainya bisa berubah-ubah setiap kali program dijalankan. Statement IF. c. b. Bedanya. f. digunakan untuk melakukan perulangan dalam sebuah statement sampai kondisi tertentu terpenuhi. Statement REQUIRE.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->