Top Banner
Developer PortFolio NAME. 김현섭
51

김현섭 Portfolio [Web Developer Beginner]

Jan 14, 2017

Download

Career

KIM HYUNSUP
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 김현섭 Portfolio [Web Developer Beginner]

Developer PortFolio

NAME. 김현섭

Page 2: 김현섭 Portfolio [Web Developer Beginner]

Index

Profile

Travery (Travel + Discovery)

SEMS (Smart Education Management System)

Simple CCTV (Used Raspberry Pi)

Skills

Page 3: 김현섭 Portfolio [Web Developer Beginner]

1 Profile

이름 : 김 현 섭

생년월일 : 1989.07.15

관심분야 : Java / SpringFramework / Web / Big Data

E-mail : [email protected]

Blog : loveiskey.tistory.com

Git-Hub : github.com/hsKinn

Page 4: 김현섭 Portfolio [Web Developer Beginner]

2 Development Skills

Page 5: 김현섭 Portfolio [Web Developer Beginner]

3 Travery ( Travel + Discovery )

Travel

TRAVERY

Discovery

+

기간 : 2016.02.15 ~ 2016.04.08

개발기술 및 개발환경

- Tool : STS, ToadForOracle - Skills : Java, JSP, Servlet, Jquery, Ajax, GitHub, Google API…

- DB : Oracle 11g - Server : Tomcat 8.0

역할 [ 설계, 구현, 유지보수 ]

- Development : Daily, Weekly, Monthly Recommend Place, HashTag, Search, Paging…

- Trouble Shooting

Page 6: 김현섭 Portfolio [Web Developer Beginner]

3 Travery - 기획 의도

기존의 여행지 검색 사이트, 문제가 많다

자유 여행객

일일이 여행 정보를 찾아야 하는 번거로움

여러 사이트를 돌아다니며 정보를 얻어야 하는 단점

패키지 여행객

여행 테마 선택의 다양성 부족

자신이 원하는 곳만 있는 여행

패키지가 부족 / 여행 패키지에

대한 만족도 낮음

여행객 / 여행사의 입장에서 살펴본 기존 사이트의 문제점

여행사 / 여행 사이트

유행을 빠르게 따라가지 못함

패키지 여행 상품 개발에 돈이 많이 듬

패키지 상품의 성공여부를 미리 알 수 없

Page 7: 김현섭 Portfolio [Web Developer Beginner]

3 Travery - 주요 기능

여행 SNS 여행지 / 경로 추천 여행 예약 기능

사람들과 여행지를 공유 사용자가 원하는 기준으로

여행지들을 비교

→ 사용자 맞춤형 추천

간편 여행 예약 서비스 및

인기 많은 여행지 리스트를 패

키지화

Page 8: 김현섭 Portfolio [Web Developer Beginner]

3 Travery - 데이터베이스 설계

Page 9: 김현섭 Portfolio [Web Developer Beginner]

3 Travery - 구현 결과

Hit the Road : 나라 선택, 나라 별 색상 DB 관리

Page 10: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 선택한 국가의 여행지를 점으로 표현

Travery - 구현 결과

Page 11: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 무드 값 조정 가능

Travery - 구현 결과

Page 12: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 여행지 선택, 선택한 여행지 패키지모두 담기

Travery - 구현 결과

Page 13: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 여행지 상세 페이지, 여행지 패키지 개별 담기

Travery - 구현 결과

Page 14: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 선택한 여행지 무드 투표 ( 최초 1회 )

Travery - 구현 결과

Page 15: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 내 패키지 여행지 확인

Travery - 구현 결과

Page 16: 김현섭 Portfolio [Web Developer Beginner]

3

Hit the Road : 내 패키지 위치 확인

Travery - 구현 결과

Page 17: 김현섭 Portfolio [Web Developer Beginner]

3

My Package : 내 패키지 확인

Travery - 구현 결과

Page 18: 김현섭 Portfolio [Web Developer Beginner]

3

My Package : 내 패키지 Hash Tag 추가 및 공유 설정

Travery - 구현 결과

Page 19: 김현섭 Portfolio [Web Developer Beginner]

3

Share Package : 공유 패키지 보기

Travery - 구현 결과

Page 20: 김현섭 Portfolio [Web Developer Beginner]

3

Share Package : 공유 패키지 상세 페이지 (Modal), 공유 패키지 담기

Travery - 구현 결과

Page 21: 김현섭 Portfolio [Web Developer Beginner]

3

Share Package : 공유 패키지 검색 (Hash Tag), 정렬

Travery - 구현 결과

Page 22: 김현섭 Portfolio [Web Developer Beginner]

3

Recommend Place : 추천 여행지 일일, 주간, 월간 인기 여행지 보기

Travery - 구현 결과

Page 23: 김현섭 Portfolio [Web Developer Beginner]

3

Recommend Place : 새로 추가된 여행지에서 검색 ( 전체 여행지 대상 )

Travery - 구현 결과

Page 24: 김현섭 Portfolio [Web Developer Beginner]

3

Trip Reservation : 내 패키지 여행 예약 ( 여행사와 협약으로 예약 진행 )

Travery - 구현 결과

Page 25: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS (Smart Education Management System)

기간 : 2016.04.12 ~ 2016.07.01

개발기술 및 개발환경

- Tool : STS, ToadForOracle - Skills : Spring, JSP, MyBatis, Jquery, Ajax, SVN, AOP, Jenkins…

- DB : Oracle 11g - Server : Tomcat 8.0

역할 [ 개발 환경 제공, 구현 ]

- Development : SI팀 PL - 개발 및 업무 분담, Comm팀 - 공통 기능 개발

- Setting : AA팀 - 개발 환경 제공, 스프링 설정, AOP (Transaction 처리), Template 적용

Page 26: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Front 구현 결과

Education Manage : 교육 검색, 페이징

Page 27: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Front 구현 결과

Education Manage : 교육 관리 및 검색, 페이징

Page 28: 김현섭 Portfolio [Web Developer Beginner]

4

Education Manage : 교육 상세 조회

SEMS - Front 구현 결과

Page 29: 김현섭 Portfolio [Web Developer Beginner]

4

Team Manage : 강의 내 팀 조회

SEMS - Front 구현 결과

Page 30: 김현섭 Portfolio [Web Developer Beginner]

4

Team Manage : 강의 내 팀 관리

SEMS - Front 구현 결과

Page 31: 김현섭 Portfolio [Web Developer Beginner]

4

My Page : 회원 마이 페이지

SEMS - Front 구현 결과

Page 32: 김현섭 Portfolio [Web Developer Beginner]

4

My Page : 회원 로그인 이력 조회 검색, 페이징

SEMS - Front 구현 결과

Page 33: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Education Manage : 관리자 페이지 교육 관리

Page 34: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Education Manage : 관리자 페이지 교육장 관리

Page 35: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Member Manage : 관리자 페이지 회원 관리

Page 36: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Member Manage : 관리자 페이지 교육 수강생 관리

Page 37: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Partner Manage : 관리자 페이지 협력사 관리

Page 38: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Backend 구현 결과

Teacher Manage : 관리자 페이지 강사 관리

Page 39: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Android App 구현 결과

Android Application : 안드로이드 앱 이용 출결 및 교육 정보

Page 40: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Naver Developers

Naver Developers : 프로젝트 요구 사항 관리 및 SVN

Page 41: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Naver Developers

Naver Developers : SI 팀 PL 업무 분담 및 개발 담당

Page 42: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Naver Developers

Naver Developers : SI 팀 PL 요구사항 분석 및 설계, 구현

Page 43: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Naver Developers

Naver Developers : SVN 이용

Page 44: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Jenkins

Jenkins : 자동 배포 및 빌드 웹 어플리케이션

Page 45: 김현섭 Portfolio [Web Developer Beginner]

4 SEMS - Jenkins

Jenkins : 자동 배포 및 빌드 웹 어플리케이션

Page 46: 김현섭 Portfolio [Web Developer Beginner]

5 Simple CCTV ( Used Raspberry Pi )

기간 : 2015.07.20 ~ 2015.10.17

개발기술 및 개발환경

- Tool : Rasbian Console, Motion Package - Skills : Rasbian, Python, GPIO, Sensor

- DB : Oracle 11g - Server : Apache

역할 [ 기획, 설계, 구현 ]

- Planning : 아이디어 구상, 설계, 개발 환경 설정

- Development : 구현, 장치 설치 및 구현

Page 47: 김현섭 Portfolio [Web Developer Beginner]

5 Simple CCTV - 설계

Research : 라즈베리파이와 센서 연동

Page 48: 김현섭 Portfolio [Web Developer Beginner]

5 Simple CCTV - 구현 결과

Python Development : 센서 인식을 위한 Python 프로그래밍

Page 49: 김현섭 Portfolio [Web Developer Beginner]

5

Web Streaming : 웹 스트리밍

Simple CCTV - 구현 결과

Page 50: 김현섭 Portfolio [Web Developer Beginner]

5

Web Streaming : 웹 스트리밍 모션 감지

Simple CCTV - 구현 결과

Page 51: 김현섭 Portfolio [Web Developer Beginner]

Thank You