Yeni versiyon yayinlandi: Resim Yükleme scripti – Piclect API v8 (2015)


Iki hafta once basladigim ve suanda test/beta asamasini bitirdigim yeni scriptimi yayinlamak adina bu konuyu sizlerin huzuruna gonderiyorum. Bu versiyon tamamen 0’dan (sifirdan) kodlandi. Onceki sistem bildiginiz gibi smarty template yapisi uzerine kuruluydu. Ancak suanki sistemde bu temaplate yapisini kullanmadim. En bastan yeniden kodlama yaparak sistemi gelistirilebilir seviyeye getirdim. Istenildigi taktirde uzerinde yeni degisiklikler yada eklemeler yapilabilir, bunun icin biraz php bilgisi yeterli olacaktir.

NOt: Resimler piclect.com sitesine yuklenmekte ancak diger hersey size ait olacaktir. Herhangi bir alan yada trafik ihtiyaci olmayacagindan hem hizli hemde masrafsiz bir script. Siz siteyi kurun, reklaminizi yapin, ve arkaniza yaslanin. Gerisini o halletsin :)

Versiyon: v7.0

Ornek site: http://kuaza.com

>>> Yeni scripti indirmek icin buraya tiklayin <<<, kurulum veya guncelleme icin lutfen sayfanin alt kisimlarina bakin, yardimci yazilar sizleri bekliyor!

Resim Yükleme Servisi   Ressim Net
kuaza.com

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

Artik resim yukleme limitleri ve boyutlari icin ozel bir degisiklik yapmak icin admin sayfasindaki ayar kismini kullanabileceksiniz. Ayrica onceki versiyondaki www. ile gelen upload sorunu duzeltildi.

Stil alaninda da birkac degisiklik yapildi, istenildigi taktirde resim secme butonunun rengini ve class ini degistirerek farkli bir sekilde kullanim saglayabilirsiniz.

Resim yukleme butonuna tiklanildiginda da yukleniyor seklinde bir ibarenin yanidna yukleniyor iconu gorunerek gorsel olarak olumlu bir sekil sunuyor.

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 kuaza.com 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 sayfası Ressim Net

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

****

Sistemi test etmek isteyenler yukaridaki baglantilardan ornek siteleri inceleyebilirler. Onun haricinde sistem minumum host ozellikleri ile calisacak sekilde ayarlandi ve optimize edildi. Gereksiz mysql sorgulari bulunmamaktatir. Ayrica sayfa yapisi itibari ile phpnin en hizli sekilde calismasi saglandi, bu sayfa derleme ve acilma hizinida dogru orantili olarak etkilemekte. host’unda verdigi tepkiye gore acilis hizi dogru orantili olarak artmakta.

Bilmeyenler yada ilk defa gorenler icin genel ozellikleri:

  • Jquery resim yukleme alani, resimler yuklenirken yukleme durum cubugu ve yukleme bittikten sonra sayfa yenilenmeden alt kisimda linklerin ve toplu linklerin cikmasi
  • Surukle birak yontemiyle birden fazla resmi maus ile tutup upload alanina birakarak yukleme imkani.
  • Tarayici duyarli tasarim
  • Optimize sorgular ve veritabani insaasi
  • Uye olma ve giris yapma alani
  • Detayli yonetim paneli, site ayarlari icin.
  • Profil sayfasi ve bu sayfada uyenin yukledigi, begendigi ve begenmedigi resimlerin listelenmesi.
  • Disqus yorum sistemi
  • script dosya boyutu haricinde sistemde herhangi bir yer kaplamaz
  • basit ve hizli sorgulama kodlari, optimize edilmis olup v.s v.s
  • Resimlerin ve koleksiyonlarin listelendigi sayfalar
  • Begenilen yada begenilmeyen resimlerin listelendigi sayfalar
  • En populer yani en cok begenilen resimlerin listelendigi sayfa.
  • seo sef link yapisi
  • Kullanici yonetimi ve kullanicilara adminlik, moderatorluk verme
  • reklam alanlari ve yonetim panelinden yonetilmesi
  • Sitenizden yuklenen her resmin piclect.com sayfasinda sitenize link vrilir ve kac kisinin ziyaret ettigini gosterir.
  • v.S

 

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

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:

email: [email protected]
sifre: 123456789

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) sonrada guncelleme dosyasini calistirmak. Sirasiyla asagidakileri yaparsaniz guncelleme islemini basari ile tamamlamis olacaksiniz.

1 – Dosyayi indirin ve acin. upload/ klasoru icerisinde bulunan dosyalari siteyi kurmak istediginiz yere yukleyin. Eski dosyalari farkli bir klasore tasiyin yada silin :) (tavsiyem yedek almaniz, isimiz bittiginde gerek kalmadiginda silersiniz)

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

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 – Acilan sayfada iki kisim var: users (kullanicilar) – images (resimler) Once users linkine tiklayarak uyelerin guncellenmesini saglayin. Sonrada images linkine tiklayarak eski resimlerin yeni sisteme eklenmesini saglayin. Bu kisim otomatiktir, yeni guncelleme ve kayip bitene kadar uyeler yada resimler eklenmeye devam edecektir, siz sadece gerekli alana girip bekleyin, sayfanin yonlendirmesi durdugunda guncellestirme bitmis demektir, sonraki kalan bolumude yapip ayni sekilde guncellestirme islemini bitirin.

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

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

39 YORUMLAR

  1. Merhaba. Çok beğendiğimi söylemeliyim. Örnek siteler zaten çok iyi.
    Bir heves resimyukle.mobi alıp kurdum. Ancak resimyükle tuşu çalışmıyor, sürükle bırak yeri yok.
    temp 777 ayarlı
    piclect.com/developer onaylı, adminde secret ve key girişi tamam.

    • Mail ilede yazdigimi hatirliyorum size :) /temp klasorunun chmod ayarini 777 olarak degistirdiginizde sorun duzelecektir.Eger duzelmezse sorun curl fonksiyonundadir, serverda bunun ile ilgili bir kisitlama olmadigindan emin olmaniz gereklidir.

  2. sakın kurmayın pict.com sitesinde herşeyiniz gözükür.Bunu ancak pict.com a üyelik açarak resimlerinizi gizli yüklerseniz sadece siz ulaşırsınız diğer türlü null kullanıcı olarak siteye yükler.

  3. öncelikle scripti beğendim elinize sağlık

    ücretsiz olarak sunmanız ayrı bir güzellik

    size bir sorum var

    scripti indirip kendi isteğimize göre değiştirip kullanabilrmiyiz

    bunda herhangi bir kısıtlama var mı ?

Bir Cevap Yazın