| 개발 환경 | Windows10 | 개발 언어 | Python, Javascript, HTML5, CSS |
| 개발 라이브러리 | Django, Tensorflow, Keras, Konlpy, OpenCV, Numpy, Pandas, Matplotlib, PyTorch, Roboflow, wandb | ||
| 개발 도구 | Pycharm, Colab, VisualStudio Code, MySQL, GitHub | ||
2022.04.04 부터 2022.04.15까지 2주간 진행했던 미니프로젝트가 끝이 났습니다!
6월까지 진행할 최종 프로젝트의 일부분이기 때문에 미완성이지만
2주간의 성과를 기록합니다.
다른 팀원이 작업한 부분은 제외하고 제가 맡은 부분만 정리했습니다.
프로젝트 주제는 아래와 같습니다.
1. 식사 사진 전체를 찍어 업로드하면 사진을 분석하여 음식 정보를 추출
2. 1의 정보를 기반으로 중량, 영양분 정보를 리턴
3. 섭취한 영양분을 기반으로 추가적으로 필요한 영양소를 포함한 음식 등을 추천
저는 django를 활용한 웹 프레임워크 전체를 설계하고
MySQL와의 연동과, 사용된 웹 페이지 제작을 맡았습니다.
개발도구는 메인으로 pycharm을 썼지만 html 수정 및 편집에는 VisualStudio Code 도 동원되었습니다.
로그인한 화면입니다.
만들다 만 것임을 감안하고 봐 주세요.. ㅎㅎㅎ
현재 날짜와 로그인한 id를 url을 통해 받아옵니다.
MySQL에는 식사한 정보가 등록되어 있는데요,
id와 날짜가 일치하는 데이터만 추출해 html화면에 표시했습니다.
추출 과정은 아래 포스팅을 참고해주세요!
Django -MySQL 데이터에 필터 걸어 딕트로 가져오기
목표 : 아이디와 날짜를 받아 일치하는 데이터들의 합계를 구하기 자세히 설명하면, 보시는 것처럼 링크에 id와 날짜 문자열이 입력되면 그 값을 받아서 MySQL의 DB 중 user_idx컬럼의 값이 id인 zenna
zenna9.tistory.com
그래프는 css만으로 안되고, 자바 스크립트가 활용되었습니다.
다음으로 오른쪽의 파일 업로드 기능을 통해 음식 사진을 업로드하면
다른 팀원분께서 작업한 AI프로그램이 음식을 인식하여 값을 리턴해줍니다.
그러면 식사 업로드 상세 페이지로 연결됩니다.
아직 별거 없죠? ㅠ
이 페이지에서 날짜와 기타 정보를 수정할 수 있고, 제출하기 버튼을 클릭하면 MySQL에 식사 메뉴와 중량 기반으로 영양소 정보가 자동 계산되어 저장됩니다.
이후에는 맨 첫번째 화면으로 반영된 정보를 포함하여 리다이렉트합니다.
아쉬웠던 점은, 처음에 안드로이드로 시작하려고 인강부터 듣다가 단기에 안될 것 같아 Django로 옮겨가서,
시간을 2주 풀로 쓰지 못하고 4일정도 소요해 구석구석 모자란 부분이 많았습니다.
또한 AI쪽을 맡은 다른 팀원분들께서도 아직 구현을 못하셔서
값을 리턴받지 못하고 예시 이미지와 정보로 대체한 상태라
아쉬웠습니다.
이 부분은 최종 프로젝트 기간에 보완할 수 있겠죠?
기간이 훨씬 긴 만큼 잘 채워 낸 페이지를 만들 수 있으면 좋겠습니다
이상입니다!
'프로젝트' 카테고리의 다른 글
| 집에서 처방받으세요, 비대면 진료 앱 (0) | 2024.02.19 |
|---|---|
| 바닐라 자바스크립트로 오목 만들기 (0) | 2022.09.13 |
| 자바전문가과정 1차 미니프로젝트 (0) | 2022.08.10 |
| BIT교육센터 최종 프로젝트 끝! (0) | 2022.06.20 |
| 비트교육센터 미니프로젝트 (0) | 2022.03.16 |
댓글