**Storeroom Management Module (SMM) Development for ARCA** **Web-based System** \*\*This is a Double-blind review, please do not include authors information in this version \*\* Received Date: \*date Accepted Date: \*date Published Date: \*date **HIGHLIGHTS** - ARCA system was initially developed for tracking attendance of college activities and equipped with a few modules. - QR-Code generated by Storeroom Management Module (SMM) helps college students in the process of checking in and out goods at storeroom. - Results from testing indicated that most of respondents are satisfied with SMM and it had achieved good overall means score for all components in technology acceptance model. ABSTRACT *Storeroom is the most important storage area and it must be kept secured as it will be used by college students to keep their goods during semester break. They need to clear up the room before leaving the campus. To impose the security measure of storeroom, college management unit require students that are using the storeroom to write details and particulars before checking in and out the storeroom. This paper presents a development of Storeroom Management Module (SMM) for integration with Attendance Record for College Activities (ARCA) system. The module offers easy process when college staffs and students are dealing with storeroom. Module development involved three main phases which are feasibility study, design and development and module testing. Four components that comprises 17 questionnaires were included in technology acceptance model for module testing. Out of four components tested, component perceived user satisfaction (PUS) had received the highest mean score. This indicated that the developed SMM satisfied users in dealing with storeroom management module.* *Keywords: Web-based Application, College Management System, Storeroom Management Module* # INTRODUCTION Attendance Record for College Activities (ARCA) was initially developed to record attendance of college students’ activities in UiTM Perlis Branch. Previously, paper-based coupon method is used as attendance for activities in college. Students need to collect the coupons as prove of their rate of participation in activities and this can be used to support their college application for the following semester. This method may lead to fraudulent in issuing coupons and certain student tends to lose it. First module developed is focusing on attendance records by scanning barcode on student matric card and weightage of students participation in college activities (Hashim, 2020). The development continued with enhanced college application scrutinization and report generator (Zulkhafri, 2020). Succeeding module development for the system includes room allocation module, where students may make selection on the available college and roommate, this can be done by college students after the college application for the following semester is accepted (Wahab, 2021). Realizing that the system can be enhanced and improved, therefore, we proposed another module for managing storeroom in colleges. Every semester break, college students have to clear up their room inclusive of their goods. This is because the room can be used for other activities by outsiders or different agencies. The students have options either to bring their goods home or keep in college. College management unit has prepared a few storage rooms for students to keep their stuff during semester break. To access the storage room, students must fill up paper-based logbook to keep track the one who uses the room, this is also to ensure the goods stored are secured. The logbook filled-up by students may helps later during the opening of the semester especially when there is problem like goods are misplaced at wrong storeroom or when student’s room are placed in different college. In this paper, we present the development of web-based Storeroom Management Module (SMM) integrated with existing ARCA system. The module allows students and college staffs to ease the process of keeping student’s goods in predetermined storeroom locations, tracking goods and report usage logs. The system can generate QR Code to represent the corresponding storeroom location and should be printed and displayed at the entrance of storeroom. The students are required to check in or out their good from the storeroom by scanning the QR Code. Besides, the systems also provide information about the availability of storeroom before students bring their items. # PHP FRAMEWORKS Based on survey’s report by Web Technology Surveys (Figure 1), PHP is a server-side scripting language that is extensively being used in the websites with 77.6% (W3 Techs, 2022). Even though there is slightly drop from 81.7% recorded in January 2016 (Prokofyeva & Boltunova, 2017), this language remains the big player among the other server-side scripting languages. Many reasons for this programming language to be widely accepted, for instance, supports from big community that provide feedbacks, contributions, good documentations and various sources of reference. ![Graphical user interface, text Description automatically generated with medium confidence](62fefaad53ae2_media/media/image1.png) Figure 1: Percentage of server-side scripting languages used by websites (W3 Techs, 2022). A framework is an assortment of source codes coordinated into a design that upholds the improvement of dynamic websites and web applications. Although frameworks can be thought of as a universal foundation for a project, the framework chosen would have an implication on the project's cost and timeline (Nawalagatti, 2021). Using the PHP framework brings ease to all the developers as it provides the solution to overcome the issues in developing a system that save money and less time consuming (Haris & Hasim, 2019). Other than that, it may increase productivity as built-in functions are ready to be used, security features provided are mostly tested by community, open source and supports forum (Prokofyeva & Boltunova, 2017). CodeIgniter is one of PHP framework for developing small and medium-sized web applications. It comes with XSS filtering security which prevents any malicious code attack that are secured to use in the web application. Laravel is another open-source PHP framework that is usually used by most of the developers. Using this framework allows writing PHP codes in elegant and simple way that avoid redundant and tedious work (Laaziri, Benmoussa, Khoulji, Larbi, et al., 2019). CakePHP is one of the framework that modeled based on the concepts of Ruby on Rails. It supports the use of Ajax, JavaScript and HTML. Symfony supports various databases and allows for web application development and management, making daily chores for web programmers easy. Doctrine, ORM, and the Symfony router have various choices for defining routes and annotations, as well as YAML, XML, and PHP (Laaziri, Benmoussa, Khoulji, Larbi, et al., 2019). Model-View-Controller (MVC) software design pattern is widely being used across various PHP frameworks, for example in CakePHP, CodeIgniter, Laravel, Symfony, where it is proven to be an effective way of web application development (Olanrewaju et al., 2015). Various papers published that compares PHP frameworks. The most common measurement criteria inclusive of request per second, memory usage, number of function calls, number of files required to implement MVC that is tested using Apache Benchmarking (ab) tools included together with Apache Web Server (Apache Software Foundation, 2022). Olanrewaju et al. (2015) in their paper concludes that Laravel leads in almost all performance testing conducted and recommend this framework. CodeIgniter is also highlighted as average performance in testing (Chavan & Pawar, 2021) and it is lightweight and suitable for simple and short projects (Laaziri, Benmoussa, Khoulji, & Kerkeb, 2019). # METHODOLOGY The module development involves three phases that are adapted from waterfall model as shown in Figure 2. First phase is Feasibility Study that gather required criteria for module development whether it is possible to be integrated with ARCA system. Second phase, known as Design and Development intended for preparing the module with required designs, technology implementations and integrations, while the last phase is to evaluate the developed module. ![](62fefaad53ae2_media/media/image2.png) Figure 2: Three phases in Storeroom Management Module development. ## Feasibility Study This phase begins with determining whether the storeroom management module to be developed is possible. It involves reviewing documentations of previous work on ARCA system development. Technical aspects of the system are also considered by reviewing and understanding workflows and backends of the existing system. This step is vital for module development as it will assists in module integration in later phase. Consultation session with college staffs is carried out to gain information related to current method of management of storeroom and student’s item in college. All identified and analysed requirements are documented. Review of literature are also done to establish foundation as guides for design and development. This involves QR codes technology, PHP frameworks and related works. ## Design and Development Two activities concerned in second phase are design and development. Design activity includes preparing drafts for user interfaces, entity relationship (ER) and use case diagram. Two new tables are added to the existing database for this module development which are storeroom usage log and storeroom availability which total up to 20 tables. This is essentials for storing data related to storeroom such as opening, closing date, location, status, corresponding student’s id, semester session and availability status. Use case diagram is prepared to confirm with actors and functions available in the module. Two actors are college staff and student will interact with the module. Use case diagram for this module is depicted in Figure 3. ![Diagram Description automatically generated](62fefaad53ae2_media/media/image3.png) Figure 3: Use case diagram for Storeroom Management Module. In development activity, technologies and proposed designs are combined and implemented to produce expected functional module for this applied project. Software and tools used are based on previous development on ARCA system. Databases are employed by MySQL and managed by PhpMyAdmin for amendment of tables. Code igniter PHP framework is utilized for module development and the coding is implemented in Microsoft Visual Studio Code IDE. Barcode generated by the system is utilizing the Endroid QR Code Generator package. ## ## Module Testing Final phase employs module testing that evaluates the developed module. In this phase, it begins with simple functionality testing, that test on every functions and features available in the developed module. This also includes the preparation of test scripts utilized for checking the functionality and the success of every operation that involve interactions with the database. Following activity in this phase is testing the user’s acceptance of the developed module using technology acceptance model (TAM). A set of questionnaires are prepared to assess four components of TAM which are Perceive Usability (PU), Perceived User Satisfaction (PUS), Attitude (A) and Intention to Use (IU). This involves 17 questions with four sections distributed to 30 respondents who are students living in college. The questionnaire are given right after they have used the module. Feedbacks from all respondents are gathered, analysed and documented. ## Site Map Storeroom Management Module incurs two additional sub-menus in ARCA system. Figure 4 shows the site map for college staff. Menu *Store Records* will display records of current usage of storeroom while *Store Availability* display pages for staff to set the storerooms and its availability. While for student, only one menu will be displayed that is *Store*, that displays the room availability and allow students to check in and out of their goods. ![](62fefaad53ae2_media/media/image4.png) Figure 4: Menu for storeroom management module highlighted in yellow colour. ## User Interfaces ### User Interfaces for College Staff ![Graphical user interface, application, website Description automatically generated](62fefaad53ae2_media/media/image5.jpeg) Figure 5: Main interface for Store Availability page. Figure 5 shows the default page for Storeroom Management module. In this page, college staff is allowed to view created storeroom records, update availability status, view the usage logs, update and remove storeroom records. To create new storeroom records, user needs to click on *Register Store Avaibility* button. In the form, the college staff needs to fill up the information for creating storeroom record such as opening and closing dates and room number. Created storeroom record displays information entered and the module generates the QR code to represents the storeroom (Figure 6 (a)). The QR code should be printed and displayed at the entrance of storeroom. Second menu that is *Store Records* displays the occupancy of storerooms. College staff may view list of students that occupy on specific storeroom, check in and check out dates as shown in Figure 6 (b). | ![A picture containing table Description automatically generated](62fefaad53ae2_media/media/image6.jpeg) | ![A screenshot of a computer Description automatically generated](62fefaad53ae2_media/media/image7.png) | | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | | Figure 6 (a): Details of created storeroom record with generated QR Code. | Figure 6 (b): Details of created storeroom record with generated QR Code. | ### User Interfaces for Students The following Figure 7 (a) shows the dashboard interface for student once successful login into ARCA system. From the page, user may click on the QR Scanner, to check in and out of the storeroom. Alternatively, QR Code scanning function also can be accessed from the storeroom default page by clicking on the button *Click to Record* as depicted in Figure 7 (b). The page also display usage log of current student, location of the items stored. | ![Graphical user interface, application, website Description automatically generated](62fefaad53ae2_media/media/image8.jpeg) | ![](62fefaad53ae2_media/media/image9.emf) | | ---------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- | | Figure 7 (a): Dashboard interface for student. | Figure 7 (b): Default storeroom page for student. | # FINDINGS AND DISCUSSIONS Four components of TAM comprising 17 questions are distributed to 30 respondents to answer the questionnaire. All respondents were UiTM Perlis college students from various background of study and faculties. For each question, five level of ranks (between 1 to 5) were given to complete the questionnaire, refer Table 1. Table 1: Rankings for questionnaire. | **Rank Value** | **Description** | | -------------- | ----------------- | | 5 | Strongly agree | | 4 | Agree | | 3 | Neutral | | 2 | Disagree | | 1 | Strongly Disagree | Results obtained from the questionnaire are analysed and documented. Table 2 shows the summary of mean score for each question, component and overall. First component of the testing is Perceive Usability (PU) shows that most of question achieved more than 4.5 mean score except for one question related to the use of module for tracking the belonging in storeroom obtained 4.47 mean score. For second component which is Perceived User Satisfaction (PUS), questions related to how the developed module is organized scored lowest in this component with 4.47. However, majority of respondents are satisfied with the overall module developed that achieved highest score among questions from questionnaire. PUS component also scored highest among all other components with 4.55. The third and fourth components which are Attitude (A) and Intention to Use (IU), each of these components have one question that scored the lowest with 4.43 mean score. The questions are related to the use of developed module as platform for tracking items and intention to use the module when dealing with storeroom respectively. Total overall mean score out of four components obtained by the storeroom management module is 4.51. Table 2: TAM components, questions and its mean score. | **TAM Components / Questionnaires** | **Mean Score** | | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------- | | **Perceive Usability (PU)** | | | I found the module was easy to use. | 4.53 | | I think I would use this module to track my belonging in the UiTM storeroom. | 4.47 | | I found the functions on this module were well integrated. | 4.50 | | I felt very confident using this module. | 4.50 | | I would imagine that most people would find this module are easy to use | 4.57 | | I assume interacting with SMM module would be clear and understandable. | 4.57 | | **Total Mean (PU)** | **4.52** | | | | | **Perceived User Satisfaction (PUS)** | | | It was easy to track my storeroom usage using this module. | 4.50 | | This module has all the functions and capabilities I expect it to have. | 4.53 | | I believe I could save more time to record my belongings details using this module. | 4.53 | | The organization of this module was clear. | 4.47 | | Whenever I made a mistake using the module, I could recover easily and quickly. | 4.57 | | Overall, I am satisfied with this module | 4.67 | | **Total Mean (PUS)** | **4.55** | | | | | **Attitude (A)** | | | I like the idea of using SMM module as platform to record any details. | 4.60 | | I have generally favorable attitude toward using SMM module. | 4.57 | | I believe it is (would be) a good idea to use SMM module as a platform to track my details after scanning the QR-code. | 4.43 | | **Total Mean (A)** | **4.53** | | | | | **Intention to Use (IU)** | | | Assuming I have access to SMM module with ARCA system, I intend to use it for recording my details whenever I need to use the storeroom. | 4.43 | | It would be one of my favorite module to record and track my usage details. | 4.47 | | **Total Mean (IU)** | **4.45** | | **Total Overall Score** | **4.51** | # CONCLUSION AND RECOMMENDATIONS This paper presents the development of Storeroom Management Module for integration with ARCA system. SMM is an additional module to ARCA system that expands functionality and capability. The module developed ease college staffs and students dealing with storerooms and goods management. It also allows tracking the location of goods especially when goods are misplaced, report usage logs, generate QR-code and supports in terms of security of the items that are stored in storerooms. TAM assessment carried out on college students indicated that most of them were satisfied with the developed module. Three components surpassed 4.5 means score except for IU, however, the total overall score yields good result. Future directions for this module development will be directed towards improving the IU, that include adding more useful functions and features, especially on email notifications regarding opening and closing date for storeroom, reminder for taking the goods in storeroom and improvements in terms of unique QR code labelling for each good kept in storeroom. # ACKNOWLEDGEMENT **This is a placeholder for authors to include acknowledgements, please DO NOT include acknowledgement in this manuscript as it is meant for Double Blind Review. Only include acknowledgement in the finalized manuscript.** # CONFLICT OF INTEREST DISCLOSURE **\*\*\* Please do not include statement of conflict of interest in the initial submission for DOUBLE BLIND review. Only includes them in the finalized manuscript** # REFERENCES Apache Software Foundation. (2022). *Ab—Apache HTTP server benchmarking tool—Apache HTTP Server Version 2.4*. https://httpd.apache.org/docs/2.4/programs/ab.htmlChavan, P. R., & Pawar, S. (2021). Comparison Study Between Performance of Laravel and Other PHP Frameworks. *International Journal of Research in Engineering, Science and Management*, *4*(10), 27–29.Haris, N., & Hasim, N. (2019). PHP Frameworks Usability in Web Application Development. *International Journal of Recent Technology and Engineering*, *8*. https://doi.org/10.35940/ijrte.C1020.1083S19Hashim, N. D. (2020). *Web-Based application for attendance record of college activities and the scrutinization of college application In UiTM Perlis / Nur Dini Hashim* \[Degree, Universiti Teknologi Mara Perlis\]. https://ir.uitm.edu.my/id/eprint/27543/Laaziri, M., Benmoussa, K., Khoulji, S., & Kerkeb, M. L. (2019). A Comparative study of PHP frameworks performance. *Procedia Manufacturing*, *32*, 864–871. https://doi.org/10.1016/j.promfg.2019.02.295Laaziri, M., Benmoussa, K., Khoulji, S., Larbi, K. M., & Yamami, A. E. (2019). A comparative study of laravel and symfony PHP frameworks. *International Journal of Electrical and Computer Engineering (IJECE)*, *9*(1), 704–712. https://doi.org/10.11591/ijece.v9i1.pp704-712Nawalagatti, Amitvikram. C. (2021). Comparative Analysis of Zend and Laravel Framework (PHP 7). *International Journal for Research in Applied Science and Engineering Technology*, *9*(3), 870–873. https://doi.org/10.22214/ijraset.2021.33359Olanrewaju, R. F., Islam, T., & Ali, N. (2015). An Empirical Study of the Evolution of PHP MVC Framework. In H. A. Sulaiman, M. A. Othman, M. F. I. Othman, Y. A. Rahim, & N. C. Pee (Eds.), *Advanced Computer and Communication Engineering Technology* (Vol. 315, pp. 399–410). Springer International Publishing. https://doi.org/10.1007/978-3-319-07674-4\_40Prokofyeva, N., & Boltunova, V. (2017). Analysis and Practical Application of PHP Frameworks in Development of Web Information Systems. *Procedia Computer Science*, *104*, 51–56. https://doi.org/10.1016/j.procs.2017.01.059W3 Techs, W. T. S. (2022, August 1). *Usage Statistics and Market Share of Server-side Programming Languages for Websites, August 2022*. https://w3techs.com/technologies/overview/programming\_languageWahab, N. N. (2021). *Development Of Room Allocation Module For Web Based ARCA System* \[Degree\]. Universiti Teknologi Mara Perlis.Zulkhafri, M. F. I. (2020). *Development module of scrutinization and report generator for web-based ARCA system / Mohd Fahmy Izwan Zulkhafri* \[Degree, Universiti Teknologi Mara Perlis\]. https://ir.uitm.edu.my/id/eprint/31722/