jamjam website smartphone application building …...2015/01/13  · 회원정보 수정 5 02....

63
1 JamJam Website Smartphone Application Building Project 잼잼문화센터 화면설계 ver1.1 Project Name 22 *$M= .: Date CONFIDENTIAL ©2014 HUDDDLING Co.,ltd. All rights reserved. # %- 31, C:' 0+ >6 "5 !? 0B4 A( &'2 -- A(B4

Upload: others

Post on 25-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

1

JamJam Website Smartphone Application Building Project

잼잼문화센터 화면설계 ver1.1 Project(Name( ����������� ������������������   ����������� ������������������   M ����������� ������������������  . ����������� ������������������  

Date����������� ������������������   ����������� ������������������   ����������� ������������������  

CONFIDENTIAL

©2014 HUDDDLING Co.,ltd. All rights reserved. ����������� ������������������   ����������� ������������������   ����������� ������������������   : ����������� ������������������   ����������� ������������������   ����������� ������������������   ����������� ������������������   ����������� ������������������   ����������� ������������������   ����������� ������������������  0 4 ����������� ������������������   ����������� ������������������   2����������� ������������������   -����������� ������������������   4 ����������� ������������������  ����������� ������������������  

Page 2: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

2

Document History(

문서(개정(이력표(

문서명( ����������� ������������������   M ����������� ������������������   8 ����������� ������������������  

버전( 날짜( 내용( 작성자(

����������� ������������������   ����������� ������������������   V����������� ������������������   ����������� ������������������   M ����������� ������������������  

����������� ������������������   ����������� ������������������   , 1����������� ������������������   -����������� ������������������   M ����������� ������������������  

Page 3: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

3

01. Information Architecture

Page 4: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

4

Information Architecture

공지사항 이용약관 개인정보취급방침

My 메뉴 수강신청 이벤트 잼잼 스토리

잼잼 이야기

로그인 / 회원가입

오시는길

BI 소개

잼잼 시설안내

정기 강좌

단기 특강

수강신청 안내

수강신청 내역

찜한 강좌 내역

강좌 시간표

회원정보 수정

Page 5: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

5

02. 메인

Page 6: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

6 다음페이지 계속 ▼

No Comment

Function Definition

1 스크린 ID : Course _1로 이동

2 스크린 ID : Event_1로 이동

3 스크린 ID :Member_1_1로 이동

4 스크린 ID : Course _1로 이동

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3 아동중심프로그램 인성교육프로그램 주제심화프로그램

아이와 부모가 함께 성장하는 잼잼문화센터

아동중심교육은 아동의 자율성이 키워지며 책임 질줄 압니다.

아동이 스스로 건강한 인성을 키울 수 있도록 돕습니다.

아동 개별적 특성에 부합하는 특정 주제를 심화시켜 성장을 돕습니다.

수강신청 방법

회원가입 강좌신청 결제 방법 이메일 본인인증 후 회원가입이 완료됩니다.

- 어린이 회원은 보호자 회원가입 후 별도 절차없이 강좌신청 이용이 가능합니다.

수강신청 메뉴에서 원하시는 강좌를 신청해주세요.

강좌신청 후 계좌이체 또는 센터에 방문하셔 결제를 진행해주세요.

잼잼 스토리 수강신청 이벤트 오시는길 로그인 l 회원가입

대표 이미지

강좌 검색하기 이벤트 1

바로가기 바로가기

메인

메인

메인 Main

2

3 4

Page 7: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

7

오시는길

No Comment

Function Definition

1

2

3

4

5 스크린 ID : Notice_1로 이동

6 스크린 ID : Agreement_1로 이동

7 스크린 ID : Privacy_1로 이동

8

9

10

11

Visual Design

VD1

VD2

VD3

공지사항 l 이용약관 l 개인정보취급(처리)방침

TEL 043 212 5933 FAX 043 212 6399 l 충청북도 청주시 청원구 주성동 348 미래빌딩 4층 잼잼문화센터

지번 주소 : 충청북도 청주시 청원구 주성동 348번지 미래빌딩 4층 잼잼문화센터 (우) 363-215

도로명 주소 : 충청북도 청주시 청원구 주성로 269 미래빌딩 4층 잼잼문화센터 (우) 363-215

칸타빌 2차

청주성모병원

다나 산부인과

아이웰 어린이 병원

칸타빌 1차

럭키아파트 신흥고등학교

5 6 7

Page 8: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

8

02. 잼잼 스토리

Page 9: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

9

로그인 l 회원가입 No Comment

Function Definition

1 시설 이미지 영역 : 클릭 시 시스템 팝업으로 원본 사진 제공

2 상단 이미지의 해당 시설을 소개한다.

3 선택된 시설명 포인트 컬러 제공

4

5

6

7

8

9

10

11

Visual Design

VD1 시설 갯수는 다자인 작업 후 가이드 제공

VD2 원본 최소와 최대 사이즈 필요

VD3

잼잼 스토리 수강신청 이벤트 오시는길

잼잼 스토리

BI 소개

잼잼 이야기

시설안내

잼잼 스토리

메인> 잼잼 스토리

잼잼 스토리 story_1

평생의 교육은 부모와 아이의 교감으로부터 시작된다는 것이 잼잼 문화센터의 생각입니다. 그것이 잼잼문화센터가 만들어 가는 가치입니다.

아이와 부모가 함께 성장하는 잼잼문화센터

이미지 쿠킹교실

잼잼 홀

어학교실

오픈 수업이 진행되는 곳입니다. 강사님과 함께 즐거운 체험식 수업에 참여해 보세요.

1

2

3

VD1

VD2

Page 10: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

10

03. 수강신청

Page 11: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

11

로그인 l 회원가입 No Comment

Function Definition

1 정기강좌와 연재 단기 특강을 탭으로 제공Default : 정기 강좌 : 현재 선택 탭 활성화 표시

2

상세 검색 메뉴가 아래로 펼쳐진다. - ‘상세 검색’ 버튼은 ‘간편 검색’버튼으로 토클 기능 - 상세 검색 메뉴는 뒷장에서 확인

3 관리자가 ‘추천’ 옵션 선택 시 [추천]과 함께 상단 위치에 고정 노출한다.

4 강좌 시작일과 강좌 총 횟수 제공

5

점수가능 : 온라인 수강신청 가능 방문신청 : 온라인 수강은 마감되었으나, 지점에 방문하면 수강 가능 접수마감: 온라인/오프라인 수강 모두 마감 대기신청 : 접수마감 후 인원변동 시 수강 대기자 신청 (결제 진행안됨) 마감임박 : 접수가능 자리가 5명 미만 남았을 경우 알림

6 15줄 제공하며 15개 넘어가면 하단에 페이지네비게이션을 제공한다.

7 마우스 오버 시 밑줄링크 및 포인트 컬러 적용

8

강좌목록 제공은 1차는 요일순 2차는 ㄱㄴㄷ순으로 제공한다. -  월, 화, 수, 목, 금, 토, 일 -  ㄱㄴㄷ 오름차순

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

정기 강좌 단기 특강

수강신청

검색

강좌명 강사명 강좌 시작일 (횟수) 강좌시간/요일 수강료 신청상태

[추천] 동화로 여는 요리교실 이채원 2015-01-03 (4회) 12:00~13:00 / 토 120,000 접수가능

[추천] 엄마랑 영어 발레 연두 2015-01-02 (4회) 15:30~16:30 / 금 60,000 마감임박

힐링 베이킹 방문신청

굳모닝 키즈 요가 접수마감

대기신청

| 1 2 3 4 5 | 다음 ▶

상세 검색 +

1

2

3

4 5

6

강좌 시간표

강좌명 또는 강사명을 입력해 주세요. 수업시간

▶ 신청상태

▶ 지점선택

수강신청

메인> 수강신청

정기강좌 목록 Course _1

7

8

Page 12: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

12

로그인 l 회원가입 No Comment

Function Definition

1

Default : 신청상태 Drop down menu(5) : 접수가능, 마감입박, 방문신청, 대기신청, 접수마감

2

Default : 수업시간 Drop down menu(3) : 오전, 오후, 저녁 - 오전(9:00~12:00), 오후(12:00~18:00), 저녁(18:00~21:00)

3 강좌명 또는 강사명을 직접 입력하여 검색 제공

4 Default : 강좌대상 Drop down menu(3) : 키즈강좌, 성인강좌, 패밀리강좌

5

4번 카테고리의 하위 메뉴 - 키즈강좌 : 영유아(0~4), 유아(5~7), 초등(8-13) - 성인강좌 - 패밀리강좌 : 부모 + 영유아, 부모+유아, 부모+초등

6 요일별, 평일전체, 주말(토/일)별 검색 기능 제공

7 선택값으로 소팅하여 하단에 강좌정보 제공.

8

‘간편검색 -’ 버튼 선택 시 상세 검색 메뉴 영역이 접힌다. - ‘간편 검색’ 버튼은 ‘상세 검색’버튼으로 토클 기능

9 Default : 지점선택 Drop down menu(2) : 전체 지점, 주성 본점

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

정기 강좌 단기 특강

수강신청

강좌명 또는 강사명을 입력해 주세요. 검색

강좌명 강사명 강좌 시작일 (횟수) 강좌시간/요일 수강료 신청상태

[추천] 동화로 여는 요리교실 이채원 2015-01-03 (4회) 12:00~13:00 / 토 120,000 접수가능

[추천] 엄마랑 영어 발레 연두 2015-01-02 (4회) 15:30~16:30 / 금 60,000 마감임박

힐링 베이킹 방문신청

굳모닝 키즈 요가 접수마감

대기신청

| 1 2 3 4 5 | 다음 ▶

수업시간

▶ 간편 검색 - 신청상태

강좌대상

▶ 월 화 수 목 금 토 일 평일 주말 전체

1 2 3 7 8

4 5 6 상세 검색 메뉴

강좌 시간표

지점선택

9

수강신청

메인> 수강신청> 상세검색

상세검색 Course _1_1

Page 13: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

13

로그인 l 회원가입 No Comment

Function Definition

1 정기강좌와 연재 단기 특강을 탭으로 제공하며, 단기 특강 탭이 활성화된 상태임.

2

강좌목록 제공은 1차는 요일순 2차는 ㄱㄴㄷ순으로 제공한다. -  월, 화, 수, 목, 금, 토, 일 -  ㄱㄴㄷ 오름차순

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

정기 강좌 단기 특강

수강신청

검색

강좌명 강사명 강좌 시작일 (횟수) 강좌시간/요일 수강료 신청상태

[추천] 동화로 여는 요리교실 이채원 2015-01-03 (4회) 12:00~13:00 / 토 120,000 접수가능

[추천] 엄마랑 영어 발레 연두 2015-01-02 (4회) 15:30~16:30 / 금 60,000 마감임박

힐링 베이킹 방문신청

굳모닝 키즈 요가 접수마감

대기신청

| 1 2 3 4 5 | 다음 ▶

상세 검색 +

1 강좌 시간표

강좌명 또는 강사명을 입력해 주세요. 수업시간

▶ 신청상태

▶ 지점선택

수강신청

메인> 수강신청> 단기 특강 Tab

단기특강 목록 Course _2

2

Page 14: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

14

No Comment

Function Definition

1 팝업

2

요일을 탭으로 표시 Default : 월 - 현재 선택 탭 활성화 표시 - 선택된 탭의 해당 시간표를 아래 테이블에 뿌려준다.

3

1. 구분은 강의실 별로 나눈다. - 쿠킹교실, 잼잼홀, 어학교실, 공연장, 통합교실 2.시간은 오전(9:00~12:00), 오후(12:00~18:00), 저녁(18:00~21:00)로 구분한다.

4 시간, 강좌명 순으로 제공 - 기본 4줄 영역 필요, 강좌 수에 따라 영역이 늘어 날 수 있게 작업 필요

5 마감된 강좌는 Dimmed 처리한다.

6 마우스 오버 시 밑줄링크 및 포인트 컬러 적용

7 팝업닫기 기능 제공

8 Default : 주성 본점 선택하는 지점의 시간표를 뿌려준다.

9

10

11

Visual Design

VD1

VD2

VD3

구분 / 시간 오전 (9:00~12:00) 오후 (12:00~18:00) 저녁 (18:00~21:00)

쿠킹교실

09:00~10:00 힐링 베이킹 10:00~11:00 일본식 샤브샤브&초밥 11:00~12:00 부쉬드 노엘 초콜릿 통나무 케이크만들기

12:00~13:00 동화로 여는 요리교실

잼잼홀 10:00~11:00 굳모닝 키즈요가

15:30~16:30 엄마랑 영어 발레

어학교실

공연장

통합교실

월 화 수 목 금 토 일

강좌 시간표

2

3

4 5

6

수강신청

메인> 수강신청> 강좌 시간표

강좌 시간표 Course _3

1 7

주성 본점

2014. 12. 08 수정

8

Page 15: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

15

No Comment

Function Definition

1 강좌 대표사진 영역

2 강좌 타이틀 제공

3 강사명 제공

4 강좌 지점명 제공

5 강좌 시작기간과 종료기간 제공

6 강좌 수업시간과 수업 요일 제공

7 강좌 수강료 제공

8

로그인 경우 - 강좌신청 화면으로 전환한다. 스크린 ID : Course _1_2_1 - 결제 완료된 강좌일 때 : “이미 결제하신 강좌입니다.” 메시지 제공 비 로그인 경우 : 1. 로그인 안내팝업 제공 후 스크린 ID : Login_2 2.로그인 화면으로 이동한다. 스크린 ID : Login_1

9 26페이지 참고

10 수강신청 안내 화면으로 전환한다. 스크린 ID : Course _1_2_3

11 강좌 상세내용을 제공한다.

12

Default : 선택 Drop down menu(0) : 영유아(0~4), 유아(5~7), 초등(8-13), 청소년(14-19), 성인, 초등(2명) + 부모, 초등(1명)+부모 등 관리자에서 제공하는 옵션값이 노출된다.

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

강좌 내용

굳모닝 키즈요가 강사명 이영지

강좌기간 2015.01.06 ~ 2015.01.29

강좌시간 10:00~11:00 / 화, 목

수강료 125,000 원

강좌신청 강좌 찜하기

대상 7세 이하 어린이와 부모 접수기간 2014.12.20 ~ 2014.12.31

휴강일 신청상태 접수 가능

재료비 강의실 B 강의실

준비물 편한 운동복 강좌 횟수 8회

내용 요가는 아름다운 체형을 만들기 위한 최고의 방법입니다. 체형교정과 자세교정에 중점을 둔 …

커리큘럼

1회 : 오리엔테이션 및 기본 스트레칭 배우기 2회 : 3회 : 4회 : 5회 : 6회 : 7회 : 8회 :

상세내용

Image

다음페이지 계속 ▼

수강신청 안내

지점명 주성 본점

1 2

8 9 10

4 3

5

6

7

수강신청

메인> 수강신청> 강좌 내용

강좌내용 Course _1_2

11

선택

▶ 12

Page 16: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

16

강사소개

강사명 이영지

강사 이력 • 요가 3급 지도자 자격증 • KBS 생방송 오늘 커플 요가 출연(2014.04) • SBS 스포츠센터 출연(2013.11)

Image

No Comment

Function Definition

13 강사소개 영역

14 강사 이력영역은 가변적으로 제공한다.

13

14

Page 17: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

17

No Comment

Function Definition

1 강좌 신청 단계를 제공한다. - 수강정보 확인 상태

2

강좌 수업에 참여하는 수강자를 선택할 수 있는 팝업(Course _1_2_1_1) 제공 후 선택된 수강자가 6번 항목에 제공된다. 참고화면 : Course _1_2_1_2

3

가족회원 추가 팝업 제공 -  스크린 ID: Course _1_2_1_3 -  추가된 가족회원은 수강자 선택 목록에 추가된다 (스크린 ID :Course _1_2_1_1)

4 이전 강좌내용 화면으로 이동한다. 스크린 번호 : Course _1_2

5

강좌의 수강자 대상과 선택된 수강자의 정보가 일치할 경우 결제정보 단계로 이동한다. 일치하지 않을 경우 “강좌 대상이 아닙니다” 메시지 제공

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

강좌 신청

수강자 선택

수강점 강좌명 강의시간 수강료 수강자 수강자 선택

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원

수강하실 회원을 선택해 주세요.

선택

확인 이전화면

가족회원 추가

로그아웃 l My메뉴

수강정보 확인 > 결제정보 > 수강신청 완료

수강신청

메인> 수강신청> 강좌 내용> 강좌 신청> 수강정보 확인

강좌신청 Course _1_2_1

2

1

3

4 5

6

Page 18: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

18

수강점 강좌명 강의시간 수강료 수강자 수강자 선택

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원 선택

수강자 선택

선택 성명 관계 생년월일 수강여부

김승희 본인 1984년 10월 11일 유럽 플라워

한우주 자녀 2011년 7월 11일 미수강

수강하실 회원을 선택해 주세요.

확인

No Comment

Function Definition

1 2번 수강자 선택 팝업화면 제공

2

3 체크박스로 수강자 선택

4 - 현재 수강중인 강좌명 제공 - 없을 경우 ‘미수강’으로 제공

5 선택된 수강자를 수강자 항목에 노출한다. 스크린 ID : Course _1_2_1_2

6 팝업닫기 기능 제공

7

8

9

10

11

Visual Design

VD1

VD2

VD3

취소

예시화면

수강신청

메인> 수강신청> 강좌 내용> 강좌 신청> 수강정보 확인> 수강자 선택

수강자 선택

Course _1_2_1_1

6

6 5

3

4

1

2

Course _1_2_1

Page 19: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

19

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

강좌 신청

수강자 선택

수강점 강좌명 강의시간 수강료 수강자 수강자 선택

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원 김승희

한우주

수강하실 회원을 선택해 주세요.

선택

확인 이전화면

가족회원 추가

로그아웃 l My메뉴

수강정보 확인 > 결제정보 > 수강신청 완료

수강신청 수강자 선택 완료

메인> 수강신청> 강좌 내용> 강좌 신청> 수강정보 확인> 수강자 선택

Course _1_2_1_2

Page 20: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

20

수강점 강좌명 강의시간 수강료 수강자 수강자 선택

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원 김승희

한우주 선택

가족회원 등록 • 정보수집동의서

No Comment

Function Definition

1 2번 가족회원 등록 팝업 제공

2

3

동의서 동의와 필수항목 값 모두 입력 시 가족회원 목록에 추가된다. 스크린 ID : Course _1_2_1_1 스크린 ID : My_2_2

4 팝업닫기 기능 제공

5 Default : 선택 Drop down menu(2) : 부부, 자녀

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

가족회원 추가

본인은 아래와 같은 내용의 19세 미만 아동의 개인정보 수집에 동의합니다. (개인정보보호법 제22조 5항에 의거하여 만 14세 미만의 아동회원가입시 법정대리인의 동의절차가 필요합니다.) 등록하시고자 하는 가족회원이 19세 이상인 경우에는, 별도의 회원가입을 하신 후 가족회원으로 추가하십시오. 개인정보 수집항목 : 성명, 생년월일, 연락처 수집 목적 : 회원 확인, 수강 관련 변경사항, 야외수업, 강좌 정보 안내 보유 기간 : 회원 탈퇴시 까지 비고 : 회원관리 및 교육상의 목적을 위해 필요한 개인정보는 강사에게 제공될 수 있습니다.

동의합니다. 동의하지 않습니다.

성명

성별 남 여

생년월일 년 월 일

가족관계

연락처 - -

• 모두 필수항목입니다.

선택

▶ 선택

▶ 선택

선택

010

예시화면

수강신청 가족회원 등록

메인> 수강신청> 강좌 내용> 강좌 신청> 수강정보 확인> 가족회원 추가

Course _1_2_1_3

확인 취소

1

2

3 4

4

Course _1_2_1_2

5

Page 21: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

21

잼잼 스토리 수강신청 이벤트 오시는길

강좌 신청

로그아웃 l My메뉴 No Comment

Function Definition

1 강좌 신청 단계를 제공한다. - 결제정보 상태

2 총 강좌 건수와 총 수강료 합계금 제공

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

수강정보 확인 > 결제정보 > 수강신청 완료

수강신청 내역

수강점 강좌명 강의시간 수강료 수강자

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원 김승희

한우주

총 강좌 1건 총 수강료 125,000 원

결제신청 취소

결제방법

주문확인

주문하실 상품의 상품명, 가격, 배송정보를 확인하였습니다. (전자상거래법 제8조 제2항) 강좌변경, 취소는 강의시작 1일전까지 가능하며 (단, 여행강좌 7일전) 평생교육법시행령 학습비 반환기준에 의거하여 환불처리하여 드립니다. (세부사항은 문화센터 이용안내 중 취소환불 기준 참조)

센터방문 결제 무통장 입금

동의합니다. 동의하지 않습니다.

결제정보

강좌취소 및 환불 안내

강좌취소는 강의시작 1일전까지 가능합니다. 평생교육법 시행령 학습비 반환기준에 의거하여 환불 처리하여 드립니다. 자세한 내용은 강좌신청 안내 > 강좌변경 및 취소, 환불안내 에서 확인하여 주시기 바랍니다.

수강신청 결제정보

메인> 수강신청> 강좌 내용> 강좌 신청> 결제정보

Course _1_2_1_4

1

2

Page 22: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

22

잼잼 스토리 수강신청 이벤트 오시는길

강좌 신청

로그아웃 l My메뉴 No Comment

Function Definition

1 결제방법 선택 시 해당 결제안내 영역이 아래로 열린다. 자세한 사항은 뒷장 참고

2 결제방법 값을 가지고 수강신청 완료 페이지로 이동한다. 스크린 ID : Course _1_2_1_8

3 이전 강좌내용 화면으로 이동한다. 스크린 번호 : Course _1_2

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

수강정보 확인 > 결제정보 > 수강신청 완료

수강신청 내역

수강점 강좌명 강의시간 수강료 수강자

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 125,000 원 김승희

한우주

총 강좌 1건 총 수강료 125,000 원

결제방법

결제안내 수강신청 완료하신 날부터 2일 안에 센터에 방문하셔서 카드나 현금으로 직접 결제하시면 강좌신청이 완료됩니다.

주문확인

주문하실 상품의 상품명, 가격, 배송정보를 확인하였습니다. (전자상거래법 제8조 제2항) 강좌변경, 취소는 강의시작 1일전까지 가능하며 (단, 여행강좌 7일전) 평생교육법시행령 학습비 반환기준에 의거하여 환불처리하여 드립니다. (세부사항은 문화센터 이용안내 중 취소환불 기준 참조)

센터방문 결제 무통장 입금

동의합니다. 동의하지 않습니다.

결제정보

강좌취소 및 환불 안내

강좌취소는 강의시작 1일전까지 가능합니다. 평생교육법 시행령 학습비 반환기준에 의거하여 환불 처리하여 드립니다. 자세한 내용은 강좌신청 안내 > 강좌변경 및 취소, 환불안내 에서 확인하여 주시기 바랍니다.

수강신청 결제방법

메인> 수강신청> 강좌 내용> 강좌 신청> 결제정보

Course _1_2_1_5

결제신청 취소

1

2 3

Page 23: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

23

No Comment

Function Definition

1 센터방문 결제 선택 - 센터방문의 해당 ‘결제안내’ 항목이 아래로 열린다.

2 무통장 입금 결제 선택 -무통장 입금의 해당 ‘결제안내’ 항목이 아래로 열린다.

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

결제방법

결제안내

국민은행 1254-5413548-4536 신한은행 123-154-156548 농협 3515654-4862158 기업은행 010-0000-0000

주문확인

주문하실 상품의 상품명, 가격, 배송정보를 확인하였습니다. (전자상거래법 제8조 제2항) 강좌변경, 취소는 강의시작 1일전까지 가능하며 (단, 여행강좌 7일전) 평생교육법시행령 학습비 반환기준에 의거하여 환불처리하여 드립니다. (세부사항은 문화센터 이용안내 중 취소환불 기준 참조)

센터방문 결제 무통장 입금

동의합니다. 동의하지 않습니다.

결제정보 – 무통장 입금

결제방법

결제안내 수강신청 완료하신 날부터 2일 안에 센터에 방문하셔서 카드나 현금으로 직접 결제하시면 강좌신청이 완료됩니다.

주문확인

주문하실 상품의 상품명, 가격, 배송정보를 확인하였습니다. (전자상거래법 제8조 제2항) 강좌변경, 취소는 강의시작 1일전까지 가능하며 (단, 여행강좌 7일전) 평생교육법시행령 학습비 반환기준에 의거하여 환불처리하여 드립니다. (세부사항은 문화센터 이용안내 중 취소환불 기준 참조)

센터방문 결제 무통장 입금

동의합니다. 동의하지 않습니다.

결제정보 – 센터방문 결제

1

2

수강신청 센터방문 결제

메인> 수강신청> 강좌 내용> 강좌 신청> 결제정보

Course _1_2_1_5

Course _1_2_1_6

Page 24: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

24

확인

자동입력 방지문자 아래 이미지를 보이는 대로 입력해주세요.

취소

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

수강신청 자동입력 방지문자

메인> 수강신청> 강좌 내용> 강좌 신청> 결제정보

Course _1_2_1_7

Page 25: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

25

잼잼 스토리 수강신청 이벤트 오시는길

강좌 신청

로그아웃 l My메뉴 No Comment

Function Definition

1 강좌 신청 단계를 제공한다. - 수강신청 완료 상태

2 선택된 결제방법 제공 - 센터방문 결제 : 센터방문 - 무통장 입금 결제: 해당 은행명

3 강좌 접수 고유번호 제공

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

수강정보 확인 > 결제정보 > 수강신청 완료

결제신청 내역

수강점 강좌명 결제금액 결제방법 결제자

주성본점 굳모닝 키즈요가 125,000원 농협 김승희

접수번호 N3512 (접수번호는 본인확인 시 필요한 정보입니다.)

확인

강좌취소 및 환불 안내

강좌취소는 강의시작 1일전까지 가능합니다. 평생교육법 시행령 학습비 반환기준에 의거하여 환불 처리하여 드립니다. 자세한 내용은 강좌신청 안내 > 강좌변경 및 취소, 환불안내 에서 확인하여 주시기 바랍니다.

Course _1_2_1_8 수강신청 수강신청 완료

메인> 수강신청> 강좌 내용> 강좌 신청> 결제정보

2

3

4

1

Page 26: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

26

강좌 찜하기 선택하신 강좌를 찜하기에 등록하였습니다. 지금 확인하시겠습니까?

확인

No Comment

Function Definition

1

로그인 경우 - 선택한 강좌를 강좌 찜하기 목록으로 추가하며, 강좌 찜하기 확인 알림 팝업제공 스크린 ID : Course _1_2_2_1 -  ‘강좌 찜하기’ 버튼은 토글 방식으로 ‘찜한 강좌’ 버튼 제공

비 로그인 경우 : 1. 로그인 안내팝업 제공 후 스크린 ID : Login_2 2.로그인 화면으로 이동한다. 스크린 ID : Login_1

2 강좌 찜하기 목록으로 이동한다. Course _1_2_2_2

3 팝업닫기 기능 제공

4 이미 찜한 강좌를 재 선택 시 “이미 찜한 강좌입니다.” 메시지 제공

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

강좌 내용

굳모닝 키즈요가 강사명 이영지

강좌기간 2015.01.06~2015.01.29

강좌시간 10:00~11:00 / 화, 목

수강료 125,000 원

강좌신청 강좌 찜하기

Image

수강신청 안내

지점명 주성 본점

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

예시화면

Course _1_2_2_1

수강신청 강좌 찜하기

메인> 수강신청> 강좌 내용> 강좌 찜하기

취소

1

찜한 강좌

2 3

3

Course _1_2

4

Page 27: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

27

No Comment

Function Definition

1 접수마감된 강좌는 선택박스 Dimmed 처리한다.

2 수강신청 목록화면으로 이동한다.

3 선택된 항목을 목록에서 삭제한다.

4

강좌신청 화면으로 전환된다. -  결제하려는 강좌의 수강점이 다를 경우 : “같은 지점의 강좌가 아니면 함께 결제를 하지 못합니다.” 메시지 제공

5 최근 등록순으로 제공한다.

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

강좌 찜하기

선택 수강점 강좌명 강의시간 강사명 수강료 신청상태

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 이영지 125,000 원 접수가능

율량점 90,000 원 접수가능

산남점 80,000원 접수마감

찜하신 강좌를 수강하시려면 수강하실 강좌를 선택하신 후 결제과정을 진행해주세요.

강좌 추가하기 삭제하기 결제하기

* 안내사항 : 접수마감 된 강좌는 신청하실 수 없으며, 찜한 강좌는 7일 보관 후 목록에서 삭제됩니다.

1

2 3 4

5 강좌 찜하기 목록

Course _1_2_2_2 수강신청 강좌 찜하기_목록

메인> 수강신청> 강좌 내용> 강좌 찜하기> 강좌 찜하기 목록

My메뉴로 이동

Page 28: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

28

No Comment

Function Definition

1 수강신청 안내 화면으로 이동한다. 스크린 ID : Course _1_2_3

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

강좌 내용

굳모닝 키즈요가 강사명 이영지

강좌기간 2015.01.06~2015.01.29

강좌시간 10:00~11:00 / 화, 목

수강료 125,000 원

강좌신청 강좌 찜하기

Image

수강신청 안내

지점명 주성 본점

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

예시화면

수강신청 수강신청 안내

메인> 수강신청> 강좌 내용> 수강신청 안내

1

Course _1_2

Page 29: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

29

No Comment

Function Definition

1 회원가입 화면으로 이동한다. 스크린 ID : Member_1_1

2

가족회원 등록 팝업 화면으로 이동한다. 스크린 ID : Course _1_2_1_3 비 로그인 경우 : 1. 로그인 안내팝업 제공 후 스크린 ID : Login_2 2.로그인 화면으로 이동한다. 스크린 ID : Login_1

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

수강신청 안내

회원가입

! 잼잼문화센터 회원으로 가입하신 회원에 한해 수강신청이 가능합니다. ! 휴대전화 인증, I-PIN 인증으로 본인 인증의 절차를 거쳐 안전하게 회원 가입을 완료할 수 있습니다.

본인인증 > 회원정보 입력 > 회원가입 완료

가족회원 등록

! 가족회원으로 등록하시면 별도의 회원가입 절차 없이 수강이 가능합니다. ! 대상은 19세 미만의 자녀등록에 한하여 성명, 성별, 생년월일, 관계, 연락처 기입으로 자녀등록이 가능합니다. ! 19세 이상의 가족등록을 원하시는 경우, 잼잼문화센터 홈페이지 가입자에 한하여 오프라인에서만 가족등록이 가능합니다. ! 영유아(0~4), 유아(4~&), 초등(8~13)의 대상 강좌는 반드시 가족회원 등록 후 수강신청을 하셔야 합니다. ! 가족회원 등록 시 실제 강좌 수강회원의 연락처를 정확히 기재하셔야 강좌 정보 및 안내를 받으실 수 있습니다.

가족회원 추가 > 가족회원 정보 입력 > 가족회원 가입 완료

가족회원 추가

회원가입

수강신청 방법

강좌찾기 > 강좌정보 확인 > 강좌신청 및 강좌 찜하기 등록 > 수강정보 확인 및 수강자 선택 > 결제하기

다음페이지 계속 ▼

! 방문접수는 오전 10시~ 오후 8시까지 가능합니다.

Course _1_2_3 수강신청 수강신청 안내

메인> 수강신청> 강좌 내용> 수강신청 안내

1

2

Page 30: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

30

수강신청 변경 및 취소

! 강좌의 변경 및 취소는 최초 강의 3일 전까지 가능하며, 다음 학기로 강좌연기는 불가합니다. ! 이미 개강한 강좌의 취소를 원하시는 경우 센터방문 하셔야 취소 가능하십니다. ! 센터 방문 시 오전 10시~ 오후 8시까지 가능합니다. ! 수강료 환불은 결제한 수단으로 취소됩니다. ! 강좌개강 이후 본인 사유에 의한 취소 시에는 - 정규강좌는 수강료를 월 단위로 나누어 계산되어 환불됩니다. - 단기강좌는 강의 시작 2일 전까지 취소 시 전액 환불됩니다. ! 각 강좌는 정원에 따라 선착순으로 접수, 마감하여, 신청인원에 미달 시 폐강될 수 있습니다. - 폐강 시 수강료를 환불해 드리거나 강좌를 변경해 드립니다.

인터넷 수강 신청 시 유의사항

! 인터넷으로 다수의 강좌신청 후 결제 시, 일부 강좌만을 선택하여 취소하실 경우 센터로 전화, 또는 방문하시면 취소처리 가능합니다. ! 인터넷취소는 인터넷으로 신청한 강좌에 한하여 취소하실 수 있습니다. ! 인터넷으로 신청한 강좌의 카드 결제는 현재 준비 중이며, 빠른 시일 내에 이용하실 수 있도록 준비하겠습니다.

잼잼 문화센터 휴강일 안내

! 잼잼 문화센터는 평일/주말 모두 강좌 진행하며, 법정공휴일 (현충일, 개천절, 명절 등) 은 휴강합니다.

Page 31: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

31

04. 이벤트

Page 32: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

32

로그인 l 회원가입 No Comment

Function Definition

1

관리자가 ‘메인 이벤트’ 옵션 값 설정과 이벤트 대표 이미지 등록 시 상단 이미지 영역에 이벤트 노출 - 클릭 시 해당 상세화면으로 이동한다.

2 Default : 지점선택 Drop down menu(2) : 전체 지점, 주성 본점

3 Default: 전체 – 이벤트 전체 목록 제공 진행중 – 진행중인 이벤트 목록 제공 종료 – 종료된 이벤트 목록 제공

4 관리자가 선택한 ‘지점’을 말머리로 가져온다.

5 진행 표시 디자인 작업 필요

6 종료 표시 디자인 작업 필요

7 5줄 제공하며 5개 넘어가면 하단에 페이지네비게이션을 제공한다.

8 마우스 오버 시 밑줄링크 및 포인트 컬러 적용

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

이벤트

[전체지점] 잼잼 홈페이지 그랜드 오픈 이벤트

전체 l 진행중 l 종료

| 1 2 3 4 5 | 다음 ▶

응모기간 : 2015.01.01 ~ 2015.01.15 l 발표일 : 2015.01.20

Image Image Image

진행

종료 잼잼 오픈 이벤트 응모기간 : 2014.12.20 ~ 2014.12.31 l 발표일 : 2015.01.02

지점선택

Event_1 이벤트 이벤트 목록

메인> 이벤트

1

2 3

5

6

4

7

1 1

8

Page 33: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

33

No Comment

Function Definition

1 제목, 이벤트 해당지점, 등록일 제공

2 이벤트 목록화면으로 이동

3 이전 페이지로 이동

4 다음 페이지로 이동

5 현재 페이지 정보

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

이벤트

다음 >

1

< 이전 목록

잼잼 홈페이지 그랜드 오픈 이벤트 전체지점 등록일 2014. 12. 31

2 3 4

Event_1_1 이벤트 이벤트 상세페이지

메인> 이벤트

이전 게시물 없음

>> [전체지점] 잼잼 홈페이지 그랜드 오픈 이벤트

다음 잼잼문화센터

3

4

5

Page 34: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

34

05. 회원가입

Page 35: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

35

No Comment

Function Definition

1 회원가입 단계를 제공한다. - 본인인증 단계

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

회원가입

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

잼잼문화센터에 오신 것을 환영합니다.

휴대폰 인증하기 아이핀(I-PIN) 인증하기

* 법인폰 사용자는 아이핀 인증만 가능합니다. * 본인인증을 위해 입력하신 개인정보는 본인인증 기관에서 수집하는 정보이며, 이 때 수집된 정보는 본인확인 용도 외에 사용되거나 저장되지 않습닌다.

휴대폰 인증 또는 아이핀 인증 중 하나를 선택하여 개인정보 인증을 진행해 주세요.

본인인증 > 약관동의 > 회원정보 입력 > 회원가입 완료

Member_1_1 회원가입 본인인증

메인> 회원가입

1

Page 36: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

36

동의 합니다.

동의합니다.

약관동의

•  이용약관

•  개인정보 보호를 위한 이용자 동의사항

동의하지 않습니다. ( 동의 거부 시 회원 가입을 하실 수 없습니다)

동의하지 않습니다. ( 동의 거부 시 회원 가입을 하실 수 없습니다)

전체 동의

No Comment

Function Definition

1 회원가입 단계를 제공한다. - 약관동의 단계

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

회원가입

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

본인인증 > 약관동의 > 회원정보 입력 > 회원가입 완료

동의 동의 안함

잼잼문화센터에 오신 것을 환영합니다.

Member_1_2 회원가입 약관동의

메인> 회원가입

1

Page 37: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

37

No Comment

Function Definition

1 회원가입 단계를 제공한다. - 회원정보 입력 단계

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

회원가입

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

* 항목은 필수 입력 항목입니다.

성명 김승희

* 생년월일 년 월 일

* 이메일 (로그인 ID)

이메일 주소는 로그인 및 회원님의 개인정보를 확인하는 수단으로 이용하오니 정확하게 입력하여 주세요.

* 비밀번호

* 비밀번호 확인

* 연락처

중복확인 이벤트/마케팅 정보 이메일 수신동의

8~13자의 영문과 숫자를 조합하여 생성, 영문만 or 숫자만은 불가, 연속 영문 연속 숫자 불가, 특수기호 제외

다시 한번 비밀번호 등록

@

이통사 010 - - SMS 수신동의

회원 종류에 따라 회원가입 절차가 다르므로, 반드시 본인이 해당하는 경우를 선택하여 가입해 주시기 바랍니다.

본인인증 > 약관동의 > 회원정보 입력 > 회원가입 완료

잼잼문화센터에 오신 것을 환영합니다.

가입하기

Member_1_3 회원가입 회원정보 입력

메인> 회원가입

1

Page 38: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

38

이메일(로그인 ID) 중복확인 사용하려는 아이디 입력 후 중복확인 버튼을 눌러주세요.

확인

중복확인

취소

이메일(로그인 ID) 중복확인 사용하려는 아이디 입력 후 중복확인 버튼을 눌러주세요.

확인

중복확인

취소

사용할 수 있는 아이디입니다.

Member_1_3_1

회원가입 아이디 중복확인

메인> 회원가입

Member_1_3_1_1

Page 39: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

39

No Comment

Function Definition

1 회원가입 단계를 제공한다. - 회원가입 완료 단계

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

회원가입

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

본인인증 > 약관동의 > 회원정보 입력 > 회원가입 완료

잼잼문화센터에 오신 것을 환영합니다.

축하드립니다. 잼잼문화센터 회원가입이 완료 되었습니다!

잼잼문화센터에 가입된 회원님의 이메일(로그인 ID)는 [email protected] 입니다.

1

로그인

Member_1_4 회원가입 회원가입 완료

메인> 회원가입

Page 40: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

40

06. 로그인

Page 41: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

41

회원가입 | 이메일 찾기 | 비밀번호 찾기

이메일 (로그인 ID)

비밀번호

이메일 저장

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

로그인

로그인

Login_1 로그인 로그인

로그인

Page 42: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

42

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

아이디/비밀번호 찾기

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

휴대폰 인증하기 아이핀(I-PIN) 인증하기

* 법인폰 사용자는 아이핀 인증만 가능합니다. * 본인인증을 위해 입력하신 개인정보는 본인인증 기관에서 수집하는 정보이며, 이 때 수집된 정보는 본인확인 용도 외에 사용되거나 저장되지 않습닌다.

휴대폰 인증 또는 아이핀 인증 중 하나를 선택하여 개인정보 인증을 진행해 주세요.

아이디 찾기 비밀번호 찾기

아이디가 기억나지 않으세요? 원하시는 방법을 선택하여 아이디를 확인하실 수 있습니다.

Login_1_1 로그인 아아디 찾기

로그인> 아이디/비밀번호 찾기

Page 43: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

43

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

아이디/비밀번호 찾기

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

아이디 찾기 비밀번호 찾기

회원님의 이메일(로그인 ID)는 [email protected]입니다.

Login_1_1_1 로그인 아아디 찾기 완료

로그인> 아이디/비밀번호 찾기

회원가입 | 이메일 찾기 | 비밀번호 찾기

이메일 (로그인 ID)

비밀번호

이메일 저장

로그인

Page 44: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

44

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

아이디/비밀번호 찾기

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

휴대폰 인증하기 아이핀(I-PIN) 인증하기

* 법인폰 사용자는 아이핀 인증만 가능합니다. * 본인인증을 위해 입력하신 개인정보는 본인인증 기관에서 수집하는 정보이며, 이 때 수집된 정보는 본인확인 용도 외에 사용되거나 저장되지 않습닌다.

휴대폰 인증 또는 아이핀 인증 중 하나를 선택하여 개인정보 인증을 진행해 주세요.

비밀번호가 기억나지 않으세요? 원하시는 방법을 선택하여 비밀번호를 재설정하실 수 있습니다.

아이디 찾기 비밀번호 찾기

이메일 (로그인 ID)

비밀번호를 재설정할 아이디를 입력해주세요.

Login_1_2 로그인 비밀번호 찾기

로그인> 아이디/비밀번호 찾기

Page 45: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

45

No Comment

Function Definition

1 비밀번호 찾기 본인 인증 후 제공되는 화면

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

비밀번호 재설정

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

비밀번호

비밀번호 확인

변경하기

Login_1_2_1 로그인 비밀번호 재설정

로그인> 아이디/비밀번호 찾기> 비밀번호 재설정

1

Page 46: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

46

확인 취소

서비스 안내

로그인이 필요한 서비스입니다. 로그인 하시겠습니까?

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

Login_2 로그인 서비스 안내

Page 47: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

47

07. My 메뉴

Page 48: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

48

My_1 My 메뉴 회원정보 수정

메인> 로그인> My 메뉴

잼잼 스토리 수강신청 이벤트 오시는길

My메뉴

로그아웃 l My메뉴 No Comment

Function Definition

1 My_1_1로 이동한다.

2 My_1_2로 이동한다.

3 My_1_3로 이동한다.

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

2014. 12. 08 추가

수강자 수강점 강좌명 강좌기간 수강료 접수상태 결제상태 접수일

김승희 주성본점 굳모닝 키즈요가 2015.01.06~2015.01.29 125,000원 등록강좌 농협 2014.12.15

취소강좌 카드 2014.12.17

수강내역 조회

강좌 찜하기

수강점 강좌명 강의시간 강사명 수강료 신청상태

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 이영지 125,000 원 접수가능

율량점 90,000 원 접수가능

회원정보 수정

성명 김승희 생년월일 1982년 12월 30일

전화번호 010-0000-0000 이메일 [email protected]

자세히 보기 >

자세히 보기 >

자세히 보기 >

1

2

3

Page 49: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

49

검색

수강자 수강점 강좌명 강좌기간 수강료 접수상태 결제상태 접수일 영수증 출력

김승희 주성본점 굳모닝 키즈요가 2015.01.06~2015.01.29 125,000원 등록강좌 농협 2014.12.15

취소강좌 카드 2014.12.17

대기 2014.12.20

| 1 2 3 4 5 | 다음 ▶

2014

▶ 지점선택

▶ 수강자

▶ 2 전체학기

출력

수강내역 조회 신청하신 강좌 목록을 검색하여 확인하실 수 있습니다.

My_1_1 My 메뉴 회원정보 수정

메인> 로그인> My 메뉴

잼잼 스토리 수강신청 이벤트 오시는길 로그아웃 l My메뉴

2014. 12. 08 추가

No Comment

Function Definition

1

Default:전체하기 봄학기, 여름학기, 가을학기, 겨울학기 - 봄 3,4,5월 / 여름 6,7,8월 / 가을 9,10,11월 / 겨울 12,1,2월

2 선택된 값으로 소팅하여 하단 목록에 제공

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

1

Page 50: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

50

No Comment

Function Definition

1 접수마감된 강좌는 선택박스 Dimmed 처리한다.

2 수강신청 목록화면으로 이동한다.

3 선택된 항목을 목록에서 삭제한다.

4

강좌신청 화면으로 전환된다. -  결제하려는 강좌의 수강점이 다를 경우 : “같은 지점의 강좌가 아니면 함께 결제를 하지 못합니다.” 메시지 제공

5 최근 등록순으로 제공한다.

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

강좌 찜하기

선택 수강점 강좌명 강의시간 강사명 수강료 신청상태

주성본점 굳모닝 키즈요가 2015.01.06(화) 10:00~11:00 이영지 125,000 원 접수가능

율량점 90,000 원 접수가능

산남점 80,000원 접수마감

찜하신 강좌를 수강하시려면 수강하실 강좌를 선택하신 후 결제과정을 진행해주세요.

강좌 추가하기 삭제하기 결제하기

* 안내사항 : 접수마감 된 강좌는 신청하실 수 없으며, 찜한 강좌는 7일 보관 후 목록에서 삭제됩니다.

1

2 3 4

5 강좌 찜하기 목록

My_1_2 My 메뉴 회원정보 수정

메인> 로그인> My 메뉴

잼잼 스토리 수강신청 이벤트 오시는길 로그아웃 l My메뉴

2014. 12. 08 수정

Page 51: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

51

회원님의 회원정보를 안전하게 보호하기 위해 비밀번호를 한번 더 확인해 주시기 바랍니다.

이메일 (로그인 ID) [email protected]

비밀번호

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

확인

My_1_3 My 메뉴 My 메뉴_ 재 로그인

메인> 로그인> My 메뉴

로그아웃 l My메뉴

Page 52: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

52

회원님의 회원정보를 확인하고 정보를 수정 변경 하실 수 있는 화면입니다.

* 항목은 필수 입력 항목입니다.

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

회원정보 수정

회원탈퇴 취소 수정 2 3 4

성명 김승희

생년월일 1982년 12월 30일

이메일 (로그인 ID) [email protected]

* 비밀번호

* 비밀번호 확인

* 연락처 이통사 010 1234 5678 - - SMS 수신동의

8~13자의 영문과 숫자를 조합하여 생성, 영문만 or 숫자만은 불가, 연속 영문 연속 숫자 불가, 특수기호 제외

다시 한번 비밀번호 등록

1

선택 성명 관계 생년월일 수강여부

가족회원

가족회원이 있으시다면 ‘가족회원 추가’ 버튼을 클릭하셔서 추가등록 해주세요.

My 메뉴 회원정보 수정

메인> 로그인> My 메뉴

가족회원 수정 가족회원 추가 가족회원 삭제

로그아웃 l My메뉴

My_1_3_1

Page 53: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

53

회원님의 회원정보를 확인하고 정보를 수정 변경 하실 수 있는 화면입니다.

* 항목은 필수 입력 항목입니다.

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

회원정보 수정

회원탈퇴 2

성명 김승희

생년월일 1982년 12월 30일

이메일 (로그인 ID) [email protected]

* 비밀번호

* 비밀번호 확인

* 연락처 이통사 010 1234 5678 - - SMS 수신동의

8~13자의 영문과 숫자를 조합하여 생성, 영문만 or 숫자만은 불가, 연속 영문 연속 숫자 불가, 특수기호 제외

다시 한번 비밀번호 등록

1

선택 성명 관계 생년월일 수강여부

한세계 자녀 2013년 3월 8일 미수강

한우주 자녀 2011년 7월 11일 미수강

가족회원 가족회원 수정

My 메뉴 가족회원 있음

메인> 로그인> My 메뉴

취소 수정 3 4

가족회원 추가 가족회원 삭제

로그아웃 l My메뉴

My_1_3_2

Page 54: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

54

가족회원 수정

No Comment

Function Definition

1

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

성명 한우주

성별 남 여

생년월일 년 월 일

가족관계

연락처 - -

• 모두 필수항목입니다.

선택

▶ 선택

▶ 선택

자녀

010

가족회원 수정

확인 취소

My 메뉴

메인> 로그인> My 메뉴

My_1_3_2_1

Page 55: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

55

개인정보 보호를 위한 비밀번호 변경

홍길동 회원님

회원님께서는 3개월(90일) 동안 동일한 비밀번호를 사용하고 계십니다. 개인정보 보호를 위해 비밀번호를 변경하시기 바랍니다.

* 비밀번호 변경안내 캠페인은 비밀번호가 변경된 지 일정기간(3개월)이 경과한 이후 회원님께서 로그인 시 마다 보여지게 됩니다.

No Comment

Function Definition

1 비밀번호 변경 화면으로 이동한다. 스크린 ID : Login_1_2_1

2 로그인 전 화면으로 이동한다.

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

잼잼 스토리 수강신청 이벤트 오시는길

다음에 변경하기 지금 변경하기

1

로그아웃 l My메뉴

My_2 My 메뉴 개인정보 비밀번호 변경

메인> 로그인> My 메뉴

2

Page 56: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

56

08. 공지사항

Page 57: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

57

No Comment

Function Definition

1 관리자가 선택한 ‘지점’을 말머리로 가져온다.

2 마우스 오버 시 밑줄링크 및 포인트 컬러 적용

3 15줄 제공하며 15개 넘어가면 하단에 페이지네비게이션을 제공한다.

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

공지사항

번호 내용 등록일

[주성본점] 센터 방문 결제 시 안내

| 1 2 3 4 5 | 다음 ▶

Notice_1 공지사항 공지사항 목록

메인> 공지사항

1 2

3

Page 58: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

58

로그인 l 회원가입 잼잼 스토리 수강신청 이벤트 오시는길

공지사항

다음 >

1

< 이전 목록

잼잼 홈페이지 오픈 안내 전체지점 등록일 2014. 12. 31

2 3 4

No Comment

Function Definition

1 제목, 공지사항 해당지점, 등록일 제공

2 이벤트 목록화면으로 이동한다.

3 이전 페이지로 이동

4 다음 페이지로 이동

5 현재 페이지 정보

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

Notice_1_1 공지사항 공지사항 상세

메인> 공지사항> 공지사항 상세

이전 게시물 없음

>> [전체지점] 잼잼 홈페이지 오픈 안내

다음 잼잼문화센터

3

4

5

Page 59: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

59

09. 이용약관

Page 60: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

60

이용약관

확인

1

No Comment

Function Definition

1 내부 스크롤

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

Agreement_1 이용약관 이용약관

메인> 이용약관

Page 61: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

61

10. 개인정보취급(처리)방침

Page 62: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

Service name Screen name Screen ID 최초 작성일 2014.12. 02

Screen path Version 최종 수정일

62

개인정보취급(방침)처리

확인

Privacy_1 이용약관 이용약관

메인> 이용약관

1

No Comment

Function Definition

1 내부 스크롤

2

3

4

5

6

7

8

9

10

11

Visual Design

VD1

VD2

VD3

Page 63: JamJam Website Smartphone Application Building …...2015/01/13  · 회원정보 수정 5 02. 메인 Service name Screen name Screen ID 최초 작성일 2014.12. 02 Screen path Version

63

END OF DOCUMENT