tutorial album foto sederhana php
DESCRIPTION
membuat album foto dengan phpTRANSCRIPT
SMK PGRI 2 Cianjur Jobsheet RPL
copyleft ‘$b0hn’@2013 Halaman 1 dari 3
TUTORIAL 3: ALBUM FOTO SEDERHANA
A. PRASYARAT: 1. Sebelum memulai tutorial ini, pastikan Anda telah memahami dan menguasai konsep MySQL dengan baik 2. Pastikan Anda telah menyelesaikan semua tutorial dengan benar 3. Ikuti langkah kerja di bawah ini dengan cermat
B. LANGKAH KERJA 1. Buka folder kerja Anda yang telah ada di dalam folder htdocs. 2. Buat folder baru dengan nama FOTO kemudian, minimize Windows Explorernya. 3. Buka MySQL, kemudian BUAT TABEL BARU dengan nama foto di database MAHASISWA yang telah Anda buat
dengan cara : a. Ketik use mahasiswa; b. Ketik
create table foto (
id int(11) not null auto_increment,
lokasi varchar(100) not null,
caption varchar(100) not null,
PRIMARY KEY (id));
Setelah itu, minimize MySQL.
4. Buat script berikut, beri judul form_foto.php kemudian kemudian SAVE di folder htdocs Anda!
1 <?php
2 session_start();
3 if(!isset($_SESSION['pengguna'])){
4 die("Teu acan lebet gening juragan");}
5 ?>
6
7 <style type="text/css">
8 <!--
9 .ed{
10 border-style:solid;
11 border-width:thin;
12 border-color:#00CCFF;
13 padding:5px;
14 margin-bottom: 4px;
15 }
16 #button1{
17 text-align:center;
18 font-family:Arial, Helvetica, sans-serif;
19 border-style:solid;
20 border-width:thin;
21 border-color:#00CCFF;
22 padding:5px;
23 background-color:#00CCFF;
24 height: 34px;
25 }
26 #imagelist{
27 border: thin solid silver;
28 float:left;
29 padding:5px;
30 width:auto;
31 margin: 0 5px 0 0;
32 }
33 p{
34 margin:0;
35 padding:0;
36 text-align: center;
37 font-style: italic;
38 font-size: smaller;
39 text-indent: 0;
40 }
SMK PGRI 2 Cianjur Jobsheet RPL
copyleft ‘$b0hn’@2013 Halaman 2 dari 3
41 #caption{
42 margin-top: 5px;
43 }
44 img{
45 height: 225px;
46 }
47 -->
48 </style>
49
50 <form action="proses_foto.php" method="post" enctype="multipart/form-data">
51 Pilih Gambar Anda: <br>
52 <input type="file" name="image" class="ed"><br>
53 Judulnya :<br>
54 <input name="caption" type="text" class="ed" id="brnu">
55 <br>
56 <input type="submit" name="Submit" value="Upload" id="button1" />
57 </form>
58 <br>
59 <br>
60 Album Foto Sederhana
61 <br>
62 <br>
63
64 <?php
65 mysql_connect("localhost","root","");
66 mysql_select_db("mahasiswa");
67
68 $result = mysql_query("SELECT * FROM foto");
69 if($result) {
70 while($row = mysql_fetch_array($result))
71 {
72 echo '<div id="imagelist">';
73 echo '<p><img src="'.$row['lokasi'].'"></p>';
74 echo '<p id="caption">'.$row['judul_foto'].' </p>';
75 echo '</div>';}
76 } else {
77 echo 'Terjadi kesalahan pada query, "'.mysql_error().'"';}
78 ?>
5. Buat Script berikut, beri judul dengan proses_foto.php kemudian SAVE di folder htdocs Anda!
1 <?php
2 session_start();
3 mysql_connect("localhost","root","");
4 mysql_select_db("mahasiswa");
5 if (!isset($_FILES['image']['tmp_name'])) {
6 echo "";
7 }else {
8 $file = $_FILES['image']['tmp_name'];
9 $image = addslashes(file_get_contents($_FILES['image']['tmp_name']));
10 $image_name = addslashes($_FILES['image']['name']);
11
12 move_uploaded_file($_FILES["image"]["tmp_name"],
13 "foto/" .$_FILES["image"]["name"]);
14 $alamat = "foto/" . $_FILES["image"]["name"];
15 $caption = $_POST['caption'];
16
17 $save = mysql_query("INSERT INTO foto (lokasi, judul_foto) VALUES ('$alamat',
18 '$caption')");
19 if($save == FALSE) {
20 die (mysql_error());}
21
22 header("location: form_foto.php");
23 exit(); }
24 ?>
SMK PGRI 2 Cianjur Jobsheet RPL
copyleft ‘$b0hn’@2013 Halaman 3 dari 3
6. Buka script beranda.php yang sudah Anda buat, kemudian tambahkan baris yang dihitamkan di bawah ini!
1 <?php
2 session_start();
3
4 if(!isset($_SESSION['pengguna'])){
5 die("Teu acan lebet juragan");
6 }
7 ?>
8
9 <html>
10 <head><title> Halaman Khusus Kanggo Raja</title></head>
11 <body>
12 <?php echo "<h3> Wilujeng Sumping Raja ".$_SESSION['pengguna']." </h3>"?>
13 Menu :
14 <a href=./form_input1.php> Tambah Data </a> |
15 <a href=./tampilmhs.php> Lihat Data </a> |
16 <a href=./form_foto.php> Album Foto </a> |
17 <a href=./login/proses.php?arah=kaluar> Kaluar ah </a>
18
19 </body>
20 </html>
“Hai orang-orang yang beriman, mintalah pertolongan (kepada Allah) dengan sabar dan shalat, sesungguhnya Allah beserta orang-orang sabar.”
(Q.S Al-Baqarah: 153)
“Dan apabila hamba-hamba-Ku bertanya kepadamu tentang Aku, maka
(jawablah), bahwasanya Aku dekat. Aku mengabulkan permohonan orang yang berdoa apabila ia memohon kepada-Ku, maka hendaklah mereka itu
memenuhi (segala perintah-Ku) dan hendaklah mereka beriman kepada-Ku, agar mereka mendapat petunjuk.” (Q.S Al-Baqarah :186)
Rasulullah SAW bersabda : “Dan barang siapa menjalani suatu jalan untuk mencari ilmu pengetahuan, maka Allah mudahkan baginya jalan menuju
surga.” (H.R. Muslim)