สื่อการเรียนรู้ ประวัติศาสตร์ ม.1

หน้ารวมสื่อนวัตกรรม

สื่อการเรียนรู้ทั้งหมด

ลิงก์เพิ่มเติม

', strands: ['ประวัติศาสตร์'], level: 2, grade: 'ม.1', indicator: 'ส 4.1 ม.1/1 วิเคราะห์ความสำคัญของเวลาในการศึกษาประวัติศาสตร์', icon: 'clock' }, { title: 'กิจกรรมเรียงลำดับประวัติศาสตร์', desc: 'ฝึกการลำดับเหตุการณ์ทางประวัติศาสตร์ และเรียนรู้ความสำคัญของการจัดลำดับช่วงเวลาอย่างเป็นระบบ', url: 'app/file:///C:/Users/User/Downloads/prehistoric_era_interactive_learning_app%20(1).html', strands: ['ประวัติศาสตร์'], level: 2, grade: 'ม.1', indicator: 'ส 4.1 ม.1/2 เทียบศักราชตามระบบต่างๆ ที่ใช้ศึกษาประวัติศาสตร์', icon: 'clock' }, { title: 'ใบความรู้: เครื่องมือหินถึงยุคโลหะ', desc: 'สำรวจพัฒนาการของเครื่องมือเครื่องใช้ที่สะท้อนถึงวิถีชีวิตที่เปลี่ยนแปลงไปของมนุษย์', url: '[ใส่ลิงก์ใบความรู้ PDF หรือหน้าเว็บ]', strands: ['ประวัติศาสตร์'], level: 1, grade: 'ม.1', indicator: 'ส 4.3 ม.1/1 อธิบายพัฒนาการทางสังคม เศรษฐกิจและการเมืองของประเทศต่างๆ ในภูมิภาคเอเชียตะวันออกเฉียงใต้', icon: 'book' } ]; /* แก้ที่นี่ ลิงก์เพิ่มเติม */ var EXTRA_LINKS = [ { name: 'ส่งงาน / ส่งภาพหน้าจอผลคะแนน', url: '[ลิงก์ Google Form หรือกลุ่มส่งงาน]', icon: 'file' }, { name: 'กลุ่มไลน์วิชาประวัติศาสตร์', url: '[ลิงก์กลุ่มไลน์]', icon: 'users' } ]; /* ================================================================================ ข้อมูลที่ครูแก้ สิ้นสุดที่นี่ ================================================================================ */ /* ส่วนทำงาน ไม่ต้องแก้ */ var ICONS = { map: '', clock: '', search: '', users: '', scale: '', book: '', compass: '', chat: '', file: '', coin: '', temple: '', link: '', star: '' }; function icon(n) { return ''; } function esc(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]; }); } function $(id) { return document.getElementById(id); } function realUrl(u) { return !!u && u.indexOf('[') < 0; } function absUrl(u) { try { return new URL(u, location.href).href; } catch (e) { return u; } } function toast(t) { var el = $('toast'); el.textContent = t; el.classList.add('on'); setTimeout(function () { el.classList.remove('on'); }, 1600); } function sscCopy(t, ok, fail) { function fb() { try { var ta = document.createElement('textarea'); ta.value = String(t == null ? '' : t); ta.setAttribute('readonly', ''); ta.style.cssText = 'position:fixed;top:0;left:-9999px;opacity:0'; document.body.appendChild(ta); ta.select(); ta.setSelectionRange(0, ta.value.length); var d = document.execCommand('copy'); document.body.removeChild(ta); if (d) { ok(); } else { fail(); } } catch (e) { fail(); } } if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(t).then(ok, fb); else fb(); } function copyLink(u) { var t = absUrl(u); sscCopy(t, function () { toast('คัดลอกลิงก์แล้ว'); }, function () { prompt('คัดลอกลิงก์นี้', t); }); } document.addEventListener('click', function (e) { var b = e.target.closest('[data-copy]'); if (b) copyLink(b.getAttribute('data-copy')); }); (function () { var q = (location.search.match(/[?&]theme=(atlas|delta|heritage)/) || [])[1]; document.documentElement.setAttribute('data-theme', q || HUB_CONFIG.theme || 'atlas'); })(); function paintHeader() { var c = HUB_CONFIG; document.title = c.pageTitle; $('hTitle').textContent = c.pageTitle; $('hSub').textContent = c.subtitle; $('hMeta').innerHTML = [['users', c.teacher], ['temple', c.school], ['book', c.subject]] .filter(function (x) { return x[1]; }).map(function (x) { return '' + icon(x[0]) + esc(x[1]) + ''; }).join(''); } function paintLinks(id) { var list = EXTRA_LINKS.filter(function (l) { return realUrl(l.url); }); $(id).innerHTML = list.length ? list.map(function (l) { return '' + icon(l.icon) + esc(l.name) + ''; }).join('') : '

ยังไม่มีลิงก์ ใส่ลิงก์ในรายการ EXTRA_LINKS

'; } function paintFooter() { var c = HUB_CONFIG; $('fSources').innerHTML = (c.sources || []).map(function (s) { return '

' + esc(s) + '

'; }).join(''); $('fAi').textContent = c.aiDisclosure; $('fContact').textContent = c.contact; } var STRANDS = ['ศาสนา', 'พลเมือง', 'เศรษฐศาสตร์', 'ประวัติศาสตร์', 'ภูมิศาสตร์']; var LEVELS = { 1: 'ระดับ 1 ฝึกพื้นฐาน', 2: 'ระดับ 2 วิเคราะห์', 3: 'ระดับ 3 ตัดสินใจและสร้างสรรค์' }; var fs = 'all', fl = 'all'; function chips(id, label, items, cur, key) { $(id).innerHTML = '' + label + '' + [['all', 'ทั้งหมด']].concat(items).map(function (x) { return ''; }).join(''); } function paint() { chips('fStrand', 'สาระ', STRANDS.map(function (s) { return [s, s]; }), fs, 's'); chips('fLevel', 'ระดับ', [1, 2, 3].map(function (n) { return [n, LEVELS[n]]; }), fl, 'l'); var list = APPS.filter(function (a) { return (fs === 'all' || (a.strands || []).indexOf(fs) >= 0) && (fl === 'all' || String(a.level) === String(fl)); }); $('count').textContent = 'แสดง ' + list.length + ' จาก ' + APPS.length + ' แอป'; $('apps').innerHTML = list.length ? list.map(function (a) { var ok = realUrl(a.url); return '

' + icon(a.icon) + '' + esc(a.title) + '

' + '

' + (a.strands || []).map(function (s) { return '' + esc(s) + ''; }).join('') + '' + esc(LEVELS[a.level] || '') + '' + (a.grade ? '' + esc(a.grade) + '' : '') + '

' + '

' + esc(a.desc) + '

' + (a.indicator ? '

ตัวชี้วัด ' + esc(a.indicator) + '

' : '') + '

' + (ok ? '' + icon('link') + 'เปิดใช้งาน' + '' : 'ยังไม่ได้ใส่ลิงก์') + '

'; }).join('') : '

ไม่มีแอปในตัวกรองนี้

'; } document.addEventListener('click', function (e) { var b = e.target.closest('[data-s],[data-l]'); if (!b) return; if (b.hasAttribute('data-s')) fs = b.getAttribute('data-s'); else fl = b.getAttribute('data-l'); paint(); }); paintHeader(); paint(); paintLinks('extra'); paintFooter();