1) 문제점

- 단지별로 입주자/기관/관리자가 사용하는 시스템이 다르고 문서가 산재되어 있어 정보 접근이 어려움
- 기술 요청/승인/피드백 과정이 수기 또는 오프라인 중심으로 이루어져 시간과 비용이 비효율적으로 소비
- 세대별 기술 적용 현황이나 문의 응답 내역이 체계적으로 관리되지 않아 행정적 누락이 발생

2) 프로젝트 목표

- 단지 및 세대 기반으로 기술 요청부터 피드백, 문서 관리까지 통합 가능한 플랫폼 구축
- 웹과 앱 환경에서 동일한 사용자 경험을 제공하는 반응형 UI/UX 구현
- 역할 기반 기능 제공 (입주자/관리자/기관) 및 세대별 기술 현황 시각화 지원

3) 주요 타겟

- 아파트 단지 입주자
- 기술 적용 기관(연구소 등)
- 관리사무소 담당자

포트폴리오 소개

우리집연구소는 아파트 단지 내의 입주자, 연구기관, 관리사무소가 함께 참여하여
기술 적용을 요청하고 관리할 수 있도록 지원하는 시민참여형 서비스입니다.

해당 시스템은 단지별 시범 기술의 현황을 시각화하고, 사용자 요청을 기반으로 기술 적용 프로세스를 운영하며,
관리기관과 연구기관이 비용처리를 효율적으로 수행할 수 있도록 설계되었습니다.

웹 표준 기술 기반의 반응형 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 하이브리드 앱)

프로젝트 성과 및 의의

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

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

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

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