Resim Yükleme Scripti – Piclect API v8

Piclect API v7 versiyonundan sonra kullanici yorumlari ve onerileri dogrultusunda gelistirdigim yeni surumu sizlere sunuyorum. Bu versiyonun uzun sure isinizi goreceginiz ve kullanimda olacagini umut ediyorum ki biraz dinlenmek benimde hakkim 🙂

Yeni versiyonda ciddi duzenlemeler yaptim, 2 index hazirladim, bunlari asagida sizlere sunacagim. Ancak en onemli yenilik, upload formu ve artik yuklenen resimleri kendi hostunuzada cekebiliyor olmanizdir. Dilerseniz oncelikle nelerin oldugunu maddeler halinde ekleyelim. Sonrasinda alt basliklara yer verecegim.

Uyari: Lutfen bir islem yapmadan once, kurulu bir siteniz yada sisteminiz varsa yedegini database dahil aliniz.

V8 ozellikler ve yenilenenler

• [1] Yazildigi sekilde adult ozellik kisimlari admin tarafindan kapatilabilecek sekilde yenilendi.
• [2] Upload formunu yeniledim ve PLupload sistemine gectim. Resimleri sectiginizde kucuk onizleme gorebilecek ve yuklemeden once resimlerin sirasini ve dizilisini degistirebileceksiniz.
• [3] Hemen yukleme ozelligini kullanmayacagiz bu versiyonda
• [4] Default dil secimini veritabani baglanti bilgilerini girdiginiz dosyadan yapacaksiniz bundan sonra. 1 sorguda bir sorgudur 🙂
• ** Birden fazla resim yuklendiginde Toplu kod alma kismi acilmiyordu (eklememisim onceki versiyonda). Bu kisim yeniden eklendi.
• [5] Bazi tarayicilarda grafik/ikon problemi olusuyordu, bu cozuldu. Bunun yerine css,style ve yukleme adreslerinin URL kismini kaldirdim. Simdi cok daha iyi 🙂
• [6] Orjinal resmi indirme butonu, resmin ustunde sosyal paylasim ikonlarinin sol tarafinda.
• [7] Gosterilen medium resme link verildi, tiklanildiginda orjinal resmi ayri bir sayfada aciyor. Bu kisma farkli bir efekt ile gorsel biseyler yapilabilir aslinda 🙂
• ** Bazi bolumlerde google snippet uygulamaya calistim. Resim gosterme sayfasinda..
• [8] Resme ait onemli bilgiler uygun yerlere eklendi.
• ** Resmin yuklendigi koleksiyon kismi ve son yuklenen resimleri TAB kismina alindi. Resim gosterme sayfasinda.
• ** Koleksiyon secilmemisse veya henuz begenen olmamis ise bu kisimlar gizlenir.
• [9] Koleksiyon sayfasi biraz duzenlendi, her koleksiyonun altinda son yuklenen 3 resim listelendi.
• ** Upload kismini saga yada sola alma ozelligi ekledim. boylece farkli bir tasarim olusturabilirsiniz.
• ** Upload alani icin birden fazla hazir tasarim bulunmakta, adminden kolayca secebiliyorsunuz. Ancak isterseniz yuzlerce kombinasyon olusturabilirsiniz kendi tarziniza gore 🙂
• ** Artik yuklenen resimleri kendi hostunuzda barindirabileceksiniz, ve kendi siteniz uzerinden resimlerin linklerini verebileceksiniz. bu ozelligi kapattiginizda sitedeki resim linkleri orjinal link yani piclect.com sunucularindaki ile degisecek. Ancak acarsaniz sizin hostunuzda yuklu olan resimlerin linkleri piclect yerine kendi linkiniz ile olacak. Bunu yaptiginizda sitede footer kismindaki link (yada linkler) haric piclect ile herhangi bir iliski olusmuyor. Ancak bu ozelligi acsanizda, kapatsanizda her iki durumda da resimler piclect.com a yukleniyor. Boylece istediginiz zaman degisiklik yapabilirsiniz ve resimler herzaman yedekli bir sekilde sunucularimizda kalmaya devam eder.
• Yukardaki maddeye yeni bir ozellik ekledim. Ayar kismini 2 yaparsaniz resimler hem piclect.com a hemde szin sitenize yuklenir. Ancak sitedeki linkler piclect.com dan olur.
• Hata sayfasi olusturuldu bir tane. 404. bu sayfada guzel hos bir resim ve sayfanin alt kisminda da rast gele 50 resim listelenmekte. Kullaniciyi daha fazla tutmak icin iyi bir yontem. Ayrica diger hata durumlardian da ayni sayfa devreye girmekte.
• Sisteme ikinci bir index ekledim. Bu indexde resimler buyuk halleri, kullanici ve sosyal paylasim ikonlari ile listeleniyor. Ornek resimleri alt kisimda goreceksiniz.
• Resmi indirme butonu eklendi (html 5).
• Resim gosterim sayfasinda duzenlemeler yapildi, gorsel anlamda.

Sistem alt yapi ozellikler

Sistemin alt yapisinda php + PDO/mysql ve php class yapisi kullanilarak gelistirme yapildi. Sistemden tam performans almak adina her sayfanin kendine ait bir class yapisi, bu class yapisinin bagli oldugu bir ana class yapisi bulunmaktadir. Bu yuzden yeni bir ozellik yada sayfa eklemek istediginizde bir kac sayfa olusturup sizlere anlatacagim kodlari kullanarak gelistirme yapabileceksiniz.

Sistem guvenligi

Sistem guvenligi icin gelen get ve post isteklerini sentezleyebileceginiz bir kac fonksiyonda sisteme dahil edildi. Ornegin bir post yada get istegi alacaginizda zorunlu alanlari belirleyebilir, aksi durumda islemleri sonlandirarak uyari verdirebileceksiniz.

Uyelik sistemi

Yeni versiyonumuzda uyelik ve giris kisimlari yenilendi ve detaylandirildi. Sifreleme methodu degistirildi ancak eski sistemki kullanicilar md5 formatindaki sifreleri ile giris yapabilecekler, o konuda herhangi bir problem olusmayacak.

Her uyenin dahil oldugu bir grup olacak ve admin istedigi uyeyi moderator, admin yada normal kullanici yapabilecek. Banlanacaklar icinde bir grup belirlenmis durumda. Basit bir kod ile hangi sayfaya hangi gruplarin yetkisi dahilinde girecegine karar verebileceksiniz. Onun haricinde sistemde gerekli sayfalarda bu yetkilendirme bulunmaktadir. Ornegin yonetim sayfasinda bazi onemli alanlar sadece admin tarafindan gorulebilirler, bazi sayfalar hem admin hemde moderatorler tarafindan gorulebilecekler. Bu yetki resimlerin duzeltilmesi sayfalarinda da gecerli olmaktadir.

Begen/begenme sistemi

Yeni versiyonda ekledigim bir ozellikte resimleri begenme yada begenmeme gibi seceneklerle listenize ekleyebiliyorsunuz. Ayrica bu sayede begenilen yada populer sayfalar kisminda resmin onplana cikmasini saglayabiliyorsunuz. Resmin begenilme yada begenilmeme sayilari ayrica begenenler yada begenmeyenlerin istatistikleri sayfa icerisinde gosterilmekte, veritabaninda tutulmaktadir.

Bu ozellik icin resimlerin listelenmesinde kullanabileceginiz sayfalarda mevcut. Ornegin populer resimler sayfasinda en cok begenilen resimler listelenirken, en son begenilenler sayfasinda son begenilen resimler, begenilmeyen resimler sayfasinda da en son begenilmeyen resimler listelenmektedir. Bu kullanicilarin sitenizdeki etkilesimi ve merakini tetiklemek acisindan onemli bir rol oynamaktadir.

Resimlerin listelenmesinde masonry!

Resimler listelenirken masonry ozelligi kullanildi. Bu sayfa kuculdugunda yani bir tablet yada bir telefondan girildiginde sayfa yapisini bozmadan resimleri organize etmenize ve listelemenize imkan veriyor. Ornek isteyenler pinterest sitesinin ana sayfasinda listelenen resimlerin sekline bakabilirler, ancak masonry tarayici duyarli ozelligi sayesinde sayfa yapisiniz bozmadan kendini kucultmektedir.

Yeni dil yapisi “gettext”

Eski versiyonda dil degistirme ozelligi icin php dosyasi ve array yapisi kullaniliyordu. Anca yeni versiyonda daha verimli ve evrensel bir dil yapisi olan “gettext” ozelligi kullaniliyor. Sunucunuzun gettext ozelligini destekliyor olmasi gerekmektedir.

Bu yapi ile websitenizin dilini kolay ve basitce diger farkli dillere cevirerek hizmet verebilirsiniz. Suanda sistemde ingilizce default dil ve turkce cevirisi bulunmaktadir. Admin kismindan eklediginiz dilleri istediginiz zaman varsayilan olarak secebilirsiniz. Boylece siteye ilk girenler sectiginiz dil ile kullanima baslayabilir, istedikleri zamanda degistirebilirler.

Resim yukleme alani

Resim yukleme alani komple yenilendi ve daha profesyonel bir uygulamaya gecildi. Plupload sistemi ile resimlerinizi yuklerken gosterebilecek, sirasini degistirebileceksiniz. Ayrica bu alan icin hazirlanmis 10+ hazir renkli tasarim bulunmakta, herhangi birini adminden secerek kullanabilirsiniz. Eger hazir tasarimlar hosunuza gitmediyse, kendinize gore yeni tasarimlar hazirlayarak kullanabilirsiniz. Jquery ui sayfasindan bunu yapmak cok kolay.

Yorum sistemi Disqus

Resim goruntuleme sayfasinda Disqus yorum sistemi kullanilmaya baslandi, daha hizli, ve stil olarakda goze hos gelen yapisi sebebiyle bunu sectim. Isteyenler farkli bir yorum sistemini ekleyebilirler.

W3c (valid) hatasiz, GTmetrix 95% uzerinde puan

Sistem html 5 yapisi ile kodlanmis olup w3c valid yani hatasizdir. Ayrica GTmetrix puanida %95 in uzerindedir. Isteyenler resimyukle.mobi sitesini kontrol edebilirler. Ancak google adsense reklamlari puani dusurdugunden goreceginiz puan biraz az olabilir.

Tarayici duyarli tasarim

Tasarim twitter bootstrap ile kodlandi arkadaslar, son versiyondur. Bu ne demek oluyor sitenizin extra bir mobil tasarima ihtiyaci yok demek oluyor 🙂 istediginiz bir akilli cihaz ile siteye girdiginizde tasarim kendini optimize ederek kullaniciya en iyi goruntuyu vermektedir. Herhangi bir bozulma soz konusu olmayacaktir. google adsense reklamlarini kullanacak arkadaslar duyarli reklam birimini secerse uygun olacaktir, aksi taktirde sayfa kuculdukce reklam ayni kalacagindan sayfa yapisini ve seklini bozacaktir. Bu sebeple duyarli tasarimlar icin duyarli reklam birimlerini kullanmaniz tavsiye olunur.

Seo ve sef link yapisi

Eski sistemdeki link yapisini degistirdim, daha aktif ve faydali olabilecegini dusundugum icin sayfa sonundaki .html ibaresini kaldirdim. Ancak eski linkleriniz (resimler icin) calismaya devam edecektir, herhangi bir erisim soz konusu olmayacaktir.

Yonetim paneli

Yeni versiyonda yonetim panelini biraz olsun eskisinden daha iyi hale getirdim. Daha kullanisli ve gorsel olarak daha cok iyilestirmeler yaptim. Resimler ve uyeleri duzenlemek icin ayri sayfa acmaya gerek yok, jquery ile ayni sayfada ayarlarinizi ve degisikliklerini yapabileceksiniz.

Ayni sayfada resim yada uye silmek isterseniz sayfa yenilenmeden aninda silebileceksiniz. Bu kisma uyari koymadim, bu yuzden geri donusu olmayacagini bilmenizi isterim..

Yonetim paneline erisim sadece admin ve modlara verilmistir. giris yaptiktan sonra sag ust kisimdaki menude yetkiniz varsa yonetim paneli sayfalarini linklerini bulabilecek ve hizlica yapmak istediginizi yapabileceksiniz.

Daha biseyler vardir ama saymaya gerek yok,  demo ve ornek isteleri inceleyerek sizde fikir sahibi olabilirsiniz.

Sistemde default iki tane index sayfasi hazir halde bulunuyor. Isteyen kullanicilar kendileri icin farkli indexler tasarlayabilirler, cok basit. Simdi bu indexleri sizlere sunayim.

Index 1: Default index sayfasi.

Siteniz acildiginda gelir, ancak son yuklenen resimlerin listelenmesini adminden acmaniz gerekli.

Index 2: Farkli tasarim

admin ayar kismindan kolayca acabilirsiniz. Yeni yuklenen resimlerin gosteriminide acmaniz gereklidir. Default index den farkli yeni resimlerin listelenme seklidir.

Uyari: ikinci index de resimler orjinal halleri ile verildigi icin sayfa acilis sureniz artabilir. Bu sebeple indexdeki resimleri timbthumb.php gibi bir eklenti ile optimize edebilirsiniz.

Yeni kurulum yapacaklar bu kismi okusun (install)

Eski versiyona nazaran yeni scripti kurmak cocuk oyuncagi arkadaslar. Tek yapacaginiz sistem icin kullanacaginiz veritabani bilgilerini kaydetmek ve kurulum dosyasini calistirmak! Sirasi ile asagidaki adimlar izlerseniz kurulumu kolayca yapmis olacaksiniz:

1 – Dosyayi indirin ve acin. upload/ klasoru icerisinde bulunan dosyalari siteyi kurmak istediginiz yere yukleyin.

2 – cekirdek/baglan.class.php dosyasini duzenleme programi ile acip asgidaki kisimlari degistirin: Bu kisim mysql / database bilgilerinin girilecegi yerdir.

Ayrica sitenin default dilinide degistirmek icin ayni dosyada asagidaki kismi kendinize gore duzeltin:

Ekledikten yani guncelledikten sonra sayfayi kaydedin.

3 – Simdi kurulum kismina geciyoruz. Bu linki adres satiri ile acin: http://site-adresiniz.com/yonetim/install.php

Eger veritabani bilgileriniz dogru ise yeni tablolari veritabanina ekleyecek ve sitenizin kurulumunu bitirmis olacak. Eger hata veriyorsa veritabani bilgilerinizi duzeltin yada bu konu altindan hata mesajini yazin yardimci olmaya calisirim.

3.5 – yonetim/install.php ve yonetim/update.php dosyalarini kurulum yada guncellestirme isleminden sonra mutlaka silin

4 – Siteniz icin api anahtari olusturmaniz gerek, aksi taktirde resim yukleme ozelliginden malesef yararlanamayacaksiniz. bunun icin http://piclect.com/developer sayfasina girin ve sitenizi ekleyin. Ekledikten sonra sitenizin oldugu dizine bir dosya yuklemenizi isteyecek, o dosyayi olusturup yukleyin ve ayni sayfadan sitenizi onaylayin. Yesil oldugunda siteniz onaylanmis demektir ve resim yuklemeye hazirdir ancak son bir adim daha kaldi.

5 – Olusturdugunuz API anahtarlarini (api_secret ve api_KEY) kopyalayip admin panele girerek, ayarlar sayfasindan gerekli alanlara ekleyip kaydedin.

Admin giris bilgileriniz hemen asagidadir:

Uyari: Default kullanici adi admin dir, sitede kullanici adlari degistirilemez. Bu yuzden farkli bir kullanici adi ile admin olmak istiyorsaniz yeni kullanici olusturun. Daha sonra yukaridaki admin bilgileri ile giris yapip yonetim/uyeler sayfasindan yeni uyeliginize admin yetkisi verip, diger uyeligide normal kullanici yetkisi verin. Ancak burda dikkat etmeniz gereken, once admin yetkisi vermeniz, eger admin yetkisi vermeden default adminden yetkileri alirsaniz bu sefer admin olmadiginiz icin yeni kullaniciya admin yetkisi veremeyeceksiniz ve giris yapamayacaksiniz bi daha yonetim paneline 🙂 bu yuzden sirayi sasirmayin. Sasirirsaniz phpmyadminden el ile admin yetkisi vermeniz gerekecektir.

Uyari 2: sistemi kurduktan sonra giris bilgilerini degistirmeniz hack girisimini onleyecektir..

Guncelleme yapacaklar, eski versiyondan yeni versiyona guncelleme yapacaklar (update)

Guncellemekde cok kolay arkadaslar, tek yapacaginiz veritabani bilgilerini girmek (onceki versiyona ait olmasi gerekiyor v7) sonrada guncelleme dosyasini calistirmak. Sirasiyla asagidakileri yaparsaniz guncelleme islemini basari ile tamamlamis olacaksiniz.

1 – Dosyayi indirin ve acin. upload/ klasoru icerisinde bulunan dosyalari sitenizin kurulu oldugu yere yukleyin. ve uzerine yazdirin.

2 – cekirdek/baglan.class.php dosyasini duzenleme programi ile acip asgidaki kisimlari degistirin: Bu kisim mysql / database bilgilerinin girilecegi yerdir. Eski versiyonun (v7) kurulu oldugu veritabani bilgilerini girmeniz gerekli, aksi taktirde hata verecektir ve guncellemeyecektir.

Ayrica sitenin default dilinide degistirmek icin ayni dosyada asagidaki kismi kendinize gore duzeltin:

Ekledikten yani guncelledikten sonra sayfayi kaydedin.

3 – Simdi guncellestirme kismina geciyoruz. Bu linki adres satiri ile acin: http://site-adresiniz.com/yonetim/update.php

Eger veritabani bilgileriniz dogru ise yeni tablolari veritabanina ekleyecek, gerekli ayarlari da kaydecek ve baslangic guncellestirmesini bitirmis olacak. Eger hata veriyorsa veritabani bilgilerinizi duzeltin yada bu konu altindan hata mesajini yazin yardimci olmaya calisirim.

4 – Eski sistemdeki admin bilgileriniz bu versiyonada otomatik olarak eklenmis ve guncellenmis olacak. Giris yaparak ayarlarinizi yonetmeye baslayabilirsiniz. Api key ve api secret kodlariniz onceki sistemden otomatik alinacagi icin tekrar girmenize gerek yoktur.

5 – yonetim/install.php ve yonetim/update.php dosyalarini kurulum yada guncellestirme isleminden sonra mutlaka silin.

Demo 

Dosya Şifresi  : www.scripttr.org