시작하기 전에 : 앱개발의 대안,  프로그레시브 웹 앱 (PWA, Progressive Web Apps )

물론 상당한 시간을 들여 이 게시글을 작성하였지만, “앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기(앱개발)”라는 제목을 가지고 이 게시글을 작성하면서 앱개발의 대안을 먼저 말씀드리는 것은 앞으로 프로그레시브 웹 앱 (PWA, Progressive Web Apps )이 app를 대신할 것이고 구축 및 운영비용도 아래에서 소개하는 앱개발 및 운용비용( 앱 변환플러그인 199달러, 구글안드로이드나 아이폰iOS에 app 등록비 추가, 운영비용 별도(월 50달러 정도) 등)보다 PWA의 구축 및 운영비용이 월등히 저렴(보안인증서를 설치하는 비용, 유표테마 구입 및 기타 유료버전을 구입하여도 10만원대 초반에 구축가능함. 홈페이지용과 쇼핑몰용 모두를 구축하는 경우, 10만원대 후반)하기 때문에 시행착오를 줄이시라는 의미입니다.

저 자신도 아래의 앱개발보다 PWA 구축을 먼저 시도하였고 만족할만한 결과를 얻었습니다. 처음 워드프레스 앱개발을 고려하고 계시다면, 아직은 생소한 개념일 수 있지만 PWA를 권하고 싶습니다.  다만, PWA 구축 플러그인의 경우, 메뉴 생성 및 조정이 약간 부족한 면이 있습니다. 아래의 앱개발 도구들을 2018-11-08 현재, 실제로 사용해보지 않았으므로 강점 및 약점등의 특징들을 상세히 알지 못합니다. PWA에 비해 다른 강점이 있다면 알려주시면 감사하겠습니다.   

‘프로그레시브 웹 앱스(Progressive Web Apps. PWA)’는 구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념으로 Google I/O 2016에서 소개된 미래의 웹기술이며, PWA라고 줄여서 부르기도 합니다.

PWA는 모바일 앱과 웹 기술의 장점을 모두 가지고 있으며 워드프레스로 구축한 사이트를 PWA로 구축하시면 따로 app을 만들 필요가 없습니다.

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 에 관해서는 아래의 게시글을 참조하세요.

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) : 정의, 특징, 사업성, 워드프레스 플러그인 등

그리고 가장 대표적인 워드프레스 프로그레시브 웹 앱 플러그인인 Progressive Web App plugin : WordPress Mobile Pack plugin는 아래의 게시글로 따로 정리하였습니다.

WordPress Mobile Pack plugin : 워드프레스 프로그레시브 웹 앱 플러그인 Progressive Web App plugin

모바일 앱의 필요성

( 출처 :  사이트를 모바일 애플리케이션으로 바꾸는 4 WordPress 플러그인 )

일부 기업의 경우 반응형 웹사이트를 운영하고 있으나 고객에게 충분하지 않습니다. 다음은 Google 및 Ipsos 조사에서 소비자가 모바일 앱을 사용하는 이유들중 확인된 몇 가지는 아래와 같습니다.

• 로열티 프로그램 관리
• 다음 판매 알림 수신
• 온라인 다른 곳에서 찾을 수없는 디지털 쿠폰 수신
• 쇼핑중에 교환할 수있는 특별 행사
• 자세한 내용은 제품 분석
• 제품을 디지털화하여 온라인 위시리스트 또는 장바구니에 항목을 저장하여 나중에 구매할 수 있습니다.

앱개발 견적가격

앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기 에 의사선생님, 닥터케이 가 알아본 바로는 앱개발견적가격이 250~900만원 정도라고 하며 관리 및  업데이트 비용은 별도라고 합니다. 또한 이 가격은 안드로이드만의 가격이고 아이폰까지 하면 비용이 두배이상으로 늘어난다고 합니다. 물론 국내 대부분(추측으로는 95%이상)이 안드로이드폰이므로 비용을 고려한단면 안드로이드용만 개발하는 것도 좋을 것입니다.

제작의뢰하는 방법

Fiverr에게 앱 제작의뢰하기

Fiverr( www.fiverr.com ) 은 Online outsourcing 사이트로, 100,000 명 이상의 Sellers(프리랜서)가 있다고 합니다.

단돈 5불 (5천원)에도 앱을 의뢰해서 제작하실 수 있습니다. Basic(5불)은 안드로이드만 지원합니다.(아이폰은 지원이 안됩니다.)

즉시 주문하지 마십시오. 주문하기 전에 Sellers(프리랜서)에게 연락하고 URL을 보내주십시오. 그렇지 않으면 주문이 거부됩니다. 

앱은 브랜드 이름, 아이콘, 시작 화면, 설명 등으로 개발자 계정에 무료로 게시됩니다. APK 및 IPA 파일이 제공됩니다. Wordpress, Shopify, Wix 등 모든 종류의 웹 사이트에서 수행 할 수 있습니다
앱은 웹 사이트처럼 보이며 모든 최신 콘텐츠 또는 변경 사항을 자동으로 업데이트합니다. 모든 웹 사이트 기능은 앱에서도 작동합니다.

제작의뢰하기 URL 은 https://www.fiverr.com/upgradeyourself/convert-your-website-into-a-cool-android-app-and-publish-it-on-google-play-more?context=adv.cat_10.subcat_141&context_type=rating&pos=2&funnel=25a030ba-b2c2-4d32-b8da-f28fcaaa3cbe 입니다.

국내에서 앱 엔지니어를 찾아 제작의뢰하기

앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기 에 따르면, 아래의 3가지 방법이 있는 것 같습니다.

”

1. 안드로이드 펍 ( http://www.androidpub.com ) 구인/구직
   – 전문 업체 구하는 것 가능해 보이는데, 배우면서 할 친구들은 없어 보임.
2. 알바몬 ( http://www.albamon.com ) 단기 프로그래밍
   – 알바는 많이 있어 보이는데, 어떻게 프로그래머를 구할지 난감함.
3. 프로렌서 전문 사이트 ( http://www.elancer.co.kr )
   – 2 job 개념의 사람들로 보임.

3번이 적당할것 같은데,  역시 적당한 사람 구하는 일이 제일 어렵네요.

”

앱개발 도구(플러그인)나 사이트 이용하기

앱프레서

https://www.apppresser.com

AppPresser는 WordPress와 통합되는 모바일 응용 프로그램 빌더로 “Reactor”로 인식 할 수 있습니다. 사이트에서 모바일 응용 프로그램을 만드는 간단한 방법이라고 설명하고 있지만 처음부터 응용 프로그램을 빌드하려면 광범위한 사용자 지정이 필요하기 때문에 비 개발자를 위한 이상적인 도구는 아닙니다. (응용 프로그램으로 작동하게 하십시오.).

무료 WordPress 플러그인을 찾고 있으시다면, 이 플러그인은 귀사/귀하에게는 맞지 않을 것입니다.  앱 변환플러그인 199달러, 공유기능 99달러 등으로 기능을 추가할 때마다 비용이 들어가지만 전문 개발자에게 의뢰하는 비용에 비하면 싼 편이고 직접 관리 및 업데이트가 가능합니다.

앱프레서의 가지는 app(모바일 애플리케이션) 기능은 아래와 같습니다.

• 메뉴 또는 추출 가능한 탭을 가지고 매뉴 디자인 가능.
• WordPress 플러그인 및 호환성있는 확장 기능 : Facebook 연결, 카메라 연결, Google지도 과 SNS 공유 를 만들어 낼 수 있음
• 사이트의 모든 콘텐츠로부터 사용자 정의 페이지 만들기 가능
• 푸시 알림 기능

모빌라우드

http://www.mobiloud.com

이것으로 만든 앱은 훨씬더 빠르고 안정적이고 가격이 무지 비쌉니다. 최고 한달 199달러… 평생이용은 300만원 조금 안되는 가격입니다. 하지만 이 플러그인도 아이폰/안드로이드 모두 가능하니 개발자의뢰 보다는 훨씬 더 싼 가격이죠. 단점은 앱프레서는 자바스크립트와 같이 모든 워드프레스의 기능을 사용할 수 있지만 모빌라우드는 사용할 수 있는 기능이 제한된다는 것이 단점입니다.

게시글 위주의 앱은 모빌라우드로 제작하는 것이 더 나을 수 있어 보입니다.

Androapp

( 이미지 출처 : 사이트를 모바일 애플리케이션으로 바꾸는 4 WordPress 플러그인  )

https://wordpress.org/plugins/androapp/

블로그 및 신문과 같은 컨텐츠 기반 웹 사이트의 경우 이 플러그인이 흥미로울 수 있습니다. 기본적으로 뉴스 피드를 가져와 사용자 친화적인 모바일 레이아웃으로 바꿉니다. 사이트의 모바일 버전처럼 보일지라도 다음을 포함하여 app 에 더 적합한 추가 기능이 있습니다.

• 푸시 알림
• 온라인 광고
• 오프라인 콘텐츠 저장
• 확장 링크 지원 (응용 프로그램의 다른 페이지가 표시되도록하려면 필수적입니다.)
• 이미지 확대 / 축소
• 사이트와 일치하도록 맞춤 설정된 테마 및 색상

이 플러그인은 현재 2018-11-08 안드로이드용 app개발에는 문제가 없으나 iOS용 app을 만들수 있도록 몇가지 참조를 주고 있지만, iOS에 관해서는 아직 베타버전이라는 것입니다.

Blappsta

다운로드 https://wordpress.org/plugins/yournewsapp/

• Version:0.8.8.8
• Last updated:4 months ago
• Active installations:800+

다음은 WordPress 플러그인의 또 다른 예입니다. 워드 프레스 블로그 모바일 애플리케이션에서 iOS 및 Android 기기뿐만 아니라 Windows 스마트 폰과도 호환됩니다.

다음은 모바일 애플리케이션의 몇 가지 기능입니다.

• 새 게시물이 게시되면 탭 알림
• Google의 딥 링크 색인 생성(Deep link indexing for Google)
• 전자 메일 공유 버튼 및 소셜 네트워크 (Facebook, Twitter 및 Google+)
• 가장 인기있는 기사 및 하단에  관련 기사에 대한 앱 콘텐츠 구성 방법에 대한 유연성
• 탐색 사용자 정의(Customize navigation)
• 홈페이지 디자인 사용자 정의(Customize the design of the home page)

이것은 여전히 ​​상대적으로 새로운 플러그인입니다. 그러나 미리보기 도구를 무료로 사용할 수 있으므로 모바일 응용 프로그램 양식을 만들기 전에 사이트가 어떻게 보이는지 확인할 수 있습니다. 앱 미리보기를 보는 것은 무료이지만 실제 운영하는데는 $34.99/month 의 비용이 발생합니다. 

좋아하는 색상과 자신의 로고를 사용하여 개별 Android 및 Apple 앱을 만들 수 있습니다. 우선 무료 Blappsta WordPress 앱 플러그인을 설치하십시오. 그러면 네이티브 앱을 원하는대로 바꿀 수 있습니다. Apple App Store 또는 Google Play ™ Store 에서 iOS 및 Android 용 Blappsta 미리보기 앱을 사용하여 즉시 테스트 해보십시오 . 원하는만큼 테스트 할 수 있습니다. 마음에 드시면 http://www.blappsta.com으로 이동 하면 Apple 및 Google Play 스토어에 자체 앱을 게시 할것입니다. 독자는 거기에서 앱을 다운로드하고 iPhone, iPad 또는 Android 스마트 폰에서 기사를 읽을 수 있습니다.

MobiLoud

다운로드

WordPress 플러그인 디렉토리 에는 무료 플러그인으로 열거되었으나 MobiLoud는 무료 모바일 애플리케이션 생성 프로그램이 아닙니다. 대신, 이 모바일 ap 서비스는 당신의 사이트를 위한 모바일 app 만들수 있도록 그들의 팀에 위임할 수 있습니다.

이 지속적인 서비스를 위해서는 앱에 한 번만 지불하는 것이 아닙니다.

 MobiLoud는 다음을 수행합니다 :

• iOS 및 / 또는 Android 모바일 앱 만들기
• 귀하의 로고 그리고 귀하의 파비콘을 포함한 디자인을 사용자 정의
• 푸시 알림 사용
• 응용 프로그램의 업데이트 및 유지 관리 제공

프리미엄 플랜의 경우 분석, 수익 창출 그리고 그 이상에 접근할 수 있습니다.

참고자료 : 1. 앱프로그래밍 지식없이 워드프레스 사이트를 앱으로 만들기

2. 워드프레스 블로그로 모바일 앱을 무료로 만드는 방법

3. [IT열쇳말] 프로그레시브 웹 앱스(PWA)

4. 여러분의 첫 Progressive Web App

5.  프로그레시브 웹앱(Progressive Web Apps)이란?

6. 사이트를 모바일 애플리케이션으로 바꾸는 4 WordPress 플러그인