24
사용자 매뉴얼

(App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

사용자 매뉴얼

Page 2: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

2

목 차 1. 알공 매거진 앱(App)

2. 저작도구

3. CMS 관리자 페이지

Page 3: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

3

알공 매거진 앱(App)

구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’ 을 검색합니다.

(알공 매거진 앱(App)은 무료로 제공됩니다.)

Page 4: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

2. 새소식

-. CMS관리자 페이지에서 추천진을 설정( √ )한 매거진이 노출됩니다.

-. 최근에 등록한 앨범의 노출을 우선순위로 합니다.

4

1

1. 메인상단노출

-. CMS 관리자 페이지에서 메인 노출 설정( √ )해야 노출됩니다.

-. 최대 5개의 매거진을 노출 할 수 있습니다

※ 최근에 등록한 앨범 순으로 5개가 노출됩니다.

2

1. 매거진 메인 화면 구성

Page 5: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

4. 게시판

-. CMS관리자 페이지 [운영관리]의 [게시판 관리]에서 등록된

게시판이 노출됩니다.

5

3. 추천메뉴

-. CMS 관리자 페이지 [코드관리]의 [카테고리 메인 설정]에서

[메인 노출 설정]한 카테고리에 한 하여 노출됩니다.

3 4

1. 매거진 메인 화면 구성

Page 6: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

6

2. 매거진 공유하기 ① 알공 매거진 앱에 등록된 매거진을 클릭합니다.

② 상세보기 페이지에서 [공유하기]를 클릭합니다.

③ 원하는 공유 수단을 선택합니다.

1

2

3

Page 7: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

7

알공 매거진 저작도구

ALGONG MAGAZINE 저작도구 아이콘을 더블 클릭하면, 로그인 팝업이 출력됩니다.

아이디 / 비밀번호 입력 후 확인 버튼을 클릭하면 로딩화면이 출력됩니다.

Page 8: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

8

1. 매거진 새로 만들기 ① [새로 만들기]를 클릭 합니다.

② 앨범정보 및 커버이미지 등록 팝업이 출력됩니다.

1

1

2

Page 9: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

9

1. 매거진 새로 만들기 ③ 대표이미지(사이즈 500*500 pixel)를 등록 합니다.

④ 제목, 섹션 등을 입력한 후, [다음]을 클릭합니다. * 대표이미지, 제목, 섹션은 필수입력 항목입니다.

3

4

Page 10: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

10

1. 매거진 새로 만들기 ⑤ 작업 슬라이드가 생성됩니다. * 슬라이드 옆 [ + ] 클릭시 슬라이드가 추가됩니다.

3

4

5

Page 11: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

11

2. 이미지 삽입하기 ※ 이미지 기본 사이즈는 768*1004입니다. ※

① 상단 메뉴 중 [삽입]에서 [이미지]를 클릭하여 해당 슬라이드에 삽입할 이미지를 가져옵니다.

1

Page 12: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

12

3. 기타 삽입하기 - 동영상 ① [삽입]에서 [동영상]을 클릭하여 해당 슬라이드에 삽입할 영상을 가져옵니다. * 동영상은 MP4 파일만 업로드 할 수 있습니다.

② 플레이 아이콘이 편집 창에 출력됩니다. * 동영상 창의 크기 / 위치를 조절할 수 있습니다.

② 1

2

Page 13: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

13

3. 기타 삽입하기 - 텍스트 ① [삽입]에서 [텍스트]를 클릭합니다.

② 생성된 텍스트 창에 글을 입력합니다.

1

2

* 텍스트 폰트는 나눔고딕 고정이며,

폰트 크기, 진하게, 색상, 정렬,

텍스트 배경의 투명도를 조절할 수

있습니다.

Page 14: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

14

3. 기타 삽입하기 - 링크 ① [삽입]에서 [링크]를 클릭합니다.

② 생성된 링크 팝업에서 URL을 선택한 후 URL 입력한 후 [확인]을 클릭합니다. * URL 링크는 사용자가 입력한 주소로 연결됩니다.

③ 편집 창에 링크 맵이 생성됩니다. * 주황색박스로 표시되며 마우스로 이동 / 크기조절을 할 수 있습니다.

2

1

3

Page 15: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

15

3. 기타 삽입하기 – 전화연결 및 문자 ① [삽입]에서 [전화연결]을 클릭합니다.

② 생성된 팝업에서 연락처를 입력합니다.

③ 전화연결 아이콘이 생성됩니다. * 마우스로 이동 / 크기조절을 할 수 있습니다.

2

1

3

Page 16: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

16

4. 템플릿 ① [템플릿]에서 [배경]을 클릭합니다.

② 색 팝업에서 배경색을 고른 후 [확인]을 클릭합니다. * 기본 색은 블랙이며 원하는 색으로 배경선택 가능합니다.

③ 배경색이 변경되었습니다.

2

1

3

Page 17: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

5. 애니메이션 ① 애니메이션 효과를 넣을 오브젝트를 선택 후 상단 애니메이션 메뉴를 선택합니다. * 우측의 서식메뉴를 통해서도 설정 가능합니다.

② 효과옵션 설정, 시작 / 재생시간 / 지연시간을 설정한 후, 미리보기를 클릭하면 순서대로 애니메이션이 동작합니다.

2 1

Page 18: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

6. 미리보기 ① 미리보기 버튼을 클릭합니다.

② 미리보기 팝업창이 출력되며 효과가 설정되어진 작업한 매거진을 한 눈에 미리 볼 수 있습니다.

2

1

Page 19: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

7. 출판하기 ① 우측 하단의 [출판(공개)] 버튼을 클릭합니다.

② 출판이 완료되었습니다. * 매거진 앱(App)에서 노출은 관리자 페이지에서 승인 후 가능합니다.

1

2

Page 20: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

20

알공 매거진 CMS

(관리자 페이지)

Page 21: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

1. 로그인 ① http://cms.off2on.co.kr/ 에 접속 한 후,

부여 받은 아이디 및 패스워드를 입력 하시면 접속 하실 수 있습니다.

Page 22: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

2. 카테고리 확인 ① [코드관리]의 [카테고리 관리]에서 알공 매거진에 노출되는 각 카테고리 확인이 가능합니다.

* 학원명 옆 아이콘[ ]으로 카테고리 관리가 가능합니다.

1

수정하기

생성된 클래스(반)의 이름을 수정합니다.

클래스(반)중지하기

선택한 클래스(반)을 사용하지 못하게 중지하면 버튼이 으로변경됨

클래스(반)활성화하기

중지했던 클래스(반)이 사용할 수 있게 활성화됨

Page 23: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

2. 카테고리 등록 ① [앨범관리]에서 매거진 리스트가 보여집니다.

② 저작도구에서 출판 완료된 매거진은 등록상태입니다. *확정상태에서는 앱(App)에 노출되지 않습니다.

③ 앱(App)으로 전송할 매거진을 선택한 후 [서비스 확정]을 클릭합니다.

1

2

3

Page 24: (App) 3. CMS 관리자 페이지o2o.itxm2m.com/data/magazine/AlgongMagazine_Manual.pdf3 알공 매거진 앱(App) 구글 플레이 스토어 및 앱 스토어에서 ‘알공 매거진’

2. 카테고리 등록 ④ 매거진이 확정되었습니다.

1