김민찬

김민찬

Game Developer

livingkmc@gmail.com


© 2021

Visualization



설명

명지대학교 데이터베이스 연구실에서 모 병원의 의뢰로 개발한 군 질병 부담 분석 툴 입니다.
질병의 타입인 CM, NCM, INJ로 입력된 대량의 데이터 파일의 통계 결과를 TreeMap, Donut, Arrow 그래프 방식으로 보여줍니다.
질환 레벨, 검색, 연도 등 다양한 방식으로 해당 검색 조건의 통계 결과를 확인할 수 있습니다.


개발 기간

2016.07 ~ 2016.08


개발 인원

총 2명 프로그래머 2명


개발 스팩

언어

  • JavaScript

플러그인

  • D3.js
  • jQuery
  • Bootstrap
  • Facebook OAuth

서버

  • Node.js

DB

  • neDB

버전 관리

  • Git
  • BitBucket

개발 역할

웹페이지 어플리케이션 및 화면 구성 구현, TreeMap 그래프, Donut 그래프를 구현하였습니다.
웹페이지 어플리케이션은 Atom 프래임워크를 이용하여 구현하였습니다. 그래프는 JavaScript 라이브러리 D3를 이용하여 그래프를 구현하였습니다.


총 개발 요약

  • D3.js를 이용해서 그래프를 제공하는 웹페이지를 만들고 해당 웹페이지를 로컬 웹뷰 어플리케이션으로 변환하는 계획을 준비함
  • jQuery - Ajax를 이용한 웹페이지 이동없이 이벤트 동작 구현
  • Bootstrap을 이용한 화면 구성 및 Responsive한 디자인 을 구성
  • JavaScript를 사용함으로 로컬 DB를 JavaScript 문법 사용가능한 NoSQL DB로 neDB를 사용

이미지

  • 데이터 입력
  • 트리맵 그래프
  • 도넛 그래프
  • 화살표 그래프