Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Airbnb project

303 views

Published on

motivate by airbnb web page and we created similar web pages

Published in: Education
  • Be the first to comment

  • Be the first to like this

Airbnb project

  1. 1. Airbnb Team Member : 조봉기,변용주,이지원,서희경,이주연,김하윤
  2. 2. Airbnb Team Member : 조봉기,변용주,이지원,서희경,이주연,김하윤
  3. 3. Airbnb Airbnb Web Server & Homepage 기존에 서비스 되고 있는 airbnb.com을 모티브로 하여 제작한 포트폴리오로 Spring Framework로 개발한후, 클라우드 호스팅 서버인 AWS 에서 서비스를 제공하는 프로젝트 입니다.
  4. 4. 1. 목차 ➔ 팀원소개 ➔ 시스템 환경 #ERD #개발 일정 #사용된 프로그램 ➔ 주요 기능 설명 #멤버 - 회원가입, 로그인,프로필 #숙소 리스트 #예약 - Datepicker, GoogleMap API #관리자 기능 - DataChart
  5. 5. Airbnb 팀원소개
  6. 6. Developer ▶회원가입 마이페이지 구현 조봉기 만날 봉 일어날 기 만나는 인연마다 소중한 개발자 조봉기 입니다.
  7. 7. Developer ▶자료조사 및 디비 ▶숙소 리스트 &GoogleAPI 지도구현 변용주 타이슨의 심장과,열정을 가진 개발자 변용주 입나다.
  8. 8. 이지원 날다람쥐 처럼 코딩을 하는 개발자 이지원 입니다. Developer ▶관리자
  9. 9. Developer ▶숙소 등록 예약 기능 구현 서희경 버그없는 개발자 서희경 입니다.
  10. 10. 이주연 한발두발 성큼성큼 개발자이주연 입니다. Developer ▶Hybride Web App Application 구현
  11. 11. Developer,PL ▶Merge 및 개발환경 구축 김하윤 흐르는 물처럼 빛나는 개발자 김하윤 입니다.
  12. 12. ERD
  13. 13. 11月 2017(1주) 개발일정 9月 11日2017 (1~2주) 10月 2017(1~2주) DB설계,임무별 파트 분담 10月 2017(1주) 화면 제작 ,CSS 디자인 10月 2017(3주) 페이지 연동,기능구현 마무리 ERD,RFP,StoryBoard작성 프로젝트 개발 구상 시스템 설계 및 구축 화면 설계 구현 디버깅 테스트 디버그 작업,프로젝트 보완
  14. 14. 사용된 프로그램 TOOLS ECLIPSE SPRING TOOL SUITE TILES MYBATIS MAVEN GIT HTML5 CSS BOOTSTRAP FLICKER RAWGIT DATABASE MARIA DB JAVASCRIPT AJAX JQUERY JSON JAVA
  15. 15. 주요 기능 설명 #메인페이지 #멤버 , 프로필 #숙소리스트 #예약 #숙소등록 #관리자
  16. 16. 메인페이지 #회원 가입, 로그인 기능이 구현 #도시 검색이 가능 (검색 가능 도시: 서울, 부산, 전라북도, 경상북도, 제주)
  17. 17. 메인페이지(Navigation bar) #로그인 과 로그아웃 을 구현 #호스팅 가기( 숙소 등록) 과 프로필 기능은 로그인 후 사용가능한 기능 #로그인 전 #로그인 후
  18. 18. 메인페이지 #숙소 와 전체 보기 클릭시, 전체 숙소 리스트 가 실행 #슬라이드로 보여지는 숙소 사진을 클릭시 해당 숙소의 예약 페이지로 이동
  19. 19. 멤버 (log-in) #로그인 클릭시, modal창으로 구현된 로그인 창 구현
  20. 20. 멤버 (회원가입) # 회원가입 기능 구현 #airbnb-logo클릭시 -> main page로 이동
  21. 21. 멤버 (프로필) # 네비바에서 프로필 가기 클릭시 볼수있는 페이지 #프로필 네비바 구현 #회원 정보 수정 & 탈퇴 구현
  22. 22. 멤버 (예약목록) # 예약목록 -> 사용자가 예약한 숙소 목록 #후기작성 과 예약 삭제 가 가능
  23. 23. 멤버 (예약목록-> 후기 작성) # 후기작성 #별점 , 후기를 작성하면 해당숙소 예약 페이지에 반영
  24. 24. 멤버 (숙소등록 현황) #숙소등록 현황 #등록한 숙소 목록 확인 및 삭제 가능
  25. 25. 숙소 리스트 & Google지도 #숙소 리스트 실행시, 구글 지도에 해당 숙소 표시 #페이지 네이션 구현 #메인 페이지에서 전체 보기 와 숙소 클릭시 전체 리스트 실행 #메인 페이지에서 도시검색 시 해당 도시 숙소 리스트 실행
  26. 26. 예약 #예약기능 구현 (*로그인 후에만 사용 가능) #예약 페이지의 네비바 구현 개요, 후기, 호스트, 위치 -> 클릭시 페이지 내의 해당 위치로 이동됨 #Google API를 사용 -> 해당 숙소 위치 제공
  27. 27. 예약 #후기 #해당숙소의 예약자가 후기를 등록시 별점 반영 #후기 목록 #후기검색 기능 구현 -> 후기 목록의 내용으로 검색가능
  28. 28. 예약 #date-picker를 사용한 예약 날짜 선택 기능 구현 #해당숙소 제공 인원 만큼 예약 가능
  29. 29. 예약 #예약 완료시 -> 예약내역 정보 확인 #예약 내역 확인 클릭시 -> 프로필 -> 예약목록 으로 이동 #사용자가 예약한 목록을 확인가능
  30. 30. 관리자 #관리자의 아이디와 비밀번호로 로그인시 관리자 페이지로 이동
  31. 31. 관리자 (통계) #Google chart 를 이용한 연도별 매출실적 과 연간 사용자 가입 추이 표시, 지역별 숙소 분포도 구현 #현황 차트 구현
  32. 32. 관리자 (숙소) #관리자 -> 숙소 #관리자가 숙소를 관리 -> 삭제 기능구현 (관리자의 임의로 등록되어 있는 숙소를 삭제 가능) #호스트명 과 도시명 으로 숙소 검색 기능 구현 #사용자 화면 이동 클릭시 -> 메인페이지로 이동
  33. 33. 관리자 (도움말) #관리자가 사용자를 위한 도움말 작성, 수정 및 삭제 기능 구현 #도움말 목록 검색 기능 구현 -> 공지 분류 , 제목 으로 검색 가능
  34. 34. 개발 미비점 개발 보완점 Tip 개발을 위한 충분한 시간 필요 의사소통의 부재 부정확한 경로 설정으로 인한 문제 애매모호한 시간 안배 사용자를 위한 도움말 제공 팀원들 간의 정확한 의사소통을 통한 일정 준수(리더의 역할 중요) 정확한 경로 설정으로 업무의 흐름이 원활하도록 보완
  35. 35. 느낀점 조봉기 그동안 공부해 왔던 것 들을 사용하여 작업을하니 공부도 더되고 유익한 시간이었습니다 변용주 수업과는 또다른 상황인 프로젝트를 진행하면서 팀원들의 넓은 아량과 이끌어 줌으로 끝낼수 있어 감사하다는 말을 전하고 싶습니다. 서희경 우리가 흔히 웹사이트에서 이용하는 간단하고 작은 기능들도 많은 생각과 고민을 하고 짜야한다는 것을 배웠습니다 이지원 단순히 기능만 구현했다해서 완료된게 아니라 끝없는 테스트를 통해 오류를 수정하고 사소한 부분 하나하나까지 신경써야만 완료될수 있음을 느꼈습니다 이주연 사용자가 실제로 사용가능한 어플리케이션을 만드는 과정은 앞으로 공부해나가야할 지점들을 분명하게 짚어주었습니다 .
  36. 36. 느낀점 김하윤 팀 프로젝트는, 한 팀이되어 작업하는 만큼 팀 원들간의 의사소통이중요하다는걸느꼈습니다. 공통된 목표점을 설정하고, 목표를 달성하기 위한 이정표를 섬세하게 설계하지 (DB설계, 경로설정, package 등) 않으면 각자 다른 방향으로 노를 젓는 배와 같이 제자리를 맴돌거나, 되려 목표와 멀어지기 십상이라 느꼈습니다.그런 면에 있어서 조장임에도 불구하고, 팀원들에게 역할을 골고루 분배하지 못한 점과 자신의 일에만 집중하여 많은 의사소통의 기회를 만들지 못했던 점이 조금 아쉽습니다. 다음에 또 다시 팀 프로젝트를 진행하게 된다면, 팀원들과 이야기를 하며 현재 상황을 계속 파악하며 실시간으로 프로젝트를 조율할 수 있는 소통을 하는 팀장이 되도록 노력하겠습니다. 부족한 팀장을 만났지만 매번 격려로 응원해준 팀원 분들께 감사의 말을 전하고 싶습니다
  37. 37. 감사합니다 Motive site https://www.airbnb.co.kr/ 한빛 교육센터 (신촌) https://www.airbnb.co.kr/
  38. 38. Airbnb Airbnb Web Server & Homepage 기존에 서비스 되고 있는 airbnb.com을 모티브로 하여 제작한 포트폴리오로 Spring Framework로 개발한후, 클라우드 호스팅 서버인 AWS 에서 서비스를 제공하는 프로젝트 입니다.
  39. 39. 1. 목차 ➔ 팀원소개 ➔ 시스템 환경 #ERD #개발 일정 #사용된 프로그램 ➔ 주요 기능 설명 #멤버 - 회원가입, 로그인,프로필 #숙소 리스트 #예약 - Datepicker, GoogleMap API #관리자 기능 - DataChart
  40. 40. Airbnb 팀원소개
  41. 41. Developer ▶회원가입 마이페이지 구현 조봉기 만날 봉 일어날 기 만나는 인연마다 소중한 개발자 조봉기 입니다.
  42. 42. Developer ▶자료조사 및 디비 ▶숙소 리스트 &GoogleAPI 지도구현 변용주 타이슨의 심장과,열정을 가진 개발자 변용주 입나다.
  43. 43. 이지원 날다람쥐 처럼 코딩을 하는 개발자 이지원 입니다. Developer ▶관리자
  44. 44. Developer ▶숙소 등록 예약 기능 구현 서희경 버그없는 개발자 서희경 입니다.
  45. 45. 이주연 한발두발 성큼성큼 개발자이주연 입니다. Developer ▶Hybride Web App Application 구현
  46. 46. Developer,PL ▶Merge 및 개발환경 구축 김하윤 흐르는 물처럼 빛나는 개발자 김하윤 입니다.
  47. 47. ERD
  48. 48. 11月 2017(1주) 개발일정 9月 11日2017 (1~2주) 10月 2017(1~2주) DB설계,임무별 파트 분담 10月 2017(1주) 화면 제작 ,CSS 디자인 10月 2017(3주) 페이지 연동,기능구현 마무리 ERD,RFP,StoryBoard작성 프로젝트 개발 구상 시스템 설계 및 구축 화면 설계 구현 디버깅 테스트 디버그 작업,프로젝트 보완
  49. 49. 사용된 프로그램 TOOLS ECLIPSE SPRING TOOL SUITE TILES MYBATIS MAVEN GIT HTML5 CSS BOOTSTRAP FLICKER RAWGIT DATABASE MARIA DB JAVASCRIPT AJAX JQUERY JSON JAVA
  50. 50. 주요 기능 설명 #메인페이지 #멤버 , 프로필 #숙소리스트 #예약 #숙소등록 #관리자
  51. 51. 메인페이지 #회원 가입, 로그인 기능이 구현 #도시 검색이 가능 (검색 가능 도시: 서울, 부산, 전라북도, 경상북도, 제주)
  52. 52. 메인페이지(Navigation bar) #로그인 과 로그아웃 을 구현 #호스팅 가기( 숙소 등록) 과 프로필 기능은 로그인 후 사용가능한 기능 #로그인 전 #로그인 후
  53. 53. 메인페이지 #숙소 와 전체 보기 클릭시, 전체 숙소 리스트 가 실행 #슬라이드로 보여지는 숙소 사진을 클릭시 해당 숙소의 예약 페이지로 이동
  54. 54. 멤버 (log-in) #로그인 클릭시, modal창으로 구현된 로그인 창 구현
  55. 55. 멤버 (회원가입) # 회원가입 기능 구현 #airbnb-logo클릭시 -> main page로 이동
  56. 56. 멤버 (프로필) # 네비바에서 프로필 가기 클릭시 볼수있는 페이지 #프로필 네비바 구현 #회원 정보 수정 & 탈퇴 구현
  57. 57. 멤버 (예약목록) # 예약목록 -> 사용자가 예약한 숙소 목록 #후기작성 과 예약 삭제 가 가능
  58. 58. 멤버 (예약목록-> 후기 작성) # 후기작성 #별점 , 후기를 작성하면 해당숙소 예약 페이지에 반영
  59. 59. 멤버 (숙소등록 현황) #숙소등록 현황 #등록한 숙소 목록 확인 및 삭제 가능
  60. 60. 숙소 리스트 & Google지도 #숙소 리스트 실행시, 구글 지도에 해당 숙소 표시 #페이지 네이션 구현 #메인 페이지에서 전체 보기 와 숙소 클릭시 전체 리스트 실행 #메인 페이지에서 도시검색 시 해당 도시 숙소 리스트 실행
  61. 61. 예약 #예약기능 구현 (*로그인 후에만 사용 가능) #예약 페이지의 네비바 구현 개요, 후기, 호스트, 위치 -> 클릭시 페이지 내의 해당 위치로 이동됨 #Google API를 사용 -> 해당 숙소 위치 제공
  62. 62. 예약 #후기 #해당숙소의 예약자가 후기를 등록시 별점 반영 #후기 목록 #후기검색 기능 구현 -> 후기 목록의 내용으로 검색가능
  63. 63. 예약 #date-picker를 사용한 예약 날짜 선택 기능 구현 #해당숙소 제공 인원 만큼 예약 가능
  64. 64. 예약 #예약 완료시 -> 예약내역 정보 확인 #예약 내역 확인 클릭시 -> 프로필 -> 예약목록 으로 이동 #사용자가 예약한 목록을 확인가능
  65. 65. 관리자 #관리자의 아이디와 비밀번호로 로그인시 관리자 페이지로 이동
  66. 66. 관리자 (통계) #Google chart 를 이용한 연도별 매출실적 과 연간 사용자 가입 추이 표시, 지역별 숙소 분포도 구현 #현황 차트 구현
  67. 67. 관리자 (숙소) #관리자 -> 숙소 #관리자가 숙소를 관리 -> 삭제 기능구현 (관리자의 임의로 등록되어 있는 숙소를 삭제 가능) #호스트명 과 도시명 으로 숙소 검색 기능 구현 #사용자 화면 이동 클릭시 -> 메인페이지로 이동
  68. 68. 관리자 (도움말) #관리자가 사용자를 위한 도움말 작성, 수정 및 삭제 기능 구현 #도움말 목록 검색 기능 구현 -> 공지 분류 , 제목 으로 검색 가능
  69. 69. 개발 미비점 개발 보완점 Tip 개발을 위한 충분한 시간 필요 의사소통의 부재 부정확한 경로 설정으로 인한 문제 애매모호한 시간 안배 사용자를 위한 도움말 제공 팀원들 간의 정확한 의사소통을 통한 일정 준수(리더의 역할 중요) 정확한 경로 설정으로 업무의 흐름이 원활하도록 보완
  70. 70. 느낀점 조봉기 그동안 공부해 왔던 것 들을 사용하여 작업을하니 공부도 더되고 유익한 시간이었습니다 변용주 수업과는 또다른 상황인 프로젝트를 진행하면서 팀원들의 넓은 아량과 이끌어 줌으로 끝낼수 있어 감사하다는 말을 전하고 싶습니다. 서희경 우리가 흔히 웹사이트에서 이용하는 간단하고 작은 기능들도 많은 생각과 고민을 하고 짜야한다는 것을 배웠습니다 이지원 단순히 기능만 구현했다해서 완료된게 아니라 끝없는 테스트를 통해 오류를 수정하고 사소한 부분 하나하나까지 신경써야만 완료될수 있음을 느꼈습니다 이주연 사용자가 실제로 사용가능한 어플리케이션을 만드는 과정은 앞으로 공부해나가야할 지점들을 분명하게 짚어주었습니다 .
  71. 71. 느낀점 김하윤 팀 프로젝트는, 한 팀이되어 작업하는 만큼 팀 원들간의 의사소통이중요하다는걸느꼈습니다. 공통된 목표점을 설정하고, 목표를 달성하기 위한 이정표를 섬세하게 설계하지 (DB설계, 경로설정, package 등) 않으면 각자 다른 방향으로 노를 젓는 배와 같이 제자리를 맴돌거나, 되려 목표와 멀어지기 십상이라 느꼈습니다.그런 면에 있어서 조장임에도 불구하고, 팀원들에게 역할을 골고루 분배하지 못한 점과 자신의 일에만 집중하여 많은 의사소통의 기회를 만들지 못했던 점이 조금 아쉽습니다. 다음에 또 다시 팀 프로젝트를 진행하게 된다면, 팀원들과 이야기를 하며 현재 상황을 계속 파악하며 실시간으로 프로젝트를 조율할 수 있는 소통을 하는 팀장이 되도록 노력하겠습니다. 부족한 팀장을 만났지만 매번 격려로 응원해준 팀원 분들께 감사의 말을 전하고 싶습니다
  72. 72. 감사합니다 Motive site https://www.airbnb.co.kr/ 한빛 교육센터 (신촌) https://www.airbnb.co.kr/

×