Free Learn
- Yazılım
- React, Gemini AI
Free Learn, Google Gemini Live API entegrasyonuyla geliştirilen, gerçek zamanlı sesli etkileşim sunan ve öğrencinin hızına göre dinamik ders içerikleri üreten yapay zeka destekli yeni nesil bir sanal sınıf web uygulamasıdır.
Free Learn, standart video kayıtlarının ötesine geçerek öğrenciyle gerçek zamanlı etkileşim kurabilen, soruları yanıtlayan ve akışı öğrencinin kavram hızına göre yöneten yapay zeka tabanlı bir eğitmen simülasyonudur. Sistem, "Hazal Hoca" adı verilen yapay zeka modülü üzerinden dinamik bir öğrenme deneyimi sunar. Kullanıcı arayüzüne girilen konu başlığı (örneğin "Osmanlı Tarihi" veya "Kuantum Fiziği") arka plandaki entegre mimari tarafından işlenir. Bu süreçte sistem saniyeler içinde şu bileşenleri otomatik olarak üretir: - Özelleştirilmiş bir ders planı ve müfredat akışı, - Ders anlatımına uygun görsel ve metinsel slayt setleri, - Öğrenme çıktıklarını ölçmek için konu bazlı sınav soruları ve değerlendirme mekanizmaları. Karakern'in bu projedeki rolü; yapay zeka modellerinin web tabanlı arayüzlerle entegrasyonunu, gerçek zamanlı veri akışını yöneten panel altyapısını ve kullanıcı deneyimini optimize eden yazılım mimarisini tek elden tasarlamak ve geliştirmek olmuştur. Sistem, kullanıcı girdilerini anlık olarak işleyen kararlı bir web uygulaması olarak kurgulanmıştır.
Sorun
Geleneksel uzaktan eğitim yöntemleri genellikle statik video içeriklerine dayanmaktadır ve bu durum öğrencilerin bireysel öğrenme hızlarına uyum sağlamakta yetersiz kalmaktadır. Öğrencilerin ders sırasında anlık soru soramaması, öğretmenle çift yönlü ve gerçek zamanlı sesli iletişim kuramaması ve ders akışının öğrencinin anlama düzeyine göre dinamik olarak şekillendirilememesi, uzaktan eğitimin verimliliğini düşüren temel teknik ve pedagojik engeller arasında yer almaktadır. Ayrıca, her ders için özel olarak özelleştirilmiş ders planları, slaytlar ve interaktif sınav sorularının manuel olarak hazırlanması eğitim süreçlerinde ciddi zaman maliyetleri yaratmaktadır.
Bu projede, standart video derslerin ötesine geçen, öğrenciyle karşılıklı konuşabilen, soruları yanıtlayan ve dersi öğrencinin katılımına göre yöneten akıllı bir simülasyon ortamının kurulması hedeflenmiştir. Sistem, düşük gecikmeli gerçek zamanlı ses işleme yeteneğine sahip olmalı, girilen konu başlıklarına göre saniyeler içinde kapsamlı ders materyalleri üretebilmeli ve kullanıcıya modern bir web arayüzü üzerinden kesintisiz bir deneyim sunmalıdır.
- Müşteri
- Kişisel Proje
- Disiplin
- Yazılım
- Sektör
- Eğitim Teknolojileri
- Süre
- 1
- Teknoloji
- React, Gemini AI
Çözüm
Karakern olarak, bu projede uçtan uca modern web teknolojileri ve yapay zeka servislerini bir araya getiren ölçeklenebilir bir yazılım mimarisi kurguladık. Frontend katmanında React 18, TypeScript ve Vite kullanarak yüksek performanslı ve sürdürülebilir bir yapı oluşturduk. Arayüz tasarımında Tailwind CSS'in özel animasyonlarını, 3D dönüşümlerini ve cam (glassmorphism) tasarım öğelerini kullanarak güven veren mavi tonlarında profesyonel bir UI elde ettik.
Sesli etkileşim için Google Gemini Live (Multimodal) API'yi WebSocket tabanlı gerçek zamanlı ses işleme altyapısıyla entegre ettik. Ses kodlama ve çözme işlemleri için Web Audio API (PCM Encoding/Decoding, ScriptProcessor) bileşenlerini kullandık. Akıllı öğretmen simülasyonu (Hazal Hoca) için 3D interaktif avatar tasarlayarak fare hareketlerine duyarlı, dudak senkronizasyonu (lip-sync) yapabilen ve dinleme tepkileri verebilen dinamik bir bileşen geliştirdik. Ayrıca sistemin 'Tool Calling' (Fonksiyon Çağırma) yeteneği sayesinde yapay zekanın sadece konuşmakla kalmayıp akıllı tahtayı değiştirmesini, slayt atlatmasını, sınav başlatmasını ve dersi yönetmesini sağladık. İçerik üretimi ve quiz oluşturma süreçlerinde ise Gemini 2.5 Flash modelinden faydalandık.
Sonuç
- - Google Gemini Live API entegrasyonu ile düşük gecikmeli, gerçek zamanlı ve çift yönlü sesli etkileşim sunan yapay zeka öğretmen simülasyonu hayata geçirildi.
- - 3D interaktif avatar ve dudak senkronizasyonu (lip-sync) özelliklerine sahip modern cam (glassmorphism) tasarımcı arayüzü kullanıcıya sunuldu.
- - 'Söz Hakkı İste' mekanizması sayesinde öğrencinin kesintisiz soru sorabilmesi ve hocanın dersi anlık olarak soruya göre şekillendirmesi sağlandı.
- - Gemini 2.5 Flash ve Tool Calling altyapısıyla girilen konu başlıklarına göre saniyeler içinde dinamik ders planı, slayt akışı ve JSON tabanlı quiz üretimi otomatize edildi.
- - Sözlü sınav ve interaktif ödev modülleri ile desteklenen öğrenci paneli üzerinden tamamlanan görevlerin ve puanların takibi veri tabanına kaydedildi.
- - Netlify platformu üzerinde kesintisiz çalışmaya uygun, CI/CD süreçleri tanımlanmış ve ortam değişkenleriyle güvenli şekilde deploy edilebilir bir mimari kuruldu.
Sık sorulanlar
Free Learn hangi yapay zeka modellerini kullanmaktadır?
Projede gerçek zamanlı sesli etkileşim ve düşük gecikmeli sohbet için Google Gemini Live API, ders planı ve sınav (quiz) üretimi için ise Gemini 2.5 Flash modeli kullanılmaktadır.
Öğrenci ders sırasında yapay zekanın sözünü kesip soru sorabilir mi?
Evet, arayüzde bulunan 'Söz Hakkı İste' (✋) butonu sayesinde öğrenci konuşmaya dahil olabilir, yapay zeka anında susarak öğrenciyi dinler ve dersi sorulan soruya göre şekillendirir.
Uygulama hangi barındırma servislerinde yayınlanmaya uygundur?
Proje Netlify üzerinde çalışmaya tamamen hazırdır; build ayarları ve VITE_API_KEY ortam değişkeni yapılandırılarak kolayca deploy edilebilir.
- Müşteri
- Kişisel Proje
- Disiplin
- Yazılım
- Sektör
- Eğitim Teknolojileri
- Süre
- 1
- Teknoloji
- React, Gemini AI
-
Proje Videosu
İşin çalışır hâlini izleyin.
Benzer bir iş mi var?
Kapsamı konuşalım, doğru rakamı birlikte çıkaralım.
Free Learn
Model yükleniyor…
Sürükle: döndür · Tekerlek: yakınlaştır
Free Learn