Progressive web app ontwikkeling: 43% efficiënter personeelsbeheer

Innowise heeft een tool voor personeelsmanagement ontwikkeld die met succes alle dagelijkse uitdagingen in de transportsector aanpakt en chauffeurs helpt productief te blijven.

Klant

Industrie

Transportation

Regio

Europa

Klant sinds

2017

Onze klant is een van de toonaangevende Europese transportbedrijven.

Gedetailleerde informatie over de klant kan niet openbaar worden gemaakt krachtens de bepalingen van de NDA.

Uitdaging: Workflow optimaliseren via progressieve webapp-ontwikkeling

Efficiënt personeelsbeheer is de sleutel tot succes in elk bedrijf en de transportindustrie is geen uitzondering. Sinds 2016 levert onze klant transfers van hoge kwaliteit en wordt hij beschouwd als marktleider. Nu er steeds meer chauffeurs worden aangenomen en de bedrijfsprocessen zich aanzienlijk uitbreiden, werd het voor de klant steeds moeilijker om zijn personeel dagelijks te managen.Ze worstelden met het handmatig bijhouden van verschuivingen, beschikbaarheid, roosters, salarisadministratie, trainingseisen en andere essentiële taken op het gebied van personeelsbeheer. Ze waren op zoek naar een bedrijf dat hen kon helpen bij het ontwikkelen van een robuuste oplossing die hun hele workflowproces zou stroomlijnen en een efficiënt beheer van alle medewerkers zou garanderen. Innowise begon aan de taak om een eenvoudige maar effectieve oplossing te ontwikkelen waarmee chauffeurs en hun activiteiten effectief kunnen worden gevolgd.

Oplossing: Vereenvoudiging van het beheer van transportpersoneel via progressieve webapp-ontwikkeling

Innowise heeft een oplossing ontworpen die helpt om het personeelsmanagement op de best mogelijke manier te faciliteren. Om eenvoudig alle benodigde gegevens over de chauffeurs te beheren om hun potentieel te maximaliseren en tijdige transfers uit te voeren, hebben we besloten om een PWA te brengen.

Als echte experts in de ontwikkeling van progressieve webapps kozen onze experts voor deze oplossing omdat deze een snellere implementatie mogelijk maakte, waardoor een snellere time-to-market werd gegarandeerd.

Dit was belangrijk voor de klant omdat ze een beperkt budget hadden en vertragingen wilden voorkomen. Bovendien waardeerden ze het gebruiksvriendelijke karakter van PWA's, omdat ze toegankelijk zijn zonder een app te hoeven downloaden of installeren, en zelfs offline functioneren.

Gebruikersrollen

De ontworpen oplossing impliceert de volgende gebruikersrollen:

Superadmin (de client) - wijst admins toe of verwijdert ze;
Admins (managers toegewezen door de klant) - gebruiken een webapp om gebruikers te beheren, hun activiteiten te controleren en gebeurtenissen aan hen toe te wijzen;
Gebruikers (bestuurders ingehuurd door managers) - gebruiken een PWA om evenementen te kiezen, deel te nemen aan processen, noodzakelijke documenten in te vullen of te uploaden, hun perspectieven te volgen en te evalueren.

Webtoepassing

Admin dashboard is een webapplicatie met een groot aantal tools voor gebruikersbeheer.

Eenmaal geregistreerd in de webapplicatie kunnen beheerders gebruikers via e-mail uitnodigen voor de app en evenementen voor hen aanmaken. Het type evenement dat door de beheerder wordt aangemaakt, bepaalt de documentatie en de soorten onderaanneming.

Wanneer het evenement wordt geaccepteerd, ondertekenen zowel de gebruiker als de beheerder de benodigde documentatie met prijs, tijd en locatie.

PWA

PWA vergemakkelijkt de communicatie tussen de beheerder en de gebruiker, zodat ze effectief kunnen deelnemen aan de workflow.

Zodra een gebruiker een uitnodiging van een beheerder accepteert om deel te nemen aan de applicatie, ontvangt hij een uniek token dat toegang geeft tot een aangepaste registratiepagina. Na een succesvolle registratie in de mobiele PWA vult een gebruiker de persoonlijke gegevens en de informatie over het rijbewijs in en ondertekent de benodigde documenten.

Wanneer alle gegevens verzameld zijn, wordt een gebruiker lid van de chauffeurscommunity waarmee hij pushmeldingen kan krijgen over aankomende evenementen, zijn activiteiten in realtime kan volgen en de documenten kan ondertekenen en uploaden die nodig zijn om transfers uit te voeren.

Back-end

NoSQL database is geïmplementeerd om ervoor te zorgen dat documenten en gebeurtenissen verschillende soorten informatie correct weergeven. Bovendien garandeert het dankzij zijn flexibiliteit en hoge prestaties geen onderbrekingen of downtime in de applicatie.

Offline modus

De mobiele PWA ondersteunt de offline modus, waardoor gebruikers door kunnen gaan met het invullen en ondertekenen van documenten, zelfs als de internetverbinding uitvalt of instabiel is. Zodra de internetverbinding is hersteld, worden de gegevens veilig gesynchroniseerd met de back-end.

Technologieën en hulpmiddelen

Front-end

JavaScript, HTML, SCSS, Vuetify, Vuex, Vue Router, Firebase, PWA, Framework7 Vue

Back-end

Java 8, Spring Boot, Spring Data, Spring Beveiliging, OAuth2, Hibernate, Postgres, MongoDB, Liquibase, JUnit, Mockito, Swagger, Maven

Git

BitBucket

DevOps

BitBucket-pijplijnen, Kubernetes, Helm, Docker

Proces

In onze reis om vooruitstrevende diensten voor ontwikkeling van webappsOnze keuze om een mobiele Progressive Web App (PWA) te ontwikkelen kwam voort uit een strategische beslissing waarin de voordelen ten opzichte van native apps, zoals kosteneffectiviteit en compatibiliteit met verschillende besturingssystemen, werden overwogen. Deze beslissing weerspiegelde onze toewijding aan het leveren van een allesomvattende oplossing op maat van de specifieke behoeften van de transportsector, met de nadruk op veiligheid, gebruikerservaring en onderhoudbaarheid.

Ons ontwikkelingstraject begon met een grondig begrip van de unieke uitdagingen van de klant op het gebied van personeelsbeheer, met de nadruk op het stroomlijnen van het bijhouden van chauffeurs, roosters, salarisadministratie en andere belangrijke taken.

Bij het selecteren van onze technologie hebben we gebruik gemaakt van JavaScriptHTML en SCSS voor het bouwen van een veelzijdige en compatibele gebruikersinterface. We hebben gebruik gemaakt van Vue.jssamen met Vuetify, Vuex en Vue Router om de gebruikerservaring te verbeteren en datastaten effectief te beheren. Firebase integratie zorgde voor real-time datasynchronisatie en naadloze interactie. Om offline toegankelijkheid, snel laden en cross-platform compatibiliteit te garanderen, ontwikkelden we een PWA. Bovendien gebruikten we Framework7 Vue om de mobiele interface te verbeteren, waardoor een intuïtieve gebruikerservaring werd gegarandeerd.

Voor de back-end kozen we Java 8 als basis vanwege de betrouwbaarheid en prestaties. We stroomlijnden de ontwikkeling met behulp van het Spring Boot microservices framework, dat agile iteratie en implementatie vergemakkelijkte. Efficiënte gegevensverwerking en robuuste beveiliging werden gewaarborgd door Spring Data en Spring Security. We implementeerden OAuth2 voor veilige authenticatie en autorisatie, terwijl Hibernate diende als ons ORM-framework voor efficiënt gegevensbeheer. Databases, waaronder Postgres en MongoDB, waren geschikt voor verschillende datatypes. Om databaseschema's naadloos te beheren, gebruikten we Liquibase voor updates en versiebeheer. Rigoureuze unit tests met JUnit en Mockito zorgden voor een onwrikbare betrouwbaarheid. We hebben onze API's uitgebreid gedocumenteerd met Swagger en het projectbeheer gestroomlijnd met Maven.

Voor versiebeheer en DevOpsWe vertrouwden op BitBucket voor Git versiebeheer, BitBucket Pipelines voor continue integratie en implementatie en Kubernetes voor containerorkestratie om schaalbaarheid en fouttolerantie te garanderen. Helm vereenvoudigde het applicatiebeheer, terwijl Docker-containerisatie de inzetflexibiliteit verhoogde.

We bevorderden effectieve communicatie via een agile Scrum-workflow, met dagelijkse teamvergaderingen, tweewekelijkse sprintreviews en maandelijkse retrospectieve vergaderingen. Interacties met klanten werden gefaciliteerd met Google Meet en interne samenwerking werd gestroomlijnd met Slack.

Team

Front-End Ontwikkelaars

Back-End Ontwikkelaar

QA Engineer

Bedrijfsanalist

Resultaten: 43% toename in bedrijfsefficiëntie

Als een ervaren, progressive web app development bedrijf, heeft Innowise's team met succes voldaan aan de eisen van het project en ontwikkelde een effectieve staff management tool om de activiteiten van chauffeurs te monitoren. De oplossing bestaat uit een intuïtief dashboard voor de admins en een gebruiksvriendelijke PWA voor de chauffeurs, waardoor beide transfers van hoge kwaliteit kunnen leveren. Met meer dan 200 chauffeurs en 100 beheerders geregistreerd in de applicatie, heeft de klant een transparant proces en een verhoogde bedrijfsefficiëntie van 43% bereikt.

Duur van het project

3 maanden voor een MVP
Januari 2017 - september 2017

43%

verhoging van de bedrijfsefficiëntie

200

chauffeurs en 100 beheerders gebruiken de app dagelijks voor interne communicatie

Gerelateerde gevallen

Heb je een technologische oplossing nodig? Neem contact met ons op!

Naam

Bedrijf

E-mail

Telefoon

Bericht Voeg projectgegevens alsjeblieft, duur, technische stapel, IT-professionals nodig en andere relevante informatie toe

Neem een spraakbericht over uw
project op om het ons beter te helpen begrijpen

Voeg indien nodig aanvullende documenten bij

Bestand uploaden

Je kunt maximaal 1 bestand van 2MB bijvoegen. Geldige bestanden: pdf, jpg, jpeg, png

Wij wijzen u erop dat wanneer u op de verzendknop klikt, Innowise uw persoonsgegevens verwerkt in overeenstemming met ons Privacybeleid om u van de juiste informatie te voorzien.

Wat gebeurt er nu?

Na ontvangst en verwerking van uw aanvraag, nemen wij binnenkort contact met u op om uw projectbehoeften in detail te beschrijven en een NDA te ondertekenen om de vertrouwelijkheid van informatie te garanderen.

Na het bestuderen van de vereisten, stellen onze analisten en ontwikkelaars een projectvoorstel met de omvang van de werkzaamheden, teamgrootte, tijd en kosten schattingen.

Wij regelen een ontmoeting met u om het aanbod te bespreken en tot een overeenkomst.

We tekenen een contract en beginnen zo snel mogelijk aan uw project te werken.

Progressive web app ontwikkeling: 43% efficiënter personeelsbeheer

Klant

Uitdaging: Workflow optimaliseren via progressieve webapp-ontwikkeling