[v16 - Yeni] Resim Yükleme scripti - Piclect API v16 (2016) 4

Resim yükleme scripti olarak hazırladığım piclect Api versiyon serisinin son üyesini yayınlıyorum. Amacım zahmetsiz ve üzerinizde iş yükü olmadan resim yükleme sitesi açabilmenizi sağlamak ve alt yapısınıda piclect.com sunucularından almaktı. Böylece açtığınız siteyi kapatsanızda sitenizden yüklenen resimler herzaman piclect.com sunucularında bulunuyor olacaktı. Tabi bu resimlere erişiminiz olduğu için silme yetkinizde olacaktır, siz silene kadar diyelim en güzeli..

DEMO Indir (Download)

Kisaca piclect16: Yuklenen resimleri piclect.com hesabiniza yukleyerek hazirladiginiz sitede sunmaniza yada paylasilmasina yardimci olan harika bir script. Bununla beraber yuklenen resimler uzerinde %95 lik bir kontrol gucunuz oluyor. size uygun olmayan ve yasak olan resimleri sitenizden cikmadan admin panelinizden kolayca silebilirsiniz. Bunu yaparken ayni resmi piclect.com sunucularindan da silebileceksiniz artik.

Bu scripti kurdugunuzda Hdd yada trafik derdiniz olmayacak yada cok guclu bir sunucuya, depolama yada yedekleme sunucularina. Piclect sizin yerinize bunlari bir arada toplayarak kullanilabilir bir script seklinde hizmetinize sunuyor. Daha dogrusu benim kodladigim bir script oldugu icin benimde emegimi gormezden gelmemek lazim 🙂

piclect16-yeni-versiyon-index-sayfasi

Scriptin hikayesi: Scriptin versiyon numarasina dikkat etmissinizdir v16. Aslinda cikis tarihine baktiginizda komik bir durum ortaya cikiyor. 2016 yili icin gelistirmeye baslamistim, kismet 2016 yili bitimine oldu. Bunuda cesitli problemlere baglayabiliriz, umarim sonraki versiyon icin daha kararli bir donem geciririm. Eklemek istedigim tek konu artik beklemek istemedigim icin bu versiyonu yayinladigimdir. Cunku durdukca yayinlamamda uzun surecekti.

Piclect v16 Versiyonu ve ozellikleri

  • [v16] URL resim yukleme ozelligi. Birden fazla resim linki ekleyerek resim yuklemeye imkan veren ozellik. Test doneminde 700 resim linki ile denenmistir ve sorunsuz sekilde yuklemistir.
  • [v16] Resim yuklerken galeri olusturabilme. Galeriyi gizleme yada sifre koyabilme.
  • [v16] Ziyaretcilerde galeri olusturarak resim yukleyebilir, sonrasinda siteye giris yapar yada uye olurlarsa oncesinde olusturduklari galeriler kendi uyeliklerine kaydedilir.
  • [v16] Olusturulan galeriyi gizli (sadece siz gorebilirsiniz) yapabilir yada sifre (sifreyi giren herkese galeri icindeki butun resimler gorunur, listelenirkende dahil) koyabilirsiniz.
  • [v16] Galeri ve icindeki resimlerin listelendigi sayfa olusturuldu. Sayfalama ozelligi bulunmaktadir.
  • [v16] Gizlilik protokolu ile galeri, sifreli olup olmadigi, gizli yada +18 secilip secilmedigine yada yukleyen kisiye gore gosterilip gosterilmeyeceginin belirlenmesi (auto). Bu ozellik butun resim listelenen alanlara uygulanmistir.
  • [v16] Resim sayfasinda galeri isminin ve galerideki resimlere gore ileri, geri ozelligi (resimli). Ana resme tiklanildiginda galeride son yuklenen resime dogru ilerler.
  • [v16] Resim gosterme sayfasinda koleksiyonlar bolumu alt tarafa alindi.
  • [v16] Adminden koleksiyon ekleme kismi yenilendi. Piclect deki koleksiyonlarinizi eklerken sadece belirlediginiz siteye gore olusturulan koleksiyonlari sitenize ekler.
  • [v16] Artik resimlerinizi silerken, piclect.com hesabiniz uzerinde bulunan ayni resmide silebilirsiniz. Resim silerken “piclect.com dan sil” secenegini isaretlemeniz yeterli. Bunun geri donusu yoktur, cunku resmi piclect.com sunucularindan da silecektir.
  • [v16] Resim duzenleme sayfasina resmi siteden sil yada resmi piclect.com sunucularindan sil ozelligi eklenmistir.
  • [v16] Ozel yada sifreli resim oldugunda uyari verdigimiz sayfanin en altinda yeni resimlerin listelenmesini ekledik, boylece aradigini bulamayan ziyaretciler icin alternatif olusturduk.
  • [v16] Reklam alanlari cok kazandiracak sekilde ve mobil uyumlu olacak sekilde hazirlandi.
  • [v16] Piclect.com Resim yuklemek icin ayri bir sunucuya gecildi. Sadece resim yukleme istekleri icin kullanilacak bir sunucu olusturuldu ve bundan sonra yapilacak butun API istekleri yada resim yukleme istekleri bu sunucu tarafindan yonetilecek. Boylece daha hizli ve etkili bir upload performansi hedeflenmektedir.
  • [v16] API linkleri ve bilgileri yeni versiyona ve yeni sunucuya gore yenilendi, guncellendi.
  • [v16] Sistemde bulunun ve kullanilan uygulamalar son versiyonlarina guncellendi.
  • [v16] Resim arama ozelligi: Siteye yuklenen resimlerin isimlerine gore, uyusan resimleri listeler. Sayfalama ozelligi mevcut.
  • [v8] Yazildigi sekilde adult ozellik kisimlari admin tarafindan kapatilabilecek sekilde yenilendi.
  • [v8] Upload formunu yeniledim ve PLupload sistemine gectim. Resimleri sectiginizde kucuk onizleme gorebilecek ve yuklemeden once resimlerin sirasini ve dizilisini degistirebileceksiniz.
  • [v8] Hemen yukleme ozelligini kullanmayacagiz bu versiyonda
  • [v8] 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.
  • [v8] Bazi tarayicilarda grafik/ikon problemi olusuyordu, bu cozuldu. Bunun yerine css,style ve yukleme adreslerinin URL kismini kaldirdim. Simdi cok daha iyi 🙂
  • [v8] Orjinal resmi indirme butonu, resmin ustunde sosyal paylasim ikonlarinin sol tarafinda.
  • [v8] 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..
  • [v8] 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.
  • [v8] Koleksiyon sayfasi biraz duzenlendi, her koleksiyonun altinda son yuklenen 3 resim listelendi.
  • [v8] ** Upload kismini saga yada sola alma ozelligi ekledim. boylece farkli bir tasarim olusturabilirsiniz.
  • [v8] ** Upload alani icin birden fazla hazir tasarim bulunmakta, adminden kolayca secebiliyorsunuz. Ancak isterseniz yuzlerce kombinasyon olusturabilirsiniz kendi tarziniza gore 🙂
  • [v8] ** 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.
  • [v8] 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.
  • [v8] 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. Ornek bir hatali sayfa: http://resimyukle.mobi/kuaza_404
  • [v8] Sisteme ikinci bir index ekledim. Bu indexde resimler buyuk halleri, kullanici ve sosyal paylasim ikonlari ile listeleniyor. Ornek resimleri alt kisimda goreceksiniz.
  • [v8] Resmi indirme butonu eklendi (html 5).
  • [v8] 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.

 

admin-ayar-sayfasi-piclect16Daha biseyler vardir ama saymaya gerek yok,  demo ve ornek isteleri inceleyerek sizde fikir sahibi olabilirsiniz.

****

SİSTEMİ TEST ETMEK İSTEYENLER YUKARİDAKİ BAGLANTİLARDAN ORNEK SİTELERİ İNCELEYEBİLİRLER. ONUN HARİCİNDE SİSTEM MİNUMUM HOST OZELLİKLERİ İLE CALİSACAK SEKİLDE AYARLANDİ VE OPTİMİZE EDİLDİ. GEREKSİZ MYSQL SORGULARİ BULUNMAMAKTATİR. AYRİCA SAYFA YAPİSİ İTİBARİ İLE PHPNİN EN HİZLİ SEKİLDE CALİSMASİ SAGLANDİ, BU SAYFA DERLEME VE ACİLMA HİZİNİDA DOGRU ORANTİLİ OLARAK ETKİLEMEKTE. HOST’UNDA VERDİGİ TEPKİYE GORE ACİLİS HİZİ DOGRU ORANTİLİ OLARAK ARTMAKTA.

Resimli index sayfasi.

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

piclectnet-resim-yukle-index-1

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 asagidaki 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 – SQL klasoru icerisindeki sql dosyasini olusturdugunuz veritabani icerisine yukleyin (import edin).

3.1 – k_ayarlar tablosunda site_url kismini duzenleyin ve kendi sitenizin ismini yazin:

piclect16-database-domain-linkini-degistirmeSonrasinda sitenizin sorunsuz sekilde acilmasi gerekiyor.

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..

Eski versiyondan guncelleme (v8)

Kisa bir sure icerisinde hazir olacak.

3 Yorumlar

Bir Cevap Yazın