Dokumen ini membahas tentang web services, termasuk penggunaan HTML, XML, dan JSON sebagai bahasa markup untuk mewakili data, serta HTTP sebagai protokol komunikasi utama dalam web. Selain itu, dijelaskan juga tentang JavaScript sebagai bahasa pemrograman yang menambah interaksi di halaman web. Kesimpulan menekankan pentingnya pemahaman HTTP dan JavaScript dalam pengembangan aplikasi web.

1. Web Services 2
Pertemuan 5

2. Sub-CPMK
• Mahasiswa dapat merapkan aplikasi web services (C3, A3)

3. Materi
• HTML/XML/JSON
• HTTP
• JavaScript

4. 1. HTML/XML/JSON

5. 1.1 HTML
• HTML adalah singkatan dari
HyperText Markup Language
• HTML adalah bahasa markup
yang digunakan untuk membuat
halaman web
• HTML terdiri dari tag-tag yang
digunakan untuk menentukan
struktur dan tampilan halaman
web
• Contoh :

6. 1.2 XML
• XML adalah singkatan dari
eXtensible Markup Language
• XML adalah bahasa markup yang
dapat digunakan untuk mewakili
data
• XML terdiri dari tag-tag yang
digunakan untuk menentukan
struktur data
• Contoh:

7. 1.3 JSON
• JSON adalah singkatan dari
JavaScript Object Notation
• JSON adalah format data yang
dapat digunakan untuk mewakili
data
• JSON terdiri dari objek-objek
yang digunakan untuk
menyimpan data

8. 1.4 Perbedaan
HTML, XML dan JSON
Fitur HTML XML JSON
Tujuan Membuat Halaman
WEB
Mewakili data Mewakili data
Struktur Tag-Tag Tag-Tag Objek-objek
Kegunaan Membuat tampilan
web
Memindahkan data Memindahkan data

9. 2. HTTP

10. 2.1 Hypertext Transfer Protocol
• Definisi: Sistem komunikasi yang mengatur pertukaran data
antara klien (browser) dan server (web)
• Fungsi: Mengambil dan mengirimkan data seperti:
– HTML,
– CSS,
– JavaScript,
– gambar,
– video, dll.

11. 2.2 Komponen Utama HTTP
• Klien: Aplikasi yang meminta data (browser, aplikasi seluler)
• Server: Aplikasi yang menyimpan dan melayani data (web
server)
• Permintaan (Request): Pesan dari klien ke server berisi alamat
data (URL) dan metode (GET, POST, dll.)
• Tanggapan (Response): Pesan dari server ke klien berisi status
(200 OK, 404 Not Found) dan data

12. 2.3 Metode HTTP yang Umum
• GET: Meminta data (halaman web, gambar)
• POST: Mengirim data (formulir, login)
• PUT: Memperbarui data
• DELETE: Menghapus data
• HEAD: Mendapatkan informasi header tanpa konten

13. 2.4 Kode Status HTTP
• 200 OK: Permintaan berhasil
• 301 Moved Permanently: Alamat telah dipindahkan
• 404 Not Found: Data tidak ditemukan
• 500 Internal Server Error: Kesalahan pada server

14. 2.5 Keamanan HTTP VS HTTPS
• HTTP: Komunikasi tidak terenkripsi, rentan terhadap pencurian
data dan serangan man-in-the-middle
• HTTPS: Menggunakan Secure Sockets Layer (SSL) untuk
mengenkripsi komunikasi, aman untuk transaksi online

15. 2.6 Aplikasi HTTP dalam
Kehidupan Sehari-hari
• Membaca berita online
• Menonton video di YouTube
• Mengakses media sosial
• Menggunakan aplikasi belanja online
• Melakukan transaksi perbankan online

16. 2.7 Class Activity
• Apa tujuan dari HTTP?
• Sebutkan 3 metode HTTP yang paling umum!
• Apa perbedaan antara HTTP dan HTTPS?
• Sebutkan 2 aplikasi HTTP dalam kehidupan sehari-hari!
• Apa yang sedang dikembangkan untuk meningkatkan
kecepatan dan efisiensi HTTP?

17. 3. JavaScript

18. 3.1 JavaScript
• JavaScript adalah bahasa
pemrograman sisi klien
• JavaScript digunakan untuk
menambahkan interaksi dan
fungsionalitas ke halaman web
• JavaScript dapat digunakan untuk
membuat animasi, efek, dan
permainan

19. 3.2 Sejarah JavaScript
• JavaScript dikembangkan oleh Brendan Eich di Netscape
Communications Corporation pada tahun 1995
• JavaScript awalnya disebut Mocha, kemudian LiveScript, dan
akhirnya JavaScript
• JavaScript menjadi bagian standar dari World Wide Web
Consortium (W3C) pada tahun 1997

20. 3.3 Sintaks JavaScript
• JavaScript menggunakan sintaks yang mirip dengan bahasa
pemrograman C dan C++
• JavaScript menggunakan kurung kurawal untuk menandai blok
kode
• JavaScript menggunakan titik dua (:) untuk menandai deklarasi
variabel

21. 3.4 Variabel JavaScript
• Variabel digunakan untuk menyimpan data
• Variabel dideklarasikan dengan kata kunci “var”
• Nilai Variabel dapat diubah kapan saja.

22. 3.5 Aplikasi JavaScript
• JavaScript digunakan dalam berbagai aplikasi web, termasuk
• Animasi dan efek
• Permainan
• Formulir dan validasi
• Pencarian
• Pemetaan

23. Kesimpulan
• HTML, XML, dan JSON adalah bahasa markup yang digunakan
untuk mewakili data.
• HTTP adalah tulang punggung komunikasi web
• Memahami HTTP penting untuk pengembangan web dan
keamanan online
• Punya pertanyaan tentang HTTP? Mari diskusi!

24. Kesimpulan
• JavaScript adalah bahasa pemrograman yang kuat
dan serbaguna
• JavaScript dapat digunakan untuk menambahkan
interaksi dan fungsionalitas ke halaman web
• JavaScript adalah bahasa pemrograman yang penting
untuk dipelajari bagi siapa saja yang ingin
mengembangkan aplikasi web

25. Terimakasih