Google Gemini Destekli Sanal Asistan "MK Asistan"

Günümüz web teknolojilerinde kullanıcı deneyimini bir üst seviyeye taşıyan en önemli unsurlardan biri, ziyaretçiye anlık, akıllı ve interaktif bir etkileşim sunabilmektir. Kişisel web sitem ve bilgi işlem operasyonları portalım olan **mevlutkaya.com.tr** üzerinde, ziyaretçilerin teknik yetkinliklerime hızlıca erişebilmesi ve temel BT/sistem sorularına anında yanıt alabilmesi amacıyla **MK Asistan** adını verdiğim yapay zeka destekli sanal asistanı hayata geçirdim.

Bu yazıda, arayüz tasarımından mimari kurgusuna, kullanılan API entegrasyonundan sayfalar arası kesintisiz çalışma mekanizmasına kadar projenin teknik detaylarını paylaşıyorum.

1. Neden Bir Yapay Zeka Asistanı?

Bir Bilgi Sistemleri Uzmanı olarak portföyümde yer alan hastane bilişimi (HIS/HBYS), Windows Dosya Sunucusu denetimleri, ağ topolojileri ve yerel PDF araçları gibi zengin içeriklerin ziyaretçiler tarafından kolayca keşfedilmesini hedefledim. MK Asistan;

* Sitedeki döküman ve PDF araçlarına doğrudan yönlendirme yapıyor,

* Sistem, donanım veya ağ sorunlarında pratik rehberlik sunuyor,

* Hakkımda merak edilen mesleki deneyim ve projeleri interaktif bir dille aktarıyor.

2. Teknik Mimari ve Kullanılan Teknolojiler

Proje, hem hafiflik hem de yüksek performans hedeflenerek modern web standartlarıyla inşa edildi:

* **Yapay Zeka Motoru (Google Gemini API):** Arka planda Google'ın en yeni nesil Gemini modelleri (`gemini-3.5-flash-lite`, `gemini-3.5-flash`, `gemini-3.8-flash`) kullanıldı. Yüksek istek taleplerinde veya yoğunluk anlarında kullanıcının kesinti yaşamaması için **otomatik model geçiş döngüsü (Model Fallback)** uygulandı.

* **Güvenli PHP Köprüsü (`gemini-chat.php`):** API anahtarının istemci tarafında (tarayıcıda) görünmesini engellemek için tüm istekler sunucu tarafındaki cURL proxy üzerinden yönlendirildi.

* **Koyu Siber & Neon Tasarım (Glassmorphism):** Sitenin genel karanlık ızgara konseptine uygun olarak Tailwind CSS ile yarı saydam cam efektleri, neon ışıklar ve özel SVG robot animasyonu kurgulandı.

3. Öne Çıkan Özellikler

🤖 Canlı ve Nefes Alan Robot Avatarı

Sağ alt köşede yer alan statik ikonlar yerine; CSS keyframe animasyonlarıyla havada süzülen, periyodik olarak göz kırpan ve neon ışıltısı yayan vektörel bir robot avatarı tasarlandı. Yanındaki dinamik karşılama balonuyla kullanıcı dostu bir etkileşim sağlandı.

🔄 Sayfalar Arası Kesintisiz Hafıza (State Preservation)

Geleneksel chat widget'larında kullanıcı başka bir sayfaya geçtiğinde yazışmalar sıfırlanır ya da yapay zeka cevap üretirken geçiş yapılırsa işlem yarıda kalır. MK Asistan'da `localStorage` durum yönetimi kurgulanarak:

* Sohbet geçmişi ve açık/kapalı durumu sayfalar arası geçişte korunur.

* Kullanıcı yapay zeka düşünürken başka bir sayfaya geçse bile yeni sayfada süreç arka planda devam eder ve yanıt ekrana basılır.

🔊 Web Audio API ile Yerel Ses Efektleri

Dışarıdan harici MP3 yükleyip indirme gecikmesi veya tarayıcı engeli yaşamamak adına, tarayıcının yerel ses sentezleyicisi (Web Audio API) kullanıldı. Pencere açılışında yumuşak bir siber melodi, mesaj gönderiminde hafif bir 'pop' ve cevap geldiğinde çift tonlu fütüristik bir bildirim sesi üretildi. Kullanıcı dilerse üst bardan sesi tek tıkla kapatabiliyor.

Sonuç

Yapay zekayı yalnızca popüler bir trend olarak değil, web platformlarının ayrılmaz ve işlevsel bir parçası olarak konumlandırmak gerekiyor. mevlutkaya.com.tr'ye kazandırdığım **MK Asistan**, hem portföyüme modern bir dinamizm kattı hem de teknik destek süreçlerini otomatize etme konusunda harika bir deneyim oldu.

Sağ alt köşedeki robot ikonuna tıklayarak asistanı canlı olarak deneyimleyebilirsiniz!