BAB 2
LANDASAN TEORI
2.1 Pengertian Internet
Internet saat ini bermula dari jaringan komputer kuno (ARPAnet) yang dibangun untuk memenuhi kebutuhan para peneliti di industry pertahanan di Amerika Serikat. Dalam tempo singkat jaringan ini berubah menjadi jaringan dari jaringan komputer dimana jaringan dalam satu jaringan komputer dapat berkomunikasi dengan computer dan pengguna lain dalam jaringan yang lain pula. Jadi internet dapat juga di katakana dengan sebuah jaringan komputer besar yang melibatkan berjuta bahkan bermilyaran komputer yang saling berkomunikasi.
2.2 Pengertian Komputer
Komputer berasal dari bahasa yunani “Compute” yang kemudian diartikan
kedalam bahasa Inggris “to compute” yang berarti menghitung. Tetapi komputer bisa juga diartikan dalam bahasa Indonesia yaitu mesin hitung.
Sejalan dengan perkembangan teknologi, para ahli memiliki definisi tentang komputer. Menurut J. Longkutoy bahwa pengertian komputer adalah sebagai berikut : “ Alat pengolah data atau alat pemecah persoalan yang mampu
menghasilkan informasi, tetapi harus ditangani oleh orang-orang yang ahli dan mahir”.
2.2.1 World Wide Web (www)
Web adalah ruang informasi internet dengan menggunakan teknologi hypertext,
pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web.
World Wide Web (www), lebih dikenal dengan web yang merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet.
Kini internet identik dengan web, karena web sebagai standart interface pada layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email dengan chatting.
Web pada awalnya adlaah ruang informasi dalam internet dengan menggunakan teknologi hypertext , pemakai dituntun untuk menemukan informasi dengan mengikuti link yang tersedia dalam dokumen web yang ditampilkan dalam browser web.
Kini web seakan lebih popular dari pada email, walaupun secara statistic email masih lebih popular bagi umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan Web sebagai interfacenya.
a. Akses informasi mudah b. Setup server lebih mudah
c. Informasi mudah didistribusikan.
d. Bebas platform : informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.
2.2.2 Lahirnya Web
Tahun 1989, Timothi Berners-Lee seorang ahli komputer dari inggris dan peneliti lain European Particles Physics Lab mengembangkan suatu cara untuk men-share data antar-koleganya menggunakan sesuatu yang disebut hypertext.
Pemakain di CERN dapat menampilkan dokumen pada layer komputer dengan menggunkan softwarebrowser baru.
2.2.2.1 Browser Web
Browser Web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan „point dan klik‟ untuk pindah antar dokumen.
Disaat perkembangan www ada dua browser web yang popular yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan
Browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan Mozilla Firefox. Diantara browser web
ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.
Lynx adalah browser web yang masih menggunakan metode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan. Linx ini ada pada lingkungan DOS (Disk Operating System) .
2.2.2.2 Cara Kerja Browser Mengambil Halaman/Page
Suatu browser mengambil sebuah web page dari server dengan sebuah request
2.2.2.3 Cara Kerja Browser Menampilkan Halaman/Page
Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkna. Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya yaitu <P> ini merupakan suatu paragraph </p>.
2.2.3 Server Web
Server web adalah komputer yang digunakan untuk menyiimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunkaan protocol HTTP. Browser akan mengirim request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server.
Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP.
2.3 HTML (HyperText Markup Language)
HTML merupakan bahasa pemrograman yang fleksibel dimana kita dapat meletakkan script dari bahasa pemrograman lainnya seperti JAVA, C, Visual Basic dan lain-lain. Karena HTML ini dibentuk dari suatu dokumen teks biasa maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Beos, Unix dan lainnya. HTML (HyperText Markup Language) merupakan suatu script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. Hyper Text dalam HTML berarti bahwa kita dapat menuju kesuatu tempat, misalnya website atau homepage lain dengan cara memilih link yang diwakilkan oleh gambar atau tulisan.
Karena itu untuk bisa melakukan pemrograman aplikasi di atas website, terutama jika menggunakan pemrograman PHP dalam desain web, maka terlebih dahulu harus menguasi HTML (walaupun bahasa pemrograman PHP dapat berjalan tanpa disisipkan kedalam tag-tag HTML). Kebanyakan dokumen dan aplikasi yang dapat berjalan di website browser umumnya memiliki format HTML.
2.3.1 Elemen dan Tag HTML
Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Nama elemn ditunjukan dengan nama tagnya. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut di antaranya adalah :
a. Paragraf dengan tag <p>
b. Ganti garis line break dengan tag <br> c. Garis datar horizontal rule dengan tag <hr> d. List item dengan tag <li>
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya.
Elemen heading berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraph dan elemen lainnya. Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>_</nametag>. Penulisan nama tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran. Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.
Tag mark-up digunakan sebenarnya member tahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
<html>
<html>
…informasi tentang dokumen HTML
</head>
<body>
…informasi yang ditampilkan dalam browser web
</body>
</html>
Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen
head ditandai dengan tag <head> di awal, dan tag </head> di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada section bar dari windows browser, ditandai dengan menggunakan tag <title> dan di akhiri dengan </title>.
Setiap dokumen HTML harus diawali dengan menuliskan tag <html> dan tag </html> di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokume ini adalah dokumen HTML.
Contoh penulisan suatu dokumen HTML sebagai berikut:
<!-contoh.html>
<html>
<head>
<title> Halaman Contoh </title>
</head>
<body>
File ini merupakan file contoh. <br>
<b> Ini untuk membuat huruf cetak tebal </b>
</body>
</html>
2.3.2 Dasar-Dasar HTML
Fungsi dari tag-tag HTML adalah memformat okumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah standard an wajib ada jika ingin menuliskan script HTML.
1. Tag Heading
Tag Heading berfungsi untuk memformat heading (judul dan sub judul) dari sebuah halaman website. Jenis heading terdiri atas tujuh buah yaitu <H1>…<H2> sampai dengan <H7>….</H7>. <H1>…</H1> merupakan judul besar dan <H2>…</H2> sampai
dengan <H7>…</H7> merupakan sub judul.
2. Tag List
Tag List <L1>…</L1> digunakan untuk menampilkan informasi
dalam bentuk daftar (List). Ada dua jenis daftar yang dikenal HTML, yaitu daftar dalam bullet dengan bentuk tag <UL>…</UL> dan dalam bentuk <OL>…</OL>.
3. Link
Hyperlink adalah kemampuan website untuk dapat melompat kehalaman lain atau ke alamat lain yang dapat di klik untuk menuju ke suatu alamat atau ke alamat tertentu yang disebut hypertext. Tag ini membuat hypertext adalah <A HREF = URL-tujuan>hypertext</A>.
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu:
b) <I>….</I> untuk memiringkan teks c) <U>….</U> untuk menggaris bawahi teks
d) <S>….</S> untuk memberikan coretan pada teks.
5. Tag Gambar
Tag Gambar <IMG SRC= nama file gambar> adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG. Tag ini tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfungsi untuk menemukan nama file gambar yang akan ditampilkan di browser.
6. Format Paragraf
HTML memiliki beberapa format berstandar yaitu:
a) <CENTER>…</CENTER> untuk membuat teks atau paragraph rata tengah
b) <RIGHT>…</RIGHT> untuk membuat teks atau paragraph rata kanan
c) <LEFT>…</LEFT> untuk membuat teks atau paragraph rata kiri
d) <P> untuk membuat satu pemisah paragraph e) <BR> untuk membuat pemisah satu baris
7. Tabel HTML
Untuk menampilkan data tabel pada HTML digunakan tag <TABLE>…</TABLE>. Tag ini berisikan beberapa tag yaitu:
a) <TH>…</TH> untuk menampilkan beberapa judul tabel yang biasanya terletak pada bagian atas atau paling kiri pada table.
b) <TR>…</TR> untuk menentukan baris pada suatu table. c) <TD>…</TD> untuk menampilkan data pada setiap sel
table.
d) <CAPTION>…</CAPTION> untuk menampilkan judul table yang terletak pada bagian luar table.
8. Form HTML
Untuk mendeklarasikan sebuah form pada HTML digunakan tag <FORM>…</FORM>. Didalam tag ini didefinisikan eleme
n-elemen form seperti:
a) Textbox yang berguna untuk menampilkan masukkan berupa textbox yang mampu menerima masukan beberapa string sebanyak satu baris.
c) Radio Botton yang berguna untuk menampilkan msukkan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan.
d) Tombol yang berguna untuk menampilkan tombol SUBMIT untuk mengirim data kepemrosesan di server, RESET untuk mengulangi form.
e) Checkbox yang berguna untuk menampilkan masukkan berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan.
f) Drop-Down menu yang berguna untuk menampilkan masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan drop-down menu.
g) Frame HTML
Frame HTML digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki tag <BODY>. Sebagai penggantinya adalah tag <FRAMESET>. Untuk membuat frame pada HTML digunakan tag <FRAMESET>…</FRAMESET>. Didalam tag ini
parameter NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada frame.
2.3.3 Statis dan Dinamis Website
Sebuah website yang didukung file HTML yang berdiri sendiri tanpa didukung bahasa pemrograman lain, biasanya akan menjadi website yang statis. Hal ini dapat di atasi dengan menyisipkan bahasa pemrograman lain didalamnya, seperti PHP, ASP, Java dan sebagainya. Pengertian statis disini yaitu kita tidak merubahnya dalam waktu yang singkat karena jika ingin merubahnya kita ahrus mengedit ulang file-file HTML tersebut secara langsung dan hal ini akan membutuhkan waktu yang lama. Sedangkan pengertian website dinamis adalah website yang isinya berubah yang pengubhannya tergantung pada cara kita menginginkan perubahan dalam website tersebut.
2.4 Sejarah PHP
PHP (PHP: Preprosessor) merupakan sebuah bahasa scripting yang menyatu dengan tag-tag HTML, di eksekusi deserver, dan digunakan untuk halaman web yang dinamis seperti halnya Active Server Page (ASP) atau Java Server Page (JSP).
menulis ulang script-script perl tersebut menggunakan bahasa C, kemudian menambahkan fasilitas untuk form HTML, koneksi MYSQL dan meluncurkan PHP versi kedua yang diberi nama PHP/F1 pada tahun 1996.
PHP versi ketiga dirilis pertengahan tahun 1997. Pada versi ini pembuatannya tidak lagi oleh Rasmus sendiri, tetapi juga melibatkan beberapa programmer lain yang antusias untuk mengembangkan PHP.
PHP versi keempat dirilis bulan Oktober tahun 2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Engine. Zend dibuat oleh Zeef Suraski dan Andi Gutmans yang merupakan penyempurnaan PHP 3.0 scripting engine. Hal ini adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP 3.0.
Versi terakhir PHP 5.0 dirilis pada bulan juli 2004. Perubahan yang cukup besar terhadap dunia pemrograman web, PHP 5.0 dikatakan sebagai bahasa pemrograman sebagai loncatan baru menuju Entreprise Application. Pada bagian inti, yaitu Engine program PHP, dilakukan perubahan total. PHP 5.0 akan memberikan dampa yang besar terhadap penerimaan PHP sebagai solusi kelas komersial.
2.4.1 Keunggulan PHP
a) Cross Platform, PHP dapat dipakai dihampir semua web server yang ada dipasaran ( Apache, phttpd,Microsoft IIS, AQL Server dan lain-lain) yang dijalankan pada berbagai sistem operasi (FreeBDS, Solaris, Linux,Windows,Unix). Dengan demikian proses developing dapat dilakukan menggunakan sistem operasi yang berbeda dengan sistem operasi yang digunakan setelah publish.
b) PHP banyak mendukung paket database baik yang komersil maupun yang non-komersil, seperti Postgresql, Mysql, Msql, Oracle, Informix, Microsoft SQL server dan banyak lagi.
c) Life cycle yang singkat, sehingga PHP selalu uptodate mengikuti perkembangan teknologi internet.
2.4.2 Struktur PHP
Program PHP adalah bahasa yang disisipkan kedalam HTML, sehingga browser dapat membaca script PHP yang telah dibuat, biasanya ditandai dengan <?PHP dan ?>.
2.5 MySQL
SQL (Struktur Query Language) adalah bahasa standar yang telah lama digunakan untuk akses database.
bahasa generasi keempat dalam akses data dan telah banyak digunakan untuk berbagai kepentingan pemrograman.
MYSQL salah satu database relasional yang mendukung pemakain SQL dan dirancang untuk penggunaan aplikasi. Sedangkan informasi yang dihasilkan dapat digunakan bersama-sama oleh beberapa user didalam komputer lokalnya yang disebut sebagai client. Data yang diberikan oleh server dapat disesuaikan dengan tingkat dan kepentingan pengguna. Sehingga data yang dikirim dapat berupa sebagian dari keseluruhan isi data, sesuai dengan permintaan user. Semua komunikasi yang terjadi mendukung perintah-perintah SQL.
Saat ini makin banyak pembuatan aplikasi yang menggunakan arsitektur client/server, dalam pengaksesan database. Karena makin banyak pengguna aplikasi yang menuntut dapat memperoleh informasi yang actual dari bagian lain didalam suatu website, yang akan digunakan dalam proses pengambilan keputusan dibagian lainnya. Pekerjaan dalam pemeliharaan data akan makin dimudahkan karena tugas seperti itu dapat dilakukan pada satu tempat saja, yaitu server. Dengan menggunakan arsitektur ini dimungkinkan untuk mendapatkan integritas data yang cukup tinggi, karena semua user dapat bekerja dengan informasi yang sama.
2.6 Macromedia Dreamweaver
Dengan perkembangan perangkat lunak, suatu perusahaan yang bernama
Macromedia, membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.
Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis kode program (menu kode), dengan pengeditan secara visual (mode design) dan dengan tampilan keduanya (mode split). Dreamweaver
