{"id":1267,"date":"2018-09-12T13:11:24","date_gmt":"2018-09-12T12:11:24","guid":{"rendered":"https:\/\/emberglitch.com\/?p=1267"},"modified":"2023-10-02T13:07:54","modified_gmt":"2023-10-02T12:07:54","slug":"check-in-app","status":"publish","type":"post","link":"https:\/\/emberglitch.com\/check-in-app\/","title":{"rendered":"Check-In app"},"content":{"rendered":"[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

The app solution to make time registration a lot easier<\/h2>\n[\/vc_column_text]
<\/div><\/div>[vc_column_text]\n

Introduction<\/span><\/h3>\n[\/vc_column_text]
<\/div><\/div>[vc_custom_heading text=”We have always had a problem with our hour registration. It was a thing that was often forgotten by everyone that works in our studio.
\nAfter some months we decided to do something about it and the idea to create an app was born.
\n” font_container=”tag:p|text_align:center” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.
\nWithin the application, it is possible to set the attendance per person.
\nWith this function, the team always knows who is going to be in the office on which day.” font_container=”tag:p|text_align:center” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”]
<\/div><\/div>[vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]
<\/div><\/div>[vc_column_text]\n

Workflow:<\/span><\/h3>\n[\/vc_column_text]
<\/div><\/div>[vc_custom_heading text=”We started off by deciding what programs and application would be good and effective to use for the creation of our app.
\nThe only limitation that we had was that all the applications had to be able to work with Google Spreadsheets because there all the data is stored.<\/p>\n

To establish a communication between the mobile check-in app and spreadsheet we used Google’s app script.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”The app is made using the Cordova framework. Within Cordova, we used a system called Vue. The communication between the interface elements within the mobile application is controlled by Vue, and it makes it possible to easily update the interface by using the data in the Spreadsheet. ” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]

\"\"<\/div><\/div>[\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]
\"\"<\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]
<\/div><\/div>[vc_custom_heading text=”First, we started by making the spreadsheet for our hour registration data.
\nThe next step was to think about what the actions would be that the user could do. examples of actions are:
\n\u2013 Checking-in and -out using NFC.
\n\u2013 Keeping track of the length of breaks.
\n\u2013 Employees can edit their attendance each week.
\n\u2013 Weekly overview, employees can view the attendance of all coworkers for the current week.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Next, we designed a nice looking and simple interface for the app, with icons and interface pieces in our own home style.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]
\"\"<\/div><\/div>[\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/3″ column_border_width=”none” column_border_style=”solid”]
<\/div><\/div>[vc_column_text]\n

Testing:<\/span><\/h3>\n[\/vc_column_text]
<\/div><\/div>[vc_custom_heading text=”Throughout the whole development of this app, we created 4 different builds for testing purpose. Every build was tested in-house by our team. Testers had an opportunity to give feedback on our product and be part of the development.
\nAfter the testing period, we added some missing functions to the app like the attendance and weekly overview.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”]
<\/div><\/div>[vc_column_text]\n

Future plans:<\/h3>\n[\/vc_column_text]
<\/div><\/div>[vc_custom_heading text=”In our studio, we use this app every day. It made the tedious task of keeping track of our hours a lot easier.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”We will be adding some small new features and improvements to the app.
\nWe also want to cooperate with other companies and implement our app in their planning and hour tracking.
\n” font_container=”tag:p|text_align:left” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

Conclusion:<\/span><\/h3>\n[\/vc_column_text]
<\/div><\/div>[vc_custom_heading text=”Every company in the Netherlands is required to keep track of working hours. We found out this can be a tedious task which often gets forgotten.
\nAt that time we had two options to choose from. Either we could get an online check-in solution, or we could just make it ourselves.
\nAmbitious as our team is we choose to create an hour registration app.
\n” font_container=”tag:p|text_align:center” google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:300%20light%20regular%3A300%3Anormal”][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” width=”1\/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text] The app solution to make time registration a lot easier [\/vc_column_text][vc_column_text]…<\/p>\n","protected":false},"author":1,"featured_media":1742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[13,16,14,15],"yoast_head":"\nCheck-In app | Ember Glitch<\/title>\n<meta name=\"description\" content=\"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/emberglitch.com\/check-in-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Check-In app | Ember Glitch\" \/>\n<meta property=\"og:description\" content=\"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/emberglitch.com\/check-in-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Ember Glitch\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EmberGlitch\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-12T12:11:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-02T12:07:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/emberglitch.com\/wp-content\/uploads\/Check-In-app.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"347\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ember Glitch\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmberGlitch\" \/>\n<meta name=\"twitter:site\" content=\"@EmberGlitch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ember Glitch\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/\"},\"author\":{\"name\":\"Ember Glitch\",\"@id\":\"https:\/\/emberglitch.com\/#\/schema\/person\/bee6168abf28e140ab785c19e546ca3b\"},\"headline\":\"Check-In app\",\"datePublished\":\"2018-09-12T12:11:24+00:00\",\"dateModified\":\"2023-10-02T12:07:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/\"},\"wordCount\":1323,\"publisher\":{\"@id\":\"https:\/\/emberglitch.com\/#organization\"},\"keywords\":[\"app\",\"check-in app\",\"programming\",\"registration\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/\",\"url\":\"https:\/\/emberglitch.com\/check-in-app\/\",\"name\":\"Check-In app | Ember Glitch\",\"isPartOf\":{\"@id\":\"https:\/\/emberglitch.com\/#website\"},\"datePublished\":\"2018-09-12T12:11:24+00:00\",\"dateModified\":\"2023-10-02T12:07:54+00:00\",\"description\":\"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.\",\"breadcrumb\":{\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/emberglitch.com\/check-in-app\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/emberglitch.com\/check-in-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/emberglitch.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Check-In app\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/emberglitch.com\/#website\",\"url\":\"https:\/\/emberglitch.com\/\",\"name\":\"Ember Glitch\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/emberglitch.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/emberglitch.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/emberglitch.com\/#organization\",\"name\":\"Ember Glitch\",\"url\":\"https:\/\/emberglitch.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/emberglitch.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/emberglitch.com\/wp-content\/uploads\/EG_logo_02.png\",\"contentUrl\":\"https:\/\/emberglitch.com\/wp-content\/uploads\/EG_logo_02.png\",\"width\":500,\"height\":500,\"caption\":\"Ember Glitch\"},\"image\":{\"@id\":\"https:\/\/emberglitch.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/EmberGlitch\/\",\"https:\/\/twitter.com\/EmberGlitch\",\"https:\/\/www.instagram.com\/emberglitch\/\",\"https:\/\/www.linkedin.com\/company\/ember-glitch\",\"https:\/\/www.youtube.com\/channel\/UC971wG0mMr1YxeQRWiQMlLw\/videos\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/emberglitch.com\/#\/schema\/person\/bee6168abf28e140ab785c19e546ca3b\",\"name\":\"Ember Glitch\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/emberglitch.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f64cfb59e7d1f2aa4d9d73877324da34?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f64cfb59e7d1f2aa4d9d73877324da34?s=96&d=mm&r=g\",\"caption\":\"Ember Glitch\"},\"url\":\"https:\/\/emberglitch.com\/author\/emberglitch\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Check-In app | Ember Glitch","description":"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/emberglitch.com\/check-in-app\/","og_locale":"en_US","og_type":"article","og_title":"Check-In app | Ember Glitch","og_description":"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.","og_url":"https:\/\/emberglitch.com\/check-in-app\/","og_site_name":"Ember Glitch","article_publisher":"https:\/\/www.facebook.com\/EmberGlitch\/","article_published_time":"2018-09-12T12:11:24+00:00","article_modified_time":"2023-10-02T12:07:54+00:00","og_image":[{"width":1000,"height":347,"url":"https:\/\/emberglitch.com\/wp-content\/uploads\/Check-In-app.jpg","type":"image\/jpeg"}],"author":"Ember Glitch","twitter_card":"summary_large_image","twitter_creator":"@EmberGlitch","twitter_site":"@EmberGlitch","twitter_misc":{"Written by":"Ember Glitch","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/emberglitch.com\/check-in-app\/#article","isPartOf":{"@id":"https:\/\/emberglitch.com\/check-in-app\/"},"author":{"name":"Ember Glitch","@id":"https:\/\/emberglitch.com\/#\/schema\/person\/bee6168abf28e140ab785c19e546ca3b"},"headline":"Check-In app","datePublished":"2018-09-12T12:11:24+00:00","dateModified":"2023-10-02T12:07:54+00:00","mainEntityOfPage":{"@id":"https:\/\/emberglitch.com\/check-in-app\/"},"wordCount":1323,"publisher":{"@id":"https:\/\/emberglitch.com\/#organization"},"keywords":["app","check-in app","programming","registration"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/emberglitch.com\/check-in-app\/","url":"https:\/\/emberglitch.com\/check-in-app\/","name":"Check-In app | Ember Glitch","isPartOf":{"@id":"https:\/\/emberglitch.com\/#website"},"datePublished":"2018-09-12T12:11:24+00:00","dateModified":"2023-10-02T12:07:54+00:00","description":"The check-in app is an application that helps us with the registration of working hours in our studio. By scanning an NFC sticker with a smartphone in the office personnel can check-in, check-out and note their break time.","breadcrumb":{"@id":"https:\/\/emberglitch.com\/check-in-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/emberglitch.com\/check-in-app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/emberglitch.com\/check-in-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/emberglitch.com\/"},{"@type":"ListItem","position":2,"name":"Check-In app"}]},{"@type":"WebSite","@id":"https:\/\/emberglitch.com\/#website","url":"https:\/\/emberglitch.com\/","name":"Ember Glitch","description":"","publisher":{"@id":"https:\/\/emberglitch.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/emberglitch.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/emberglitch.com\/#organization","name":"Ember Glitch","url":"https:\/\/emberglitch.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/emberglitch.com\/#\/schema\/logo\/image\/","url":"https:\/\/emberglitch.com\/wp-content\/uploads\/EG_logo_02.png","contentUrl":"https:\/\/emberglitch.com\/wp-content\/uploads\/EG_logo_02.png","width":500,"height":500,"caption":"Ember Glitch"},"image":{"@id":"https:\/\/emberglitch.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EmberGlitch\/","https:\/\/twitter.com\/EmberGlitch","https:\/\/www.instagram.com\/emberglitch\/","https:\/\/www.linkedin.com\/company\/ember-glitch","https:\/\/www.youtube.com\/channel\/UC971wG0mMr1YxeQRWiQMlLw\/videos"]},{"@type":"Person","@id":"https:\/\/emberglitch.com\/#\/schema\/person\/bee6168abf28e140ab785c19e546ca3b","name":"Ember Glitch","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/emberglitch.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f64cfb59e7d1f2aa4d9d73877324da34?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f64cfb59e7d1f2aa4d9d73877324da34?s=96&d=mm&r=g","caption":"Ember Glitch"},"url":"https:\/\/emberglitch.com\/author\/emberglitch\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/posts\/1267"}],"collection":[{"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/comments?post=1267"}],"version-history":[{"count":42,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/posts\/1267\/revisions"}],"predecessor-version":[{"id":1748,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/posts\/1267\/revisions\/1748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/media\/1742"}],"wp:attachment":[{"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/media?parent=1267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/categories?post=1267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emberglitch.com\/wp-json\/wp\/v2\/tags?post=1267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}