etütle

Bu, Hitit Medya ekibi olarak ilk satır koddan App Store ve Google Play yayınına kadar baştan sona kendi ellerimizle büyüttüğümüz bir ürünün hikâyesi. etütle; etüt salonları, dershaneler, okullar ve koç öğretmenler için yoklamadan tahsilata, deneme analizinden veli iletişimine kadar kurumun bütün işini tek panelde toplayan bir eğitim otomasyonu. Web panelini, iOS ve Android uygulamasını, kurumdaki turnikelere bağlanan cihaz köprülerini, etutle.com tanıtım sitesini ve ürünün sosyal medya içeriklerini aynı ekip, aynı masada geliştirdi.

Hikâye Bir Yoklama Defteriyle Başladı

Sahada gördüğümüz tablo her etüt salonunda aynıydı: kapıda yoklama defteri, masada tahsilat çizelgesi, bilgisayarda deneme sonuçlarının tutulduğu Excel dosyaları ve gün boyu “Çocuğum bugün geldi mi?” diye arayan veliler. Aynı öğrencinin devamsızlığı, ödemesi ve deneme gelişimi üç ayrı yerde duruyor; bunları birleştirip veliye anlamlı bir rapor sunmak saatler alıyordu.

Ekip olarak kendimize tek bir soru sorduk: Kurumun yaptığı her iş, aynı anda veliye ve öğrenciye yansıyabilir mi? etütle bu sorunun cevabı olarak doğdu.

Hitit Medya Ekibi Olarak Nasıl Çalıştık?

• Sahadan öğrendik. Ekranları masa başında hayal etmedik; bir etüt salonunun gününü seans seans çıkardık ve her özelliği gerçek kurum verisiyle denedik. Optik okuyucumuzu gerçek öğrenci optiklerinde test ettiğimizde, optik okuma makinesinin çıktısıyla 1.456 cevabın 1.456’sında birebir aynı sonucu verdi.
• Küçük ve test edilebilir adımlarla ilerledik. Her aşamayı tek başına çalışıp doğrulanabilen fazlara böldük; bir faz bitmeden sonrakine geçmedik.
• Tasarımı kurala bağladık. Rozetler, renkler, kenarlıklar ve ortak bileşenler için yazılı bir tasarım dili oluşturduk ve bu kuralları otomatik bir arayüz denetimiyle her commit’te kontrol ettik. Yüzlerce ekrana rağmen ürün tek elden çıkmış gibi görünüyor.
• Yazılımı, tasarımı ve iletişimi tek ekipte topladık. Paneli yazan ekip; tanıtım sitesini, ürünün baykuş maskotu Bilge’yi, Instagram karusellerini ve Reels videolarını da üretti. Böylece ürünün ekranı ile anlatımı aynı dili konuşuyor.

Proje Günlüğü: İlk Satırdan Mağazaya

etütle’nin ilk satır kodu 14 Eylül 2026’da yazıldı. Altı haftadan kısa bir sürede, iki repoda 500’ü aşkın commit ile App Store ve Google Play’de yayında olan bir ürüne dönüştü. Yol boyunca uğradığımız duraklar:

1. 14 Eylül · Temel atıldı. Öğrenci kaydı, ödeme planı ve kasa bağlantısıyla başladık. Aynı gün sürükle-bırak çalışan oturma planı editörünü ve veriyi değiştiren her işlemi kaydeden aktivite geçmişini kurduk. Veri modelini ilk günden çok kiracılı (multi-tenant) tasarladık; her kurumun verisi aynı altyapıda birbirinden yalıtılmış çalışıyor.
2. 17 Eylül · Veli uygulaması doğdu. Daha önce hiç JSON API’si olmayan panele sıfırdan bir mobil API katmanı ekledik. Davet kodlu hesap açma, yoklama, ödeme, not ve makbuz uçları, Expo ile kurulan mobil uygulama iskeleti ve push bildirimler aynı gün ana dala ulaştı.
3. 20 Eylül · Yayına hazırlık. Paneli Docker ile, uygulama ve veritabanı dışarıya port açmayan kendi ağında çalışacak şekilde üretim ortamına taşıdık.
4. 22 Eylül · Donanımla tanıştık. Kurumdaki parmak izi, kart ve yüz tanıma cihazları için iki ayrı köprü yazdık: ZKTeco cihazlarına ağ üzerinden bağlanan Node.js sürümü ve meliTime/ZD29XX ailesi için üreticinin kendi kütüphanesini kullanan C# (.NET) sürümü. Köprü yalnızca dışarı doğru bağlandığı için kurumda port açmak gerekmiyor; internet kesilirse geçişler diskte birikip bağlantı gelince gönderiliyor.
5. 27 Eylül · Deneme analizi. Optik okuyucuyla deneme sonuçlarını okumaya, kazanım tablosuyla konu analizine ve bilgi haritasına geçtik. Optik okuyucuyu, Pangea Koçluk projesinde geliştirdiğimiz okuyucunun TypeScript’e taşınmış hali olarak yazdık. Aynı gün personel profilleri ve PIN ile giriş geldi; mobil uygulama da baştan tasarlandı.
6. 29 Eylül · Hata kitapçığı. Taranmış deneme kitapçıklarını Tesseract OCR ile okuyup sorulara otomatik bölen ve öğrenciye özel hata kitapçığı PDF’i hazırlayan akışı tamamladık.
7. 2 Ekim · Dershane ve okul. Etüt salonu için başlayan ürünü dört kurum tipine açtık: ders programı, ders yoklaması, sınav organizasyonu, not ve karne, disiplin, rehberlik servisi, nöbet, servis ve yemek modülleri tek bir modül kayıt sistemiyle panele ve mobil uygulamaya eklendi.
8. 8 Ekim · Ürünü anlatmaya başladık. Gerçek ekran görüntülerinden Instagram karuselleri ve Reels videoları üretmeye başladık.
9. 15 Ekim · Okulların diliyle. Ders yüklerinden ve kapalı saatlerden otomatik, çakışmasız haftalık program üreten oluşturucuyu ve e-Okul / K12NET sınıf listelerini Excel’den içe aktarmayı ekledik.
10. 22 Ekim · Bugün. Öğrenciye push bildirim, erken yoklama uyarısı ve bölüm bölüm kayan yeni tanıtım sitesi. etütle bugün App Store ve Google Play’de yayında.

Hangi Dilleri ve Teknolojileri Kullandık?

Web paneli ve mobil uygulamanın tamamını TypeScript ile yazdık; böylece sunucudaki API sözleşmesi ile mobil uygulamadaki tipler aynı dilde, birebir eşleşiyor.

• Web paneli: Next.js 16 (App Router), React 19, Tailwind CSS v4, Prisma ve PostgreSQL. PDF çıktıları için React PDF ve pdf-lib, Excel içe/dışa aktarma için ExcelJS, görsel işleme için Sharp, oturumlar için jose ile imzalı JWT.
• Mobil uygulama: Expo SDK 57, React Native 0.86 ve Expo Router. Veri katmanında TanStack Query, oturum bilgileri için cihazın güvenli deposu (SecureStore), bildirimler için Expo Notifications, akıcı geçişler için Reanimated.
• Deneme analizi: Tesseract.js ile OCR, kendi yazdığımız şablonsuz optik okuyucu ve kitapçık bölme algoritmaları.
• Cihaz köprüleri: Node.js (JavaScript) ve C# / .NET Framework.
• Altyapı: Docker, çok aşamalı imaj, ayrı migration ve zamanlanmış görev konteynerleri, Nginx ters vekil sunucusu.

Web Paneli: Kurumun Tüm İşi Tek Ekranda

Panel; öğrenci, ders ve sınav, veli ve iletişim, kayıt ve finans, kurumun düzeni başlıkları altında 31 modül sunuyor. Kurum kullanmadığı modülü ayarlardan kapatabiliyor; etüt salonu 21, dershane 29, okul 30, koç öğretmen 14 modülle çalışıyor. Personel profilleri ve ayrıntılı yetkilerle her çalışan yalnızca kendi işine ait ekranları görüyor.

Deneme Analizi, Bilgi Haritası ve Hata Kitapçığı

Ekip olarak en çok emek verdiğimiz bölüm burası. Deneme sonuçları PDF’ten, yayınevi dosyalarından ya da telefonla çekilmiş optik fotoğrafından okunuyor. Deneme yüklendiğinde her sorunun doğru yüzdesi ve çeldiricileri çıkıyor. Bilgi haritası öğrencinin başarısını konu ve kazanım bazında gösteriyor: zayıf konular kırmızı, güçlü konular yeşil. Tek tıkla öğrenciye özel, yalnızca yanlış ve boş bıraktığı soruları içeren bir hata kitapçığı PDF’i hazırlanıyor.

Mobil Uygulama: Veli, Öğrenci, Öğretmen ve Şoför

Tek bir mobil uygulamada dört farklı kullanıcı deneyimi tasarladık. Kim giriş yaparsa uygulama ona göre şekilleniyor ve yalnızca kurumun açtığı modüllerin sekmelerini gösteriyor.

• Veli: Renkli aylık yoklama takvimi, ödeme planı ve makbuzlar, deneme grafikleri, ödevler, karne ve notlar, öğretmen notları, duyurular, servis ve yemek listesi. Kardeşler aynı hesaptan takip ediliyor.
• Öğrenci: Bugünün akışı, haftalık program, ödevler, denemeler, kaynaklar, birebir dersler ve anketler.
• Öğretmen ve personel: Telefondan ders yoklaması; gelmeyen öğrencinin velisine anında bildirim gidiyor.
• Şoför: Serviste yoklama; servise binmeyen öğrencinin velisi bilgilendiriliyor.

Öne Çıkan Özellikler

• Seans bazlı yoklama: Her etüt seansı ayrı sütunda; turnike bağlıysa yoklama kendiliğinden doluyor.
• Tahsilat ve kasa: Kayıt paketleri, burs ve indirim, taksit planı; ödenen taksit gelir-gider defterine otomatik işleniyor.
• Deneme analizi: PDF, yayınevi dosyası ya da optik fotoğrafından sonuç okuma, soru ve çeldirici analizi.
• Bilgi haritası ve hata kitapçığı: Kazanım bazında başarı ve öğrenciye özel PDF.
• Haftalık program ve koçluk: Öğrenci görevleri işaretliyor, kurum geride kalanı görüyor.
• Ders programı oluşturucu: Ders yükleri ve kapalı saatlerden otomatik, çakışmasız haftalık program.
• Not ve karne: Ağırlıklı ortalama, sıralama, takdir-teşekkür ve karne PDF’i.
• Oturma planı: Kat ve masalar sürükle-bırak ile çiziliyor; dolu ve boş masalar tek ekranda.
• Geçiş kontrol: Parmak izi, kart, yüz tanıma ve QR cihazlarıyla otomatik yoklama.
• SMS ve push bildirim: Alıcı seçimi, şablon ve gönderim tek ekranda.
• Raporlar: Aylık gelir, gider ve kâr; altı aylık karşılaştırma; PDF ve Excel çıktısı.
• Okul modülleri: Sınav organizasyonu, disiplin ve davranış, rehberlik servisi, nöbet çizelgesi, servis ve yemek.

Güvenlik ve KVKK

Veli hesapları yalnızca kurumun ürettiği ve velinin telefon numarasına bağlı tek kullanımlık davet koduyla açılıyor; kaba kuvvet denemelerine karşı veritabanı tabanlı hız sınırı uygulanıyor. Oturum jetonları cihazın şifreli deposunda tutuluyor, her istekte velinin öğrenciyle bağı ve kurumun abonelik durumu yeniden denetleniyor. Rehberlik görüşmeleri gibi hassas içerikler yalnızca yetkili kişilere açık; veriler her gece şifreli olarak yedekleniyor.

Tanıtım Sitesi ve Ürün İletişimi

Ürünün hikâyesini, kurum tiplerine göre değişen modüllerini ve ücretsiz deneme akışını etutle.com adresindeki tanıtım sitesinde anlattık. Site, panelle aynı Next.js projesinin içinde çalışıyor; bölüm bölüm kayan tam ekran anlatım, gerçek panel ekran görüntüleri ve demo talep formu tek akışta buluşuyor. Sosyal medyada da aynı ekranlardan ürettiğimiz karuseller ve Reels videolarıyla etütle’yi eğitim kurumlarına anlatmaya devam ediyoruz.

Hitit Medya İmzası

etütle; fikirden veri modeline, donanım entegrasyonundan mağaza yayınına, arayüz tasarımından sosyal medya içeriğine kadar her katmanı Hitit Medya ekibinin elinden çıkmış bir ürün. Kendi alanınızda benzer bir dijital ürün hayal ediyorsanız, aynı ekip ve aynı titizlikle yanınızdayız.

Uygulamayı İndir

etütle mobil uygulaması App Store ve Google Play’de yayında: