(() => { 'use strict'; const data=window.PRESENTATION; const sheet='https://docs.google.com/spreadsheets/d/1eRbu7Q3-WzlkmdT4PDPihd9yqcUGsMFMolVHdGrS0GE/edit'; const $=s=>document.querySelector(s); const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); const get=p=>p.split('.').reduce((o,k)=>o?.[k],data); const set=(p,v)=>{const ks=p.split('.'),last=ks.pop();ks.reduce((o,k)=>o[k],data)[last]=v;}; const txt=(path,tag='span',cls='')=>`<${tag} class="${cls}" data-edit="${path}">${esc(get(path)).replace(/\n/g,'
')}`; const editCase=(i,key,tag='p',cls='')=>txt(`cases.${i}.${key}`,tag,cls); let current=0; const slides=[]; const add=(id,chapter,label,html)=>slides.push({id,chapter,label,html}); const sectionLabel=text=>`

${esc(text)}

`; const sourceButton=i=>data.cases[i].evidenceNoSources||data.cases[i].excludeEvidence?'':``; const evidenceCases=()=>data.cases.map((c,i)=>({c,i})).filter(({c})=>!c.excludeEvidence); function build(){ slides.length=0; add('opening','opening','Overview',`${sectionLabel('American University of Beirut · School of Computing and Data Sciences')}

${txt('title','h1')}${txt('subtitle','p','lead')}

This review presents teaching methods and available results.
Faculty operations will follow in a separate discussion.

`); add('map','opening','Teaching approaches',`

Teaching approaches

The review starts with each method, then presents the available results and experience.

${data.cases.map(c=>``).join('')}

The sequence compares pace, support, practice, and assessment.

`); data.cases.forEach((c,i)=>{ add('mechanism-'+c.id,'mechanisms',c.name,`

${esc(c.name)}

${editCase(i,'headline','h2')}${editCase(i,'summary','p','lead')}${c.website?`${esc(c.website)}`:''}${c.details?`

${c.details.map((d,j)=>`

${txt(`cases.${i}.details.${j}.title`,'h3')}${txt(`cases.${i}.details.${j}.text`,'p')}

`).join('')}

`:''}

Learning process

${txt(`cases.${i}.loop.${j}`)}

${editCase(i,'bridge','p','bridge')}

${[['learner',c.learnerLabel||'The learner'],['instructor','Teaching and support'],['assessment','Assessment']].map(([key,label])=>`

${esc(label)}${editCase(i,key)}

`).join('')}

`); }); add('mechanism-map','mechanisms','Methods compared',`

Methods compared

Learning activity, guidance, and assessment differ across the approaches.

${data.cases.map(c=>``).join('')}

Approach	Learning process	Teaching and support	Assessment
	${esc(c.loop.join(' → '))}	${esc(c.contact)}	${esc(c.assessment)}

`); add('evidence-opening','evidence','Reading the results',`

Reading the results

The following figures describe different populations and stages of learning. Each measure keeps its date, unit, and context.

Reach and access

Participation and cost

Enrollments, applications, attendance, listed prices, and program scope.

Activity and experience

Work and feedback

Submissions, survey responses, ratings, and classroom experience.

Completion and learning

Finished work and demonstrated ability

Certificates and task requirements where available. Comparable learning gains remain largely unmeasured.

Source figures retain their original dates.
Core research snapshot: ${esc(data.evidenceDate)}.

Operational conclusions are reserved for a later discussion.

`); const experienceSlides=[]; evidenceCases().forEach(({c,i})=>{ let html=''; if(c.metrics.length){html+=`

${esc(c.name)}

${editCase(i,'evidenceSummary')}

${c.metrics.map((m,j)=>`

${esc(m.kind)}${txt(`cases.${i}.metrics.${j}.value`,'div','value')}${txt(`cases.${i}.metrics.${j}.label`,'h3')}${txt(`cases.${i}.metrics.${j}.detail`,'p')}

`).join('')}

${[['costs','Learner cost'],['completion','Completion'],['contact','Contact']].map(([k,l])=>`

${l}${editCase(i,k)}

`).join('')}

Context

${c.limits.map((v,j)=>txt(`cases.${i}.limits.${j}`,'li')).join('')}${sourceButton(i)}

`;}else{html+=`

${esc(c.name)}

${editCase(i,'headline','h2')}${editCase(i,'evidenceSummary','p','lead')}

${c.limits.map(esc).join('
')}

${sourceButton(i)}

${c.loop.map(esc).join('
')}

Results have not yet been documented.

`;} add('evidence-'+c.id,'evidence',c.name,html); if(c.insights?.length)experienceSlides.push(['experience-'+c.id,'evidence','Classroom experience',`

${esc(c.name)}

Experience across the semester

The teaching model extends beyond individual hackathons. A sustained project connects preparation, class activity, and assessment.

${c.insights.map((d,j)=>`

${txt(`cases.${i}.insights.${j}.title`,'h3')}${txt(`cases.${i}.insights.${j}.text`,'p')}

`).join('')}

These points describe teaching practice and assessment design across the reported teaching experience.

${sourceButton(i)}

`]); if(c.id==='init')while(experienceSlides.length)add(...experienceSlides.shift()); }); while(experienceSlides.length)add(...experienceSlides.shift()); add('evidence-compare','evidence','Costs and results compared',`

Costs and results compared

${evidenceCases().map(({c})=>``).join('')}

Approach	Listed learner cost	Completion or demonstrated output	Feedback
	${esc(c.costs)}	${esc(c.completion)}	${esc(c.feedback)}

Prices are dated offer snapshots. Program fees, memberships, and tuition use different units.

`); add('discussion','discussion','Scope of the review',`

Scope of the review

${[ ['Teaching methods','Recorded learning, supported cohorts, live instruction, semester projects, simulation, mentoring, and peer learning.'], ['Learner responsibility','The role of preparation, independent work, project ownership, and participation in each approach.'], ['Teaching and assessment','The roles of instructors, mentors, peers, and field experts in guidance, practice, feedback, and assessment.'], ['Available results','Participation, completion, certification, work produced, and learner feedback, with the context of each measure.'] ].map(d=>`

${esc(d[0])}

${esc(d[1])}

`).join('')}

A later discussion

Academic placement, staffing, partnerships, costs, assessment standards, and faculty operations.

`); add('sources','discussion','Source documents',`

Source documents

${data.cases.map((c,i)=>c.excludeEvidence||c.evidenceNoSources?'':`

${esc(c.type)}

`).join('')}

Case documents and spreadsheet notes contain the underlying records.

Open comparison sheet

`); $('#main').innerHTML=slides.map(s=>`

${s.html}

`).join(''); } function show(index,updateHash=true){current=Math.max(0,Math.min(slides.length-1,index));document.querySelectorAll('.slide').forEach((el,i)=>{el.classList.toggle('active',i===current);el.setAttribute('aria-hidden',String(i!==current));});const s=slides[current];$('#counter').textContent=`${String(current+1).padStart(2,'0')} / ${slides.length}`;$('#slide-label').textContent=s.label;$('#prev').disabled=current===0;$('#next').disabled=current===slides.length-1;document.querySelectorAll('[data-chapter]').forEach(b=>{if(b.dataset.chapter===s.chapter)b.setAttribute('aria-current','step');else b.removeAttribute('aria-current');});document.querySelectorAll('.index-link').forEach(b=>{if(b.dataset.goto===s.id)b.setAttribute('aria-current','step');else b.removeAttribute('aria-current');});if(updateHash)history.replaceState(null,'','#'+s.id);window.scrollTo({top:0,behavior:'instant'});} function go(id){const index=slides.findIndex(s=>s.id===id);if(index>=0)show(index);} function sources(i){const c=data.cases[i];if(c.evidenceNoSources||c.excludeEvidence)return;$('#source-title').textContent=c.name;const records=(window.EVIDENCE?.cases||[]).find(r=>r.column===c.sourceColumn);$('#source-body').innerHTML=`

${esc(c.evidenceSummary)}

${esc(c.sourceNote||`Research snapshot: ${data.evidenceDate}.`)}

${c.sources.map(s=>`${esc(s.label)} ↗`).join('')}${c.sourceColumn?`Comparison sheet and source notes ↗`:''}

${records?`

The records below preserve the existing review. Planned figures remain planned; model scenarios are excluded.

${records.rows.map(r=>`

${esc(r.dimension)}

${esc(r.text)}

${esc(r.note)}

`).join('')}`:''}`;$('#source-dialog').showModal();} document.addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;if(b.dataset.goto){go(b.dataset.goto);}if(b.dataset.chapter){const target=slides.find(s=>s.chapter===b.dataset.chapter);go(target.id);}if(b.dataset.sources!==undefined)sources(Number(b.dataset.sources));if(b.dataset.close)$('#'+b.dataset.close).close();}); $('#prev').onclick=()=>show(current-1);$('#next').onclick=()=>show(current+1); document.addEventListener('keydown',e=>{if(document.querySelector('dialog[open]')||e.target.closest('input,textarea,[contenteditable=true]'))return;if(['ArrowRight','PageDown',' '].includes(e.key)){e.preventDefault();show(current+1);}if(['ArrowLeft','PageUp'].includes(e.key)){e.preventDefault();show(current-1);}if(e.key==='Home'){e.preventDefault();show(0);}if(e.key==='End'){e.preventDefault();show(slides.length-1);}}); window.addEventListener('hashchange',()=>go(location.hash.slice(1)));build();const start=slides.findIndex(s=>s.id===location.hash.slice(1));show(start<0?0:start,false); })();