2022-2학기 공개SW프로젝트 4조 불사조
내 냉장고에 있는 식재료를 활용하여 만들 수 있는 음식들은 뭐가있을까? 뭘 만들어먹지?💜
마미솊을 통해 냉장고 식재료를 활용해보세요. 식단 고민도 줄어들 거에요~ 😍
- 로그인
2. 아이디 찾기 + 성공/실패 알림
[그림 13]에 입력한 이름과 이메일을 회원 테이블에서 조회하고, 해당 회원이 존재하면, [그림 14]처럼 해당하는 회원의 아이디를 메시지로 알려주고, 해당 회원이 존재하지 않으면 [그림 15]과 같이 오류 메시지가 나오도록 구현하였다.
-
비밀번호 찾기 + 성공/실패 알림 + 성공-임시비밀번호 발급 결과 화면
[그림 16]에 입력한 이름과 이메일을 회원 테이블에서 조회하고, 해당 회원이 존재하면, [그림 17]처럼 해당하는 회원의 임시 비밀번호를 발급하여, [그림 18]처럼 해당 회원이 등록한 이메일로 메일을 발송하여 알려주고, 해당 회원이 존재하지 않으면 [그림 19]와 같이 오류 메시지가 나오도록 구현하였다. -
회원 가입 + 여러 오류 알림 + 회원가입 성공 알림
[그림 20]에 입력한 아이디와 이메일, 비밀번호, 비밀번호 재입력한 값을 바탕으로 회원가입을 진행. 아이디/이메일/비밀번호를 입력하지 않은 각각의 경우, 비밀번호 입력값이 비밀번호 재입력 값과 같지 않은 경우, 이미 존재하는 회원인 경우 오류 메시지를 출력. 위와 같은 오류가 발생하지 않으면, [그림 26]처럼 회원가입에 성공하도록 구현하였다. -
홈 + 로그아웃 알림
식재료 입력, 메뉴 추천, 식단 확인 등 [그림 27]에 존재하는 배너를 클릭하면 해당 배너에 해당하는 화면으로 이동할 수 있도록 구현하였다. 로그인한 정보를 기준으로, [그림 27]의 우측 상단에 위치한 로그아웃 버튼을 누르면 [그림 28]과 같이 로그아웃 확인 화면을 출력하고 ‘예’를 누르면 로그아웃이 될 수 있도록 구현하였다. -
마이페이지 + 권장칼로리 계산기 + 회원정보 수정
마이페이지로 이동시, [그림 29]과 같이 로그인 되어있는 회원 정보를 화면에 출력되도록 구현하였다. 권장칼로리를 쉽게 구할 수 있도록, [그림 30]과 같이 마이페이지 화면 밑에 권장칼로리를 구하는 방법을 출력하고, 계산하기 쉽도록 계산기 기능을 구현하였다. 마이페이지에서 수정하기 버튼을 누르고, 수정할 정보들을 입력한 뒤에 [그림 31]와 같이 저장 버튼을 누르면 회원 정보가 수정되고, [그림 32]와 같이 수정된 회원 정보를 다시 출력할 수 있도록 구현하였다.
+) 네비게이션바
내비게이션 바를 누른 해당 화면을 제외하고, 다른 화면으로 이동할 수 있도록 내비게이션 바를 구현하였다.
ex) '마이페이지' 화면에서 누른 '내비게이션 바'
-
식재료 검색/입력/삭제
[그림 34]와 같이 식재료 입력 화면을 구성하고, 식재료를 검색하면 [그림 35]와 같이 검색한 단어가 들어가있는 식재료를 출력하도록 구현. 식재료를 선택하면, [그림 36]과 같이 해당하는 재료의 수량을 입력하는 화면과 식재료의 해당하는 단위가 출력될 수 있도록 하였고, 확인 버튼을 누르면 [그림 37]과 같이 해당 재료가 회원의 식재료로 등록되고, 식재료 리스트가 업데이트 될 수 있도록 구현하였다. [그림 38]과 같이 입력한 식재료를 바탕으로 보유중인 식재료를 조회할 수 있도록 구현하였고, 삭제 버튼을 누르면 [그림 39]와 같이 보유중인 식재료에서 삭제될 수 있도록 구현하였다. -
메뉴 추천
-시간(아침,점심,저녁) -기간(날짜) -알고리즘(나라별, 난이도별) -
추천 식단 확인
선택한 조건들을 기준으로 [그림 45]에 있는 ‘추천받기’ 버튼을 누르면 해당하는 조건에 맞게 식단을 추천해주고 [그림 46]과 [그림 47]과 같이 추천받은 식단의 메뉴가 출력될 수 있도록 하였다. -
장바구니 검색/입력/확인
식재료 입력 화면을 구성하고, 식재료를 검색하면 [그림 53]과 같이 검색한 단어가 들어가있는 식재료를 출력하도록 구현. 식재료를 선택하면, [그림 54]와 같이 해당하는 재료의 수량을 입력하는 화면과 식재료의 해당하는 단위가 출력될 수 있도록 하였고, 확인 버튼을 누르면 [그림 55]와 같이 해당 재료가 회원의 장바구니 목록에 등록되고, 장바구니 리스트가 업데이트 될 수 있도록 구현하였다.
+) 장바구니와 보유 식재료의 연동
[그림 55]과 같이 입력한 식재료를 바탕으로 장바구니에 등록해 놓은 식재료를 조회할 수 있도록 구현하였고, 식재료에 추가 버튼을 누르면 [그림 56]와 같이 장바구니 목록에서는 삭제되고, [그림 57]과 같이 보유중인 식재료에 등록될 수 있도록 삭제될 수 있도록 구현하였다.