bab ii landasan teori

BAB II
LANDASAN TEORI
2.1 Arti Internet
“International Networking, yang dapat disingkat dengan kata Internet,
merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan
komputer hingga meliputi jutaan komputer di dunia (Internasional) yang saling
berinteraksi dan bertukar informasi, sedangkan dari segi ilmu pengetahuan, internet
merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan
milyaran) informasi atau data yang dapat berupa text, graphic, audio maupun animasi
dan lain-lain dalam bentuk elektronik” [Memahami Kerja Internet, 2004, h: 22].
Orang bisa “berkunjung” keperpustakaan tersebut kapan saja dan dari mana saja, dari
segi komunikasi, internet adalah sarana yang sangat efisien dan efektif untuk
melakukan pertukaran informasi jarak jauh maupun didalam lingkungan perkantoran.
Permulaannya internet merupakan suatu jaringan komputer yang dibentuk
oleh
Departemen
pertahanan
Amerika
di
awal
60-an,
dimana
mereka
mendemonstrasikan bagaimana dengan hardware dan software komputer yang
berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga
melalui saluran telepon.
Awalnya internet dikenal sebagai suatu wadah bagi para peneliti untuk saling
bertukar informasi yang kemudian dimanfaatkan oleh perusahaan-perusahaan
komersil sebagai sarana bisnis, saat ini pengguna internet tersebar diseluruh dunia.
2.2 Arti Aplikasi
“Aplikasi adalah program komputer yang dibuat untuk menolong manusia
melaksanakan tugas tertentu” [Kamus komputer, 1996, h : 20].
5
6
2.3 Definisi Informasi
“Informasi adalah rangkaian data yang mempunyai sifat sementara,
tergantung dengan waktu mampu memberi kejutan atau surprise pada yang
menerimanya. Intensitas dan lamanya kejutan dari informasi disebut “nilai
informasi”, informasi yang tidak mempunyai nilai biasanya karena rangkaian data
yang tidak lengkap atau kadaluarsa” [Memahami Sistem Informasi, 2004, h: 16].
Karakteristik dari informasi adalah menerima informasi mengalami perubahan
dari kondisi (state) belum mengetahui menjadi kondisi (state) pengetahuan,
perubahan ini mengandung unsur tidak berdaya. Informasi yang benar dan baru dapat
mengkoreksi dan mengkonfirmasi informasi sebelumnya. Informasi dapat juga
dikatakan sebagai data yang telah diproses yang mempunyai nilai tentang tindakan
atau keputusan.
Manfaat informasi adalah untuk mengurangi ketidakpastian, hal ini sangat
berguna untuk proses pengambilan keputusan.
2.4 Situs Web (Website)
“Sebuah situs web adalah kumpulan file-file, atau dokumen-dokumen dan
gambar yang telah dibuat oleh seseorang untuk digunakan secara umum di internet”
[Memahami Kerja Internet, 2004, h: 46]. Satu jalan untuk melompat melalui ruang
siber (cyberspace) dari www adalah mengklik dari hyperlink. Sebuah hyperlink
adalah teks kata-kata atau gambar yang berisi alamat dari suatu situs dari web. Jika
hyperlink berupa teks biasanya bergaris bawah dan berbeda warna. Teksnya bukan
menunjukan alamat yang nyata.
2.5 URL
“URL adalah kependekan dari Uniform Resource Locators artinya adalah
sebuah alamat didalam internet yang terdiri atas dua bagian” [Memahami Kerja
Internet, 2004, h: 46]. Tiap bagian dari URL berarti sebagai berikut : http
7
menunjukan situs tersebut adalah bagian dari www yang menggunakan format html.
Jika bagian sebelum dobel slash adalah ftp berarti situs tersebut merupakan salah satu
yang menggunakan protokol FTP; ftp pada dasarnya menunjukan daftar dalam bentuk
teks standar dari file-file yang bisa di download.
Bentuk umum pada penulisan URL (Uniform Resource Locators) diantaranya sebagai
berikut : Metoda://nama_file[:nomor_port] sedangkan jenis metoda yang lazim
digunakan :
1. URL File
2. URL HTTP
3. URL Ghoper
4. URL News
2.6 WWW
“WWW adalah kependekan dari World Wide Web, atau lebih dikenal dengan
nama Web. Web adalah sebuah layanan yang didapat oleh pemakai komputer apabila
komputernya tersambung dengan internet” [Mudah Tepat Singkat Pemrograman
HTML, 2004, h: 15]. Dengan Web pengguna komputer diseluruh penjuru dunia dapat
saling berinteraksi dengan pengguna internet lainnya tanpa harus berinjak dari tempat
dimana internet tersebut dapat diakses. Dengan mengakses internet, para pengguna
jasa layanan internet dapat dengan mudah memperoleh informasi yang diinginkan,
bahkan dapat menyimpan program, atau gambar yang ditampilkan dari media
internet.
Web merupakan suatu ruangan yang dapat menampung informasi dalam
jaringan internet pada sebuah browser, dengan menambahkan kemampuan untuk
mengolah kode-kode tertentu yang secara umum dinamakan tag-tag (delimiter) dan
kemampuan untuk dapat meloncat (link) dari halaman satu ke halaman yang lainnya.
Kemudian dari kemampuan dari browser tersebut ditingkatkan sampai dengan
pengolahan
sebuah
gambar,
suara,
animasi,
bahkan
kemampuan
dalam
pengolahansebuah database dari sebuah aplikasi barbasis web dengan bahasa
8
pemograman atau script yang dapat dijalankan oleh internet/intranet, seperti ASP,
PHP, dan Jscript.
Cara Kerja WWW
Gambar di bawah ini adalah skema atau bagan yang menggambarkan cara
kerja dari WWW
Web Browser
HTTPS
HTTP “Get” GP.htm
URL
http//../Gp.htm
Web Browser
Computer
HTTP
“Replay”
Internet
Web Browser
URL
http//../Gp.htm
Web Browser
Temp File or
Welcome
Hardisk
<HTML>
<h1>welcome
</h1>
</HTML>
<HTML>
<h1>welcome
</h1>
</HTML>
Gambar 2.1 Skema WWW
Penjelasan :
Pada skema WWW tersebut, diilustrasikan bagaimana konsep dari WWW itu
bekerja.
1.
Pertama, informasi-informasi yang dibuat disimpan dalam sebuah dokumen web
page pada sebuah tempat penyimpanan , yaitu hardisk.
2.
Dokumen web yang disimpan dalam sebuah hardisk pada sebuah komputer dapat
disebut dengan web server apabila komputer yang dimaksud telah dilengkapi
dengan web Server seperti IIS, PWS, atau Apache Server. Dalam hal ini
9
komputer bertugas sebagai Server sekaligus menyimpan informasi “replay” pada
komputer Server.
3.
Komputer yang bertugas sebagai Client Web Client membaca informasi yang
terdapat pada web pages melalui sebuah jaringan internet/intranet dengan
mengambil “Get” informasi yang tersimpan pada komputer yang bertugas
sebagai Server.
4
Komputer Client menampilkan halaman web dengan menggunakan sebuah
program khusus , yaitu browser. Ada beberapa browser yang sering digunakan
oleh para pengguna internet, diantaranya adalahInternet Explorer, Netscape
Navigator, dan Mozzila. Yang disebut terakhir adalah browser yang terdapat pada
sistem Operasi Linux.
2.7 HTTP
“HTTP adalah kepanjangan dari Hyper Text Transfer Protokol, yang artinya
adalah protokol yang berfungsi untuk mendefinisikan dan menjelaskan bagaimana
Server dan Client berinteraksi dalam mengirim dan menerima dokumen web”
[Mudah Tepat Singkat Pemrograman HTML,2004, h: 20]. Protokol ini didisain untuk
mentransfer berkas yang berisi hypertext seperti berkas yang berisi HTML yang
digunakan di World Wide Web
2.8 Browser Web
“Browser Web adalah program yang digunakan untuk menampilkan informasi
suatu halaman web yang tersimpan dalam komputer”[Mudah Tepat Singkat
Pemrograman HTML,2004, h: 18]. Dengan menampilkan Grafik User Interface
(GUI), maka para pengguna internet dengan mudah mengakses informasi-informasi
yang terdapat didalam internet. Hanya dengan menggunakan tombol mouse, maka
para pengguna internet dengan mudah mencari informasi dan dapat berpindah dari
halaman yang satu ke halaman yang lainnya (Link).
10
Cara kerja dari sebuah Browser Web adalah sebagai bereikut :
1. Browser Web mengambil sebuah informasi melalui jaringan internet pada sebuah
Server Web, dengan menggunakan perintah riquest atau permintaan yang berisi
sebuah alamat dari halaman web atau page address (http)
2. Server web memberikan umpan balik atau feedback, dengan memberi perintah
respone untuk setiap perintah riquest yang kemudian dilanjutkasssn dengan
memberikan informasi yang dimintaoleb browser web.
3. Browser web menampilkan informasi yang telah diterima dari Server Web.
Informasi yang diberikan atau perintah yang digunakan, secara keseluruhan
menggunakan fasilitas khusus yang disediakan oleh browser web. Fasilitas
tersebut
lazimnya dikenal dengan tag-tag atau kode-kode yang hanya dapat
dibaca oleh browser web. Seluruh informasi yang disimpan dalam sebuah
dokumen web, menggunakan format HTML.
4. Pada dasarnya dokumen web adalah sebuah dokumen teks biasa yang apabila
ditampilkan melalui sebuah teks editor sembarang seperti notepad akan tampak
sebuah dokumen yang tidak ada artinya. Namun apabila dokumen web telah
dijalankan pada sebuah browser, maka akan tampak sebuah informasi yang
sesuai dengan apa yang kita harapkan. Contoh riilnya adalah apabila kita melihat
sebuah palagraf didalam sebuah dokumen web, kemudian kita buka source
kodenya, maka akan tampak sebuah tag yang mewakili palagraf. Misalnya untuk
tag yang mewakili palagraf, akan tercetak sebagai berikut : <p>……</p>.
2.9 HTML
“HTML (Hypertext Markup Language) adalah bahasa dasar untuk web
scripting bersifat client side yang memungkinkan untuk menampilkan informasi
dalam bentuk teks, grafik, serta multimedia dan juga untuk menghubungkan antar
tampilan web page (hyperlink)” [Mudah dan Cepat Menguasai Pemrograman Web,
2005, h: 2].
11
Tidak diperlukan suatu program editor khusus untuk menggunakan kode
perintah-perintah HTML. Kita dapat mempergunakan Notepad, Edit Plus ataupun
Editor lainnya yang berbasis GUI (Grafikal User Interface) seperti microsofr
Fontpage, Macromedia Dreamweaver, Adobe Golive, dan sebagainya ( dengan
program-program ini kita tidak perlu mengetik kode HTMLnya, semua perintahnya
diwujudkan secara icon base).
Aturan penulisan HTML ini adalah sebagai berikut :
1. Memiliki struktur minimal dari dokumen HTML adalah :
<HTML>
<HEAD>
<TITLE> Judul Web Page</TITLE>
</HEAD>
<BODY>
ISI DOKUMEN ADA DISINI
</BODY>
</HTML>
Head
Body
2. Bentuk penulisan seperti diatas disebut TAG. Tag memiliki pembuka <TAG>, tapi
tidak semua Tag punya penutup </TAG>, tag memberi instruksi interpreter kepada
browser (misalnya Internet Explorer). Contoh pada dokumen diatas, tag yang
pertama memberitahukan
kepada browser bahwa dokumen tersebut adalah
dokumen HTML dengan tag <HTML></HTML> diawal dan diakhir dokumen.
Dalam dokumen HTML penggunaan tag-tag penutup HTML disesuaikan dengan
urutan penggunaan tag tersebut.
3. Di dalam sebuah tag HTML terdapat atribut tag, atribut yang terkandung dalam tag
satu degan yang lainnya belum tentu sama. Atribut yang dipakai tidak mempunyai
urutan pendefinisian tertentu. Atribut tag digunakan untuk memodifikasi sifat-sifat
dari tag , bergantung dari nilai yang diberikan . namun juga ada atribut tag yang
tidak memiliki nilai.
12
4. Penulisan TAG bersifat non case sensitive, yang artinya bahwa penulisan tag huruf
besar dan atau huruf kecil dianggap sama. Sebagai contoh <HTML> akan sama
dengan <html><HtMl>.
5. Setelah tanda “<” harus langsung diikuti oleh nama TAG dan ditutup oleh tanda
“>” tidak boleh ada spasi, angka, tanda baca, dan nama TAG tidak dapat dibuat
sendiri. Nama TAG harus mengikuti standar W3C, yaitu sebuah lembaga atau
organisasi internasional yang mengatur standarisasi web (http://www.w3c.org).
6. Dalam dokumen HTML diperlukan tag-tag <HEAD></HEAD>, dalam tag ini
diletakan judul web page dengan menggunakan tag-tag <TITLE>judul web
page</TITLE> berisikan isi dari web page anda. Untuk ekstensi dari file HTML
perlu ditambahkan .html atau .htm dibelakang nama filenya.
7. Penulisan tag-tag HTML tidak akan terpengaruh oleh perintah-perintah langsung
keyboard seperti penekanan tombol enter atau spasi, sehingga diperbolehkan
menyusun tag-tag HTML secara continue horizontal seperti berikut ini :
<HTML><HEAD><TITLE>Judul Web Page</TITLE></HEAD>……..
dan seterusnya.
2.9.1 Body
Didalam tag terdapat beberapa atribute. Atribut tag berada didalam tanda tag
tersebut.Atribut tersebut ada yang memiliki nilai tetapi ada juga yang tidak.
TAG<BODY> memiliki atribut :
<BODY bgcolor = “#…”background = “…”>
Dalam HTML nilai warna yang dapat diberikan pada atribut bgcolor adalah
dengan menggunakan aturan komposisi RGB (Red-Green-Blue) dengan angka
hexadesimal maximal adalah FF (setara dengan 255 decimal) tiap komposisinya.
Sebagai contoh bila diinginkan untuk memberikan warna merah (red) maka nilainya
adalah “#FF000”, warna hijau (green) nilainya adalah “#00FF00”, dan warna biru
(blue) nilainya adalah “#0000FF”, atau dapat juga menggunakan pre-define color
seperti red, green, blue, yellow, cyan, magenta dan sebagainya. Sedangkan untuk nilai
13
atribute background adalah nama file gambar lengkap dengan lokasi folder dan file
ekstensi filenya. Format file gambar yang didukung oleh HTML antara lain adalah
JPEG, PNG, dan GIF.
2.9.2 Heading
Heading digunakan untuk menampilkan format huruf yang besar dan dicetak
tebal, biasanya digunakan untuk judul atau tofik utama dari sebuah paragraf,
ukurannya dari terbesar <H1> sampai terkecil <H6>, sedangkan untuk mengatur
heading digunakan atribut “align” contoh adalah <H1 align = “…..” ditutup dengan
</H1> yang nilai atributnya dapat diisi nilai leftuntuk rata kiri, right untuk rata kanan,
dan center untuk rata tengah.
2.9.3
Paragraf
Untuk mempormat paragraf agar dapat rata kiri, kanan, tengah, dan justify
digunakan tag pembuka <P align = “….”> dan penutup </P>, isi dari atribut “align”
adalah left untuk rata kiri, right untuk rata kanan, center untuk rata tengah, dan justify
untuk rata kiri dan kanan. Antara paragraf dalam HTML akan dibatasi secara
otomatis oleh sebuah jeda baris.
2.9.4 Breaking Now
Tag <BR> ini digunakan untuk berpindah ke baris baru dalam dokumen. Ini
adalah salah satu tag HTML yang tidak memiliki tag penutup.
2.9.5 Horizontal Ruler
Tag yang digunakan untuk membuat garis horizontal adalah <HR> adapun
atribut yang dimiliki adalah “align” untuk perataan “size” untuk mengatur ketebalan
garis (dalam pixel), dan “widht” untuk mengatur lebar garisnya (dalam pixel atau
persen). Penggunaan satuan persen memiliki arti bahwa ukuran garis horizontal akan
14
diambil persentase terhadap widht dari tampilan jendelanya. Tag HR ini juga tidak
memiliki tag penutup.
2.9.6 Preformat
Untuk memformat dokumen HTML dengan menggunakan fasilitas preformat,
dengan fasilitas ini tampilan yang akan diformat sama persis dengan isi yang ada
didalam tag <PRE>isi</PRE>. Didalam tag <PRE> tombol enter untuk ganti baris
atau spasi untuk jeda dapat digunakan.
2.9.7 Bold, Italic, Under Line, Subscript, Superscript, Stripe
Berikut adalad cara memberikan efek cetak huruf dalam dokumen HTML:
1. Untuk memberikan efek huruf tebal (Bold)
<b>cetak tebal</b>
2. Untuk memberikan efek huruf miring (Italic)
<I>cetak miring</I>
3. Untuk memberikan efek huruf yang diberi garis bawah (Under Line)
<u>garis bawah</u>
4. Untuk memberikan efek huruf sebagai Subscript
<sub>subscript</sub>
5. Untuk memberikan efek huruf sebagai superscript
<sup>cetak superscript</sup>
6. Untuk memberikan efek huruf yang dicoret (strike)
<s>cetak stripe</s>
2.9.8 Komentar dalam HTML
Seperti dalam bahasa pemrograman yang lainnya, HTML juga memiliki
komentar yang diatur oleh tanda <!--sebagai pembuka dat tanda--> untuk penutup.
Komentar tidak akan diinterpreter oleh web browser, hanya menjadi keterangan saja.
15
2.9.9 Karakter khusus dalam HTML
Karena penulisan tag HTML telah menggunkan tanda <dan> maka tanda
tersebut tidak dapat dipakai dalam isi dokumen HTML. Sebagai gantinya maka
menggunakan tanda < digunakan perintah < dan > digunakan perintah > untuk
spasi dalam HTML juga digunakan perintah   (non breaking space).
2.10 Navigasi
Sebelum kita menyusun aplikasi kedalam sebuah software, kita harus
menentukan terlebih dahulu alur apa yang kita pakai dalam aplikasi kita. Alur ini
disebut dengan struktur navigasi.
Ada 4 macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam
proses pembuatan aplikasi multimedia, yaitu :
1. Navigasi Linier : Struktur navigasi yang hanya mempunyai satu rangkaian cerita
yang terurut. Struktur ini menampilkan satu demi satu tampilan layar secara
berurutan menurut aturannya.
Gambar : 2.2 Navigasi Linier
2. Navigasi Hirarki : Struktur navigasi hirarki sering disebut struktur navigasi
bercabang, yaitu merupakan suatu struktur yang menghandalkan percabangan
untuk menampilkan data atau gambar pada layar berdasarkan kriteria tertentu.
Tampilan pada menu pertama disebut master page (halaman utama satu), halaman
tersebut mempunyai halaman percabangan yang disebut slave page (halaman
pendukung), dan jika dipilih akan menjadi halaman kedua, dan seterusnya.
16
Gambar : 2.3 Navigasi Hirarki
3. Navigasi Non Linier : Struktur navigasi yang tidak memperhatikan batasan rute
dengan kata lain pemakai dapat menelusuri program sesudahnya
Gambar : 2.4 Navigasi Non Linier
4. Navigasi Campuran : Struktur navigasi yang merupakan gabungan dari struktur
navigasi non linier dan hirarki, dan biasa disebut juga struktur navigasi bebas,
maksudnya adalah jika suatu tampilan membutuhkan percabangan. Struktur ini
paling banyak digunakan dalam pembuatan aplikasi multimedia.
17
Gambar : 2.5 Navigasi Campuran
2.10 SwishMax
“SwishMax merupakan program yang dapat digunakan untuk membuat
animasi flash dengan cara yang mudah dan menyenangkan”. Mudah disini
maksudnya kita hanya cukup memberikan efek-efek animasi pada objek yang kita
ingin berikan melalui efek-efek animasi yang telah disediakan tanpa harus
membuatnya secara manual (walaupun dapat juga dilakukan).
18
Tampilan layar utama SwishMax, dapat dilihat seperti pada gambar dibawah
ini :
Gambar: 2.6. Layar Utama SwishMax
2.11 Macromedia Dreamweaver MX
“Dreamweaver MX adalah sebuah HTML editor profesional untuk mendesain
visual dan mengelola status web maupun halaman web, yang berurusan dengan kodekode HTML secara manual ataupun lebih menyukai bekerja dalam lingkungan secara
visual dalam melakukan editing” [Trik Explorasi Dreamweaver MX, 2005, h: 3].
Dreamweaver membuatnya menjadi lebih mudah dengan menyediakan tool-tool yang
sangat berguna dalam meningkatkan kemampuan dan pemgolahan dalam mendesain
web.
19
Tampilan layar utama dari Macromedia Dreamweaver MX dapat dilihat
seperti pada gambar dibawah ini :
Gambar: 2.7. Tampilan Utama Macromedia MX 2004
2.12.1 Insert Bar
Insert Bar berisi tombol untuk memasukan beberapa jenis objek, seperti
gambar, tabel, dan layer kedokumen, tiap objek yang kita masukan pada dasarnya
adalah potongan kode HTML yang dapat kita atur atributnya.
2.12.2 Dokument Toolbar
Dokumen toolbar berisi tombol dan pop-up menu yang menyediakan
beberapa cara untuk menampilkan dokumen (seperti Design View dan Code View),
beberapa option dan beberapa operasi umum seperti melakukan preview dokumen ke
browser.
20
2.12.3 Dokumen Windows
Dokumen Window menampilkan dokumen yang sedang kita buat dan edit.
2.12.4 Properti Inspector
Properti Inspector adalah tempat kita dapat mengubah beberapa properti yang
dimiliki oleh objek atau teks yang kita pilih. Tiap jenis objek atau teks memiliki
properti yang berbeda.
2.12.5 Panel Groups
Panel Groups adalah kumpulan beberapa panel sejenis yang diletakan pada
satu tempat.
2.12.6 Site Panel
Pada site panel kita bisa mengatur file dan folder yang akan kita gunakan
untuk site kita. Windows Explorer (Windows) atau finder (Macintosh) akan
menggunakan pengaturan ini untuk menampilkan file dan folder pada disk lokal kita
dan memperlakukan file dan folder tersebut seperti ketika kita meng-uploadnya ke
server.
2.12.7 Menu
Menu ini berisi submenu yang biasanya ditampilkan sebagai dropdown menu
yang akan muncul ketika kita menekan tombol menu utama.
2.12.8 File Menu
21
File mneu berisi menu standar untuk menu File dan Edit, seperti New, Open,
Save, Cut, Copy, dan Paste. File menu juga berisi beberapa perintah tambahan ,
seperti Preview in Browser dan Print Code.
2.12.9 Edit Menu
Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent Tag dan
Find and Replace, dan menyediakan aksese ke Keyboard Shortcut Editor dan Tag
Library Editor.
2.12.10 View Menu
View menu mengijinkan kita melihat tampilan dokumen dengan beberapa
cara (seperti Design View dan Code View) dan untuk menampilkan atau
menyembunyikan beberapa elemen pada dokumen dan peralatan yang dimiliki
Dreamweaver.
2.12.11 Insert Menu
Insert menu menyediakan alternatif untuk memasukan objek pada dokumen.
2.12.12 Modify Menu
Pada menu ini kita bisa mengubah properti elemen halaman web atau item
lainnya yang kita pilih. Menggunakan menu ini, kita bisa mengedit menu tag,
mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang kita
lakukan untuk item pada library dan template.
2.12.13 Text Menu
Menu ini menyediakan perintah yang kita butuhkan untuk melakuakan
pemformatan pada teks.
2.12.14 Command Menu
22
Menyediakan akses untuk beberapa macam perintah, termasuk untuk
membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan
program lain.
2.12.15 Site Menu
Menyediakan item menu untuk membuat, membuka, dan mengedit site.
2.12.16 Windows Menu
Menyediakan
akses
kesemua
panel,
inspectors,
dan
jendela
pada
Dreamweaver.
2.12.17 Help Menu
Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX,
termasuk petunjuk cara pengguanaan Dreamweaver MX, membuat ekstensi untuk
Dreamweaver MX, dan material lainnya yang dapat membantu kita menggunakan
Dreamweaver MX dengan lebih baik.
2.13 PHP
“PHP adalah singkatan dari PHP Hypertext Preprcessor yang merupakan
bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server”
[Kolaborasi Flash Dreamwever dan PHP, 2004, h: 128]. Hasilnya akan dikirim ke
klien tempat pemakai menggunakan browser.
Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip-skrip seperti
ASP (Active Server Page), Cold Fusion atau Perl. Kelahiran PHP bermula saat
Rasmus Lerdorf membuat sejumlah skrip Perl pada tahun 1994. Skrip tersebut
selanjutnya dikemas menjadi tool yang disebut “Personal Home Page”. Paket ini yang
menjadi cikal bakal PHP.
23
Pada tahun 1995, Rasmus menciptakan PHP/F1 versi 2. Pada versi ini,
pemograman dapat menempelkan kode terstruktur di dalam HTML. Pada saat ini
PHP cukup populer sebagai peranti pemograman web terutama di lingkungan
LINUX. Walaupun demikian, PHP sebenarnya juga dapar berfungsi pada server
berbasis UNIX, Window NT, dan Macintosh.
Pada awalnya PHP dirancang untu diintegrasikan dengan web server Apache.
Namun belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal
Web Server), IIS (Internet Information Server), dan Xitami.
1.
Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML, sebagai contoh:
<html>
<head>
<Title> Selamat Belajar PHP</Tile>
</head>
<body>
Hallo semua, Selamat belajar PHP ya…….!
</body>
</html>
2.
Kode PHP diawali dengan <?PHP dan diakhiri dengan ?>. pasangan kode
inilah yang berfungsi sebagai tag kode PHP. Berdasarkan tag inilah, pihak
Server dapat memahami kode PHP kemudian memprosesnya dan hasilnya
dikirim ke browser.
2.14 SQL
“SQL adalah singkatan dari Structured Query Language yang merupakan
salah satu bahasa yang digunakan untuk pengoperasian model data relasional”. SQL
pertama dibuat oleh San Jose Research Laboratory IBM, aslinya disebut Sequel yang
diterapkan sebagaibagian dari proyek sistem R pada awal 1970.
24
Adapun statement dari SQL adalah:
1.
DDL (Data Definition Language)
Perintah-perintah yang digunakan untuk menjelaskan objek dari database.
Dengan kata lain DDL digunakan untuk mendefinisikan kerangka database.
Contoh:
Creat Table
: Untuk membuat tabel
Alter Table
: Untuk mengubah tabel
Drop Table
: Untun menghapus tabel
Creat Index
: Untuk membuat Indek
Drop Index
: Untuk Menghapus index
Creat View
: Untuk membuat view
Drop View
: Untuk menghapus view
2.
DML (Data Manipulation Language)
Perintah-perintah yang digunakan untuk mengoperasikan atau memanipulasi
isi database.
SQL menyediakan 4 perintah DML:
1. SELECT
2. UPDATE
3. INSERT
4. DELETE
2.15 Menghubungkan PHP dengan MySQL
Ada beberapa perintah php yang digunakan untuk berhubungan dengan
database MySQL diantaranya:
1.
mysql_connect
Perintah ini digunakan untuk membuka koneksi dengan database MySQL.
Bentuk penulisannya sebagai berikut:
mysql_connect(nama_host, nama_user, password);
25
Misalkan:
nama host: localhost.
nama_user: root.
Password: tidak ada password.
Maka penulisannya adalah sebagai berikut:
mysql_connect(‘localhost’, ’root’, ‘’);
2.
mysql_select_db
Perintah ini digunakan untuk memilih nama database yang ingin
digunakan/dikoneksikan.
Bentuk penulisannya sebagai berikut:
mysql_select_db(nama_database);
Misalkan:
nama database yang ingin digunakan/dikoneksikan adalah webdede.
Maka penulisannya adalah sebagai berikut:
mysql_select_db(‘webdede’);
26
3.
mysql_query
Perintah ini digunakan untuk menjalankan statemen query(sql) yang kita ingin
jalankan.
Bentuk penulisannya sebagai berikut:
mysql_query(string query);
Misalkan:
Kita ingin menampilkan semua data dari tabel buku_tamu dan diurutkan berdasarkan
field email secara descending (menurun).
Maka penulisannya adalah sebagai berikut:
mysql_connect(‘localhost’, ’root’, ‘’);
mysql_select_db(‘webdede’);
mysql_query(‘select * from buku_tamu order by email desc’);
4.
mysql_num_rows
Perintah ini digunakan untuk menghasilkan jumlah record yang dihasilkan
dari suatu query(sql) pada perintah mysql_query. Bentuk penulisannya sebagai
berikut:
mysql_num_rows(string mysql_query);
Misalkan:
Terdapat tiga buah record pada tabel buku_tamu. Ketika kita ingin menampilkan
semua data, maka perintah mysql_num_rows akan menghasilkan angka 3
27
Maka penulisannya adalah sebagai berikut:
mysql_connect(‘localhost’, ’root’, ‘’);
mysql_select_db(‘webdede’);
$myquery = mysql_query(‘select * from buku_tamu’);
mysql_num_rows($myquery);
5.
mysql_fetch_array
Perintah ini digunakan untuk menghasilkan isi record berdasarkan field-field
yang diwakili dalam suatu array.
Bentuk penulisannya adalah sebagai berikut:
mysql_fetch_array(string mysql_query).