JOBSHEET MULTIMEDIA


1.  Membuat DataBase

Langkah awal dalam membuat web adalah menyiapkan data penyimpanan untuk web yang akan ditampung. Kali ini saya akan memberikannya, untuk software yang saya gunakan adalah memnggunakan XAMMP lalu buka ling localhost/phpmyadmin pada mozila atau chroum yang ada di pc berikut langkahnya.

Langkah awal pasti aktifkan XAMMP Controlnya aktifkan Apache dam MySql.

 

Masuk ke mozila lalu ketik localhost/phpmyadmin lalu akan muncul seperti ini.

 

 

 

Bila sudah masuk ke phpmyadmin akan muncul seperti ini tinggal klik Basisdata dan akan muncul seperti ini. Lalu seleanjutnya disitu ada kolom Ciptakan database baru nah itu isi dengan nama data base yang kita ingin buat setelah itu klik ciptakan.


2.  Membuat Table Dalam Database

Untuk berikutnya kita beralih ke pembuatan table dalam database. Klik data base yang kita buat tadi lalu akan muncul seperti ini.

 


Setelah memberi nama dan menentukan jumlah kolom akan muncul seperti ini.

 

Isi kolom pertama dengan nama dengan id_user kolom kedua dengan user_name yang ke tiga dengan password. Untuk jenisnya yang id_user INT dengan ukuran 3 kalau user_name dan password jenisnya VARCAR dengan jumlah 50 dan 100. Untuk id_user kita beri auto_increment. Bila sudah seperti ini.

 

3. Membuat Login Web

Langkah lanjut kita menuju pembuatan login web dengan menggunakan DreamWeaver untuk dapat masuk menuju data penyimpanan database.

Buat table , dengan kolom 2 dan baris 3 sebelumnya buat folder di htdocs/xammp buat seperti berikut.

 

Buat table seperti berikut :
-       User name = input type =”text”
-       Password  = input type =”text”
-       Login = input type =”submit”

Dan masukan kodingan php seperti ini.

 

<?php
if(isset($_GET['status'])=="gagal"){

echo 'Password dan user name wrong'; 
}


?>

Setelah membuat table kita buat file baru yaitu untuk cek login dengan isi php seperti berikut :

 

Kurang lebih untuk kodingannya seperti ini
<?php

$user=$_POST['user'];
$pass=$_POST['password'];

//echo $user;
//echo $pass;

if (($user=='coba')&&($pass=='sip')){
           
//echo "<h1>LOGIN SUCCESSSSSSSS</h1>";
//header("location:admin.php");
echo "<script>window.location.href='admin.php';</script>";
           
}
else {
           
            //echo "<h1>LOGIN FAILEDDDDDDDDDDDDD</h1>";
            echo "<script>window.location.href='login.php?status=gagal';</script>";
           
}

?>

*yang diberi warna merah menandakan bahwa itu id dan pass agar masuk ke halaman admin.

Setelah itu kita buat file satu lagi dengan isinya bahwa “Anda berhasil masuk ke halaman admin” beri nama admin.php
Contoh seperti ini.

 

Nah bila sudah kita cek langsung di localhost/(nama folder yang ada dihtdocs)/(nama file table untuk masuk data).

 

Itu kalau kita masukan data benar kalau data salah akan kembali ke masukan pass dan id seperti pada gambar.

 

4.  Membuat Content Web

Untuk membuat content web kita buat table baru di database yang baru kita bikin tadi.Seperti pada gambar.

 

Jangan lupa untuk id_content gunakan Primary dan ceklist Auto Increment. Bila sudah klik simpan.

 

Nah sekarang kita bikin contentnya. Caranya cari yang tulisan sisipkan klik dan akan muncul seperti ini.
Isi semua table ini


 


Bila sudah di simpan kita menuju DreamWeaver dimana kita akan menghubungkan ke data base yang kita buat tadi. Pertama kita buat file baru.

Lalu kita bikin file koneksi dahulu dengan koding php seperti ini.
<?
mysql_connect("localhost","root","");
mysql_select_db("web_sekolah");
?>

*nama file database yang kita buat

 

Lalu kita buat tampilan tablenya buat file baru lagi dengan nama tampilcontent.php

 

Lalu kita masukan kodingan agar membaca dengan kodingan seperti ini.

<?
include ("koneksi.php");

$baca=mysql_query("SELECT *
FROM `content`
LIMIT 0 , 30");
$tampung=mysql_fetch_array($baca);

?>

*nama file yang untuk koneksi.

 

Nah bila seperti ini kita panggil table yang ada di data base tadi dengan kodingan seperti ini

<? echo $tampung['judul']; ?>

*’judul’ nama yang ada di database.






































Previous
Next Post »