Soal Ujian Akhir Semester Pemrograman Website II

Buatlah sebuah sistem informasi menggunakan bahasa pemrograman PHP dan database MySQL dengan ketentuan sebagai berikut:

1. Saol UAS ini dikerjakan dalam kelompok, satu kelompok maksimal terdiri dari dua mahasiswa.
2. Tema dan tampilan program tidak boleh sama dengan contoh (simpeg) dan tidak boleh sama dengan kelompok yang lain.
3. Program yang dibuat ada fasilitas login, entry data, view data, edit data, hapus data, pencarian data, print data dan logout.
4. Program diupload ke hosting. Alamat domain dan anggota kelompok silahkan di daftarkan pada formulir UAS Pemrograman Website II melalui link dibawah ini.
   Formulir UAS Pemrograman Web II
   Pengisian Formulir akan ditutup pada tanggal 11 Desember 2015 pada pukul 00.00 WIB. Bagi mahasiswa yang tidak mendaftarkan anggota kelompok dan alamat domain, maka hanya mendapatkan nilai UAS sebesar 50%
5. Program dipresentasikan sesuai jadwal ujian pemrograman website II, presentasi boleh menggunakan server lokal (localhost). Saat presentasi mahasiswa wajib mengenakan jas almamater, sepatu, membawa kartu ujian dan KRS.

Selamat mengerjakan ^_^

Upload website ke Hosting

Agar website yang sudah dibuat dapat dilihat oleh semua orang yang terhubung dengan internet, maka website tersebut harus diupload ke hosting dan memiliki domain tersendiri. Hosting merupakan media penyimpanan file yang terhubung dengan jaringan internet. Domain merupakan nama yang digunakan untuk mengganti alamat IP dari website yang sudah diupload di hosting. Dalam praktek ini menggunakan idhostinger sebagai webserver penyedia jasa hosting dan domain. Alasan dipilihnya idhostinger sebagai webserver karena kemudahannya dalam penggunaan. Ikuti langkah-langkah di bawah ini untuk memulai praktek upload webise ke hosting.

1. Login ke akun gmail terlebih dahulu, jika belum memiliki gmail silahkan mendaftar melalui www.gmail.com. Setelah berhasil login ke akun gmail, silahkan buka tab baru kemudian masuk ke alamat www.idhostinger.com. Untuk mendaftar akun baru di idhostinger klik icon google + kemudian jika ada pernyataan dari google tinggal klik setujui/lanjutkan sampai finish.
   
2. Jika sudah berhasil login langkah selanjutnya adalah memesan hosting dan domain. Klik hosting kemudian klik order hosting, pilih tipe akun yang gratis kemudian klik order.
   
3. Isi formulir pendaftaran domain sesuai ketentuan yang tertera pada gambar dibawah ini.
   
4. lanjutkan mengisi formulir di halaman ke dua. Isi deskripsi kemudian centang pernyataan yang menyatakan bukan robot.
   
   Jika keluar pertanyaan dengan sifat mencocokan gambar, silahkan klik atau centang gambar sesuai pertanyaan yang ada.
   
5. Tunggu beberapa saat, akun anda akan ditampilkan pada halaman akun hosting seperti gambar dibawah ini. Jika terjadi error silahkan mengulangi untuk order hosting.
   
   Jika ada pernyataan pending verification silahkan ditunggu sampai batas waktu yang sudah ditentukan.
6. Masuk ke cpanel idhostinger dengan cara klik simbol + yang ada didepan daftar nama domain kemudian klik kelola.
   
7. Buat database MySQL pada cpanel idhostinger dengan cara klik icon database MySQL pada kolom database.
   
   Kemudian isi form pembuatan database MySQL. 
   
8. Eksport database yang ada di server lokal. Masuk ke alamat localhost/phpmyadmin kemudian klik dbsimpeg, centang semua tabel yang ada klik eksport. Klik kirim/go untuk menyimpan backup database. (Tutorial ini menggunakan xampp versi 1.8, jika Anda menggunakan versi xampp selain 1.8 harap disesuaikan sendiri).
   
   
9. Import hasil backup database tadi ke database MySQL yang ada di idhostinger. Kembali ke halaman cpanel idhostinger (pada halaman database MySQL). Klik simbol + yang ada di depan daftar database yang sudah dibuat. Klik phpmyadmin,
   
10. Klik import, klik telurusi/browse, masukan database hasil eksport dari server lokal. Klik open kemudian klik kirim/go
    
     
11. Jika proses simpan sudah selesai maka secara otomatis terdapat tabel akun dan tabel pegawai pada database MySQL yang ada di idhostinger. Langkah selanjutnya adalah mengunggah file website yang ada di folder htdocs ke file manager yang ada di idhostinger. Sebelum diunggah file website harus dicompres terlebih dahulu menggunakna winrar atau winzip. Format file yang digunakan adalah .zip bukan .rar. Masuk ke folder htdocs kemudian masuk ke folder web Anda, kemudian blok semua file, klik kanan pilih aplikasi untuk compresi file yang ada di komputer Anda (winrar/ winzip/ 7zip) kemudian klik add to achive.
    
    Pastikan formatnya zip kemudian klik OK.
    
    Pindahkan hasil compresi file ke dekstop biar mudah ditemukan.
12. Kembali ke halaman idhostinger, klik file kemudian pilih file manager 2. 
    
    Klik folder public html kemudian hapus semua file yang ada di dalamnya.
    
    
    
    
13. Klik upload kemudian klik telusuri/browse disebelah kanan yang ada keterangan format zip, klik icon centang, tuggu sampai proses upload selesai.
    
    
    Keludian klik back.
    
14. Edit file db.php dan sesuaikan dengan koneksi database MySQL yang ada di idhostinger.
    
    
    
15. Buka alamat domain Anda.

.Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13

Membuat Halaman Login dan Logout

Agar website aman dari gangguan pihak-pihak yang tidak bertanggung jawab maka perlu dibuat sistem keamanan salah satunya adalah dengan menggunakan verifikasi pengguna dan kata sandi. Berikut ini langkah-langkah pembuatan halaman login administrator:

1. Buka database melalui localhost/phpmyadmin, pilih dbsimpeg kemudian tambahkan sebuah tabel dengan nama akun dan jumlah field-nya dua.
   
2. Isi nama field, type data dan lebar field-nya sesuai gambar di bawah ini.
   
3. Masukan satu data akun dengan cara klik insert atau tambahkan.
   
4. Masukan data akun dengan ketentuan username = admin dan password = admin. Enkripsi password dengan metode md5.
   
5. Klik browse atau jelajahi untuk melihat data akun.
   
6. Setelah menambahkan tabel akun pada database, langkah selanjutnya adalah membuat form login. Buka file index kemudian save as menjadi form_login.php
7. Hapus icon php pada menu, hapus nama perusahaan dan alamat.
   
8. Masukan label kemudian ketik Login, dibawah label masukan masukan sebuah form dengan cara klik insert, klik form, klik form.
9. Masukan sebuah tabel di dalam form dengan ketentuan empat baris dan dua kolom.
   
10. Masukan dua buah teks field dan dua buah button sehingga desainya nampak pada gambar di bawah ini.
    
11. Aturlah propertis text field pertama sesuai gambar di bawah ini.
    
12. Aturlah propertis text field kedua sesuai gambar di bawah ini.
    
13. Aturlah propertis button pertama sesuai dengan gambar dibawah ini.
    
14. Aturlah propertis button kedua sesuai gambar di bawah ini.
    
15. Isi action form dengan nama proses_login.php
16. Simpan form login, kemudian buat file php baru untuk membuat validasi username dan password, ketik listing program berikut ini
    

    <?php session_start(); include 'db.php'; if(!empty($_POST)){ //mengambil username dari text user $username = $_POST['txtuser']; //mengambil password dari text password //kemudian melakukan encription menggunakan fungsi md5 $password = md5($_POST['txtpass']); //mencocokan username dan password di database $sql = "select * from akun where username='".$username."' and password='".$password."'"; $query = mysql_query($sql) or die (mysql_error()); // pengecekan query valid atau tidak if($query){ $row = mysql_num_rows($query); // jika username dan password ditemukan if($row > 0){ $_SESSION['isLoggedIn']=1; $_SESSION['username']=$username; header('Location: index.php'); }else{ //jika username dan password tidak ditemukan echo "username atau password salah"; } } } ?>

17. Jika sudah selesai simpan dengan nama proses_login.php kemudian buat file php baru lagi untuk membuat proses_logout.php
    

    <?php session_start(); session_destroy(); header('Location: form_login.php'); ?>

18. Simpan file tersebut dengan nama proses_logout.php, tambahkan listing program dibawah ini pada file index.php, entry.php, view.php dan about.php. ketik listing program tepat di bagian paling atas.
    

    <?php session_start(); $username = $_SESSION['username']; $isLoggedIn = $_SESSION['isLoggedIn']; if($isLoggedIn != '1'){ session_destroy(); header('Location: form_login.php'); } ?>

Halaman : 1 2 3 4 5 6 7 8 9 10 11 12 13