UI code refactoring After midterm presentation UI was completely rebuilt using Agular 4.0 to make code reusable, modular and easy to modify. It was separated in the following components. Components and the functionality provided by such component is shown in table 2. Table 2. Components functionality. Component Functionality Manages all functionality related to user login Login Component screen, validation of username and password. Navigation bar showed at the top of the Navigation bar component screen. Shows user logged in name and logout button. Side bar that shows all the components the user Side bar component can interact with. Manages all the functionality related to control Locks component locks remotely. Actions such as add, modify and update slot codes are supported. Shows information related to hub status Hubs component (online and offline) and information related to all locks in the hub (status, battery). Show a LOG of all the actions that have been Logs component performed in locks. Manage functionality related to users. Can Users component handle actions such as add, delete and update users. Allows user to modify their password. My profile component Allows user to give permissions to the app to Configuration component hubs and locks on Samsung smarting's account. Manages success and error alerts. Alerts component
UI code refactoring After midterm presentation UI was completely rebuilt using Agular 4.0 to make code reusable, modular and easy to modify. It was separated in the following components. Components and the functionality provided by such component is shown in table 2. Table 2. Components functionality. Component Functionality Login Component Manages all functionality related to user login screen, validation of username and password. Navigation bar component Navigation bar showed at the top of the screen. Shows user logged in name and logout button. Side bar component Side bar that shows all the components the user can interact with. Locks component Manages all the functionality related to control locks remotely. Actions such as add, modify and update slot codes are supported. Hubs component Shows information related to hub status (online and offline) and information related to all locks in the hub (status, battery). Logs component Show a LOG of all the actions that have been performed in locks. Users component Manage functionality related to users. Can handle actions such as add, delete and update users. My profile component Allows user to modify their password. Configuration component Allows user to give permissions to the app to hubs and locks on Samsung smarting's account. Alerts component Manages success and error alerts.
PRO_RDCP_S18b_T05_V3.0.docx