TEKNOLOGI

APLIKASI WEB
Heri Anggara, S.Kom
Kontrak Belajar Mapel PWPB
Pembelajran dilakukan di grup WA, GC, Zoom atau Webex (video Call minimal sebulan 1x di minggu
pertama, dan jika memungkinkan ada praktek di sekolah.
Bahan Ajar bisa berbentuk modul, PPT, PDF, Video, Audio
KKM 70
Bobot Penilaian
1. Tugas Individu 15%
2. Tugas kelompok 25%
3. UTS 25%
4. UAS 25%
5. Absensi 10% dengan catatan jika hadir di absen tapi tidak mengumpulkan tugas maka di anggap
tidak hadir.
 Teknologi Aplikasi Web

PETA KONSEP PEMOGRAMAN WEB,KONSEP
DASAR WEB
CARA KERJA WEB, DOMAIN & HOSTING
JENIS-JENIS WEB, BAHASA PEMOGRAMAN
WEB
PERANGKAT PENGEMBANG APLIKASI PROFESI DALAM PENGEMBANGAN WEB,
WEB,PERANGKAT KERAS, PERANGKAT LUNAK INSTALASI APLIKASI WEB, GLOSARIUM
PENUGASAN
Peta Konsep Pemograman Web
Konsep Dasar Web
◦ Ada 4 Unsur Penting dalam Proses Kerja Web
1. User adalah pengguna(orang) yang melakukan request, alamat sebuah situs web
2. Clinet-Server adalah sebuah aplikasi yang berfungsi sebagai mesin pencari (browser) tempat situs atau
informasi berada.
3. TCP/IP ( Transmission Control Protocol/Internet Protocol) adalah yang mengatur hubungan antara
sistetem computer dengan jaringan internet.
4. Server adalah program computer yang mengatur akses ke pusat informasi atau pusat layanan di
internet (sebagai server data)
Cara kerja web
Domain dan Hosting
◦ Domain adalah nama unik untuk mengidentifikasi nama server computer di internet. DNS ( Domain
Name System) otomatis mengubah nama menjadi alamat IP. Tanpa DNS user harus menuliskan alamat
IP setiap server yang akan di kunjungi di internet.
◦ Hosting adalah layanan yang di sediakan oleh vendor yang menawarkan lokasi fisik untuk penyimpanan
halaman web dan file.
◦ Secara umum ada 4 jenis web hosting :
1. Share Hosting : situs web di simpan pada server yang sama dengan situs lainnya, semua domain dapat
berbagi dalam satu server dan menggunakan sumber daya RAM dan CPU bersamaan, biaya rendah.
2. Virtual Private Server (VPS) Hosting : membagi server ke server virtual, setiap web mempunyai host
sendiri tetapi sebenarnya berbagi server dg pengguna lain, control lebih besar, lalu lintas data
terbatas.
3. Dedicated server hosting : control maksimum, menyewa seluruh server, biaya mahal.
4. Cloud Hosting: kemampuan terbatas untuk lalu lintas dan traffic tinggi dan biaya mahal.
Jeni-Jenis Web
◦ Jenis Website berdasarkan Sifatnya:
1. Website Statis Kemudian, website Statis (Static Website) adalah sebuah website yang kontennya statis / tidak
berubah-ubah. Sekali dibuat dan online di Internet, pada umumnya website tersebut tidak dapat diubah kecuali
diubah secara manual melalui pengubahan bahasa pemograman website tersebut. Oleh karena itu, terjadinya
interaksi pun jarang sekali, sehingga dapat dikatakan seperti brosur online karena informasi yang diberikan juga
terbatas.
2. Website Dinamis Website Dinamis (Dynamic Website) adalah jenis halaman web yang disusun oleh konten dan
layout yang kaya akan informasi didalamnya. Dinamakan website Dinamis karena kontennya dapat berubah-
ubah. Dengan kata lain, adanya program yang berjalan untuk mengatur perubahan data yang ditampilkan
dalam website Dinamis tersebut. Halaman web yang dibuat dengan menggunakan bahasa server seperti PHP,
Perl, ASP, ASP.NET, JSP, ColdFusion dan bahasa yang lainnya. Jenis website Dinamis ini sangat cocok untuk website
E-Commerce yang membutuhkan update data secara terus menerus. Dalam pemeliharaan website Dinamis pun
lebih mudah daripada Website Statis karena dapat menggunakan Content Management System (CMS).
3. Flash Website web canggih yang menyuguhkan tampilan visual, berpesifikasi tinggi untuk menjalankannya.
Kelebihan dan Kekurangan Website Dinamis
dan Website Statis
Sumber : https://www.webarq.com/
Jenis Website berdasarkan Fungsinya
1. Blog / Website Pribadi
2. Ecommerce /Toko Online
3. Website Perusahaan
4. Website Marketing
5. Organisasi / Intansi Pemerintahan
6. Pendidikan
7. Media Sharing
8. Komunitas Onlie
9. Website Berita
10. Web site video
Jenis Website berdasarkan Platform
1. CMS Metode pertama adalah cara yang paling populer, yaitu menggunakan Content Management
System (CMS). CMS adalah perangkat lunak atau sistem yang digunakan untuk membuat dan
mengatur konten digital. Beberapa CMS yang paling banyak digunakan adalah WordPress, Joomla!,
dan Drupal.
2. Website Builder Website builder adalah platform yang membantu membuat website dengan cepat,
tanpa perlu memahami coding atau kemampuan desain sama sekali. Beberapa contoh website
builder populer adalah Wix, Site Builder, dan Weebly.
3. HTML dan CSS adalah website yang menggunakan HTML dan CSS. Metode membuat website terakhir
ini memerlukan pengetahuan tentang coding dan pemrograman menggunakan HTML dan CSS
Bahasa Pemograman Web
Terbagi dua
1. Clinet Side Scripting pemograman
yang pengolahannya di sisi client
(browser yang sudah di sertifikasi
oleh w3c)
2. Server side Scripting pemograman
yang pengolahannya di sisi sever
PHP, JSP, ColdFusion, Active Server
Page (ASP), Lasso dan SSI.
Perangkat Pengembang Aplikasi Web
◦ Perangkat Keras ◦ Perangkat Lunak
1. Komputer 1. Web authoring bersifat WYSIWYG (what You see is
what You Get) missal Dreamweaver, Microsoft
2. Monitor Expression Web, Nvu
3. Scanner /Kamera digital 2. Text Editor missal notepad,Note pad++,Sublime
4. Komputer ke dua (untuk pengujian/designer web) text,textmate, visual code studio, dll

5. Perangkat mobile/smartphone 3. Image processor missal Adobe Photosjop, AD

illustrator,Ad, Fireworks,Corel
4. Internet Browser
5. Aplikasi FTP(File transfer protocol)
6. Web Server ada dua Open Source(apache,
nginx,lighttpad dan Komersial (IIS,litespeed)
7. Apliaksi web Server Cross Platform bisa digunakan
pada berbagai SO misal XAMPP, AMPPS, Foxserv,
Devilbox, Kalbox dll.
Profesi dalam Pengembangan Web
1. Web Designer orang yang menentukan tampilan sebuah website mulai dari mengolah gambar, tata letak,
warna, animasi, movies dan semua aspek visual. Fokus utama adalah layout/tampilan/visual web, perlu
menguasai html, dhtml,dll.
2. Web Programmer orang yang bertugas melakukan coding website agar mudah di kelola oleh admin web,
keahlian yang harus di kuasai antara lain pemograman CGI Perl, PHP, MYSQL,ASJ, JAVA Script dan Applet.
3. Web Administrator (Admin) orang yang bertugas mengelola dan merawat suatu server, keahlian wajib
memahami system oprasi server, instalasi hingga penanganan masalah(troubleshooting), jaringan LAN, WAN,
Internet dan keamanan server.
4. Web Master orang yang mengerti semua hal mulai dari design, program, dam keamanan server tetapi tidak
terlalu ikut campur masing-masing devisi,, cukup mempertanggungjawabkan jalannya situs web, wajib
menguasai HTML,DHTML,CGI perl, PHP, MYSQL, ASP, JSP,JAVA, berbagai macam system operasi, jaringan
computer dan keamanan server.
5. Web developer profesi 1-4 bergabung dalm sebuah tim pengembang web. Memberi bantuan seperti
memberi bantuan konsultasi dan perancangan web
Isntallasi web
◦ https://webhostmu.com/cara-instal-xampp/

1. Unduh apliaksi XAMPP di https://www.apachefriends.org/index.html

2. Double klik file xampp yang sudah di unduh
3. Pilih Bahasa kemudian OK kemudian Yes lanjut OK
4. Next lanjut next
5. Kemudian tentukan lokasi pengisntallan mau di drive D , drive C sesuai keinginan Next
6. Proses Intsallasi berjalan
7. Akhiri dengan klik Finish
8. Setelah berhasil di install akan muncul layer XAMPP control Panel klik tombol start pada Apache server dan
MySql
9. Selanjutnya aktifkan web browser missal Mozilla Firefox atau Chrome dll
10. Ketik local host lalu enter jika kalian melihat halaman XAMPP berarti installasi XAMPP berhasil
Isilah Glosarium Berikut
• DNS….
• HTML….
• HTTP….
• ISP…
• IP Address…
• ISP…
• W3C…
• WWW
• Tag HTML
Tugas Individu
1. Sebutkan 5 website yang kalian suka beserta alasan mengakses website tersebut!
2. Jelaskan atau gambarkan Sejarah website secara singkat !
3. Profesi dalam pengembangan web profesi mana yang menurut mu paling menarik? Ungkapkan alas
an mu.
4. Kesimpulan dari materi yang sudah di sampaikan !

Catatan
Setiap tugas individu yang jawaban nya sama persis hasil ngopas maka nilai nya NOL.
SUMBER BAHAN AJAR
◦ Buku Pemograman Web dan Perangkat Bergerak Kelas XI
◦ Dan situs website terkait