Asia/Jakarta
September 12, 2024

Local Signage: TV Streaming System

A professional digital signage solution for broadcasting multimedia content to TV screens over local networks, featuring a Next.js CMS and a Flutter-based display client.
Abdul Wahid Amin
image
Local Signage is an integrated digital signage ecosystem designed for high-performance multimedia delivery over local area networks (LAN/WLAN). This project solves the challenge of centralizing content management for multiple TV displays without relying on external internet bandwidth, making it ideal for corporate environments, retail, or industrial signage.
  • Centralized Content Management (CMS): A powerful web-based dashboard for uploading media, managing playlists, and scheduling content delivery.
  • Local Network Streaming: Optimized delivery of video and image assets over local networks, ensuring zero latency and zero internet data consumption.
  • Cross-Platform TV Client: A dedicated display application built with Flutter, optimized for Smart TVs and Android-based TV boxes to ensure smooth 4K/HD playback.
  • Real-time Synchronization: Instant updates across all connected display nodes when changes are made in the central CMS.
  • Offline Reliability: Designed to keep displaying content even if the central server briefly disconnects, using local caching mechanisms.
  • Next.js & TypeScript: For the core administrative dashboard and management APIs.
  • Prisma ORM: Managing the database for media assets, device registry, and playlists.
  • Flutter (Dart): For the high-performance display client, leveraging native graphics rendering.
  • Tailwind CSS: Providing a responsive and modern interface for the CMS.
  • Native System Integration: Utilizing C++ and Swift for low-level system optimizations to ensure video playback stability.
The primary technical challenge was ensuring stable, continuous video playback across different TV hardware specs. Developing with Flutter allowed for a unified codebase while maintaining high performance. I also focused heavily on network discovery, allowing display nodes to automatically find the central server within the local network, which significantly simplified the setup process for end-users. The result is a robust, scalable signage system that allows organizations to turn any TV into a dynamic communication tool. By combining web technologies for management and mobile frameworks for display, the system provides a seamless end-to-end experience for both administrators and viewers.
Continue exploring

Related projects

Smart Warehouse Management: Predictive Slotting System

Smart Warehouse Management: Predictive Slotting System

A sophisticated WMS built with Laravel 11 and Livewire 3, featuring distance-based slotting optimization and automated inventory forecasting.
SPL-App: Digital Overtime Management

SPL-App: Digital Overtime Management

A full-stack web application designed to digitize the overtime request (SPL) process at PT Tunas Esta Indonesia, featuring automated approvals and RBAC.
Cross-Platform E-Commerce Ecosystem

Cross-Platform E-Commerce Ecosystem

A complete ecosystem including a Flutter mobile app, a Next.js storefront, and a Laravel-powered administrative backend.
Dockploy: VPS Management System

Dockploy: VPS Management System

A robust system for managing VPS deployments using Docker, providing automated workflows and monitoring for containerized applications.
Scalable API Platform Architecture

Scalable API Platform Architecture

A backend architecture case study focused on service boundaries, API contracts, data persistence, and operational reliability.
Queue-Based Background Processing System

Queue-Based Background Processing System

A backend workflow design for processing asynchronous jobs with retries, observability, and predictable failure handling.
Backend Portfolio Foundation

Backend Portfolio Foundation

A personal portfolio foundation prepared for backend and system design case studies, technical notes, and project documentation.