Étude de cas

Cadra TV

Le lecteur multimédia au design cinéma.

4 plateformes, un compte chiffré de bout en bout, 0 publicité.

Statut en octobre 2026
Fire TV et Android TV 2.5.9, Windows 0.9.4, iOS en test via TestFlight.
Technologies et thèmes
  • Produit
  • UX/UI TV
  • Kotlin
  • Swift
  • Chiffrement E2E
  • Cloudflare
  • Supabase
  • Agents IA

Captures

  • Accueil de Cadra TV sur Fire TV : programme en direct, bouton « Regarder » et rangée de chaînes.
  • Catalogue de films : grille d’affiches à gauche, fiche du film sélectionné à droite.
  • Guide des programmes : liste de chaînes et grille horaire de la chaîne sélectionnée.
  • Multivue : quatre flux affichés en même temps, avec les commandes en dessous.

Captures de l’application sur Fire TV. Le contenu affiché est fictif (source de démonstration).

Problème

Comme VLC, Cadra TV ne fournit aucun contenu. L’utilisateur y ajoute ses propres sources : une playlist M3U, un guide des programmes XMLTV.

L’enjeu : offrir à ces sources une interface au niveau des grandes plateformes de streaming, sur quatre plateformes, sans que le serveur puisse lire les données de l’utilisateur.

Solution et fonctions

Cadra TV est un lecteur multimédia gratuit, sans publicité et sans abonnement, au design « cinéma » : effet verre, affiches en arrière-plan, palette sombre et dorée. Il fonctionne sur Fire TV, Android TV, Windows et iPhone/iPad. Le Compte Cadra fait suivre les sources, les favoris et la progression d’un appareil à l’autre.

  • Synchronisation chiffrée : le serveur ne peut rien lire. Un QR code suffit pour lier une TV ou un PC.
  • Vie privée : sans compte, rien ne quitte l’appareil. Statistiques anonymes désactivables.
  • Accueil : « Reprendre », « Continuer à regarder », favoris, nouveaux épisodes des séries suivies.
  • Séries : épisode suivant automatique, « Passer l’intro », marquage « Vu » à 90 %.
  • Détails : notes IMDb, Rotten Tomatoes, Metacritic et Letterboxd, bande-annonce.
  • Profil Enfants : code PIN, catégories autorisées, code de secours.
  • Direct : guide des programmes, replay, multivue jusqu’à 4 chaînes.
  • Multilingue : français et anglais, avec un glossaire commun aux 3 apps et au site.

Mes décisions

J’ai rédigé le cahier des charges de départ et fixé les règles de travail des agents. Parmi les décisions que j’ai prises :

  • Guide des programmes : j’ai choisi la variante B de la maquette, pour la lisibilité, pour la performance (moins de risque de blocage de l’interface) et pour une navigation plus simple à la télécommande.
  • Lecture : j’ai supprimé une option dont je ne voyais pas l’utilité, afin de concentrer l’effort sur la multivue.
  • Design : j’ai jugé la première interface « pas dans l’air du temps » et demandé une refonte complète, avec une nouvelle identité et un nouveau logo.
  • Mise en page : j’ai trouvé la colonne centrale trop étroite et demandé de replier la colonne de gauche.
  • Données locales : j’ai autorisé la migration de la base locale (pagination plutôt que chargement complet en mémoire), après avoir lu sa justification.
  • Signature des versions : j’ai exigé que l’agent s’arrête et me demande avant de créer la clé de signature, car toutes les mises à jour futures devront être signées avec elle.
  • Produit : j’ai constaté à l’usage que les déclinaisons d’un même titre apparaissaient séparées, et j’ai demandé de corriger.
  • Cryptologie : j’ai posé la question du risque légal du chiffrement avant la déclaration à l’ANSSI.

Je teste sur Fire TV Stick. Je remonte chaque bug avec l’appareil, la version, le journal et mes hypothèses, et je diagnostique par élimination : par exemple, une fonction qui marchait sur les anciennes versions et sur d’autres lecteurs, mais plus sur la nouvelle.

Choix techniques

Sécurité

  • Chiffrement de bout en bout : le Compte Cadra synchronise les sources, les favoris et la progression sans que le serveur puisse lire les données. Le compte repose sur Supabase.
  • Liaison d’appareils par QR code : un QR code suffit pour lier une TV ou un PC.
  • Phrase de récupération : 12 mots (BIP-39).
  • Vie privée : sans compte, rien ne quitte l’appareil. Les statistiques anonymes sont désactivables.
  • Déclaration à l’ANSSI : la déclaration de fourniture de cryptologie a été déposée en octobre 2026.

Plateformes

  • Fire TV et Android TV : Kotlin, Android TV, VLC (libVLC). Navigation à la télécommande, multivue (4 chaînes), replay depuis le guide, mises à jour intégrées, version pour l’Amazon Appstore.
  • Windows : Kotlin Multiplatform / Compose Desktop, libVLC. Installateur, mises à jour automatiques, raccourcis clavier, fiches films avec notes.
  • iPhone et iPad : Swift / SwiftUI, VLC. Lecture paysage plein écran, publication via TestFlight (CI GitHub Actions, macOS).
  • Site web : HTML, CSS et JS statiques, générateur maison, Cloudflare Workers. Bilingue FR/EN, démo interactive dans le navigateur, gestion du compte.
  • Compte Cadra : Supabase, chiffrement de bout en bout. Phrase de récupération de 12 mots (BIP-39), liaison des appareils par QR code.

Méthode de travail

Je suis le créateur, le directeur produit et le designer de Cadra TV. J’ai mené le projet en solo, de l’idée à la publication. Je décide du produit ; des agents IA spécialisés écrivent le code : un par plateforme, plus un pour le site et un pour le design.

Mon travail :

  • le cahier des charges, la vision et les décisions produit ;
  • la direction artistique ;
  • les tests sur les appareils réels et le diagnostic des bugs ;
  • les démarches de publication : Apple TestFlight, Amazon Appstore, déclaration de cryptologie à l’ANSSI.

Jalons : le projet s’appelait Boréal TV. Il a été renommé Cadra TV à la version 2.0 (septembre 2026). Une trentaine de versions ont été publiées en environ 2 mois, toutes plateformes confondues.

État actuel et liens

  • Fire TV et Android TV : version 2.5.9, distribuée par le site, soumise à l’Amazon Appstore.
  • Windows : version 0.9.4.
  • iOS : en test via TestFlight.
  • Cryptologie : déclaration déposée auprès de l’ANSSI en octobre 2026.
  • Disponibilité : 4 plateformes ; un compte, une synchronisation.

Liens : le site cadra.tv, en français et en anglais (version anglaise) ; la démo interactive.

Autres études de cas