흡연관리 금연앱(웹앱:웹페이지)

Posted by 공부하는호랑이 雨香
2015.08.08 13:51 웹프로그래밍/웹앱

흡연관리 웹앱


Ver 0.4

2015.09.15

- 초기 24시간 흡연기록이 모일때 까지는 "보고서"에 NaN 으로 쓰여지던것을 없애고 "기록없음" 메세지 보여줌.

- 미처, 또는 귀찮아서 [흡연버튼]을 누르지 않고 흡연한 경우를 관리하기 위해
  [흡연버튼]을 누르면 흡연갯수를 변경할수 있도록 함.



접속주소 : http://www.horangi.kr/smokingmanager

별도의 설치없이
모바일 브라우저로 실행하는 웹앱 입니다.

"흡연 타이머"가 주 기능이며
필요한 기능을 조금씩 추가해 나갈 예정입니다.
(웹 기반 이므로 사용자의 별도 업데이트가 필요없이 접속만 하면 최신버전의 기능을 바로 사용하게 됩니다.)

  • 본 웹앱 페이지는 모바일에서 사용하도록 만들어졌습니다.
  • 모바일 웹브라우저 에서 즐겨찾기를 등록하신뒤
    바탕화면에 “바로가기 위젯”으로 꺼내놓으면 편합니다.
  • 담배를 단번에 끊지 못하는 저같은 사람들을 위해
    조금씩 이라도 줄여보자고 만들었습니다.
  • 담배를 피울때마다 접속하여 [흡연]버튼을 누르고 피웁니다.
  • 한개피 피울때마다 평균 대기시간이 1초씩 늘어납니다.
  • 대기시간을 넘기면 넘긴만큼 평균대기시간도 늘어납니다.
  • 본 웹앱에서 사용하는 정보는 개별 브라우저에 저장되고 서버로는 아무런 정보도 전송되지 않습니다.
    - 브라우저 쿠키와 같이 로컬 저장소에 저장됩니다.(localStorage)
  • 브라우저 단위로 정보가 저장됩니다.
    - 스마트폰과 데스크탑 피씨 연동 안됩니다.




모바일크롬에서 즐겨찾기 하고
바탕화면에 바로가기를 빼놓은 모습 입니다.



처음 실행(접속)을 하게되면 기본설정을 하는 페이지로 이동합니다.


기본정보를 입력하고 [설정완료]버튼을 누르면 다시 원래페이지로 돌아옵니다.
[초기화]버튼을 누르면 모든정보가 지워집니다.




[보고서 화면]




[금연도움 정보 화면]




버전 이력


Ver 0.31

2015.08.09

- "평균 대기시간"을 넘긴뒤에 [흡연]버튼을 클릭해도 다시한번 물어보게 함.
- [참기] 버튼을 누르면 "금연도움 정보"의 "담배 참는방법"이 보이게 함.


Ver 0.3

2015.08.08

- "금연도움 정보" 모듈 추가.
> 메인화면의 버튼으로 이동 또는 [참자!], [참기] 버튼을 클릭하면 이동됨.
> 역시 내용은 앞으로 보강 예정.

- "남은 대기시간"이 0이 되면 지금까지의 "금연유지 시간"으로 변경되어 표기.



 ver 0.2

2015.08.07

-간단한 보고서 모듈 추가.
> 보고서 내용은 계속 보충해 나갈것임.

-"www.horangi.kr" 과 "horangi.kr" 도메인 별도로 정보가 저장되는 문제
> "www"를 빼고 접속해도 무조건 "www.horangi.kr"로 접속되도록 바꿈.

-초기 시작시점 설정 오류 수정

ver 0.1

2015.08.06

기본정보는 우선 “담배가격”만 설정.





신고

Tags
이 댓글을 비밀 댓글로
    • 2015.08.17 00:14
    비밀댓글입니다
    • 안녕하세요~
      흡연관리 웹앱 페이지는 100% 자바스크립트로 되어있어서 소스를 그대로 복사했다면 똑같은 결과물이 나와야 맞는데... 왜그럴까요...
      혹시나 소스를 옮길때 어떠한 오타가 생겨서 스크립트 선언이 제대로 안된게 아닌지 자바스크립트 오류를 한번 확인해보시기 바랍니다.
      그게 아니라면 지금으로선 저도 무슨상황인지 감이 잡히지 않는군요...^^;