스윙투앱 매뉴얼

앱제작 방법 매뉴얼

스윙앱제작 단계별 제작방법 매뉴얼

스윙은 홈페이지에서 회원가입만 하면 앱을 제작할 수 있는 페이지가 열리구요.

제작 툴을 이용하여서 사용자가 직접 나만의 앱을 제작할 수 있어요.

스윙 앱제작 페이지- 앱 기본정보, 디자인테마, 페이지메뉴 총 3단계에서 앱을 제작하는 방법을 알려드릴게요.

앱제작 페이지에서 단계별로 앱을 제작하는 방법을 매뉴얼을 통해서 확인해주세요 ^^


 

▶ 스윙 앱제작은 영상을 통해서도 배울 수 있어요!


 

앱제작 전 먼저! 앱제작 TIP을 확인해주세요!

스윙은 앱제작 툴을 제공하고, 사용자가 직접 앱을 제작해야 하는 서비스인만큼 제작방법 매뉴얼이 잘 구축되어 있습니다.
앱제작, 앱운영 페이지의 메뉴옆에 보시면[ ? ] 물음표 아이콘을 확인할 수 있어요.
해당 물음표 아이콘을 누르면, 이용방법 혹은 제작방법이 기재된 해당 도움말 매뉴얼 사이트로 이동합니다.
따라서 앱제작시 매뉴얼을 확인하고자 할 때는 꼭 [ ? ]아이콘을 선택해서 매뉴얼을 확인해주시기 바랍니다.

SAMPLE 1)

SAMPLE 2)

.
STEP.1 앱 기본정보

1단계 [앱 기본정보]는 앱작에 필요한 기본 정보를 입력하는 단계로 앱이름, 아이콘 이미지, 대기화면 이미지 등을 등록하는 단계입니다.
앱제작페이지로 바로 들어오시면 아래와 같은 페이지가 열립니다.

[1단계 앱기본정보 제작방법]
1. 앱 아이디 : 제작한 앱에 고유 아이디를 적용합니다. 입력 후 중복확인 체크!!
2. 앱 이름: 앱 이름을 기재합니다 .
3. 앱 아이콘: 앱 아이콘 이미지를 등록합니다.
4. 대기화면: 앱 실행시 1~2초 정도 보여지는 대기화면 이미지를 등록합니다. 

*앱 아이콘, 대기화면 이미지 첨부 버튼을 선택하면 이미지 편집도구 창이 뜹니다.
스윙에서 제공하는 이미지편집도구를 이용해서 이미지를 원하는 사이즈에 맞게 수정해서 사용할 수 있어요.
5. 저장

 

[이미지 편집도구 사용]

아이콘 이미지 버튼을 선택하면 파일첨부창이 뜨면서 이미지를 업로드 할 수 있습니다.
이때 아이콘 이미지가 기재해놓은 사이즈와 동일하다면 수정없이, 바로 [적용]을 눌러서 완료할 수 있구요.
사이즈가 달라서 편집이 필요할 경우 이미지편집도구 창으로 이동합니다.

위의 이미지가 바로 이미지편집도구 창입니다.
이미지편집도구는 스윙에서 제공하는 자체 서비스로, 사용자가 이미지를 수정하기 어려울 경우 이미지편집도구를 이용해서 간단하게 사이즈를 수정할 수 있습니다.
사이즈 적용이 완료되면
[업로드(수정완료)]버튼을 선택해서 적용해주시면 됩니다.
*1단계 기본정보 항목이 모두 입력되면 [저장] 버튼을 누르고, 다음 단계 디자인테마로 이동합니다.


 

STEP.2 디자인테마

앱제작 2단계 [디자인테마]는 앱의 UI디자인과 컬러 의 전체적인 디자인 및 스타일을 결정하는 단계입니다.

[2단계 디자인테마 제작방법]
1) 프로토타입 선택: 앱 UI디자인을 결정하는 프로타입을 선택합니다.
*스윙에서는 총 6가지의 프로토타입 디자인을 제공하고 있습니다.
= 프로타입선택 ‘?’ 물음표 버튼을 누르면 프로토타입을 적용한 스타일을 모두 확인할 수 있어요. 

☞ 프로토타입 디자인 확인하기

2) 스킨: UI디자인의 스킨 컬러를 설정합니다.
스킨컬러는 앱의 바탕, 메뉴, 텍스트로 3셋트로 이루어진 색상조합을 제공하고 있어요.
트렌드에 맞는 색상을 조합해놓았기 때문에 원하는 조합을 선택하시면 가상머신을 통해서
즉각적으로 색상이 바뀌는 UI를 확인할 수 있습니다.

 

★그런데 만약 조합된 색상 중에서 마음에 드는 색상이 없다면요??
=원하는 색상이 없을 경우 [상세 색상 설정]에서 사용자가 직접 색상을 선택할 수 있어요.

상세색상설정에서는 고정된 색상 조합 외에, 사용자가 직접 색상을 골라서 적용할 수 있는 옵션입니다.
*디자인테마에서 프로토타입과 스킨컬러를 모두 적용했다면 저장하신 뒤 다음단계인 페이지메뉴로 이동합니다. 


 

STEP.3 페이지메뉴

3단계 [페이지메뉴]는 앞서 만들어놓은 전체적인 앱 툴에 카테고리와 메뉴를 만들어서 본격적으로 앱 내용을 구성하는 단계입니다.

페이지메뉴는 홈화면, 메뉴를 구성하는 단계에요.

홈화면을 적용하는 방법과 메뉴를 적용하는 방법을 알려드리겠습니다.

1. 홈화면 적용 방법
홈화면은 앱을 실행하면 보이는 메인화면으로, 사용자가 직접 메인화면을 어떻게 보여지게 할지 구성할 수 있어요.
스윙에서 제공하는 메뉴 – 웹링크, 스윙페이지, 사용자페이지, 게시판, 이미지 등의 메뉴를 적용할 수 있습니다.

*홈화면 적용방법
1. 홈화면 텍스트를 선택하면 오른쪽에 메뉴설정 창이 열립니다.
2. 메뉴이름에 홈화면 상단에 보여질 이름을 입력해주세요 .
3. 홈화면에 어떤 메뉴를 적용할 지 선택해주세요.
☞ 홈화면 제작 매뉴얼 확인하기

▶ 웹링크 홈화면 적용

홈화면에 웹링크를 적용하는 방법을 알려드릴게요. 

1) 홈화면 텍스트 선택 후 열리는 오른쪽 메뉴 설정창에서
2) 메뉴이름에 홈화면에 보여질 이름을 입력합니다.

3) 메뉴에서 [웹링크]를 선택합니다.
4) 웹링크 URL주소를 입력합니다. (스윙 홈페이지 URL: http://www.swing2app.co.kr 를 넣었습니다.)
5) 저장
= 오른쪽 가상머신을 보시면 스윙 홈페이지가 앱 홈화면에 적용된 모습을 확인할 수 있구요.
상단 홈화면 이름도 -스윙앱으로 변경된 것을 확인할 수 있습니다.

위의 웹링크 적용 외에도 홈화면 제작의 더욱 다양하고 자세한 방법은 해당 포스팅을 확인해주세요!
☞ [앱 홈화면 제작방법 포스팅 보러가기]
홈화면을 적용해보았다면 이어서 메뉴를 적용해보겠습니다.


2. 메뉴 삭제

[기본 셋팅된 메뉴들을 삭제하는 방법]

[파일 다운로드]라는 메뉴를 삭제할 경우  [파일 다운로드] 메뉴를 선택한 뒤 위의  [삭제하기] 버튼을 선택합니다.

이러한 방법으로 메뉴들을 삭제할 수 있습니다.

3. 새 메뉴 추가

기존에 셋팅된 메뉴들을 삭제하고, 새로운 메뉴를 추가하는 방법을 알려드릴게요.
1. [새 메뉴추가] 버튼을 누르면 새 메뉴가 생성이 됩니다.
2. 해당 메뉴 이름을 입력합니다.
3.아이콘: 메뉴 앞에 보여질 아이콘을 적용합니다.
4. 메뉴 선택: 어떤 메뉴를 적용할 것인지 선택합니다.
5.적용
6. 저장

=가상머신을 보시면 새 메뉴가 생성된 것을 확인할 수 있습니다.

 

▶ 하위 메뉴 추가

만들어놓은 메뉴 아래로 하위 메뉴를 추가하는 방법을 알려드릴게요.

방금 만들어놓은 [메뉴] 를 선택하고,
1. 새메뉴 추가 버튼을 누르면 [메뉴] 아래로 새 메뉴가 추가됩니다.
2. 메뉴 이름을 입력합니다.
3. 아이콘을 적용합니다.
4. 메뉴 중에서 이미지를 선택할게요.
5. 이미지 불러오기를 선택해서 이미지를 첨부합니다.
6. 적용
7. 저장
=가상머신을 보시면 [메뉴] 하위로 [스윙 소개]라는 메뉴가 생성된 것을 확인할 수 있습니다.

 

[스윙 소개]메뉴를 선택하면, 적용해놓은 이미지가 열립니다.
페이지메뉴 단계는 메뉴들의 이용방법 및 활용법을 먼저 파악을 해야만 앱제작이 좀 더 수월해집니다.
따라서 각 메뉴별 이용방법을 먼저 확인해주시기 바랍니다.

* 고급설정은 제작에서 필요한 내용이 아니기 때문에 3단계 페이지메뉴까지만 작업해주세요.
페이지메뉴까지 제작이 완료되면 앱제작 요청 버튼을 눌러서 앱제작을 완료해주세요. 


 

STEP.4 앱제작 요청

앱제작이 완료되면  [앱제작 요청] 버튼을 눌러주세요.

업데이트 표시 옵션은 ‘권장’으로 체크한 뒤 [제작하기]를 선택하면 됩니다.
*업데이트 표시 옵션은 선택사항이기 때문에 필수로 하셔도 무관하답니다.~!


 

STEP.5 앱제작 완료

앱제작 페이지에서 앱제작요청을 누르면, 바로 앱운영 페이지의 앱제작업이력 페이지로 이동합니다.
플랫폼별 상태를 확인해보면 아직 ‘제작순서 대기중’으로 표시가 되어 있죠?
앱은 바로 제작이 완료되는 것이 아니라, 앱제작요청을 누른 뒤 5분~10분정도 후에 제작이 완료됩니다.
따라서 조금만 기다려주시구요.

잠시 뒤 플랫폼별 상태가 ‘앱제작 완료!’라고 바뀐 것을 확인할 수 있어요.
제작이 완료되면 APK파일(앱을 다운 받을 수 있는 파일)은 사용자의 스윙 가입 메일로 발송됩니다.
핸드폰으로 메일함을 열어서 직접 APK파일을 다운받아 설치할 수 있구요.

앱제작 이력 해당 페이지에서도 다운이 가능해요.
앱 미리보기의 [APK파일받기]를 선택해서 핸드폰으로 열어서 확인합니다.
*APK해당 파일은 PC에서 열리지 않으니 꼭 핸드폰에서 확인해주세요.
*APK파일 설치는 안드로이드폰에서만 설치가 가능합니다. (아이폰은 지원이 안됩니다.)



★ 스윙 미리보기 어플
스윙 미리보기 어플을 이용하면 아이폰 사용자도 제작한 앱을 핸드폰에서 확인할 수 있구요.
번거롭게 APK파일을 받지 않아도 제작하고 바로 핸드폰으로 확인할 수 있어요!!
*앱스토어, 플레이스토어에서 [스윙미리보기]를 검색하여 어플을 다운받은 뒤 스윙 계정으로 로그인해주세요.
내가 제작한 앱제작 목록이 뜨며, 스윙에서 제작한 앱을 실시간으로 확인할 수 있어요.
아이폰도 미리보기로 지원이 가능하니, 아이폰 이용자들은 해당 어플을 꼭 받아주세요!!

★ 앱 수정은 어떻게 하나요?
제작한 앱을 다시 수정하고자 할때에는 처음 앱제작 하신 것처럼, 앱제작페이지로 이동하여서 내용 수정한 뒤 저장해주시면 됩니다.
새로 업데이트를 해야 할 경우 [앱제작요청]을 다시 눌러주시면 새 버전으로 업데이트가 됩니다.
계속해서 수시로 수정 및 업데이트가 가능하니 제작하시면서 테스트해보시기 바랍니다.