스윙 기능 도움말

페이지메뉴-메뉴 관리(앱제작3단계)

2084 views 2016년 7월 21일 2017년 10월 17일 root 9

페이지메뉴 -메뉴관리

페이지 메뉴는 앱 제작에서 가장 중요한 단계이자 앱을 구성하는 메인 홈화면과 메뉴들을 적용할 수 있습니다.

페이지 메뉴 단계에서 메인&메뉴를 구성하는 방법을 알려드리겠습니다.


STEP.1메인&메뉴 관리

앱제작방법8

디자인테마에서 적용된 프로토타입 스타일에 맞게 메뉴가 셋팅됩니다.

기본으로 지정된 메뉴들이기 때문에 사용자들은 이 메뉴를 그대로 사용하거나, 해당 메뉴를 수정하거나 삭제하여 자신만의 메뉴를 만들 수 있습니다.

새 메뉴 추가, 삭제하기 메뉴를 선택해서 메뉴 관리를 할 수 있습니다.


STEP.2 홈 화면 제작방법

*홈화면 상세 방법은홈화면 제작 매뉴얼을 확인해주세요   홈화면 제작 매뉴얼

앱제작방법10

1. 홈화면 텍스트 선택 후 열리는 오른쪽 메뉴 설정창에서

2. 메뉴이름에 홈화면에 보여질 이름을 입력합니다.

3. 메뉴에서 [웹링크]를 선택합니다.

4. 웹링크 URL주소를 입력합니다. (스윙 홈페이지 URL: http://www.swing2app.co.kr/를 넣었습니다.)

5. 저장

= 오른쪽 가상머신을 보시면 스윙 홈페이지가 앱 홈화면에 적용된 모습을 확인할 수 있구요.

상단 홈화면 이름도 -스윙앱으로 변경된 것을 확인할 수 있습니다.

*홈화면 적용 움짤로 확인하기

2017.08.홈화면제작

* 홈화면 제작방법 영상

홈 화면은 앱이 실행되면 보여지는 페이지로, 홈 화면을 클릭해서 원하는 기능을 적용시킬 수 있습니다.


STEP.3  메뉴 삭제
  • 스윙에서는 사용자들이 앱을 제작하실 때 도움이 될 수 있도록 메뉴들을 기본 셋팅해놓고 있습니다.
  • 내가 넣어놓은 메뉴들이 아닌데 의아해하실 수 있으나, 셋팅된 메뉴이니 고객님께서 다 삭제하시고 새로 만드셔도 되고 기존의 메뉴들을 활용하셔도 됩니다.

앱제작방법11

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

[친해지기]라는 메뉴를 삭제할 경우, [친해지기] 텍스트를 선택한 뒤 아래 [삭제하기] 버튼을 선택합니다.

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

 

*메뉴 삭제 움짤 보기

메뉴삭제


STEP.4  새 메뉴 추가

앱제작방법12

기존에 셋팅된 메뉴들을 삭제하고, 새로운 메뉴를 추가하는 방법을 알려드릴게요.

1. [새 메뉴추가] 버튼을 누르면 새 메뉴가 생성이 됩니다.

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

3.아이콘: 메뉴 앞에 보여질 아이콘을 적용합니다.

4. 메뉴 선택: 어떤 메뉴를 적용할 것인지 선택합니다.

5.적용

6. 저장

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

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

앱제작방법13

방금 만들어놓은 [메뉴] 를 선택하고,

1. 새메뉴 추가 버튼을 누르면 [메뉴] 아래로 새 메뉴가 추가됩니다.

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

3. 아이콘을 적용합니다.

4. 메뉴 중에서 이미지를 선택할게요.

5. 이미지 불러오기를 선택해서 이미지를 첨부합니다.

6. 적용

7. 저장

=가상머신을 보시면 [메뉴] 하위로 [스윙 소개]라는 메뉴가 생성된 것을 확인할 수 있습니다.

 

*하위메뉴 추가 움짤 보기

2017.8 하위메뉴추가

*메뉴 확인

앱제작방법14

[스윙 소개] 메뉴를 선택하면, 적용해놓은 이미지가 열립니다.

 

[메뉴에 게시판 추가하기]

녹화_2015_12_22_14_26_21_740

1. 새 메뉴 추가를 선택합니다.

2. 오른 쪽 창에서 메뉴이름을 입력합니다.

3. 여러 종류의 메뉴 중에서 게시판을 선택합니다.

4. 불러오기를 선택해서 방금 만들어놓은 게시판을 적용합니다.

*게시판은 앱운영페이지에서 미리 게시판생성을 해주셔야만 앱에 적용할 수 있어요.

 

  • 메뉴 추가 및 게시판이 제대로 잘 적용되었는지 가상머신 화면을 통해 확인할 수 있습니다. 

게시판관리9

메뉴작업이 완료되면 저장버튼을 눌러주세요.

앱 제작 요청을 선택하시면, 가입한 이메일 주소로 완성된 앱을 받아보실 수 있습니다.

 


 

Was this helpful?