Dokumen tersebut membahas tentang konsep teknologi aplikasi web, termasuk pengertian world wide web, berbagai jenis browser dan server web, serta editor teks yang digunakan untuk pengembangan aplikasi web.
1. Kompetensi Dasar
• 3.1 Memahami konsep teknologi aplikasi web.
• 4.1 Mempresentasikan pelbagai teknologi pengembangan aplikasi web.
2. Indikator Pencapaian Kompetensi
• Menjelaskan konsep world wide web (www).
• Menjelaskan konsep teknologi aplikasi web.
• Mempresentasikan berbagai teknologi web.
• Menginstalasi paket aplikasi web server.
3. Tujuan Pembelajaran
1.Siswa dapat memahami, menjelaskan, mengidentifikasi dan merumuskan
masalah tentang konsep teknologi aplikasi web.
2.Siswa dapat mengumpulkan dan mengolah data tentang konsep teknologi
aplikasi web.
3.Siswa dapat mengomunikasikan tentang konsep teknologi aplikasi web.
4. Konsep Teknologi dan Format Teks
Pada Aplikasi Web
A. Konsep teknologi aplikasi web
Aplikasi web diterjemahkan sebagai aplikasi yang diakses
menggunakan web browser melalui jaringan internet atau
intranet. Ada beberapa persyaratan untuk membangun suatu
aplikasi web, memilih arsitektur dan mengembangkan design
aplikasi web. Peranan penting dalam membangun suatu
aplikasi web memerlukan pemilihan teknologi yang tepat
guna merancang aplikasi web, serta distribusi dan integrasi
system arsitektur yang memadahi. Aplikasi web sebagai
sebuah perangkat lunak komputer yang dikodekan dengan
Bahasa pemrogaman yang mendukung perangkat lunak
berbasis web, seperti HTML, Javascript, CSS, Ruby, Python,
Php, Java, dan Bahasa pemrograman lainnya.
5. Konsep WWW
• World wide web atau WWW dikembangkan menjadi pusat
pengetahuan dan budaya manusia sebagai kolaborator lokasi di dunia
maya, untuk berbagi ide dan semua aspek dari proyek umum melalu
internet.
WWW menurut :
• MCLeod
• Www ialah suatu informasi yang dapat diakses dengan melalui
internet di mana berbagai dokumen hypermedia/ file-file
komputer disimpan serta juga kemudian diambil dengan cara-
cara yang menggunakan metode penentuan alamat yang unik.
6. • Akbar Kaelola
• Pengertian WWW menurut Akbar Kaelola ialah sebagai media bagi
manusia dalam kegiatan atau aktivitas berbagi dokumen, gambar, film,
musik serta informasi, dan juga menjual barang maupun jasa di
internet.
• F. Budi Hardiman
• Menurut F. Budi Hardiman, pengertian World Wide Web merupakan
fasilitas internet yang menghubungkan dokumen dalam lingkup lokal
maupun jarak jauh.
7. • Web (World Wide Web) merupakan salah satu layanan yang didapat oleh pemakai
komputer yang terhubung ke internet, yang dapat memudah kanpengguna
komputer untuk berinteraksi dengan pengguna internet lainnya dan mencari
informasi yang diperlukan.
• Web Pertama kali diperkenalkan pada tahun 1992, hal ini sebagai hasil usaha
pengembangan yang dilakukan CERN di Swiss.
• Internet dan Web adalah dua hal yang berbeda, internet lebih ke perang katkeras,
sedangkan Web adalah perangkat lunak.
• Halaman depan web disebut dengan HOMEPAGE
• Penyajian informasi melalui web dapat dinikmati pemakai computer melalui browser
yang terhubung keinternet melalui HTTP.
• Secara Umum halaman web dibangun dengan sebuah Bahasa pemrograman
bernama HTML
8. Sejarah Awal
• Istilah WWW pertamakali itu ditemukan oleh Tim Berners-Lee,
ditahun 199
• 1. Pada perkembangannya, World Wide Web (WWW) ini telah
melewati sejarah yang cukup panjang hingga saat ini. Berikut
penjelasannya:
• Tahun 1989
Tim Berners Lee pertamakali mengungkapkan idenya untuk membuat
sebuah protokol di internet yang berfungsi sebagai sistem distribusi
informasi.
• Tahun 1990
Tim Berners Lee kemudian menemukan tiga teknologi dasar yang
menjadi basis website, yakni HTML (Hypertext Markup Language),
URL (Uniform Resource Identifier), serta juga HTTP (Hypertext
Transfer Protocol).
9. • Tahun 1991
Tim Berners Lee kemudian menemukan World Wide Web (WWW)
yang berawal dari kebutuhan untuk menyusun arsip dari riset-riset
miliknya.
• Tahun 1993
Marc Andersen serta timnya dari NCSA menciptakan web browser
yang diberinama Mosaic serta berbasis grafik untuk OS X-Windows.
• Tahun 1994
Andersen kemudian bekerjasama dengan Jim Clark untuk membuat
Netscape yang setelah itu menggantikan ketenaran Mosaic ialah
sebagai web browser.
• Tahun 1995
Terdapat sekitar 300.000 website di internet yang mana pada tahun
sebelumnya itu hanya 50 website.
• Tahun 2009
Tim Berners-Lee kemudian mendirikan World Wide Web Foundation,
yang mana tujuannya ialah untuk membagikan open web kepada
masyarakat dunia.
10. Fungsi WWW dan Manfaat World Wide
Web
• Sesuai dari pengertian WWW diatas, maka WWW ini berfungsi
untuk menyediakan data serta informasi apapun dan dari
manapun supaya dapat diakses orang lain dari seluruh bagian
dunia. Dengan adanya WWW di internet bisa/dapat
memberikan kemudahan serta juga kecanggihan pengguna
internet itu secara lebih cepat dan mudah.
• WWW memungkinkan para pengguna untuk berselancar
dengan mudah hanya dengan melalui sebuah alamat URL atau
link. Untuk mengakses WWW itu juga perlu menggunakan
koneksi internet.
11. Macam – macam Web Browser
• Google Chrome
• Mozilla Firefox
• Safari
• Opera
• Internet Explorer
• Maxthon Browser
• UC Browser
12. Konsep Web Server
• Web server adalah sebuah software (perangkat lunak) yang
memberikan layanan berupa data. Berfungsi untuk menerima
permintaan HTTP atau HTTPS dari klien atau kita kenal dengan
web browser (Chrome, Firefox). Selanjutnya ia akan
mengirimkan respon atas permintaan tersebut
kepada client dalam bentuk halaman web.
• Intinya web server adalah penyedia layanan buat klien, di mana
klien meminta informasi dalam bentuk website.
• Selain itu, kamu harus tahu bahwa web server menjadi salah
satu kebutuhan user. Kenapa? Sebab web server memiliki
kapasitas penyimpanan yang besar dan akses yang cepat.
Sehingga dapat mencegah terjadinya kesalahan pada suatu
website maupun aplikasi.
13. Cara Kerja Web Server
1.Anda menuliskan nama domain di kolom URL browser
Anda. Browser lalu mendapatkan IP address domain
tersebut dengan mencarinya di cache atau
memintanya ke DNS server.
2.Browser kemudian terhubung ke web server dan
mengirimkan request file web (yang diminta
clients) melalui protokol HTTP.
3.Web server menerima request tersebut dan
meresponnya dengan mengirimkan file web yang
diminta melalui protokol HTTP. Namun jika file
tersebut tidak tersedia, web server akan merespon
dengan kode error 404.
4.Browser menerima file atau kode error dari web
server dan menampilkannya kepada clients.
14.
15. Macam Macam Web Server
1.Litespeed
• Litespeed merupakan pusat kontrol website yang memiliki performa
terbaik. Web server ini memiliki banyak kelebihan yang salah satunya
berupa kecepatan proses 50% lebih cepat dalam memproses PHP dan 6x
lebih cepat dibanding Apache.
2. Microsoft IIS
• IIS atau Internet Information Services merupakan web server yang cukup popular.
Fitur umum yang digunakan yaitu File Transfer Protocol (FTP), NNTP, dan Ghoper,
pengelola web, dan lainnya. IIS dapat digunakan pada system operasi Windows NT,
Windows server 2003, XP dan Windows 2000. Kinerja dari PHP menggunakan IIS
cenderung lebih stabil dan cepat serta lebih baik dikarenakan web server ini lebih
kompatibel.
16. 3. Nginx
• Nginx merupakan web server yang paling banyak digunakan setelah
Apache. Web server ini banyak disukai karena memiliki layanan server
yang cukup stabil serta hermat resource. Beberapa fitur Nginx memiliki
performa yang lebih baik dalam menangani website bertrafik tinggi
menjadi salah satu nilai plus untuk web server ini.
4. XAMPP
• Xampp Control panel dalah local web server terpopuler dikalangan pengguna
Windows, Sebuah tools yang dikembangkan oleh Apachefriend.com
17. 5. Apache
• Apache merupakan web server terpopuler dan paling banyak digunakan. Dari semua web
server yang ada, pengguna Apache mencapai hingga 41.5%. web server ini didesain khusus
untuk system operasi UNIX. Apache memiliki macam dukungan seperti control akses, SSL,
dan PHP. Apache termasuk kategori freeware dan dapat diunduh dengan mudah.
6. Apache Tomcat
• Apache Tomcat merupakan perangkat lunak open source dan sebagai wadah web aplikasi
berbasis java yang digunakan untuk menajalankan servlet dan JSP (Java Server Pages) pada
sebuah aplikasi web. Apache Tomcat dikembangkan oleh Apache dan cukup popular sehingga
dikembangkan oleh komunitas open souce java komunitas. Salah satu kelebihan Apache
Tomcat yaitu dukungan komponen protocol jaringan DNS, IP dan software yang digunakan
dalam pembuatan website.
18. Macam – Macam Text Editor
1. Adobe Dreamweaver
2. Netbeans
3. Notepad
4. Notepad ++
5. Sublime-text
6. Google Web Design
7. Visual Code Studio