MODUL KULIAH

PROGRAM KULIAH KARYAWAN & PROFESIONAL

STTI ITECH

Mata kuliah Aplikasi Berbasis Web ( 3 sks )

Semester

Kelas PKKP

Dosen Jefri Rahmadian S.Kom

Pertemuan : 1 (satu) Waktu : Minggu, 24 April 2011

Modul 1 (Satu)
Topik Pengenala Aplikasi Berbasis Web

Sub Topik Teknologi Web

Materi  Sejarah Web
 Perkembangan Teknologi Web
 Aplikasi Berbasis Web
 Perangkat Pengembang Aplikasi Berbasis Web
Tujuan Mahasiswa memahami sejarah web dan perkembangan
teknologi web serta mengetahui apa yang dimaksud dengan
aplikasi berbasis web
Pendahuluan
Komputer sejak diluncurkan pertama kali dengan bobot yang cukup berat
hingga hingga saat ini dengan produk notebook yang sangat ringan dan dapat di
bawa kemana-mana, berbagai macam aplikasi dan teknologi pendukungnya juga
semakin beragam dan komplek. Sebagai salah satu teknologi yang pesat
perkembangannya saat ini adalah pemanfaatan jaringan komputer, internet dan
aplikasi berbasis web.
Jaringan komputer merupakan sebuah kumpulan komputer dan peralatan
elektronik lainnya yang terhubung dalam satu kesatuan dengan pengalamatan.
Informasi dan data bergerak melalui kabel-kabel atau tanpa kabel sehingga
memungkinkan pengguna jaringan komputer dapat saling bertukar dokumen dan
data, mencetak pada printer yang sama dan bersama-sama menggunakan
hardware/software yang terhubung dengan jaringan. Setiap komputer, printer
atau periferal yang terhubung dengan jaringan disebut node

Internet
Internet merupakan sebuah jaringan komputer yang sangat besar
(meliputi seluruh dunia) jaringan besar yang menghubungkan jaringan-jaringan
kecil menggunakan protokol transmisi berbasis TCP/IP (Transmission Control
Protocol/Internet Protocol). TCP/IP adalah salah satu jenis protokol (aturan) yg
memungkinkan kumpulan komputer dapat berkomunikasi dan bertukar data di
dalam suatu network (jaringan).

Gambar 1. Skema Jaringan Internet

Sejarah Web
Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site)
adalah sebutan bagi sekelompok halaman web (web page), yang umumnya
merupakan bagian dari suatu nama domain (domain name) atau subdomain di
World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang
tersedia kepada publik. Halaman-halaman sebuah situs web diakses dari sebuah
URL yang menjadi "akar" (root), yang disebut homepage (halaman induk; sering
diterjemahkan menjadi "beranda", "halaman muka"), dan biasanya disimpan
dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis.
Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan,
misalnya situs-situs penyedia layanan untuk download (Rapidshare) situs-situs
berita, layanan surat elektronik (e-mail), dan lain-lain.
Penemu website adalah Sir Timothy John ¨Tim¨ Berners-Lee,
sedangkan website yang tersambung dengan jaringan, pertamakali muncul pada
tahun 1991. Maksud dari Tim ketika membuat website adalah untuk
mempermudah tukar menukar dan memperbarui informasi kepada sesama
peneliti di tempat dia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana
Tim bekerja) menginformasikan bahwa WWW dapat digunakan secara gratis
oleh semua orang.

Sebuah website bisa berupa hasil kerja dari perorangan atau individu,
atau menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan
biasanya website itu menujukkan beberapa topik khusus, atau kepentingan
tertentu. Sebuah website bisa berisi hyperlink (pranala) yang menghubungkan ke
website lain, jadi, kadangkala perbedaan antara website yang dibuat oleh
individu perseorangan dengan website yang dibuat oleh organisasi bisnis bisa
saja tidak terlalu terlihat.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan
diakses melalui sebuah program software yang biasa disebut dengan web
browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau
diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa
komputer pribadi, laptop, PDA ataupun telepon selular.
Sebuah website dibuat didalam sebuah sistem komputer yang dikenal
dengan server web, juga disebut HTTP Server, dan pengertian ini juga bisa
menunjuk pada software yang dipakai untuk menjalankan sistem ini, yang
kemudian menerima lalu mengirimkan halaman-halaman yang diperlukan untuk
merespon permintaan dari pengguna. Apache adalah piranti lunak yang biasa
digunakan dalam sebuah webserver, kemudian setelah itu adalah Microsoft
Internet Information Services (IIS).
Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan
lapisan aplikasi yang digunakan untuk sistem informasi terdistribusi. Protokol
merupakan sebuah aturan atau standar yang mengatur atau mengijinkan
terjadinya hubungan, komunikasi, dan perpindahan data antara dua atau lebih
titik komputer. Protokol dapat diterapkan pada perangkat keras, perangkat lunak
atau kombinasi dari keduanya. Pada tingkatan yang terendah, protokol
mendefinisikan koneksi perangkat keras.

Perkembangan Teknologi Web

Seiring dengan semakin beragamnya tampilan dan penerapan teknologi
berbasis desktop mendorong perkembangan teknologi sejarah web, baik berupa
teknologi tampilan (GUI – Graphical User Interface), teknologi browser, teknologi
bahasa yang digunaan untuk mengembangkan web, platform web dan beragam
teknologi web lainnya. Seiring waktu keberadaan web pun meledak. Dari hanya
berjumlah ribuan, hingga mencapai jumlah jutaan bahkan milyaran. Fungsinya
pun berkembang, bukan hanya sebagai media bertukar informasi, tapi juga
mewujud berupa aplikasi sistem informasi berbasis web.
Dalam sejarah web, web browser digunakan sebagai media untuk
berselancar, dan browser yang pertama kali popular digunakan yaitu Internet
Explorer. Internet Explorer digunakan sebagai aplikasi untuk mengakses web
melalui komputer. Seiring perkembangan saat ini sudah tersedia beragam web
browser selain Internet Explorer, seperti mozilla firefox, google chrome, safari,
opera dan sebagainya. Untuk bahasa pemrograman yang pada awalnya hanya
terdapat beberapa bahasa, saat ini sudah beragam. Salah satu bentuk bagian
perkembangan sejarah web, lahir definisi web pada akhir tahun 90-an, yaitu yang
disebut web 2.0. Web 2.0 ini didefinisikan sebagai web yang berfungsi kolaboratif,
informatif, dengan tujuan membuat pengguna semakin dekat, salah satu cirinya
ditandai dengan hadirnya wiki, blog, social network.
Bertolak dari sejarah web yang masih sangat sederhana digunakan, saat
ini akses web bukan hanya dapat digunakan melalui komputer melainkan juga
sudah menjangkau hingga berbasis mobile. Baik berupa laptop, netbook,
smartphone hingga handphone. Dengan begitu kemudahan akses web melalui
beragam media mana saja, semakin membuat web bagian dari kebutuhan hidup
masyarakat secara luas.
Web mempunyai dua jenis yaitu statis dan dinamis
1. Website statis, adalah salah satu bentuk website yang isi didalam
website tersebut tidak dimaksudkan untuk di update secara berkala, dan
biasanya di maintain secara manual oleh beberapa orang yang
menggunakan software editor. Ada 3 tipe kategori software editor yang
biasa dipakai untuk tujuan maintaining ini, yaitu :
 Penyunting teks. Contohnya adalah Notepad atau TextEdit,
dimana HTML diubah didalam program editor tersebut.
 WYSIWYG ( What You See Is What You Get) editor. Contohnya
Microsoft Frontpage dan Macromedia Dreamweaver, dimana situs
di edit menggunakan GUI (Graphical User Interface) dan format
HTML ini secara otomatis di generate oleh editor ini.
 Editor yang sudah memiliki templet, contohnya Rapidweaver dan
iWeb, dimana, editor ini membolehkan user untuk membuat dan
mengupdate websitenya langsung ke server web secara cepat,
tanpa harus mengetahui apapun tentang HTML. Mereka dapat
memilih templat yang sesuai dengan keinginan mereka,
menambah gambar atau obyek, mengisinya dengan tulisan, dan
dengan sekejap mereka sudah dapat membuat situs web tanpa
harus melihat kode-kode HTML.

2. Website dinamis adalah website yang secara berkala informasi yang

ada didalamnya berubah, atau website ini bisa berhubungan dengan user
dengan berbagai macam cara atau metode bisa juga dengan cara
interaksi langsung menggunakan form dan pergerakan mouse. Ketika
web server menerima permintaan dari user untuk memberikan halaman
tertentu, maka halaman tersebut akan secara otomatis di ambil dari
media penyimpanan sebagai respon dari permintaan yang diminta oleh
user. Sebuah situs dapat menampilkan dialog yang sedang berlangsung
diantara dua user, memantau perubahan situasi, atau menyediakan
informasi yang berkaitan dengan sang user.
Cara Kerja Web
Cara kerja dari web adalah:
 Pengguna atau user mengetik URL (Singkatan dari Uniform Resource
Locator) pada browser
 Kemudian browser akan menghubungkan user kepada URL yang dituju
 Setelah terhubung, browser mengirimkan HTTP request
 Server menjawab dengan mengirimkan HTTP response (berisi header
dan isi dokumen)
 Untuk dokumen yang terdiri dari beberapa file (atau berisi data gambar)
HTTP harus mengirimkan beberapa request lagi untuk setiap file.
 Kemudian Browser menampilkan semua isi dokumen kepada user

Gambar 2. Cara Kerja Web

Aplikasi Client-server
Dalam dunia internet, halaman web yg biasa kita akses menggunakan
perangkat elektronik (komputer hingga ponsel) apabila dicetak dan dikumpulkan
dimungkinkan sekali akan membutuhkan rak buku yang sangat banyak dan
panjang, hal ini akhirnya memunculan istilah perpustakan terbesar dunia.
Halaman web yang kita akses umumnya ditaruh pada sebuah komputer dengan
kemampuan yang besar (memori, harddisk dan proses yang memadai) dan
disimpan dengan aturan tertentu sehingga dapat diakses orang dari jarak yang
sangat dekat hingga sangat jauh.
 Gambar 3. Skema Client - Server

Untuk menjalankan aplikasi yang berbasis client-server pada sebuah halaman

web, tentunya tidak lepas dari teknologi yang digunakan. Berikut ini adalah
teknologi-teknologi dalam dunia programming berbasis web, yaitu :

HTML : statis, berorientasi klien (tidak ada proses yang berjalan didalam server)

PHP, ASP : dinamis, berorientasi klien-server (terdapat proses permintaan dari

user ke server dan dikirim kembali ke user/klien)
Kelebihan aplikasi Client Server :
 Beban komputasi disebar dibeberapa mesin
 Client mengakses fungsionalitas server darijarak jauh
 Client dan server didesain terpisah (dan mungkin berbeda), lebih
sederhana dibanding mendesain satu program yang dapat melakukan
segalanya
 Data dapat disimpan secara terpusat diserver, usaha menjaga reliabilitas
sistem cukup dilakukan diserver
 Data dapat disimpan secara terdistribusi dibanyak client atau server,
sehingga jika satu komponen rusak (misalnya harddisk crash atau
bencana alam), maka data yang hilang menjadi minimal, atau mungkin
dapat digantikan oleh data dari komponen lain
 Server dapat diaksessecara simultan oleh banyak client
Aplikasi Berbasis web
Dahulu aplikasi identik dengan penggunaan dan hanya aplikasi berbasis
desktop. Namun saat ini aplikasi berbasis web juga sudah sangat banyak.
Secara sederhana, aplikasi berbasis desktop adalah aplikasi yang harus diinstall
dulu di komputer yang akan menjalankam program tsb. Sedangkan aplikasi
berbasis web merupakan aplikasi yang dijalankan melalui browser dan tidak
perlu diinstall dulu.
Aplikasi berbasis web merupakan Aplikasi yang dibuat dengan
memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web
(WWW). Aplikasi berbasis web merupakan aplikasi yang dapat langsung
dijalankan pada browser dengan bantuan koneksi dari internet. Aplikasi berbasis
web tidak terbatas pada sistem operasi yang digunakan. User yang mengakses
data dengan menggunakan aplikasi berbasis web bisa langsung mendapat
umpan balik dari server penyedia data sehingga tidak statis. Jenis gahasa
pemrograman yang digunakan tidak mempengaruhi hasil aplikasi yang dibuat.
Sistem web sebenarnya merupakan aplikasi yang :
 Berarsitektur client-server
 software web browser di sisi client
 software web server di sisi server
 menggunakan protokol HTTP dalam komunikasi antara client dan server
 mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di
server dan menampilkannya di sisi client

Keunggulan aplikasi berbasis web ini antara lain :

1. Platform Independent, artinya aplikasi ini dapat dijalankan dari sistem
operasi windows, linux, BSD, Mac. Program yang kita perlukan hanyalah
browser (Mozilla Firefox, Internet Explorer maupun browser lainnya)
2. Untuk dijalankan di banyak komputer, tidak perlu install di aplikasi disetiap
komputer, cukup kopi aja script programnya ke server atau salah satu
komputer. Untuk komputer lain yang ingin menjalankan program ini cukup
buka browsernya dan membuka alamat host server dimana program ini
disimpan.
3. Aplikasi ini dapat dijalankan dari jarak jauh dengan menggunakan internet.
4. Selalu mendapatkan versi terbaru dari aplikasi. Karena aplikasi tersebut
terpasang di server Intranet/Internet, perusahaan pembuat aplikasi bisa
memperbarui aplikasinya terus-menerus. Begitu kita mengakses aplikasi
 itu, yang kita dapatkan pasti adalah versi terbaru. Tidak perlu lagi kita
melakukan upgrade, menginstall service pack, maupun berbagai hal
lainnya yang merepotkan.
Kekurangan aplikasi berbasis web antara lain :
1. Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk
membuat dokumen web dan keterbatasan kemampuan web browser
untuk menampilkannya
2. Terbatasnya kecepatan internet mungkin membuat respon aplikasi
menjadi lambat

Web Client (web browser)

Web browser merupakan sebuah software yang dijalankan pada komputer user.
Yang berisikan perangkat navigasi didalam web yang akan menampilkan
dokumen web.
Perangkat lunak web browser yang populer saat ini adalah :
 Internet Explorer (Windows)
 Mozilla Firefox (Windows dan Linux)
 Opera (Windows dan Linux)
 Chrome (Windows) dll.

Gambar 4. Tampilan web client (browser)

Web Server
Web server merupakan suatu software yang dijalankan pada komputer server
yang berfungsi sebagai jembatan agar dokumen web yang tersimpan pada
server dapat diakses oleh user melalui internet.
Perangkat lunak web server yang populer saat ini adalah :
 Apache (Linux & Windows)
 MS Internet Information Server/IIS (Windows)
 Tomcat, untuk java (Windows & Linux)

Gambar 5. Arsitektur Aplikasi Web

 Gambar 6. Cara kerja Client Server

Dengan membuat aplikasi berbasis web berarti:

 Memperkaya fungsi web server dengan cara :
Menambahkan program pada dokumen web yang akan dieksekusi oleh
server ketika file dokumen web tersebut diakses oleh web server
Misalnya, program yang mengambil data kebasis data untuk ditampilkan
ke web browser
 Memperkaya interaktivitas dokumen dengan cara
Menambahkan program pada dokumen web yang akan dieksekusi oleh
web browser ketika file dokumen tersebut ditampilkan oleh web browser
Misalnya, program yang memvalidasi data masukan pada form sebelum
disubmit ke web server

Gambar 7. Penambahan Aplikasi pada Server

Perangkat pengembang aplikasi berbasis web

Bahasa dasar dalam dunia web dan internet adalah dikenalkannya HTML
(Hypertext Markup Language) sebagai standar penulisan halaman web.
Perkembangan perangkat pengembang aplikasi berbasis web sangat beraneka
ragam mulai dari yang sangat sederhana hingga yang cukup kompiek, berikut ini
adalah daftar aplikasi pengembang berbasis web :
a. Notepad
b. MS Word
c. Microsoft Frontpage
d. Macromedia Dreamweaver

Aplikasi-aplikasi diatas meberikan fitur-fitur dalam pengembangan sebuah

halaman web mulai dari yang sederhana hingga fitur-fitur yang mudah dan
canggih.
Aplikasi berbasis web juga dibuat dengan menggunakan program server
side, contohnya ASP, JSP, PHP, dan bahasa lainnya.
 ASP (Active Server Side) merupakan turunan dari MS Visual
Basic yang dibuat oleh Microsoft.
 JSP (Java Server Page) merupakan bahasa berbasis Java yang
dikembangkan oleh Sun Microsistem
 PHP (PHP Hypertext PreProsessor) merupakan bahasa
pemrograman yang paling banyak komunitasnya saat ini dan
dikembangkan secara open source.