Bij Bonsai Software hebben we de uitdaging aangenomen om het bestaande asset management, reparatie- en verhuurprogramma van CEVA te verbeteren en uit te breiden. Het hoofddoel was het ontwikkelen van een eenvoudig en efficiënt online bestelsysteem, waarmee we de interne processen konden stroomlijnen en klanten een gebruiksvriendelijke manier konden bieden om bestellingen en serviceverzoeken te plaatsen. Dit ambitieuze project had een duidelijke deadline en richtte zich op het opleveren van een functioneel demoportaal dat aansluit bij de visie van CEVA.

Projectdoelen

Het doel van dit project was om een demoportaal te ontwerpen en te implementeren dat:

1. Een online systeem biedt waarmee klanten eenvoudig assetbestellingen en serviceverzoeken kunnen indienen.

2. CEVA’s databaseservices demonstreert via een gebruiksvriendelijke, responsive webapplicatie.

3. Data lokaal in de browser opslaat om een volledig functioneel systeem te simuleren tijdens de demo.

4. Zowel statische als dynamische gegevens verwerkt, waarbij sommige gegevens uit een Excel-bestand worden geladen, zonder dat een externe database nodig is.

Belangrijkste Resultaten

• Responsive front-end ontwikkeling: met behulp van JavaScript en Angular hebben we een demoportaal ontwikkeld dat zich richt op de gebruiksvriendelijkheid en toegankelijkheid voor de klant. De webapplicatie is volledig responsive, zodat gebruikers op verschillende apparaten gemakkelijk toegang hebben.

• Onafhankelijke demo-omgeving: het demoportaal opereert onafhankelijk van CEVA’s bestaande microservices en backendsystemen. We maakten gebruik van browseropslag om tijdelijke gegevens en acties op te slaan, waardoor we een efficiënte oplossing konden bieden voor het simuleren van gegevens tijdens de demo.

• Eenvoudige en efficiënte gebruikersinterface: om de complexiteit te beperken, bevatte het portaal slechts 20 basisstory points met maximaal vijf aanpasbare velden. Deze minimalistische aanpak zorgde voor duidelijkheid en gebruiksgemak voor de eindgebruiker.

• Lokale opslag en gegevensverwerking: voor dynamische scenario’s werden gegevens geladen vanuit een Excel-bestand om real-time interacties te simuleren. Statische gegevens werden vooraf geconfigureerd om functionaliteiten te tonen zonder een externe database.

• Eindcontrole en testen: het systeem werd onderworpen aan een uitgebreide review- en testfase om ervoor te zorgen dat het voldeed aan de vereiste functionaliteiten, met een demo die klaar was voor presentatie aan de klant binnen de gestelde deadline.

Gebruikte Technologieën

• JavaScript & Angular: de front-end werd gebouwd met deze technologieën om flexibiliteit, responsiviteit en een snelle ontwikkeling te garanderen.

• Browseropslag: in plaats van te verbinden met een externe database, werd browseropslag gebruikt om gegevens en interacties tijdens de demo op te slaan.

• Excel-integratie: voor dynamische scenario’s werd een Excel-bestand gebruikt om complexere demo’s mogelijk te maken.