Building a Web & App Platform for My House Research Institute

Portfolio Introduction

https://www.woorihomelab.com/

In my home research center, residents, research institutes, and management offices in the apartment complex participated together

It is a citizen-participating service that supports requesting and managing technology application.

The system visualizes the status of pilot technology by complex, operates a technology application process based on user requests, and,

It is designed to enable management and research institutes to efficiently process costs.

By applying a responsive UI based on web standard technology, it provides a consistent user experience in various device environments (PC, tablet, mobile). 
In addition, it was packaged with a Cordova-based hybrid app and linked to mobile native functions such as push notifications and cameras, and stably implemented functions that meet user requirements.

Project Overview

1. Requirements Analysis

Analysis of the work flow related to technology introduction in apartment complexes from the perspective of tenants, institutions, and managers

Define functionality by role by organizing specific characteristics and requirements of technical requester

Only structural (East/Lake) management and user-view generation information utilization

2. UI/UX Design and Implementation

Reactive UI design using HTML, CSS, JavaScript

Branches interfaces based on role-specific privileges, and optimizes apps considering mobile environments

Provides access to generational technical information and visual layout based on East/Lake structure

3. Front-end and back-end development

Front-end: Implement dynamic interfaces such as technical requests, layout inquiries, feedback registration, etc

Backend: Manage technology application history, collect generational feedback, and develop inquiry response capabilities

DB design: just information, generational information (east/west), technology application history, feedback, documentation, cost data

4. Testing and Deployment

Conduct scenario-based testing by user role

Test your mobile (WebView) environment and respond to Cross-platform

Continues to improve functionality by reflecting feedback during operations after initial deployment

Key Features

1. Complex and East/Lake Management

Registration and management of apartment complex structures (east/west)

Automatic creation of lake layout provides intuitive generational visualization

Integrated management of technology application, feedback history, inquiry status, etc. for each generation

2. Request to apply the technology

Ask for skills that tenants want to apply to their generation

Requests are reviewed and approved by administrators and agencies

Real-time view of processing status

3. Technical Status Dashboard

Check the application status of technology by complex (Technology name, application date, status, etc.)

Provide statistics and visualization data on applied technology

4. Generational feedback and inquiries/answers

Residents register feedback on technology applied to their generation

After applying the technology, you can write opinions such as inconveniences, suggestions, etc

Provide 1:1 inquiry/answer interface with management offices and research institutes

5. document and cost handling management

Support for registration, approval, and settlement of documents related to technology introduction

Includes automated documentation form and evidence management

6. Administrator functionality

Management of application status of complex and generational technology

Technical Request/Approval Processing

Integrated management of full documentation and cost flow

7. tracheal function

Technical testing and approval processing

Registration of applied technical results

Check document registration and feedback

Additional Features

Role-based access control and functional branching

Mobile response in the form of Cordova-based hybrid apps

Tech information inquiry, feedback, and inquiries can be made on a generation-by-generation basis

Visualization of statistics and status data by technology/complex

User-centric, concise UI/UX

Scope of Work

From analyzing requirements to DB design, front/backend development, responsive UI configuration, testing, and deployment

Data modeling tailored to complex and generational structural design and technology application flows

Implementing mobile app structure and data visualization considering user convenience

technology of use

Sortation

skill

Server

Apache

Database

MariaDB, Redis

Front end

HTML5, CSS3, JavaScript

Mobile App

Cordova (WebView Hybrid App)

Project Performance and Significance

Through our research institute platform, we were able to systematize technology application communication between residents and institutions in apartment complexes. 
Transparency and efficiency in technology dissemination have been ensured by engaging tenants and systemizing technology request/application flows. 
 

In particular, we have improved data acquisition and response quality from a real-world user perspective through the collection of technical feedback and inquiry/answer functions at the generation (East/West) level. 
 

In addition, automation of lake layout also helped managers and institutions visually identify application status in the complex and make operational decisions, and automation of cost handling effectively reduced administrative burdens.

The system has been developed in a structure that is scalable to other complex proliferation and similar community-based technology management services in the future.