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.
- 10 dk: Merak uyandıran problem ve tahmin
- 20 dk: Temel kavram ve örnek
- 35 dk: Uygulama
- 20 dk: Test ve hata ayıklama
- 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ı
- Kurgusal içeriği hazırla.
- Mobil sayfayı geliştir.
- URL'yi öğretmenle doğrula.
- QR oluştur.
- 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.
<!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çüt | Puan |
|---|---|
| Güvenli QR Kodla Okul Tanıtımı gereksinimlerini karşılama | 25 |
| Teknik doğruluk ve kavram kullanımı | 20 |
| Test etme ve kanıt sunma | 20 |
| Problem çözme ve iyileştirme | 20 |
| Düzen, etik ve açıklama | 15 |
Geliştirme Fikirleri
- Erişilebilir afiş
- Çok dilli kurgusal sayfa
- Baskı testi
Test Senaryoları
- QR hedef URL
- HTTPS göstergesi
- 375 px
- 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
- Dijital Vatandaşlık
Dijital Vatandaşlık Özgeçmişi
Kurgusal bilgilerle mobil öncelikli, yazdırılabilir ve erişilebilir özgeçmiş sayfası.
Projeyi İncele - Web Tasarım
Ders Tanıtım Sayfası
Bir dersin amaç, içerik, öğrenme yolu ve kaynaklarını semantik HTML ile tanıtan tek sayfa.
Projeyi İncele - Web Tasarım
Okul Tanıtım Web Sitesi
Gerçek kurum adı kullanmadan bölümler, navigasyon ve erişilebilir içerik yapısını öğreten örnek site.
Projeyi İncele