SOAL untuk KELAS A

1. Bagaimanakah cara membuat halaman user authentikasi menggunakan dreamweaver (Adobe /

2. 3. 4. Macromedia) ? Bagaimanakah cara menampilkan 2 buah tabel dalam satu halaman menggunakan Dreamweaver (Adobe / Macromedia) Bagaimanakah cara tambah data dan tampil data dalam satu halaman menggunakan dreamweaver (Adobe / Macromedia) Berikan pendapat anda tentang : 1. Menurut pendapat anda sendiri apakah ilmu belajar membuat website yang anda pelajari ini cukup untuk memenuhi kebutuhan lapangan pekerjaan yang dibutuhkan ? Jika merasa cukup sebutkan alasannya. Jika merasa kurang sebutkan alasannya dan cara memperbaikinya. 2. Apakah perkuliahan Internet dan Pemrograman I ini dirasakan tidak bisa digunakan dalam bekerja setelah anda lulus nanti 3. Apakah coding secara manual lebih canggih daripada coding otomatis menggunakan dreamweaver ? index.php?bagian=tampil&urutan=35, jawablah ya atau tidak pertanyaan dibawah ini. 1. Apakah data ditampilkan di halaman tampil.php ? 2. Apakah id yang ditampilkan adalah 35 ? 3. variabel urutan berada didalam variabel bagian

5.

nomor 1 OK mari kita mulai tutorialnya Pertama kita buat database user di mysql atau cara gampangnya di Phpmyadmin CREATE TABLE USER ( username varchar(15), password varchar(15), PRIMARY KEY (username) ) Jangan lupa buat koneksi dari database ke PHP $hostname_conection = "localhost"; $database_conection = "user"; $username_conection = "root"; $password_conection = ""; $conection = mysql_pconnect($hostname_conection, $username_conection, $password_conection) or trigger_error(mysql_error(),E_USER_ERROR); ?>

lo ko ketmu koding lagi?... sabar sabar sebenernya anda tidak perlu menulis koding diatas. pada langkah pembuatan database dan pembuatan koneksi anda bisa menggunakan phpmyadmin dan dreamweaver yang tutorialnya bisa dilihat disini tinggal anda sesuaikan variablenya sesuai dengan kebutuhan diatas. Setelah pembuatan database beres, pembuatan koneksi juga dianggap beres maka saatnya pembuatan form login, halaman yang di tuju misal halaman admin dengan logout, dan

membuat restrict untuk user yang nakal dengan dreamweaver segera dimulai Membuat form login masuk ke editor author dreamweaver Sebelum membuat form login buatlah dua halaman misal login.php dan admin.php Setelah dua halaman terbentuk kemudian buka halaman login.php

pilih insert > form > form

Jangan lupa untuk actionnya mengarah ke halaman admin.php (karena halaman ini yang nantinya di tuju apabila username dan password dimasukan secara benar)

y y y

Kemudian buatlah table dengan jumlah baris 3 dan kolom 2 yang nantinya digunakan untuk meletakan textfield username, texfield password dan button submit yitu dengan cara pilih insert > table (ctrl+alt+t) Temudian isilah table table tersebut dengan texfied username, textfield password dan button submit Setelah form login jadi tinggal bagaimana caranya supaya form login itu dapat berfungsi artinya ketika tombol submit di klik kata yang di texfiled username & password dikirim ke database unruk di di autentifikasi, apabila sama maka user tersebut legal... atau dengan kata lain user tersebut dapat masuk ke halaman admin.php atau sebaliknya kalu berbeda maka user tersebut akan dilempar ke halaman login.php kembali untuk mengisi username dan password sampai mengisi dengan benar pilih insert > aplication object > user authentication > log in user Isikan parameter2 mulai dari form login yang tadi di buat, kemudian nama koneksinya sedangkan untuk parameter yang lain adalah apabila username dan password cocok maka akan diarahkan ke halaman admin.php dan apabila tidak cocok maka akan mengarah kembali ke halaman login.php (lihat gambar)

y y y

ketika login sukses di halaman admin.php, di halamanadmin.php di beri perintah untuk logout tentunya, langkahnya hampir sama dengan pembuatan login user di halaman login.php

y y y

Masuk ke halaman admin.php yang telah dibuat diatas Pilih insert > aplication object> user authentication > log out user terlihat pada gambar diatas ketika link log out di klik maka akan mengarah ke halaman admin.php

Pada tahap ini sebenarnya sudah selesai, tetapi bagaimana kalau ada user yang tau lokasi admin.php dan masuk langsung tanpa melalui halamanlogin.php padahala biasanya halaman2 yang membutuhkan autentifikasi adalah halaman yang penting dan tidak semua orang diijinkan untuk mengaksesnya. masih di halaman admin.php

y y

Pilih insert > aplication object> user authentication >restrict access to page isikan parameter berdasakan username dan password jangan lupa arahkan ke halaman login.php

nomor 2
TABle

Membuat Tabel Baru Selanjutnya, kita akan membuat tabel baru, yang nantinya akan di isi dengan content lainnya. Berikut langkah-langkahnya : Anda simpan kursor mouse, disamping tabel pertama yang telah kita buat, lalu tekan Enter, dan pastikan posisi kursor mouse berada di bawah tabel pertama. Lalu, pastikan kursor berpindah ke bawah tabel setelah anda enter. Buat tabel baru, dengan ketentuan sebagai berikut : Rows : 3, Columns : 2, Tabel Width : 780, Border thickness : 1. Jika sudah klik Ok. Selanjutnya, lakukan merge pada kolom 1 dan 2 baris ke-1, caranya block/highlights kedua kolom tersebut lalu klik kanan, pilih menu table merge cells Jika sudah, berikut hasilnya ..

Nomor 3

Tampil Data
Buat halaman PHP copykan kode dibawah ini, simpan dengan nama buatdatabase.php didalam direktori C:\xampp\htdocs\Belajar Dreamweaver\ kemudian jalankan melalui browser. <?php $conn = mysql_pconnect(localhost,root,"); if (!$conn) { die(Koneksi gagal : . mysql_error()); } // Membuat Database if (mysql_query(CREATE DATABASE pustaka ,$conn)) { echo Database pustaka berhasil dibuat; } else { echo Pembuatan database Error: . mysql_error(); } // Membuat tabel pengarang didalam database pustaka

mysql_select_db(pustaka, $conn); $sql_buat_tabel = CREATE TABLE `pengarang` ( `IdPengarang` int(11) NOT NULL AUTO_INCREMENT, `NamaDepan` varchar(15) NOT NULL, `NamaBelakang` varchar(15) NOT NULL, `TempatLahir` varchar(30) NOT NULL, `TanggalLahir` datetime NOT NULL, PRIMARY KEY (`IdPengarang`) ); mysql_query($sql_buat_tabel,$conn); // Mengisi tabel pengarang $sql_isi_tabel = insert into pengarang values (1, Dony, Yuwono, Sukoharjo, 1980-06-24 00:00:00 ); mysql_query($sql_isi_tabel,$conn); mysql_close($conn); ?> Setelah selesai melakukan seting site serta membuat database dan tabel langkah selanjutnya adalah membuat koneksi ke server database MySql dengan tool koneksi. Untuk membuat koneksi dari tool koneksi : 1. Perlihatkan secara utuh jendela Aplication Macromedia Dreamweaver. 2. Klik tab Databases, klik tombol +, klik MySql Connection. 3. Isi properti yang berada pada jendela konection sesuai dengan gambari dibawah ini. Untuk properti Database sebaiknya pengisian dilakukan dengan memilih database melalui tombol select, untuk mengetahui apakah seting dan database sudah sesuai. 4. Klik OK untuk menyetujui dan menyimpan seting koneksi. 5. Setelah tombol OK diklik maka akan terbentuk folder Connection dan fiel koneksi secara otomatis pada direktori Local Root, untuk melihatnya buka jendela Files dan pilih Loca View pada kotak kombo (combo box) kanan, agar didalam direktori server juga terdapat folder dan file tersebut maka lakukan upload Connection tersebut dengan menyeleksi folder root kemudian klik tanda panah keatas warna biru (Put File(s)) yang berarti upload direktori Connection beserta isinya kedalam direktori server. Agar tampilan data pada halaman web tertata rapi maka harus dibuat tabel dalam halama web ini untuk menempatkan data yang diambil dari MySql. Tabel yang harus dibuat adalah tabel dengan jumlah kolom 5 dan jumlah baris 2. Baris pertama merupakan kepada kolom (header coloumn) yang diisi dengan teks No, Nama Depan, Nama Belakan, Tempat Lahir, dan Tanggal Lahir, sedangkan baris kedua adalah baris data yang nantinya akan diisi dengan data pengarang yang terdapat pada server MySql. Tool yang digunakan untuk mengambil baris data adalah Recordset yang terdapat didalam tab Server Behavior jendela Aplication. Untuk menampilkan menu Server Behavior klik tombol +, kemudian klik Recordset untuk menampilkan jendela Recordset. Isi properti yang berada pada jendela rocordset sesuai dengan gambar dibawah ini. Untuk menyimpan seting klik tombol OK, dalam layar Server Behavior seharusnya sudah tampil nama recordset pengarang , untuk menampilkan data yang sudah diambil kedalam tabel lakukan drag nama kolom dari tab Bindings sebelah kiri tab Serber Behavior. Jika nama kolom belum tampil dilayar maka klik tanda + yang berada disebelah kiri nama recordset. Drag nama kolom yang berada ditab Binding kedalam masing-masing kolom yang berada didalam jendela Design Dreamweaver, setelah seluruh kolom terisi langkah selanjutnya adalah mengulang baris yang telah didrag kedalam jendala Design tadi dengan cara menyeleksi baris kedua yang berisi baris data kemudian lakukan proses pengulangan (looping) pada baris tadi menggunakan tool Repeat Region yang merupakan menu dari Server Behavior.

Tambah data

Buat halaman PHP copykan kode dibawah ini, simpan dengan nama buatdatabase.php didalam direktori C:\xampp\htdocs\Belajar Dreamweaver\ kemudian jalankan melalui browser. <?php

$conn = mysql_pconnect(localhost,root,"); if (!$conn) { die(Koneksi gagal : . mysql_error()); } // Membuat Database if (mysql_query(CREATE DATABASE pustaka ,$conn)) { echo Database pustaka berhasil dibuat; } else { echo Pembuatan database Error: . mysql_error(); } // Membuat tabel pengarang didalam database pustaka mysql_select_db(pustaka, $conn); $sql_buat_tabel = CREATE TABLE `pengarang` ( `IdPengarang` int(11) NOT NULL AUTO_INCREMENT, `NamaDepan` varchar(15) NOT NULL, `NamaBelakang` varchar(15) NOT NULL, `TempatLahir` varchar(30) NOT NULL, `TanggalLahir` datetime NOT NULL, PRIMARY KEY (`IdPengarang`) ); mysql_query($sql_buat_tabel,$conn); // Mengisi tabel pengarang $sql_isi_tabel = insert into pengarang values (1, Dony, Yuwono, Sukoharjo, 1980-06-24 00:00:00 ); mysql_query($sql_isi_tabel,$conn); mysql_close($conn); ?> Setelah selesai melakukan seting site serta membuat database dan tabel langkah selanjutnya adalah membuat koneksi ke server database MySql dengan tool koneksi. Untuk membuat koneksi dari tool koneksi : 1. Perlihatkan secara utuh jendela Aplication Macromedia Dreamweaver. 2. Klik tab Databases, klik tombol +, klik MySql Connection. 3. Isi properti yang berada pada jendela konection sesuai dengan gambari dibawah ini. Untuk properti Database sebaiknya pengisian dilakukan dengan memilih database melalui tombol select, untuk mengetahui apakah seting dan database sudah sesuai. 4. Klik OK untuk menyetujui dan menyimpan seting koneksi. 5. Setelah tombol OK diklik maka akan terbentuk folder Connection dan fiel koneksi secara otomatis pada direktori Local Root, untuk melihatnya buka jendela Files dan pilih Loca View pada kotak kombo (combo box) kanan, agar didalam direktori server juga terdapat folder dan file tersebut maka lakukan upload Connection tersebut dengan menyeleksi folder root kemudian klik tanda panah keatas warna biru (Put File(s)) yang berarti upload direktori Connection beserta isinya kedalam direktori server. Agar tampilan data pada halaman web tertata rapi maka harus dibuat tabel dalam halama web ini untuk menempatkan data yang diambil dari MySql. Tabel yang harus dibuat adalah tabel dengan jumlah kolom 5 dan jumlah baris 2. Baris pertama merupakan kepada kolom (header coloumn) yang diisi dengan teks No, Nama Depan, Nama Belakan, Tempat Lahir, dan Tanggal Lahir, sedangkan baris kedua adalah baris data yang nantinya akan diisi dengan data pengarang yang terdapat pada server MySql. Tool yang digunakan untuk mengambil baris data adalah Recordset yang terdapat didalam tab Server Behavior jendela Aplication. Untuk menampilkan menu Server Behavior klik tombol +, kemudian klik Recordset untuk menampilkan jendela Recordset. Isi properti yang berada pada jendela rocordset sesuai dengan gambar dibawah ini. Untuk menyimpan seting klik tombol OK, dalam layar Server Behavior seharusnya sudah tampil nama recordset pengarang , untuk menampilkan data yang sudah diambil kedalam tabel lakukan

drag nama kolom dari tab Bindings sebelah kiri tab Serber Behavior. Jika nama kolom belum tampil dilayar maka klik tanda + yang berada disebelah kiri nama recordset. Drag nama kolom yang berada ditab Binding kedalam masing-masing kolom yang berada didalam jendela Design Dreamweaver, setelah seluruh kolom terisi langkah selanjutnya adalah mengulang baris yang telah didrag kedalam jendala Design tadi dengan cara menyeleksi baris kedua yang berisi baris data kemudian lakukan proses pengulangan (looping) pada baris tadi menggunakan tool Repeat Region yang merupakan menu dari Server Behavior. 4. 1. Cukup karena sudah meliputi script- script php yang dasar yaitu, create,read,update,delete. dengan dasar script itu bisa cukup untuk membuat web dinamis berbasis data 2. bisa karena yang dibutuhkan dalam membuat web sudah meliputi dalam materi yang sudah diajarkan 3. ya karena kita dapat membuat script sendiri dengan cara manual, tapi lebih efisien coding secara otomatis