KR101937485B1 - 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법 - Google Patents

하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법 Download PDF

Info

Publication number
KR101937485B1
KR101937485B1 KR1020160157699A KR20160157699A KR101937485B1 KR 101937485 B1 KR101937485 B1 KR 101937485B1 KR 1020160157699 A KR1020160157699 A KR 1020160157699A KR 20160157699 A KR20160157699 A KR 20160157699A KR 101937485 B1 KR101937485 B1 KR 101937485B1
Authority
KR
South Korea
Prior art keywords
web
engine
adapter
application
development platform
Prior art date
Application number
KR1020160157699A
Other languages
English (en)
Other versions
KR20180058561A (ko
Inventor
이길용
Original Assignee
(주)이알솔루션
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by (주)이알솔루션 filed Critical (주)이알솔루션
Priority to KR1020160157699A priority Critical patent/KR101937485B1/ko
Publication of KR20180058561A publication Critical patent/KR20180058561A/ko
Application granted granted Critical
Publication of KR101937485B1 publication Critical patent/KR101937485B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms
    • G06F8/315—Object-oriented languages
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computing Systems (AREA)
  • Stored Programmes (AREA)

Abstract

본 발명의 목적은 기존의 웹 개발 기술을 가지고 앱을 제작함과 동시에 마켓에 등록할 수 있는 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법을 제공하는데에 있다.
본 발명은 상기의 목적을 달성하기 위해, 웹 소스로 구현된 모바일 웹을 앱으로 보이게 하는 하이브리드 앱 개발 플랫폼에 있어서, 웹단 언어가 포함되어 있는 html 및 자바스크립트(javascript) 소스를 구동시키는 패키지인 엔진(10)과; 상기 엔진(10)이 호출하고 데이터베이스(30) 또는 외부통신을 담당하는 패키지인 어댑터(20)와; 상기 어댑터(20)의 통신단에 실리는 데이터를 수록한 데이터베이스(30)와; 상기 엔진(10)과 어댑터(20)를 실행시키는 웹어플리케이션서버(40)(WAS); 및 상기 데이터를 상기 엔진(10)을 통해 보여주는 유저인터페이스(UI)(11);를 포함하여 구성되고, 상기 엔진(10)은 웹개발자가 작성한 웹기반 소스를 업로드하고, 푸시 및 오류 로그, 앱 다운로드 통계를 보여주는 관리자페이지부(12)를 포함하며, 상기 유저인터페이스(UI)(11)는 컨테이너 호출 및 웹 스킬 방식을 이용하여 데이터베이스(30)로부터 가져온 데이터를 표출하는 것을 특징으로 하는 하이브리드 앱 개발 플랫폼이 제공된다.
본 발명의 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 의하면, 기존의 웹 소스를 활용할 수 있으며, 별도의 앱 제작을 위한 하드웨어가 필요하지 않는 유리한 효과가 있다.

Description

하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법{HYBRID APP DEVELOPMENT PLATFORM AND THE DEVELOPING METHOD USING THE SAME}
본 발명은 플랫폼 동작기반의 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 관한 것으로서, 특히 소프트웨어, 개발킷, 관리자, 서비스 관련까지 포함하는 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 관한 것이다.
모바일 기기의 발전에 따라 네이티브 앱, 웹 앱, 하이브리드 앱 등이 개발되어 보편화되고 있다.
네이티브 앱은 하나의 운영체제, 플랫폼에 맞는 앱을 개발하는 것으로서, 특정 플랫폼에 맞춤 설계되기 때문에 다른 운영체제나 플랫폼에는 동작하지 않을 수 있지만 속도가 빠르다.
한편 웹 앱은 인터넷 브라우저에서 실행되는 앱으로서 운영체제에 무관하게 브라우저가 있다면 앱을 사용할 수 있도록 하고 수정 및 보완이 즉각적으로 가능하나 스트링(String) 기반을 번역하는 구조이므로 컴파일된 소프트웨어 로직에 의해 동작하는 네이티브 앱 대비 가동 속도가 느리다는 단점을 가진다.
한편 국내등록특허 제10-1072349호의 "웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말"에서는 웹 애플리케이션의 실행 시 실행속도를 개선할 수 있도록 사용자 인터페이스 로직을 웹 애플리케이션 플랫폼의 미들웨어 계층에 포함하여 속도를 개선하는 웹 애플리케이션 플랫폼을 개시하고 있다. 그러나 상기 제10-1072349호는 실행시 웹사이트 도메인을 통해서 접속해야 하고, 특히 마켓에 등록이 안 된다는 점에서 웹 앱의 고질적인 문제를 고스란히 가지고 있다.
국내등록특허 제10-1072349호의 "웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말"
상기와 같은 문제를 해결하기 위하여, 본 발명의 목적은 기존의 웹 개발 기술을 가지고 앱을 제작함과 동시에 마켓에 등록할 수 있는 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법을 제공하는데에 있다.
본 발명은 상기와 같은 문제점을 해결하기 위해, 웹 소스로 구현된 모바일 웹을 앱으로 보이게 하는 하이브리드 앱 개발 플랫폼에 있어서, 웹단 언어가 포함되어 있는 html 및 자바스크립트(javascript) 소스를 구동시키는 패키지인 엔진과; 상기 엔진이 호출하고 데이터베이스 또는 외부통신을 담당하는 패키지인 어댑터와; 상기 어댑터의 통신단에 실리는 데이터를 수록한 상기 데이터베이스와; 상기 엔진과 어댑터를 실행시키는 웹어플리케이션서버(WAS); 및, 상기 데이터를 상기 엔진을 통해 보여주는 유저인터페이스(UI)를 포함하는 것을 특징으로 하는 하이브리드 앱 개발 플랫폼이 제공된다.
여기서 상기 자바스크립트는 AngularJS인 것이 좋다.
또한 상기 엔진은 웹개발자가 작성한 웹기반 소스를 업로드하고, 푸시 및 오류 로그, 앱 다운로드 통계를 보여주는 관리자페이지부를 더 포함할 수 있다.
한편 본 발명은 상기 하이브리드 앱 개발 플랫폼을 이용한 개발방법에 있어서, (a) 엔진을 구동하여 인증 및 실행하는 단계; (b) 상기 엔진에서 어댑터를 호출하는 단계; (c) WAS가 상기 엔진과 어댑터를 실행하는 단계; (d) 상기 어댑터에서 데이터베이스 또는 외부통신을 통하여 데이터를 가져오는 단계; 및, (e) 상기 가져온 데이터를 상기 엔진을 통하여 유저인터페이스로 보여주는 단계를 진행하는 것을 특징으로 하는 하이브리드 앱 개발 플랫폼을 이용한 개발방법이 제공된다.
여기서 상기 단계 (e)는, 웹 소스로 개발된 웹을 컨테이너 앱에 호출하는 단계; 각종 기능을 컨테이너 앱을 통해 호출하는 단계; 및, 웹 화면과 연동시키는 단계;를 더 진행할 수 있다.
한편 여기서 상기 각종 기능은 바코드, GPS, 오피스뷰어, 카메라, 갤러리, 블루투스 및 NFC인 것이 좋다.
본 발명의 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 의하면, 기존의 웹 소스를 활용할 수 있으며, 별도의 앱 제작을 위한 하드웨어가 필요하지 않는 유리한 효과가 있다.
또한 네이티브 앱의 디자인을 사용하면서도 내부적인 기동방식은 웹 앱을 따르므로 무거운 앱의 경우 더 저렴한 비용으로 개발이 가능하며, 유지보수도 웹만 연결되어 있다면 실시간으로 수정 및 보완이 가능하다는 장점이 있다.
또한 본 발명의 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 의해 제작된 앱을 앱 스토어에서 다운로드 가능하므로 접근성이 용이하다는 장점이 있다.
또한 본 발명의 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법에 의해 제작된 앱을 관리자페이지를 통해 업로드, 푸시 및 오류 로그, 앱 다운로드 통계 등을 통합 관리 및 확인할 수 있는 유리한 효과가 있다.
도 1은 본 발명의 하이브리드 앱 개발 플랫폼을 나타내는 전체 구성도이다.
도 2는 본 발명의 하이브리드 앱 개발 플랫폼을 이용한 개발방법을 나타낸 순서도이다.
도 3은 본 발명의 하이브리드 앱 개발 플랫폼을 이용한 개발방법 중 앱 기능을 호출하여 웹화면을 연동시키는 순서도이다.
이하, 본 발명의 바람직한 실시예를 첨부된 도면들을 참조하여 상세히 설명한다. 우선 각 도면의 구성 요소들에 참조 부호를 부가함에 있어서, 동일한 구성 요소들에 대해서는 비록 다른 도면상에 표시되더라도 가능한 한 동일한 부호를 가지도록 하고 있음에 유의해야 한다. 본 발명을 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략한다.
도 1은 본 발명의 하이브리드 앱 개발 플랫폼을 나타내는 전체 구성도이다.
도 1에서 보듯이, 본 발명의 하이브리드 앱 개발 플랫폼은 엔진(10), 어댑터(20), 웹어플리케이션서버(40), 데이터베이스(DB)(30) 등으로 구성된다.
여기서 엔진(10)은 웹단 언어가 포함되어 있는 html, 자바스크립트(javascript) 소스 구동 패키지이다.
특히 자바스크립트는 템플릿(Template)용 자바스크립트로서 매우 유용한 AngularJS인 것이 좋다.
여기서 어댑터(20)는 상기 엔진(10)과 DB(30) 또는 외부통신을 담당하는 패키지이다.
여기서 WAS는 엔진(10)과 어댑터(20)를 구동하는 서버로서 서버단에서 어플리케이션을 동작할 수 있도록 지원하는 서버이다.
웹의 페이지 동작은 WAS기반으로 동작되며 WAS에서 데이터베이스(30) 연결 및 보안적용이 된다. 나아가 푸시 처리 또한 본 발명의 엔진(10)이 어댑터(20)를 호출하고 WAS를 통해 휴대단말로 푸시 신호를 처리한다.
여기서 DB(30)는 상기 어댑터(20)의 통신단에 실리는 데이터를 수록한다.
한편 상기 엔진(10)에는 유저인터페이스(UI)(11)와 관리자페이지부(12)를 포함한다. UI(11)는 엔진(10)에 포함되어 있는 웹디자인 영역의 이미지 CSS(Cascading Style Sheets)를 총칭하고, 관리자페이지부(12)는 웹개발자가 작성한 웹기반 소스를 업로드할 수 있도록 하고, 푸시 및 오류 로그, 앱 다운로드 통계 등을 한눈에 볼 수 있도록 제공한다.
도 2는 본 발명의 하이브리드 앱 개발 플랫폼을 이용한 개발방법을 나타낸 순서도이다. 또한 도 3은 본 발명의 하이브리드 앱 개발 플랫폼을 이용한 개발방법 중 앱 기능을 호출하여 웹화면을 연동시키는 순서도이다.
먼저 엔진(10)을 구동하여 인증 및 실행하는 단계 (a)를 진행한다(S21).
다음으로 상기 엔진(10)에서 어댑터(20)를 호출하는 단계 (b)를 진행한다(S22).
다음으로 WAS가 상기 엔진(10)과 어댑터(20)를 실행하는 단계 (c)를 진행한다(S23).
다음으로 상기 어댑터(20)에서 데이터베이스(30) 또는 외부통신을 통하여 데이터를 가져오는 단계 (d)를 진행한 후(S24) 상기 가져온 데이터를 상기 엔진(10)을 통하여 유저인터페이스(11)로 보여주는 단계 (e)를 진행한다(S25).
나아가 도 3에서 보듯이, 상기 단계 (e)는, 웹 소스로 개발된 웹을 컨테이너 앱에 호출하는 단계(S31), 각종 기능을 컨테이너 앱을 통해 호출하는 단계(S32) 및 웹 화면과 연동시키는 단계(S33)를 더 진행할 수 있다.
웹 개발자는 자신이 가지고 있는 스킬이나 방식을 그대로 차용하여 웹을 개발할 수 있고, 이렇게 개발된 앱을 컨테이너 앱에 호출한다. 이로써 기존의 네이티브 기능을 활용할 수 있는데, 컨테이너 호출 및 웹 스킬 방식을 이용하여 DB(30)로부터 가져온 데이터를 가지고 UI(11)를 통해 사용자에게 보여줄 수 있다.
특히 여기서 상기 각종 기능은 바코드, GPS, 오피스뷰어, 카메라, 갤러리, 블루투스 및 NFC인 것이 좋다.
이상에서 설명한 본 발명은 전술한 실시예 및 첨부된 도면에 의해 한정되는 것이 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 여러 가지 치환, 부가 및 변경이 가능하다는 것이 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 있어 명백할 것이다.
10: 엔진 11: UI
12: 관리자페이지부 20: 어댑터
30: DB 40: WAS

Claims (6)

  1. 웹 소스로 구현된 모바일 웹을 앱으로 보이게 하는 하이브리드 앱 개발 플랫폼에 있어서,
    웹단 언어가 포함되어 있는 html 및 자바스크립트(javascript) 소스를 구동시키는 패키지인 엔진(10)과;
    상기 엔진(10)이 호출하고 데이터베이스(30) 또는 외부통신을 담당하는 패키지인 어댑터(20)와;
    상기 어댑터(20)의 통신단에 실리는 데이터를 수록한 데이터베이스(30)와;
    상기 엔진(10)과 어댑터(20)를 실행시키는 웹어플리케이션서버(40)(WAS); 및
    상기 데이터를 상기 엔진(10)을 통해 보여주는 유저인터페이스(UI)(11);를 포함하여 구성되고,
    상기 엔진(10)은 웹개발자가 작성한 웹기반 소스를 업로드하고, 푸시 및 오류 로그, 앱 다운로드 통계를 보여주는 관리자페이지부(12)를 포함하며,
    상기 유저인터페이스(UI)(11)는 컨테이너 호출 및 웹 스킬 방식을 이용하여 데이터베이스(30)로부터 가져온 데이터를 표출하는 것을 특징으로 하는 하이브리드 앱 개발 플랫폼.
  2. 청구항 1에 있어서,
    상기 자바스크립트는 AngularJS인 것을 특징으로 하는 하이브리드 앱 개발 플랫폼.
  3. 삭제
  4. 청구항 1의 하이브리드 앱 개발 플랫폼을 이용한 개발방법에 있어서,
    (a) 엔진(10)을 구동하여 인증 및 실행하는 단계(S21);
    (b) 상기 엔진(10)에서 어댑터(20)를 호출하는 단계(S22);
    (c) WAS가 상기 엔진(10)과 어댑터(20)를 실행하는 단계(S23);
    (d) 상기 어댑터(20)에서 데이터베이스(30) 또는 외부통신을 통하여 데이터를 가져오는 단계(S24); 및
    (e) 상기 가져온 데이터를 상기 엔진(10)을 통하여 유저인터페이스(11)로 보여주는 단계(S25);를 포함하여 구성되고,
    상기 단계 (e)는 웹 소스로 개발된 웹을 컨테이너 앱에 호출하는 단계(S31)와, 각종 기능을 컨테이너 앱을 통해 호출하는 단계(S32); 및 웹 화면과 연동시키는 단계(S33);를 더 진행하는 것을 특징으로 하는 하이브리드 앱 개발 플랫폼을 이용한 개발방법.
  5. 삭제
  6. 청구항 4에 있어서,
    상기 각종 기능은 바코드, GPS, 오피스뷰어, 카메라, 갤러리, 블루투스 및 NFC인 것을 특징으로 하는 하이브리드 앱 개발 플랫폼을 이용한 개발방법.
KR1020160157699A 2016-11-24 2016-11-24 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법 KR101937485B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160157699A KR101937485B1 (ko) 2016-11-24 2016-11-24 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160157699A KR101937485B1 (ko) 2016-11-24 2016-11-24 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법

Publications (2)

Publication Number Publication Date
KR20180058561A KR20180058561A (ko) 2018-06-01
KR101937485B1 true KR101937485B1 (ko) 2019-01-11

Family

ID=62634952

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160157699A KR101937485B1 (ko) 2016-11-24 2016-11-24 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법

Country Status (1)

Country Link
KR (1) KR101937485B1 (ko)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109977333B (zh) * 2019-03-22 2020-06-09 北京三快在线科技有限公司 网页显示方法、装置、计算机设备及存储介质
CN109976831A (zh) * 2019-03-28 2019-07-05 山东浪潮通软信息科技有限公司 一种JavaScript和原生APP之间数据交互方法
KR20220132459A (ko) 2021-03-23 2022-09-30 (주)인스웨이브시스템즈 디자인 시스템을 구비한 사용자 인터페이스 플랫폼 통합 개발 시스템 및 방법

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101072349B1 (ko) 2009-11-19 2011-10-12 주식회사 엘지유플러스 웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Daniel Bonstrom, "Smartphone Application in PhoneGap"(2014.06.)*
Sebastian Witalec, "Building Native Mobile Apps with Angular 2.0 and NativeScript"(2016.10.)*

Also Published As

Publication number Publication date
KR20180058561A (ko) 2018-06-01

Similar Documents

Publication Publication Date Title
CN109358936B (zh) 信息处理方法、装置、存储介质、电子设备及系统
Meier Professional Android 4 application development
US9448776B1 (en) Method and apparatus for converting a website into a native mobile application
CN103309660B (zh) 移动应用跨平台开发方法
US9307342B2 (en) Dynamic rendering for software applications
US9077770B2 (en) Mobile web app infrastructure
US7907966B1 (en) System and method for cross-platform applications on a wireless phone
KR102218995B1 (ko) 코드 가상화 및 원격 프로세스 호출 생성을 위한 방법 및 장치
CN101930366B (zh) 一种基于浏览器的手机运行时系统
EP3416054B1 (en) Method and device for page display, and storage medium
WO2017206626A1 (zh) 网络资源访问设备、混合设备及方法
WO2017124976A1 (zh) 一种应用资源获取方法及装置
CN108021356B (zh) 一种跨屏跨平台的可量测实景地图组织方法
CN104321745A (zh) 用于软件应用程序的跨平台开发的环境及方法
KR101937485B1 (ko) 하이브리드 앱 개발 플랫폼 및 이를 이용한 개발방법
US9329878B2 (en) Apparatus and method for providing virtual API for mashup service
CN105786452A (zh) 移动设备上轻量级app开发系统及方法
US9509761B2 (en) Open user interface
CN110908629A (zh) 电子设备操作方法、装置、电子设备和存储介质
US20140033167A1 (en) Method and system for generating a manifestation of a model in actionscript
CN114647412A (zh) 内容显示方法及终端设备
US20230247102A1 (en) Addressing previous client device technology in online platforms
Huy Selecting the right mobile app paradigms
CN104503760B (zh) 获取系统最高权限的方法及装置
US9158505B2 (en) Specifying compiled language code in line with markup language code

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right