• Home
  • Portfolio
  • Contact
  • Home
  • Portfolio
  • Contact

Deadline web app: De online renderfarm monitor

Technologieën:

JavaScript, Python, NextJS, React, Deadline, WebSockets, OpenAI

datum:

Oktober 2023

Studio’s die veel bezig zijn met visual effects gebruiken bijna altijd een renderfarm om hun renders op te draaien. Maar hoe kun je die renders buiten kantoor in de gaten houden? Om dit probleem aan te pakken heb ik de Deadline Web App ontwikkeld, een web-based renderfarm monitor voor de Thinkbox Deadline renderfarm software. 

Een make-over

Een groot probleem van renderfarm monitoring software is dat ze vaak extreem complex zijn vormgegeven, wat nuttig is voor echte powerusers maar niet voor alledaagse gebruikers. Mijn doel was dus om alle belangrijke informatie zo overzichtelijk en rustig mogelijk weer te gegeven in een nieuwe user interface die voornamelijk op een telefoon gebruikt kon worden.

User interface van de standaard Deadline monitor
Nieuwe user interface mockup

Extra functionaliteit

Naast alleen een overzichtelijke uitstraling had ik ook nog een paar quality of life verbeteringen in gedachten, namelijk:

  • Een OpenAI integratie die ervoor zorgt dat ChatGPT de crash-reports van een render job leest en een korte samenvatting laat zien op de website.
  • Een simpele manier om de frames van je render te kunnen bekijken vanaf de website.
  • Browser notificaties voor wanneer een render job klaar is met renderen.
OpenAI integratie
Render previews

Development

Speciaal voor dit project heb ik een online React cursus gevolgd om het ontwikkelen van de front-end net iets soepeler te laten verlopen. De backend heb ik geschreven in Python met WebSockets, iets waar ik gelukkig wel al veel ervaring mee had. In totaal ben ik zo’n 2 maanden bezig geweest met de development. Het eindresultaat was een enorm succes: studenten bij het VFX department op de Filmacademie begonnen de web app vaker te gebruiken dan de originele monitoring software!

Een iets uitgebreidere write-up van het hele maakproces van dit project kun je lezen in dit artikel dat ik voor de Rookies heb geschreven. Het eindresultaat ziet er zo uit:

Bekijk de source code voor dit project op GitHub
ICT Software development Visual effects
(VORIGE)

Unreal Engine integreren in een bestaande VFX pipeline

(VOLGENDE)

Animatiefilm tech feitjes op custom signage

Soortgelijke projecten

Operator monitor voor immersive experience Helleveeg
ImmersiveSoftware development
Het ontwerpen en bouwen van de eerste mindfulness ruimte van de AHK
ImmersiveSoftware development
Unreal build automatisering via Slack met Perforce en Jenkins
Game developmentICT