- 알러지 유발 성분 표기가 미비한 식품들이 많음을 알게됨.
- 알러지 유발 성분 표기가 미비한 식품들 안전하게 섭취할 수 있도록 알러지 유발 성분을 검색하여 필터링 할 수 있는 서비스를 제공하고자 함.
- Allergy + 알려줘요
- 다양한 떡볶이, 라면, 만두 카테고리에 속하는 공산품의 전성분 중 사용자가 선택한 식품 성분을 필터링해주는 서비스임.
- 사용자는 개인의 체질, 기호, 신념 등에 맞지 않는 전성분을 선택 또는 입력하여 섭취 가능한 식품을 확인할 수 있음.
-
메인화면에서 사용자는 검색할 식품의 카테고리를 드롭다운 메뉴에서 선택할 수 있음. 현재 가능한 카테고리는 라면, 만두, 떡볶이 세 가지임. 카테고리를 분류하지 않고 싶다면 '전체'를 선택하면 됨.
- Apache, MySQL
- PHP, HTML, CSS
- 공공데이터포털에서 활용하고자 하는 API 개발 활용 신청 후 인증키 발급받음.
- 해당 API에 쿼리를 던져 JSON 형태로 리스펀스 받음.
- JSON 데이터에서 필요한 부분만 뽑아냄.
- JSON 데이터를 CSV 파일로 변환함.
- Numbers를 이용하여 Aller-joyo에 필요한 'category' 컬럼을 추가하고 값 추가함.
- 완성된 데이터를 CSV 파일로 export함.
- 포토샵을 할 줄 몰라 그림판을 이용. (포토샵의 중요성을 알게 되었다) 디자인 프레임을 생성한 후에 이미지, 문구, 폰트 등의 디테일은 웹 페이지의 컨셉에 맞게 재디자인하여 초안 완성.
- 최소한의 디자인만 포함한 이미지를 웹의 background로 삽입한 이후에 나머지는 HTML, CSS 바탕으로 구현함. 이미지와 요소들은 주로
position:absolute
를 이용해 배치시킴.
- index.php
- 라면, 만두, 떡볶이, 전체로 이루어져 있는 카테고리를 선택하면
category_process.php
로 category 데이터를 POST로 전달한다.
- category.php
query = "SELECT prdlstNm, rawmtrl, allergy, category FROM food WHERE category LIKE '%{$filtered_category}%'
index.php
에서LIKE
를 사용해 카테고리에 해당되는 데이터들만 선택해 음식 이름, 성분, 알러지, 카테고리를 화면에 나타내준다.- 해당 카테고리에서 알러지 유발 성분(대두, 밀 땅콩 등)을 체크박스를 통해 선택하고 거르고 싶은 성분을 text box에 집어넣으면
all_process.php
에 선택한 성분 데이터들(allergy, nutrient)과 현재 페이지의 카테고리가 POST로 전달된다.
- all_process.php
query = "SELECT prdlstNm, rawmtrl ,allergy, category FROM food WHERE category LIKE '%{$category}%' and NOT REGEXP_LIKE(rawmtrl, '{$filtered_nutrient_query}') and NOT REGEXP_LIKE(allergy,'{$filtered_allergy}') and NOT REGEXP_LIKE(rawmtrl, '{$filtered_allergy}')"
NOT REGEXP_LIKE
를 사용해 다중 선택된 성분과 알러지들을 필터링해서 결과값을 나타내준다.
- FileZilla를 이용해서 만들었음. 호스트, 사용자ID, 비밀번호를 이용하여 접속함
- /host/home1/allerjoyo/html/ 경로에 .php파일, .css파일, .png파일을 넣어주었음
- 20160965 통계학과 강미경: 프론트엔드, 백엔드, 프론트엔드 & 백엔드 병합
- 20172025 컴퓨터공학과 김수빈: 백엔드, 백엔드 코드 병합
- 20172081 컴퓨터공학과 이혜린: 백엔드, 서버에 올리기
- 20180978 컴퓨터공학과 김혜지: 데이터 수집 & 생성, 백엔드, README 작성