CSIM603154 - Jaringan Komunikasi Data

Semester Gasal 2021/2022

Worksheet - 3
Web Server with AWS and
Docker

Penulis : MAN
Edisi : 1 (20210830)

1
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

Spesifikasi
Kamu perlu membuat laporan yang berisi screenshots beserta dengan
deskripsi singkat dari task-task berikut.

1. [10 poin] Menjalankan command docker -v di instance EC2.

2
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

2. [20 poin] Menjalankan command docker pull, docker images, docker run, dan
docker ps.

docker pull

docker images & docker run

docker ps

3
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

3. [30 poin] Mengakses web page yang telah kamu deploy

a. http://<public-ip-instance-ec2>/<NPM>/short

b. http://<public-ip-instance-ec2>/<NPM>/long

4
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

c. http://<public-ip-instance-ec2>/<NPM>/images

4. Capture packet dengan wireshark

a. [10 poin] Ikuti langkah-langkah pada “Basic HTTP GET/response
interaction” dan jawablah pertanyaan-pertanyaannya. Gunakanlah
screenshot sebagai pendukung jawaban kamu.
b. [10 poin] Ikuti langkah-langkah pada “Retrieving long documents” dan
jawablah pertanyaan-pertanyaannya. Gunakan screenshot sebagai
pendukung jawaban kamu.
c. [10 poin] Ikuti langkah-langkah pada “HTML Documents with
Embedded Objects” dan jawablah pertanyaan-pertanyaannya. Gunakan
screenshot sebagai pendukung jawaban kamu.

5
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

d. [10 poin] Ikuti langkah-langkah pada “HTTP CONDITIONAL

GET/response interaction” dan jawablah pertanyaan-pertanyaannya.
Gunakan screenshot sebagai pendukung jawaban kamu.

Basic HTTP GET/response interaction

1. Buka Wireshark, tapi jangan start capture dulu.

2. Buka browser, pastikan sudah clear cache (cukup clear cache saja, tidak perlu
clear browsing history maupun cookies atau site data).
3. Mulailah capture packet pada wireshark.
4. Buka URL ini browser kamu:

http://<public-ip-instance-ec2>/<NPM>/short

5. Stop packet capture pada Wireshark.

6. Pada bagian display-filter-specification bar, masukkan “http” (tanpa kutip)
agar yang ditampilkan hanya packet-packet dengan protokol HTTP saja.

7. Buka Flow Graph (Statistics -> Flow Graph). Setelah itu, ceklis opsi “Limit to
display filter” di kiri bawah. Dari situ, kita bisa lihat interaksi antara client dan
server.

6
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

8. Jawablah pertanyaan berikut:

a. HTTP versi berapa yang browser kamu gunakan? HTTP versi berapa yang
digunakan oleh server?

HTTP/1.1, server juga menggunakan versi HTTP yang sama.

b. Apa IP address dari komputer kamu? Dari server?

192.168.100.6 dari server 54.156.126.67

7
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

c. Apa status code yang dikembalikan oleh server ke browser kamu?

200 OK

d. Berapa byte konten yang dikembalikan ke browser kamu?

597byte

Retrieving long documents

1. Buka browser kamu, pastikan sudah clear cache.

2. Buka Wireshark dan Start capturing packet.
3. Buka URL ini di browser kamu:

http://<public-ip-instance-ec2>/<NPM>/long

4. Stop Wireshark packet capture. Masukkan “tcp.port == XXX” (“XXX” adalah

port number dari end-device kamu) pada bagian display-filter-specification
agar hanya packet-packet TCP khusus untuk HTTP session ini yang
ditampilkan. Contoh dibawah, port clientnya yaitu 1045. Kamu bisa mengecek
portnya pada packet HTTP GET.

8
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

5. Buka Flow Graphnya agar lebih jelas interaksi antara client dan server.
6. Jawablah pertanyaan berikut:
a. Ada berapa HTTP GET request yang browser kamu kirim ke server?
Packet nomor berapa yang berisi GET untuk web page /long?

Ada 1, di packet no. 632

b. Packet nomor berapa yang merupakan HTTP response dari HTTP GET
request pada soal a?

Packet No.675

9
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

c. Apa status code dan phrase pada HTTP response tersebut?

200 OK (text/html)

d. Ada berapa TCP Segment yang diperlukan untuk untuk mengembalikan

HTTP response dan text untuk web page /long?

1 request dan 1 response

HTML Documents with Embedded Objects

1. Buka browser, pastikan sudah clear cache.

2. Buka Wireshark dan Start packet capture-nya.
3. Buka URL ini di browser kamu:

http://ws3-jarkomdat.herokuapp.com/<NPM>/images/

4. Stop Wireshark packet capture. Masukkan “http” pada bagian

display-filter-specification agar hanya packet dengan protokol HTTP saja yang
terlihat.

10
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

5. Jawablah pertanyaan berikut:

a. Ada berapa HTTP GET request yang browser kamu kirimkan? Apa IP
address tujuan dari GET request yang dikirimkan?

Ada 4 GET request, IP address tujuan adalah 54.243.238.66

b. Apakah kamu bisa membedakan apakah browser kamu mendownload

semua gambar tersebut secara serial atau paralel? Jelaskan.

Gambar di-download secara paralel, karena harus dalam

mentransmisikannya langsung dalam beberapa bit, tidak dengan satu
bit - satu bit.

HTTP CONDITIONAL GET/response interaction

1. Buka browser, pastikan sudah clear cache.

2. Buka Wireshark dan Start packet capture-nya.
3. Buka URL ini di browser kamu:

http://ws3-jarkomdat.herokuapp.com/<NPM>/images/

4. Buka lagi URL tersebut atau bisa juga hanya dengan me-refresh.
5. Stop Wireshark packet capture dan masukkan “http” ke bagian
display-filter-specification agar hanya packet dengan protokol HTTP yang
ditampilkan.
6. Jawablah pertanyaan berikut ini:

11
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

a. Perhatikan isi HTTP GET request (terutama untuk GET gambar) yang
browser kamu kirim ke server ketika kalian mengakses URL di atas
untuk pertama kalinya. Apakah terdapat baris dengan nama
“IF-MODIFIED-SINCE”?

Tidak, hanya terdapat ketika saya mengakses untuk kedua kalinya.

b. Perhatikan isi dari HTTP GET response (terutama untuk GET gambar)
dari server ketika kamu mengakses URL di atas untuk pertama
kalinya. Apakah server secara eksplisit mengembalikan file yang
di-request? Bagaimana kamu bisa tau?

Ya, server me-response request dengan memberikan file berupa image

secara langsung dengan status response 200, dan phrase OK.

12
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

c. Sekarang, perhatikan isi dari HTTP GET request (terutama untuk GET
gambar) yang dikirim oleh browser kamu ke server ketika kamu
mengakses URL di atas untuk kedua kalinya. Apakah terdapat baris
“IF-MODIFIED-SINCE”? Jika ya, informasi apa yang disimpan pada
header “IF-MODIFIED-SINCE” tersebut?

Ya, terdapat baris if-modified-since. Isi informasinya adalah tanggal

modifikasi terakhir file dari GET request sebelumnya.

NOTE: Seandainya setelah kalian capture packet tidak ada header

IF-MODIFIED-SINCE, tidak apa-apa. Jawab saja seadanya asalkan kalian
sertakan screenshot hasil capture packet ya!

13
CSIM603154 - Jaringan Komunikasi Data
Semester Gasal 2021/2022

d. Apa HTTP status code dan phrase yang dikembalikan oleh server pada
HTTP GET ketika kamu mengakses URL di atas untuk kedua kalinya?
Apakah server secara eksplisit mengembalikan isi dari file yang
di-request? Jelaskan!

Status code: 304, phrase: Not Modified. Tidak, server tidak secara
explicit memberikan image file yang di-request, server menggunakan
image file yang sebelumnya telah diminta. Sehingga response
statusnya menjadi 304 dengan phrase “Not Modified”.

14