AI Slides'ı İnteraktif Derinlemesine Sunumlara Dönüştürün: 6 Yapılı Çerçeve

1【İnteraktif Sunum Promptu v2.1】
2Uzunluk kısıtlamaları nedeniyle tam metin atlanmıştır; lütfen note üzerinden kopyalayıp yapıştırın.
3
4## Ek: İnteraktif Hale Getirme
5Yukarıdaki sunum oluşturma promptuna eklenen bu bloğu kullanın. Materyalleri bu bloğun altına yapıştırın (önceki prompttaki "Materyalleri bunun altına yapıştırın" satırını olduğu gibi koruyun).
6
7### Öncelik
8- İçerik (sayı işleme, başlıklar, mantık, şablonlar, çizim standartları, doğrulama) yukarıdaki sunum oluşturma promptunu takip eder.
9- Çıktı formatı bu bloğa öncelik verir: Tek dosyalık interaktif HTML, 3 sayfa (materyaller kapsamlıysa 4), satır başına maksimum 36 karakterlik başlıklar (satır kayması yok). Ayrı bir tasarım dokümanı çıktı vermeyin; bunun yerine sayfa listesi ve sayı defteri kullanın (önceki prompttaki gerekli tasarım öğelerini bu ikisine dahil edin).
10- Soruları yalnızca başlamadan önce ve sadece amaç veya hedef kitle materyallerden/arka plandan net değilse bir kez sorun. Aksi takdirde kendi muhakemenizi kullanın, varsayımları not alın ve tek seferde yazıp bitirin.
11
12### Sayfa Şablonu (Görselleri aşağıdaki örnekle eşleştirin)
13- Sayfa 2-3: Sol tarafta ana grafik (%60 genişlik), sağ tarafta kanıt paneli (açık renkli arka plan kutusu). Panel yapısı: Bir büyük sayı (88-96px) → Ne olduğu (1 satır) → Bağlam (2-3 satır) → Karşılaştırma hedefi ve fark (formülle birlikte) → "Detayları Gör ›"
14- Sayfa 1: Üstte 3 büyük sayıdan oluşan bir satır, altta genel akış/yapı (neyin nerede olduğu). Belirli sayfalara bağlanan kartları ("s.2 ›") akışın içine yerleştirin.
15- Grafikler ve sayılar çerçeveyi doldurmalı. İçeriğin altında boş bantlar olmamalı.
16- Tüm materyal sayılarını kullanın (grafikler, paneller, vurgular, kanıtlar). Farkları/oranları hesaplayın ve formülleri gösterin. Materyallerde olmayan sayılar uydurmayın.
17- Ana konu birincil rengi, karşılaştırmalar açık gradyan tonlarını, diğerleri griyi kullanır. Sayfa başına bir büyük sayı.
18- Tıklanabilir öğeleri belirgin hale getirin: "›", "Tıklayarak...", üzerine gelindiğinde kenarlık, sayfaya girildiğinde bir kez halka vurgusu kullanın. Çubuklar/noktalar üzerine gelindiğinde "Değer, Ad, Kaynak" içeren bir araç ipucu göstermelidir.
19
20### Sayfa Başına Bir Etkileşim (Yapıdan Türetilmiş)
21Okuyucunun başlıktaki yargıyı doğrulamasını sağlayan her sayfaya tam olarak bir işlem ekleyin. İşlemi başlığın yapısal türüne göre seçin.
22- Piramit (Sonuç/Kanıt) → Detaya inmek için tıklayın. Sağ tarafta kanıt paneli (kaynaklı; neredeyse tüm sayfalarda bulunmalı).
23- Sınıflandırma (Segmentasyon) → Tüm çubukları yeniden sıralamak için kriterleri değiştirin (toplama görünümü, metrik, yıl).
24- Karşılaştırma (Fark) → Önceki durum mevcut duruma dönüşür, fark/aralık noktalı çizgi olarak kalır.
25- Nedensellik (Neden/Sonuç) → Kaydırıcı koşulu ayarlar, sonucu yeniden hesaplar. Formülü ekranda gösterin.
26- Problem Çözme (Açık/Çözüm) → Boşlukları doldurmak/bırakmak için çözümleri aç/kapat.
27- Sıra (Akış/Süreç/Zaman) → Sırayla birleştirin, aktör süreç boyunca ilerlesin, zaman çizelgesinde "Şimdi" işaretçisi olsun.
28Başlıkla ilgisi olmayan animasyonlar eklemeyin. Nicel animasyonlar değerlerden hesaplanmalıdır.
29
30### Kanıt Paneli (Tıklandığında sağdan kayarak gelir)
31- Genişlik 720px. Sağdan kayarak gelir, arka planı karartır. X, Esc veya arka plana tıklayarak kapatılır.
32- Yukarıdan aşağıya yapı: Konum bağlamı ("Mevcut Durum > Öğe Adı") → Yargı (1-2 satır) → Sekmeler (maksimum 2, örn. Döküm / Kaynaklar ve Varsayımlar) → Küçük grafik/tablo → Kaynak.
33- Ana sayfaya sığmayan detaylı sayıları buraya yerleştirin. Neredeyse tüm sayfalarda bulundurun.
34
35### Genel Sunum
36- 1. sayfadaki genel görünümden belirli sayfalara yakınlaştırma navigasyonunu etkinleştirin. Çözüm sayfalarından kanıt sayfalarına geçişe izin verin.
37- Tuşlar: → ve Space ileri, ← geri, Sayılar atlama, Esc kapatma/geri, O tüm sayfa görünümü, D otomatik demo (ok imleci senaryoyu takip eder, genel görünümle biter. İnteraktif öğeleri data-demo adlarıyla etiketleyin).
38- Sayfalar ~3 saniyede bir araya gelir: Başlık → Ana grafik (çubuklar 0'dan büyür, 60ms gecikmeli) → Sayılar → Kanıt paneli. CSS geçişleri/gecikmeleri kullanın; JS kullanıyorsanız requestAnimationFrame'i 50ms zamanlayıcıyla eşleştirin.
39- #static URL parametresini ve "Hareketi Azalt" ayarını destekleyerek nihai birleşmiş durumu gösterin (interaktif sayfalar için, başlıktaki yargının görünür olduğu durumu gösterin, örn. tüm çözümler AÇIK). Statik bir sunum olarak da okunabilir olmalıdır.
40- 1920x1080 tuvali ekrana sığacak şekilde ölçeklendirin. Harici yüklemeler Google Fonts Noto Sans JP ile sınırlıdır.
41
42### Minimum Standartlar (Yalnızca yukarıdaki sunum oluşturma promptu yoksa)
431. Materyallerden sayı defteri oluşturun (Öğe, Değer, Tarih, Kaynak, Popülasyon). Eksik sayıları bir notla "xx" olarak işaretleyin. Değeri olmayan öğeleri en sona sıralayın.
442. Sayfa başına bir mesaj. Başlıklar, olgu ve yargıyı birleştiren tam cümleler olmalı, satır başına maksimum 36 karakterdir. "A. B" iki parçalı yapıdan, "3 tane var..." gibi saymalardan veya isimle biten eksik cümlelerden kaçının.
453. Önce tüm başlıkları yazın, grafikleri oluşturmadan önce dikey akışı (Genel Bakış→Kanıt→Çözüm) kontrol edin.
464. Grafik türünü başlığın yapısal amacına göre seçin (yukarıdaki "Bir Etkileşim" bölümüne bakın).
475. Grafik başlıkları: "Ne, Ne Zaman, Birim". Başlıklarda yargı bulunmamalı. Kaynağı hem sayfa altbilgisinde hem de kanıt panelinde belirtin.
486. Renkler: 1 birincil, 3 açık gradyan, gri. Varsayılan birincil #1976D2. Vurgu rengi (Amber #D97706) tüm sunumda yalnızca bir kez kullanılmalı. Minimum yazı tipi boyutu 18px.
497. Korelasyondan nedensellik çıkarmayın. Tahminleri "Tahmin" olarak etiketleyin, formülü ve varsayımları ekranda gösterin.
50
51### Çıktı
52- HTML: Claude için Artifact, ChatGPT için Canvas (hiçbiri yoksa tek kod bloğu) olarak verin. Tek seferde yazıp bitirin. Kodu kısaltmak için sayfaları sınırlandırın ve bileşenleri fonksiyonlarda birleştirin. Kesintiye uğrarsa, kullanıcının "devam et" komutuyla aynı dokümana devam edin (manuel yapıştırma istemeyin).
53- 1. satır yöntemi belirtir: "İçerik = Sunum Promptu / İnteraktivite = İnteraktif Blok" veya "Yalnızca İnteraktif Blok (basitleştirilmiş içerik kuralları uygulandı)".
54- Sayfa listesi (Başlık/Yapı/İşlem/Kanıt Paneli içeriği), Sayı Defteri ve Talimatlar HTML DIŞINDA (yanıt gövdesinde) kısaca yer almalıdır. HTML içinde değil.
55- Toplam HTML boyutunu ~40KB hedefleyin. Gerekirse metni kısaltın (grafikleri, kanıt panellerini, işlemleri KESİNLİKLE kısaltmayın).
56- Daha fazla iyileştirme için 2-3 öneriyle bitirin ve kullanıcıdan seçim yapmasını isteyin.
57
58### Son Kontrol
59Çıktı vermeden önce inceleyin ve düzeltin: Her sayfada "başlığı doğrulama işlemi" ve "kaynaklı kanıt paneli" var mı / Uydurma sayı yok mu / Boş bant, örtüşme, taşma veya <18px metin yok mu / Başlık sonları sayfalarda tutarlı mı (hepsi "...malı" ile bitmiyor) / Otomatik demo senaryosu var olmayan öğelere referans vermiyor mu.
60
61(Burada bir örnek sayfanın kodu yer alır. Örneklerin dahil edilmesi kaliteyi önemli ölçüde artırır. Kodlu tam sürüm note üzerindedir.)