👍2019 UCSD QI Summer IoT Camp Team A - Web Part

🦘Project Name : Kangaroo

📒Information

• 웹 개발자 : 조명근
• 개발기간 : 총 5주
• 사용 기술 스택
  • Back-end
    • PHP Slim Framework
    • Ubuntu
    • Mysql
    • Apache Tomcat
  • Front-end
    • HTML, CSS,JavaScript, JQuery
    • Google Map API, Google Chart, AM Chart, Apex Chart
• 다녀온 후기

---

📕 프로젝트 개요

• 임산부를 위한 공기질, 심박수 측정 및 실시간 모니터링
• 프로젝트 진행 기본 조건
  • Udoo Board를 사용할 것.
  • Air Quality Sensor를 사용할 것.
  • 심박 측정 Sensor를 사용할 것.
  • Android, Web 두가지 플랫폼을 구성할 것.
  • PHP Slim Framework, MySQL을 사용할 것.
  • 구현 기능
    • 회원가입(이메일 인증 포함), 로그인, 회원 정보 수정, 비밀번호 & 이메일 찾기
    • Android GPS를 이용한 위치추적
    • AirQuality Sensor를 통해 받아온 데이터 실시간 모니터링 및 측정 데이터
      • 데이터가 측정된 장소를 Google Map에 Display
    • 심박 센서를 통해 받아온 데이터 실시간 & 기록된 데이터 Display

---

📕 프로젝트 설계

• Reference Model
• SystemArchitecture
• DB Schema
• Procedure
  • User Management
  • Sensor
  • Data Monitoring
  • Data Management

---

🥕 결과 화면

• 회원가입 페이지

• 홈페이지 (Google Map API)

  • 대기 오염도에 따라 AQI 지수에 따른 색상 으로 Google Map Pin 및 하단부의 대기 오염도를 보여주는 박스 색상을 변하게 하는 식으로 구현. 실시간으로 데이터가 새로고침 되어 볼 수 있다.

  

• 실시간 심박수와 측정 위치 Display (Google Map API, AM Chart)

• 심박수를 측정한 기록 Display (Apex Chart)

• 대기 오염도를 측정 및 기록 Display (Google Map API, Google Chart)