LAPORAN MINGGUAN

PRAKTIKUM PEMROGRAMAN WEB MODULE 1

DISUSUN OLEH : RIVALDO DIKI SETIA PUTRA ( 19533108 )

DOSEN PENGAMPU : Dyah Mustikasari, S.T., M.Eng
MATA KULIAH : PRAKTIKUM PEMROGRAMAN WEB

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS MUHAMMADIYAH PONOROGO
2023/2024
 KATA PENGANTAR

Assalamualaikum wr.wb. Puji syukur atas rahmat Allah SWT, berkat rahmat serta karunia-Nya
sehingga laporan yang berjudul “Praktikum Pemrograman Web Module1” ini dapat selesai.

Laporan ini dibuat dengan tujuan memenuhi tugas mata kuliah Praktikum Pemrograman Web
Semester 6 dari Ibu Dyah Mustikasari, S.T., M.Eng pada Program Studi Teknik Informatika
Universitas Muhammadiyah Ponorogo. Selain itu, penyusunan laporan ini bertujuan menambah
wawasan kepada pembaca tentang ‘Desain Website HTML’ dan ‘CSS’.

Penulis menyampaikan ucapan terima kasih kepada Ibu Dyah Mustikasari, S.T., M.Eng selaku
Dosen Pengampu mata kuliah Praktikum Pemrograman Web. Berkat tugas yang diberikan ini,
dapat menambah wawasan penulis berkaitan dengan topik yang diberikan. Penulis juga
mengucapkan terima kasih yang sebesarnya kepada semua pihak yang membantu dalam proses
penyusunan laporan ini.

Penulis menyadari bahwa dalam penyusunan dan penulisan masih melakukan banyak kesalahan.
Oleh karena itu penulis memohon maaf atas kesalahan dan ketidaksempurnaan yang pembaca
temukan dalam laporan ini. Penulis juga mengharap adanya kritik serta saran dari pembaca
apabila menemukan kesalahan dalam laporan ini.

Ponorogo, 24 Juni 2023

Rivaldo Diki Setia Putra

ii
 DAFTAR ISI

HALAMAN JUDUL .....................................................................................i

KATA PENGANTAR ..................................................................................ii
DAFTAR ISI .................................................................................................iii
BAB I PENDAHULUAN .............................................................................1
1.1. Latar Belakang ............................................................................................1
1.2. Rumusan Masalah .......................................................................................1
1.3. Tujuan .........................................................................................................1
1.4. Manfaat .......................................................................................................2
BAB II LANDASAN TEORI .......................................................................3
2.1. Web Browser ..............................................................................................3
2.2. HTML (HyperText Markup Language).......................................................3
2.3. CSS (Cascading Style Sheets) .....................................................................4
BAB III HASIL DAN PEMBAHASAN ......................................................5
3.1 Desain Layout Dengan Penggunaan Tabel ...................................................5
3.1.1 File dengan Nama index.html ...................................................................5
3.1.2 Tulis Kalimat pada Kolom yang Sudah Diberi Nama ...............................6
3.1.3 Tambah Style pada Halaman yang Telah Dibuat ......................................6
3.2 Membuat Desain Form HTML ....................................................................7
BAB IV PENUTUP .......................................................................................9
4.1. Kesimpulan .................................................................................................9
4.2. Saran ...........................................................................................................9
DAFTAR PUSTAKA ...................................................................................10

iii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi di dunia Website dewasa ini semakin pesat dan tidak terbatas. Hal
ini ditandai dengan maraknya produsen yang mulai mengunakan website tidak hanya sebagai
media untuk mengiklankan sesuatu, tetapi juga untuk memenuhi segala kebutuhannya, mulai
dari kebutuhan di bidang Industri, Kepolisian, Pendidikan sampai kebutuhan Rumah tangga.
Banyaknya Website-website yang telah diciptakan membutikan bahwa banyaknya persaingan di
bidang Web. Setiap Web Designer dan Web Programmer saling berlomba dalam menciptakan
inovasi baru dibidang web. Pembuatan Web itu sendiri merupakan perpaduan antara sintak
HTML, MYSQL, JavaScript dengan PHP MyAdmin dan lain sebagainya.
Hal ini terbukti dengan adanya pengguna internet di berbagai bidang. Mengingat
pentingnya dunia internet, para programmer berusaha membuat dan mendesain program-
program dan aplikasi yang dibutuhkan saat melakukan browsing internet. Dan seiring
perkembangan di dunia pemrogramman internet, kini muncul istilah CSS.

CSS adalah singkatan dari Cascading Style Sheets. Dalam KBBI cascading artinya air
terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode lain yang
saling berhubungan. Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS
adalah kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format
atau tampilan suatu halaman HTML.

1.2 Rumusan Masalah

Berdasakan latar belakang diatas, maka diambil rumusan masalah sebagai berikut :
1. Apa yang disebut dengan HTML?
2. Apa fungsi dari CSS?

1.3 Tujuan
Dari penulisan laporan ini, memiliki tujuan yang hendak dicapai yaitu:
1. Mahasiswa mengetahui berbagai macam tag HTML dan cara penggunaannya
2. Mahasiswa mengetahui perkembangan HTML 5
3. Mengetahui script CSS dasar dan memahami desain tata letak menggunakan HTML dan
CSS

iv
1.4 Manfaat
Adapaun manfaat yang diperoleh dari penulisan laporan ini, adalah:
1. Mahasiswa dapat mempresentasikan atau mengatur tata letak situs web dengan
menggunakan tabel dan menambahkan tag-tag HTML ditambahkan dengan CSS untuk
meningkatkan daya tarik visualnya.
2. Mahasiswa dapat berlatih untuk pembuatan form dengan segala objeknya.
3. Mahasiwa dapat menggunakan HTML untuk membuat desain form.

v
 BAB II
LANDASAN TEORI

2.1 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 (2011: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.

2.2 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.

vi
2.3 CSS (Cascading Style Sheets)
Salah satu bahasa desain web yang dapat mengatur format tampilan sebuah halaman web
dengan perancangan desain text berupa font, color, margins, size dan lain-lain.
Menurut Kadir dan Triwahyuni (2013:323) “CSS adalah kode yang dimaksudkan untuk
mengatur tampilan halaman web”.
Sedangkan Menurut Arief (2011:11) “Client side scripting adalah salah satu jenis bahasa
pemrograman web yang proses pengolahannya dilakukan disisi client”.
Menurut Sibero (2013:112) menyatakan bahwa, “Casading Style Sheet memiliki arti Gaya
Menata Halaman Bertingkat, yang artinya setiap satu elemen yang telah diformat dan memiliki
anak dan telah diformat, maka anak dari elemen tersebut secara otomatis mengikuti format
element induknya”.
Casading Style Sheet (CSS) digunakan untuk membuat web menjadi lebih rapi dan
terstruktur. Dari beberapa pendapat diatas dapat disimpulkan bahwa CSS (Cascading Style
Sheets) adalah Salah satu jenis bahasa pemrograman untuk mengatur proses pengolahan pada
komponen tampilan web menjadi bentuk web yang lebih indah dan menarik.

vii
 BAB III
HASIL DAN PEMBAHASAN

3.1 Desain Layout Dengan Penggunaan Tabel

Desain Layout dengan Penggunaan table komponen tag HTML dalam praktikum ini
membahas tentang beberapa jenis elemen data yang akan ditampilkan pada halaman web
seperti: text, image, table, drop-box, button, form, dll.

3.1.1 File dengan Nama index.html

Gambar diatas adalah contoh hasil code yang ada pada file index.html

viii
3.1.2 Tulis Kalimat pada Kolom yang Sudah Diberi Nama

Gambar diatas adalah code untuk menampilkan output yang dihasilkan, berupa
Website selamat datang.

3.1.3 Tambah Style pada Halaman yang Telah Dibuat

ix
 Gambar diatas adalah hasil dari tampilan output dari hasil code yang dituliskan, berupa
Website Selamat Datang dan ditambahkan dengan Style CSS.

3.2 Membuat Desain Form HTML

x
xi
 Gambar diatas adalah code beserta output atau hasil tampilan dari form Registrasi.

BAB IV
PENUTUP

4.1 Kesimpulan
1. Laporan ini menyimpulkan pemahaman dasar dari bahasa markup HTML dan
kemampuan dalam menggunakan tag, elemen, atribut, dan struktur dokumen HTML.
2. Laporan ini dapat membantu dalam memahami Cascading Style Sheets (CSS) dan
kemampuan dalam menerapkan gaya visual, tata letak, dan desain responsif pada halaman web
menggunakan CSS.

4.2 Saran
Saran yang berkaitan dengan laporan praktikum ini adalah :
1. Dalam penulisan kode-kode HTML untuk membuat web diperlukan ketelitian agar tidak
terjadi kesalahan sehingga harus diperlukan perbaikan dari awal.

xii
 2. Untuk membuat halaman web yang rapi dan menarik, perlu melakukan pemformatan
tulisan-tulisan, baik tata cara pencetakannya, serta jenis tulisan yang dipergunakan.
3. Penggunaan warna adalah cara terbaik untuk membuat situs web tetapi jangan terlalu
berlebihan. Komposisi warna, tulisan dan gambar yang seimbang (tampilan yang bagus).

DAFTAR PUSTAKA

https://www.universitas123.com/news/begini-cara-membuat-laporan-praktikum-

yang-baik-dan-benar

https://tekniklingkungan.unud.ac.id/protected/storage/lampiran_page/

c5ace01f434507d7680f745be11fec71.pdf

https://berita.99.co/contoh-laporan-praktikum/

http://eprints.polsri.ac.id/6838/2/File%20II.pdf

http://repository.unpas.ac.id/26649/2/Bab1_113040202.pdf

https://eprints.utdi.ac.id/8303/2/2_155610022_BAB_I.pdf

xiii
 https://www.w3schools.com/css/css_background.asp

https://www.academia.edu/11723815/Makalah_HTML_tentang_CSS

https://idcloudhost.com/blog/kumpulan-tempat-belajar-html-secara-online-untuk-

pemula/#:~:text=Mempelajari%20HTML%20dan%20CSS%20dapat,Akibatnya

%2C%20keterampilan%20ini%20sangat%20diminati.

https://www.logique.co.id/blog/2020/11/30/apa-itu-coding-dan-manfaat-belajar-

coding/

https://www.studocu.com/id/document/universitas-tadulako/pemrograman-web-1/

laporan-praktikum-pemrograman-web-1-modul-1-html/46653061

https://repository.bsi.ac.id/index.php/unduh/item/1550/File-10-Bab-II-Landasan-

Teori.pdf

xiv