pemrograman web
Pemrograman Web
BAB
1
A.
Teknologi
Web Base
Internet yaitu sambungan jaringan
komputer berskala luas atau WAN (Wide Area Network) , yang setiap peralatan
komputer di dunia dapat saling berhubungan. Penguna komputer di London, Inggris
dan Tanah Abang, Jakarta, Indonesia dapat saling komunikasi dalam seperkian
detik dengan teknologi internet . Kemajuan teknologi internet selalu
disandingkan dengan aplikasi halaman web (web page) sebagai sarana
berkomunikasi dan bertukar informasi.
Web merupakan layanan informasi berupa rangkaian tulisan (hypertext) dalam dokumen yang dapat
dibaca, dilihat, dan dioperasikan oleh pengguna (user) dengan aplikasi browser.
Teknologi web bermula pada tahun 1993 di European Particle Physic Lab (Consei European pour la Recherche
Nucleaire) atau CERN yang membangun aplikasi hypetext untuk bertukar
informasi pada jaringan komputer dan sangat menguntungkan untuk dikembangkan
karena cukup ringan dan mudah diakses sehingga melahirkan konsep WWW (World Wide Web) beserta aplikasi web
server dan browsernya. Selanjutnya dikembangkan oleh W3C (World Wide Web Consortium) yang mendefinisikan secara lengkap web
page berbasis HTML (HyperText Markup
Language).
B.
Konsep
Kerja Web
HTML (HyperText
Markup Language) adalah dokumen teks
yang berisi susunan baris kode menurut aturan standart tertentu dengan ekstensi
file .html atau .html. Untuk membuka hasil pemrograman web berbasis html yaitu dengan
menjalankan aplikasi web browser. Web browser mengambil isi dokumen html dari
server dan menerjemahkan ke dalam bentuk halaman informasi.
Melalui web browser, pengguna melakukan permintaan dengan mengetikkan
URL nama file dokumen .html pada web server melalui sambungan internet, web server
akan merespon dengan mencari file yang diminta pada hardisk, setelah file
ditemukan server akan mengirimkan file / dokumen tersebut ke pengguna, kemudian
web menerjemahkan isinya menjadi halaman web yang dapat dilihat oleh pengguna.
Web
server adalah mesin komputer dengan layanan
HTTP (Hypertext Transfer Protocol) yang
menyimpan dokumen HTML ke media penyimpanan ,bertugas untuk melayani setiap
permintaan halaman web dari web client. Protocol
adalah standart pemrosesan data informasi yang dapat dijalankan oleh
beragam mesin dan sistem operasi. URL (Uniform
Resource Locator) adalah teknik pemanggilan sebuah nama dokumen HTML pada mesin
web server, contoh http://www.abc.com/index.html.
Ada beberapa jenis pemanggilan nama URL, yaitu sebagai berikut.
1.
URL
Ghoper
URL ghoper yaitu metode pemanggilan
system ghoper sever pada port 70 dengan system keamanan yang agak ketat. Cara
pemanggilannya adalah gopher://gopher.contoh.com.
Jika sudah beralih menjadi port 1500, cara penulisannya gopher://ghoper.contoh.com:1500/.
2.
URL
News
URL ini dikhususkan pada group news
pengguna internet. Cara pemanggilannya dengan format news://contoh.com.
Aplikasi untuk klien ini adalah NSCA Mosaic.
3. URL File
URL ini menggunakan metode pemanggilan
sebuah dokumen pada lokasi server tertentu. Contoh format yaitu file://www.abc.com/dokumen/berita.pdf.
4.
URL
HTTP
Protocol ini biasa digunakan untuk
melayani system transfer dokumen. Metode pemanggilannya seperti contoh http://www.abc.com/index.html.
C.
Halaman
Web Berbasis HTML
HTML (Hypertext Markup language)
merupakan susunan baris kode pemrograman yang diawali dengan tag < > dan
diakhiri denga tag </> dalam sebuah file teks dengan ekstensi .htm atau
.html
<html>
<head>
<title>My Web Page</title> </head>
<body>
Selamat Datang
</body>
</html>
Aturan
penulisan kode dalam HTML sebagai berikut.
§ Diawali tag pembuka
dan diakhiri dengan tag penutup.
§ Komentar
Untuk
penulisan komentar dengan menggunakan format berikut ini
§ fBesar kecil huruf tidak berpengaruh, non-case sensitive
.
. . .”
Ada
beberapa versi HTML dalam pemrograman :
1. HTML
1.0
Merupakan versi pertama HTML. Model
rancang bangun dokumen HTML masih sangat sederhana , hanya untuk pengelolaan
teks seperti heading, paragraph, hypertext, list, dan format teks untuk tebal /
miring.
2. HTML
2.0
HTML ini sudah dilengkapi dengan
teknik membuat form. Form tersebut berfungsi untuk interaksi dengan user atau
sebagai edit box sehingga ada perbaikan interaksi dan komunikasi antara user
dengan halaman web.
3. HTML
3.0
Perbaikan dari sistem sebelumnya ,
HTML 3.0 sudah dilengkapi dengan teknologi pembuatan layout tabel dan gambar
dengan perintah figure yang merupakan perkembangan dari perintah image.
4. HTML
3.2
HTML ini sudah dilengkapi dengan
metode Java Applet (teks yang dapat diletakkan di sekeliling gambar),
superscript, subscript, peralatan layout pada tabel ,desain background berupa
gambar dan warna, dan metode frame
dan style sheet (pemisah layout
halaman dengan isinya).
5. HTML
4.0
Merupakan perbaikan terhadap desain
web yang m/encakup fasilitas perataan paragraph baik left, right, justify, maupun align
center.
D.
Halaman
Web berbasis ASP
Active
Server Pages (ASP) merupakan sebuah program web yang harus dijalankan dengan
sebuah server khusus yang dikenal dengan Internet Information Server (IIS) yang
hanya bisa dijalankan di sistem operasi Windows. Secara default, IIS merupakan
paket bawaan pada sistem operasi Windows 2000 server ke atas, sedangkan pada Windows
NT 4.0 adalah komponen tambahan dapat dipilih ketika melakukan instalasi
(komponen server IIS bisa didownload di situs resmi Microsoft). Namun, pada
Windows 95 / Windows 98 tidak bisa menjalankan aplikasi IIS. Untuk membuat Windows
95 atau 98 sebagai OS server web bisa
dengan menggunakan aplikasi PWS (Personal
Web Server) pada CD instalasi OS Windows. ASP server dapat dijalankan di komputer
walaupun tidak bersistem operasi Windows yaitu menggunakan ChiliAP / InstantASP
sebagai platform-nya.
Web berbasis ASP adalah sebuah file yang
mengandung baris kode tertentu dengan ekstensi .asp. File tersebut disimpan dalam direktori tertentu pada web server IIS
untuk diesekusi ketika ada permintaan dari pengguna jaringan. Sebuah file
berekstensi .asp dapat berisi kode pemrograman HTML, teks biasa, maupun kode
script seperti vbscript maupun JavaScript.
Konsep kerja dari ASP adalah
sebagai berikut.
1. Ketika
ada permintaan dari web browser client
untuk membuka sebuah halaman ASP, request
tersebut akan dikirimkan ke server.
2. Oleh
server, request diterjemahkan menjadi perintah untuk mencari dan memanggil
sebuah file ASP.
3. File
ASP tersebut dibaca dan diesekusi script-nya oleh server.
4. Setelah
berhasil , server akan mengirimkan hasilnya ke web browser client berupa file HTML murni.
Keuntungan
menggunakan pemrograman web dengan ASP adalah sebagai berikut.
1. Dapat
melakukan pemrograman web secara dinamis, yaitu dengan mengubah, menambah, dan
menghapus isi informasi sebuah halaman web.
2. Dapat
melakukan pengelolaan database, baik untuk mengakses, memanipulasi query database, dan menampilkan hasilnya
ke web browser.
3. ASP
memiliki kecepatan yang lebih tinggi dibandingkan dengan server CGI dan PERL.
4. Tingkat
keamanan lebih baik, karena halaman web yang ditampilkan merupakan esekusi
dengan output HTML murni, sehingga
script kode pemrograman ASP tidak dapat dilihat.
Contoh pemrograman web berbasis ASP.
<html> => Tag
pembuka script HTML
<body> => Tag
awal bagian body HTML
<% => Tag pembuka dimana script ASP dituliskan
Response.write (“Ini adalah web dengan ASP”) => Script untuk menampilkan output sebuah
kalimat
%> => Tag penutup sebagai tanda berakhirnya
bagian badan script ASP
</body>
=> Tag penutup bagian body web
</html> => Tag penutup script HTML
E.
Halaman
Web Berbasis PHP
PHP (Personal Home Page) memiliki kelebihan
dalam kebebasan penggunaannya atau free
license dibawah lisensi GNU dan merupakan turunan dari bahasa C yang
dikembangkan oleh Rasmus Lerdorf pada era tahun 1995-an. Pada masa itu, PHP
masih dikenal dengan nama Form
Interpreted (FI). Pengenalan interpreted PHP dalam bahasa C baru dirilis
sekitar bulan November 1997 dengan nama PHP/FI 2.0. berbagai perbaikan modul
dan bug error membuat PHP menjadi salah satu bahasa pemrograman yang paling
sering digunakan.
Berikut
perkembangan dari bahasa pemrograman PHP.
1. PHP/FI
(Personal
Home Page/Form Interpreted)
Ditemukan oleh programmer bernama Rasmus Lerdorf.
Saat itu beliau membuat kode program (script) untuk web pribadinya menggunakan
bahasa Perl.
Kegunaannya yaitu untuk menampilkan resume pribadi dan mencatat jumlah
pengunjung suatu website. Dan beliau menamainya sebagai PHP/FI untuk membuat
aplikasi web dinamis sederhana.
2. PHP
versi 2.0
Versi
2.0 ini merupakan perbaikan dari sebelumnya. Dengan kemampuan mengintegrasikan
bahasa pemrograman C dan HTML. Disamping itu, versi ini sudah dilengkapi fasilitas
pengaksesan database sehingga cocok digunakan sebagai tool perancang system
informasi berbasis database.
3. PHP
versi 3.0.
Pada
versi ini terjadi perubahan singkatan nama menjadi Hypertext Preprocessor. PHP versi 3.0 ditulis ulang dan
diperkenalkan oleh Andi Gustman dan Zeev Suraski pada tahun 1997 ditujukan
untuk meningkatkan performa sebelumnya karena masih lemah untuk menjalankan
sistem e-commerce. Kelebihan PHP
versi 3.0 yaitu sudah mulai mendukung pengaksesan beberapa jenis platform
database, fitur pembuatan program
berorientasi objek dapat diterapkan walaupun belum sempurna, dan fitur
pemrogramannya mendukung berbagai jenis protocol dan API (Application Programming Interface).
4. PHP
versi 4.0
PHP
versi 4.0 dirilis pada tahun 1998, dengan tambahan beberapa library dan modul
pemrogramannya yang memungkinkan versi ini lebih cepat dan stabil. Dukungan
library yang lebih baik membuat PHP dapat bekerja pada berbagai platform OS dan beberapa aplikasi web
server dengan tambahan fungsi HTTP session,
metode output buffer, dan tingkat
keamanan yang lebih baik daripada sebelumnya.
5. PHP
versi 5.0
Keamanan web pada php versi 4.0 mulai diperbaiki. Beberapa library untuk
meningkatkan performa program saat menjalankan teknik OOP menjadi prioritas
utama pada versi 5.0. kelebihan lainnya antara lain dukungan exception handling
(penanganan program saat terjadi kesalahan logika pemrograman), operasi tipe
data string, mendukung XML, penyediaan driver konektivitas database server, dan
kemampuan integrasi dengan beberapa aplikasi lain seperti swf dan Java Applet.
<?php ==> tanda pembuka ketika program PHP akan ditulis
echo “Latihan pertama dengan PHP”<br>”; ===> syntax untuk menampilkan output pada browser
echo”NIS= 01041071<br>”; ==> mendeskripsikan pencetakan kalimat pada baris selanjutnya
echo “Nama= Rahma Nur Aulia”;
?> ===> tanda berakhirnya badan script program PHP
F.
WEB
SERVER
Web
server adalah sebuah piranti lunak pada mesin server yg menyediakan layanan
request HTTP atau HTTPS pada port 80,8080, maupun 443 dari klien dan
mengembalikannya dalam bentuk halaman web.
Cara Kerja
web server yaitu web server mencari file web yg diminta oleh klien,kemudian
mengeksekusinya dan mengembalikannya dalambentuk web yg berisi informasi berupa
teks.
Jenis – jenis web server yg sering di
gunakan, yaitu:
- Apache
Bersifat open
source dan mampu berjalan pada berbagai platform OS spt windows,linux, dan BSD
famiy kehandalan, kekuatan dan dukungan penuh thd protocol HTTP/1. Kelebihan
Apache web
server.
§ Mendukung
database connection, relasional database, LDAP untuk autentikasi jaringan
dg login
§ Pengaturan
metode kesalahan atau error
§ Kebebasan
pengaturan file konfigurasi server, bahkan pada progam CGI
§ Virtualisasi
direktori kerja yg memungkinkan konfigurasi direktori lebih dari satu dg
dukungan file berekstensi .cgi, .html, .htm, dan .php .
§ Unlimited
URL rewrite dan pemberian nama sebuah domain untuk memanggil direktori kerja
§ Memiliki
kemampuan secara otomatis melayani request web page dg berbagai format
§ Virtual
host
§ Diberikan
kebebasan untuk mengkonfigurasi jenis log file pada web server apache
- Nginx
Nginx kependekan dari Engine-X, bersifat free dan open
source. Dapat diintregasikan pada sebuah jaringan berbasis proxy. Dukungan thd
protocol IMAP/PPOP3 dan proxy telah tersedia, aplikasi terbaru adalah versi
Nginx 1.8.1 dapat didownload di situs http://wiki.nginx.org/main .
Kelebihan Nginx :
·
Mampu bekerja dg system
yg kompleks dana sederhana
·
Cara mengkonfigurasi yg
mudah
·
Dapat berjalan pada
hardware berspesifikasi rendah
3. IIS (Internet
Information Services)
adalah
aplikasi web server scr default digunakan pada system operasi berbasis windows
server diatas 2000,pada windows NT 4.0 merupakan komponen tambahan. Iis yg
berjalan pada layer aplikasi sbg pendukung protocol TCP/IP meiliki servis
Microsoft site server, Microsoft commercial internet system serta beberapa
aplikasi Microsoft backOffice.
4.
LiteSpeed Web Server
LSWS
merupakan pengganti dariversi aphace server dg kinerja tinggi. Kelebihan
utamanya adalah kompatibilitas konfigurasi LSWS dg aphace server spt penggunaan
modul mod rewrite,
htaccess, dan mod_security.
5.
Google Web Server
Dikenal
sbg GWS. OAuth 2.0salah satu aplikasi web server yg dikembangkan oleh google
developers yg mendukung bahasa pemrogaman PHP, Java, Ruby, dan ASP.NET .
6.
LIGHTTPD
Aplikasi
dibawah BSD dan bersifat open source ini mendukung layanan FastCGI, SCGI, Auth,
output-compression dan URL rewriting. Versi terbaru dapat didownload pda situs
ini http://www.lighttpd.net/download/ (versi
lighttpd -1.4.40)
G.WEB BROWSER
Web
browser adalah apilkasi yg dipasang pada mesin computer klien dg tujuan untuk
meminta dan menampilkan halaman web baik dari mesin local maupun dari alamat
sebuah web server generasi pertama web browser adalah Linx dg fitur sangat
minim, karena hanya dapat menampilkan halaman web berbasis teks.
Berikut
ini adalah peringkat penggunaan web browser yg ditampilkan pada situs http://internet-browser review.toptenreviews.com .
- Mozilla FireFox
Dikembangkan oleh
Mozilla Corporation dg kelebihan utama adalah kebebasan
menggunakan,mendistribusikan, dan bersifat open soerce. Kelemahan dari Mozilla
adalah memeiliki kelengkapan update support system. Dan kelemahannya adalah
pengaturan system seperti koneksi dan proxy yg terpisah dari pengaturan
computer.
- Google Chrome
Dikembangkan
oleh google developers dg fitur
utama kecepatan, kehandalan, dan kestabilan dalam menngakses halaman web ddan
menampilkannya menjadi sebuah informasi. Keunggulan google chrome adalah
tersedia fitur otoritas pengaturan akses setiap pengguna computer yg
memengkinkan overlapping history situs yg diakses setiap pengguna pada computer
yg sama dg tujuan kerahasiaan pengguna. Dan kelemahan adalah membutuhkan RAM yg
lebih besar.
- Opera
Dikembangkan
oleh Opera Software memiliki keringanan dan kehandalan menjadi keunggulannya.
Opera memiliki system update add-ons yg bernama “opera widgets”. Memiliki
kelebihan dalam kecepatan dan tool pengaturan yg memungkinkan beberapa hacker
menggunakannya untuk menembus celah server tertentu.
- Safari
Dikembangkan
oleh Apple Inc. Pada awalnya diciptakan hanya untuk digunakan mesin berbasis
system operasi Mac OS, pada juni 2007 safari dirilis untuk dapat dipasang dan
dioperasikan pada mesin berbasis OS windows.
- Internet Explorer(IE)
Salah satu
andalan paket bawaan keluarga windows buatan Microsoft corporation sejak thn
1995. Bersifat komersial dan cukup memakan resource hardware.
H. WEB
PROGAMMING
Pemrogaman web adalah suatu kegiatan merancang dan menulis halaman web dengan standar
kode bahasa pemrogaman tertentu. Berdasarkan
jenis hasil output pemrogaman web, sebuah halaman web dibagi menjadi dua macam
sebagai berikut.
- Web
statis adalah sebuah
output berupa halaman web dengan konten
dari web tersebut tidak
dapat diubah, dihapus, atau ditambahkan dari sisi pengguna. Untuk melakukuan
perubahan konten halaman, pengguna harus mengubah script pemrogaman web yang
terdapat pada halaman tersebut.
- Webdinamis Web dinamis sangat fleksibel dalam
proses menampilkan informasi pada halamannya. Seorang pengguna dengan hak
akses tertentu bisa mengedit, menambah, dan menghapus isi konten halaman
suatu web
KETERANGAN
|
WEB STATIS
|
WEB DINAMIS
|
Berbasis
database
|
Menampilkan
informasi bersifat tetap dan tidak akan berubah selama script halaman web nya
tidak diubah.
|
Menampilkan
informasi ter-update secara otomatis,karena menggunakan system database untuk
melakukan perubahan2 yg
terjadi pada halaman web.
|
Interface yg
lebih interaktif
|
Harus mengubah
kode progamnya dahulu untuk mendapatkan perubahan tampilan.
|
Dapat diatur
mengikuti aturan tertentu berdasarkan data yg telah disimpan dalam database.
|
Bahasa
pemrogaman
|
Menggunakan
struktur dokumen berbasis HTML dg kombinasi CSS.
|
Sudah
menggunakan bahasa pemrogaman berorientasi objek spt PHP, Perl, Javascript,
ASP, dan Ajax
|
Komentar
Posting Komentar