웹 페이지, 동영상 연동하기

새창 제목2

 

웹페이지, 동영상을 앱에 연동하는 방법에 대해 알려드리겠습니다.  

웹 페이지, 동영상을 링크로 입력하고 [새창으로 보기] 기능을 통해서 앱에서 새창으로 확인할 수 있습니다.  

[새창으로 보기] 기능까지 함께 안내해드리겠습니다.


 

 

1. 웹 페이지 새 창으로 보기

먼저 웹 페이지 링크를 입력해서 새 창으로 보는 방법을 설명해드리겠습니다.

 

  • 앱제작 마법사 3단계 페이지 메뉴로 이동합니다.

새창6

1. [새 메뉴 추가]하기를 선택해서 원하는 카테고리에 메뉴를 추가시켜주세요.

2. 메뉴 이름을 입력합니다.

3. 웹링크 아이콘을 선택합니다.

4. 하단에 웹페이지 주소 (URL)를 입력합니다.

5. ** [새창으로 보기]에 체크해주세요.

6. 입력이 완료되면 [적용] 버튼을누릅니다.

7. 마지막으로 적용된 내용을 [저장] 해주시면 됩니다.  


 

 

2. 동영상 새 창으로 보기

이번에는 동영상을 입력해서 새 창으로 보는 방법을 알려드리겠습니다.

 

  • 앱제작 마법사 3단계 페이지 메뉴로 이동합니다.

새창7

웹 페이지 입력 과정과 동일합니다.

1. [새 메뉴 추가]하기를 선택해서 원하는 카테고리에 메뉴를 추가시켜주세요.

2. 메뉴 이름을 입력합니다.

3. 웹링크 아이콘을 선택합니다.

4. 하단에 동영상 주소 (URL)를 입력합니다.

5. ** [새창으로 보기]에 체크해주세요.

6. 입력이 완료되면 [적용] 버튼을누릅니다.

7. 마지막으로 적용된 내용을 [저장] 해주시면 됩니다.  


 

 

3. 앱 실행화면 – 새창으로 보기

앱을 실행하여 앱에서 [새창으로 보기] 기능이 어떻게 보여지는지 확인하겠습니다.

 

  • 카테고리에 만들어놓은 메뉴 – 웹페이지 링크와 동영상 링크를 선택합니다. 

 

새창3

 

1) 웹 페이지

새창4

웹 페이지를 선택하면, 앱에서 새 창이 뜨면서 ​해당 웹페이지가 열리게 됩니다.

새로운 창에서 웹 페이지 내용을 확인할 수 있습니다.

‘X (종료)’를 누르면, 다시 앱으로 돌아가게 됩니다.

 

2) 동영상

새창5

동영상을 선택하면, 앱에서 새 창이 뜨면서 링크로 연동해놓은 YouTube  영상이 재생됩니다.

‘X (종료)’를 누르면, 다시 앱으로 돌아가게 됩니다. 

*개인적으로 사용할 경우는 문제가 되지 않지만 마켓에 올려놓거나

상업적인 용도로 사용하는 앱은 저작권​ 문제가 있기 때문에 동영상은 항상 주의해서 올려주세요 ~!!

동영상을 올리는 방법은 많은 분들의 문의가 있었는데요.

동영상 링크를 입력한 뒤 새창으로 보기만 선택해주시면 앱 내에서 문제 없이 동영상을 시청하고 

정상적으로 다시 앱으로 돌아올 수 있습니다.


쿠폰관리

쿠폰제목

 

쿠폰관리는 관리자가 앱을 이용하는 회원들에게 쿠폰을 발송하고 관리하는 메뉴입니다.

적립쿠폰, 할일쿠폰, 제품 이용권 등을 관리자가 직접 만들 수 있으며 회원에게 쿠폰을 발송하여 사용할 수 있도록 관리할 수 있습니다.

예를 들어 쇼핑몰 오픈기념으로 회원가입을 하는 회원들에게 2000점 적립 쿠폰을 제공하는 방법으로 사용할 수 있습니다.

쿠폰을 생성하는 방법, 쿠폰 사용방법, 쿠폰 관리에 대해서 상세히 알려드리겠습니다.


 

 

  • 서비스관리 – 쿠폰관리 메뉴로 이동합니다.

쿠폰관리1

 

 

STEP1 쿠폰 만들기

 

  • 쿠폰관리 페이지에서 오른쪽에 있는 [쿠폰추가] 아이콘을 선택하시면, 새로운 쿠폰을 만들 수 있습니다.

쿠폰관리2

1. 쿠폰 이름을 입력합니다.

2. 쿠폰에 기재할 내용을 입력합니다.

3. 유효기간을 설정할 수 있습니다. 날짜와 시간을 지정할 수 있구요. 기간 없이 사용할 경우에는 ‘무제한’에 체크해주세요.

4. 입력이 완료되면 [저장하기]를 선택합니다.

 

  • 쿠폰관리에서는 추가한 쿠폰에 대한 작업 이력을 확인할 수 있습니다.

쿠폰관리3

방금 추가한 쿠폰의 내용을 확인할 수 있으며, 쿠폰을 수정하거나 삭제할 수 있습니다.


 

 

STEP2 수신자 설정하기

쿠폰을 받을 수신자(회원)를 선택하는 과정입니다.

 

 

  • 쿠폰관리페이지 왼쪽에 있는 [쿠폰 발송] 아이콘을 선택합니다.

쿠폰관리4

쿠폰을 받을 수신자 설정 창이 뜹니다.

수신자는 앱 회원 전체에게 모두 발송할 수 있으며, 특정 회원을 선택해서 원하는 회원에게만 보낼 수 있습니다.

 

  • 전체회원에게 발송하기

쿠폰관리5

전체에게 보낼 경우는 [전체발송하기] 아이콘을 선택하면 간편하게 전체회원이 선택됩니다.

회원 선택이 완료되면,  쿠폰보내기를 선택해서 완료합니다.

 

  • 개별회원에게 발송하기

쿠폰관리6

특정 회원에게만 쿠폰을 보낼 경우 회원목록에서 해당 회원을 선택한 뒤 [추가]버튼을 선택합니다.

수신대상자 선택이 잘 되었는지 확인한 뒤 쿠폰보내기를 선택해서 완료합니다.


 

 

STEP3 쿠폰발송 – 앱 실행화면 

회원에게 어떻게 쿠폰이 발송되는지 확인해보겠습니다.

쿠폰관리7

 앱 실행 쿠폰 발급이 되었다는 푸시메시지가 뜹니다.

이동하기를 선택하면 자세한 쿠폰 내용을 확인할 수 있습니다.  


 

STEP4 쿠폰 사용방법

쿠폰을 사용하는 방법을 알려드리겠습니다.

 

  • 쿠폰에 기재된 일련번호를 관리자에게 알려주면, 관리자가 일련번호를 확인하여 쿠폰 사용처리를 해드릴 수 있습니다.

쿠폰관리8

쿠폰 사용방법1

비밀게시판에 회원이름, 아이디를 기재하고 쿠폰 일련번호를 입력합니다.

비밀게시판은 관리자와 글을 쓴 사용자만 볼 수 있는 게시판이기 때문에 다른 사용자들에게 일련번호를 노출시키지 않고 이용할 수 있습니다.

관리자가 게시판 내용을 확인한 후에 쿠폰 사용처리를 완료할 수 있습니다.

 

쿠폰관리9

쿠폰 사용방법2

대화하기(채팅창)메뉴를 이용하여 회원이름, 아이디를 기재하고 쿠폰 일련번호를 입력합니다.

관리자와 회원의 1대1 실시간 대화창이기 때문에 바로 쿠폰 사용이 가능하다는 장점이 있습니다.  

이렇게 스윙에서 만든 쿠폰은 일련번호를 관리자에게 알려줌으로써 사용할 수 있습니다.

 


 

 

STEP5 쿠폰 사용처리 – 관리자 버전

회원이 쿠폰 사용요청을 한 뒤 관리자가 쿠폰 사용처리를 하는 방법에 대해서 알려드리겠습니다.

  • 쿠폰관리 페이지 오른쪽에 있는 [쿠폰사용하기] 아이콘을 선택합니다.

쿠폰관리10

1. 쿠폰 code는 회원에게 받은 쿠폰 번호를 입력하도록 합니다.

2. 쿠폰 사용 요청을 한 회원 사용자 ID를 입력합니다.

3. 입력 완료 후 [쿠폰 조회 및 사용] 아이콘을 선택합니다.

최종으로 쿠폰명과 사용자 ID, 이름이 맞는지 확인하면 ‘사용완료’ 메시지 창이 뜹니다.

 

 

  • 발행한 쿠폰을 관리할 수 있습니다.

쿠폰관리11

발행내역을 선택하시면 쿠폰을 발급한 회원정보 및 사용내역 등의 정보를 확인할 수 있습니다.


 

 

쿠폰관리에 대한 방법을 다시 정리해드리겠습니다.

원하는 형식으로 쿠폰 만들기 → 앱 회원에게 쿠폰 발급 → 회원의 쿠폰 사용 요청 시   → 회원 이름, 아이디, 쿠폰 일련번호를 받는다. → 쿠폰관리페이지에서 쿠폰사용 선택 → 회원 정보 입력한 뒤 쿠폰 사용 완료 → 쿠폰관리페이지에서 쿠폰 발급내역과 사용여부등의 기록을 확인할 수 있습니다.

*일련번호는 자동으로 지정되는 것이기 때문에 관리자가 직접 지정할 수 없습니다.

쿠폰은 온라인 뿐만 아니라 오프라인에서도 사용가능한데요.

예를 들어서 소셜커머스 앱에서 레스토랑 50% 할인권을 구매하면, 레스토랑에 가서 결제한 쿠폰을 보여주는 형식으로 할인을 받게 되잖아요?

이러한 방법으로 쿠폰을 발행 한 뒤 매장에 방문한 고객의 쿠폰을 직접 확인하여서 서비스를 제공할 수 있답니다. ^^

 

 


 

 

사용자 페이지 적용하기

페이지1

 

스윙 2.0에서는 웹 페이지 제작이 가능합니다. 페이지 제작은 모바일 웹페이지를 사용자가 직접 만들 수 있는 기능으로  

앱 개선 및 제작 도구 개선으로 더욱 편리하게 앱을 제작하실 수 있습니다. 사용자 페이지 기능에 대해서 알려드리겠습니다.


 

 사용자 페이지 적용하기

 

  • 앱제작 메뉴에서  3번째 제작 단계인 페이지 메뉴로 이동합니다.

페이지7

페이지 메뉴는 앱에 보여지는 메뉴 및 카테고리, 게시판을 추가하여 제작을 할 수 있는 단계입니다.

페이지메뉴에서 사용자 페이지 기능을 적용할 수 있습니다.

 

페이지2

​1. [홈화면]을 선택합니다.  

* 웹 페이지를 어떤 화면에서 보여줄지 결정하는 것이기 때문에 홈화면에 적용해도 되고, 하위 메뉴에 적용해도 동일하게 보여집니다.

2. 홈화면을 선택하면 오른쪽 화면에 메뉴설정이 보여집니다. 메뉴 중에서 [사용자 페이지]를 선택합니다.

​3. 사용자페이지에서 [불러오기]아이콘을 선택합니다.

 

  • ​[불러오기]를 선택하면 페이지를 적용할 수 있는 새로운 창이 뜹니다.

페이지3

[페이지 추가/ 관리]를 선택해서 페이지를 새롭게 작업해서 추가할 수 있습니다.

사용자 페이지 창에 보이는 INDEX 파일은 예시로 만든 샘플 페이지입니다.

*웹페이지 초기화면이 보여지기 때문에 참고로만 확인해주시기 바랍니다.

 

 

  • [페이지 추가/ 관리]를 선택해서 페이지 제작도구로 이동해보겠습니다.

페이지4

페이지 제작도구에서 화면에 보이는 프로젝트를 선택하면 제작 프로그램으로 이동하게 됩니다.

 

  • 웹 페이지 제작도구 프로그램입니다.

페이지8

웹 페이지 제작 도구에서 사용자가 레이아웃, 제목, 이미지, 기능 툴을 모두 입력해서 제작할 수 있습니다.

​페이지 제작 방법은 프로그램을 사용해본적이 있으면 이용가능하나, 처음 접해본다면 작업하기가 어렵습니다. 따라서 어느 정도 작업이 가능한 사용자가 이용해주시기 바랍니다.

*추후 스윙 도움말에서 웹페이지 제작 방법에 대해서도 설명해드리도록 하겠습니다.

 

  • 웹 페이지 샘플 화면을 적용한 가상머신 화면입니다.

페이지6

직접 만든 페이지를 앱 화면에 구동시켜서 보이게 할 수 있습니다. 혹은 카테고리에서 보여지게끔 만들 수 있습니다.

 ㄹㄹ

ㅎㅀ

사용자 페이지는 홈페이지 등의 웹사이트가 없는 사용자가 유용하게 사용할 수 있는 제작 기능이구요.

모바일 웹 페이지를 구현해서 보다 퀄리티 있는 앱을 만드실 수 있습니다.


전화번호로 회원가입하기

전화번호회원가입제목

 

스윙 2.0 ​정책설정 – 회원가입 설정에서 사용자의 전화번호를 아이디로 설정하여 회원가입을 할 수 있습니다.

사용자의 전화번호를 입력하여 회원가입을 하는 방법을 설명해드리겠습니다.


 

 

STEP 1  SMS 이용권 구매하기

* 전화번호 아이디를 설정하기 위해서는 먼저 스윙 쇼핑몰에서 [1000건 SMS발송권]을 구매해야합니다.

 

  • 결제 – 스윙 쇼핑몰 메뉴로 이동합니다.

s1

[1,000건 SMS 발송] 제품을 선택해서 결제해주세요.


 

 

STEP 2 회원가입 양식 설정하기

 

  • 결제가 완료되면 서비스관리 – 정책관리 메뉴로 이동합니다.

s2

 

 

  • 지정된 아이디형태로 회원가입을 할 수 있는 메뉴로 ‘전화번호’로 가입하기를 설정합니다.

s3

1. 회원가입 양식 설정에서 아이디형태를 전화번호로 선택해줍니다.

*1,000건 SMS발송권을 구매하지 않으면 ‘전화번호’를 사용할 수 없게 됩니다.

2. 전화번호 선택한 뒤 상세 설정에서 사용자 정의로 지정해놓으면 기본 메뉴로 세팅되어 지정됩니다.

*다양한 항목을 추가할 경우 도움말에서 ‘회원가입양식 설정하기’ 내용을 참고해주세요.

3. 모든 내용 입력이 완료되면 정책 설정하기 버튼을 눌러주세요.

 

전화번호 회원가입 – 앱 실행화면

전화번호를 입력해서 회원가입을 하는 방법을 보여드리겠습니다.

 

s4

회원가입 메뉴에서 사용자의 전화번호를 입력한 뒤 인증번호 [요청]을 선택해주세요.

 

  • 입력된 전화번호로 스윙에서 인증번호를 발송해드립니다.

s5

 

 

  • 발송된 인증번호를 입력하고, 사용자 이름을 입력합니다. 간단하게 회원가입이 완료됩니다.

s6

 

 

  • 로그인을 할 때도 전화번호와 인증번호를 입력해서 로그인을 할 수 있습니다.

s7

 


SMS 메시지 보내기

메시지제목 

 

스윙2.0에서는 앱 사용자들에게 SMS 메시지를 보낼 수 있습니다.  SMS 메시지를 보내는 방법에 대해서 알려드리겠습니다.


 

STEP 1  SMS 이용권 구매하기

* 전화번호 아이디를 설정하고, SMS메시지를 보내기 위해서는 먼저 스윙 쇼핑몰에서 [1000건 SMS발송권]을 구매해야합니다.

 

  • 결제 – 스윙 쇼핑몰 메뉴로 이동합니다.

s1

[1,000건 SMS 발송] 제품을 선택해서 결제해주세요.

앱 회원들에게 SMS 문자메시지 1,000건 발송이 가능합니다.


 

 

STEP2  SMS 메시지 발송하기

이어서 앱 회원에게 SMS 메시지를 보내는 방법을 알려드리겠습니다.

 

  • 푸시관리 – 푸시 발송하기 메뉴로 이동합니다.

s8

 

  • 푸시 발송에서 [SMS 발송 메뉴]를 선택합니다.

s9

메시지 내용을 입력하기 전 [수신자 및 예약설정] 아이콘을 선택해서 수신회원을 선택해줍니다.

 

 

  • SMS를 메시지를 받을 수신자(앱 회원)를 선택하는 과정입니다.

s10

1. 전체회원에게 메시지를 보낼 경우는 [전체발송하기]를 선택해주시면됩니다.

2. 개별 회원에게 보낼 경우는 회원을 선택해서 [추가]를 선택해주시면 됩니다.

3. SMS 예약설정도 가능합니다. [예약설정] 아이콘을 선택하면 날짜, 시간을 지정할 수 있습니다.

4. 수신자 설정이 완료되면 [SMS 발송] 아이콘을 눌러주세요.

     

    • SMS 발송에서 발신번호, 메시지 내용을 입력합니다.

    s11

    1. 수신자가 제대로 설정되었는지 확인합니다.

    2. 발신번호를 입력해줍니다.

    3. SMS 내용을 입력합니다. 글자수가 정해져있으니 글자수가 넘어가지 않도록 잘 지켜주세요.

    4. 모든 내용 입력이 끝나면 [SMS 발송하기]아이콘을 선택합니다.

     

    • 핸드폰으로 발송된 SMS 문자 메시지입니다.

    s8

     

    관리자는 앱 회원들에게 이벤트내용, 공지사항, 홍보 등의 내용으로 문자메시지를 다양하게 활용할 수 있습니다.


    프로토타입 디자인

    프로제목

     

    스윙 2.0에서 제공하는 프로토타입은 슬라이드, 탑, 푸터, 푸시, 웹뷰 등 총 5가지 디자인 스타일을 제공하고 있습니다.

    이번 포스팅에서는 각각의 프로토타입 디자인 설명과 함께 프로토타입 적용 앱 화면을 함께 소개해드리겠습니다.


     

    *프로토타입 특이사항

    프로토타입 메뉴 스타일을 변경한 후,  앱을 다시 제작해야만 수정사항이 반영됩니다. 

    예)처음에 슬라이드 메뉴로 만들었는데, 푸터 스타일로 프로토타입을 바꾸고 싶어요.

    =프로토타입은 실시간으로 수정사항이 반영되는 항목이 아니기 때문에 앱제작요청을 통해서 앱을 다시 제작해야만 수정사항이 반영되요!

     

    * 웹뷰 메뉴 특이사항

    웹뷰메뉴는 다른 프로토타입메뉴와는 다른 특이사항을 몇 개 더 가지고 있으니 꼭 확인해주세요 ~!

    (1) 홈 주소 갱신 여부 : 불가 , 홈 주소를 갱신할 경우 앱을 다시 제작해야 합니다.

    (2) 이용기간 체크여부 : 이용기간 체크를 하지 않습니다, 한번 유료앱으로 제작하면 계속 사용이 가능합니다.

    (3) 유료결제기간이 지날경우 : 기존앱은 계속 사용이 가능하나 , 이용기간이 종료된 상태에서는 변경된 주소로 상용버전 앱으로 제작할 수 없습니다.

     

     

    1. 슬라이드 메뉴

    프로토타입 – 슬라이드 메뉴 스타일을 적용하겠습니다.

     

    • 슬라이드 메뉴는 앱을 구성하는 카테고리의 내용들이 처음부터 노출이 되지 않고, 슬라이딩 아이콘을 터치했을 때 화면이 넘어가면서 카테고리 내용을 확인할 수 있도록 디자인되어 있습니다.

    프로1

     

     

    • 슬라이드 스타일 적용 – 앱 실행화면

    슬라이드1

     

    슬라이드2

     화면을 슬라이딩 하여 사용할 수 있으며, 아이콘을 선택하여 메뉴 창을 확인할 수 있습니다.

     


     

     

    2. 탑 메뉴

    프로토타입 – 탑 메뉴 스타일을 적용해보겠습니다.

     

    •  탑 메뉴는 카테고리, 게시판 등의 내용이 핸드폰 상단에 위치하고 있습니다.  ​해당 메뉴를 터치했을 때 메뉴에 해당하는 카테고리들이 화면 전체에 보여지는 스타일입니다.

     

    프로2

     

     

    • 탑 스타일 적용 – 앱 실행 화면

    탑

     

    u8

    탑 스타일은  상단에 위치한 메뉴를 선택해서 하위 카테고리 내용을 확인 할 수 있습니다.

    간편하게 한 눈에 전체 메뉴를 확인할 수 있습니다.

     

     


     

     

    3. 푸터 메뉴

    프로토타입 – 푸터 메뉴 스타일을 적용해보겠습니다.

     

    • 카테고리, 게시판 등의 메뉴가 글이 아닌 아이콘 형식으로 보이며, 핸드폰 화면 하단에 메뉴가 위치하고 있습니다. 해당 아이콘을 클릭하면​ 핸드폰 화면 전체에 카테고리의 내용이 펼쳐집니다.​

    프로3

     

     

    •  푸터 스타일 적용 – 앱 실행화면

    푸터1

     

    푸터2

     탑 메뉴와는 반대로 하단에 메뉴가 위치하고 있습니다. 동일하게 카테고리를 선택하면 하위 카테고리가 열립니다.

     


     

     

    4. 웹뷰 메뉴

    프로토타입 – 웹뷰 메뉴 스타일을 적용해보겠습니다.

     

     

    • 웹뷰는 웹사이트를 앱으로 그대로 옮겨서 사용하는 방식입니다.  따라서 앱에서 별도의 메뉴나 아이콘을 만들지 않아도 입력한 사이트의 메뉴와 카테고리로 앱을 이용합니다.

     

    프로5

     

     

    • 웹뷰 스타일 적용 – 앱 실행화면

    웹뷰1

    웹뷰는 웹사이트 자체를 모바일에 옯겨놓았기 때문에 앱 디자인 자체가 굉장히 깔끔하고 제작하는데 큰 어려움이 없습니다. 모바일 전용 사이트를 가지고 있다면 모바일에 최적화된 앱을 만들 수 있습니다.

     

     


     

     

    5. 푸시 메뉴

    프로토타입- 푸시 메뉴 스타일을 적용해보겠습니다.

     

    • 푸시 역시 웹뷰 스타일과 동일하게 웹사이트를 앱으로 그대로 옮겨서 사용하는 방식입니다.  
    • 푸시 전용으로 만들어진 프로토타입 디자인으로, 푸시 발송을 자유롭게 할 수 있으며 웹뷰와는 다르게
      화면 하단 카테고리 메뉴를 통해  앱 내의 이동이 편리하다는 장점이 있습니다.

    프로4

     

    • 푸시 스타일 적용 – 앱실행화면

    푸시화면

    하단에 보이는  카테고리 메뉴를 이용해서 전 단계, 다음 단계, 홈화면으로 이동할 수 있습니다.

    하단 푸시 설정 버튼을 누르면 푸시 알림을 끄거나 켤 수 있습니다.

     

     

    프로토타입은 [앱제작 – 디자인 테마] 에서 설정할 수 있습니다.  다양한 프로토타입 디자인을 통해서 여러분들의 앱을 자유롭게  만들어보세요 ^^


    등급별 게시판 만들기

    그림1

    오늘은 스윙아카데미의 수강생을 학년에 따라서 나누고 등급별로 게시판 접속권한을 주어 관리하는 방법을 알아보겠습니다.


     

    STEP1 회원그룹 만들기 

    스윙에서는 회원등급을 운영등급에서부터 1-9등급, 그리고 손님(앱 설치후 로그인하지않은 회원)으로 총 11개로 나누어 관리 할 수 있습니다.
    스윙아카데미에서는 1학년, 2학년, 3학년 그룹을을 8등급, 7등급, 6등급으로 추가해보도록 하겠습니다.

     

    • 회원관리 > 그룹권한관리 메뉴로 이동합니다.

    그림3

     

    • 상단의 (1) 권한그룹생성하기 버튼을 클릭하여 (2) 권한그룹설정 정보인 그룹등급, 그룹명, 설명을 입력하고 [저장]버튼을 클릭합니다.
      스윙아카데미는 1학년(8등급), 2학년(7등급), 3학년(6등급)으로 나누어 등록해보겠습니다.

    그림5

    (1) 그룹등급 – 관리자, 1~9등급 까지 설정할 수 있습니다.(손님은 로그인 하지 않은 사용자므로 설정 불가능)
    (2) 그룹명 – 그룹명을 입력합니다.
    (3) 그룹설명 – 그룹에 대한 부가설명을 메모합니다.
    (4) 소속 회원 수 – 그룹등록 후 해당 그룹에 몇 명의 회원이 속하는 지 알 수 있습니다.
    (5) 생성일자 – 그룹 생성일시를 표시합니다.
    * 운영등급, 일반회원(회원가입한 회원,9등급과 동일), 손님등급은 기본값으로 삭제 할 수 없습니다.

     

     


     

    STEP2 회원별 등급적용하기 

    스윙아카데미에 가입한 회원의 정보에 따라서 등급을 일괄, 개별 지정합니다.

    *관리자 및 부관리자 지정 방법은 이 포스트에서 다루지 않겠습니다. 다음 도움말에서 확인하세요.
    > [관리자 지정하기] 도움말 바로가기, [부관리자 지정하기] 도움말 바로가기

     

    • (1) 회원관리 > 회원조회 메뉴로 이동한 뒤 목록에서 그룹을 변경 할 (2)회원 여러명을 선택하여
      (3) [그룹으로 보내기 기능]의 (4) 이동하고 싶은 그룹을 선택합니다.
      초롱이 학생과 새싹이 학생은 1학년으로 변경하겠습니다. (5) 선택한 회원과 바꿀 등급을 확인 하면
      그룹지정이 완료됩니다.

    회원조회-그룹으로 이동

     

    • 만약 회원의 이름만으로는 등급을 정할 수 없다면, (1) 회원이름 혹은 아이디를 클릭하여 회원정보로 이동합니다. (2) 개인정보 탭의 회원상세정보를 확인한 뒤, (3) 현재그룹정보의 그룹을 원하는 그룹으로 변경하고 (4) [그룹변경하기] 버튼을 클릭합니다. 김튼튼 학생의 회원가입 시 입력한 정보를 확인 하니 2학년이므로 2학년으로 변경하겠습니다. 

    (1) 회원정보 보기 – 회원명, 회원아이디를 클릭하면 회원정보 화면으로 이동합니다.
    (2) 회원 상세정보 – 회원가입 시 입력받은 정보를 표시한다. 앱에 따른 회원가입양식 설정 방법은 > [회원가입양식 설정하기] 도움말에서 볼 수 있습니다.
    (3) 현재 그룹정보 – 목록에서 일괄적으로 그룹을 변경하지 않고 개별적으로 그룹을 변경합니다.


     

    STEP3 게시판 등급권한 설정하기 

    회원 그룹별 게시판을 만들고, 게시판에 맞는 그룹 권한을 지정합니다.  . 

    • 서비스관리 > 게시판관리 메뉴로 이동합니다.

    그림16

     

    • 게시판 관리 상단의 (1) [게시판생성] 버튼을 클릭하여 게시판 생성하기 레이어로 이동합니다.
      (2) 게시판 이름을 입력
      하고
      (3) 게시판용도를 사용자정의로 선택
      한 뒤 원하는 (4) 게시판 UI 형태를 선택합니다.
      (5) 상세설정에서 글쓰기 권한, 글상세 보기 권한, 목록 보기 권한
      을 지정한뒤
      (6) [저장하기] 버튼을 클릭합니다. 스윙 아카데미는 2학년 게시판을 만들었습니다.
      .

    그림13

    * 폐쇄적 권한설정 – 모든 권한을 해당 권한으로 지정하면, 해당 권한을 포함한 상위 그룹만 해당 메뉴를 사용할 수 있습니다.
    * 부분적 권한설정 – 글쓰기 권한만 해당 권한으로 지정하고, 글상세 보기와 목록보기 권한을 낮은권한으로 지정하여 더욱 많은 회원이 조회는 가능하나 글작성을 제한할 수 있습니다.

     

     

    • 권한이 잘 적용되었는지 앱에서 확인해보겠습니다.
      1학년인 초롱이 회원이 2학년 게시판을 접속할 때 다음과 같이 게시판에 접근할 수 없음을 확인할 수 있습니다. 


    팝업으로 홍보하기

    그림1

    앱 회원에게 공지, 이벤트 등을 효과적으로 홍보 할 수 있는 방법은 팝업을 활용하는 것이죠.
    이번에는 팝업을 통해 스윙네일샵의 네일 포토후기 이벤트 결과를 홍보하는 방법에 대해 알아보겠습니다!


     

    STEP1 팝업 이미지 준비하기

    스윙 네일샵에서는 올해의 가장 인기 있는 포토 후기 총 9건을 보여주고자 합니다.
    이미지가 많으니 9개의 이미지를 첨부할 수 있는 미리보기 팝업형태를 선택해야 할 것 같네요.
    후기사진을 선별하여 사이즈게 맞게 준비합니다. (미리보기 팝업의 이미지 권장사이즈는 380 x 340px 입니다.)

     

    20160107-1902 001

    이미지 출처 : 구글 이미지 검색 (수정 재배포 가능한 이미지로 작업)

     

    미리보기 팝업의 경우 첫번째 이미지가 표지와 같은 역할을 하므로 팝업내용에 대한 간단한 설명을 이미지에 추가하면 더욱 좋습니다. 

    포토후기 (1)

    380 x 340 px 로 작업한 예시이미지

     


     

    STEP2 미리보기 팝업 적용하기 

    팝업관리메뉴에서 팝업을 키고, 팝업형태를 선택한 뒤  준비한 이미지, 링크를 입력한 뒤 저장버튼을 클릭하여 팝업을 적용합니다. 

     

    • 서비스관리 – 팝업관리 메뉴로 이동합니다. 

    그림2

     

     

    • 먼저 (1)팝업켜기를 체크하고  준비한 이미지에 맞는 (2)팝업형태를 선택합니다.
      여러 이미지를 보여주기 위해서 4번 미리보기 팝업을 선택하였습니다.

    그림5-

    (1) 팝업켜기 – 팝업을 앱에서 표시 할지 말지 선택합니다.
    (2) 팝업형태 – 콘텐츠에 맞는 팝업형태를(전체팝업/슬라이드팝업/분할팝업/미리보기팝업) 선택하여 주세요.
    (3) 팝업작업화면 – 선택한 팝업형태에 따른 작업화면 입니다. 이미지 및 링크를 관리 할 수 있습니다. 

     

     

    • (1)빈 항목에 이미지를 첨부한 뒤 이미지의 (2)링크주소를 입력하고(미리보기 클릭 시 입력 된 링크로 이동) 연결할 페이지가 없다면 (3)링크없음을 체크합니다. 이미지 변경사항이 없다면 (4)링크적용 버튼을 클릭하여 완료합니다. 나머지 이미지와 링크를 설정 한 뒤 화면하단의 (7)변경사항저장을 클릭하여 팝업을 게시합니다.

    그림6

    (1) 빈 이미지항목 – 이미지를 모두 등록해야 합니다. 빈 항목이 있을 시 팝업이 게시되지 않습니다.
    (2) 링크주소 – 미리보기 영역 클릭시 이동할 링크주소를 입력합니다.
    (3) 링크없음 – 입력할 주소가 없다면 링크없음을 체크합니다. (링크주소에 ‘#’이 대신 표시됩니다.)
    (4) 링크적용 – 등록한 이미지와 링크 정보를 적용합니다.
    (5) 이미지변경 – 해당 위치의 이미지를 다른 이미지로 변경합니다.
    (6) 이미지삭제 – 해당 위치의 이미지를 삭제합니다.
    (7) 변경사항저장 –  팝업 변경 내용을 저장합니다. 팝업을 앱에서 보기 위해서는 팝업 켜기를 체크한 뒤 저장하세요. 

     


     

    STEP3 적용된 팝업 확인하기

    팝업 저장 후 앱을 재시작하면 팝업이 적용된 것을 바로 확인 할 수 있습니다. 하단 이미지들을 클릭하여 미리보기 화면에서 크게 볼 수 있습니다.
    링크가 설정되어 있다면 미리보기 이미지를 클릭하여 이미지에 해당하는 웹페이지로 이동 할 수 있습니다.

     

    그림7

    * 상단의 미리보기에 첫번째 이미지가 기본적으로 표시됩니다.
    * 링크가 설정된 이미지 클릭 시 웹페이지로 이동하며 팝업이 닫힙니다. 팝업은 앱을 재시작해야 볼 수 있습니다.
    * [아래의 팝업을 다시보지 않기] 클릭 시 앱을 재시작해도 볼 수 없으며 관리자가 팝업관리에서 새로운 팝업을 적용하거나 기존 팝업을 수정하여 변경사항저장을 클릭하면 팝업이 새롭게 표시 됩니다.

     


    운영팁!
    팝업기능을 통해 앱 회원에게 중요한 공지, 새로운 소식 등 중요한 정보를 제공할 수 있지만 팝업다시보지않기 사용 시 다시 볼 수 없으므로, 팝업정보와 동일한 내용을 게시판에 작성 하면 팝업을 닫은 후에도, 팝업이 끝난 후에도 볼 수 있으니 효율적이겠죠?  🙂

    설문관리

    설문제목

     

    스윙 2.0 버전에 새롭게 추가된 기능 중 하나인 ⁠설문관리는 앱을 이용하는 사용자들에게 설문조사를 실시할 수 있는 기능입니다.

    사용자들의 의견을 받아 객관적인 조사가 가능하며, 만족도 조사, 홍보를 위한 조사 등 다양한 목적으로 설문조사를 실시할 수 있습니다.

    스윙의 설문조사 내용 입력 및 활용방법, 관리 방법에 대해서 설명해드리겠습니다. ​ 


     

     

    • 서비스관리 – ‘설문관리 메뉴’로 이동합니다.

    설문1

     

     

    1. 설문조사 관리

     

    • 설문조사관리 페이지에서 설문에 필요한 기본 정보를 입력할 수 있습니다.

    설문2

    먼저 * 표시로 되어 있는 항목은 필수적으로 기재해야 하는 항목입니다

     

    1. 설문조사명: 설문조사를 실시할 제목을 입력합니다.

    2. 기간설정: 기간은 설문조사를 실시할 기간을 입력하는 것으로 시작일과 마감일을 날짜와 시간으로 지정합니다.

    3. 설문 항목관리: 설문 항목관리는 설문지에 들어갈 내용을 입력하는 것으로 오른쪽에 보이는 ‘새 설문항목 추가’ 아이콘을 클릭해서 작업합니다.

    설문조사는 푸시로 설정할 수 있습니다. 푸시설정을 선택해서 발송대상자를 선택한 뒤 제목, 내용, 이미지를 입력하면 푸시가 발송됩니다. 공지사항으로 많은 사용자들에게 설문조사를 알려야 한다면 푸시를 사용하는 것도 좋은 방법입니다.  ​

     

     

    • 설문조사 항목 만들기 – 설문지에 들어갈 항목을 입력해보겠습니다.

    설문3

    1. 질문내용: 설문지에 들어갈 질문을 입력합니다.

    2. 필수 항목 여부: 필수 항목 여부는 해당 질문이 필수로 답변을 해야 하는 질문인지, 답변을 안해도 되는지를 선택하는 항목입니다.

    따라서 필수로 답변을 해야 한다면 ‘ 필수답변 항목’에 체크해주세요.

    ​3. 답변유형: 답변유형은 사용자들이 답변을 고를 때 하나만 선택가능한 단일 선택인지, 여러개 동시 선택 가능한 다중선택인지, 글로 입력해야 하는 서술형 답변인지를 선택해서 체크해놓도록 합니다.

    설문4

     

    • 다중선택 항목

    설문7

     

    • 서술형 항목

    설문8

     

    4. 단일선택 항목만들기: 보기를 골라서 답변을 채우는 설문지의 경우 ‘답변항목생성’ 아이콘을 클릭해서 항목을 추가할 수 있습니다.

    녹화_2016_01_06_14_58_13_123

    설문5

    5. 저장하기: 모든 입력이 완료되면 저장하기를 눌러주세요.

     

     

    • 설문조사 관리 완료

    설문6

    설문지 기본 설정 및 내용입력이 모두 완료되면 ‘저장하기’를 눌러주세요.

     


     

    2. 설문조사 결과 확인하기

    진행 중 혹은 마감된 ​설문조사 결과를 확인할 수 있습니다.

     

    • 참여 인원을 선택하면 설문조사에 참여한 회원정보를 확인할 수 있으며, 회원을 선택하면 설문 결과 확인이 가능합니다.

    설문10

     

     

    • 설문조사 결과를 통해서 회원이 입력한 답변리스트를 확인할 수 있습니다.

    설문11

     

     

    • 새로운 설문을 추가하거나, 설문 마감 및 수정&삭제 기능을 모두 사용할 수 있습니다.

    설문9

     


     

    3. 설문조사 – 앱 실행화면

    만들어놓은 설문이 앱에서 어떻게 실행되는지 확인해보겠습니다.

     

    • 앱을 실행 한 뒤 ‘설문조사’ 메뉴를 선택합니다.

    설문앱1

     

     

    • 설문조사 문항들을 확인하고, 사용자가 답변문항을 체크할 수 있습니다.

    설문앱3

     

    설문앱4

     

    설문앱5

     

     

    • 설문조사가 완료되면 관리자에게 설문조사 결과가 전송됩니다.

    설문앱2

     


    팝업 관리하기

    팝업제목

     

    스윙에서 제공하는  팝업 메뉴는 모든 사용자들이 무료로 만들 수 있습니다.

    팝업기능을 통해서 새로운 내용을 홍보하거나, 단기 이벤트로 내용을 더욱 효과적으로 전달할 수 있습니다.

    팝업을 사용하는 방법과 팝업을 관리하는 방법에 대해서 설명해드리겠습니다.


     

     

    • 서비스관리 – 팝업관리 메뉴로 이동합니다.

    팝업1

     

     

    팝업 설정하기1

    스윙에서 제공하는 팝업 스타일은 총 4가지입니다. 사용자가 원하는 팝업을 선택해서 앱을 제작할 수 있습니다.

     

    • ​첫 번째 스타일을 적용하여 팝업을 만들어보겠습니다.

    팝업2

    ‘팝업켜기’에 체크한 뒤, 첫 번째 팝업 스타일을 선택합니다.

     *이미지를 첨부하기 전 올리고자 하는 이미지는 권장 해상도 380*680을 꼭 지켜주세요. 

     

    • 핸드폰 이미지 가운데에 있는 ‘+’ 아이콘을 누르면 이미지 파일을 열 수 있습니다.

    팝업3

    파일에서 이미지를 선택하여 첨부하면, 핸드폰에 팝업 이미지가 적용됩니다.  

     

     

    • 이미지가 적용된 팝업 화면입니다.

    팝업4

    1. 링크 이미지 설정 창: 링크 이미지는 팝업화면을 선택했을 때 해당 URL링크로 이동시킬 수 있습니다.

    연결할 링크가 없으면 ‘링크없음’에 체크합니다.

    2. 이미지 변경, 이미지 삭제: 해당 팝업 이미지를 다른 이미지를 변경할 수 있고, 이미지를 삭제할 수도 있습니다.

     

     

    • 팝업 이미지 설정이 완료되면 하단의 ‘변경 사항 저장’을 누른 뒤 팝업 이미지를 적용합니다.

    팝업6

     

     

    앱 실행화면 – 팝업 실행

     팝업첫번째

    앱을 실행시켜 팝업 화면을 확인할 수 있습니다.

    팝업에 적용시킨 이미지가 큰 이미지로 보여집니다.

     


     

     

    팝업 설정하기2    

    두 번째 팝업 스타일을 적용해보겠습니다.

    • 두 번째 팝업은 이미지가 총 3장이 등록됩니다. 슬라이드하여 해당 이미지를 확인할 수 있구요.
    • 다양한 이미지 팝업을 보여줘야 할 때 활용할 수 있습니다.

    팝업7

     

     

    • ‘+’ 아이콘을 눌러서 이미지를 등록합니다.
    • 이미지는 총 3장을 등록해야 합니다. 권장 해상도를 잘 지켜주세요.

    팝업8

     

     

    • 3장의 이미지가 등록된 팝업 창 모습입니다.

    팝업9

     

     

    • 팝업 이미지 설정이 완료되면 하단의 ‘변경 사항 저장’을 누른 뒤 팝업 이미지를 적용합니다.

    팝업10

     

     

     

    앱 실행화면 – 팝업 실행

     

    • 팝업이 적용된 앱 실행화면입니다.

    팝업2번째

    팝업 이미지는 슬라이드하여서 다른 이미지를 함께 확인할 수 있습니다.

     


     

     

    팝업 설정하기3

    세 번째 팝업 스타일을 적용해보겠습니다.

     

    • 번째 스타일은 위, 아래에 이미지가 등록되는 스타일입니다.
    • 두칸으로 나뉘어져서 팝업 이미지가 등록됩니다.

    팝업12

     

     

    • ‘+’ 아이콘을 눌러서 이미지를 등록합니다.
    • 이미지는 위, 아래 총 2장을 등록해야 합니다. 권장 해상도를 잘 지켜주세요.

    팝업13

     

     

    • 이미지가 적용된 팝업 창 모습입니다.

    팝업14

     

     

    • ​팝업 이미지 설정이 완료되면 하단의 ‘변경 사항 저장’을 누른 뒤 팝업 이미지를 적용합니다.

    팝업16

     

     

    앱 실행화면 – 팝업 실행

     

    • 팝업이 적용된 앱 실행화면입니다.

    팝업세번째

    업 설정 화면에서 처럼 위 아래에 이미지가 등록된 모습을 확인할 수 있습니다. 


     

     

    팝업 설정하기4

    네 번째 팝업 스타일을 적용해보겠습니다.

     

    • ​네번째 팝업 스타일은 이미지가 총 9장이 들어가는 스타일로 하단 이미지를 선택하면해당 이미지가 크게 보이는 스타일입니다. ​다량의 이미지를 많이 추가해야 할 때 활용할 수 있는 팝업 스타일입니다.

    팝업17

     

     

    • ‘+’ 아이콘을 눌러서 이미지를 등록합니다.
    • 이미지는 9장 모두 등록해주셔야 합니다. 권장 해상도를 지켜주세요.

    팝업18

     

     

    • 이미지가 적용된 팝업 창 모습입니다.

    팝업19

     

     

    • ​팝업 이미지 설정이 완료되면 하단의 ‘변경 사항 저장’을 누른 뒤 팝업 이미지를 적용합니다.

    팝업21

     

     

     

    앱 실행화면 – 팝업 실행

     

    • 팝업이 적용된 앱 실행화면입니다.

    팝업네번째

     


     

     

     

    팝업설정 – 링크 적용하기

    링크 이미지를 설정해서 팝업을 만들어보겠습니다.

     

    • 링크 이미지는 팝업을 선택했을 때 입력한 URL링크로 해당 페이지로 화면이 이동합니다.

    팝업22

     

     

    • 팝업 실행 화면입니다. 팝업 이미지를 터치하면 입력해놓은 링크로 이동합니다.

    팝업23

     

     

    • 해당 링크로 페이지가 이동한 화면입니다.

    팝업24