Sistem Informasi Sekolah Berbasis Web Smp Swasta Dharma Pancasila Medan dengan Menggunakan Php dan Mysql
7
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”.
Pengertian komputer dengan kalkulator sangatlah berbeda. Oleh karena
itu, computer jika di Indonesia menjadi komputer dengan mengganti huruf “c”
menjadi ”k”.
Universitas Sumatera Utara
8
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.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainnya dan menelusuri informasi di internet.selain itu web telah diadopsi
oleh perusahaan sebagai sebagian dari strategi teknologi informasinya, karena
beberapa alasan :
Universitas Sumatera Utara
9
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 software browser baru.
Kemampuan internet dimasukkan kedalam browser ini sehingga lompat
dari satu dokumen kedokumen lain tidak lagi dari satu komputer saja, tetapi dapat
melompat kedokumen lain letaknya pada komputer remote. Seseorang peneliti
dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya,
atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink, tidak
perlu melalui mekanisme FTP atau telnet. Jalan pintas CERN digunkana sebagai
dasar dari yang disebut sekarang dengan World Wide Web dan berikut server dan
browser Webnya (sekarang dimaintenance oleh World Wide Web Consortium).
Universitas Sumatera Utara
10
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
adalah HTTP standart yang berisi sebuah page address. Sebuah page address
terlihat seperti: http://www.google.co.id.
Universitas Sumatera Utara
11
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 ini merupakan suatu paragraph .
2.2.3
Server Web
Server web adalah komputer yang digunakan untuk menyiimpan dokumendokumen 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)
Dokumen HTML merupakan dokumen yang disajikan dalam browser web server.
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat
sebuah web page yaitu dengan HTML atau dengan teks editor biasa (misalnya
notepad). Dokumen ini umumnya berisi informasi maupun interface aplikasi
didalam internet.
Universitas Sumatera Utara
12
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
Untuk menandai berbagai elemen dalam suatu dokumen HTML digunakan tag.
Tag HTML terdiri atas sebuah kurung sudut kiri (, tanda lebih besar), tag yang menjadi
pasangan selalu diawali dengan karakter garis miring. Tag yang pertama
menunjukkan tag awal Dokumen HTML disusun oleh elemen-elemen. “Elemen”
merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.
Universitas Sumatera Utara
13
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
b. Ganti garis line break dengan tag
c. Garis datar horizontal rule dengan tag
d. List item dengan tag
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan
dengan tag , dan 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 : _. 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.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head
dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar
sebagai berikut:
Universitas Sumatera Utara
14
…informasi tentang dokumen HTML
…informasi yang ditampilkan dalam browser web
Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen
head ditandai dengan tag di awal, dan tag 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 dan
di akhiri dengan .
Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag
di akhir dokumen. Tag ini menandai elemen HTML, yang berarti
dokume ini adalah dokumen HTML.
Section body merupakan elemen terbesar didalam dokumen HTML.
Elemen ini berisi dokumen yang akan ditampilkan pada browser meliputi
paragraph, grafik, link, tabel dan sebagainya.
Universitas Sumatera Utara
15
Contoh penulisan suatu dokumen HTML sebagai berikut:
Halaman Contoh
File ini merupakan file contoh.
Ini untuk membuat huruf cetak tebal
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.
Contoh tag-tag yang sering digunakan dalam website ini adalah:
Universitas Sumatera Utara
16
1. Tag Heading
Tag Heading berfungsi untuk memformat heading (judul dan sub
judul) dari sebuah halaman website. Jenis heading terdiri atas tujuh
buah
yaitu
…
sampai
dengan
…..
… merupakan judul besar dan … sampai
dengan … merupakan sub judul.
2. Tag List
Tag List … digunakan untuk menampilkan informasi
dalam bentuk daftar (List). Ada dua jenis daftar yang dikenal
HTML,
yaitu
daftar
dalam
bullet
dengan
bentuk
tag
… dan dalam bentuk ….
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
hypertext.
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa
tag,yaitu:
a) …. untuk menebalkan teks
Universitas Sumatera Utara
17
b) …. untuk memiringkan teks
c) …. untuk menggaris bawahi teks
d) …. untuk memberikan coretan pada teks.
5. Tag Gambar
Tag 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) … untuk membuat teks atau
paragraph rata tengah
b) …
untuk
membuat
teks
atau
paragraph rata kanan
c) … untuk membuat teks atau paragraph
rata kiri
d) untuk membuat satu pemisah paragraph
e) untuk membuat pemisah satu baris
f) untuk memberikan satu garis pemisah yang berkesan
tiga dimensi.
Universitas Sumatera Utara
18
7. Tabel HTML
Untuk menampilkan data tabel pada HTML digunakan tag
…. Tag ini berisikan beberapa tag yaitu:
a) … untuk menampilkan beberapa judul tabel
yang biasanya terletak pada bagian atas atau paling kiri
pada table.
b) … untuk menentukan baris pada suatu table.
c) … untuk menampilkan data pada setiap sel
table.
d) … untuk menampilkan judul
table yang terletak pada bagian luar table.
8. Form HTML
Untuk mendeklarasikan sebuah form pada HTML digunakan tag
…. Didalam tag ini didefinisikan elemenelemen form seperti:
a) Textbox yang berguna untuk menampilkan masukkan
berupa textbox yang mampu menerima masukan beberapa
string sebanyak satu baris.
b) Textarea yang berguna untuk menampilkan masukkan
berupa textbox dan mampu menerima masukan berupa
string lebih dari satu baris.
Universitas Sumatera Utara
19
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 . Sebagai
penggantinya adalah tag . Untuk membuat
frame
pada
HTML
digunakan
….
Didalam
tag
tag
ini
terdapat tag yang menentukan isi dari
FRAMESET terdapat parameter ROWS yang berguna
untuk menentukan lebar frame horizontal (mendatar) dan
COLS
untuk
menentukan
tinggi
FRAME
terdapat
Universitas Sumatera Utara
20
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).
Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1995. Versi
pertama ini berupa sekumpulan script perl yang digunakan oleh Rasmus Lerdorf
untuk membuat halaman web yang dinamis pada homepage pribadinya. Rasmus
Universitas Sumatera Utara
21
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
Berdasarkan survey dilakukan Netcraft pada bulan desember tahun 1999
ditemukan bahwa lebih dari satu juti site yang menggunakan PHP. Hal ini dapat
dimaklumi karena PHP tidak dapat dipungkiri merupakan bahasa pemrograman
yang handal yang mempunyai banyak keunggulan antara lain :
Universitas Sumatera Utara
22
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 .
2.5
MySQL
SQL (Struktur Query Language) adalah bahasa standar yang telah lama digunakan
untuk akses database.
Setiap orang yang tertarik dengan pemrograman database tentunya tidak
akan asing mendengar nama SQL. Bahasa disebut-sebut banyak orang sebagai
Universitas Sumatera Utara
23
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
Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang
sangat sederhana adalah notepad.
Universitas Sumatera Utara
24
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
menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.
Universitas Sumatera Utara
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”.
Pengertian komputer dengan kalkulator sangatlah berbeda. Oleh karena
itu, computer jika di Indonesia menjadi komputer dengan mengganti huruf “c”
menjadi ”k”.
Universitas Sumatera Utara
8
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.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainnya dan menelusuri informasi di internet.selain itu web telah diadopsi
oleh perusahaan sebagai sebagian dari strategi teknologi informasinya, karena
beberapa alasan :
Universitas Sumatera Utara
9
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 software browser baru.
Kemampuan internet dimasukkan kedalam browser ini sehingga lompat
dari satu dokumen kedokumen lain tidak lagi dari satu komputer saja, tetapi dapat
melompat kedokumen lain letaknya pada komputer remote. Seseorang peneliti
dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya,
atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink, tidak
perlu melalui mekanisme FTP atau telnet. Jalan pintas CERN digunkana sebagai
dasar dari yang disebut sekarang dengan World Wide Web dan berikut server dan
browser Webnya (sekarang dimaintenance oleh World Wide Web Consortium).
Universitas Sumatera Utara
10
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
adalah HTTP standart yang berisi sebuah page address. Sebuah page address
terlihat seperti: http://www.google.co.id.
Universitas Sumatera Utara
11
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 ini merupakan suatu paragraph .
2.2.3
Server Web
Server web adalah komputer yang digunakan untuk menyiimpan dokumendokumen 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)
Dokumen HTML merupakan dokumen yang disajikan dalam browser web server.
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat
sebuah web page yaitu dengan HTML atau dengan teks editor biasa (misalnya
notepad). Dokumen ini umumnya berisi informasi maupun interface aplikasi
didalam internet.
Universitas Sumatera Utara
12
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
Untuk menandai berbagai elemen dalam suatu dokumen HTML digunakan tag.
Tag HTML terdiri atas sebuah kurung sudut kiri (, tanda lebih besar), tag yang menjadi
pasangan selalu diawali dengan karakter garis miring. Tag yang pertama
menunjukkan tag awal Dokumen HTML disusun oleh elemen-elemen. “Elemen”
merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.
Universitas Sumatera Utara
13
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
b. Ganti garis line break dengan tag
c. Garis datar horizontal rule dengan tag
d. List item dengan tag
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan
dengan tag , dan 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 : _. 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.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head
dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar
sebagai berikut:
Universitas Sumatera Utara
14
…informasi tentang dokumen HTML
…informasi yang ditampilkan dalam browser web
Dalam suatu dokumen hanya ada satu elemen HTML. Section atau elemen
head ditandai dengan tag di awal, dan tag 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 dan
di akhiri dengan .
Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag
di akhir dokumen. Tag ini menandai elemen HTML, yang berarti
dokume ini adalah dokumen HTML.
Section body merupakan elemen terbesar didalam dokumen HTML.
Elemen ini berisi dokumen yang akan ditampilkan pada browser meliputi
paragraph, grafik, link, tabel dan sebagainya.
Universitas Sumatera Utara
15
Contoh penulisan suatu dokumen HTML sebagai berikut:
Halaman Contoh
File ini merupakan file contoh.
Ini untuk membuat huruf cetak tebal
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.
Contoh tag-tag yang sering digunakan dalam website ini adalah:
Universitas Sumatera Utara
16
1. Tag Heading
Tag Heading berfungsi untuk memformat heading (judul dan sub
judul) dari sebuah halaman website. Jenis heading terdiri atas tujuh
buah
yaitu
…
sampai
dengan
…..
… merupakan judul besar dan … sampai
dengan … merupakan sub judul.
2. Tag List
Tag List … digunakan untuk menampilkan informasi
dalam bentuk daftar (List). Ada dua jenis daftar yang dikenal
HTML,
yaitu
daftar
dalam
bullet
dengan
bentuk
tag
… dan dalam bentuk ….
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
hypertext.
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa
tag,yaitu:
a) …. untuk menebalkan teks
Universitas Sumatera Utara
17
b) …. untuk memiringkan teks
c) …. untuk menggaris bawahi teks
d) …. untuk memberikan coretan pada teks.
5. Tag Gambar
Tag 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) … untuk membuat teks atau
paragraph rata tengah
b) …
untuk
membuat
teks
atau
paragraph rata kanan
c) … untuk membuat teks atau paragraph
rata kiri
d) untuk membuat satu pemisah paragraph
e) untuk membuat pemisah satu baris
f) untuk memberikan satu garis pemisah yang berkesan
tiga dimensi.
Universitas Sumatera Utara
18
7. Tabel HTML
Untuk menampilkan data tabel pada HTML digunakan tag
…. Tag ini berisikan beberapa tag yaitu:
a) … untuk menampilkan beberapa judul tabel
yang biasanya terletak pada bagian atas atau paling kiri
pada table.
b) … untuk menentukan baris pada suatu table.
c) … untuk menampilkan data pada setiap sel
table.
d) … untuk menampilkan judul
table yang terletak pada bagian luar table.
8. Form HTML
Untuk mendeklarasikan sebuah form pada HTML digunakan tag
…. Didalam tag ini didefinisikan elemenelemen form seperti:
a) Textbox yang berguna untuk menampilkan masukkan
berupa textbox yang mampu menerima masukan beberapa
string sebanyak satu baris.
b) Textarea yang berguna untuk menampilkan masukkan
berupa textbox dan mampu menerima masukan berupa
string lebih dari satu baris.
Universitas Sumatera Utara
19
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 . Sebagai
penggantinya adalah tag . Untuk membuat
frame
pada
HTML
digunakan
….
Didalam
tag
tag
ini
terdapat tag yang menentukan isi dari
FRAMESET terdapat parameter ROWS yang berguna
untuk menentukan lebar frame horizontal (mendatar) dan
COLS
untuk
menentukan
tinggi
FRAME
terdapat
Universitas Sumatera Utara
20
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).
Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1995. Versi
pertama ini berupa sekumpulan script perl yang digunakan oleh Rasmus Lerdorf
untuk membuat halaman web yang dinamis pada homepage pribadinya. Rasmus
Universitas Sumatera Utara
21
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
Berdasarkan survey dilakukan Netcraft pada bulan desember tahun 1999
ditemukan bahwa lebih dari satu juti site yang menggunakan PHP. Hal ini dapat
dimaklumi karena PHP tidak dapat dipungkiri merupakan bahasa pemrograman
yang handal yang mempunyai banyak keunggulan antara lain :
Universitas Sumatera Utara
22
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 .
2.5
MySQL
SQL (Struktur Query Language) adalah bahasa standar yang telah lama digunakan
untuk akses database.
Setiap orang yang tertarik dengan pemrograman database tentunya tidak
akan asing mendengar nama SQL. Bahasa disebut-sebut banyak orang sebagai
Universitas Sumatera Utara
23
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
Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang
sangat sederhana adalah notepad.
Universitas Sumatera Utara
24
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
menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.
Universitas Sumatera Utara