[{"data":1,"prerenderedAt":306},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-dlr-inspection-app-i18n-slugs":134,"language-cases-slug-en-dlr-inspection-app":141},{"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},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__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},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"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","B Corp logo",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":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",[135,138],{"locale":136,"value":137},"en","dlr-inspection-app",{"locale":139,"value":140},"nl","dlr-inspectie-app",{"page":142,"cases":226},{"title":143,"slug":137,"i18nSlugs":144,"social":147,"heroIllustration":151,"caseTeaser":155,"content":162,"metaData":185,"quote":183,"author":183,"pivots":202},"DLR Inspection app",[145,146],{"locale":136,"value":137},{"locale":139,"value":140},{"title":148,"description":149,"image":150},"DLR Inspection app | De Voorhoede","Online in a lift shaft",null,{"url":152,"alt":143,"width":153,"height":154},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1566477314-dlr.svg",720,310,{"title":156,"image":157},"Do inspections without internet",{"url":158,"alt":159,"width":160,"height":161},"https:\u002F\u002Fwww.datocms-assets.com\u002F2850\u002F1514917514-dlr-inspection-app.jpg","Inspection app for elevator inspectors.",1600,499,[163,168,172,181],{"__typename":164,"id":165,"title":166,"body":167},"TextSectionRecord","401339","The challenge: do inspections without internet","\u003Cp>DLR carries out inspections and provides consultancy for lifts, escalators and other transport installations. Before our project, inspections were recorded with a native Android-app on a Samsung tablet. Because of the way the app was designed, it took a while to generate inspection forms. Aside, synchronising data with the server seemed unreliable and could take some time.\u003C\u002Fp>\n\u003Cp>We set out to solve these problems with a website. Websites, you’d think, are online by default. But the internet connection on DLRs inspection locations is often flaky or missing altogether. How could we ensure that being offline is not an obstruction to do a proper job?\u003C\u002Fp>",{"__typename":164,"id":169,"title":170,"body":171},"401340","The solution: a progressive web app with background sync","\u003Cp>As we were experienced with developing offline first web applications, the choice for a Progressive Web App (PWA) was made easily. A PWA makes it possible to use technology that was previously only available to native apps. The major advantage is that a PWA needn’t be bought in an app store, but can simply be visited and maintained as a website.\u003C\u002Fp>\n\u003Cp>To establish a recognisable and app-like appearance, we chose to use React combined with a Material Design framework. Material Design is an interaction and animation framework by Google: the same that is already used on the inspectors’ tablets for its operating system and other apps.\u003C\u002Fp>",{"__typename":173,"id":174,"image":175,"caption":177,"captionPosition":180},"ImageRecord","176452700",{"url":176,"alt":177,"width":178,"height":179},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1537967377-1514901771-dlr-inspection-overview.png","DLR Connect overview with an expanded view of Wednesday’s planned inspections",1205,802,"right",{"__typename":164,"id":182,"title":183,"body":184},"401342","","\u003Cp>An inspector can download all planned inspections for the coming week at once after logging in. The inspections will be stored in the PWA, so that an internet connection is no longer needed. Completed inspections will be sent automatically in the background as soon as an internet connection is detected. The inspector can fully focus on their work, and never worry about the quality of the network again.\u003C\u002Fp>",{"expertisesTitle":186,"expertises":187,"deliverableTitle":190,"deliverables":191,"technologiesTitle":194,"technologies":195,"interestedTitle":183,"interestedLinkUrl":183,"interestedLinkLabel":183},"Expertises",[188],{"title":189},"Development","Deliverable",[192],{"title":193},"Progressive web app","Technologies",[196,198,200],{"title":197},"React",{"title":199},"NodeJS",{"title":201},"Service workers",[203,215],{"title":204,"body":183,"links":205,"mailchimpValue":183,"mailchimpName":183,"mailchimpId":183,"formType":206,"contactPerson":207},"Let's discuss what we can do",[],"contact",{"name":208,"lastName":209,"jobTitle":210,"image":211},"Nena","de Clercq","Operations Director",{"url":212,"alt":150,"width":213,"height":214},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535373-nena.jpg",2174,2898,{"title":216,"body":183,"links":217,"mailchimpValue":183,"mailchimpName":183,"mailchimpId":183,"formType":218,"contactPerson":219},"Subscribe to our newsletter",[],"newsletter",{"name":220,"lastName":183,"jobTitle":221,"image":222},"Vera","Marketer",{"url":223,"alt":150,"width":224,"height":225},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,[227,230,233,236,239,242,245,248,251,254,257,260,263,264,267,270,273,276,279,282,285,288,291,294,297,300,303],{"slug":228,"title":229},"quantum-inspire","Quantum Inspire",{"slug":231,"title":232},"life-terra","Life Terra",{"slug":234,"title":235},"geldmaat","Geldmaat",{"slug":237,"title":238},"pathe-thuis","Pathé Thuis",{"slug":240,"title":241},"viriciti","ViriCiti",{"slug":243,"title":244},"drop-and-fly","Drop & Fly",{"slug":246,"title":247},"15-apps-for-water-research-at-deltares","15 Apps for water research at Deltares",{"slug":249,"title":250},"a-brand-new-funda","A brand new Funda",{"slug":252,"title":253},"bouwen-is-macht","Bouwen is Macht",{"slug":255,"title":256},"world-water-atlas","World Water Atlas",{"slug":258,"title":259},"pick-up-10","Pick Up 10",{"slug":261,"title":262},"hike-one","Hike One",{"slug":137,"title":143},{"slug":265,"title":266},"tradus","Tradus",{"slug":268,"title":269},"trouw","Trouw, Volkskrant and Parool",{"slug":271,"title":272},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":274,"title":275},"npo-dashboard","NPO Dashboard",{"slug":277,"title":278},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":280,"title":281},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":283,"title":284},"2dehands-be","2dehands.be",{"slug":286,"title":287},"swipe-and-shop","Swipe & Shop",{"slug":289,"title":290},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":292,"title":293},"giftforyou","GiftForYou",{"slug":295,"title":296},"commtrac","Commtrac",{"slug":298,"title":299},"stamp-postnl-design-system","PostNL",{"slug":301,"title":302},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":304,"title":305},"privacy-by-design-in-je-bol","In je bol",1776256156633]