bab ii landasan teori 2.1. pengertian internet
TRANSCRIPT
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
- 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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
- 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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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).
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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:
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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)
Universitas Sumatera Utara
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)
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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).
Universitas Sumatera Utara