Abstract
The traceability systems of agricultural and food products have been developed for a few years. Due to the fact that building construction projects are typically more complex and have long project durations, the builders are less willing to engage in the development of building traceability systems for construction projects. Starting from 2016, the Kaohsiung city government took the first step to develop and promote a building construction traceability system for building construction quality assurance in Taiwan. In the future, builders are required to input the construction inspection records into the system during the building construction process. However, this system is designed in such a way that records are input from personal computers. This creates more job load for site engineers because they need to first keep the records on paper in the field and then input the data into the system using the computer in the office. In light of this, this research would like to design a more user-friendly interface so that it’s easier for the engineer to directly input the inspection data using their hand-held devices on site. To achieve this, Responsive Web Design and Bootstrap framework are adopted to develop the new interface. Also, feedbacks and suggestions from current users are collected and incorporated into the new design.
Similar content being viewed by others
References
Almeida F, Monteiro J (2017) Approaches and principles for UX web experiences: a case study approach. Int J Info Technol Web Eng 12:49–65. https://doi.org/10.4018/IJITWE.2017040103
Bootstrap 4 Class Reference (2018) w3schools.com. https://www.w3schools.com/bootstrap4/bootstrap_ref_all_classes.asp. Accessed 2 July 2018
Bootstrap 4 Official website (2018) http://getbootstrap.com. Accessed 25 June 2018
Bootstrap 4.1.1 releases (2018) The Bootstrap official blog. http://blog.getbootstrap.com/2018/04/30/bootstrap-4-1-1/. Accessed 25 June 2018
Cascading Style Sheets Standard Boasts Unprecedented Interoperability (2011) W3C For immediate release. https://www.w3.org/2011/05/css-pr.html.en. Accessed 25 June 2018
Cheng HF (2016) Demand analysis of building production records and professional inspection before house-buying from consumers’ viewpoint. Dissertation, National Kaohsiung University of Applied Sciences, Taiwan
Faghih B, Azadehfar M, Katebi S (2014) User interface design for E-learning software. Int J Soft Comput Softw Eng 3(3):786–794. https://doi.org/10.7321/jscse.v3.n3.119
HTML forms (1999–2018) w3schools.com website. https://www.w3schools.com/html/html_forms.asp. Accessed 25 June 2018
HTML5 is a W3C recommendation. W3C News (2014) World Wide Web Consortium (W3C) International Community. https://www.w3.org/blog/news/archives/4167. Accessed 25 June 2018
Hu Z (2005) The specific practices plan after a survey of implementation strategy of Japan’s safe agriculture. Officials conduct a survey abroad report web, Taiwan. https://report.nat.gov.tw/ReportFront/ReportDetail/detail?sysId=C09402279. Accessed 2 July 2018
Hu CH (2017) Probing the cognition and acceptance on building traceability portfolio of construction for consumers: a case study on employees of the Tainan science park. Dissertation, Kun Shan University, Taiwan
Huang CH, Wang YR, Chen IH, Tian JR (2017) The development of Kaohsiung City Government building construction traceability system. J Prop Manag 8:45–53
Koch PP (2014) Meta viewport. The QuirksMode blog. https://www.quirksmode.org/mobile/metaviewport/. Accessed 25 June 2018
Lai GW (2014) The case study of Jiang-Cheng Construction Corp.: change the view of the architecture. Dissertation, Kun Shan University, Taiwan
Lestari DM, Hardianto D, Hidayanto AN (2014) Analysis of user experience quality on responsive web design from its informative perspective. Int J Softw Eng Appl 8(5):53–62. https://doi.org/10.14257/ijseia.2014.8.5.06
Mutua F, Kihara A, Rogena J, Ngwili N, Aboge G, Wabacha J, Bett B (2018) Piloting a livestock identification and traceability system in the northern Tanzania–Narok–Nairobi trade route. Trop Anim Health Prod 50(2):299–308. https://doi.org/10.1007/s11250-017-1431-4
Nielsen J (1994) Usability inspection methods. Conference Companion CHI’94. Boston Massachusetts, USA. 24–28 April
Parreño-Marchante A, Melcón A, Trebar M, Filippin P (2014) Advanced traceability system in aquaculture supply chain. J Food Eng 122:99–109. https://doi.org/10.1016/j.jfoodeng.2013.09.007
Shahzad F (2017) Modern and responsive mobile-enabled web applications. Procedia Comp Sci 110:410–415. https://doi.org/10.1016/j.procs.2017.06.105
User Interface (2018) Wikipedia. https://en.wikipedia.org/wiki/User_interface. Accessed 25 June 2018
Walsh TA, Kapfhammer GM, McMinn P (2017) Automated layout failure detection for responsive web pages without an explicit oracle. In: Proceedings of the 26th ACM SIGSOFT international symposium on software testing and analysis, 10–14 July 2017, Santa Barbara, CA, USA. https://doi.org/10.1145/3092703.3092712
Xinting Y, Jianping Q, Chuanheng Q, Zengtao J (2014) Key technologies for establishment agricultural products and food quality safety traceability systems. Trans Chinese Soc Agric Mach 45(11):212–222. https://doi.org/10.6041/j.issn.1000-1298.2014.11.033
Zhang P, Small RV, von Dran GM, Barcellos S (1999) Websites that satisfy users: a theoretical framework for web user interface design and evaluation. IEEE Xplore. https://doi.org/10.1109/HICSS.1999.772668. Accessed 23 Mar 2017
Author information
Authors and Affiliations
Corresponding author
Additional information
Publisher's Note
Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.
Rights and permissions
About this article
Cite this article
Lee, M., Wang, YR. & Huang, CF. Design and development of a friendly user interface for building construction traceability system. Microsyst Technol 27, 1773–1785 (2021). https://doi.org/10.1007/s00542-019-04547-4
Received:
Accepted:
Published:
Issue Date:
DOI: https://doi.org/10.1007/s00542-019-04547-4