[{"data":1,"prerenderedAt":304},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-dlr-inspectie-app-i18n-slugs":132,"language-cases-slug-nl-dlr-inspectie-app":139},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png",null,404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133,136],{"locale":134,"value":135},"en","dlr-inspection-app",{"locale":137,"value":138},"nl","dlr-inspectie-app",{"page":140,"cases":224},{"title":141,"slug":138,"i18nSlugs":142,"social":145,"heroIllustration":148,"caseTeaser":153,"content":160,"metaData":183,"quote":181,"author":181,"pivots":200},"DLR Inspectie app",[143,144],{"locale":134,"value":135},{"locale":137,"value":138},{"title":146,"description":147,"image":104},"DLR Inspectie app | De Voorhoede","Online in een liftschacht",{"url":149,"alt":150,"width":151,"height":152},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1566477314-dlr.svg","DLR Inspection app",720,310,{"title":154,"image":155},"Inspecties uitvoeren zonder internet",{"url":156,"alt":157,"width":158,"height":159},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1514917514-dlr-inspection-app.jpg","Inspection app for elevator inspectors.",1600,499,[161,166,170,179],{"__typename":162,"id":163,"title":164,"body":165},"TextSectionRecord","401350","De uitdaging: inspecties uitvoeren zonder internet","\u003Cp>DLR inspecteert en adviseert in liften, roltrappen en andere transportinstallaties. Vóór ons project werden inspecties ingevoerd via een native Android-app op een Samsung tablet. Door de wijze waarop de app was ontwikkeld, duurde het genereren van inspectieformulieren even. Ook het synchroniseren met de server leek onbetrouwbaar en duurde soms erg lang.\u003C\u002Fp>\n\u003Cp>Wij wilden deze problemen oplossen met een website. Websites leven, zou je denken, per definitie online. Maar op DLR’s inspectielocaties is vaak geen, of slecht internet. Hoe zorgen we dat offline zijn geen belemmering is om het werk goed te kunnen uitvoeren?\u003C\u002Fp>",{"__typename":162,"id":167,"title":168,"body":169},"401351","De oplossing: een progressive web app met background sync","\u003Cp>Omdat we al ervaring hadden met het ontwikkelen van offline first webapplicaties was de keuze voor een Progressive Web App (PWA) snel gemaakt. Met een PWA kun je technologie gebruiken die voorheen alleen voor gewone apps beschikbaar was. Het voordeel is dat je PWA niet in een app store moet worden gekocht, maar gewoon als website kan worden geopend en onderhouden.\u003C\u002Fp>\n\u003Cp>Om de web-app een herkenbaar en app-y uiterlijk te geven kozen we voor React in combinatie met een Material Design bibliotheek. Material Design is een animatie- en interactieframework ontwikkeld door Google: hetzelfde dat al op de tablets van de inspecteurs voor het besturingssysteem en andere apps wordt gebruikt.\u003C\u002Fp>",{"__typename":171,"id":172,"image":173,"caption":175,"captionPosition":178},"ImageRecord","176452701",{"url":174,"alt":175,"width":176,"height":177},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1537967377-1514901771-dlr-inspection-overview.png","DLR Connect overzicht met een uitgeklapte weergave van de inspecties die voor woensdag zijn gepland",1205,802,"right",{"__typename":162,"id":180,"title":181,"body":182},"401353","","\u003Cp>Een inspecteur kan na het inloggen alle geplande inspecties per week in één keer downloaden. De inspecties worden door de PWA opgeslagen zodat er daarna geen verbinding met internet meer nodig is. Afgeronde inspecties worden op de achtergrond automatisch verstuurd, zo gauw er een internetverbinding is gedetecteerd. De inspecteur kan zich volledig richten op zijn werk en hoeft zich nooit meer zorgen te maken over de kwaliteit van het netwerk.\u003C\u002Fp>",{"expertisesTitle":184,"expertises":185,"deliverableTitle":188,"deliverables":189,"technologiesTitle":192,"technologies":193,"interestedTitle":181,"interestedLinkUrl":181,"interestedLinkLabel":181},"Expertises",[186],{"title":187},"Development","Deliverable",[190],{"title":191},"Progressive web app","Platforms",[194,196,198],{"title":195},"React",{"title":197},"NodeJS",{"title":199},"Service workers",[201,213],{"title":202,"body":181,"links":203,"mailchimpValue":181,"mailchimpName":181,"mailchimpId":181,"formType":204,"contactPerson":205},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":206,"lastName":207,"jobTitle":208,"image":209},"Nena","de Clercq","Operations Director",{"url":210,"alt":104,"width":211,"height":212},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":214,"body":181,"links":215,"mailchimpValue":181,"mailchimpName":181,"mailchimpId":181,"formType":216,"contactPerson":217},"Meld je aan voor onze nieuwsbrief",[],"newsletter",{"name":218,"lastName":181,"jobTitle":219,"image":220},"Vera","Marketeer",{"url":221,"alt":104,"width":222,"height":223},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[225,228,231,234,237,240,243,246,249,252,255,258,261,262,265,268,271,274,277,280,283,286,289,292,295,298,301],{"slug":226,"title":227},"quantum-inspire","Quantum Inspire",{"slug":229,"title":230},"life-terra","Life Terra",{"slug":232,"title":233},"geldmaat","Geldmaat",{"slug":235,"title":236},"pathe-thuis","Pathé Thuis",{"slug":238,"title":239},"viriciti","ViriCiti",{"slug":241,"title":242},"drop-and-fly","Drop & Fly",{"slug":244,"title":245},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":247,"title":248},"het-nieuwe-funda","Het nieuwe Funda",{"slug":250,"title":251},"bouwen-is-macht","Bouwen is Macht",{"slug":253,"title":254},"world-water-atlas","World Water Atlas",{"slug":256,"title":257},"pick-up-10","Pick Up 10",{"slug":259,"title":260},"hike-one","Hike One",{"slug":138,"title":141},{"slug":263,"title":264},"tradus","Tradus",{"slug":266,"title":267},"trouw","Trouw, Volkskrant en Parool",{"slug":269,"title":270},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":272,"title":273},"npo-dashboard","NPO Dashboard",{"slug":275,"title":276},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":278,"title":279},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":281,"title":282},"2dehands-be","2dehands.be",{"slug":284,"title":285},"swipe-and-shop","Swipe & Shop",{"slug":287,"title":288},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":290,"title":291},"giftforyou","GiftForYou",{"slug":293,"title":294},"commtrac","Commtrac",{"slug":296,"title":297},"stamp-postnl-design-system","PostNL",{"slug":299,"title":300},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":302,"title":303},"privacy-by-design-in-je-bol","In je bol",1776256165539]