Jelajahi eBook
Kategori
Jelajahi Buku audio
Kategori
Jelajahi Majalah
Kategori
Jelajahi Dokumen
Kategori
MODUL 1 HTML
1.1 TUJUAN
1. Mengenalkan kepada mahasiswa tentang HTML 2. Mahasiswa dapat membuat halaman web dengan menggunakan HTML
3. Mahasiswa dapat membuat halaman web dengan menggunakan script HTML dan
PHP
1.2 DASAR TEORI
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser.Protokol ini mentransfer dokumendokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk memperindah file teks
biasa untuk ditampilkan pada program web browser. Hal ini dilakukan dengan menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut. Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan simbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan simbol garis miring (/). Misalnya pasangan dari tag <contoh> adalah </contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atributatribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut: <contoh atribut1=nilai_atribut1 atribut2= nilai_atribut2 >. Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah. Struktur dasar HTML
<html> <head> <title>teks pada title bar web browser</title> </head> <body> Berisi tentang text, gambar, atau apapun yang tampil pada dokumen web. </body> </html>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag <html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head> ... </head> dan tag <body> ... </body>. Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <title> ... </title> yang berfungsi untuk mengeluarkan judul pada title bar window web browser. Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan ditampilkan pada halaman web browser nantinya. Pada bagian ini Anda akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin Anda sampaikan pada pengguna nantinya.
1.3 PELAKSANAAN PRAKTIKUM Praktikum 1.1 Ordered_Unordered.html
<html> <body> <h4>Sebentuk list unordered:</h4> <ul type=circle> <li>Kopi</li> <li>Teh</li> <li>Susu</li> </ul> <br> <h4>Sebentuk list ordered:</h4> <ol type="A"> <li>Kopi</li> <li>Teh</li> <li>Susu</li> </ol> <h4>Sebuah list bersarang:</h4> <ul> <li>Kopi</li> <li>Teh <ul> <li>Teh hitam</li> <li>Teh Hijau</li> </ul> </li> <li>Susu</li> </ul> </body> </html>
Praktikum 1.2Tabel.html
<html> <body> <p> Setiap tabel dimulai dengan tag table. Setiap baris tabel dimulai dengan tag tr.
1.5 TUGAS
Carilah sebanyak-banyaknya di berbagai referensi mengenai tag-tag html beserta kegunaannya. Contoh penulisan:
No 1 2 Tag <br> <h1> Fungsi Menampilkan fungsi enter di halaman Menampilkan teks dengan format heading 1
MODUL 2 CSS
2.1 TUJUAN
1. PENGERTIAN CSS Cascading Style Sheet adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat dirubah/diformat ulang dengan cepat. CSS juga telah di standartkan oleh World Wide Web Consortium (W3C) untuk di gunakan di web browser. Penulisan CSS <style type="text/css"> ... css...</style> Contoh : <h1 style=color:red>merah, meriah euy...</h1> 2. ISTILAH-ISTILAH DALAM STYLE SHEET a. Style rule Cascading style sheet merupakan kumpulan aturan yangmendefinisikan style dari document. Sebagai contoh kita bias membuat aturan style yang menentukan bahwa semua <h2> ditampilkan dengan warna orange. b. Style sheet Style sheet dapat di-embedded ke HTML document. Atau disebutembedded style sheet. Style sheet juga bisa dibuat sebagai externalfile dan di link ke document HTML. Style role bisa di kenakan padabagian tertentu dari web page. Sebagai contoh anda bisa menentukanparagraph tertentu di tampilkan dengan style bold dan italicsementara yang lain tetap seperti biasa. c. Selector selector { property1: value; property2:value, . . .} h1{ color:green; background-color:orange} Style sheets terdiri dari dua bagian:
-Selector ,Bagian pertama sebelum tanda {} disebut selector - Declaration,Terdiri dari properti dan nilainya.
2.3 PELAKSANAAN PRAKTIKUM Praktikum 2.1 font-css.html
<html> <head> <style type="text/css"> p.normal {font-weight: normal} p.tebal {font-weight: bold} p.teballl {font-weight: 900} p.lengkap { font: italic small-caps 900 12px arial } </style> </head> <body> <p class="normal"> Perhatikan paragraf ini</p> <p class="tebal"> Bandingkan dengan paragraf diatasnya</p> <p class="teballl"> Bandingkan yang ini juga</p> <p class="lengkap"> Paragraf dengan semua atribut font dimasukkan</p> </body> </html>
Buatlah table pada HTML kemudian masukkan CSS sehingga menjadi tampilan seperti dibawah:
2.5 TUGAS
Coba observasi css yang digunakan oleh website-website besar seperti facebook.com, google.com atau youtube.com kemudian pilih dua objek yang menjadi ciri khas web site tersebut (misalnya: button login & textbox register pada facebook.com). Tugas anda adalah MENIRU css objek tersebut.
MODUL 3 JAVASCRIPT
3.1 TUJUAN
web
3.2 DASAR TEORI
JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web dan dijalankan pada browser web. JavaScript adalah namaimplementasi Netscape Communications Corporation untuk ECMAScriptstandar, suatu bahasa skrip yang didasarkan pada konsep pemrogramanberbasis prototipe. Bahasa ini terutama terkenal karena penggunaannyadi situs web (sebagai JavaScript sisi klien ) dan juga digunakan untukmenyediakan akses skrip untuk objek yang dibenamkan (embedded ) diaplikasi lain. Walaupun memiliki nama serupa, JavaScript hanya sedikitberhubungan dengan bahasa pemrograman Java , dengan kesamaanutamanya adalah penggunaan sintaks C. Secara semantik, JavaScriptmemiliki lebih banyak kesamaan dengan bahasa pemrograman Self . SkripJavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harusdimasukkan di antara tag<script>...</script>.
Operator Aritmetika Operator + * / % Description Addition Subtraction Multiplication Division Modulus (division remainder) Example x=2 x+2 x=2 5-x x=4 x*5 15/5 5/2 5%2 10%8 10%2 x=5 x++ x=5 x-Result 4 3 20 3 2.5 1 2 0 x=6 x=4
++ --
Increment Decrement
10
PRAKTIKUM PEMPROGRAMAN WEB Operator Penunjukan Operator = += -= *= /= %= Example x=y x+=y x-=y x*=y x/=y x%=y Is The Same As x=y x=x+y x=x-y x=x*y x=x/y x=x%y
Operator Perbandingan Operator == != > < >= <= Description is equal to is not equal is greater than is less than is greater than or equal to is less than or equal to Example 5==8 returns false 5!=8 returns true 5>8 returns false 5<8 returns true 5>=8 returns false 5<=8 returns true
Operator Logika Operator && Description and Example x=6 y=3 (x < 10 && y > 1) returns true x=6 y=3 (x==5 || y==5) returns false x=6 y=3 x != y returns true 3.3 PELAKSANAAN PRAKTIKUM Praktikum 3.1 operator.html
<html> <body> <script type="text/javascript"> varbil1=3; var bil2=5; var hasil=bil1+bil2; document.write(Penambahan = +hasil+<br>); document.write("Perkalian = "+ hasil) </script> </body> </html>
||
or
not
11
12
3.4 LATIHAN
3.5 TUGAS
13
1. Mengenalkan kepada mahasiswa tentang pemrograman PHP 2. Mahasiswa dapat membuat script PHP secara sederhana
3. Mahasiswa dapat membuat halaman web dengan menggunakan script HTML dan
PHP
4.2 DASAR TEORI
PHP (Preprocesor Hypertext) adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja berupa HTML. Untuk membedakan perintah HTML dan PHP digunakan tanda <? ?>atau<?php ?> PHP dapat diaplikasikan dengan berbagai macam database, seperti MySQL, PostgreSQL,, Oracle, dan lainnya. Beberapa script dasar PHP : 1. Menampilkan text
echo "..text . <br>" <br> : ganti baris
2. Variabel Untuk membuat variabel diberi tanda dollar ($).Variabel berfungsi untuk menyimpan suatu nilai dan dapat berubah-ubah. Penulisan variable yang benar adalah : Karakter pertama tidak boleh berupa angka (harus berupa huruf atau garis bawah) Tidak mengandung spasi Pemakaian huruf kapital dan huruf kecil dibedakan
14
3. Array Array merupakan suatu variabel yang dapat berisi banyak data dalam waktu yang sama. Pendefinisian Array dapat dibentuk dengan format berikut : $nama_array = array(elemen_1, , elemen_n); Untuk menghitung jumlah elemen array digunakan fungsi count(), dengan format count($nama_array).
4. Operator Dalam PHP juga dapat melakukan proses operasi, baik itu penjumlahan, operasi logika, ataupun operasi pembanding. Operator Matematika yang digunakan dalam PHP yaitu : Operator + * % Fungsi Penjumlahan Perkalian Sisa pembagian Operator / ++, -Fungsi Pengurangan Pembagian Penaikan, Penurunan
Operator Pembanding yang digunakan dalam PHP yaitu : Operator == <= Fungsi Sama dengan Kurang dari sama dengan >= Lebih dari sama dengan !=, <> Tidak sama dengan Operator < > Fungsi Kurang dari Lebih dari
Selain itu, operator Logika juga dapat digunakan di PHP, antara lain, and (&&), or (||), xor, dan !.
15
5. Penulisan tanda khusus dengan tanda / Karakter yang ditulis dengan diawali tanda (\) yaitu: Operator \ \$ \t Fungsi Tanda petik ganda Tanda $ Tab Operator \\ \n \x00 s.d \xFF Fungsi Tanda backslash Pindah baris Heksadesimal
6. Tipe data Tipe data yang dikenal pada pemrograman PHP yaitu : Operator
Integer Double String
Fungsi
Tipe data bilangan bulat Tipe data bilangan real Tipe data teks
7. Konversi tipe data Fungsi-fungsi yang digunakan dalam PHP untuk mengkonversikan tipe data ke tipe data yang lain yaitu dengan memberikan fungsi intval, doubleval, dan strval. Atau dengan menggunakan teknik cast, yaitu dengan mengubah tipe ekspresi yang akan dikonversi.
8. Menampilkan tanggal dan waktu Untuk menampilkan tanggal dan waktu secara update, dapat menggunakan perintah date dengan format-format berikut : Operator
a,A d,D F g,G Z y,Y h,H
Fungsi
am atau pm, AM atau PM hari/tanggal dalam 2 digit, hari (Sun..Sat) nama bulan (January..December) jam (1..12), jam (0..23) hari dari tahun (0..365) tahun dalam 2 digit, tahun dalam 4 digit jam (01..12), (00..23)
16
PRAKTIKUM PEMPROGRAMAN WEB I m,M S W a,A d,D menit (00..59) Nama bulan (01..12), nama bulan (Jan..Dec) Detik (00..59) hari (0=Sunday..6=Saturday) am atau pm, AM atau PM hari/tanggal dalam 2 digit, hari (Sun..Sat)
2. Simpan dengan menggunakan ekstensi php (misalnya latihan41.php) di folder htdocs/modul4 dan jalankan di web browser.
Praktikum 4.2
17
2. Simpan script (latihan42.php) diatas lalu lihat hasilnya di web browser. Perhatikan urutan nama-nama yang tampil dari perintah echo $nama[1] . $nama[2] . $nama[0]; 3. Tambahkan fungsi count untuk menghitung jumlah elemen array $nama dengan menambahkan script berikut :
//menghitung jumlah elemen array $jum_array = count($nama); echo "jumlah elemen array = ". $jum_array;
Praktikum 4.3
Praktikum 4.4
Ketikkan script berikut untuk menampilkan tanggal dengan mengambil tanggal di server.
<html> <head> <title>Tanggalan</title> </head> <body> <? echo date("m-F-Y, g:i:s a"); ?> </body> </html>
18
Buatlah aplikasi sederhana untuk memghitung luas segi empat, luas segitiga, luas trapezium, dan luas balok
4.5 TUGAS
Modifikasi masing-masing aplikasi sederhana dari sub bab Latihan yaitu dengan membuat inputan variabel menggunakan form. Misal Aplikasi menghitung luas segi empat
Submit ditekann
19
1. Percabangan a. Bentuk IF Perintah IF ini akan menjalankan statement jika kondisinya bernilai benar (True).
if (expr) { Statement }
b. Bentuk IF ELSE Dalam bentuk ini jika ekpresi bernilai benar maka statement_1 akan dijalankan, tetapi jika salah maka statement_2 yang akan dijalankan
If (expr) Statement_1 Else Statement_2 If (expr) { Statement_1a; Statement_1b; } Else { Statement_2a; Statement_2b; }
Atau
c. Bentuk IF ELSE IF Bentuk if-elseif ini cocok untuk melakukan pengambilan keputusan yang melibatkan banyak alternative. PHP dapat mengetahui bentuk elseif dan else if.
If (expr) Statement_1; Else if (expr) Statement_2; Else Statement_3;
20
d. Bentuk SWITCH Pada prinsipnya penggunaan switch hampir sama dengan pengunaan kondisi if elseif. Dalam pengunaan switch juga disertakan perintah break. Tanpa perintah break semua peryataan akan dijalankan. Bentuk pernyataan switch yaitu :
Switch (ekspresi) { case ekspresi_case_1: pernyataan; break; case ekspresi_case_n : pernyataan_n; break; default: pernyataan_default; }
2. Pengulangan a. Bentuk WHILE Perulangan mengunakan while mempunyai bentuk yang mudah untuk
digunakan. Perintah while akan terus diulang selama kondisi berisi TRUE dan akan berhenti jika kondisi berisi FALSE
while (expr) statement
b. Bentuk FOR Perulangan mengunakan for mempunyai 3 ekpresi: o Expr1 adalah ekpresi untuk memberikan nilai awal yang akan digunakan untuk perulangan. o Expr2 adalah ekpresi untuk memberikan kondisi dalam perulangan. Jika kondisi tersebut bernilai TRUE maka perulangan akan dilanjutkan. Jika kondisi tersebut bernilai FALSE makan perulangan akan berhenti. o Expr3 digunakan untuk mengatur nilai variabel yang digunakan pada expr1
for (expr1; expr2; expr3) statement
c. Bentuk DO WHILE Perulangan mengunakan do while ini akan berakhir jika ekpresi bernilai FALSE
21
3. Fungsi Fungsi (function) merupakan serangkaian script/kode yang mempunyai kegunaan khusus dan tertentu, merupakan seurutan atau serangkaian kode yang sering dipakai.Dengan adanya fungsi ini pemrograman dapat dipermudah karena tidak harus menulis berulang-ulang rangkaian kode script ini. Sintaks: function nama_fungsi(argumen) { kodeperintah } Contoh : function kali( $bil1 ,$bil2 ) { $hasil = $bil1 * $bil2; return $hasil; } Dalam pemberian sebuah nama fungsi, maka nama fungsi itu tidak boleh samadengan nama fungsi yang telah disediakan oleh PHP contohnya fungsi echo, print danlain-lain. Fungsi dapat dibedakan menjadi beberapa macam yaitu: a. Fungsi tanpa parameter input Fungsi ini hanya memiliki nama fungsi saja. Ciri utama dari fungsi jenis ini adalah nilai statement yang ada dalam lingkup fungsi bersifat statis karena tidak ada parameter inputan. Contoh:
<?php Function hello() { Echo Hello world; } Hello(); //Cara memanggil fungsi ?>
22
b. Fungsi dengan parameter input Fungsi jenis ini memungkinkan untuk menghasilkan nilai statement yang dinamis karena adanya parameter inputan yang dapat dimasukkan dari luar fungsi. Parameter input pada sebuah fungsi biasanya sama seperti penentuan nama variabel di PHP. Contoh:
<?php Function hello($nama) { Echo Hello $nama , Apa kabar?; } Hello(Andi); //Cara memanggil fungsi ?>
c. Fungsi dengan return value Fungsi jenis ini dapat mengembalikan sebuah nilai.Pada umumnya, hasil kembalian dari return value dapat disimpan kembali ke dalam sebuah variabel atau langsung diproses untuk dilakukan perhitungan kembali. Ciri utama fungsi ini adalah adanya statement return diakhir fungsi. Contoh:
<?php Function tambah($a, $b) { $c=$a+$b; Return $c; } $hasil=tambah(1,2); //$hasil sekarang berisi 3 ?>
23
2. Simpan dengan menggunakan ekstensi php (misalnya latihan51.php) di folder htdocs/modul5 dan jalankan di web browser.
Praktikum 5.2
Praktikum 5.3
Ketikkan script berikut ini untuk mengetahui penggunaan switch dan simpan dengan nama latihan53.php.
<html> <head> <title>Pernyataan SWITCH</title> </head> <body> <? $jurusan = "SI"; switch($jurusan) { case "KA": echo "$jurusan = Komputerisasi akuntansi"; break; case "MI": echo "$jurusan = Manajemen Informatika"; break; case "SI": echo "$jurusan = Sistem Informasi"; break; case "TI": echo "$jurusan = Teknik Informatika"; break; default: echo "$jurusan tidak terdaftar"; } ?> </body> </html>
24
Ketikkan script berikut untuk mengetahui penggunaan perulangan while dan simpan dengan nama latihan54.php
<html> <head> <title>Perulangan dengan While</title> </head> <body> <? $i = 1; $jum=0; while ($i <= 5) { $jum=$jum+$i; echo "Bilangan ke : $I, jumlah : $jum <br>"; } ?> </body> </html>
Praktikum 5.5
Ketikkan script berikut untuk mengetahui penggunaan fungsi dengan parameter dan simpan dengan nama latihan55.php
<html> <head> <title>Parameter</title> <? $baris = $_POST["txtBaris"]; function HelloWorld($s) { for($i = 1; $i <= $s; $i++) { echo "Hello " . $i . "<br />"; } } ?> </head> <body> <form method="post" action="<?= $_SERVER['php self'] ?>"> <input type="text" name="txtBaris" id="txtBaris" /> <input type="submit" value="Kirim" /> <br /> <? if ($baris != "") { HelloWorld($baris); } ?> </form> </body> </html>
25
Ketikkan script berikut untuk mengetahui penggunaan fungsi return dan simpan dengan nama latihan56.php
<html> <head> <title>Parameter</title> <? function Tambah($bil1, $bil2) { $hasil = $bil1 + $bil2; return $hasil; } $operator = $_POST["btnSubmit"]; $bilangan1 = $_POST["txtBil1"]; $bilangan2 = $_POST["txtBil2"]; $hasil = Tambah($bilangan1, $bilangan2); ?> </head> <body> <form method="post" action="<?= $_SERVER['php self'] ?>"> <input type="text" name="txtBil1" id="txtBil1" value="<?= $bilangan1 ?>" /> + <input type="text" name="txtBil2" id="txtBil2" value="<?= $bilangan2 ?>" /> = <input type="text" name="txtHasil" id="txtHasil" value="<?= $hasil ?>" /> <br /> <input type="submit" name="btnSubmit" id="btnSubmit" value="+" style="width:32px" /> </form> </body> </html>
5.4 LATIHAN
Buatlah aplikasi sederhana untuk menampilkan karakter * dalam beraneka kumpulan bentuk
26
Cari fungsi fungsi Built In dari PHP di berbagai referensi kemudian tuliskan format penggunaan dan fungsinya. Format penulisan:
NO 1 FUNGSI MAX KEGUNAAN Mencari nilai tertinggi dari suatu array CONTOH PENULISAN <?php $angka[0] = 13; $angka[1] = 3; $angka[2] = 23; Echo max($angka); ?> . HASIL 23
2 N Jumlah 30 fungsi
. .
Kemudian buatlah sebuah aplikasi web sederhana yang mengkombinasikan fungsifungsi tersebut
27
Mysql merupakan software system manajemen database (Database Management System DBMS) berbasis client-server.MySQL sangat mudah untuk digunakan dan banyak dipakai pada sistem database menengah MySql juga banyak dijumpai dipasaran dan mudah berinteraksi dengan bahasa aplikasi lain baik berbasis desktop maupun web. Perintah dasar mysql a. Membuat database
CREATE DATABASE database_name;
b. Menghapus database
DROP DATABASE database_name;
c. Membuat table
CREATE TABLE table_name ( column_name1 data_type, column_name2 data_type, ....... )
d. Menghapus table
DROP TABLE table_name
e. Menambahkan/menghapus field
ALTER TABLE table_name ADD column_name data_type; ALTER TABLE table_name drop column_name
28
h. Merubah data
UPDATE table_name SET column1 = expr1, column2 = expr2 WHERE where_definition
i.
Menghapus data
DELETE FROM table_name WHERE where_definition
Untuk dapat menampilkan hasil query pada browser, PHP memerlukan fungsi API (Application Programming Interface). Berikut beberapa daftar PHP untuk MySQL :
Nama Fungsi Mysql_connect Mysql_close Mysql_select_db Mysql_create_db Mysql_drop_db Mysql_query Kegunaan Membuka koneksi ke Mysql Memutuskan koneksi ke Mysql Memilih database yang akan digunakan Membuat database baru di Mysql Menghapus database tertentu Mengeksekusi peritah SQL
Mysql_fetch_array Menampilkan sebuah baris hasil query sebagai array assosiatif Mysql_fetch_row Mysql_num_rows Menampilkan baris hasil dalam bentuk array satu persatu Menghitung jumlah record suatu query
6.3 PELAKSANAAN PRAKTIKUM Buatlah database db_mhs di mysql kemudian buat table biodata.
CREATE TABLE `biodata` ( `nim` VARCHAR( 9 ) NOT NULL , `nama` VARCHAR( 50 ) NOT NULL , `jurusan` VARCHAR( 25 ) NOT NULL , PRIMARY KEY ( `nim` ) ) ENGINE = MYISAM ;
29
30
31
6.4 TUGAS Percantikanlah tampilan halaman web CRUD yang telah dipelajari menggunakan CSS
32
MODUL 7 SESSION
7.1 TUJUAN
PHP mempunyai session (catatan aktivitas) yang digunakan untuk menjaga /memelihara informasi akses dari seorang pengakses / pemakai aplikasi web.Session memungkinkan pelacakan akses pemakai, pangaturan pemakaian aplikasi oleh pemakai dan meningkatkan layanan situs web. Setiap pengunjung akan diberi sebuah id yang unik, yang disebut dengan id session (session_id). ID ini dapat disimpan dalam suatu cookie pada sisi user atau disertakandalam URL. Session koneksi antara klien dan server akan hilang atau putus apabila browserditutup. Apabila browser dijalankan kembali dan koneksi ke server dilakukan makadianggap sebagai koneksi baru. Fungsi-fungsi session : 1. session_start(), untuk memulai session. 2. session_destroy(), untuk mengakhiri session. 3. session_id(), untuk mengambil atau menentukan identitas sebuah session (sessionid).
4. session_register(), untuk mendaftarkan variabel ke sebuah session. 7.3 PELAKSANAAN PRAKTIKUM
Praktikum 7.1 buat_session.php Berikut ini adalah contoh program untuk mendaftarkan nilai-nilai pada session.
<? session_start(); ?> <html> <head> <title>Session</title> <? $_SESSION['favcolor'] = 'green'; $_SESSION['animal'] = 'cat'; $_SESSION['time'] = time(); ?> </head> <body> <form method="post" action="<?= $_SERVER['php self'] ?>"> <a href="tampil_session.php">page 2</a>
33
Praktikum 7.2 tampil_session.php Berikut ini adalah contoh program untuk menampilkan nilai-nilai pada session yang telah didaftarkan.
<? session_start(); ?> <html> <head> <title>Session</title> </head> <body> <form method="post" action="<?= $_SERVER['php self'] ?>"> <a href="23_session_page_01.php">page 1</a><br /> Fav Color : <?= $_SESSION["favcolor"] ?><br /> Fav Animal : <?= $_SESSION["animal"] ?><br /> Fav Time : <?= $_SESSION["time"] ?><br /> </form> </body> </html>
Praktikum 7.3 hapus_session.php Berikut ini adalah contoh program untuk menghapus nilai-nilai pada session yang telah didaftarkan.
<? session_start(); session_unset(); ?> <html> <head> <title>Session</title> </head> <body> <form method="post" action="<?= $_SERVER['php self'] ?>"> Unset session </form> </body> </html>
34
35
Dengan menggunakan session, buatlah sebuah program untuk pendaftaran login dan proses authentikasi seperti di aplikasi facebook. a. Buatlah database, misal dengan nama : coba b. Buatlah tabel, misal dengan nama : login Terdapat 3 field yaitu : username (primary key), password, gender
c. Buatlah form untuk proses login dan pendaftaran user.
Buatlah proses untuk authentikasi user (proses login) Jika login berhasil, maka akan muncul
NB: Gunakan session untuk menyimpan informasi user diatas. Jika di klik logout, maka akan menghapus variabel session, dan kembali ke proses login di poin c.
36
8.2 DASAR TEORI PHP memungkinkan suatu kode yang disimpan dalam suatu file disertakan ke dalam suatu script PHP dengan menggunkan pernyataan include. Hal ini sangat berguna kalau kita mempunyai sederetan kode (misalnya definisi suatu fungsi, definisi suatu konstanta, atau kode yang lain) yang sering digunakan pada berbagai script PHP yang kita buat. Dalam hal ini kita cukup menuliskan kode tersebut sekali saja ke dalam sebuah file. Lalu jika memerlukan kode tersebut kita bisa menggunakan fungsi include. Sintaksnya adalah sebagai berikut :
include(nama_file);
Dalam hal ini nama_file adalah string yang menyatakan nama file yang akan disertakan dalam script yang meng-include. Adapaun tanda kurung bisa tidak ditulis. Pernyataan include mengasumsikan bahwa file eksternal yang akan diproses adalah HTML. Dengan demikian kode yang ada dalam berkas yang akan diinclude akan diperlakukan sebagai kode HTML. Karena itu jika yang ada dalam berkas tersebut adalah kode PHP, kita perlu menuliskannya dalam tag <?php...?>. Contoh penggunaan :
head.php ------------------------------------------------------------------------<?php echo "selamat datang di website ku<br>"; ?> ------------------------------------------------------------------------body.php ------------------------------------------------------------------------<?php include 'head.php'; echo "<br>Ini adalah contant atau isi dari website ku<br>"; ?> -------------------------------------------------------------------------
37
Praktikum 8.2 include_page.php Berikut ini adalah contoh program untuk memanggil file PHP lain dengan menggunakan include
<? include_once("29_include_matematika.php"); ?> <html> <head> <title>Include</title> </head> <body> <? $hasil = Tambah(3, 20); echo $hasil; ?> </body> </html>
38
Praktikum 8.3 layout Berikut ini adalah antamuka dari suatu web yang biasa digunakan.
HEADER
MENU
CONTENT
FOOTER
Untuk membuat antamuka seperti di atas dapat mengikuti file-file di bawah ini.
header.php
<div style="width=100%;height:150px;border:solid 1px #000;fontsize:23px;font-weight:bold"> Header </div>
menu.php
<div style="float:left;width=200px;height:400px;border:solid 1px #000;fontsize:23px;font-weight:bold"> Menu </div>
footer.php
<div style="width=100%;height:50px;border:solid 1px #000;font-size:23px;fontweight:bold"> Footer </div>
39
page_2.php <html>
<head> <title>Page 2</title> </head> <body> <div style="width:980px;margin:auto"> <form method="post" action="<?= $_SERVER['php self'] ?>"> <? include_once("header.php"); ?> <div style="clear:both"></div> <? include_once("menu.php"); ?> <div style="float:right;width:750px;height:400px;border:solid 1px #000"> Content halaman 2 </div> <div style="clear:both"></div> <? include_once("footer.php"); ?> </form> </div> </body> </html>
40
Buat 3 halaman yang berfungsi untuk : a. Menampilkan dan menghapus data dari tabel nilai_mahasiswa (Field: NIM, Nama, Matkul, Nilai). b. Insert data ke tabel nilai_mahasiswa. c. Edit data pada nilai_mahasiswa. Tiga halaman tersebut harus menggunakan antarmuka seperti yang telah dijelaskan di atas.
41