🎮 یک بازی تعاملی، مرحلهای و زماندار برای تقویت مهارت شناخت استانها — مناسب دانشآموزان دوره دوم ابتدایی تا متوسطه اول
این بازی با هدف تقویت یادگیری فعال، افزایش دقت، و حفظ نام و موقعیت استانهای ایران طراحی شده است.
بازیکن در هر مرحله با کلیک روی استان درست، امتیاز میگیرد و با اشتباهکردن قلب (فرصت) از دست میدهد.
بازی -فعلا!- شامل دو مرحله اصلی، سیستم وقت محدود، امتیازدهی ستارهای و پاداشها است.
تمام بخشها بدون استفاده از فریمورک و تنها با HTML + CSS + JavaScript پیادهسازی شدهاند.
آنلاین بازی کنید: https://narxesx.github.io/iran-map-ed/
- دو مرحله دارای ۳ سطح زمانی:
- سطح ۱ → ۱۵ ثانیه
- سطح ۲ → ۱۰ ثانیه
- سطح ۳ → ۵ ثانیه
- سیستم امتیازدهی ستارهای + صدای تشویق
- نمایش پاسخ درست هنگام اشتباهات برای یادگیری بهتر
در این مرحله:
- نام استان همراه با رنگ مخصوص همان استان نمایش داده میشود.
- همان رنگ در نقشه اصلی ایران نیز برای آن استان استفاده شده است.
- دانشآموز میتواند به کمک رنگ، نام و جایگاه کلی، استان را پیدا کند.
- برای ایجاد چالش آموزشی:
- برخی استانها عمداً رنگهای مشابه دارند تا دقت در یادگیری افزایش یابد.
- نقطه اشتباه انتخابشده با رنگ قرمز نمایش داده میشود.
- محل صحیح با افکت و رنگ سبز مشخص میشود تا دانشآموز بتواند اشتباه خود را تشخیص دهد.
- هر پاسخ صحیح = ۱۰ امتیاز + یک ستاره
- همراه با صدای تشویق و افکت بصری ستارهها
در این مرحله:
-
شکل کامل استان نمایش داده میشود
شامل:- مرزهای استان
- شهرستانها
- شهرهای مهم
-
کنار تصویر:
- نام استان
- نام مرکز استان
- این توضیحات به رنگ مخصوص همان استان نوشته شدهاند.
این ترکیب باعث میشود:
- چشم دانشآموز به فرم کلی استان عادت کند
- نام استان → رنگ → فرم → مرکز استان
این چهار عامل کنار هم، یادگیری را عمیق و چندلایه میکنند.
- هر اشتباه = از دست دادن ۱ قلب
- اگر دانشآموز یک سطح یا مرحله را کامل و درست تمام کند → قلبهای از دست دادهشده به عنوان پاداش به او برگردانده میشوند
- این مکانیزم باعث انگیزه بیشتر و کاهش استرس یادگیری میشود.
اگر دانشآموز همه مراحل و سطوح را پشت سر بگذارد:
- جام قهرمانی به صورت انیمیشنی در وسط صفحه ظاهر میشود.
- پیام نهایی نمایش داده میشود:
«تبریک! تو قهرمان این بازی شدی 🎉»
به دلیل اینکه دانشآموز در مرحله دوم مرکز استان را نیز میبیند، میتوان مراحل بعدی را افزود:
- «فلان شهر مرکز کدام استان است؟ روی نقشه انتخاب کن.»
- «این شکل کدام استان است؟ (بدون نام و رنگ)»
🛠️ تکنولوژیهای استفادهشده
- HTML5
- CSS3
- JavaScript