Analisis Suatu Script Web

13
TUGAS PRAKTIKUM “Pemrograman Web” Ikuti petunjuk praktikum dengan baik dan benar. Lakukan semua petunjuk praktikum dan kumpulkan hasilnya sesuai dengan petunjuk yang ada di bagian akhir dari job sheet ini. Selamat bekerja ! 1. Jalankan local server (apache) ! Gambar 1.1. Local server aktif. Catatan: Jika terbiasa atau ingin menggunakan jenis local server yang lain, dipersilahkan untuk menggunakannya. Gambar di atas hanya sedikit ilustrasi penggunaan local server (XAMPP dan WAMP). Jika menggunakan XAMPP akan nampak control panel seperti gambar berikut ! Dan jika menggunakan WAMP akan nampak kutipan sebagai berikut (saat cursor posisi onFocus pada icon WAMP Server)

description

Tugas mata kuliah Pemrograman Web semasa semester-III di Politeknik TEDC Bandung.

Transcript of Analisis Suatu Script Web

Page 1: Analisis Suatu Script Web

TUGAS PRAKTIKUM“Pemrograman Web”

Ikuti petunjuk praktikum dengan baik dan benar. Lakukan semua petunjuk praktikum dan kumpulkanhasilnya sesuai dengan petunjuk yang ada di bagian akhir dari job sheet ini. Selamat bekerja !

1. Jalankan local server (apache) !

Gambar 1.1. Local server aktif.

Catatan: Jika terbiasa atau ingin menggunakan jenis local server yang lain, dipersilahkan untukmenggunakannya. Gambar di atas hanya sedikit ilustrasi penggunaan local server (XAMPP dan WAMP).

Jika menggunakan XAMPPakan nampak control panelseperti gambar berikut !

Dan jika menggunakan WAMPakan nampak kutipan sebagaiberikut (saat cursor posisionFocus pada icon WAMPServer)

Page 2: Analisis Suatu Script Web

2. Buat sebuah folder misalkan dengan nama “praktikum”, simpan di folder “htdocs” jika menggunakanlocal server XAMPP dan simpan di folder “www” jika menggunakan local server WAMP. Jikamenggunakan selain itu, silahkan setting-nya disesuaikan !

3. Gunakan script editor yang biasa digunakan, buat file index.html dan content_1.php (simpan padafolder yang sudah disiapkan) dengan isi script program sebagai berikut !

/* Script untuk file index.html */

<html><head>

<title>Menyisipkan Script PHP Pada Script HTML<title>

</head><body>

<?php include(“content_1.php”); ?><?php

echo “<a href=’#’>”.”Ini Sebuah Link”.”</a>”;?>

</body></html>

/* Script untuk file content_1.php */

<?php

echo “<h2>”.”Menyisipkan Script PHP”.”</h2>”;echo “<h3>”.”Berhasil”.”</h3>”;

?>

4. Jalankan web browser (Mozila Firefox, Google Chrome, Internet Explorer dsb), kemudian akseshttp://localhost/praktikum/index.html . Perhatikan dan tulis hasilnya serta berikan penjelasansecukupnya !

Page 3: Analisis Suatu Script Web

5. Buat file index.php dan content_2.php dengan isi script program sebagai berikut!

/* Script untuk file index.php */

<html><head>

<title>Menyisipkan Script PHP Pada Script HTML<title>

</head><body>

<?php include(“content_2.php”); ?><?php

echo “<a href=’#’>”.”Ini Sebuah Link”.”</a>”;?>

</body></html>

/* Script untuk file content_2.php */

<?php

echo “<h2>”.”Menyisipkan Script PHP”.”</h2>”;echo “<h3>”.”Berhasil”.”</h3>”;

?>

6. Jalankan web browser, kemudian akses http://localhost/praktikum/index.php . Perhatikan dan tulishasilnya serta berikan penjelasan secukupnya !

Page 4: Analisis Suatu Script Web

7. Buat file variable.php dengan isi script program sebagai berikut!

/* Script untuk file variable.php */

<?php

$kalimat=”Saya punya kuda ”;$nomor=8;

$lengkap=$kalimat+$nomor;

$nilaiA=4;$nilaiB=6;

$nilaiC=$nilaiA+$nilaiB;

echo “<h2>”.$lengkap.”</h2>”;echo “<h2>”.”Nilai A + B adalah ”.$nilaiC.”</h2>”;

echo “<h3>”.”Berhasil”.”</h3>”;

?>

8. Jalankan web browser, kemudian akses http://localhost/praktikum/variable.php . Perhatikan dantulis hasilnya serta berikan penjelasan secukupnya !

9. Buat file looping.php dengan isi script program sebagai berikut!

/* Script untuk file looping.php */

<?php

for($i=0; $i<10; $i++){

echo “Perulangan/looping ke ”.$i.”<br/>”;}

?>

10.Jalankan web browser, kemudian akses http://localhost/praktikum/looping.php . Perhatikan dantulis hasilnya serta berikan penjelasan secukupnya !

Page 5: Analisis Suatu Script Web

11.Buat file fungsi.php dengan isi script program sebagai berikut!

/* Script untuk file fungsi.php */

<?php

/* Declare sebuah fungsi */

function tes_fungsi(){

echo “<h2>”.”Ini adalah script tes fungsi ”.”</h2>”;}

/* Panggil/jalankan fungsi */

?>

12.Jalankan web browser, kemudian akses http://localhost/praktikum/fungsi.php . Perhatikan dan tulishasilnya serta berikan penjelasan secukupnya!

Catatan : Kerjakan praktikumnya dan buat laporan/paper secukupnya berkenaandengan materi (script program) diatas ! Dikumpulkan pada pertemuan minggudepan. Terima kasih !

Page 6: Analisis Suatu Script Web

UUTTSS MMAATTAA KKUULLIIAAHH PPEEMMRROOGGRRAAMMAANN WWEEBBDDOOSSEENN:: GGAANNAARR AAPPIINN,, SSSSTT

MMUUHHAAMMMMAADD FFAAJJAARR SSAAIIDD ((TTKK--110011002211))TTEEKKNNIIKK KKOOMMPPUUTTEERR DDAANN IINNFFOORRMMAATTIIKKAA DD33

SSEEMMEESSTTEERR--33 // 22001111--22001122PPOOLLIITTEEKKNNIIKK TTEEDDCC BBAANNDDUUNNGG

1155 NNOOVVEEMMBBEERR 22001111

Page 7: Analisis Suatu Script Web

1

I. INDEX.HTML

Pada saat file index.html dijalankan oleh Browser, muncul tampilan seperti di atas.Ini karena file disimpan dalam format .html, sedangkan file content_1.php yang akandisisipkan merupakan script PHP. Bagian ini bermaksud untuk menyisipkan script PHP padascript HTML dan menampilkan yang ada dalam script PHP, tapi yang tampil malah tulisan "."IniSebuah Link".""; ?>. Browser hanya meng-interpreter tulisan "."Ini Sebuah Link".""; ?>dikarenakan file index disimpan dalam format HTML. Dalam penulisan tag, index.html dancontent_1.php tidak ada yang salah. Hanya format file yang menjadi masalah. Walaupunindex.html ditulis dalam tag-tag HTML, harus disimpan dalam format .php.

Page 8: Analisis Suatu Script Web

2

II. INDEX.PHP

Pada bagian ini, tulisan Menyisipkan Script PHP, Berhasil dan Ini Sebuah Link dapat di-interpreter lalu ditampilkan oleh Browser karena file index.php merupakan file berformat.php. Sebelumnya berformat .html yang mengakibatkan script dalam file content_1.php tidakdapat di-interpreter oleh Browser. Script dalam file content_1.php merupakan script yangakan disisipkan ke pada index.php, File index.php ditulis dalam tag-tag HTML, tapi disimpandalam format .php, sehingga tag yang menyisipkan script PHP dapat ditampilkan Browser.

Page 9: Analisis Suatu Script Web

3

III. VARIABLE.PHP

Bagian ini berisi tentang penulisan variabel dalam PHP. Dengan variabel (Inggris:variable), kita menyimpan nilai atau informasi ke dalam memori. Variabel dapat digunakanberkali-kali dan nilainya dapat diganti. Nama variabel diawali dengan tanda $. Seperti di dalamscript file variable.php:

<?php$kalimat="Saya punya kuda "; //Deklarasi variabel $kalimat$nomor=8; //Deklarasi variabel $nomor

$lengkap=$kalimat+$nomor; /* Pengoperasian: nilai variabel $lengkapadalah hasil penjumlahan dari variabel $kalimat dan $nomor */

$nilaiA=4; //Deklarasi variabel $nilaiA$nilaiB=6; //Deklarasi variabel $nilaiB

$nilaiC=$nilaiA+$nilaiB; /* Pengoperasian: nilai variabel $nilaiCadalah hasil penjumlahan dari variabel $nilaiA dan $nilaiB */

echo "<h2>".$lengkap."</h2>"; /* Menampilkannilai variabel $lengkap yang bernilai 8 */

echo "<h2>"."Nilai A+B adalah".$nilaiC."</h2>"; /* Menampilkannilai variabel $nilaiC yang bernilai 10 dengan juga menampilkan kalimat “Nilai A+B adalah” */

echo "<h3>"."Berhasil"."</h3>"; /* Menampilkan kalimat “Berhasil” */

?>

Page 10: Analisis Suatu Script Web

4

Variabel merupakan elemen yang sangat penting dalam bahasa pemrograman. Hampirsetiap bahasa pemrograman mengenal apa itu yang namanya variabel. Variabel sendirimerupakan suatu bentuk penyimpanan data sementara pada memori komputer yang akandiolah lebih lanjut.

Ketentuan-ketentuan dalam membuat variabel: Variabel dapat terdiri dari huruf, angkat dan underscore ( _ ) dan tanda dollar ($). Variabel tidak dapat diawali dengan angka. Variabel bersifat case sensitive, artinya membedakan huruf kecil dan huruf besar, variabel

$nomor tidak sama dengan $NoMor, untuk itu harus hati-hati dalam penulisan namavariabel.

Membahas variabel tidak lupa dengan operator. Operator merupakan simbol yangdapat digunakan untuk memanipulasi nilai dan variabel. Dalam file variable.php menggunakanoperator + (penambahan) yang merupakan operator aritmatik. Selain operator aritmatik,masih banyak operator lainnya, seperti operator kombinasi (+=, -=, %=, …), perbandingan(==, !=, >=, …), logika (!, ||, &&, …), increment/decrement (++$a, $a++, ==$a, …) danString ( . ).

Page 11: Analisis Suatu Script Web

5

IV. LOOPING.PHP

Bagian ini menampilkan hasil perulangan (inggris: looping) kalimat “Perulangan/loopingke “ yang terus diulang hingga 10 kali perulangan. Dalam pemrograman, perulangan/loopingadalah eksekusi suatu blok kode selama suatu kondisi looping masih terpenuhi.Script file looping.php:

<?php

for ($i=0; $i<10; $i++){ /* Struktur pengulangan for, variabel$i awalnya bernilai 0, akhirnya kurang dari 10, pengulangan bertambah 1 kali. */

echo “Perulangan/looping ke “.$i.”<br/>”; /*Menampilkan kode yang akan dieksekusi, yaitu menampilkan kalimat“Perulangan/looping ke “ hingga 10 kali. Nilai variabel $i disambungkan dengankalimat menggunakan operator string ( . ). */

}

?>

Page 12: Analisis Suatu Script Web

6

V. FUNGSI.PHP

Pada awal file dieksekusi, yang muncul seperti ini;

Bagian ini merupakan bagian tentang fungsi (inggris: function). Untuk menjaga scriptdari eksekusi ketika halaman dimuat, script disimpan ke dalam fungsi. Fungsi akan dijalankanoleh sebuah panggilan kepada fungsi. Fungsi dapat dipanggil darimana saja dalam halaman.

Script di atas ketika dijalankan tidak menampilkan apa-apa karena tidak dimasukkankode untuk dieksekusi, hanya nama fungsinya saja: function tes_fungsi(). Nama fungsi tersebutadalah tes_fungsi(). Tapi setelah ditambahkan;

echo "";tes_fungsi();

<?php

function tes_fungsi(){

echo "<h2>"."Ini adalah script tes fungsi "."</h2>";

}

echo ""; // Script yang kurang (kode untuk dieksekusi)tes_fungsi(); // Script yang kurang (kode untuk dieksekusi)

?>

Page 13: Analisis Suatu Script Web

7

Maka ketika dijalankan, Browser menampilkan:

Jadi script yang benar:

echo "";tes_fungsi();

Merupakan kode untuk dieksekusi, echo ""; untuk menampilkan dari fungsi tes_fungsi();.

<?php

function tes_fungsi(){

echo "<h2>"."Ini adalah script tes fungsi "."</h2>";

}

echo "";

tes_fungsi();

?>