BAB II LANDASAN TEORI 2.1. Pengertian Internet

BAB II

LANDASAN TEORI

2.1. Pengertian Internet

Internet berasal dari kata Interconnection Networking yang berarti hubungan

komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup

seluruh dunia (jaringan komputer global) melalui jalur telekomunikasi seperti

telepon, radio link, satelit, handphone dan lain-lain (Sutarman S.Kom, 2003).

Pada awalnya, internet berasal dari ARPAnet, dibangun oleh Advance

Research Project Agency. ARPAnet merupakan jaringan riset dan pertahanan

yang dibuat oleh Departemen Pertahanan AS pada awal 1970-an untuk riset

sistem jaringan dan sarana komunikasi serta pertukaran data antar ilmuwan untuk

proyek lainnya.The National Science Foundation (NSF) memperluas ARPAnet

dengan NSFnet yang pada awalnya dirancang untuk mengkoneksikan universitas-

univesitas dan pusat riset. Kemudian koneksi ini juga digunakan untuk

berkomunikasi antara individu-individu di dalam institusi ini lewat e-mail,

transfer file data, kelompok diskusi dan penggunaan lainnya.

Universitas Sumatera Utara

2.1.1. Bagaimana World Wide Web bekerja

World Wide Web adalah jaringan beribu-ribu komputer membentuk sistem

yang menyebabkan pertukaran data di internet menjadi mudah dan efisien

dibantu software khusus. Jaringan tersebut disebut jaringan client dan server.

Web terdiri dari dua komponen dasar :

• Server : Mengirimkan perintah-perintah untuk software client tentang

bagaimana dokumen tersebut ditampilkan dalam bentuk HTML (Hypertext

Markup Languange)

• Client : Meminta informasi yang disimpan server kemudian server

memproses dan merespon permintaan dari client, kemudian mengirimkan

informasi yang diminta client . Informasi dapat berupa gambar, suara, teks,

video , database, animasi dll.

2.1.2. Elemen-Elemen yang Terdapat di Dalam Website

Dalam kita merancang suatu website kita harus memperhatikan beberapa

hal yang penting yaitu ;

1. Teks

Dalam dokumen html, kita dapat menentukan format teks seperti cetak

tebal, miring, garis bawah dan sebagainya. Selain itu juga kita dapat

menentukan jenis huruf, warna untuk teks beserta ukuran dari teks html

yang menyediakan banyak tag untuk memformat suatu teks.


2. Theme

Sebuah kesatuan dari suatu elemen desain dan warna yang ditampilkan

dalam halaman web, sehingga tampil dalam kekonsistenan dan kelihatan

menarik.

3. Shared Border

Digunakan untuk menempatkan suatu daerah web di bagian atas ataupun

bagian bawah, kiri dan kanan dari halaman web dalam bentuk teks

ataupun gambar.

4. Gambar

Gambar yang ditampilkan dapat berupa gambar yang tidak bergerak

ataupun bergerak (animasi).

5. Link

Link digunakan untuk menghubungkan antara suatu halaman dengan

halaman lain di dalam dokumen yang sama ataupun dalam dokumen

yang tidak sama pada suatu homepage juga untuk menghubungkan antar

alamat URL (Uniform Resource Locator) dalam internet.


6. Tabel

Kegunaan table di dalam halaman web selain untuk pembuatan baris dan

kolom, tetapi juga untuk penyekatan naskah atau objek agar dalam

penempatan yang diinginkan oleh perancang website.

7. Form

Digunakan untuk pembuatan sejenis formulir seperti formulir buku

tamu, pengumpulan suara dan lain-lain.

2.1.3 Web Statis dan Dinamis

-Web statis adalah web yang dibangun dengan menggunakan HTML

dalam perancangan webnya dimana isinya tidak dapat berubah dinamis

singkatnya, untuk mengetahui suatu web bersifat statis atau dinamis dapat di

lihat dari tampilannya, pada web statis user hanya dapatmelihat saja

interaksi pengguna hanya terbatas dan hanya dapat melihat yang ditampilkan.

- Website Dinamis adalah website yang didalamnya terdapat campur tangan

dari sisi pengunjung, dengan kata lain terdapat interaktivitas didalam website

itu, karena dalam website tersebut terdapat pemrograman dan unsure database

Sehingga pengupdate-an akan lebih mudah dan bisa dilakukan secara real

time, atau online.Web dinamis dapat dibangun dengan menggunakan Server


Side Script, karena server side script ini dieksekusi di server dan dapat

mengakses environment lainnya seperti database. Sedangkan client-side script

dieksekusi di client dan tidak bisa mengakses ke database.

2.1.4 Tahapan Pengembangan Pembangunan Situs

Ada tahapan-tahapan yang harus dilakukan untuk membuat suatu sistem situs.

2.1.4.1. Perencanaan dan perancangan Web

Perencanaan web adalah tahap yang harus dilakukan sebelum mulai

membuat website atau situs web. Beberapa yang harus dipersipakan

pada tahap perencanaan adalah :

Website Sistem

Planning

Designing

Scripting

Testing

Promotion

Maintenance


- Tentukan terlebih dahulu tujuan dari situs web yang akan dibuat

serta target yang akan dicapai setelah web ini selesai dibuat.

- Tentukan siapa saja yang akan menjadi target pengunjung situs

web ? Apa saja yang dapat pengunjung lakukan pada situs web ?

- Rencanakan sistem yang akan digunakan dengan matang, agar situs

menjadi stabil, l dan dapat digunakan dengan baik.

- Persiapan data-data yang dibutuhkan secara lengkap dan

terstruktur, agar pada saat tahap perancangan tidak diperlukan lagi

persiapan data yang akan menyita waktu ketika bekerja.

- Buatlah time schedule (waktu kerja) yang akan mencatat berapa

lama proses kerja dalam membangun sebuah situs web.

Proses pembuatan sistem situs dimulai dengan proses perencanaan.

Pada tahap ini menentukan tujuan dari situs yang akan dibuat juga

melakukan analisa dan pengumpulan data yang diperlukan oleh situs,

kemudian menempatkan beberapa kebutuhan tersebut kedalam situs

yang akan dikembangkan.

2.1.4.2. Tujuan Pembuatan Situs Web

Dalam membuat sebuah situs harus mempunyai tujuan yang jelas

untuk apa situs ini dibuat.Yang dimaksud dengan perancangan situs

adalah rancangan layout, isi, menu dan yang termasuk dalam isi

(content) dari sebuah halaman web sapat direncanakan sebelum situs

dibuat.


Perancangan sebuah situs akan berbeda-beda sesuai dengan tujuan dari

situs yang dibuat. Berikut beberapa jenis situs web dikelompokkan

sesuai dengan tujuannya.

1. Marketing Tool (Alat pemasaran)

Sebuah situs web dibuat dengan tujuan untuk mempromosikan

(memasarkan) suatu produk atau jasa pelayanan yang ada pada

suatu perusahaan atau dapat berupa company profile. Pemasaran

melalui media internet (situs) akan lebih cepat dan jangkauannya

lebih luas.

Beberapa hal yang harus diperhatikan dalam merancang situs web

dengan tujuan sebagai alat pemasaran adalah sebagai berikut :

- Desain halaman web harus menarik

- Letak dan isi menu tidak terlalu banyak (simple)

- Menampilkan informasi latar belakang perusahaan

- Situs ini hanya berisi informasi dan tidak dapat melakukan

transaksi online melalui situs ini.

2. Value Added (Nilai Tambah)

Sebuah situs web dibuat hanya sebagai nilai tambah, sebagai

contoh suatu perusahaan besar dan ternama akan kalah bersaing


dengan perusahaan yang telah memiliki sebuah situs untuk

mempromosikan perusahaan mereka.

Mungkin saja perusahaan tersebut tidak terlalu membutuhkan

sebuah situs web, tetapi teknologi internet merupakan tren baru

yang telah dikenal masyarakat sehingga membuat mereka segera

memiliki situs agar tidak dibilang kuno.

3. Katalog

Alasan utama dibuatnya situs ini adalah untuk memasarkan

produk-produk dan pelayanan yang mereka sediakan kepada publik

melalui media internet. Karena banyak nya produk yang tersedia,

maka informasi yang lengkap mengenai produk harus dapat di-

update dengan mudah dan cepat.

Jika menggunakan katalog yang tercetak (media cetak), maka

peng-update-an akan memakan waktu yang lama dan biaya yang

tidak sedikit. Terlebih lagi jika tersedianya produk baru yang akan

segera dipublikasinya ke masyarakat luas. Maka dengan media

internet semua hal tersebut dapat dilakukan dengan mudah, efisien

dan lebih ekonmis.

Situs yang dibuat dengan tujuan katalog umumnya harus memiliki

kriteria sebagia berikut :

- Tujuan dari marketing tool sudah tercapai


- Produk atau jasa yang tersedia pada perusahaan tersebut cukup

banyak sehingga memang diperlukan sebuah katalog

elektronik.

- Informasi yang ditampilkan harus jelas dan lengkap

- Meskipun semua produk atau jasa ditampilkan pada situs ini,

pengunjung tidak dapat membeli produk atau membayar secara

online melalui situs ini

- Pembayaran dilakukan secara offline, bukan secara online.

4. E-commerce

E-commerce (Electronic Commerce) mulai berkembang di

Indonesia sekitar tahun 2000, dan mulai menjadi sebuh tren baru

dalam dunia internet untuk dijadikan sebuah media bisnis.

Terdapat beberapa pengertian tentang e-commerce, diantaranya

adalah :

Menurut David Baum (1999), “E-commerce merupakan suatu

kumpulan yang dinamis antara teknologi, aplikasi dan proses bisnis

yang menghubungkan perusahaan, konsumen dan komunitas

tertentu elektronik dan perdagangan barang, pelayanan dan

informasi yang dilakukan secara elektronik.”

Berdasarkan definisi-definisi tersebut di atas maka dapat

disimpulkan definisi e-commerce secara umum yaitu suatu cara

berbelanja atau berdagang secara online atau direct selling yang


memanfaatkan fasilitas internet dimana terdapat situs web yang

menyediakan layanan “get and deliver”.

Dalam bertransaksi dengan e-commerce, terdapat beberapa cara

pembayaranan yang dapat digunakan. Pembayaran yang dilakukan

bergantung pada jenis dan jumlah harga dari produk atau pelayanan

yang disediakan.

5. E-learning

Perkembangan teknologi yang pesat telah memacu munculnya

aplikasi pada dunia pendidikan yang berbasis teknologi internet. E-

learning dapat didefenisikan sebagai sekolah maya. Definisi lain

adalah sebagai usaha untuk membuat sebuah transformasi proses

belajar mengajar yang ada disekolah ke dalam bentuk digital yang

dijembatani oleh teknologi internet.

5. Komunitas

Komunitas adalah sebuah situs web yang dibuat dengan tujuan

untuk memungkinkan pengunjung berkomunikasi secara

bersamaan. Pengunjung dapat berbagi pengalaman dengan

pengunjung lain melalui situs ini. Situs komunitas merupakan situs

yang ramai dikunjungi karena merupakan tempat berkumpulnya


para user untuk berbagi ide, cerita dan lainya. Salah satu fitur pada

situs komunitas adalah forum diskusi.

8. Portal

Portal adalah aplikasi berbasis web yang meyediakan akses suatu

titik tunggal dari informasi online terdistribusi, seperti dokumen

yang didapat melalui pencarian, kanal berita dan link ke situs

khusus. Portal merupakan gerbang menghubungkan beberapa situs

menjadi suatu komunitas yang besar.

8. Personal

Situs ini bertujuan untuk mempromosikan diri sendiri, biasanya

berisi informasi kepada dunia bahwa dia (exist) ada dunia maya ini.

Pemilik situs personal bisa seorang artis terkenal, grup musik,

orang terkenal, olahragwan, penulis buku bahkan mungkin

seseorang yang ingin dikenal oleh rekan-rekananya.

2.1.4.3. Pembuatan Peta Situs (Sitemap)

Sitemap adalah susunan menu atau hirarki menu dari suatu situs yang

menggambarkan isi dari setiap halaman dan link navigasi tiap halaman


pada suatu situs web. Susunan sitemap suatu situs sangat dipengaruhi

oleh tujuan dari situs web yang akan dibuat.

2.1.4.4. Pengumpulan Data

Pengumpulan data dimaksud untuk mendapatkan keterangan dari

klien, mengenai semua yang berhubungan dengan situs yang akan

dibuat. Untuk mendapatkan informasi yang diperlukan terdapat

beberapa metode yang dapat digunakan sepeti wawancara langsung

dengan pemilik situs, pengisian kuisioner, memberikan contoh-contoh

desain lainnya dan membantu mengambil keputusan. Ada dua metode

yang dapat dilakukan dalam pengumpulan data yaitu :

1. Metode Wawancara (Interview)

Wawancara digunakan jika ingin mendapatkan informasi yang lebih

kompleks dan detail.

2. Metode kuisioner

Kuisioner adalah dokumen yang berisikan daftar pertanyaan yang

mempunyai tujuan khusus yaitu mendapatkan infromasi tertentu dari

respondennya.

2.1.4.5. Pembuatan Jadwal kerja (Time Schedule)

Pembuatan jadwal kerja akan menentukan berapa lama waktu yang

dibutuhkan untuk membangun suatu situs. Pembuatan jawal kerja


sangat membantu karena setiap pekerjaan akan lebih teratur dan

terencana dengan baik.

2.1.4.6. Desain (Design)

Tahap berikutnya melakukan desain terhadap tampilan halaman depan

dan halaman situs. Pada tahap ini adalah menentukan dan membuat

rancangan tampilan dari situs yang akan dibuat. Desain diperlukan

dalam masalah keindahan situs. Hal ini dapat berupa kombinasi warna-

warna unik, tata letak, jenis huruf yang membuat isi situs sangat

memikat dan mudah untuk dibaca. Keputusan tentang bagaimana situs

harus berikteraksi dengan para pengunjung sehingga memudahkan

mereka bernavigasi dan bagaimana informasi dikategorikan sehingga

para pengunjung dapat mengakses informasi yang mereka kehendaki.

Untuk membuat rancangan tampilan, menggunakan software pengolah

grafik seperti Adobe Photoshop. Pada tahapan desain yang dibuat

dijadikan sebuah dokumen HTML yang merupakan format dasar

dokumen untuk sebuah halaman web.

2.1.4.7. Animasi Flash

Pada tahapan ini membuat animasi flash agar situs tampil lebih

menarik. Pembuatan animasi ditujukan untuk pembuatan sebuah menu


interaktif dan terlihat lebih menarik sehingga flash merupakan elemen

yang harus diperhitungkan dengan matang pembuatannya.

2.1.4.8. Pemrograman (Scripting)

Tahapan ini mulai membuat sistem yang akan digunakan pada situs

web. Pembuatan tahapan programming membutuhkan perencanaan

dan dokumentasi yang lengkap, karena pembuatannya akan menyita

banyak waktu dan pemikiran sehingga dibutuhkan sebuah memo atau

pengingat agar proses tahapan ini dapat diselesaikan dengan baik.

Tahap ini merealisasikan ide-ide dari tahap-tahap sebelumnya ke situs.

Produksi meliputi teknologi yang digunakan untu menjadikan ide-ide

dalam tahap desain tersebut ke realitas. Dari gambaran yang diperoleh

dan tahap desain selanjutnya melakukan scripting dari hasil desain

tersebut ke dalam bahasa web sehingga bisa diluncurkan di internet.

2.1.4.9. Uji coba(Testing)

Pengujian yang dilakukan untuk meyakinkan jikalau semua halaman

situs telah terhubung dengan benar dan semua link eksternal situs web

terjaga. Tahap ini menguji fungsionalitas dari formulir-formulir

interaktif dan validasi penginputan data oleh pengujung. Tahap ini

dapat dikatakan sebagai control pengujian kualitas, baik di server local

maupun di server hosting terhadap file-file yang sudah di-upload. Hal


ini dilakukan karena terkadang perbedaan sistem komputer lokal dan

server akan membuat kinerja sistem sedikit berbeda.

2.1.4.10. Peluncuran

Pada tahapan ini situs saatnya di upload atau di-online kan dimana

proses ini bisanya membutuhkan waktu satu hari termasuk uji coba

akhir. Setelah sistem sudah online dan berjalan tinggal memperhatikan

dan mengecek jalannya sistem. Selama situs online harus selalu

dilakukan perawatan secara berkala.

2.1.4.11. Promosi (Promotion)

Setelah melakukan tahap uji coba, saatnya meluncurkan situs web ke

Internet untuk mendeklarasikan keberadaanya kepada dunia. Promosi

merupakan tahap yang sangat penting untuk membuat situs dikenal,

baik melalui semua media offline maupun online. Promosikan alamat

situs web melalui semua media bisnis yang ada, seperti kartu nama,

brosur, kop surat dan lain-lain. Masukkan situs ke search engine untuk

membantu pengunjung-pengunjung baru dalam mencari situs.


2.1.4.12. Pemeliharaan (Maintenance)

Setelah situs diluncurkan, maka diperlukan tahap pemeliharaan

terhadap situs tersebut. Pemeliharaan menjaga kesegaran situs dengan

isi-isi yang terbaru. Server yang dipergunakan juga harus dipelihara

agar keamanan situs terjaga dari serangan-serangan hacker.

2.2.Desain Web

2.2.1. Software Pengolah grafik

Pada umumnya Software pengolah garfik yang digunakan untuk

pembuatan web adalah Adobe Photoshop atau lebih dikenal dengan Software

pengeditan gambar (editing image) atau juga software manipulasi gambar.

Adobe telah mengeluarkan versi terbaru yaitu Adobe Photoshop CS 2. Disini

penulis menggunakan adobe photoshop 7.0 dalam memanipulasi gambar yang

akan dipakai dalam pembuatan website penulis dikarenakan besarnya

kebutuhan sistem komputer mengingat keterbatasan hardware yang dimiliki

penulis. Namun penulis tidak membahas membahas tentang Adobe Photoshop

7.0 secara detail mengingat begitu banyak fitur-fitur yang ada didalam

software ini.


Mengenal Ruang Kerja Adobe Photoshop 7.0

Gambar 2.2. Interface Adobe Photoshop 7.0

Secara garis besar area dalam Adobe Photoshop terbagi menjadi

beberapa bagian antara lain:

Menu Bar

Menu bar berisikan menu perintah seperti membuat dokumen baru dan

lain sebagainya. Menu-menu tersebut dikelompokkan berdasarkan

topic

Gambar 2.3 Menu bar


ToolBox

Toolbox berisi peralatan untuk membuat dan mengedit image. Untuk

memilih sebuah toolbox yang kita perlukan dalam membuat ataupun

mengedit gambar dapat dilakukan dengan mengklik ikon-ikon pada

toolbox.

Gambar 2.4. Tool bar

Segitiga kecil yang ada pada kanan bawah sebuah ikon itu

menunjukkan adanya tool lain yang sejenis yang masih tersimpan.

Option Bar

Option bar berisi option atau pilihan saat menggunakan sebuah tool

(alat). Sebagai contoh jika menggunakan Lasso Tool ataupun Text

Tool, pada option bar akan muncul menu yang berhubungan dengan

lasso tool ataupun text tool, seperti feather, anti alias dan jenis seleksi

yang mengatur tool-tool tersebut.


Gambar 2.5. Option Bar untuk text tool

Gambar 2.6. Option Bar untuk brush tool

Pallettes

Pallettes berguna untuk membantu memonitor, mengedit dan

memodifikasi gambar. secara default, pallette muncul dalam sebuah

group.

Pengertian Layer

Dalam sebuah pallette layer ini terletak, jika layer belum muncul pada

tampilan layar monitor, dapat dimunculkan dengan mengklik menu

Window > Layer, jika sudah terceklis maka layer sudah muncul. Layer

pada adobe photoshop sangat berperan penting, inilah bagian canggih

yang dimiliki oleh sebuah program atau software pengolahan gambar.


2.2.2. Mengenal Macromedia Dreamweaver Mx

2.2.2.1. Mengenal macromedia dreamweaver MX

Macromedia Dreamweaver merupakan software yang lebih

dikenal sebagai software web authoring tool, yaitu software untuk

desain dan layout halaman web. Macromedia Dreaweaver saat ini telah

memiliki versi terbaru yang lebih kenal disebut dengan Macromedia

Dreamweaver MX 2004.

Saat ini Macromedia Dreamweaver merupakan software utama yang

digunakan oleh web designer maupun web programmer dalam

membangun suatu situs web. Hal ini disebabkan ruang kerja, fasilitas

dan kemampuan dreamweaver yang mampu meningkatkan

produktifitas dan efektifitas dalam desain maupun membangun suatu

situs web.

2.2.2.2. Ruang Kerja dreamweaver MX

1. Konsep Ruang Kerja

Versi Dreamweaver MX memiliki tiga macam layout ruang

kerja. Ruang kerja pertama memiliki layout yang hampir sama persis

dengan Dreamweaver versi 4. ruang kerja kedua merupakan versi

standar dari Macromedia Dreamweaver MX, sedangkan yang ketiga

merupakan layout ruang kerja yang berasal dari homesite yang


diutamakan untuk editing kode. Pilihan layout dapat diatur ruang kerja

ini pada menu edit > preferences pada kategori general, lalu klik

tombol change workspace yang akan menampilkan kotak dialog.

Gambar 2.8. Tampilan ruang kerja Dreamweaver standar

Ruang kerja pada macromedia dreamweaver MX memiliki

komponen-komponen yang memberikan fasilitas dan area dimana kita

dapat bekerja. Tipe ruang kerja ditentukan berdasarkan kebutuhan

maupun kebiasaan .

3. Komponen Ruang Kerja

a. Insert Bar

Komponen ini mengandung tombol-tombol untuk menyisipkan

berbagai macam objek seperti image, tabel, dan layer ke dalam

dokumen. Setiap objek adalah kutipan kode HTML yang memberikan


fasilitas bagi kita untuk mengatur atributnya sebagaimana kita

menyisipkannya.

Gambar 2.9. Insert Bar

Insert bar memiliki kategori-kategori elemen yang dapat

disisipkan untuk memilih kategori yang diinginkan denagn mengklik

tab-tab di bagian atas insert bar. Kategori-kategori yang ada yaitu

Common

Digunakan untuk menyisipkan objek/elemen yang sering

disisipkan dalam halaman web, misalnya image, tabel, hyperlink,

dan lain-lain.

Layout

Digunakan untuk menyisipkan layer atau tabel, juga memberikan

fasilitas untuk berpindah dari tampilan standar ketampilan layout

atau juga sebaliknya.

Text

Digunakan untuk menyisipkan teks sesuai format yang diinginkan,

misalnya bold, italic, heading, list dan lain-lain.

Table

Digunakan untuk menyisipkan tabel dan tag-tag untuk tabel. Tag-

tag ini hanya dapat disisipkan pada mode code view.

Frames

Digunakan untuk membuat halaman web dengan frame.


Forms

Digunakan untuk menyisipkan form dan elemen-elemen form.

Templates

Digunakan apabila bekerja dengan template.

Characters

Digunakan untuk menyisipkan karakter-karakter khusus yang tidak

dapat ditemukan dalam keyboard.

Media

Digunakan untuk menyisipkan berbagai media seperti objek flash,

flash text, flash button, applet, activex, shockwave, maupun plugin.

Head

Digunakan untuk menyisipkan elemen didalam tag <head> dari

halaman web, seperti meta tag.

Script

Digunakan untuk menyisipkan script, seperti javascript, Vbscript.

Aplication

Kategori ini digunakan untuk membuat aplikasi database dalam

Dreamweaver MX.

b. Document Toolbar

komponen ini mengandung tombol-tombol dan menu pop-

up yang menyediakan tampilan berbeda dari document Window

(seperti design view dan code view).


Gambar 2.10 Document Toolbar

c. Document Window

komponen ini merupakan komponen dimana dokumen kita

di buat dan ditampilkan. Menyisipkan teks, image dan objek

lainnya di dalam bagian ini. Document window dalam

Dreamweaver MX dapat menampilkan layout web seperti yang

lihat pada browser.

Gambar 2.11. Document window

d. Panel Group

Panel group adalah kumpulan panel berkaitan yang

dikelompokkan bersama di bawah satu judul. Untuk mengekspansi

panel group, klik pada panah expander disebelah kiri nama group.


Terdapat beberapa jenis panel group, antara lain design, code,

application, files, dan answer.

Gambar 2.12. Design Panel Group

e. Tag Selector

Tag selector terletak pada status bar, tepatnya dibawah

document window yang berfungsi menampilkan hierarki tag

disekitar pilihan yang aktif pada design view.

Gambar 2.13. Tag Selector

f. Property Inspector

Property inspector memberikan fasilitas untuk melihat dan

mengubah berbagai property objek yang dipilih atau teks. Setiap

macam objek memiliki property yang berbeda.


Gambar 2.14. Property Inspector

g. Site Panel

Site panel memberikan fasilitas untuk mengatur file dan folder

yang membentuk situs web .

Gambar 2.15. Site Panel dalam Files Panel group

2.2.3. Pemrograman Aplikasi Basis Data di Web

Demikian juga dalam pembuatan aplikasi yang melibatkan basis data di

web, maka data tersebut harus dikonversikan dulu dalam bentuk HTML, agar

dapat ditampilkan di browser. Berdasarkan pengolahan dan penyajian maka

HTML dapat dibedakan menjadi dua format:


a. Format HTML statis

Format HTML statis digunakan bila data yang akan disajikan tidak

selalu sering berubah, bila terjadi perubahan data maka HTML tersebut

harus diperbaharui lagi. Dokumen yang dibuat dengan format statis selalu

berekstensi html ataupun htm.

b. Format HTML dinamis

Format HTML dinamis digunakan bila data yang akan disajikan selalu

berubah-ubah, dan pemakai perlu untuk memasukkan dan mencari data

yang terbaru dari basis data. Format HTML dinamis ini biasanya dikaitkan

dengan basis data. Contoh yang paling sering ditemui adalah buku tamu

(guestbook). Pada saat mengakses halaman buku tamu tersebut, data

pemakai belum ada dibuku tamu tersebut, tetapi setelah pengunjung

mengisi buku tamu tersebut, pemakai yang mengakses halaman tersebut,

akan menemukan data baru dihalaman tersebut, padahal halaman tersebut

tidak diubah oleh si pemilik website.

1. Pengertian PHP

PHP Merupakan bahasa pemrograman server side yang pali

popular dan banyak digunakan. Pada awalnya PHP memiliki singkatan

Personal HomePage tool yang pertama kali dibuat oleh Rasmus Lerdford


pada tahun 1994. Namun sekarang PHP sudah dibuat dan dilengkapi oleh

banyak pihak sehingga mengalami perkembangan yang sangat pesat.

Singkatannya juga telah berubah menjadi singkatan berulang, yakni PHP

Hypertext Prepocessor. Pada tahun 1995, Rasmus menciptakan PHP/F1

Versi 2. Pada versi inilah pemrograman dapat menempelkan kode

terstruktur didalam tag HTML. Kode PHP juga bisa berkomunikasi

dengan database dan melakukan perhitungan-perhitungan yang kompleks

sambil jalan.

Pada saat ini, PHP cukup popular sebagai peranti pemrograman

web, terutama dilingkungan Linux. Walaupun demikian, PHP sebenarnya

juga dapat berfungsi pada server-server yang berbasis UNIX, Windows

NT, Macintosh bahkan versi Windows 95/98 pun tersedia.

2. Keunggulan PHP

Keunggulan PHP diantara script database lain adalah open source

atau bersifat bebas pakai dan tidak perlu membayar apapun untuk

menggunakan perangkat lunaknya. PHP dapat di download melalui situs

www.php.net. Untuk versi Windows dapat diperoleh kode binernya dan

untuk versi Linux dapat diketahui sumbernya secara lengkap. PHP sejak

awal memang didesain sebagai bahasa pemrograman web, sehingga fitur-

fiturnya telah dipilihkan yang sering dipakai dalam pembuatan situs. Jika

seorang meng-instal PHP, biasanya ia sudah langsung mendapatkan kotak

peralatan yang cukup lengkap; mulai dari konektivitas database, eksekusi


http://www.php.net/�

program eksternal untuk memproses image, upload file, otentikasi HTTP,

manipulasi cookie, mengambil dokumen dari URL remote dan sebagainya.

Untuk mendapatkannya harus mengeluarkan biaya yang cukup mahal

untuk membeli komponen. Ini karena ASP tumbuh di kultur Windows,

dimana mayoritas software adalah komersial atau shareware. Sementara

PHP tumbuh di lingkungan Linux yang rata-rata software bersifat gratis.

Dari segi bahasa pun PHP dibuat praktis untuk pemrograman web, lebih

sederhana dibandingkan dengan CGI (Common Gateway Interface).

Cukup buat sebuah HTML biasa, kemudian ditambahkan kode-kode

program yang diapit tanda <?…?>. Disamping itu PHP dalam memproses

database dan mengeksekusi suatu perintah relatif lebih cepat dibandingkan

dengan ASP

Berikut Kelebihan-kelebihan dari PHP yaitu :

- PHP mudah dibuat dan kecepatan akses tinggiPHP dapat berjalan

dalam web server yang berbeda dan dalam sistem operasi yang

berbeda pula. PHP dapat berjalan di sistem operasi UNIX, Windows

98, Windows NT dan Macintosh

- PHP diterbitkan secara gratis

- PHP juga dapat berjalan pada web server Microsoft Personal Web

Server, Apache, IIS, Xitami dan sebagainya

- PHP adalah termasuk bahasa yang embedded (bisa ditempel atau

diletakkan dalam tag HTML)


3. Konsep Kerja PHP

Model kerja HTML, diawali dengan permintaan suatu halaman

web oleh browser. Berdasarkan URL atau dikenal dengan sebutan alamat

Internet, browser mendapatkan alamat dari web server,

mengidentifikasikan halaman yang dikehendaki dan menyampaikan segala

informasi yang dibutuhkan oleh web server. Selanjutnya web server akan

mencarikan berkas yang diminta dan memberikan isinya ke browser.

Browser yang mendapatkan isinya segera melakukan proses penerjemahan

kode HTML dan menampilkan ke layar pemakai.

Gambar 2.16. Skema HTML

Bila yang diminta adalah sebuah halaman PHP maka, prinsipnya sama

dengan kode HTML. Hanya ketika berkas PHP yang diminta didapat oleh

web server, isinya segera dikirimkan ke mesin PHP yang disebut dengan

apache web server dan mesin inilah yang memproses dan memberikan

Web Server

Kode HTML

Browser

Permintaan HTTP (sesuatu.html)


hasilnya (berupa kode PHP) ke web server. Selanjutnya, web server

menyampaikan ke klien.

Gambar 217. Skema PHP

4. PHP Dan Database

Salah satu kelebihan dari PHP adalah mampu berkomunikasi

dengan bebagai database yang terkenal. Dengan demikian, menampilkan

data yang bersifat dinamis, yang diambil dari database, merupakan hal

yang mudah untuk diimplementasikan. Itulah sebabnya sering dikatakan

bahwa PHP sangat cocok untuk membangun halaman-halaman web

dinamis.

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai

database meskipun dengan kelengkapan yang berbeda-beda.

Web Server

Kode HTML

Browser

Skrip PHP

Permintaan HTTP (sesuatu.html)

Tanggapan HTTP


5. Pengertian MySQL

Database server ini sedikit eksentrik, karena bila digunakan di software

non Microsoft, MySQL adalah gratis, sedangkan bila digunakan di

Microsoft Windows, sifatnya adalah shareware (walaupun tidak memiliki

expire date).

MySQL didesain agar dapat berjalan sampai 100 akses secara

simultan. MySQL dibuat untuk berjalan cepat, hal ini yang Membuat

MySQL menghilangkan kemampuan seperti transactional processing.

SQL function yang bersifat menurunkan unjuk kerja dibuang. MySQL juga

mampu berjalan pada database sampai 100 GB, cukup menakjubkan untuk

sebuah software gratis.

Seperti kebanyakan program gratis di internet, MySQL juga

dilengkapi dengan dokumentasi lengkap, sehingga memudahkan untuk

menginstalasi sampai menggunakan perintah-perintah yang ada

didalamnya.

6. Instalasi Sistem PHP

Untuk menjalankan PHP, dibutuhkan tiga komponen yaitu pertama

adalah web server, karena PHP adalah sebuah bahasa pemrograman

server-side (dijalankan disisi server). Kedua adalah PHP itu sendiri.

Program ini akan memproses skrip-skrip PHP sehingga dapat berjalan dan

mengeluarkan hasil. Program PHP ini dapat berupa program yang berdiri


sendiri maupun berupa modul pada web server. Yang ketiga adalah server

database. Ini sebetulnya tidak wajib namun amat umum dipakai bersama

PHP, untuk menyimpan data-data agar nanti dapat diproses kembali.

Sebelum melakukan instalasi terlebih dahulu menentukan sistem

PHP dijalankan dalam platform apa. PHP sangat portable dan berjalan di

berbagai Operating System, telah tercatat tidak kurang dari Windows,

Unix (Linux, FreeBSD, Solaris –dan nama-nama sistem Unix lain yang

mungkin asing didengar), Macintosh (termasuk OS X yang terbaru), OS/2,

dan VMS. Web server dan server database juga ada yang berjalan di

Windows. Bahkan PHP dapat juga menjalankan server database dan web

server di dua mesin yang berbeda Operating System.

Penginstalan dapat dilkaukan dengan dua cara, yang pertama yaitu

cara termudah dan tercepat menggunakan PHPTriad atau PHPDev4 5NT

yang akan menginstal ketiga komponen PHP, Apache, dan MySQL

sekaligus. Cara kedua dengan meng-instal masing-masing komponen

secara terpisah.

PHP Triad atau paket lain seperti PHPDev4 5NT adalah paket

Windows yang berisi Apache, MySQL, PHP dan juga Perl. Untuk

mendapatkan PHPTriad ataupu paket lain dapat di download dari internet

melalui website http://www.phpgeek.com atau dapat dicari melalui

website search engine dengan kata kunci PHP Triad atau PHPDev4 5NT.

Atau dapat diperoleh dari majalah-majalah komputer yang membahas

tentang PHP yang disertakan dalam bentuk CD (Compact Disk).


BAB II LANDASAN TEORI 2.1. Pengertian Internet

Documents

Transcript of BAB II LANDASAN TEORI 2.1. Pengertian Internet