Spaces:
Running
Running
| <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>BAL Asistan — Bornova Anadolu Lisesi</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body class="gate-active"> | |
| <main id="entry-gate" aria-labelledby="gate-heading"> | |
| <section class="gate-shell"> | |
| <aside class="gate-brand"> | |
| <div class="gate-title"> | |
| <div class="gate-logo"> | |
| <img src="BAL_Logo.png" alt="BAL Logo" /> | |
| </div> | |
| <h1 id="gate-heading">BAL Asistan</h1> | |
| <p>Bornova Anadolu Lisesi hakkında hızlı, sade ve kaynaklı bilgi almak için geliştirilen yapay zeka destekli öğrenci projesi.</p> | |
| </div> | |
| <div class="gate-meta"> | |
| <span>Bilgilendirme amaçlıdır.</span> | |
| <span>Resmi işlemlerde okul idaresi ve MEB kaynakları esas alınır.</span> | |
| </div> | |
| </aside> | |
| <section class="gate-panel" aria-label="Başlangıç bilgilendirmesi"> | |
| <div class="gate-kicker">Başlamadan Önce</div> | |
| <h2>Kısa bilgilendirmeyi incele</h2> | |
| <p class="gate-intro">Devam etmek için iki sekmeyi de açman ve kullanım koşullarını kabul etmen gerekir.</p> | |
| <div class="gate-tabs" role="tablist" aria-label="Bilgilendirme sekmeleri"> | |
| <button class="gate-tab active" id="tab-terms" type="button" role="tab" aria-selected="true" aria-controls="panel-terms" data-tab="terms"> | |
| Kullanım Şartları | |
| </button> | |
| <button class="gate-tab" id="tab-about" type="button" role="tab" aria-selected="false" aria-controls="panel-about" data-tab="about"> | |
| Proje Hakkında | |
| </button> | |
| </div> | |
| <div class="gate-dev-warning">Bu asistan geliştirme aşamasındadır; vereceği yanıtlar eksik veya hatalı olabilir. Kullanıcı geri bildirimleriyle sürekli iyileştirilmektedir.</div> | |
| <div class="gate-content"> | |
| <article class="gate-section active" id="panel-terms" role="tabpanel" aria-labelledby="tab-terms"> | |
| <h3>Kullanım Şartları</h3> | |
| <ul> | |
| <li>BAL Asistan, Bornova Anadolu Lisesi hakkında genel bilgi sunmak amacıyla hazırlanmış bağımsız bir öğrenci projesidir; okul idaresi veya Milli Eğitim Bakanlığı adına resmi işlem yapmaz.</li> | |
| <li>Yanıtlar yalnızca bilgilendirme amaçlıdır. Kayıt, nakil, sınav, kontenjan, devamsızlık, burs, belge, dilekçe, disiplin, pansiyon ve benzeri resmi/idari konularda okul yönetimi, e-Okul, MEB ve okulun resmi duyuruları esas alınmalıdır.</li> | |
| <li>Yapay zeka yanıtları eksik, hatalı, yanlış anlaşılmış veya güncel olmayan bilgiler içerebilir. Önemli kararlar almadan önce bilgileri resmi kaynaklardan doğrulamak kullanıcının sorumluluğundadır.</li> | |
| <li>TC kimlik numarası, öğrenci numarası, telefon, adres, e-posta, şifre, sağlık bilgisi, aile bilgisi, not bilgisi veya başka kişisel/hassas bilgiler paylaşılmamalıdır.</li> | |
| <li>Başka öğrenciler, öğretmenler, personel veya okul topluluğu hakkında özel, küçük düşürücü, suçlayıcı, söylenti niteliğinde ya da kişisel veri içeren sorular sorulmamalıdır.</li> | |
| <li>Sisteme gönderilen sorular ve üretilen cevaplar; kaliteyi iyileştirmek, kötüye kullanımı önlemek, güvenliği sağlamak ve kullanım limitlerini uygulamak amacıyla kaydedilebilir.</li> | |
| <li>Bu asistan hukuki, tıbbi, psikolojik, mali veya resmi danışmanlık vermez. Acil, ciddi veya kişisel durumlarda ilgili uzmanlara, okul rehberlik servisine, okul idaresine ya da resmi kurumlara başvurulmalıdır.</li> | |
| <li>Devam ederek bu bilgilendirmeyi okuduğunu, BAL Asistanı yalnızca bilgilendirme amacıyla kullanacağını ve resmi konularda yetkili kaynakları esas alacağını kabul etmiş olursun.</li> | |
| </ul> | |
| </article> | |
| <article class="gate-section" id="panel-about" role="tabpanel" aria-labelledby="tab-about"> | |
| <h3>Proje Hakkında</h3> | |
| <div class="gate-author"> | |
| Hazırlayan: Burak Güldilek 9/K<br /> | |
| Danışman öğretmenler: Selçuk Sağbaş, Murat Yoncacı | |
| </div> | |
| <p>BAL Asistan, Bornova Anadolu Lisesi ile ilgili bilgilere daha hızlı ve düzenli ulaşılabilmesi için geliştirilen yapay zeka destekli bir sohbet asistanıdır. Proje; okulun akademik yapısı, kampüsü, gelenekleri, ulaşım bilgileri, sosyal etkinlikleri ve sık sorulan konular hakkında kısa, anlaşılır ve kaynak odaklı yanıtlar vermeyi amaçlar.</p> | |
| <p>Asistan, hazırlanmış bilgi setinden ilgili parçaları bulur ve kullanıcının sorusuna göre yanıt üretir. Bu nedenle resmi bir okul sistemi değildir; bilgilendirme ve teknoloji geliştirme amacıyla hazırlanmış bir öğrenci çalışmasıdır.</p> | |
| <p>Proje şu anda test aşamasındadır. Yanıt kalitesi, kaynak kapsamı ve kullanıcı deneyimi zamanla geliştirilebilir.</p> | |
| </article> | |
| </div> | |
| <div class="gate-actions"> | |
| <label class="gate-check" for="gate-agree"> | |
| <input id="gate-agree" type="checkbox" /> | |
| <span>Kullanım şartlarını ve proje bilgilendirmesini okudum, anladım ve kabul ediyorum.</span> | |
| </label> | |
| <div class="gate-status" id="gate-status">Devam etmek için iki sekmeyi de aç ve onay kutusunu işaretle.</div> | |
| <button id="gate-continue" type="button" disabled>Devam Et</button> | |
| </div> | |
| </section> | |
| </section> | |
| </main> | |
| <!-- HEADER --> | |
| <header> | |
| <div class="header-inner"> | |
| <div class="logo"> | |
| <img src="BAL_Logo.png" alt="BAL Logo" /> | |
| </div> | |
| <div class="header-text"> | |
| <h1>BAL Asistan</h1> | |
| <p>Bornova Anadolu Lisesi</p> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- CHAT CONTAINER --> | |
| <div id="chat-container"> | |
| <div id="messages"> | |
| <!-- WELCOME SCREEN --> | |
| <div class="welcome" id="welcome-msg"> | |
| <div class="icon" id="welcome-icon"> | |
| <img src="BAL_Logo.png" alt="BAL" /> | |
| </div> | |
| <h2>BAL hakkında ne öğrenmek istersin?</h2> | |
| <p>Bornova Anadolu Lisesi'nin akademik yapısı, kampüsü, gelenekleri, kayıt süreci ve başarıları hakkında kısa ve kaynaklı yanıtlar al.</p> | |
| <div class="suggestion-chips"> | |
| <button class="chip" onclick="sendSuggestion(this)">LGS taban puanı nedir?</button> | |
| <button class="chip" onclick="sendSuggestion(this)">Ayran Günü nedir?</button> | |
| <button class="chip" onclick="sendSuggestion(this)">Okula nasıl kayıt yapılır?</button> | |
| <button class="chip" onclick="sendSuggestion(this)">BALEV bursu hakkında bilgi ver</button> | |
| <button class="chip" onclick="sendSuggestion(this)">Okula nasıl giderim?</button> | |
| <button class="chip" onclick="sendSuggestion(this)">YKS başarıları nasıl?</button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- INPUT --> | |
| <div id="input-area"> | |
| <div id="notice-layer" aria-live="polite"></div> | |
| <div class="input-wrap"> | |
| <textarea | |
| id="user-input" | |
| placeholder="BAL hakkında bir soru sor..." | |
| rows="1" | |
| maxlength="500" | |
| ></textarea> | |
| <div class="input-actions"> | |
| <button id="clear-btn" title="Sohbeti temizle" onclick="clearChat()">↻</button> | |
| <button id="send-btn" title="Gönder" onclick="sendMessage()">Gönder</button> | |
| </div> | |
| </div> | |
| <div class="input-footer"> | |
| <span>Enter'e basarak gönder</span> | |
| <span class="project-note">BAL Asistan öğrenci projesidir; resmi işlemler için okul duyuruları ve idare esas alınır.</span> | |
| <span id="char-count">0 / 500</span> | |
| </div> | |
| </div> | |
| </div> | |
| <script type="module" src="js/main.js"></script> | |
| </body> | |
| </html> | |