ZTV (Ziggo)
Ziggo Technische Verzoeken: databank met handleidingen voor monteurs.
KLANT
Ziggo (Webavance)
ROL
Senior full-stack ontwikkelaar
TECH STACK
- PHP (Codeigniter)
- MySQL
- Vue
- Vuex
- Bootstrap 5
De Uitdaging
ZTV (Ziggo Technische Verzoeken) is een intern kennisplatform en databank met technische handleidingen en instructies voor Ziggo-monteurs in het veld.
Voor een efficiënte en gestructureerde opslag van technische gegevens en handleidingen gebruikt Ziggo deze databank. Aangezien de applicatie al geruime tijd in gebruik was, maakte deze gebruik van verouderde technieken. De uitdaging was om specifieke onderdelen te verbeteren—zoals een complete upgrade van de documentenzoekpagina naar een modern jasje en verbeterde UI/UX—zonder de applicatie volledig vanaf nul te hoeven herbouwen.
"Eis: de website (backoffice) moest in een nieuw jasje komen en de documentenzoekpagina moest een flinke UI/UX-update krijgen zodat monteurs sneller documenten kunnen vinden."
De Aanpak & Oplossing
In de eerste fase heb ik de update van Bootstrap 3 naar Bootstrap 5 uitgevoerd en het nieuwe ontwerp geïmplementeerd met behulp van HTML en CSS (Sass).
Vervolgens heb ik het oorspronkelijke PHP-formulier, dat werd gebruikt in de oude zoekfunctionaliteit voor documenten, vernieuwd naar een VueJS/Vuex-component voor een vloeiende en direct reagerende gebruikerservaring. Ook is er gezorgd dat PDF-bestanden direct in de browser bekeken kunnen worden zonder deze verplicht te moeten downloaden.
Technische Uitvoering
Architectuur
Een monolitische backend (Codeigniter) gecombineerd met een ontkoppelde, reactieve VueJS & Vuex frontend voor directe zoekresultaten.
Resultaat
Snellere toegang voor monteurs
Verbeterde documentenzoekpagina en in-browser PDF-viewer voor verhoogde efficiëntie in het veld.
