College Board Unit 4 networking turned into a game-builder lesson: move traffic from GitHub Pages to NGINX, Flask / Spring, and AWS while clearly teaching OSI vs TCP/IP, encapsulation, request/response flow, and MTU.
Training Modules
Net PatrolRobbery SimTarget Range
Skills Tested
Tactical ResponseMarksmanshipNetworking
Real Scenarios
Robbery response, target identification, suspect pursuit, hostage negotiation, and network security — all based on real deputy training.
Earn Badges
Complete challenges to unlock badges like Marksman, Tactician, and Net Guardian. Climb the leaderboard in the Gamification Hub.
Engine v1.1
Game Status: Not Started
Teach OSI vs TCP/IP
Show MTU decisions
Connect to deployment
🚀
Net Patrol Mission
This board matches the CSSE game-builder idea: the OSI layers are the map, the arrows show packet flow, and the mission teaches exactly how our project traffic moves from the frontend to the backend.
←→ Move | ↑ / Space Jump | E Pick up packet | F Fragment packet if it is too large
Fun: A live mission with a player, Router Ron as the NPC, and Hacker H4X as the AI NPC.
Real: The route follows our project deployment from GitHub Pages to NGINX, Docker, Flask or Spring, AWS EC2, and SQL.
Academic: OSI 7-layer language, TCP/IP 5-layer standard, MTU/MSS, and request/response flow are explained directly.
Teachable: The board, analyzer, quiz, and MTU lab all repeat the same lesson in simple words so it is easier to present.
🏋 Mission Score
0
Level: 1 | Lives: ★★★
Combo: 0x | Status: Awaiting launch
🌎 Current Layer
Start the game to see which OSI layer your player is standing on.
🛠 Controls
←→ Move | ↑ Jump E — Pick up, drop, or talk to Router Ron F — Split a packet that is too large
★ Player 🟢 Router Ron = NPC 🔴 Hacker H4X = AI NPC
📚 Learning Goal
Teach this simply: OSI helps us explain networking, TCP/IP is what real internet traffic uses, and MTU tells us when a packet must be split.
Route: GitHub Pages fetch() → HTTPS/TLS → TCP → IP → Ethernet → NGINX → Flask / Spring → SQL
💬 Router Ron
Walk near Router Ron and press E to talk.
Ron will coach you on OSI, TCP/IP, MTU, and how this game matches your deployment.
🔎 Packet Analyzer
ProtocolWaiting
Payload-
Headers-
Fragments-
DecisionLaunch mission
Network Stack Guide
Application
fetch() sends HTTP(S) requests. DNS resolves domains. Backend handles CRUD.
Transport
TCP segments data at ~1460B payload. NGINX routes to backend services.
Network
IP packets with src/dst addresses route through the internet to AWS.
Link + Physical
Ethernet frames with MAC/CRC become electrical/optical/radio signals.
Game Elements
Player
Frontend engineer carrying packets through the OSI stack.
NPC
Router Ron teaches OSI vs TCP/IP, MTU, and deployment flow.
AI NPC
Hacker H4X steals packets — chase and recover them.
🚨
Robbery Response Simulator
Make split-second decisions as you respond to an in-progress robbery call. Choose wisely — your score depends on safety, protocol, and timing.
Score:0
Scene:1/5
Rating:--
Timer:15s
🚶
Ready to Respond?
You'll face 5 real-world robbery scenarios. Each scene gives you 15 seconds to pick the best tactical response. Points are awarded for safety, proper protocol, and de-escalation when appropriate.
Debrief:
🎯
Deputy Target Range
Test your aim and reaction time. Click targets as they appear — but watch out for civilians! Hitting innocents costs points.
Score:0
Accuracy:--
Round:0/20
Time:60s
🎯
Deputy Target Range
20 targets will appear for 60 seconds. Red targets (🔴) are threats — click them for points. Blue targets (🔵) are civilians — avoid clicking them or lose points. Speed bonus for fast reactions!
