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
Tujuan
Sejarah Web
Perkembangan Teknologi Web
Aplikasi Berbasis Web
Perangkat Pengembang Pengembang Aplikasi Berbasis Web
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
Timo thy
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)
: dinamis, berorientasi klien-server (terdapat proses permintaan dari PHP, ASP 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
K e u n g g u l a n 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. K e k u r a n g a n 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.