이미지페이지 제작방법 영상

이미지페이지동영상

;

스윙에서 새롭게 추가된 이미지페이지 제작방법을 동영상을 통해서 알려드리겠습니다. 

이미지페이지는 이미지를 편집하여 웹링크와 툴팁과 같은 기능을 적용시킬 수 있는 기능입니다.

이미지페이지는 ​이미지 특정 영역을 선택하면 웹페이지로 이동을 하거나, 특정 영역 위에 툴팁

(간단한 설명, 세부 설명, 안내멘트 등)박스를 보이게끔 하여 앱 활용도를 더욱 높여줍니다.

따라서 해당 기능을 이용하여 ‘배너’ 형태의 스타일을 사용자가 직접 만들 수 있습니다.


 

 

*이미지페이지 제작방법

 

* 활용 TIP

1. 한 이미지에 여러 웹링크를 적용해야 할 때 ex) 홈페이지 가기, 블로그 가기 등 하나의 링크가 아닌 여러 링크 적용가능

2. 한 이미지에 여러 게시판 링크를 적용해야 할 때 ex)공지사항게시판, 자유게시판 등 여러 게시판 링크 적용가능

3. 이미지 위에 좀 더 자세한 설명을 기재하고 싶을 경우, ‘툴팁’을 적용하여 해당 메시지가 나오게끔 적용 가능

4. 배너 작업 가능 – 배너스타일로 이미지를 만들어놓고, 해당 영역을 지정하여 링크 적용 


이미지페이지 제작방법&활용TIP

이미지맵 제목

새롭게 업데이트 된 사용자 페이지 기능 [이미지 페이지 제작 도구] 에 대해서 소개해드리겠습니다.

새로 추가된 이미지페이지 (이미지 맵) 기능은 이미지에 원하는 형식의 특정 영역을 설정한뒤 링크를 적용하여, 지정된 영역에서만 링크가 작동하는 메뉴입니다.

즉 이미지 전체에 링크가 적용된 기존의 메뉴와 달리 사용자가 원하는 형태로 원하는 영역에 링크를 적용할 수 있습니다. 

**활용 TIP

1. 이미지 [홈페이지 이동] 이라는 배너 위에, 웹링크를 설정하여 배너 영역을 선택했을 때 해당 웹 페이지로 이동이 가능하고자 할 때

2. 이미지 위에 좀 더 자세한 설명을 기재하고 싶을 경우, ‘툴팁’을 적용하여 마우스오버를 하면 부가설명이 나타도록 할 때

아직 어떻게 활용하면 좋을지 감이 오지않는다면, 도움말 포스팅을 통해서 이미지페이지 제작 방법을 배워보세요 ^^


]

이미지페이지 제작 – 동영상으로 배우기

f

j


f

STEP 1. 이미지페이지 추가하기

* 이미지페이지 작업은 앱제작의 페이지메뉴와 팝업관리 메뉴에서 하실 수 있습니다.

1. 경로: 앱제작 [페이지메뉴] – 이미지페이지 추가

이미지맵1

1) 앱제작- 페이지 메뉴 단계로 이동합니다.

2) 사용자페이지 메뉴를 선택하면, 새롭게 추가된 이미지기반 페이지 메뉴를 확인할 수 있습니다.

3) ‘이미지페이지 추가’ 를 선택하면 이미지 제작 도구 페이지로 이동합니다.

2. 경로: 팝업관리 – 이미지페이지 추가

*링크마법사는 스윙 2.1 버전에서만 가능합니다. 

이미지맵13

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

1) 화면에 마우스를 클릭하면 링크 창이 뜹니다. [링크마법사] 를 선택합니다.

2) 새롭게 추가된 링크 마법사에서 [사용자 Page]을 선택합니다.

3)이미지맵을 선택합니다.

4)하단의 [새로만들기] 를 선택하시면, 이미지제작 도구 페이지가 열립니다.


STEP2. 이미지페이지 제작도구  – 웹 링크 적용하기 

이미지맵 소개

스윙 [이미지 페이지]를 제작할 수 있는 작업 사이트입니다. 

해당 화면에서 이미지를 추가한 뒤 여러가지 작업을 하실 수 있습니다. 이미지맵 제작방법에 대해서 알려드리겠습니다. 

1. 이미지 등록하기

가장 먼저 이미지를 등록하는 작업을 진행합니다.

이미지맵3

1) 이미지업로드 버튼을 선택해서, 등록하고자 하는 이미지를 선택해주세요.

2. 툴(tool) 선택하기

이미지에서 원하는 해당 영역을 지정하기 위한 모양 툴을 선택합니다.

이미지맵 모양툴

[모양 툴 종류]

녹화_2016_06_27_17_41_25_163

1.Spot : 여러 개의 점으로 영역을 설정할 수 있는 툴입니다. 

2.Rectangle: 사각형 모양으로 영역을 설정할 수 있는 툴입니다. 

3.Ellipse: 타원형 모양으로 영역을 설정할 수 있는 툴입니다. 

4.Polygon: 다각형 모양으로 영역을 설정할 수 있는 툴입니다. 

3. 영역 지정 후 링크 적용하기

‘사각형 툴’을 선택해서 [SWING으로 앱제작&관리를 간편하게] 해당 배너 부분을 지정해보도록 하겠습니다.

툴 선택 후 해당영역을 드래그하면 밑의 이미지처럼 투명한 사각형이 만들어집니다.

이미지맵5

1) 링크 액션

링크 액션은 링크를 적용한 해당 영역이 어떻게 보여질지를 적용하는 메뉴입니다.

(1) 마우스 오버 수정동작: 마우스를 갖다댔을 때 어떻게 작동할지를 적용하는 메뉴입니다.

[보기: 아무것도 안함, 툴팁보여주기] 링크만 적용할 것이기 때문에 [아무것도 안함]을 선택해주세요.

(2) 클릭 수행동작: 마우스를 클릭했을 때 어떻게 작동할지를 적용하는 메뉴입니다.

[보기: 아무것도 안함, 툴팁 보여주기, 링크 이동] 선택시에 링크로 이동을 해야 하기 때문에 [링크 이동]을 선택해주세요.

(3) 링크: 연동할 해당 웹페이지 링크를 입력합니다.

*[새창으로 이동하기]는 필요시에 선택해서 체크해주세요.

2) 기본 스타일

툴로 지정한 영역의 스타일을 수정할 수 있는 메뉴입니다.

*해당 메뉴는 ‘투명도 설정’에 대해서만 설명드리겠습니다.

(4) Background Opacity : 툴로 지정된 영역의 투명도를 지정할 수 있습니다. 마우스를 선택했을 때 해당 툴이 보이지 않기를 원한다면 투명도를 ‘0’으로 설정하면 됩니다.

컬러는 Background Color에서 원하는 색을 정한 뒤, 투명도를 원하는 만큼 설정하면 됩니다.

[저장] 버튼을 누르시면 해당 작업 내용이 저장이 됩니다.

링크가 적용된 모습은 앱 실행화면을 통해서 보여드리겠습니다.


STEP3. 이미지페이지 제작도구  – 툴팁 적용하기 

툴팁은 이미지 위에 메시지창 모양의 아이콘을 첨부하여, 부가설명을 기재하는 방법으로 활용됩니다.

이미지맵 툴팁적용

웹링크 방법과 동일하게 툴팁을 적용할 영역에 툴 메뉴로 해당 영역을 드래그하여 선택해줍니다.

1) 링크 액션

링크 액션은 툴팁을 적용한 해당 영역이 어떻게 보여질지를 적용하는 메뉴입니다.

(1) 마우스 오버 수행동작: 마우스를 갖다대면 툴팁 내용이 보여야 하기 때문에 [툴팁보여주기] 보기를 선택합니다.

(2) 클릭수행동작: 툴팁만 적용할 것이므로 [아무것도 안함] 보기를 선택합니다.

*활용 TIP. 툴팁 메뉴와 웹링크 메뉴 2가지를 다 사용하여 제작할 수 있습니다. 해당 내용은 다음 도움말 포스팅에서 기재하도록 하겠습니다.

2) 텍스트 스타일

텍스트 스타일은 툴팁에 작성된 텍스트 색상, 글씨체, 폰트 사이즈, 툴팁 박스 사이즈 등을 수정할 수 있는 메뉴입니다.

3) 툴팁 내용

툴팁 박스에 들어갈 내용을 입력합니다. 툴팁은 타이틀(제목)과 텍스트(본문)로 나누어서 내용을 작성합니다. 완료된 뒤 [저장] 버튼을 눌러주세요. 적용된 툴팁을 확인할 수 있습니다.

이미지에서 보이는 것처럼 지정된 해당 영역에 마우스를 갖다대면 작성된 툴팁 박스를 확인할 수 있습니다.

툴팁적용화면


STEP4. 앱제작- 페이지메뉴에 이미지 맵 적용하기

이미지 제작도구에서 만든 이미지 맵을 앱 메뉴에 적용시켜보겠습니다.

이미지맵9

1) [새 메뉴 추가] 버튼을 선택합니다. 

2) 추가 된 메뉴에 대해서 이름을 기재합니다. 

3) [사용자페이지] 메뉴를 선택합니다. 

4) [불러오기] 버튼을 선택합니다. 

5) 방금 제작도구로 만든 이미지페이지를 적용합니다. 

6) 전체 메뉴에 적용될 수 있도록 하단의 [적용]버튼을 선택합니다. 

7) 저장 버튼을 누르면 완료됩니다. 


STEP5. 팝업에 이미지 맵 적용하기

팝업창에도 해당 이미지페이지를 적용할 수 있습니다. 

이미지맵8

[서비스관리 – 팝업관리 메뉴]로 이동한 뒤 팝업 이미지 링크를 설정해주세요. 

1) [사용자 Page]에서 2) [이미지맵]을 선택합니다.

3) 만들어놓은 [이미지페이지]를 선택 후 4) [반영] 버튼을 선택해주세요. 


 ㅎ

STEP6. 앱 실행화면 – 이미지 맵 적용화면

이미지 맵이 앱에서 어떻게 적용되어 실행되는지 확인해보겠습니다. 

1. 이미지 맵 – 링크 적용

이미지맵 11

툴로 지정핸놓은 해당 영역을 선택(터치)하면, 링크에 입력해놓은 해당 웹사이트로 페이지가 이동합니다.

툴로 지정되지 않는 부분을 선택하면 링크 반응이 없구요. 반드시 지정된 영역을 선택해야 링크가 정상적으로 작동합니다. 

2. 이미지 맵 – 툴팁 적용

이번에는 이미지맵에 적용된 툴팁에 대해서 확인해보겠습니다. 

이미지맵12

해당 메뉴로 이동하니 제작도구에서 설정해놓은 툴팁 박스가 지정된 영역 위에 뜨는 것을 확인할 수 있습니다. 

마우스 오버 시 해당 툴팁이 열리도록 설정해놓았기 때문에, 따로 이미지를 선택하지 않아도 툴팁이 보여집니다.

만약 ‘클릭 시 툴팁이 열리도록 한다면’, 해당 이미지 영역을 선택해야만 툴팁박스가 열립니다. 


이미지페이지 기능은 팝업, 푸시, 페이지메뉴 제작 도구에서 모두 적용하여 쓸 수 있기 때문에 제작방법만 잘 알아두시면 다양한 방법으로 해당 기능을 활용할 수 있습니다. 

이미지의 특정 영역에 웹링크를 걸거나, 툴팁을 적용하고자 할 때 이미지페이지 메뉴를 활용해보세요 ^^ 

이미지페이지 제작 방법은 더욱 다양한 활용 TIP에 대해서 도움말에서 다룰 예정이니 많은 참고 부탁드립니다. 

댓글 푸시알림 받기

댓글푸시제목

스윙에서는 게시판에서 내가 쓴 글에 다른 사용자가 댓글을 달게 되면, 푸시 알림으로 메시지가 발송됩니다.

실시간으로 푸시 알림이 발송되기 때문에 간편하게 해당 내용을 푸시로 받아볼 수 있습니다. 푸시 알림이 어떻게 발송되는지 알려드리겠습니다. 

 


 

 

1. 댓글 푸시알림

댓글푸시1

다른 사용자가 댓글을 달게 되면, ‘회원님 글에 댓글을 달았습니다.’ 라는 푸시 알림이 발송됩니다. 

 


 

 

2. 좋아요 푸시알림

댓글푸시2

댓글 뿐만 아니라 사용자가 게시판에서 ‘좋아요’ 체크를 하면, 해당메시지 역시 푸시알림으로 발송됩니다.  

 


 

 

3. 알림 풍선 – 앱 활동내역 확인

댓글푸시3

앱 상단에 위치한 ‘알림풍선’을 선택하면 댓글, 좋아요 등 그동안 앱에서 활동한 내역을 확인할 수 있습니다. 

 

 

 – 푸시 주의사항 –

* 앱 설정 – 푸시 알림 [ON] 으로 설정되어 있어야 합니다. 

* 앱에서 로그아웃되면 댓글이 달려도 푸시알림을 받을 수 없습니다.(게시판에 작성된 사용자 로그인 상태 유지하기) 

* 댓글 푸시는 게시판이 적용된 앱에서만 가능합니다. 게시판이 없는 프로토타입- 푸시전용, 웹뷰전용은 댓글 푸시가 적용되지 않습니다.   


 

 

스윙 서비스 소개

스윙 소개제목


What. 스윙은 어떤 서비스인가요?

  • 스윙은 사용자가 앱을 직접 만들어서 사용한다는 점에서 타 업체들과 다른 차별성을 가지고 있습니다.
  • 일반적으로 앱제작 업체들이 사용자들이 의뢰한 앱을 제작해주는 업체들과는 다른 길을 가고 있지요~!!
  • 모든 사용자가 비용 없이 무료로 앱을 만들 수 있고, 핸드폰으로 직접 다운을 받아서 사용할 수 있습니다.
  • 고객맞춤형 앱 개별제작도 가능합니다.

 

How. 어떻게 직접 앱을 만들 수 있죠?

  • 스윙은 컴퓨터를 잘 모르는 사람들까지 누구나 쉽게 앱을 만들 수 있도록 앱제작  툴(Tool)을 제공합니다.
  • 앱을 구성하는 툴을 제공하기 때문에 사용자가 원하는 스타일을 그대로 입혀서 사용할 수 있습니다.
  • 스윙 홈페이지에 접속하여 회원가입을 하면, 하나의 계정당 3개의 앱을 무료로 만들 수 있습니다.  
  • 도움말을 통해서 앱제작 방법을 확인하시면 좀 더 쉽게 앱제작이 가능합니다.

 

Why.무료인데 왜 유료결제가 있죠? 

기본적으로 스윙에서는 무료로 앱 제작을 할 수 있습니다. 그러나 무료로 제작한 앱은 개인적인 용도에서 앱을 사용할 수 있으나 마켓에 등록이 되지 않습니다.

즉, 플레이스토어, 앱스토어, 네이버앱스토어 등 다양한 마켓에 앱을 출시하기 위해서는 유료결제를 해주셔야 합니다.

​*스윙 유료이용권: 1개월 이용 33,000원// 1개월 단위, 6개월 12개월 등 원하는 일수로 이용권 결제가능합니다. 이용권을 구매해야만 마켓에 앱이 등록될 수 있는 권한이 생깁니다.

*플레이스토어, 앱스토어 업로드 티켓: 업로드 티켓은 마켓에 앱을 올리는 대행비입니다.// 플레이스토어 티켓:5,000원&앱스토어 티켓:20,000원

 

* 주의사항

  • 이용권은 필수구매입니다. 이용권 구매 없이 마켓 업로드 티켓만 구매하면 앱이 등록되지 않아요. 
  • 플레이스토어, 앱스토어 등 사용자가 직접 등록이 가능하다면 업로드 티켓은 구매하지 않아도 됩니다.
  • 유료이용권 6개월, 12개월은  1개월로 나눠서 결제하는 것보다 저렴하게 구매할 수 있습니다.
  • 이용권은 1달 단위로 사용가능합니다. 1개월 이용권을 구매하셨다면, 다음달에도 동일하게 이용권을 재구매해주셔야지 유료버전으로 사용이 가능합니다.

 

1. 사용자를 위한 모바일 앱제작 플랫폼

 

스윙소개

스윙은 누구나 앱을 제작할 수 있다는 타이틀을 달고 있습니다. 

모바일 서비스 시대에 스윙은 당신을 위한 모바일 앱 제작 플랫폼으로 자신의 입맛대로 개성있는 앱을 자신의 홈피를 관리하는 것처럼 너무나 쉽게 만들 수 있어요^^


2. 스윙의 간편한 앱제작
ㅗㅗ
스윙 앱제작 소개

스윙은 총 3단계로 이루어진 제작단계를 거치게 됩니다.

ㅣㅣ

◈ 쉬운 제작, 다양한 옵션

스윙에서는 앱 기본정보, 디자인테마 선택, 메뉴설정만 해주시면 앱제작이 완료됩니다. 이 간단한 세 단계로 나만의 앱이 만들어집니다.

ㅣㅣ

◈ 자유로운 앱 디자인

메인화면, 메뉴, 아이콘 등 앱의 모든 요소를 내가 선택하고 디자인 할 수 있습니다메뉴기능에서는 내가 원하는 위치에 게시판, 페이지, 링크, 파일 등 다양한 연결옵션을 제공합니다페이지 마법사로 앱 화면을 제작할 수도 있습니다.

앱제작은 스윙에서 제공하는 툴 안에서 사용자가 원하는 이미지, 내용을 입력만 해주시면 됩니당~!! 앱 제작단계에서도 다양한 기능과 메뉴들이 있기 때문에 다양하게 원하는 방향으로 활용해주시면 되겠죠? 앱을 만들고 완성된 앱을 받아보는 시간도 채 몇분도 걸리지 않아요. 제작완료 된 앱은 사용자 메일로 APK파일이 발송이 되기때문에, 핸드폰으로 바로 설치받을 수 있습니다. 스윙 사이트  [버전관리-앱제작이력]에서도 자유롭게 해당 APK파일을 다운받을 수 있습니다. 

내 손으로 만든 앱을 핸드폰으로 실행해보면 너무 뿌듯하면서 신기하답니다.  ^^


3. 스윙에서 제공하는 다양한 메뉴와 기능
ㅗㅗ
스윙앱 기능

◈ 여러 앱을 버전별로 관리

  • 앱 추가 기능 : 한 계정당 3개까지! 용도별 앱을 각각 따로 제작할 수 있습니다. (유료사용자는 10개까지 제작 가능!)
  • 임시저장기능 : 안전하게 앱을 제작할 수 있습니다.
  • 버전별 관리 기능: 앱 제작 후 이전에 만든 앱으로 되돌아 갈 수 있는 버전관리 기능을 제공합니다.

 

한 눈에 관리, 즉각 대응 운영

  • 앱 관리: PC, 스마트폰, 태블릿 상관없이 언제 어디서나 다양한 앱을 제작하고 관리 할 수 있습니다.
  • 대시보드: 대시보드의앱활동 모음으로 회원과 게시물의 현황을 한눈에 볼 수 있습니다.
  • 통계기능: 전반적인 앱 운영 결과는 스윙에서 제공하는 통계기능으로 파악 할 수 있습니다.

 

◈ 마케팅 활용 기능

  • 설문조사 : 설문지를 만들어서 앱 사용자들에게 설문조사를 진행할 수 있습니다.
  • 쿠폰발행 : 쿠폰을 제작하고, 앱 사용자들에게 쿠폰 발송이 가능합니다.
  • 출석체크 : 출석체크 게시판으로 이벤트를 진행하고 마감할 수 있습니다.
  • 일대일 대화하기 : 회원과의 채팅기능으로 실시간 고객센터와 같이 즉각적인 운영대응이 가능해집니다.
  • 모바일 웹 플랫폼: 이제 스윙에서 모바일 웹사이트를 직접 만들어서 사용할 수 있습니다.
  • 게시판 제한 X: 다양한 스타일의 게시판을 갯수 제한 없이 만들 수 있습니다.
  • 팝업, 푸시 기능: 스윙에서 제공하는 푸시 메시지 전송기능과 팝업 기능은무료로 대량의 회원에게 홍보 및 알림을 제공할 수 있습니다. 

 

4. 스윙을 사용해야 하는 이유

ㅎㅎ

스윙 타업체비교이미지

스윙 앱제작과 기존의 앱제작 서비스를 비교해보겠습니다. 

 

◈ 비용

일반 앱제작 서비스에서 제공되는 비용과 비교할 수 없을정도로 스윙은 저렴한 이용비용을 부과하고 있습니다. (구축비용 없이 서버이용료만 내는 형태입니다.)

 

◈ 앱제작 기간

타업체 앱을 제작하는 기간만 1~3달이 걸립니다.

하지만 스윙은 사용자가 직접 만들기 때문에 앱을 제작하는 시간이 짧으며, 앱이 완성되어서 받아볼 수 있는 시간도 채 10분이 걸리지 않습니다.

 

◈  커스터마이징

타업체는 고객맞춤형 앱제작이 가능하며, 스윙도 사용자들을 위한 커스터마이징이 가능합니다.

스윙에서 제공하는 커스터마이징의 가장 좋은 점은 사용자가 몇 가지 필요한 기능만 추가하고 싶을 경우, 해당 기능에 대한 비용만 추가할 수 있습니다. 

 

◈  앱 관리

별도의 구축이 필요한 타 업체와 달리, 스윙은 앱제작에 필요한 모든 기능을 무료로 제공하고 있습니다.

그리고 사용자가 언제 어디서나 만든 앱을 실시간으로 수정하고, 업데이트 할 수 있습니다. 회원관리 메뉴가 있기 때문에 앱 회원도 편리하게 관리할 수 있습니다. 

 

◈ 특징

타 업체는 높은 비용으로 완성도 있는 앱을 추구하는 기업에서 사용할 수 있습니다.

스윙은 사용자에게 쉬운 제작 방법으로, 다양한 템플릿을 제공합니다. 또한 서버이용료만 내기 때문에 개인이나 영세사업자가 이용하시기에 적합합니다. 

 


이제 스윙 서비스를 잘 아시겠죠? ^^ 그 외에 스윙 앱제작의 장점은 너무나 많습니다. ^^그리고 가장 중요한 건 무조건 유료로 앱을 만들 수 있는 것이 아니라~!! 무조건~! 무료로 앱을 먼저 만들 수 있다는 것입니다. 앱을 먼저 만들어보신 다음 유료로 전환하여 사용 할 수 있기 때문에 먼저 스윙 사이트에 들어오셔서 앱을 제작해보세요 ^^