Where Your Work Lives

Where Your Work Lives An architecture diagram generated by Archify. mrsutherland.net · Web Server / CDN · Architecture component · website mrsutherland.net Web Server / CDN website Work Open Now · Browser RAM · Your Device (Laptop, Tablet or Desktop) · active memory Work Open Now Browser RAM active memory This Browser · IndexedDB / LocalStorage · Your Device (Laptop, Tablet or Desktop) · internal storage This Browser IndexedDB / LocalStorage internal storage Your Saved Files · Downloads / USB Drive · Your Device (Laptop, Tablet or Desktop) · your files Your Saved Files Downloads / USB Drive your files School or Cloud Service · Google Drive / OneDrive / LMS · Architecture component · external service School or Cloud Service Google Drive / OneDrive / LMS external service delivers app files autosave edits download / export student handover Your Device (Laptop, Tablet or Desktop) Legend Frontend Backend Database Cloud External

Delivery vs Storage

  • • The website delivers the learning tool into your browser
  • • Loading an application does not upload student work to our server
  • • Interactive tools run directly on your computer

Device Boundary

  • • Active tab memory holds temporary changes while working
  • • Browser storage saves projects and progress across sessions
  • • Exported files give you independent backups you control

External Boundary

  • • Data leaves your computer only when you upload a downloaded file
  • • Hand-ins happen via your school's normal Google Classroom or LMS
  • • Demonstration tools with online services are explicitly marked