{"id":262,"date":"2013-08-09T13:18:18","date_gmt":"2013-08-09T13:18:18","guid":{"rendered":"https:\/\/copyright.lboro.ac.uk\/projects\/?p=262"},"modified":"2014-09-09T11:40:21","modified_gmt":"2014-09-09T10:40:21","slug":"new-frontend-for-booking-system","status":"publish","type":"post","link":"https:\/\/blog.lboro.ac.uk\/middleware\/blog\/web-user-booking-system\/new-frontend-for-booking-system","title":{"rendered":"New frontend for Booking System"},"content":{"rendered":"<p>One of the summer tasks we have been dealing with has been to bring the frontend of our Web User Booking System (WUBS) up to date. \u00a0The original user interface dates back to when it was first developed (2005) and, while still more than adequate for the task, was starting to show it&#8217;s age.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-264 size-medium\" src=\"https:\/\/blog.lboro.ac.uk\/middleware\/wp-content\/uploads\/sites\/2\/2013\/08\/bookings-300x139.png\" alt=\"Sample booking screen\" width=\"300\" height=\"139\" srcset=\"https:\/\/blog.lboro.ac.uk\/middleware\/wp-content\/uploads\/sites\/2\/2013\/08\/bookings-300x139.png 300w, https:\/\/blog.lboro.ac.uk\/middleware\/wp-content\/uploads\/sites\/2\/2013\/08\/bookings-1024x474.png 1024w, https:\/\/blog.lboro.ac.uk\/middleware\/wp-content\/uploads\/sites\/2\/2013\/08\/bookings-900x417.png 900w, https:\/\/blog.lboro.ac.uk\/middleware\/wp-content\/uploads\/sites\/2\/2013\/08\/bookings.png 1065w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>After a short discussion in the team it was decided to follow a similar method to that which had been used for <a href=\"https:\/\/blog.lboro.ac.uk\/lorls\">LORLS<\/a>, specifically separating the front and back ends via a set of APIs. \u00a0The majority of the development effort was spent on the frontend as the core work on the APIs had already taken place to enable our <a href=\"http:\/\/www.lboro.ac.uk\/services\/library\/about\/projects\/mobile\/\">mobile webApp<\/a>\u00a0to review, make and cancel bookings.<\/p>\n<p>The key technologies behind the new frontend are HTML5 and <a href=\"http:\/\/jquery.com\/\">JQuery<\/a>. \u00a0Additional JQuery plugins used are <a href=\"http:\/\/robdel12.github.io\/DropKick\/\">DropKick<\/a>, to provide the nice looking drop down lists,\u00a0and <a href=\"http:\/\/jqueryui.com\/datepicker\/\">Datepicker<\/a>, for selecting dates from a calendar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the summer tasks we have been dealing with has been to bring the frontend of our Web User Booking System (WUBS) up to date. \u00a0The original user interface dates back to when it was first developed (2005) and, &hellip; <a href=\"https:\/\/blog.lboro.ac.uk\/middleware\/blog\/web-user-booking-system\/new-frontend-for-booking-system\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[8],"tags":[11,17,19],"class_list":["post-262","post","type-post","status-publish","format-standard","hentry","category-web-user-booking-system","tag-api","tag-frontend","tag-jquery"],"_links":{"self":[{"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/posts\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":1,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/posts\/262\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/posts\/262\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/categories?post=262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/middleware\/wp-json\/wp\/v2\/tags?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}