Dijital VatandaşlıkÖrnek uygulama projesi

Güvenli QR Kodla Okul Tanıtımı

Kurgusal bir tanıtım sayfasına QR kod üzerinden erişim senaryosunu ve güvenli bağlantı kontrolünü öğreten proje.

Hedef Kitle
Temel bilgisi olan orta seviye lise öğrencileri
Tahmini Süre
3–4 ders saati
Seviye
Orta
Uygulama
Bireysel veya 2–3 kişilik grup

Proje Özeti

Ne geliştirilecek?

Kurgusal bir tanıtım sayfasına QR kod üzerinden erişim senaryosunu ve güvenli bağlantı kontrolünü öğreten proje.

Amaç

Neden uygulanmalı?

Fiziksel-dijital yönlendirme, kısa URL ve güvenli QR kullanımını anlamak.

Problem / İhtiyaç

Çözüm hangi ihtiyaçtan doğuyor?

Bir afişteki QR kod kullanıcıyı mobil uyumlu ve güvenilir bir tanıtım sayfasına yönlendirmelidir

Öğrenme Kazanımları

  • Mobil tanıtım sayfası yapar.
  • QR hedef URL'sini doğrular.
  • Güvenli tarama uyarısı yazar.

Sınıfta Uygulama

Hedef Kitle
Temel bilgisi olan orta seviye lise öğrencileri
Önerilen Süre
3–4 ders saati
Çalışma Biçimi
Bireysel veya 2–3 kişilik grup
Öğretmen Hazırlığı
Güvenli QR Kodla Okul Tanıtımı için örnek girdileri, güvenlik sınırlarını ve test ölçütlerini dersten önce kontrol etmek.

Derse Giriş Etkinliği

Öğrencilere “Bir afişteki QR kod kullanıcıyı mobil uyumlu ve güvenilir bir tanıtım sayfasına yönlendirmelidir” durumu verilir; kod veya araç göstermeden önce olası çözüm adımlarını tahmin etmeleri istenir.

  1. 10 dk: Merak uyandıran problem ve tahmin
  2. 20 dk: Temel kavram ve örnek
  3. 35 dk: Uygulama
  4. 20 dk: Test ve hata ayıklama
  5. 15 dk: Geliştirme ve öğrenci açıklaması

Ön Koşullar

  • Temel dijital okuryazarlık
  • Kaynak ve veri güvenliği farkındalığı

Kullanılacak Araçlar ve Teknolojiler

  • HTML
  • CSS
  • QR Farkındalığı
  • Responsive Web

Gerekli Malzemeler

  • Kod editörü
  • Yerel örnek sayfa
  • Öğretmen onaylı QR üretim aracı

Uygulama Aşamaları

  1. Kurgusal içeriği hazırla.
  2. Mobil sayfayı geliştir.
  3. URL'yi öğretmenle doğrula.
  4. QR oluştur.
  5. Farklı cihazda test et.

Örnek Kod veya Teknik İçerik

Mobil sayfa iskeleti

QR yalnız bu sayfaya yönlendirir; takip veya kişisel veri toplama eklenmez.

html
<!doctype html><html lang="tr"><head><meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Proje Sayfası</title>
<style>
* { box-sizing: border-box; } body { margin: 0; font: 1rem/1.6 system-ui; }
header, main, footer { width: min(100% - 2rem, 70rem); margin-inline: auto; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem 0; }
.skip { position: absolute; left: -9999px; } .skip:focus { left: 1rem; top: 1rem; }
@media (min-width: 48rem) { section { padding-block: 4rem; } }
</style></head>
<body><a class="skip" href="#icerik">İçeriğe geç</a>
<header><nav aria-label="Ana menü"><a href="#hakkinda">Hakkında</a></nav></header>
<main id="icerik"><section id="hakkinda"><h1>Proje Başlığı</h1><p>Tanıtım metni.</p></section></main>
<footer><p>Örnek eğitim projesi</p></footer></body></html>

Öğrenci Görevi

Uygula ve geliştir

Gerçek kurum adı kullanmadan kurgusal tanıtım sayfası ve QR güvenlik kontrol listesi hazırla.

Beklenen Sonuç

Başarı nasıl görünecek?

Öğrenci, “Gerçek kurum adı kullanmadan kurgusal tanıtım sayfası ve QR güvenlik kontrol listesi hazırla.” görevini tamamlayan çalışan bir ürün sunar; sonucunu test senaryoları, gözlemler ve teknik kararlarını açıklayan kısa bir değerlendirmeyle kanıtlar.

Değerlendirme Ölçütleri

Toplam: 100 puan
ÖlçütPuan
Güvenli QR Kodla Okul Tanıtımı gereksinimlerini karşılama25
Teknik doğruluk ve kavram kullanımı20
Test etme ve kanıt sunma20
Problem çözme ve iyileştirme20
Düzen, etik ve açıklama15

Geliştirme Fikirleri

  • Erişilebilir afiş
  • Çok dilli kurgusal sayfa
  • Baskı testi

Test Senaryoları

  1. QR hedef URL
  2. HTTPS göstergesi
  3. 375 px
  4. QR bozulma testi

Sık Karşılaşılan Hatalar

  • Yanlış URL
  • Gerçek kurum bilgisi
  • Küçük QR
  • Mobil taşma

Hata Ayıklama Önerileri

  • Yanlış URL: Girdiyi veya bağlantıyı tek tek doğrula; değişiklikten sonra aynı testi yeniden çalıştır.
  • Gerçek kurum bilgisi: Girdiyi veya bağlantıyı tek tek doğrula; değişiklikten sonra aynı testi yeniden çalıştır.
  • Küçük QR: Girdiyi veya bağlantıyı tek tek doğrula; değişiklikten sonra aynı testi yeniden çalıştır.
  • Mobil taşma: Girdiyi veya bağlantıyı tek tek doğrula; değişiklikten sonra aynı testi yeniden çalıştır.

Güvenlik Notları

  • QR hedefini açmadan URL'yi kontrol edin.
  • Takip parametresi veya form ile veri toplamayın.

Öğretmen Notları

  • Hazır çözümü vermeden önce öğrenciden tahminini ve denediği adımı açıklamasını isteyin.
  • Sonucu yalnız çalışıyor/çalışmıyor olarak değil; test kanıtı ve açıklamayla değerlendirin.

Öğrenci Öz Değerlendirme Soruları

  • Çözümüm hangi problemi gideriyor ve bunu nasıl test ettim?
  • En zorlandığım hata neydi; hangi ipucu çözmeme yardım etti?
  • Bir sonraki sürümde neyi değiştirir ve neden değiştirirdim?

Sonraki Öğrenme Önerisi

Buradan sonra ne öğrenilebilir?

URL güvenliği ve erişilebilir dijital yayıncılığı incele.

Ders Paketi

Materyaller

Projeyi sınıfta uygulamak için hazırlanan materyalleri PDF veya düzenlenebilir Word biçiminde indirebilirsin.

  • Öğretmen Kılavuzu

    Güvenli QR Kodla Okul Tanıtımı için amaç, hazırlık, ders akışı, uygulama, güvenlik, hata ayıklama ve geliştirme önerileri.

  • Öğrenci Çalışma Kâğıdı

    Güvenli QR Kodla Okul Tanıtımı için tahmin, uygulama, test, gözlem, sonuç ve öz değerlendirme alanları.

  • Değerlendirme Rubriği

    Güvenli QR Kodla Okul Tanıtımı için projeye özel, gözlenebilir ölçütlerden oluşan 100 puanlık değerlendirme rubriği.

Öğrenmeye Devam Et

Benzer Projeler