LAPORAN PRAKTIKUM

PENGANTAR WEB

NIM : 2003005

Nama : Andra Ryanda

Kelas : D3 – Teknik Informatika – 1 A

Mata Kuliah : Pemrograman Web (TIU3203)

Praktikum ke / Judul : …1. / …Pengantar Web……………………..

Tanggal Praktikum : 16 Februari 2021

Dosen Pengampu : Esti Mulyani S.Kom, M.Kom

PROGRAM STUDI D3 TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI INDRAMAYU
2021
 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

A. Tujuan Praktikum

Tujuan Umum
Mahasiswa mampu memahami cara kerja Web, mengetahui Code Scripting pada Web, dan
mengetahui beberapa Tools pengembangan Web.

Tujuan Khusus
Mahasiswa bisa
1. Menjelaskan cara kerja Web
2. Mengetahui Code Scripting pada Web
3. Mengetahui Tools pengembangan Web

B. Rangkuman Teori Singkat

Cara kerja Web :

Web ( World Wide Web atau “ www ” ) adalah salah satu cara untuk berbagi informasi
melalui internet. Web menggunakan protocol HTTP (Hypertext Transfer Protocol) yaitu
protocol jaringan di lapisan aplikasi layer yang di kembangkan untuk membantu proses
transfer antar computer, contohnya file,data dan dsb.komunikasi tersebut terjadi
berlangsung antara Web Server dengan computer Client atau sebaliknya.

Cara Umum Akses Kerja Web :

• Karena Website adalah kumpulan halaman web untuk menampilkan data teks, maka
setelah semua data muncul atau tampil di layar, User akan merequest untuk
membuka suatu webpage dari tampilan web tersebut, setelah USER menge-klik
suatu link di web, maka data akan kembali merequest suatu URL yang kita inginkan.
• Kemudian memasuki wilayah kerja IP, dan akan diperiksa sesuai alamat dan
permintaannya dan server akan mengambil header/judul sebagai fungsi pencarian.
• Setelah itu user tampilan computer akan disesuaikan dan server akan memberikan
data yang diminta melalui alamat IP asal permintaan tersebut jika data ada dan valid
ke client server sebelum kembalinya lagi ke User berupa Display.
•
URL ( Uniform Resource Locator ) contohnya mengakses “ reangblog12.blogspot.com “ atau
memasukkan nama domain (Web) pada browser yaitu meliputi :

1. Peyelesaian URL, memiliki,

- Protokol
- Nama Situs
- Abolute Path
2. Pengiriman Request ke Server
3. Penguraian (Parsing) Response dari Server
4. Rendering (Menyajikan) Halaman

Kode Scripting dan Tools Pengembangan Aplikasi Web

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 2

 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

Halaman Web yang ditampilkan browser adalah hasil rendering dari beberapa file seperti
HTML, CSS, dan JavaScript. Dan Code Scripting dibagi menjadi dua berdasarkan
lingkungannya, yaitu Client-Slide dan Server Side.

C. Langkah dan Hasil Pelaksanaan Praktikum

Langkah – langkah Praktikum Cara Kerja Web :

1. Buka Aplikasi Browser (Chrome,Firefox, Opera, dan dsb.)
2. Klik Kanan pada halaman layar Browser  Klik Inspec / CTRL + Shift + I.

3. Pilih Tab Network

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 3

 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

4. Masukkan suatu URL atau nama domain tertentu, misalnya polindra.ac.id

5. Semua file yang diterima Browser dari Server (Response) akan terlihat.

6. Pilih salah satu Reqeust dari kolom Name, misalnya www.polindra.ac.id

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 4

 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

7. Metadata dapat dilihat pada tab Headers, yang berisi General, Response Header, dan
Request Header.
8. Adapun untuk melihat Response secara lebih rinci (Code Scripting) dari setiap file, pilih
Tab Response.

9. Selesai.

D. Langkah dan Hasil Latihan

1, Simpan data secara tertata dan rapi sesuai dengan fungsi-fungsi systemnya.
2. seperti gambar dibawah, dimana file index.html berada pada Folder Script dan File
Gambar berada pada Folder Gambar. Dan dari semua file tersebut disimpan dalam Satu
Folder yaitu yang bernama File Tugas.

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 5

 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

E. Hasil dan Penjelasan Tugas

1. Kita bisa menyusun file secara tertata tertib dan rapi, agar kelihatan lebih enak di
pandang mata dan file tidak berantakan seperti halnya dalam satu semua.
Dan ini adalah hasil Contoh Akses Pembuatan Web Halaman saya membukanya..

F. Kesimpulan

Pertama – tama kita mengetahui apa itu Web, bagaimana cara kerja sebuah Web pada
internet?, dan beserta penjelasan-penjelasannya sehingga kita lebih mengenal tentang
Web/Website. Kemudian kita juga mengenal apa bahan-bahan/software pendukung
pengembangan Aplikasi Web, seperti halnya HTML, CSS, JavaScript, XAMPP,MAMP dan
sebagainya.
Setelah itu kita diberitahukan bagaimana kita bisa melihat hasil enkripsi code-code
pemrograman Web dengan cara membuka browser lalu mengakses suatu link/website
kemudian masuk dalam bagian Inspect dan melihat pada Network, disitu kita melihat peng-
kodean pemrograman web pada suatu Website
Lalu memberi arahan untuk penginstallan aplikasi untuk pemrograman,seperti halnya
dalam contoh yaitu menginstall aplikasi VisualCode dan XAMPP.

Kemudian mengajarkan langkah-langkah menata sebuah file agar menjadi rapi dalam
menata tata file. Sehingga pada saat kita mencari suatu file atau melihat file kita melihat
tidak berantakan ataupun kesulitan. Karea semua sudah sesuai dengan tempat filenya
masing-masing.

G. Referensi

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 6

 Program Studi D3 Teknik Informatika NIM : ………………..
Jurusan Teknik Informatika Nama : ……………………………......
Politeknik Negeri Indramayu

Referensi dari Modul ajar Pemrograman Web yang diterapkan dalam pembelajaran
Pemrograman Pengantar Web.

Esti Mulyani S.Kom, M.Kom – Politeknik Negeri Indramayu

Pemrograman Web (TIU3203) | Laporan Praktikum ke … - “Judul Praktikum” | 7