helcoalram

기획의도

• 아침에 일어나는게 쉽지않은 직장인, 학생들에게 잠도 깨우고 건강도 챙길 수 있는 어플
• 정해진 시간에 맞춰 목표걸음수르 채우면 코인으로 보상해주는 시스템
• 초기 앱으로 개발하려고 했으나 웹으로 대체 -> 추후 앱으로 고도화 작업예정

기술스택

역할분담

• 기획 : 김성태, 노일우, 이지영, 전영하, 조은지
• 퍼블리싱 디자인 : 조은지
• 프론트엔드 : 이지영, 김성태, 노일우
• 발표 : 전영하, 이지영

주요구현기능

• 알람시간 설정 대시보드 구현
• 알람 시간 설정기능
• 목표걸음수 설정기능
• 확인모달창 및 버튼 구현
• 대시보등 알람설정 목록 추가 및 삭제 기능 구현
• 걷기미션 페이지 기능 구현

구현페이지 목록

• 총 3개이며 메인페이지, 미션페이지, 미션축하페이지로 구성

세부구현기능 단위목록

1. 알람 설정 전 → 이지영

• 알람추가 버튼을 누르면 설정페이지로 이동한다.
• 시 분 걸음수 입력한후 설정을 누른다.
• 00시 00분에 000걸음을 걸으시겠습니까? 팝업창이 뜬다
• 확인버튼을 누른다.

2. 알람설정 후 → 김성태

• 알람항목에 시와 분과 걸음수가 출력된다.
• 알람수정을 원하면 추가된 알람 항목을 다시 클릭한다. → 수정페이지로 이동한다.
• 알람 항목 옆에 x버튼을 클릭하면 삭제된다.
• 수정페이지로 이동시 시,분,걸음수까지 선택한알람항목 데이터가 보여져야한다.

3. 기상미션시작

• 설정한 시간이 되면 미션페이지로 이동한다.
• 페이지로 이동되면 알람이 울린다. window.addEventListner ("load",function)
• 위도랑 경도 값 활용한 거리값 산정이 된다. → 1차적으로 호준님께여쭤보고 조언해주신 내용바탕으로 일우님과 다시 대화필요 → 200ms나 100ms로 데이터를 수집후 절댓값 씌우는방법 존재
• 산정된 만큼 현재걸음수+1된다.(디폴트값은 맨처음 설정한 걸음수) → 걸음수 계산은 2초마다해서 위도, 경도를 체크해서 전과 다를 경우 1걸음 걸은 것으로 간주
• 산정된 만큼 코인수+1된다
• 남은걸음수는 -1된다.
• 남은걸음수가 10% 줄어들면 게이지한칸이 none에서 block이된다
• 걸음수가 0이되면 미션축하페이지로 이동한다

4. 미션축하

• 기존코인수에 추가된 코인수를 합산한 값이 출력된다.누적코인 = 기존코인 + 추가코인
• 미션 완료시 꽃가루 날리기(조은지)
• 미션완료 버튼을 누른다.

5. 미션성공후

• 메인페이지에 성공한 걸음수만큼 코인수가 업데이트된다.

6. 모바일웹 실행 화면

회의록

회의장소는 게더타운으로 선정

[08.17.21 22:00~]

---

• 알람 사운드 직접 제작
• 팀명 일SAN(일어나야 산다)
• 현재까지 개발완료 내용 체크(메인, 미션완료 페이지 각각 개발 완료)
• 메인, 미션완료 페이지 연결 부분 구현(중요도1) → 김성태
• 메인페이지에서 설정한 걸을 수 가져오는 것 체크(중요도1)
• key값을 목표걸음수를 key로 그리고 걸을수를 value를 로컬스토리지에→ 이게 안되어 있으면 missionStart로직이 실현되는거 구현 —> 이지영
• 메인페이지에서 알람시간이랑 분이 객체통체로 출력되는 것 시와 분으로 출력되도록 savedAlarm 변수값 핸들링 → 김성태
• 미션성공하고 나면 메인페이지에서도 누적코인수가 출력되도록 구현 → 지영
• 미션성공페이지 꽃가루 날리기(조은지)

[08.15.21 22:00~]

---

• 디자인된 페이지의 프론트단에서 어플로 쉽게 구현이 어려울 것 으로 판단되어, 웹모바일 기반으로 해당 기능들을 구현해보는 것으로 조율
• 은지님이 html / css 기반으로 퍼블리싱 디자인 작업 해보는 것으로 결정
• 걸음수는 gps 기반으로 체크하고, 걸음수 체크되는지 구현된 기능으로 다른 요소들 추가할 수 있는지 결정
• 백엔드 개발의 비중이 줄어들 수 있는 포지션 조정 논의해볼 것

[08.15.21 13:20~]

---

• 개발 시간이 부족, 아이폰용으로만 제작 <main페이지> -- 알람온 : 체크했을만(체크:True) 스타트 기능이 적용, coin 수 누르면 프론트엔트 작업 요청 -- 게이지, js로 가능한지 모르겠지만, 6칸 차는걸로/스타트 버튼을 눌렀을때 게이지 반영 -- 현재걸음수(JS 자연스럽게 표시되도록)

<start 페이지> -- 게이지, js로 가능한지 모르겠지만, 6칸 차는걸로/스타트 버튼을 눌렀을때 게이지 반영 -- 현재걸음수 실시간으로 표시되도록

<setting 페이지> -- 날짜요일시간 등의 부분은 사용자가 직접 입력하는 방식으로 구현 -- 시간은 오전오후 선택 없이 24시간 입력 방식 -- 물직적인 보상이 아니더라도 목표 달성시 재미요소 필요(캐릭터가 움직인다던가 등)

[08.14.21 18:00~]

---

• 역할 분담, 개발 방향 정리
• 조은지님께서 퍼블리싱디자인 작업 시작 핸드폰 어플 방식으로 개발, 어도비XD로 작업하고, flutter로 변환하는 것으로 결정