LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

FADHILAH RAMADHANI NASUTION

0701172118

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SUMATERA UTARA
MEDAN
2023
 KATA PENGANTAR

Segala puji-pujian bagi Allah, Bersyukur kita panjatkan atas ke hadirat

Allah SWT. Atas limpahan rahmat dan karunia-Nya sehingga saya mampu
menyelesaikan Laporan Praktikum Pemrograman Web ini. Tanpa pertolongan-
Nya mungkin saya tidak bisa menyelesaikannya dengan baik. Tak lupa shalawat
berangkai salam kita hadiahkan kepada junjungan kita Nabi Muhammad SAW
yang kita harapkan syafaatnya di kemudian hari.
Dalam penyusunan Laporan Praktikum ini, saya mengucapkan banyak
terimakasih kepada Bapak Muhammad Siddik Hasibuan, M.Kom selaku Dosen
Mata Kuliah Pemrograman Web yang telah memberi bimbingan dan kepercayaan.
Sehingga, Laporan Praktikum ini dapat saya susun dengan baik.
Semoga laporan ini dapat bermanfaat terutama untuk saya. Walaupun
Laporan Praktikum ini masih jauh dari kata sempurna, mengingat kurangnya
pengetahuan dan pengalaman saya.

Medan, 11 April 2023

Penyusun

Fadhilah Ramadhani Nst

i
DAFTAR ISI

ii
DAFTAR TABEL

iii
DAFTAR GAMBAR

iv
 MODUL 4

PHP

4.1 Tujuan Praktikum

1. Mahasiswa mampu mengoperasikan PHP.
2. Mahasiswa mampu mengenal konsep-konsep PHP.
3. Mahasiswa mampu membuat skrip dengan bahasa pemrograman PHP.

4.2 Dasar Teori

Menurut Solichin (2016), PHP merupakan salah satu bahasa pemograman
berbasis web yang ditulis oleh dan untuk pengembang web. PHP pertama kali
dikembangkan oleh Rasmus Lerdorf, seorang pengembang software dan anggota
tim Apache, dan dirilis pada akhir tahun 1994. PHP dikembangkan dengan tujuan
awal hanya untuk mencatat pengunjung pada website pribadi Rasmus Lerdorf.
PHP merupakan bahasa pemorgaman berbasis web yang dibuat secara khusus
untuk membangun aplikasi berbasis web. Selain tersedia secara gratis, PHP juga
mudah dipelajari oleh siapapun.
PHP merupakan bahasa server-side yang menyatu dengan html, untuk
membuat halaman web yang dinamis, salah satu fungsinya adalah untuk menerima
dan mengolah dan menampilkan data ke sebuah situs, data yang diterima akan
diolah disebuah prorgam databases server, untuk kemudian hasilnya ditampilkan
kembali ke layar browser sebuah situs. PHP adalah bahasa pemrograman untuk
dijalankan melalui halaman web, umumnya digunakan untuk mengolah informasi
di internet. Sedangkan dalam pengertian lain PHP adalah singkatan dari Hypertext
Preprocessor yaitu bahasa pemrograman web serverside yang bersifat open
source atau gratis. PHP merupakan script yang menyatu dengan HTML dan
berada pada server.
Berikut ini diantara keuntungan PHP :
1. Akses cepat, karena ditulis ditengah kode HTML, sehingga waktu respon
programnya lebih cepat.

26
 27

2. Murah, bahkan gratis tidak perlu membayar software ini untuk

menggunakannya.
3. Mudah dipakai, fitur dan fungsinya lengkap, cocok dipakai untuk membuat
halaman web dinamis.
4. Dapat dijalankan diberbagi sistem operasi, seperti Windows, Linux, Mac OS,
dan berbagai varian Unix.
5. Dukungan teknis banyak tersedia. Bahkan banyak forum dan situs
didedikasikan untuk troubleshooting berbagai masalah seputar PHP.
6. Aman, pengunjung tidak akan bisa melihat kode PHP.
7. Mendukung banyak database.
8. Bisa dikostumisasi. Karena software ini open source.
Sintaks Dasar PHP Script PHP disisipkan langsung dalam tubuh
file HTML yang ditandai dengan tag pembuka dan penutup. Sebagaimana
diketahui HTML (HyperText Markup Language) adalah bahasa standar
untuk membuat halaman-halaman web.
Script PHP Script PHP diawali dengan tag (). Setiap baris
perintah/statement harus diakhiri dengan menggunakan tanda titik koma
(;). Umumnya setiap statement dituliskan dalam satu baris. Script
PHPmerupakan script yang digunakan untuk menghasilkan halaman-
halaman web. Cara penulisannnya dibedakan menjadi embedded dan non
embedded script.
Pada prinsipnya server akan bekerja apabila ada permintaan dari
client. Dalam hal ini client menggunakan kode-kode PHP untuk
mengirimkan permintaan ke server. Sistem kerja dari PHP diawali dengan
permintaan yang beasal dari halaman website oleh browser. Berdasarkan
URL atau alamat website dalam jaringan internet, browser akan
menemukan sebuah alamat dari webserver, mengidentifikasi halaman yang
dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh
webserver. Selanjutnya webserver akan mencarikan berkas yang diminta
dan menampilkan isinya di browser. Browser yang mendapatkan isinya
segera menerjemahkan kode HTML dan menampilkannya.
 28

Pada prinsipnya sama dengan memanggil kode HTML, namun

pada saat permintaan dikirim ke web-server, web-server akan memeriksa
tipe file yang diminta user. Jika tipe file yang diminta adalah PHP, maka
akan memeriksa isi script dari halaman PHP tersebut. Apabila dalam file
tersebut tidak mengandung script PHP, permintaan user akan langsung
ditampilkan ke browser, namun jika dalam file tersebut mengandung script
PHP, maka proses akan dilanjutkan ke modul PHP sebagai mesin yang
menerjemahkan script-script PHP dan mengolah script tersebut, sehingga
dapat dikonversikan ke kode-kode HTML lalu ditampilkan ke browser
user.

4.3 Praktikum
1. Percobaan 1
Membuat Kode Script php, lalu simpan file pada Direktori C:\xampp\
htdocs\prak4 dengan nama file (tipe_var.php).

Hasil :
 29

Gambar 4.1 tipe_var.php

Membuat Script operator.php

Hasil :

Gambar 4.2 operator.php

 30

Berikut ini Kode Script array.php

 31

Hasil :

Gambar 4.3 array.php

Membuat Kode Script php, lalu simpan file pada Direktori C:\
xampp\htdocs\prak4 pada nama file (Modularitas).
 32

Hasil :

Gambar 4.4 about.php

 33

Gambar 4.5 contact.php

Gambar 4.6 index.php

 34

Gambar 4.7 link.php

 35

Gambar 4.8 menu.php

Gambar 4.9 new.php

4.4 Kesimpulan dan Saran

1. Kesimpulan
PHP merupakan bahasa server-side yang menyatu dengan html, untuk
membuat halaman web yang dinamis, salah satu fungsinya adalah untuk
menerima dan mengolah dan menampilkan data ke sebuah situs, data yang
diterima akan diolah disebuah prorgam databases server, untuk kemudian
 36

hasilnya ditampilkan kembali ke layar browser sebuah situs. PHP adalah bahasa
pemrograman untuk dijalankan melalui halaman web, umumnya digunakan
untuk mengolah informasi di internet.
2. Saran
Bagi mahasiswa sebaiknya mempelajari dengan teliti bahasa
pemrograman PHP. Agar mahasiswa terhindar dari yang namanya sering error.
Lebih banyak memahami sintaks-sintaks dan konsep yang ada dalam bahasa
pemrograman PHP.
 LEMBAR PENGESAHAN

JUDUL : PHP
NAMA : FADHILAH RAMADHANI NST
NIM : 0701172118
PROGRAM STUDI : ILMU KOMPUTER

Medan, 02 Mei 2023

Menyetujui,

Asisten Laboraturium

Paris Alvito

Mengetahui,

Laboran

Muhammad Fahri Syuhada, S.Kom

37
 MODUL 2

LAYOUT WEB SEMANTIK

2.1 Tujuan Praktikum

1. Mahasiswa mampu mengetahui dan mengerti apa semantik.
2. Mahasiswa mampu untuk memahami tentang layout semantik html
3. Mahasiwa mampu Layout web semantic dengan html5 dan css3

2.2 Dasar Teori

Semantic web atau web semantik merupakan salah satu perkembangan
pada aplikasi web. Semantik adalah ilmu yang mempelajari makna. Menurut
bahasa, web semantik mempunyai arti web yang memiliki
makna standar mempromosikan format data umum dan protokol pertukaran di
Web, yang paling fundamental adalah Resource Description Framework (RDF).
“The Semantic Web memberikan kerangka umum yang memungkinkan data yang
akan dibagi dan digunakan kembali seluruh aplikasi, perusahaan, dan batas-batas
komunitas” – W3C. Istilah ini diciptakan oleh Tim Berners-Lee untuk web data
yang dapat diproses oleh mesin. Sementara kritikus mempertanyakan
kelayakannya, pendukung berpendapat bahwa aplikasi dalam industri, biologi dan
penelitian ilmu manusia telah membuktikan validitas konsep asli.
Web semantic atau semantik web dicetuskan pertama kali oleh Tim
Berners-Lee pada tahun 2001. Web semantik sering disebut sebagai web versi 3.0.
Dalam pembuatan aplikasi web semantik tidak semudah membuat aplikasi web
biasa. Untuk membuat web semantik terdapat beberapa teknologi yang perlu
dipelajari, diantaranya adalah RDF, ontologi, query RDF, RDF Store.
Sebenarnya Web Semantik terdiri atas 2 buah kata yang masing – masing
memiliki pengertian yang cukup berbeda.

9
 10

1. Web: yang dimaksud web di sini adalah jaringan komputer yang luas yaitu
WWW (World Wide Web)
2. Semantik: dapat diartikan sebagai ilmu tentang makna atau tentang arti, yaitu
salah satu dari tiga tataran analisis bahasa; fonologi, gramatika dan semantic.
Jadi web semantik adalah kemampuan aplikasi komputer yang berfungsi
untuk lebih memahami bahasa manusia, bukan hanya bahasa yang baku dari para
penggunanya tetapi juga bahasa yang lebih kompleks, seperti dalam bahasa
percakapan sehingga memudahkan penggunanya untuk berkomunikasi dengan
mesin. Web semantik dapat mengolah bahasa dan mengenali homonim, sinonim,
atau atribut yang berbeda pada suatu database.

1. Elemen Semantik
Di awal-awal hadirnya HTML dulu elemen semantik belum ada. Orang-
orang membuat layout dengan menggunakan tag yang salah. Ada yang
membuatnya dengan tag <tabel> dan ada juga dengan tag <div>. Ini sebenarnya
tidak sepenuhnya salah, karena membuat layout dengan kedua tag itu benar-benar
bisa. Tapi ini bukanlah cara yang baik dan akan membuat kode HTML kita sulit
terbaca. Karena itu. Hadirlah elemen semantik sebagai solusi. Elemen semantik
mulai ditambahkan pada HTML 5. Elemen semantik adalah elemen-elemen
yang menyatakan makna atau tujuan dari elemen itu sendiri.  Misalnya
tag <footer>, tag ini digunakan untuk membuat elemen footer atau bagian kaki
dari web. Jangan gunakan tag ini di bagian paling atas, karena maknanya sudah
jelas untuk footer. Jadi tidak akan ada lagi yang namanya penyalah gunaan tag.
Karena setiap tag sudah punya tujuan masing-masing. Semantic web
mengindikasikan bahwa makna data pada web dapat dipahami, baik oleh manusia
maupun oleh computer (Passin, 2004).
Berikut beberapa element semantic yang dapat digunakan untuk
mendefinisikan struktur atau layout halaman web:
Tabel 2.1 element semantic
No Tag Semantik Deskripsi
1 <article> Mendefinisikan element artikel web
2 <aside> Mendefinisikan element di samping konten utama
 11

 3 <details> Mendefinisikan element detail atau spoiler

 4 <figcaption> Mendefinisikan text caption pada figure
 5 <figure> Mendefinisikan figur atau gambar pada artikel
 6 <footer> Mendefinisikan element footer web
 7 <header> Mendefinisikan element header web
 8 <main> Mendefinisikan element utama web
 9 <mark> Mendefinisikan teks yang ditandai
 10 <nav> Mendefinisikan element navbar atau navigasi
 11 <section> Mendefinisikan bagian halaman web
 12 <summary> Mendefinisikan ringkasan artikel web
 13 <time> Mendefinisikan element waktu

2.3 Praktikum

1. Source code Menggunakan Semantik

Membuat source code web menggunakan layout semantik, lalu simpan file
tersebut pada Direktory C:/xampp/htdocs/Web2 dengan nama file index dengan
ekstensi .php (index.php). Difile ini akan menghubungkan halaman index.php
dengan file CSS penulisan ekstensi .css adalah style.css dan linknya di letakkan
dibawah tag title.

Gambar 2.1 Input kode Index.php

 12

Gambar 2.2 Input kode style.css

Gambar 2.3 Input kode style.css

Hasil :
 13

Dapat dilihat melalui Microsof Edge dengan mengakses

http://localhost/web2.com/index.php.

Gambar 2.4 Hasil index.php

2.4 Kesimpulan dan Saran

1. Kesimpulan

Layout semantik adalah bagian dari teknologi web yang ada saat ini,
dengan adanya web semantik, website tidak hanya bisa dimengerti manusia, tetapi
juga bisa dipahami oleh mesin. Web semantik mampu memahami makna dari
sebuah kata. Web semantik adalah generasi baru dari web yang sudah ada saat ini,
web semantik merupakan pekembangan dari WWW yang ditemukan oleh Tim
Berners-Lee pada tahun 1999. Sasaran dari arsitektur semantic web adalah
menyediakan representasi pengetahuan dari LOD yang mengijinkan
mesin/komputer memproses dalam skala global. Layout adalah tata letak dari
elemen-elemen desain terhadap suatu bidang dalam media tertentu untuk
mendukung konsep atau pesan yang dibuat. Adapun tujuan-tujuan dari layout
adalah memastikan bahwa pesan yang ingin disampaikan pada halaman website
dapat tersampaikan dengan baik kepada audiens.

2. Saran

Bagi pemula, pembuatan web menggunakan layout semantic html

merupakan dasar yang penting karena dapat membantu kita ketika memulai suatu
proyek web. membuat web dengan layout semantic html yang baik, sebaiknya
sebelum membuat proyek web anda harus mengetahui pengertian, elemen
semantic, dan memahami CSS berfungsi untuk menjelaskan dan menata tampilan
elemen yang tertulis pada HTML.
 LEMBAR PENGESAHAN

JUDUL : PHP
NAMA : FADHILAH RAMADHANI NST
NIM : 0701172118
PROGRAM STUDI : ILMU KOMPUTER

Medan, 02 Mei 2023

Menyetujui,

Asisten Laboratorium

Paris Alvito

Mengetahui,

Laboran

Muhammad Fahri Syuhada, S.Kom

14
DAFTAR PUSTAKA
Solichin, A., 2005, Pemrograman web dengan php dan mysql. Jakarta: universitas
budi luhur
Suryana, O., 2018, Server dan web server,. Dari: https://www.researchgate.net/
publication /, Diakses: 1 April 2023
Puspa, R., 2022, HTML adalah: Pengertian, Sejaran, Fungsi,. Dari:
https://academy.Alterra.id/blog,html-adalah/, Diakses: 1 April 2023

14