네이버 소셜웹

“그 길을

기억하니”기획문서

화면 구성그

길을

기억

하니

로딩화면

로딩바

네이버,팀,아이젝

트 로고

메인화면

최고

인기 길

최고

인기 테마

그 길을 기억하기

길 만들기

사진,코멘트,동영

상,링크 등록

그 길을 찾기

테마 선택

지역 선택

공유,댓글

그 길을

함께하기

사진,

코멘드 등 등록

개발 일정

반영 및 테스트 (1.13~1.23)

구글 앱 엔진 및

리얼 반영

(1.13~1.14)

네이버 앱 등록 신청

(1.14~1.15)

테스트

(1.15~1.20)

프로그램 설명서

페이지 제작

(1.20~1.23)

프로그램 개발 (12.27~1.13)

개발 환경 세팅

(12.27)

DB설계,제작

(12.28~12.29)

프로그램 설계

(12.29~12.30)

프로그램 제작

(12.30~1.13)

디자인 (12.19~12.26)

메인 디자인

(12.19~12.22)

“길찾기” 디자인

(12.22~12.24)

“길 만들기” 디자인

(12.24~12.25)

디자인 마무리

(12.25~12.26)

기획 및 설계 (12.06~12.18)

아이디어 구상,

벤치마킹

(12.06~12.12)

일정 도출

(12.14)

레이아웃 시안 제작

(12.14~12.16)

기획서 제작

(12.16~12.18)

Project N Engine

길 기억하기

길 찾기

길에 참여하기

• 길 만들기

• 길 수정

• 길 삭제

• 만든 길에 정보입력

1. 댓글,사진,링크

2. 동영상

• 정보입력(길 만든이의 정책에 따라)

1. 댓글,사진,링크, 동영상

2. 추천 하기

3. 공유하기

• 테마별로 찾기 선택

• 동네별로 찾기

• 추천수별로 찾기

Connect

path

(Naver)

프로그램 구상

그 길을

기억하니

google

app engine

네이버 카페

네이버 블로그

미투데이

Database

지도 정보 활동 정보 테마

추천 정보 길 정보 유저 정보

이미지 링크 댓글

공유 1

• 길 공유하기

• 소셜 활동 공유

• 예) xx님이

xx길을

만들었습니

다.

공유 2

• 트위터,페이스북에

링크.

Share

트위터

페이스북

공유 1

공유 2

1.화면 설계

로딩화면

• 최초 로딩시에

Fadein/out으로

보여주게 된다.

• 로고는 변경될 수

있다.

Naver Map

메인화면

테마 클라우드는

해당 테마의 길에

대한 인기도 별로

마치 “테그 클라우드”

처럼 인기있는

테마를 보여준다.

“실시간 길”은

사람들이 올리는

실시간 길을 트위터

메인처럼 실시간

스크롤 방식으로

보여준다.

Jquery사용.

전체적인 UI는

트위터+포스퀘어와

비슷하다.

그 길을

기억하기

내가 기억한

그길

실시간 길을 기억하는 그들의 활동

아이지 삼청동 이쁜 카페 길 |

삼청동을 오고 가는 사람들을 위해

이쁜 카페들을 모아서 길을

꾸며보았습니다. 20min ago테마 클라우드

데이트길자전거길

400칼로리길

인왕산길

다이어트길출근길

데이트길자전거길

400칼로리길

인왕산길

다이어트길출근길

데이트길자전거길

400칼로리

makeithappens

나르시즘인들을위한고독의길 |

나르시즘을 가지고 있는 사람들을

위해 자신을 돌이켜보고. 1h ago

길찾기

아이지 삼청동 이쁜 카페 길 |

삼청동을 오고 가는 사람들을 위해

이쁜 카페들을 모아서 길을

꾸며보았습니다. 20min ago

makeithappens

나르시즘인들을위한고독의길 |

나르시즘을 가지고 있는 사람들을

위해 자신을 돌이켜보고. 1h ago

길 기억하기(지점 등록)

최초에 상단의

손가락 버튼으로

좌표를 선택하게

된다.

좌표를 선택하면

자동으로 내가

선택한 길에

추가된다.

내가 선택한 길을

선택함에 따라

오른쪽에 데이터

필드가 설정된다.

데이터 필드에서는

이름과 주소를

임의로 설정할

수있고, 이에 따라

검색이 가능하다.

[이름] [주소]는

실시간 검색으로

하단에 검색 결과가

ajax로 표시된다.

[유형]은 기존에

사용자들이 등록했던

유형들이 ajax로

표시된다.

코멘트는 최초 최대

255자.

이미지는 최대 5개

등록 가능하다.

공개 여부에 따라

참여 여부가

결정된다.

길찾기

[3]번째 정독 도서관

주소 : 서울시 동작구 신대방2동 196-72

코멘트(Tip) :

이미지 :

링크 :

공개여부 : 공개 비공개

참여 가능 참여 불가

① 라면

떙기는날(음식

점)

② 서울서둘째로

잘하는집(간식)

③ 정독도서관(도

서관)

④ 삼청공원(공원)

⑤ 토이키노(전시)

⑥ 실크로드박물

관(박물관)

❶

❷

❸

❹

❺❻

❼

❽

검색

검색

푸른 숲을 연상 시킬 만큼 넓은 휴식공간과 벤치, 연못과 분수 등이 마련되어

있어 쉬어가기 좋은 곳이다. 또한, 도서관 내에 교복이력서라는 박물관은

옛날의 학교 문화를 보여주는 곳으로 직접 교복을 입어보는 체험도 할 수

있다.

찾아보기

http://jdlib.sen.go.kr/jdlib_index.jsp

내가 선택한 길 도서관 ⇩

등록 수정 삭제

길 기억하기(길 등록)

(logo) 전체적으로 길의

이름을 선택하고

나의 추억을

입력하고, 길의

테마를 입력하게

된다.

길이름과 길의

테마는 Ajax로 자동

선택할 수 있다.

길찾기

[3]번째 정독 도서관

주소 : 서울시 동작구 신대방2동 196-72

코멘트(Tip) :

이미지 :

링크 :

① 라면

떙기는날(음식

점)

② 서울서둘째로

잘하는집(간식)

③ 정독도서관(도

서관)

④ 삼청공원(공원)

⑤ 토이키노(전시)

⑥ 실크로드박물

관(박물관)

❶

❷

❸

❹

❺❻

❼

❽

검색

검색

푸른 숲을 연상 시킬 만큼 넓은 휴식공간과 벤치, 연못과 분수 등이 마련되어

있어 쉬어가기 좋은 곳이다. 또한, 도서관 내에 교복이력서라는 박물관은

옛날의 학교 문화를 보여주는 곳으로 직접 교복을 입어보는 체험도 할 수

있다.

찾아보기

http://jdlib.sen.go.kr/jdlib_index.jsp

내가 선택한 길도서관 ⇩

등록 수정 삭제

길에 대해삼청동데이트

나의 추억..

가을 데이트에 좋은 복잡한 서울 도심 속 여유로운 삼청동

꼬불꼬불 골목길에 아기자기한 가게들이 들어서 있고 그 안에

커피 향이 가득한 삼청동 길하늘이 맑고 선선한 가을이면

연인의 손을 잡고 거닐기 좋은 데이트장소

이 길의 테마

데이트코스

등록 삭제

길 보기

최초에 상단의

손가락 버튼으로

좌표를 선택하게

된다.

좌표를 선택하면

자동으로 내가

선택한 길에

추가된다.

내가 선택한 길을

선택함에 따라

오른쪽에 데이터

필드가 설정된다.

데이터 필드에서는

이름과 주소를

임의로 설정할

수있고, 이에 따라

검색이 가능하다.

[이름] [주소]는

실시간 검색으로

하단에 검색 결과가

ajax로 표시된다.

[유형]은 기존에

사용자들이 등록했던

유형들이 ajax로

표시된다.

코멘트는 최초 최대

255자.

이미지는 최대 5개

등록 가능하다.

공개 여부에 따라

참여 여부가

결정된다.

길찾기

[3]번째 정독 도서관

주소 : 서울시 동작구 신대방2동 196-72

코멘트(Tip) :

이미지 :

링크 :

공개여부 : 공개 비공개

참여 가능 참여 불가

① 라면

떙기는날(음식

점)

② 서울서둘째로

잘하는집(간식)

③ 정독도서관(도

서관)

④ 삼청공원(공원)

⑤ 토이키노(전시)

⑥ 실크로드박물

관(박물관)

❶

❷

❸

❹

❺❻

❼

❽

검색

검색

푸른 숲을 연상 시킬 만큼 넓은 휴식공간과 벤치, 연못과 분수 등이 마련되어

있어 쉬어가기 좋은 곳이다. 또한, 도서관 내에 교복이력서라는 박물관은

옛날의 학교 문화를 보여주는 곳으로 직접 교복을 입어보는 체험도 할 수

있다.

찾아보기

http://jdlib.sen.go.kr/jdlib_index.jsp

내가 선택한 길 도서관 ⇩

등록 수정 삭제