Songaree Application (송아리 앱)
2017년 12월 | 진행중
스마트 헬스케어 모바일 앱 '송아리'
- Publishing and Polishing application
- Support front-end development
- Animation design and development
Environment
- Ionic framework
-> Web based application platform
-> HTML5, typescript, Sass, Angular, Sass, Cordova, livereload, ChartJS, Webpack
- RESTful API
- Spring boot, Mysql, AWS EC2, Firebase messaging service
- Git (gitlab, source tree)
- Zepline, sketch
---------------------------------
*프로젝트 설명
- 스마트 헬스케어 모바일 앱 ‘송아리’ 개발 프로젝트 진행.
- 건강 관리 통합 플랫폼으로 개인의료기록 데이터를 기반으로 혈압관리, 혈당관리를 할 수 있으며, 그 외에도 처방전관리와 투약 알림 기능을 갖추고 있다. 또한 가족의 계정을 연동하여 부모님, 배우자, 아이의 건강을 관리할 수 있게 하여 개인 건강뿐만 아니라 가족의 건강도 함께 관리하고 모니터링 할 수 있는 앱이다.
*개발 환경
- Ionic framework
-> 어플리케이션 플랫폼
-> HTML5, typescript, Sass, Angular, Sass, Cordova, webpack, livereload, ChartJS
- RESTful API
-Spring boot, Mysql, AWS EC2, Firebase messaging service(json 방식)
-Git 형상관리 (gitlab, source tree)
-Zepline, sketch (design 공유)
*기여 내용
- 메인 퍼블리셔로 디자이너와 협업하며 어플리케이션의 전체적인 디자인을 적용 (html, Sass, javascript, ionic UI components)
- 웹 기반 어플리케이션 이기에 적정 수준의 animation 구상 및 구현. (css3)
- 당시 복잡한 네비게이션을 간소화. Depth가 깊은 문제 제시 및 해결.
- 입사 당시 javascript API 기반의 구글 지도에서 Native 기반의 구글지도로 검색페이지 다시 제작하여 지도 렌더링 속도 개선 - front end (Angular, Sass, Google map ionic native plugin, typescript)
- 개인의료기록(Personal Medical Record) 신규 기능 추가 개발 - front end (Angular, Sass, typescript)
-> 질문의 유형, 종류에 따라 페이지를 구조화하여 향후 확장성 및 유지보수에 유리하게 제작.
- 페이지 전환에 따른 mobile status bar 글자색 전환을 페이지에 적절한 색으로 페이지마다 세팅.
- 기존 투약알림에 적용된 push notification의 시간 부정확의 이슈로 인해 일부 조건에 한해 local notificaiton으로 전환작업 - front-end (Local notification ionic plugin 활용, typescript, angular)
- 혈압, 혈당 관리 페이지에서 그래프 슬라이딩 시 현재 focus되어 있는 날짜의 전날 혹은 다음날의 상세 정보를 볼 수 있게 함. (ionic slides, typescript)
-> 터치 이벤트 객체를 통해 움직임, 변화를 측정하여 그에 따라 적절한 데이터를 로드하도록 이벤트 trigger.
- 어플리케이션 출시 전, 소스 사이즈 최소화를 위해 css를 최대한으로 활용하고 사용되는 이미지는 최적화 하였다.