게시판 제작 영상

게시판 영상

 

 

게시판을 제작하는 방법과 제작된 게시판에 게시물을 입력하는 방법, 해당 게시판을 앱에 적용하는 과정을 알려드리겠습니다. 


 

 

*제작방법

1. 서비스관리  [게시판관리] 에서 게시판 생성

2. [게시물관리]에서 글 입력

3. 앱제작 메뉴 [페이지메뉴]단계에서 게시판 적용

 

* 게시판 만들기 영상

 


 

푸시&웹뷰버전 초간단 앱제작2

푸시웹뷰제목

 

스윙 프로토타입 – 푸시버전과 웹뷰버전을 이용해서 간단하게 앱을 제작할 수 있습니다.

푸시와 웹뷰프로토타입은 웹사이트를 그대로 모바일 앱에 입히고 싶을 경우 사용되는 스타일이구요.

홈페이지, 카페, 블로그 등의 웹링크를 입력만 해주면, 다른 메뉴 적용 없이 간단하게 모바일 앱이 완성됩니다. 

초간단 앱제작 2번째 방법 – 푸시와 웹뷰를 적용하여 앱을 제작하는 방법을 알려드리겠습니다. 


 

 

1. 프로토타입-  푸시메뉴 적용하여 초간단 앱제작하기

 

*제작 방법

1) 스윙 앱제작마법사 – 2단계 디자인테마에서 [푸시]전용 선택

2) 3단계 페이지메뉴 – 웹링크만 적용하면 앱제작 완료

 


 

 

2. 프로토타입- 웹뷰메뉴 적용하여 초간단 앱제작하기

*제작 방법

1) 스윙 앱제작마법사 – 2단계 디자인테마에서 [웹뷰]전용 선택

2) 3단계 페이지메뉴 – 웹링크만 적용하면 앱제작 완료

 


 

홈 화면 제작방법 영상

홈화면제작영상

 

홈 화면은 앱을 실행했을 때 보여지는 메인 페이지입니다. 스윙 앱제작- 3단계 페이지 메뉴에서 앱 메인에 들어각 홈 화면을 만들어주셔야 하는데요.

제작 영상을 통해서 홈 화면을 꾸미는 다양한 방법에 대해서 알려드리겠습니다. 


 

 

* 제작방법

1. 웹사이트 링크를 적용하기

2. 이미지 적용하기

3. 웹페이지 적용하기 (사용자페이지)

4. 게시판 적용하기

 

 

* 홈 화면 제작방법 영상

모바일사이트를 활용한 초간단 앱제작하기

초간단앱제작1

 

스윙 앱제작에서는 모바일사이트만 있다면 초간단 앱을 제작할 수 있습니다. 각 메뉴에 웹링크를 적용하여 간단하게 앱을 제작하는 방법을 알려드리겠습니다. 


 

 

* 제작방법

1. 홈 화면 제작: 스윙 블로그 사이트를 홈 화면 웹링크로 적용

2. 메뉴 설정: 스윙 블로그 각 메뉴 링크 주소를 해당 메뉴별로 연동 시킴

 

 

*제작방법 영상

레스토랑 앱

레스토랑 제목

 

[플레이스토어 – 레스토랑 앱 다운]

 


 

녹화_2016_05_11_16_10_19_160

 

 

1. 앱 메인화면 – 사용자 페이지 적용

레스토랑1

 

 

2. 프로토타입 UI디자인 – 탑 메뉴 적용

레스토랑4

 

 

3. 메뉴 소개

1) 피자메뉴판  – 이미지 메뉴 적용

레스토랑5

2) 파스타메뉴판  – 타임라인 게시판 적용

레스토랑7

 3) 음료메뉴판  – 이미지 메뉴 적용

레스토랑8

 

 

4. 예약하기 게시판 – 타임라인 게시판 적용 & 기본글 설정

레스토랑12

 

 

5. 레스토랑 갤러리 – 이미지 메뉴 적용

레스토랑9

 

 

6. 오시는 길 – 네이버 지도 링크 연동

레스토랑10

 

 

7. 전화문의 – 전화번호 링크 입력

레스토랑11


 

아카데미 앱

아카데미 제목

 

[플레이스토어 – 아카데미 앱 다운]

 


 

1. 앱 메인화면 – 스윙 홈페이지 웹링크 적용

s1

 

 

2. 팝업 – 스윙아카데미 오픈 팝업창 적용

s2

 

 

3. 프로토타입 UI디자인 – 푸터 메뉴 적용

s3

 

 

4. 게시판 적용 : 해당 메뉴들은 모두 게시판을 적용했습니다. 

1)앱제작 교육 메뉴 – 타임라인 게시판 적용

s12

 

2) 앱제작 동영상 – 이미지 게시판 적용

s5

 

3) 아카데미 갤러리 – 이미지 게시판 적용

s10

 

4) FAQ –  목록형 게시판 적용

s9

 

5) 질문있어요 게시판 – 목록형 게시판 적용 & 기본글 설정

s6

 

 

5. 대화하기 – 대화하기(채팅기능)메뉴 적용

s4

 

 

 6. 위치 안내 – 네이버 지도 웹링크 적용

s7

 

 

7. 전화걸기 – 전화번호 링크 적용

s8

 

 


 

베이커리/제과점 앱

베이커리제목

 

[ 플레이스토어- 베이커리 앱 다운]

 


 

 

1. 앱 메인화면 – 사용자 페이지 적용

1

 

 

2. 팝업창 적용 – 베이커리 행사 팝업창 적용

2

 

 

3. 프로토타입 UI디자인 – 슬라이드 메뉴 적용

3

 

 

4. 게시판 적용

1) 신메뉴출시- 타임라인 게시판 적용

4

 

 

2) 공지사항 – 아코디언 게시판 적용

6

 

3) 이벤트 – 아코디언 게시판 적용

7

 

 

4) 베이커리 종류 – 이미지게시판 적용

11

 

5)영업안내 – 타임라인 게시판 적용

13

 

 

5. 매장 갤러리 – 이미지 메뉴 적용

5

 

 

6. 전화문의: 전화번호 링크 적용

12

 

 

7. 쿠폰적용 – 이벤트 행사시 앱 사용자들에게 쿠폰 발송 할 수 있음

15

 


 

헬스클럽 앱

헬스장제목

 

[플레이스토어 – 헬스장 앱 다운]

 


 

 

녹화_2016_05_11_16_20_13_677

 

 

1. 앱 메인화면 – 사용자 페이지 적용

스윙메인1

 

 

2. 프로토타입 UI디자인 – 슬라이드 메뉴 적용

프로토타입

 

 

 

3. 운동 메뉴게시판 – 갤러리 게시판 적용

게시판2

 

 

4. 헬스장 갤러리 – 이미지 메뉴 적용

갤러리4

 

 

5. 헬스장 수업시간표 – 이미지 메뉴 적용

시간표1

 

 

6. 수업시간표 – 파일첨부 메뉴 적용

시간표3

 


 

네일샵 앱

네일샵 제목

 

[플레이스토어 – 네일샵 앱 다운]

 


 

 1. 앱 메인화면 – 사용자 페이지 적용

1-3

 

 

2. 프로토타입 UI디자인 – 푸터 메뉴 적용

6

 

 

3. 이미지 메뉴 적용 : 해당 메뉴들은 모두 이미지 메뉴를 적용했습니다. 

1) 요금/가격표 

3

 

2) 네일샵 모습

4

 

 

4. 게시판 적용: 해당 메뉴들은 모두 게시판을 적용했습니다. 

1) 네일스타일 – 이미지 게시판 적용

10

 

2) 후기게시판 – 이미지게시판 적용

9

 

3) 기본케어 및 컬러 – 타임라인 게시판 적용

7

 

4) 네일 예약리스트 – 아코디언 게시판 적용

8

 

5) 신제품 – 타임라인 게시판 적용

1

 

 

5. 예약문의 – 대화하기 메뉴 적용 (채팅기능)

5