x6tri3n0g / GongWooli-campus-guide

원광대학교 공과대학 강의실 찾기 📍 - 서비스 종료

원광대학교 창의공과대학 강의실 정보 시스템(EcGuide)

ScreenShots

Background

원광대학교 창의공과대학의 'ㅍ'자 5층 구조의 건물은 약 200개의 강의실, 교수 연구실, 연구실, 편의시설 등의 다양한 공간이 있습니다. 외부인, 재학생, 직원이 강의실이나 교수 연구실을 찾는데 어려움을 해결하고자 이 어플리케이션을 개발하게 되었습니다. 건물의 3D 이미지 작업을 위해 건축학과 재학생 1명과 협업하여 프로젝트를 진행하게 되었습니다. 웹으로 서비스를 제공하여 다양한 기기에서 동작할 수 있도록 하여 사용자가 이동중이거나 개인 PC에서도 원하는 공간의 위치를 확인할 수 있도록 만들었습니다.

• Front-end 개발
• 키오스크, 모바일 최적화
• 웹 기반(Hybrid Mobile Application)
• PM : 창의공과대학 학장님
• 위치 이미지 작업 : 건축공학과 재학생 1명
• 디자인 및 프론트엔드 : 컴퓨터공학과 재학생 1명(본인)
• 백엔드 : 컴퓨터공학과 재학생 1명

Skill Keyword

• Front-end : HTML/CSS JavaScript jQuery VSCode

• Back-end: Linux Apache MySQL PHP

Review

반응형 웹 디자인을 통해 하이브리드 웹 서비스를 하게 되었습니다. 다양한 기기에서 호환을 위함에 있어 사용에는 큰 문제가 없었습니다. 하지만 반응형 웹 디자인에 의한 제약적인 디자인의 아쉬움이 있었습니다. 고화질의 3D 이미지를 제공하는데 있어 FOUC 현상이 발생하여 이를 해결하기 위해 리펙토링을 진행했지만 큰 효과를 보이기 어려웠습니다. 모든 디자인 요소를 하드코딩하여 개발했다는 것에 스스로 회고하였으며 JavaScript 프레임워크(React, Vue)를 통해 개발하고 UI 라이브러리를 사용하면 효과적인 개발을 할 수 있겠다는 것을 알게 되었습니다.

현재 창의공과대학 입구의 키오스에 탑제되어 사용중입니다.(아래 URL)

바로가기 - 서비스 종료😇

EcGuide-WKU 창의공과대학 건물 정보 시스템