LAPORAN RESMI PHPPRAKTIKUM DESAIN & PEMROGRAMAN WEB

3 D3 IT B

SISTA ANINDYA AISYAH7410030044

chyztha@student.eepis-its.edu

Politeknik Elektronika Negeri Surabaya (PENS) 2012

1. Identifying Browser & Platform Source Code .php:

Output (pada Web Browser Mozilla FireFox) :

Output (pada Web Browser Internet Explorer) :

Analisa:

Sista Anindya Aisyah7410030044

Percobaan ini adalah dimana sebuah web browser dapat mendeteksi nama browser dengan sistem operasi (platform) yang digunakan. Terdapat fungsi getenv() yang berfungsi untuk mengambil informasi mengenai lingkungan dimana aplikasi sedang dijalankan (environment). Terdapat string HTTP_USER_AGENT (didalam fungsi getenv() tadi) untuk menunjukkan software browser yang dipakai untuk melihat halaman yang sedang aktif.

Karena sebenarnya saya lebih suka menggunakan web browser Google Chrome, maka saya sedikit menambahkan koding pada source code .php diatas (yang sesuai modul), seperti dibawah ini:

(sedikit referensi saya untuk menambahkan koding untuk web browser Google Chrome: http://stackoverflow.com/questions/10902438/get-browser-in-chrome-returns-default-browser)

Sehingga pada saat saya menggunakan web browser Google Chrome, masih bisa terdeteksi:

Sista Anindya Aisyah7410030044

2. Display Images Randomly Source Code .php:

Output (pada Web Browser Google Chrome) :

Kemudian, jika kita Reload web pages tersebut, maka gambarnya akan berubah...

Sista Anindya Aisyah7410030044

Kita Reload lagi....

Sista Anindya Aisyah7410030044

Lalu di Reload lagi...

Analisa:Pada percobaan ini, saya meletakkan file gambarnya berada dalam 1

folder yang sama dengan file .php ini:

Sista Anindya Aisyah7410030044

Dalam percobaan ini terdapat fungsi srand() yang bertugas untuk memberikan nilai awal/seed dalam fungsi random (acak). Dimana terdapat variabel $num untuk memanggil fungsi rand() yang memiliki 2 parameter (lihat line 5).

Angka ‘1’ disana menunjukkan random awal yang menampilkan gambar pertama. Sedangkan angka ‘4’ menunjukkan jumlah gambar yang ingin di random.

Jadi, pada awal file .php ini dijalankan, dari gambar random diatas yang ditampilkan pertama adalah yang nomer ‘1’, yaitu gambar step.jpg

Sista Anindya Aisyah7410030044

3. Browser Redirection Source Code .php:

Output (pada Web Browser Google Chrome) :Pada awal web browser dijalankan, akan muncul tampilan seperti dibawah ini...

Terdapat 2 pilihan (option value) yang diletakkan dalam sebuah combo box, dan terdapat sebuah button Submit.

Apabila kita memilih option value-nya “World Wise Web Consortium”, kemudian kita klik button Submit, maka web browser akan redirect ke alamat situs http://w3c.org seperti gambar dibawah ini:

Sista Anindya Aisyah7410030044

Apabila kita memilih option value-nya “Google Search Page”, kemudian kita klik button Submit, maka web browser akan redirect ke alamat situs http://www.google.com seperti gambar dibawah ini:

Sista Anindya Aisyah7410030044

Analisa:Dalam percobaan kali ini, saya sedikit menambahkan koding source

code .php diatas (yang sesuai modul), untuk bisa redirect ke dalam blog saya. Tambahan kodingnya hanya sedikit saja, sehingga koding diatas menjadi:

Sista Anindya Aisyah7410030044

Nb: Sengaja saya letakkan option value situs blog saya di yang paling atas

Sehingga pada saat web browser kembali dijalankan maka, tampilan-nya adalah seperti ini:

Dan pada saat option value-nya adalah “Chyztha’s World” dan button Submit-nya di klik, maka web brower akan redirect ke situs http://chyztha.wordpress.com/

Sista Anindya Aisyah7410030044

4. Post Method Source Code .php:

Output (pada Web Browser Google Chrome) :Pada awal source code .php diatas dijalankan, maka tampilan web browser akan seperti ini. Terdapat 2 buah text field, dan sebuah button Submit.

Lalu kita isi kedua text field tersebut, kemudian klik button Submit.

Maka, web browser akan menampilkan semacam “message” dari data inputan sebelumnya, seperti dibawah ini:

Sista Anindya Aisyah7410030044

Analisa:Nilai-nilai yang terdapat pada elemen text field akan langsung

ditampilkan melalui perintah echo, pada saat button Submit diklik. Kita menggunakan $_POST[] karena metode yang digunakan untuk pengiriman data ke server adalah POST.

Nilai POST pada atribut method dari tag <form> digunakan untuk mengirimkan data ke server, akan tetapi data-data yang dimasukkan oleh user tidak akan ditambahkan/ditampilkan dalam URL.

5. Get Method Source Code .php:

Sista Anindya Aisyah7410030044

Output (pada Web Browser Google Chrome) :Pada awal source code .php diatas dijalankan, maka tampilan web browser akan seperti ini. Terdapat 2 buah text field, dan sebuah button Submit.

Lalu kita isi kedua text field tersebut, kemudian klik button Submit.

Maka, web browser akan menampilkan semacam “message” dari data inputan sebelumnya, seperti dibawah ini:

Analisa:Nilai-nilai yang terdapat pada elemen text field akan langsung

ditampilkan melalui perintah echo, pada saat button Submit diklik. Kita menggunakan $_GET[] karena metode yang digunakan untuk pengiriman data ke server adalah GET.

Nilai GET pada atribut method dari tag <form> digunakan untuk mengirimkan data ke server dengan memerintahkan web browser untuk menambah nilai yang dimasukkan oleh user ke dalam URL. Informasi yang akan ditambahkan ke URL memiliki format berupa pasangan nama/nilai.

Sista Anindya Aisyah7410030044

Perhatikan URL disamping!

Tampak bahwa nama elemen kontrol dan nilainya akan ditampilkan di dalam URL. Tanda ‘?’ digunakan sebagai pembatas antara URL dengan parameter-parameter yang dilewatkan oleh form. Informasi yang akan ditambahkan ke URL memiliki format berupa pasangan/nilai, yang ditulis nama=nilai. nama yang dimaksud disini adalah nama dari elemen kontrol yang menyimpan data, sedangkan nilai adalah data yang dimasukkan oleh user.

Terdapat ?name=Sista+Anindya+Aisyah&age=20Disini, “name” adalah nama elemen kontrol, dan “Sista Anindya Aisyah” adalah nilainya. Jika data yang dikirimkan lebih dari satu, maka akan ditambahkan tanda “&”. Dan terdapat “age” sebagai nama elemen kontrolnya, dan “20” sebagai nilainya.

6. Request Variable Source Code .php:

Sista Anindya Aisyah7410030044

Output (pada Web Browser Google Chrome) :Pada awal source code .php diatas dijalankan, maka tampilan web browser akan seperti ini. Terdapat 2 buah text field, dan sebuah button Submit.

Lalu kita isi kedua text field tersebut, kemudian klik button Submit.

Maka, web browser akan menampilkan semacam “message” dari data inputan sebelumnya, seperti dibawah ini:

Analisa:Perhatikan line 2,4, dan 5!

Terdapat $_REQUEST[], yang bisa digunakan oleh method POST atau GET (sesuai kebutuhan). Dalam percobaan kali ini, menggunakan method POST. Output yang dihasilkan pun sama seperti pada percobaan file post.php pada soal nomer 4 sebelumnya. Karena menggunakan method POST, maka data-data yang dimasukkan oleh user tidak akan ditambahkan/ditampilkan dalam URL.

Sista Anindya Aisyah7410030044

KESIMPULAN:

“Didalam tag <form>, terdapat dua atribut penting, yaitu: ACTION dan METHOD.

Atribut ACTION digunakan untuk menunjuk file PHP yang akan digunakan untuk

memproses data yang dikirim melalui form. File tersebut akan dieksekusi ketika user

meng-klik tombol Submit.

Atribut METHOD digunakan untuk menentukan bagaimana cara informasi dari suatu form dikirimkan ke server. Terdapat 2 METHOD,

yaitu: GET dan POST

Dengan menggunakan metode GET ini, data-data yang dimasukkan user akan tampil di URL. Sedangkan metode POST, data yang dikirim akan disembunyikan. Sehingga

kesimpulannya, dengan menggunakan metode POS akan lebih secure daripada menggunakan

metode GET (jika sudah diaplikasikan, apalagi jika data yang dikirim penting)”

Sista Anindya Aisyah7410030044