Pengenalan Aplikasi Berbasis Web

download Pengenalan Aplikasi Berbasis Web

of 12

Transcript of Pengenalan Aplikasi Berbasis Web

MODUL KULIAHPROGRAM KULIAH KARYAWAN & PROFESIONALSTTI 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

PendahuluanKomputer 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

InternetInternet 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 WebSebuah 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 WebSeiring 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 dinamis1. 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 WebCara 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-serverDalam 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 - ServerUntuk 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 webDahulu 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 menampilkannya2. 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 ServerWeb 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 caraMenambahkan 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 ServerPerangkat pengembang aplikasi berbasis webBahasa 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. Notepadb. MS Wordc. Microsoft Frontpaged. 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.