Ga naar hoofdinhoud

📺 TV Presentation

The TV Presentation system is a full-screen dashboard designed for the 4K TV in the High Tech Lab. It provides visitors and members with real-time information about the space, including prices, events, and news.

Layout Overview​

The display is organized into a clean, easy-to-read grid:

  • Left Panel: Clock, current weather, and the next upcoming event.
  • Center Panel: A rotating carousel of detailed events and news items scraped directly from the maakleerplek website.
  • Right Panel: A live drinks menu synced with our InvenTree stock system, including a QR code for easy payments.
  • Footer: A rotating list of "Tips & Tricks" for using the lab and its machines.

Key Features for Visitors​

  • Real-time Pricing: Always see the latest prices for drinks and materials.
  • Event Awareness: Stay informed about workshops, open lab days, and community meetings.
  • Weather Updates: Local weather data (via Open-Meteo) to help you plan your commute from the lab.
  • Payment Integration: Quick access to the payment portal via the on-screen QR code.

Technical Background​

The system is built using Next.js 15 and a custom Node.js data-fetcher. It is specifically optimized for the lab's hardware (Samsung Smart TV / Tizen 6.5) by using Tailwind CSS v3 to ensure full compatibility with the TV's built-in browser (Chrome 85).

  • Data Sources: Maakleerplek website (Events/News), InvenTree (Stock/Drinks), and Open-Meteo (Weather).
  • Deployment: Hosted locally on the maakleerplek server using Docker Compose.

For developers looking to contribute or update the configuration (like the tips in the footer), please visit the GitHub repository.