포트폴리오


Warning: session_start(): Session cannot be started after headers have already been sent in /var/www/html/include/header.php on line 3

회원전용 서비스 입니다.

우리집연구소 웹&앱 플랫폼 구축

한국건설기술연구원,(사)한국환경건축연구원

#부동산, #웹, #앱

한국건설기술연구원,(사)한국환경건축연구원

포트폴리오 소개

 

https://www.woorihomelab.com/

우리집연구소는 아파트 단지 내의 입주자, 연구기관, 관리사무소가 함께 참여하여 

기술 적용을 요청하고 관리할 수 있도록 지원하는 시민참여형 서비스입니다.


해당 시스템은 단지별 시범 기술의 현황을 시각화하고, 사용자 요청을 기반으로 기술 적용 프로세스를 운영하며, 

관리기관과 연구기관이 비용처리를 효율적으로 수행할 수 있도록 설계되었습니다.

 

웹 표준 기술 기반의 반응형 UI를 적용하여 다양한 디바이스 환경(PC, 태블릿, 모바일)에서도 일관된 사용자 경험을 제공하였습니다. 
또한, Cordova 기반의 하이브리드 앱으로 패키징하여 푸시 알림, 카메라 등 모바일 네이티브 기능을 연동하였으며, 사용자 요구사항에 부합하는 기능을 안정적으로 구현하였습니다.

 


 

프로젝트 개요

 

1. 요구사항 분석

 

아파트 단지 내 기술 도입 관련 업무 흐름을 입주자, 기관, 관리자 관점에서 분석

단지별 특성과 기술 요청 주체의 요구사항을 정리하여 역할별 기능 정의

단지 구조(동/호수) 관리 방식 및 사용자 관점의 세대 정보 활용 방식 분석

 

2. UI/UX 설계 및 구현

 

HTML, CSS, JavaScript를 활용한 반응형 UI 설계

역할별 권한에 따라 인터페이스를 분기하고, 모바일 환경을 고려하여 앱 최적화

동/호수 구조 기반으로 세대별 기술 정보 접근 및 시각적 배치도 제공

 

3. 프론트엔드 및 백엔드 개발

 

프론트엔드: 기술 요청, 배치도 조회, 피드백 등록 등 동적 인터페이스 구현

백엔드: 기술 적용 이력 관리, 세대별 피드백 수집 및 문의 응답 기능 개발

DB 설계: 단지 정보, 세대 정보(동/호수), 기술 적용 이력, 피드백, 문서, 비용 데이터 저장

 

4. 테스트 및 배포

 

사용자 역할별 시나리오 기반 테스트 진행

모바일(WebView) 환경 테스트 및 Cross-platform 대응

초기 배포 후 운영 중 피드백 반영을 통한 기능 개선 지속

 


 

주요 기능

 

1. 단지 및 동/호수 관리

 

아파트 단지 구조(동/호수) 등록 및 관리 기능

호수배치도 자동 생성 기능을 통해 직관적 세대별 시각화 제공

각 세대별로 기술 적용 여부, 피드백 이력, 문의 상태 등을 통합 관리

 

2. 기술 적용 요청

 

입주자가 본인 세대에 적용되길 원하는 기술을 요청

요청 내용은 관리자와 기관이 검토 및 승인 처리

처리 현황 실시간 확인 가능

 

3. 기술 현황 대시보드

 

단지별 기술 적용 상태 확인 (기술명, 적용일, 상태 등)

적용 기술에 대한 통계 및 시각화 자료 제공

 

4. 세대별 피드백 및 문의/답변

 

입주자가 본인 세대에 적용된 기술에 대해 피드백 등록

기술 적용 후 불편사항, 제안 등 의견 작성 가능

관리사무소 및 연구기관과의 1:1 문의/답변 인터페이스 제공

 

5. 문서 및 비용처리 관리

 

기술 도입 관련 문서 등록, 승인, 정산 처리 지원

자동화된 문서 양식 및 증빙 관리 기능 포함

 

6. 관리자 기능

 

단지 및 세대별 기술 적용 상태 관리

기술 요청/승인 처리

전체 문서 및 비용 흐름 통합 관리

 

7. 기관 기능

 

기술 테스트 및 승인 처리

적용 기술 결과 등록

문서 등록 및 피드백 확인

 


 

추가 기능

 

역할 기반 접근 제어 및 기능 분기

Cordova 기반 하이브리드 앱 형태로 모바일 대응

세대 단위로 기술 정보 조회, 피드백, 문의 가능

기술별/단지별 통계 및 현황 데이터 시각화

사용자 중심의 간결한 UI/UX

 


 

작업 범위

 

요구사항 분석부터 DB 설계, 프론트/백엔드 개발, 반응형 UI 구성, 테스트, 배포 전 과정을 수행

단지 및 세대 구조 설계와 기술 적용 흐름에 맞춘 데이터 모델링

사용자 편의를 고려한 모바일 앱 구조 및 데이터 시각화 구현

 


 

사용 기술

구분기술
서버Apache
데이터베이스MariaDB, Redis
프론트엔드HTML5, CSS3, JavaScript
모바일 앱Cordova (WebView 하이브리드 앱)

 

프로젝트 성과 및 의의

 

우리집연구소 플랫폼을 통해 아파트 단지 내 주민과 기관 간의 기술 적용 커뮤니케이션을 체계화할 수 있었습니다. 
입주자의 참여를 유도하고, 기술 요청/적용 흐름을 시스템화함으로써 기술 보급의 투명성과 효율성을 확보했습니다. 
 

특히 세대(동/호수) 단위의 기술 피드백 수집 및 문의/답변 기능을 통해 실제 사용자 관점에서의 데이터 확보와 응대 품질을 향상시켰습니다. 
 

또한, 호수 배치도 자동화를 통해 관리자와 기관이 시각적으로 단지 내 적용 현황을 파악하고 운영 결정을 내릴 수 있도록 지원하였으며, 비용 처리 자동화를 통해 행정 부담을 효과적으로 줄였습니다.


해당 시스템은 향후 타 단지 확산 및 유사 커뮤니티 기반 기술 관리 서비스로 확장 가능한 구조로 개발되었습니다.

  • 2024.01 ~ 2025.04
  • 한국건설기술연구원,(사)한국환경건축연구원