12

LAPORAN PRAKTIKUM
PEMROGAMAN WEB CLIENT
Pertemuan Ke-1

Disusun Oleh :
NAMA : Heribertus Daeng Sogen
NIM : 193310012
JURUSAN : Teknik Komputer
JENJANG : D3

STMIK AKAKOM
YOGYAKARTA
2020
 Pertemuan 1
(Lingkungan Kerja Pembuatan Web)

A. Dasar Teori
a) Konsep Dasar Web
Konsep dasar web terutama mengenai aplikasi penentuan kenaikan kelas
berbasis web ini tentunya merupakan sebuah aplikasi yang mampu membantu para
guru-guru dalam mengolah data nilai siswa. Perkembangan aplikasi web semakin
banyak mendominasi sisi pendidikan yang mmenyimpan data secara situs online.
b) Pengertian Web
Website adalah suatu kumpulan-kumpulan halaman yang menampilkan
berbagai macam informasi teks, data, gambar, video maupun gabungan dari
semuanya bersifat statis dan dinamis. Sebelum dibahas lebih lanjut, tentunya
terlebih dahulu mengetahui pengertian web. Berikut ini akan diuraikan beberapa
yang diperlukan disuatu website
1) Internet
Jaringan antar komputer yang saling berkaitan secara terus menerus baik
melalui email, transmisi file, dan komunikasi dua arah antar individu atau
kelompok.
Menurut Mulyanto (2009:113) “Internet atau international network
merupakan rangkaian jaringan terbesar didunia dimana semua jaringan yang
berada pada semua organisasi dihubungkan dengan suatu jaringan terbesar
sehingga dapat saling berkomunikasi”.
Menurut Sibero (2013:10) “Internet (interconnected network) adalah
jaringan komputer yang menghubungkan antar jaringan secara global, internet
dapat juga disebut jaringan dalam suatu jaringan yang luas”.
Sedangkan Menurut Irawan (2011:2) “Internet merupakan kependekan
dari kata “Internetwork”, yang berarti rangkaian komputer yang terhubung
menjadi beberapa rangkaian jaringan”.
Berdasarkan pendapat yang dikemukanan dapat disimpulkan bahwa,
Internet adalah suatu rangkaian atau jaringan komputer yang menghubungkan
jaringan komputer dalam suatu jaringan yang luas.
2) Web
Kumpulan halaman yang saling berhubungan untuk memudahkan tukar
menukar dan menampilakn berbagai macam informasi teks, gambar, animasi,
suara dan lain-lain.
Menurut Kadir dan Triwahyuni (2013:309) “Word Wide Web (WWW) atau
web merupakan sumber daya internet yang sangat popular dan dapat digunakan
untuk memperoleh informasi atau bahkan melakukan transaksi pembelian
barang”.
Menurut Sibero (2013:11) “Word Wide Web (W3) atau yang dikenal juga
dengan istilah web adalah suatu sistem yang berkaitan dengan dokumen
digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan
lainya pada jaringan komputer”.
 Sedangkan Menurut Arief (2011:8) “Word Wide Web atau yang biasa
disingkat WWW merupakan kumpulan situs web yang dapat diakses di internet
yang berisikan semua informasi yang dibutuhkan semua pengguna internet”.
Dari pendapat diatas dapat disimpulkan bahwa web adalah suatu sistem atau
sumber daya internet yang dapat diakses berupa dokumen dalam bentuk teks,
gambar dan lainya yang digunakan untuk memperoleh informasi dan lain
sebagainya.
3) Web Browser
Perangkat lunak yang digunakan untuk mencari sumber-sumber informasi
didalam jaringan internet dan dapat menampilkan gambar, memutar file
multimedia, mengirim, dan menerima email serta mengelola HTML.
Menurut Sibero (2013:12) “Web Browser adalah aplikasi perangkat lunak
yang digunakan untuk mengambil dan menyajikan sumber informasi web”.
Menurut Irawan (2011:3) “Web browser adalah program yang digunakan
pada jaringan internet untuk mengakses informasi, berbagi pakai,
berkomunikasi, dan sebagainya”.
Sedangkan Menurut Arief (201 1:19) “Web Browser merupakan program
yang berfungsi untuk menampilkan dokumen-dokumen web dalam format
HTML”.
Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan bahwa,
Web Browser adalah Aplikasi perangkat lunak yang digunakan pada jaringan
internet untuk mengakses informasi,berkomunikasi serta menampikan
dokumendokumen web dalam bentuk format HTML.
4) Web Server
Sebuah software yang memberikan layanan berbasi data berfungsi untuk
melakukan transfer berkas permintaan berupa berkas teks, video, gambar, file
dan lain-lain.
Menurut Simarmata (2010:88) “Web Server adalah potongan perangkat
lunak yang mendukung berbagai protocol Web, seperti HTTP, HTTPS, dan
lainlain untuk memproses permintaan client”.
Menurut Sibero (2013:11) “Web Server adalah sebuah komputer yang
terdiri dari perangkat keras dan perangkat lunak”.
Sedangkan Menurut Arief (2011:19) “Web server adalah program aplikasi
yang memiliki fungsi sebagai tempat menyimpan dokumen-dokumen web”.
Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan bahwa,
Web Server adalah potongan perangkat lunak yang memiliki fungsi sebagai
tempat menyimpan dokumen-dokumen web dengan dukungan berbagai
protocol web dan lain-lain untuk memproses permintaan client.
5) HTML (HyperText Markup Language)
Sebuah bahasa pemrograman yang digunakan untuk membuat sebuah
halaman web, menampilkan berbagai informasi dan dapat juga digunakan
sebagai link-link menuju halaman web yang lain dengan kode tertentu.
Menurut Sibero (2013:19) “HyperText Markup Language atau HTML
adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk
pertukaran dokumen web”.
 Menurut Arief (2011:23) “HTML atau HyperText Markup Language
merupakan salah satu format yang digunakan dalam pembuatan dokumen dan
aplikasi yang berjalan dihalaman web”.
Sedangkan Menurut Nugroho (2013:5) “HTML adalah kependekan dari
(HyperText Markup Language), merupakan sebuah bahasa Scripting yang
berguna untuk menuliskan halaman Web”.
Dari beberapa pendapat diatas dapat disimpulkan bahwa HTML
(HyperText Markup Language) adalah salah satu format bahasa Scripting yang
digunakan untuk meneyebarkan informasi, pembuatan dokumen dan aplikasi
yang berjalan dihalaman web .

B. Hasil Praktikum / Listing

1) Praktik 1
 Buka program Notepad dan browser (internet explorer/ firefox/ chrome)
 Pada program notepad , ketikkan kode berikut ini
 simpan dengan nama first.html

 Buka Browser, Klik menu File | Open File. Arahkan ke file first.html.

 Amati hasil yang muncul di bagian‐bagian browser : title bar, page content,
address.
 Modifikasi file first.html , ubahlah script di beberapa tag dengan huruf kapital
dan non kapital. Amati apakah ada perubahan atau tidak.
Penjelasan praktik1
a) <HTML> Sebagai tanda awal dokumen HTML.
b) <HEAD> Sebagai informasi page header. Di dalam tag ini bisa bisa diletakkan
tag-tag seperti TITLE, BASE, LINK, SCRIPT, STYLE, dan META.
c) <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag
ini akan muncul pada bagian paling atas browser (pada title bar).
d) <BODY> Sebagai isi yang tampak pada halaman web, yang dapat berupa teks,
grafik, dan lain-lain.
2) Praktik 2
 Buka program Notepad dan browser (internet explorer/ firefox/ chrome)
 Pada program notepad , ketikkan kode berikut ini

 simpan dengan nama first.html

 Buka Browser, Klik menu File | Open File. Arahkan ke file first.html.

 Amati hasil yang muncul di bagian‐bagian browser : title bar, page content,
address.
 Modifikasi file first.html , ubahlah script di beberapa tag dengan huruf kapital
dan non kapital. Amati apakah ada perubahan atau tidak.
 Penjelasan Praktik2
a) <HTML> Sebagai tanda awal dokumen HTML.
b) <HEAD> Sebagai informasi page header. Di dalam tag ini bisa bisa diletakkan
tag-tag seperti TITLE, BASE, LINK, SCRIPT, STYLE, dan META.
c) <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag
ini akan muncul pada bagian paling atas browser (pada title bar).
d) <BODY> Sebagai isi yang tampak pada halaman web, yang dapat berupa teks,
grafik, dan lain-lain.
3) Latihan 1
 Gunakan file firt.html. Ganti bagian body dengan NIM, Nama dan Prodi
 Penjelasan Latihan
 <!DOCTYPE HTML>
Adalah Tag awal dari setiap dokumen HTML, tag ini berfungsi untuk
menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen
HTML. Tag ini perlu dicantumkan disetiap dokumen HTML yang akan anda buat.
 <HTML> … </HTML>
Awal dari isi dokumen HTML dimulai dari sini, semua kode HTML
yang akan anda buat akan ditulis di dalam tag ini, perhatikan juga bahwa setiap tag
harus memiliki tag penutup.
 <head> … <head>
Tag Head akan digunakan untuk menyimpan berbagai informasi tentang dokumen
HTML, lebih detailnya akan kita temui pada bab selanjutnya. Apa yang terdapat di dalam
tag ini, tidak akan ditampilkan secara langsung pada web browser.
 <title> … </title>
Salah satu contoh informasi yang terdapat di dalam tag Head adalah title. Title akan
menampilkan teks pada judul browser atau pada tab browser.
 <body> … </body>
Apa yang ingin anda tampilkan pada browser akan ditulis di dalam tag ini, tag body
merupakan tag pembuka dari badan dokumen HTML

C. Tugas
Carilah 2 tag, selain <title> yang bisa diletakkan didalam tag <head>. Sebutkan tagnya
dan berikan penjelasannya ?
 Tag Meta
Meta tag merupakan salah satu tag yang ada pada HTML yang berfungsi
untuk memberikan informasi metadata (keterangan) dari sebuah halaman web.
Meta tag diletakkan di dalam tag head dalam sebuah halaman web. Tag ini
dapat digunakan untuk membantu mesin pencari mengidentifikasi sebuah
halaman web karena terdapat informasi title, description, robots, dll.
  Tag <script>
Tag <script> akan memberitahukan web browser bahwa kode yang berada
diantara tag tersebut bukanlah kode HTML, melainkan kode JavaScript.
Penggunaan atribut type=”text/javascript” pada HTML digunakan untuk
membedakan kode Javascript dengan script dari macam-macam bahasa
pemrograman web lainnya, contohnya seperti VBScript (yang ditulis
sebagai type=”text/vbscript”). Tetapi, karena bahasa pemrograman web
VBScript sudah jarang digunakan, maka saat ini hampir semua web browser
menjadikan JavaScript sebagai bahasa script default. Sehingga, Anda tak perlu
lagi menulis type=”text/javascript” untuk membedakan kode Javascript dengan
kode bahasa pemrograman web lainnya. Walaupun sebenarnya, Anda tak salah
sih jika ingin menegaskan penggunaan JavaScript dalam file HTML dengan
menuliskannya langsung.

D. Kesimpulan
Web Browser (atau biasa disebut browser) adalah sebuah software aplikasi untuk
menerima, menampilkan, dan menerjemahkan informasi dari world wide web
(wikipedia). Dan salah satu informasi itu dibuat dalam format HTML.
Kode HTML yang kita buat akan diterjemahkan oleh web browser agar tampil
seperti yang dirancang. Pada dasarnya seluruh web browser dapat menampilkan kode
HTML sama baiknya, namun jika sudah berbicara mengenai desain halaman, tiap-tiap
browser memiliki beberapa perbedaan.
HTML dirancang dan diatur oleh sebuah badan standarisasi dunia yang khusus
menangani web, yaitu W3C (World Wide Web Consortium). Hal ini dikarenakan tiap-
tiap program web browser menerjemahkan kode-kode HTML secara berbeda-beda,
sehingga di perlukan sebuah standar yang sama untuk seluruh browser.

E. Daftar Pustaka
https://id.search.yahoo.com/yhs/search?hspart=ima&hsimp=yhs-
002&p=carilah%20dua%20tag%20selain%20%3Ctitle%3E%20yang%20bisa%20dile
takkan%20di%20dalam%20tag%20%3Chead%3E.%20sebutkan%20tagnya%20dan%
20berikan%20penjelasan&type=ff_q4237_38869q

https://id.search.yahoo.com/yhs/search?hspart=ima&hsimp=yhs-
002&p=dasar%20teori%20LINGKUNGAN%20KERJA%20PEMBUATAN%20WE
B&type=ff_q4237_38869q