Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Hakkı adlı bir eğitimcinin Bulut Tasarım için hazırladığı kapsamlı bir eğitim içeriğidir.
- Video, web sitenize oylama sistemi ekleme sürecini adım adım anlatmaktadır. İçerik üç ana bölümden oluşmaktadır: İlk bölümde oylama sisteminin genel özellikleri ve gerekli dosyaların indirilmesi, ikinci bölümde AJAX kullanarak veritabanı üzerinden oylama sistemi oluşturma, üçüncü bölümde ise star rating sisteminin kullanımı ve parametreleri gösterilmektedir.
- Eğitimde Font Awesome kütüphanesi kullanımı, veritabanı bağlantısı, JavaScript dosyalarının kullanımı, ortalama puanın hesaplanması, aynı IP adresinden birden fazla oy verme durumunda güncelleme yapma ve yıldız puanlarının renk kodlaması gibi teknik detaylar da ele alınmaktadır.
- 00:06Web Sitesine Oylama Sistemi Ekleme
- Videoda web sitenize oylama sistemi nasıl ekleneceği ve kullanılacağı anlatılacak.
- Konuşmacı, bu konuda bir makale yayınlamış ve gerekli dosyaları açıklamalarıyla sunmuş.
- Makalede, oylama sistemi için gerekli web sitesi linki ve hazır çalışan dosya linki paylaşılmış.
- 00:45Oylama Sisteminin Çalışma Prensibi
- Oylama sistemi, hazır olarak sunulan bir web sitesi tarafından oluşturulmuş ve tüm dosyalarıyla birlikte örnek web sitesi ile birlikte sunuluyor.
- Sistem, JavaScript dosyalarıyla otomatik olarak input alanlarına start butonları ekliyor.
- Butonlara tıklandığında, tıklanan butonun değeri veritabanına yazılıyor.
- 01:46Sistemin Genel Özellikleri
- Sistem, kendi eklenen herhangi bir ikonla oluşturulabilir ve bilgisayarda oluşturulan SVG vektör dosyaları kullanılabilir.
- Çalışma sistemi üzerine geldiğinde JavaScript sistemi ile butonun veya ikonun rengi değiştiriliyor.
- Sol tarafta oyu iptal etmek için silme butonu, sağ tarafta ise üzerine geldiğimiz yıldızın veya oynama değerinin ifadesi bulunuyor.
- 02:37Sistemin Özellikleri ve Kullanımı
- Sistem çeşitli boyutlarda ve ebatlarda JavaScript dosyasıyla aktif edilip kapatılabiliyor.
- Farklı fontlarda ve ikonlarda yerleşim yapılabiliyor, kendi belirlediğimiz vektör import edilebiliyor.
- Sistem için bir dosya sunuluyor, bu dosya indirilip gerekli alanlar web sitesine import ediliyor.
- 03:27Dosya İçeriği ve Gerekli Kütüphaneler
- İndirilen dosyalar içinde font AASOM kütüphanesi bulunuyor.
- Star adlı klasörde örnek web sitesi dosyaları, JavaScript dosyaları ve dil desteği mevcut.
- Sistem, Font AASOM kullanacaksa çeşitli barbasyonları ve SVG yöntemiyle ekleyebileceğiniz temaları içeriyor.
- 04:56Veritabanı Bağlantısı ve İçerik Oluşturma
- Sistem veritabanına bağlı olacak ve veritabanına örnek şeması gönderilmiş.
- İçeriklerin listelendiği ana sayfa, detaylandırıldığı sayfa ve veritabanı bağlantısı için sayfa bulunuyor.
- İçerikler içinde oylama yapıldığında, veritabanına işlenmesi için "likes" adında bir PHP sayfası kullanılıyor.
- 05:55HTML ve JavaScript Kodlama
- Asset dosyası kopyalanıp yapıştırılıyor ve içinde font.osm ve input dosyası bulunuyor.
- Input alanı oluşturuluyor ve class özelliği ile oylama sistemi aktif hale getiriliyor.
- Inputta value alanı olmazsa olmaz, bu alana girilen değer oylama alanında gözükecek.
- 08:12Veritabanı Bağlantısı ve Kod Tamamlama
- Veritabanı bağlantısı "pd" olarak yapılmış ve içerik adlı PHP sayfasına yerleştirilmiş.
- İçerikin benzersiz sütunu veritabanına yerleştiriliyor.
- Kodlar kaydedilip sayfa yenileniyor ve doğrulama yapılıyor.
- 09:15JavaScript Fonksiyonu ve Parametreler
- Dolar işareti ile belirtilen klas adı tanımlanıyor ve "reyting" adında bir fonksiyon oluşturuluyor.
- Fonksiyonun içinde tema seçimi, başlangıçta seçili oylama için ikon seçimi ve boş alan ikonu seçimi parametreleri bulunuyor.
- Sol tarafta iptal etme tuşu koyup koymama, sağ tarafta açıklama yazıp yazmama seçenekleri mevcut.
- 11:11İkonlar ve Stil Ayarları
- Teması "font-osm" olarak belirleniyor ve dolu alan için "full-star", boş alan için "empty-star" ikonları kullanılıyor.
- Seçili alan için turuncu renk (color orange) stil ayarı yapılıyor.
- Sağ tarafta açıklama yazıp yazmama seçeneği false olarak ayarlanıyor.
- 14:08Değer Değişimi ve Fonksiyon Çalıştırma
- Verilen herhangi bir değere karşılık yanıt veriyor.
- Değer değiştiğinde "change" ile değişen value değeri alınıyor.
- Fonksiyon çalıştırılıyor ve değer yazdırılıyor.
- 15:47Oylama Sistemi ve Veritabanı Oluşturma
- Kv değerleri ekrana yazdırılarak sistem test ediliyor.
- Ajax fonksiyonu kullanılarak ilgili alana post edilecek veriler hazırlanıyor.
- Veritabanı oluşturuluyor ve beş sütunlu bir tablo (id, reyting_type, içerik, ip, reyting_puan) oluşturuluyor.
- 19:10Veritabanı Sorgulama ve Ortalama Hesaplama
- Veritabanında oylama verileri sorgulanıyor ve ortalama hesaplanıyor.
- AVG fonksiyonu ile belirtilen sütundaki değerlerin ortalaması bulunuyor.
- ROUND fonksiyonu ile küsuratlı sonuçlar virgülden sonraki ilk karakter olarak alınıyor.
- 26:36AJAX ile Veri Gönderimi
- Değişken değiştiğinde AJAX fonksiyonu çalıştırılıyor.
- İçerik, tür ve puan değerleri data içinde gönderiliyor.
- Likes.php sayfasına type post ile veri gönderiliyor.
- 28:39Veritabanı İşlemleri
- Gelen puan değeri kontrol ediliyor ve 0'dan büyük veya 6'dan küçük değerler veritabanına yazılmıyor.
- Aynı IP'den daha önce oy verilmişse güncelleme işlemi yapılıyor.
- Eğer aynı IP'den oy verilmemişse yeni bir satır oluşturuluyor.
- 36:36Ortalama Değerinin Gösterilmesi
- Son verilen puan değeri öğreniliyor ve ekrana bastırılıyor.
- Reyting fonksiyonu içinde update parametresi kullanılarak ortalama değer ekrana yazdırılıyor.
- Ortalama değeri sürekli güncelleniyor ve farklı IP'lerden yapılan oylamalar da hesaba katılıyor.
- 42:02Star Puanlama Sistemi Özellikleri
- Star puanlama sisteminde tam puan verildiğinde puan değeri güncelleniyor, örneğin 2,80'den 2,90'a, 3,60'a ve tekrar 2,90'a düşürülebiliyor.
- Update parametresi kullanılarak değer değiştirilebiliyor, value değeri yerine opt update parametresi yazarak etkileşim kurulabiliyor.
- Sayfada maksimum ve minimum değer olarak istediğiniz kadar star değeri verebiliyorsunuz.
- 43:13Ek Özellikler ve Ayarlar
- Show clear, show caption ve size gibi parametreler boş değer verilebilir veya star caption parametresi içinde istediğiniz dilde caption yazılabilir.
- Class olarak da değişiklik yapılabilir, örneğin 0,50 tehlikeli (kırmızı) olarak, 5 pozitif olarak (yeşil) değer verilebilir.
- Video sonunda izleyicilerden yorum yapmaları, oylama yapmaları ve beğenmeleri isteniyor.