웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Mobile Life
HOME WEBDESK Mobile Life
‘코드 한 줄 몰라도’ 모바일 앱을 개발할 수 있는 노코드 빌더 10선
Posted by kimdirector | 2014.03.31 | Hit : 2538
모바일 개발 빌더 CSS3 프로젝트 하이브리드
목록보기이전보기
웹 개발 방식을 놓고 다양한 논란이 있긴 하지만, 기업은 계속해서 지원과 파트너, 고객을 위해 모바일 앱을 개발하고 유지, 관리해야 한다. 순수 HTML5, 자바스크립트, CSS3 모바일 웹 선호세력과 네이티브 코드 순수주의자, 하이브리드 모바일 앱 추종자들, 모두 다 설득력 있는 주장과 접근방식을 제시하지만, 결국 하나의 절대적인 정답은 없다. 각 접근방식과 툴 세트마다 나름의 장단점이 있다. 모바일 앱을 개발한다는 어려움과 그에 따른 비용은 혁신 기업들에 큰 어려움이다. 그래서 여기 모바일 애플리케이션 개발용 로우 코드 또는 노코드 빌더를 소개한다. 종류는 다양하지만, 공통으로 각 기업의 모바일 프로젝트를 신속하게 처리하는 것이 목표다.
 


알파 애니웨어
 
알파 애니웨어(Alpha Anywhere, www.alphasoftware.com, 월 99달러)는 로우 코드를 사용해 빠르게 개발할 수 있도록 지원하는, 위자드-드리븐(wizard-driven) 윈도우 기반 엔드-투-엔드(end-to-end) 통합개발환경(IDE) 빌더다. 다양한 데이터베이스를 지원하고 웹, 모바일(iOS, 안드로이드, 윈도우 폰), 데스크톱 애플리케이션을 개발할 수 있다. HTML 앱은 컴포넌트 기반 디자이너를 이용해 4인치에서 48인치까지 화면 크기에 따라 개발할 수 있다. 알파 애니웨어는 폰갭(PhoneGap)과 어도비 폰갭 빌드(Adobe PhoneGap Build)를 통합한 형태로, 개발자가 여러 네이티브 개발환경에서나 또는 맥 PC를 따로 구매할 필요 없이 하이브리드 모바일 앱을 손쉽게 개발할 수 있도록 지원한다. 업체는 현재 원격 데이터베이스를 기반으로 연결되는 모바일 앱용 독특한 솔루션을 테스팅하고 있다.


 

 
앱 프레스
 
앱 프레스(App Press, www.app-press.com, 월 30~460달러)는 웹 기반의 노코드 앱 제작 툴로, 아이폰, 아이패드, 안드로이드 애플리케이션을 만들 수 있다. 디자이너에게 맞춰진 앱 프레스는 레이어를 사용할 수 있는 비주얼 애셋(Visual asset)에서 화면을 조합하는 포토샵 방식의 사용자 인터페이스(UI)를 사용한다. 백 엔드는 아마존 클라우드 기반 서비스와 그 플랫폼이다. 업체는 앱 프레스를 처음 접한 디자이너가 앱을 하나 만드는 데 소용되는 시간은 단 하루이며, 익숙해지면 하루에 5개도 제작할 수 있다고 주장한다.


 

 
앱 아키텍트
 
앱 아키텍트(AppArchitect, apparchitect.com, 현재는 무료 베타)는 웹 기반 노 코드, 드래그-앤-드롭 빌더이자 네이티브 아이폰과 아이패드 앱용 플랫폼을 갖고 있다. 앱 아키텍트 프리뷰 앱(AppArchitect Preview App)을 통해 개발한 앱은 미리보기가 가능하며, 아이튠스 앱 스토어(iTunes App store)에서 다운로드도 할 수 있다. 작업이 끝난 바이너리는 앱 스토어에 다운로드 가능하도록 등록할 수도 있다. 또한, 오브젝티브-C(Obejective-C)로 작성된 플러그인 구성요소를 조합하고, 앱 아키텍트 SDK를 이용해 제품의 기능을 확장할 수 있다. 업체는 앞으로 안드로이드와 모바일 웹 앱 개발까지 확장기능(expend)을 지원할 계획이다. 베타 서비스가 끝나고 정식 출시하면 월 40달러에서 100달러의 가격대로 판매될 예정이다.


 


 
폼닷컴
 
폼닷컴(Form.com, form.com, 프로젝트 범위와 조건에 따라 월 412달러 이상)은 웹과 모바일 폼 솔루션용 웹 기반 기업용 플랫폼으로, 드래그-앤-드롭 방식의 폼 빌더와 유연한 백 엔드 기술을 지원한다. 또한, 새 폼 생성, 기존 페이퍼 폼의 자기복제, 프로세스 특정 워크플로우(process-specific workflow)와 API 통합 설정, 논리적 이행 임베드, 폼 내에서의 이미지 캡처 허용, 디지털 시그니처 캡처, 폼 필드 자동완성 활성화 등 다양한 기능을 지원한다. 완성된 모바일 폼은 연결이 차단됐을 때 정보를 수집하고 연결이 복구되면 다시 전송하는 것도 가능하다.
 



 
아이빌드앱
 
아이빌드앱(iBuildApp, ibuildapp.com, 무료에서 월 299달러)은 웹 빌더로, 아이폰, 아이패드, 안드로이드 앱용 맞춤 템플릿을 제공한다. 업체 측은 이를 이용해 누구든 5분 안에 앱을 만들 수 있다고 주장한다. 아이빌드앱으로 앱을 개발하면 일단은 무료로 사용할 수 있지만 사용자 수와 사이트 방문 수가 매우 제한적이다. 사용자 수가 무제한인 태블릿 앱은 월 299달러이다. 이 밖에도 다양한 선택 사항에 따라 가격이 달라진다. 일반적인 앱이라면 아이빌드앱 같은 템플릿 기반 시스템에서도 기대 이상의 결과물을 뽑아낼 수 있다.
 



 
퀵 베이스
 
퀵베이스(QuickBase, quickbase.intuit.com, 월 299달러 이상)는 웹과 모바일 데이터베이스 애플리케이션 개발을 위한 온라인 빌더와 플랫폼이다. 300가지 이상의 맞춤 애플리케이션 템플릿을 제공하는데, 슬라이드에 보이는 컴플릿 프로젝트 매니저(Complete Project Manager)도 그중 하나다. 사용자들은 ‘백지상태’에서 데이터 디자인을 해 애플리케이션을 개발할 수 있고 이를 모바일 웹사이트로 확인할 수 있다. 모바일 퀵베이스는 현재 앱 형태로는 사용할 수 없지만, 모바일 웹사이트는 상당히 유용하다.
 



 
세일즈포스1
 
세일즈포스1(Salesforce1, www.salesforce.com/platform/overview, 사용자당 25달러부터)를 이용하면 HTML5, iOS, 안드로이드 앱, 웹 앱 등을 빠르게 개발할 수 있다. 모바일 웹사이트나 다운로드 가능한 일반적인 세일즈포스 뷰어 앱을 포스닷컴(Force.com) 웹 애플리케이션과 함께 활용하는 간단한 작업은 물론, 세일즈포스 모바일 팩(Salesforce Mobile Pack)을 활용해 (슬라이드에 보이는) 제이쿼리 모바일(jQuery Mobile), 앵귤러.js(Angular.js), 백본.js(Backbone.js), 녹아웃 HTML5(Knockout HTML5) 모바일 앱도 개발할 수 있다. 심지어 모바일 플랫폼에서 세일즈포스 모바일 SDK와 네이티브 SDK(Native SDK)를 결합해 iOS와 안드로이드의 네이티브와 하이브리드 앱을 개발하는 것도 가능하다. 이러한 앱은 모두 세일즈포스의 커넥티드 앱(Connected App)을 통해 백 엔드와 커뮤니케이션을 한다.

 


 
비지앱스
 
비지앱스(ViziApps, www.viziapps.com, 월 15달러에서 149달러, 퍼블리케이션 요금 별도)를 이용하면 온라인 비주얼 디자이너와 맞춤 가능한 샘플 앱을 모바일 웹의 코드 생성은 물론 iOS와 안드로이드 네이티브 앱과 결합할 수 있다. 비지앱스 디자이너는 양식 필드와 차트, 60개의 배경, 4,000개의 이미지를 기본으로 제공한다. 또한, 비지앱스는 지도, 비디오, 오디오, 내비게이션 바, 내비게이션 패널을 지원하고, 수많은 맞춤 설정 옵션과 자바스크립트 익스텐션을 포함하고 있다. 예제 앱을 보면 필드(field), 액션(actions), 데이터 인터페이스를 어떻게 사용하는지 한 눈에 알 수 있다.
 



 
모바일 크롬 개발 키트
 
모바일 크롬 개발 키트(Mobile Chrome Development Kit, github.com/MobileChromeApps, 무료)는 아파치 코르도바(Apache Cordova)에 기반한 개발자 프리뷰(Developer Preview) 툴 체인으로, iOS, 안드로이드, 크롬 앱에 대한 하이브리드 앱 전략을 취하고 있다. 슬라이드에서 확인할 수 있듯이, 사용자 인터페이스는 안드로이드와 iOS 네이티브 툴킷이 통합된 CSS과 표준 HTML이다. 모바일 크롬 개발 키트는 엄밀히 말해, ‘노코드'(no-code) 툴은 아니지만, 비주얼 HTML 페이지 디자이너 누구나 쉽게 사용할 수 있다. 모바일 코드를 추가해야 할 경우에는 플랫폼에 따라 바뀌는 네이티브 코드를 사용할 필요 없이, 자바스크립트에서 앱을 보완하는 크롬 API와 코르도바 API를 원하는대로 사용하면 된다.
 



 
앱셀러레이터
 
앱셀러레이터(Appcelerator, www.appcelerator.com, 개발자에게는 무료)는 IDE, SDK, 다수의 프레임워크, 백 엔드 클라우드 서비스를 모바일 개발을 위한 기업 단위 시스템으로 통합한다. 티타늄 SDK(Titanium SDK)를 이용하면 단일 코드로 네이티브, 하이브리드, 모바일 웹 앱을 모두 개발할 수 있다. 티타늄 스튜디오(Titanium Studio)는 확장성이 뛰어난 이클립스(Eclipse) 기반 IDE이고, 앱셀러레이터 클라우드 서비스(Appcelerator Cloud Services)는 앱에 강력한 네트워크 기능과 데이터 객체 배열 등을 지원한다. 알로이(Alloy) 프레임워크는 MVC 아키텍처에 기반한 티타늄 애플리케이션을 더 빨리 개발하기 위해 만들어진 앱셀러레이터 프레임워크로, 백본.js와 언더스코어.js를 지원한다. 앱셀러레이터는 노코드 솔루션이 아니지만, iOS, 안드로이드, 타이젠, 블랙베리, 모바일 웹 앱용 자바스크립트 툴을 한 번에 제공하는 장점이 있다.




 
Posted by kimdirector | 2014.03.31 | Hit : 2538
Origin http://www.itworld.co.kr/slideshow/86657
Tags 모바일 개발 빌더 CSS3 프로젝트 하이브리드
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=Mobile_Life&no=63

COMMENT
Commented by kimdirector
2014.03.31 21:50:40 X
모바일 앱을 개발할 수 있는 툴들은 많다. 하지만 각각의 툴에는 장단점이 있기 마련이다. 역설적이긴 하지만 소개하고 있는 툴들은 코드 한줄 쓸 줄 몰라도 모바일 웹 개발이 가능한 빌더 몇가지를 소개하지만 그래도, 하드코딩을 할 줄 모르면 안될 것 같다.
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
인클루시브 디자인 소셜 도요타 홈페이지 모바일 비주얼 인스펙터 소통 사이드 메뉴 번들 웹 디자이너 웹표준 아이폰 Mockup CSS 패키지 폰트 대쉬보드 웹사이트 CIP HTML5 App 제로투원 모바일웹 홈페이지 애플 디자인 이벤트 프레임 디자인 리뉴얼 무료 생각의 깊이 소프트웨어 HTML 로고 웹표준 마우스 야체 CEO 설명회