[{"data":1,"prerenderedAt":294},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-drop-and-fly-i18n-slugs":132,"language-cases-slug-nl-drop-and-fly":138},{"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","drop-and-fly",{"locale":137,"value":135},"nl",{"page":139,"cases":214},{"title":140,"slug":135,"i18nSlugs":141,"social":144,"heroIllustration":147,"caseTeaser":152,"content":155,"metaData":186,"quote":176,"author":176,"pivots":201},"Drop & Fly",[142,143],{"locale":134,"value":135},{"locale":137,"value":135},{"title":145,"description":146,"image":104},"User interface bagage drop-off | Web App door De Voorhoede","Check zelf je bagage in met een web UI, gekoppeld aan boardingpas- & paspoortscanner, lopende band, weegschaal en betaalterminal.",{"url":148,"alt":149,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1622105838-drop-fly-case-preview.png","Check-in gebruik makende van Drop & Fly",665,470,{"title":153,"image":154},"Self-service bagage drop met een web UI",{"url":148,"alt":149,"width":150,"height":151},[156,161,165,174,178],{"__typename":157,"id":158,"title":159,"body":160},"TextSectionRecord","406194","De uitdaging: een UI voor een embedded system","\u003Cp>Het inchecken van bagage op een vliegveld zou een goed begin van je vakantie moeten zijn. Dat is het uitgangspunt van Sita's \u003Cstrong>Drop & Fly\u003C\u002Fstrong> service. Drop & Fly stelt passagiers in staat zelf hun bagage in te checken. In minder dan een minuut, met state-of-the-art technieken. Het proces start als gedetecteerd wordt dat een passagier in de buurt staat. De passagier kan vervolgens een boardingpas scannen, een paspoort scannen om zich te identificeren en betalen voor extra bagage via de betaalterminal. Die gasten bij Sita zijn beregoed met sensoren, scanners, lasers en hardware. Maar een moderne gebruiksvriendelijke interface hoort daar natuurlijk ook bij. Samen met de designers van Hike One gingen we de uitdaging aan om die interface te ontwikkelen.\u003C\u002Fp>",{"__typename":157,"id":162,"title":163,"body":164},"406195","De oplossing: een full screen web app","\u003Cp>Als front-end developer moet je vaak concessies doen. Maar niet op de Drop & Fly unit van Sita. Het touch screen is altijd even groot, requests zijn lokaal en de browser support is Chrome. Hierdoor konden we gebruik maken van de nieuwste front-end technieken, zoals geanimeerde SVG illustraties, pagina transities, flexbox voor layout, en websockets voor real-time client-server communicatie. Wat wil een front-end developer nog meer?\u003C\u002Fp>",{"__typename":166,"id":167,"image":168,"caption":170,"captionPosition":173},"ImageRecord","406200",{"url":169,"alt":170,"width":171,"height":172},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1535369589-screen-shot-2018-08-27-at-13-32-06.png","De Drop & Fly unit met een full screen web app",1437,510,"bottom",{"__typename":157,"id":175,"title":176,"body":177},"406201","","\u003Cp>Omdat de Drop & Fly units overal ter wereld geplaatst worden moet de interface zich kunnen aanpassen aan het specifieke vliegveld. Daarom zijn styling, teksten en beschikbare talen volledig aanpasbaar gemaakt. Het aanpassen of toevoegen van een airport theme, taalselectie of tekst is een kwestie van simpele configuratie.\u003C\u002Fp>\n\u003Cp>Zo is de front-end te configureren naar de specifieke wensen van de huidige en toekomstige klanten van Sita. Daar kunnen ze nog jaren mee vooruit!\u003C\u002Fp>",{"__typename":166,"id":179,"image":180,"caption":185,"captionPosition":173},"406197",{"url":181,"alt":182,"width":183,"height":184},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1538569317-drop-fly-launch.jpg","Persmoment voor de livegang van Drop & Fly op Incheon Airport Korea",1198,516,"De livegang van Drop & Fly op Incheon Airport Korea",{"expertisesTitle":187,"expertises":188,"deliverableTitle":191,"deliverables":192,"technologiesTitle":195,"technologies":196,"interestedTitle":176,"interestedLinkUrl":176,"interestedLinkLabel":176},"Expertises",[189],{"title":190},"Development","Deliverables",[193],{"title":194},"Web app","Platforms",[197,199],{"title":198},"NodeJS",{"title":200},"Web sockets",[202],{"title":203,"body":176,"links":204,"mailchimpValue":176,"mailchimpName":176,"mailchimpId":176,"formType":205,"contactPerson":206},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":207,"lastName":208,"jobTitle":209,"image":210},"Flip","van Eijndhoven","Business Director",{"url":211,"alt":104,"width":212,"height":213},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[215,218,221,224,227,230,231,234,237,240,243,246,249,252,255,258,261,264,267,270,273,276,279,282,285,288,291],{"slug":216,"title":217},"quantum-inspire","Quantum Inspire",{"slug":219,"title":220},"life-terra","Life Terra",{"slug":222,"title":223},"geldmaat","Geldmaat",{"slug":225,"title":226},"pathe-thuis","Pathé Thuis",{"slug":228,"title":229},"viriciti","ViriCiti",{"slug":135,"title":140},{"slug":232,"title":233},"15-apps-voor-wateronderzoek-bij-deltares","15 Apps voor wateronderzoek bij Deltares",{"slug":235,"title":236},"het-nieuwe-funda","Het nieuwe Funda",{"slug":238,"title":239},"bouwen-is-macht","Bouwen is Macht",{"slug":241,"title":242},"world-water-atlas","World Water Atlas",{"slug":244,"title":245},"pick-up-10","Pick Up 10",{"slug":247,"title":248},"hike-one","Hike One",{"slug":250,"title":251},"dlr-inspectie-app","DLR Inspectie app",{"slug":253,"title":254},"tradus","Tradus",{"slug":256,"title":257},"trouw","Trouw, Volkskrant en Parool",{"slug":259,"title":260},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":262,"title":263},"npo-dashboard","NPO Dashboard",{"slug":265,"title":266},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":268,"title":269},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":271,"title":272},"2dehands-be","2dehands.be",{"slug":274,"title":275},"swipe-and-shop","Swipe & Shop",{"slug":277,"title":278},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":280,"title":281},"giftforyou","GiftForYou",{"slug":283,"title":284},"commtrac","Commtrac",{"slug":286,"title":287},"stamp-postnl-design-system","PostNL",{"slug":289,"title":290},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":292,"title":293},"privacy-by-design-in-je-bol","In je bol",1776256162857]