Resim Yorumlama Uygulaması

 bcakir
 23 Nisan 2012

Merhaba arkadaşlar, bu yazıyla birlikte bloğumda paylaşılan 200. içeriğe ulaşmış oluyorum. Bu yazıda, sizlere geliştirip kullanabileceğiniz bir resim yorumlama uygulaması yapacağım. Paylaşacağım uygulamanın 200. içeriğe yakışan bir içerik olmasını istedim. Şimdi uygulamanın içeriğinden bahsedeyim. Veritabanından resimleri alacağız ve resimlere kullanıcıların yorum yapmasını sağlayacağız. Kullanıcılar ileri ya da geri giderek bütün fotoğrafları hem görünteleyebilecekler hem de yorumlayabilecekler. Kısacası, uygulamamız Facebook resim galerisinin küçük bir prototipi olacak diyebiliriz. Ben, uygulamada herhangi bir JQuery eklentisi falan kullanmayacağım ama siz kullanıp geliştirmekte özgürsünüz. Uygulamayı yazının sonunda bulunan bağlantıdan indirebilirsiniz.

<?php
//veritabanı bağlantısı açma
include "baglanti.php";
//eğer id parametresi yoksa, değeri 1 yapma
if(isset($_GET['id'])){$id = $_GET['id'];}else{$id = 1;}

//yorum yapılınca veritabanına kaydet
if(isset($_GET['id']) && isset($_POST['gonder']) && $_POST['yorum']!=null){
    $yorum = mysql_real_escape_string(strip_tags(trim($_POST['yorum'])));
    mysql_query("SET NAMES 'latin5'");
    mysql_query("SET CHARACTER SET latin5");
    mysql_query("SET COLLATION_CONNECTION = 'latin5_turkish_ci'");
    mysql_query("INSERT INTO yorumlar (yorum, resim_id) VALUES ('$yorum','$id')");
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-9" />
    <link rel="stylesheet" type="text/css" href="style.css" />
	<meta name="author" content="bcakir" />
	<title>Resim Yorumlama Uygulaması</title>
</head>
<body>
<div id="container">
<?php
//resmin olup olmadığını kontrol etme
$say = mysql_num_rows(mysql_query("SELECT id FROM resimler Where id='$id'"));
//resmi veritabanında alıp gösterme
if($id < 1){//son resme gitme
    $sec = mysql_query("SELECT id, url FROM resimler Order By id Desc Limit 1");
    $kayit = mysql_fetch_row($sec);
    $id = $kayit['0'];
    echo '<img src="'.$kayit['1'].'" />';
}elseif($say > 0){//parametredeki resmi gösterme
    $sec = mysql_query("SELECT url FROM resimler Where id='$id'");
    $kayit = mysql_fetch_row($sec);
    echo '<img src="'.$kayit['0'].'" />';
}else{//ilk resmi gösterme
    $sec = mysql_query("SELECT id, url FROM resimler Where id='1'");
    $kayit = mysql_fetch_row($sec);
    $id = $kayit['0'];
    echo '<img src="'.$kayit['1'].'" />';
}
?>
<form action="index.php?id=<?php echo $id; ?>" method="Post">
	<textarea name="yorum" placeholder="Yorum Yapın..."></textarea>
	<input type="submit" name="gonder" value="Yorumu Gönder" class="btn" />
</form>
<div id="change">
    <span><a href="index.php?id=<?php echo $id-1; ?>">geri</a></span>
    <span><a href="index.php?id=<?php echo $id+1; ?>">ileri>></a></span>
</div>
<div id="yorumlar">
<?php
//resme ait yorumları alma
mysql_query("SET NAMES 'latin5'");
mysql_query("SET CHARACTER SET latin5");
mysql_query("SET COLLATION_CONNECTION = 'latin5_turkish_ci'");
$sec = mysql_query("SELECT yorum FROM yorumlar Where resim_id='$id' Order By id Desc");
while ($kayit = mysql_fetch_row($sec)){
    echo $kayit['0']."<hr />";
}
?>
</div>
</div>
</body>
</html>
<?php
//veritabanı bağlantısı kapama
mysql_close();
?>

Uygulamamızın neredeyse bütün içeriğinin olduğu index.php sayfasını yukarıda geliştirdik ve bölüm bölüm açıkladık. Uygulamayı çalıştırabilmeniz için gerekli olan diğer dosyaları (resimler, veritabanı bağlantı, sql ve css dosyalarını) da içeren zipli dökümanı buradan indirebilirsiniz. Umarım beğeneceğiniz bir uygulama olmuştur. Gelecek uygulamalarda görüşmek üzere, hoşçakalın.

 3.548 Okunma

Bu yazıya 12 yorum yapılmış.

  1. güzel konu hocam eyw.

  2. 200. yazınız için tebrikler,oldukça faydalı bir konuya değinmişsiniz.

  3. Merhaba ben bunun ASP versiyonunu yaptım. Aşağıdaki linkten bakabilirsiniz …
    http://evrimaltay.net/resim-yorumlama-betigi

  4. 200 özgün yazı kolay değil tebrikler.

  5. Blog sayfanızı bugün arama sonuçlarından buldum. Gerçekten çok yararlı paylaşımlar sağlıyorsunuz. Eğer anlatımını gösterebilirseniz uygulamamı kullanan kişinin, uygulamaya girdiğinde küçük profil resmini uygulamada göstermek istiyorum. Nasıl yapabilirim ?

  6. Çok güzel bir uygulama olmuş, indirip kontrol paneli falan ekleyerek geliştireceğim. Teşekkürler paylaşımın için…

  7. Hocam makale için teşekkürler, demo linkini güncellerseniz seviniriz.

  8. 200. yazı için tebrik ederim. Blog yazılarınızı elimden geldiğince takip etmeye çalışıyorum

  9. Evet ustad güzel birşey düşünmüssün. Bakalım benim resmim nasıl çıkacak:)

  10. Güzel uygulama için teşekkürler.

  11. Güzel uygulama olmuş, eline parmaklarına sağlık. Geliştirip resim paylaşma sitesi yapmayı düşünüyorum.

  12. Gerçekten çok güzel bir uygulama olmuş çok sağolun :))

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Daha fazla MySQL, Php
Kapat