AI-Powered Gamification for the Web
summary
Builds a small web app that combines three concrete patterns: OpenAI responses API generates structured facts (10 XP per fact, map snapshot unlock at 2 facts, postcard at 3), Azure sentiment detection classifies reflections with confidence scores for tailored feedback, and TensorFlow.js runs an in-browser model to predict next difficulty from correctness and response time. Uses ArcGIS for place grounding and map tiles. The demo is implemented end-to-end and the features work together to unlock badges, change map style, and produce session recaps.
AI-written summary · about
chapters (18)
- 0:00AI-powered gamification intro
- 1:04Speaker intro
- 3:14Skepticism on shallow gamification
- 6:22What makes gamification work
- 9:08Why AI now
- 12:38Dynamic content generation
- 15:30Demo: Location fact explorer
- 23:31Code: First demo
- 23:51Sentiment-aware feedback analysis
- 26:03Demo: Emotion responses
- 28:54Code: Second demo
- 31:01Adaptive challenge tuning
- 33:07Demo: Dynamic difficulty
- 36:44Code: Third demo
- 39:18Combining patterns
- 40:23Demo: Integrated app
- 49:03Key takeaways
- 51:30Q&A
related talks
29m"AI-Powered Gamification for the Web"
59mHow to add genuinely useful AI to your webapp (not just chatbots)
23mWebAI: Building the next user experience in the browser
42mAdd Useful AI to Your Web App (Not Just Chatbots)
49mBuilding AI Enabled Web Apps
31mSupercharge Your Web App with an AI Writing Companion with Q&A
53mAI Didn’t Kill the Web, It Moved in!
21mBring AI-Based Search to Your Web App