2주전 프로젝트 기획을 끝내고 최근에 프로젝트 완성후 발표를 하게 되었다.
저희 조는 서울특별시 장애인 편의시설 정보제공 서비스를 만들려고 했고 ,
챌린지 포인트로 서울특별시 open api를 선택하였습니다.
저희 프로젝트의 흐름을 간단하게 표시한 것인데
웹 페이지 접속 후 --> 선택 : 접근성 선택(고대비, 확대/축소 기능) --> 장소검색창 -->선택 : 로그인/회원가입
(로그인과 회원가입을 하지않으면 후기열람 불가x) --> 후기열람 --> 후기등록까지 구현을 하였습니다.
저희가 이런 프로젝트를 다들 처음 하는거라 , 먼저 웹페이지 컨셉 잡는거에도 시간이 많이 소요됬고
그 다음 기획에서 백엔드 / 프론트엔드를 각각 3명과 2명으로 나누어 구현을 한 후
마지막 파이널때 두 개를 합쳐 동작시킬려고 일정을 구성하였습니다.
open API로 정보를 받아와야기 때문에 , 파이썬을 사용하여 Request/pandas/math 사용
open API URL연동하였습니다.
-필요한 컬럼의 데이터 값만 받아오기
-DataFrame을 csv 파일로 변환 시켜주기!
회원가입 / 로그인은 비교적 수업에서 배웠던 내용이였기 때문에
다른것보다는 좀 더 수월하게 할 수 있었습니다.
대신 저희가 한페이지 구현을 목표로 두고있어서
회원가입시 ajax를 사용하는데서 처음 ajax를 사용하는거라 많이 힘들었지만
저희 팀장님이 많이 노력하신 끝에 구현할 수 있었습니다.
지도검색창을 만들때 저희는 카카오맵 API를 사용하였습니다
보통 카카오맵과 티맵을 많이 사용하는데 카카오가 조금 더 쓰기 편하게 구성되있어서
가입후 발급키를 받아 사용하였고 , 지도검색에서 (편의시설 / 음식점 / 숙박시설)을 선택 후 --> 지역(구)를 선택한다음 --> 검색 클릭시 지도에 마커(좌표)를 찍어주게 구현하였습니다.
Servlet에서 Gson 라이브러리를 사용 --> 클라이언트에서 json타입으로 응답 --> 응밥 후 추출된 json타입 데이터
시설정보 / 평점
지도 마커를 클릭시 --> ajax로 요청 --> Servlet 응답 --> 필터링된 데이터를 출력하게 구현
지도 마커를 클릭 할때마다 달라지는 시설정보와 평점 구현
공공을 위한 웹서비스를 만드는게 첫번째 목표였고 ,두번째로 좀더 상업적?! 으로 생각해보면 뭔가 차별성을 두어야된다고 생각했기 때문에 검색한 장소의 후기를 보기위해선 회원가입/로그인 해야지만 블러처리된 후기를 열람 할 수 있게 구현했습니다.
info==null 일때는 블러처리 info != null일때 열람되게 구현!
마커를 클릭하면 아래에 방문한 장소의 후기를 입력할 수 있도록 만들었습니다.
여기서 메긴 점수를 합산하여 평균을 내어 사용자들이 장소대한 평점을 볼 수 있게 구현!
Radio / textarea 값 --> Ajax 서버에 요청 --> DB에 저장(응답)
스마트인재개발원 프로젝트 1차 /github내려받기
프로젝트를 시작하고나서 프로젝트에 대한 글을 쓰지않아 이번기회에 작성해보려고합니다. 저희 조는 원래 추천 알고리즘를 첼린지 포인트로 정해 전시회나 연극 , 박람회 등 문화생활 같은걸
javadb.tistory.com
스마트인재개발원
4차산업혁명시대를 선도하는 빅데이터, 인공지능, 사물인터넷 전문 '0원' 취업연계교육기관
www.smhrd.or.kr
'JSP,Servlet' 카테고리의 다른 글
| JSP / 세션 혼자 복습 (0) | 2022.01.10 |
|---|---|
| JSP - Session객체 생성/가져오기/ 삭제 (0) | 2022.01.08 |
| JSP - Cookie객체 생성/가져오기/ 삭제 / 개념 (0) | 2022.01.08 |
| JSP/jdbc- 회원가입 실습문제 (0) | 2022.01.06 |
| JSP - 회원가입/로그인 만들기 실습 (0) | 2022.01.05 |
