KR101072349B1 - Web application platform and mobile terminal for executing the same - Google Patents
Web application platform and mobile terminal for executing the same Download PDFInfo
- Publication number
- KR101072349B1 KR101072349B1 KR1020090111840A KR20090111840A KR101072349B1 KR 101072349 B1 KR101072349 B1 KR 101072349B1 KR 1020090111840 A KR1020090111840 A KR 1020090111840A KR 20090111840 A KR20090111840 A KR 20090111840A KR 101072349 B1 KR101072349 B1 KR 101072349B1
- Authority
- KR
- South Korea
- Prior art keywords
- user interface
- web
- web application
- code
- implemented
- Prior art date
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
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- 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/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Telephone Function (AREA)
- Stored Programmes (AREA)
Abstract
본 발명은 웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말에 관한 것이다. The present invention relates to a web application platform and a mobile terminal executing a web application.
본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말은, 네이티브(Native) 코드로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직 및 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문을 포함하는 웹 애플리케이션을 저장하는 저장부; 및 상기 웹 애플리케이션의 상기 웹 코드를 해석하여 실행하며, 상기 구문에 따른 호출 이벤트 발생 시 상기 저장부로부터 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하여 처리하는 웹 애플리케이션 실행부를 포함한다.The mobile terminal executing the web application according to the present invention, the user interface implemented in native code or user interface screen change user interface logic for processing the screen change and the user interface logic implemented in the native code A storage unit for storing a web application including a syntax of a calling web code; And a web application execution unit for interpreting and executing the web code of the web application, and calling and processing user interface logic implemented in the native code from the storage when a call event occurs according to the syntax.
네이티브, 웹, 사용자 인터페이스 Native, web, user interface
Description
본 발명은 모바일 단말에서 웹 애플리케이션의 실행 시 실행속도를 개선할 수 있도록 하는 웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말에 관한 것이다.The present invention relates to a web application platform and a mobile terminal for executing a web application to improve the execution speed when the web application is executed in the mobile terminal.
모바일 단말에서 인터넷이 가능해지고 대중화되면서 다양한 웹 기반의 웹 콘텐츠 산업과 웹 기반의 웹 애플리케이션 산업이 활성화되고 있다. As the Internet becomes available and popularized in mobile terminals, various web-based web content industries and web-based web application industries are being activated.
모바일 단말에는 다양한 애플리케이션이 탑재되는데, 애플리케이션은 구현 방식에 따라 네이티브 애플리케이션(native application)과 웹 애플리케이션(web application)으로 구분할 수 있다.Various applications are mounted in the mobile terminal, and the application may be classified into a native application and a web application according to an implementation method.
네이티브 애플리케이션이란, C 또는 C++ 등의 네이티브 코드로 작성되어 컴파일(compile) 된 소프트웨어 로직(software logic)(사용자 인터페이스(User Interface: UI)에 대응되는 사용자 인터페이스 로직을 포함), 데이터(data) 등이 애플리케이션에 포함되어, 실행 시 플랫폼에 기반하여 바로 실행되는 애플리케이션을 의미한다. A native application is a piece of software logic (including user interface logic corresponding to a user interface (UI)) written in native code such as C or C ++, data, and the like. It is an application that is included in an application and runs immediately based on the platform when executed.
웹 애플리케이션이란, 웹(Web) 기반의 HTML(HyperText Markup Language), 자바스크립트(Javascript), CSS(Cascading Style Sheets) 등의 웹 코드로 작성된 애플리케이션으로서, 모바일 단말에서 실행 시에 브라우저 엔진(browser engine)을 통해 해석되어 실행될 수 있는 애플리케이션을 의미한다. A web application is an application written in web code such as Web-based HyperText Markup Language (HTML), JavaScript, or Cascading Style Sheets (CSS), and is a browser engine when executed on a mobile terminal. It means an application that can be interpreted and executed through.
여기서, 브라우저 엔진의 해석 과정은, 웹 서핑을 위하여 인터넷 브라우저가 웹 서버로부터 전송 받은 웹 코드로 된 웹 페이지를 해석하여 보여주는 과정과 유사하다. Here, the analysis process of the browser engine is similar to the process of interpreting and showing a web page of a web code transmitted from a web server by an internet browser for surfing the web.
그리고, 웹 애플리케이션의 실행 중, 웹 코드로 정의된 사항에 따라 필요한 웹 코드로 작성된 데이터 또는 이미지 등의 데이터를 웹 서버로부터 전송 받아 해석하여 보여주는 것도 가능하다.In addition, during execution of the web application, it is also possible to receive data, such as an image or data, which is created in the necessary web code according to the definition of the web code, by receiving it from the web server and interpreting the data.
네이티브 애플리케이션은 모바일 단말에 적합한 소프트웨어 로직, 데이터를 개발하여 단말의 플랫폼 별로 컴파일 한 후 단말에 저장되어 실행될 수 있는 애플리케이션을 의미하는 것으로, 단말의 플랫폼에 의존하여 실행되므로 적용이 제한적이고, 사용자의 의지에 따른 변형(확장)이 힘들기 때문에, 근래에는 모바일 단말에서 웹 애플리케이션을 실행할 수 있는 플랫폼이 많이 개발되고 있다. Native application refers to an application that can develop software logic and data suitable for a mobile terminal, compile for each platform of the terminal, and then store and execute the terminal. The application is limited depending on the platform of the terminal. Due to the difficulty of expansion (expansion), many platforms have been developed in recent years that can execute web applications on mobile terminals.
웹 애플리케이션의 장점은, 네이티브 애플리케이션에 비해 개발이 쉽고, 저렴한 비용으로 구현가능하며, 관리가 용이하고, 확장성이 뛰어나다는 점이다. The advantages of web applications are that they are easier to develop, implement at a lower cost, easier to manage, and more scalable than native applications.
그러나, 웹 애플리케이션은, 스트링(String) 기반을 번역(Interpret)하는 구 조이므로, 컴파일 된 소프트웨어 로직에 의해 동작하는 네이티브 애플리케이션 대비 속도가 느리다는 단점을 가진다. However, web applications have a disadvantage in that they are slower than native applications operated by compiled software logic because they are string-based.
특히, 그래픽 처리인 사용자 인터페이스 또는 사용자 인터페이스에 의한 표시화면의 변화효과인 사용자 인터페이스 화면변화(UI change or UI effect)의 처리를 전부 웹 코드로 작성된 웹 애플리케이션으로 구현할 경우 네이티브 애플리케이션에 비하여 실행 속도가 상당히 저하된다는 문제가 있다. Particularly, when the UI change or UI effect, which is the effect of changing the display screen by the user interface or the user interface, is implemented as a web application written in web code, the execution speed is considerably higher than that of the native application. There is a problem of deterioration.
이에 따라, 본 발명의 목적은, 웹 코드로 호출될 수 있으며 네이티브 코드로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직을 웹 애플리케이션 플랫폼의 미들웨어 계층에 포함함으로써, 웹 애플리케이션을 웹 코드로 구현하는 기술을 위반하지 않으면서, 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 네이티브 코드로 구현된 로직으로 처리하여 웹 애플리케이션의 실행 속도를 개선할 수 있는 웹 애플리케이션 플랫폼 및 웹 애플리케이션을 실행하는 모바일 단말을 제공하는데 있다. Accordingly, an object of the present invention is to include a user interface logic for handling a user interface or a user interface change that can be called as web code and implemented in native code, thereby including the web application in a middleware layer of the web application platform. A mobile application that runs a web application platform and a web application that can improve the execution speed of a web application by processing user interface or user interface screen changes with logic implemented in native code without violating the technology implemented by the code. To provide.
따라서, 본 발명에 따른 웹 애플리케이션 플랫폼은, 네이티브(Native) 코드로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직을 저장하는 네이티브 기반 UI 프레임워크; 및 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문을 포함하는 웹 애플리케이션을 해석하여 실행하며, 상기 구문에 따른 호출 이벤트 발생 시, 상기 네이티브 기반 UI 프레임워크로부터 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하여 처리하는 브라우저 엔진을 포함한다. Accordingly, the web application platform according to the present invention comprises: a native-based UI framework for storing user interface logic for handling user interface or user interface change implemented in native code; And interpreting and executing a web application including syntax of web code for calling user interface logic implemented in the native code, and when a call event occurs according to the syntax, the native code is implemented as the native code from the native UI framework. Contains a browser engine that invokes and processes user interface logic.
상기 네이티브 코드는 OPEN VG, C 및 C++ 중 하나에 해당되고, 상기 웹 코드는 HTML(HyperText Markup Language), 자바스크립트(Javascript), CSS(Cascading Style Sheets) 중 하나에 해당될 수 있다. The native code may correspond to one of OPEN VG, C, and C ++, and the web code may correspond to one of HyperText Markup Language (HTML), Javascript, and Cascading Style Sheets (CSS).
그리고, 상기 사용자 인터페이스 또는 상기 사용자 인터페이스 화면변화는 하나 이상의 웹 애플리케이션에서 공통으로 사용되는 것일 수 있으며, 상기 사용자 인터페이스는, 메뉴바(menubar), 스크롤바(scrollbar), 라디오박스(radiobox), 텍스트박스(testbox), 라벨(label), 체크 박스(check box), 콤보박스(combobox), 리스트(list) 중 팝업(pop up) 중 하나에 해당하고, 사용자 인터페이스 화면변화는 페이드 인(Fade In), 페이드 아웃(Fade Out), 일레스틱(Elastic) 및 플리킹(Flicking) 중 하나에 해당할 수 있다. The user interface or the user interface screen change may be commonly used in one or more web applications, and the user interface may include a menu bar, a scroll bar, a radio box, and a text box. testbox, label, check box, combobox, or one of a list of pop-ups, and the user interface changes are faded in and faded in. It may correspond to one of Fade Out, Elastic, and Flicking.
또한, 상기 웹 애플리케이션 플랫폼은, 상기 웹 코드로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직을 저장하는 웹 기반 UI 프레임워크를 더 포함할 수 있다.In addition, the web application platform may further include a web-based UI framework for storing user interface logic for processing a user interface or a user interface screen change implemented in the web code.
한편, 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말은, 네이티브(Native) 코드로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직 및 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문을 포함하는 웹 애플리케이션을 저장하는 저장부; 및 상기 웹 애플리케이션의 상기 웹 코드를 해석하여 실행하며, 상기 구문에 따른 호출 이벤트 발생 시 상기 저장부로부터 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하여 처리하는 웹 애플리케이션 실행부를 포함한다.On the other hand, a mobile terminal executing a web application according to the present invention, calling the user interface logic for processing the user interface or the user interface screen change implemented in the native code and the user interface logic implemented in the native code A storage unit for storing a web application including syntax of web code; And a web application execution unit for interpreting and executing the web code of the web application, and calling and processing user interface logic implemented in the native code from the storage when a call event occurs according to the syntax.
상기 네이티브 코드는 OPEN VG, C 및 C++ 중 하나에 해당되고, 상기 웹 코드는 HTML(HyperText Markup Language), 자바스크립트(Javascript), CSS(Cascading Style Sheets) 중 하나에 해당될 수 있다.The native code may correspond to one of OPEN VG, C, and C ++, and the web code may correspond to one of HyperText Markup Language (HTML), Javascript, and Cascading Style Sheets (CSS).
그리고, 상기 사용자 인터페이스 또는 상기 사용자 인터페이스 화면변화는 하나 이상의 웹 애플리케이션에서 공통으로 사용되는 사용자 인터페이스 또는 사용자 인터페이스 화면변화일 수 있으며, 상기 사용자 인터페이스는, 메뉴바(menubar), 스크롤바(scrollbar), 라디오박스(radiobox), 텍스트박스(testbox), 라벨(label), 체크 박스(check box), 콤보박스(combobox), 리스트(list) 중 팝업(pop up) 중 하나에 해당하고, 사용자 인터페이스 화면변화는 페이드 인(Fade In), 페이드 아웃(Fade Out), 일레스틱(Elastic) 및 플리킹(Flicking) 중 하나에 해당될 수 있다.The user interface or the user interface screen change may be a user interface or a user interface screen change commonly used in one or more web applications, and the user interface may include a menu bar, a scroll bar, and a radio box. (radiobox), textbox (testbox), label (label), check box (combobox), one of the pop-up (list), the user interface change fades It may correspond to one of Fade In, Fade Out, Elastic, and Flicking.
본 발명에 따르면, 웹 애플리케이션에서 공통으로 사용되는 사용자 인터페이스 또는 사용자 인터페이스 화면변화에 대응되는 네이티브 코드의 로직을 호출할 수 있는 구문을 웹 애플리케이션의 웹 코드로 포함시킴으로써, 사용자 인터페이스 또는 사용자 인터페이스 화면변화의 호출은 웹 기반으로 하고, 사용자 인터페이스 또는 사용자 인터페이스 화면변화의 처리는 네이티브 기반의 로직으로 구현하여, 그 결과 웹 기반만으로 구현된 사용자 인터페이스 또는 사용자 인터페이스 화면변화에 비하여 실행 속도가 증가한다. 이에 따라, 네이티브 애플리케이션에 비해 개발이 쉽고, 저렴한 비용으로 구현가능하며, 관리가 용이하고, 확장성이 뛰어나지만, 웹 코드로 구현되어 로직의 처리 속도가 느린 종래의 웹 애플리케이션의 단점을 보완할 수 있게 된다. According to the present invention, by including the syntax that can call the logic of the native code corresponding to the user interface or the user interface screen change commonly used in the web application as the web code of the web application, the change of the user interface or user interface screen change The call is web-based, and the processing of user interface or user interface change is implemented by native-based logic. As a result, the execution speed is increased compared to the user interface or user interface change implemented only on the web. As a result, it is easier to develop, implement at a lower cost than the native application, is easy to manage, and scalable, but is implemented in web code to compensate for the disadvantages of the conventional web application, which is slow in processing logic. Will be.
이하, 첨부한 도면을 참조하여 본 발명을 상세히 설명하도록 하겠다.Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.
다만, 본 발명을 설명함에 있어, 관련된 공지 기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그에 대한 상세한 설명은 생략한다. However, in describing the present invention, when it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present invention, a detailed description thereof will be omitted.
도 1은 본 발명에 따른 모바일 단말의 웹 애플리케이션 플랫폼을 보여주는 구조도이다. 1 is a structural diagram showing a web application platform of a mobile terminal according to the present invention.
도 1을 참조하면, 모바일 단말에서 제1 내지 제3웹 애플리케이션(131, 133, 135)을 실행하기 위하여 사용되는 웹 애플리케이션 플랫폼(100)은, 모바일 플랫폼 계층(110) 및 미들웨어 계층(120)을 포함한다. 여기서, 제1 내지 제3웹 애플리케이션은 일 예를 든 것으로, 다른 실시예에서는 하나 이상의 애플리케이션을 포함할 수 있다. Referring to FIG. 1, the
모바일 플랫폼 계층(110)은 적어도 하나의 모바일 플랫폼을 포함하는데, 모바일 플랫폼은 국가별, 이동통신사별 또는 모바일 단말 제조사별로 다르다. 예를 들면, 자바스크립트(Java script) 언어, C 또는 C++ 언어 기반의 WIPI(Wireless Internet Platform for Interoperability) 플랫폼과, 윈도우 기반의 Windows Mobile 플랫폼 및 리눅스 기반의 LiMo 또는 Android 플랫폼으로 분류할 수 있다. The
이러한, 모바일 플랫폼은 제1 내지 제3웹 애플리케이션(131, 133, 135)을 실행할 수 있는 환경을 제공하는 것으로, 하나 이상의 웹 애플리케이션에 대응되는 모바일 플랫폼이 모바일 플랫폼 계층(110)에 포함될 수 있다. Such a mobile platform provides an environment in which the first to
미들웨어 계층(120)은, 모바일 단말에서 제1 내지 제3웹 애플리케이션(131, 133, 135)이 실행되기 위해 필요한 사용자 인터페이스(UI)를 포함한 소프트웨어 로직, 데이터를 제공하는 부분으로, 브라우저 엔진(121), UI 프레임워크(123) 및 플러그-인 인터페이스(125)를 포함한다.The
브라우저 엔진(121)은 웹 기반으로 구성된 웹 애플리케이션의 소프트웨어 로직 및 데이터를 렌더링(rendering) 및 파싱(parsing)하는데, 웹 기반으로 구성된 웹 애플리케이션의 소프트웨어 로직 및 데이터는 HTML(HyperText Markup Language)과 같은 마크업(Mark-Up) 언어, 스크립트(Script) 및 CSS(Cascading Style Sheets) 등의 웹 코드를 이용하여 제작된 사용자 인터페이스 로직 등을 의미한다.The
즉, 브라우저 엔진(121)은 HTML(HyperText Markup Language), 자바스크립트(Javascript), CSS(Cascading Style Sheets) 등의 웹 코드로 구현된 제1 내지 제 3웹 애플리케이션(131, 133, 135)을 해석하여 실행하며, 제1 내지 제3웹 애플리케이션(131, 133, 135)의 내용에 따라 사용자 인터페이스 처리 시 제1 내지 제3웹 애플리케이션에 포함된 웹 코드로 된 사용자 인터페이스 로직 또는 UI 프레임워크(123)의 웹 기반 UI 프레임워크(123-1)에 저장된 사용자 인터페이스 로직을 렌더링 및 파싱하고, 네이티브 기반 UI 프레임워크(123-2)에 저장된 사용자 인터페이스 로직을 호출하여 실행되도록 제어한다. That is, the
여기서, 상기 사용자 인터페이스 로직(user interface logic)은 시각적으로 보이는 사용자 인터페이스 또는 사용자 인터페이스에 의한 표시화면의 변화효과인 사용자 인터페이스 화면변화를 처리하기 위한 소프트웨어 로직을 의미한다. Here, the user interface logic refers to software logic for processing a user interface screen change, which is a change effect of a display screen by a visually visible user interface or a user interface.
UI 프레임워크(123)는 웹 기반의 UI 프레임워크(123-1) 및 네이티브 기반의 UI 프레임워크(123-2)를 포함하여 제1 내지 제3웹 애플리케이션(131, 133, 135)의 실행에 필요한 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직을 라이브러리로 저장한다. The UI
웹 기반의 UI 프레임워크(123-1)는, Perl, VBScript, JavaScript과 같은 스크립트 언어(웹 코드)로 구현된 사용자 인터페이스 로직을 저장한다. The web-based UI framework 123-1 stores user interface logic implemented in a scripting language (web code) such as Perl, VBScript, and JavaScript.
여기서, 웹 기반의 UI 프레임워크(123-1)에 저장된 사용자 인터페이스 로직은 브라우저 엔진(121)에 의해 호출되어 해석(파싱 및 렌더링)됨으로써 실행될 수 있다.Here, the user interface logic stored in the web-based UI framework 123-1 may be executed by being interpreted (parsed and rendered) by the
또한, 본 발명에 따른 네이티브 기반 UI 프레임워크(123-2)는, OPEN VG, C 또는 C++과 같은 네이티브 코드로 구현되어 미리 단말기에 구비된 모바일 플랫폼 계층(110)의 모바일 플랫폼에서 실행가능 하도록 컴파일 된 사용자 인터페이스 로직을 저장한다. In addition, the native-based UI framework 123-2 according to the present invention is implemented in native code such as OPEN VG, C or C ++, and compiled to be executable on the mobile platform of the
여기서, 네이티브 기반 UI 프레임워크(123-2)에 저장된 사용자 인터페이스 로직은 브라우저 엔진(121)에 의해 웹 애플리케이션에 포함된 웹 코드의 구문으로 호출되어 실행될 수 있다.Here, the user interface logic stored in the native-based UI framework 123-2 may be called and executed by the syntax of web code included in the web application by the
예를 들어, 네이티브 기반 UI 프레임워크(123-2)에 저장되는 사용자 인터페이스 로직은, 메뉴바(menubar), 스크롤바(scrollbar), 라디오박스(radiobox), 텍스트박스(testbox), 라벨(label), 체크 박스(check box), 콤보박스(combobox), 리스트(list) 및 팝업(pop up) 등과 같이 제1 내지 제3웹 애플리케이션이 공통으로 사용하는 사용자 인터페이스를 처리하기 위한 것일 수 있다. For example, the user interface logic stored in the native-based UI framework 123-2 may include menubars, scrollbars, radioboxes, textboxes, testboxes, labels, It may be for processing a user interface commonly used by the first to third web applications, such as a check box, a combo box, a list, and a pop up.
또한, 네이티브 기반 UI 프레임워크(123-2)에 저장되는 사용자 인터페이스 로직은 페이드 인(Fade In), 페이드 아웃(Fade Out), 일레스틱(Elastic) 또는 플리킹(Flicking) 등과 같은 제1 내지 제3웹 애플리케이션이 공통으로 사용하는 현재 실행된 웹 애플리케이션 표시 화면에 대한 화면 변화를 위한 사용자 인터페이스 화면변화를 처리하기 위한 것일 수도 있다.In addition, the user interface logic stored in the native-based UI framework 123-2 may include first to first agents such as fade in, fade out, elastic, or flicking. 3 may be used to process a user interface change for a screen change to a currently executed web application display screen commonly used by web applications.
그리고, 웹 기반의 UI 프레임워크(123-1)는 제1 내지 제3웹 애플리케이션에서 공통으로 사용되지 않는 개별적인 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직이 웹 코드로 구현되어 있음이 바람직하다. In addition, the web-based UI framework 123-1 has user interface logic for processing individual user interfaces or user interface screen changes that are not commonly used in the first to third web applications. desirable.
플러그-인 인터페이스(125)는 제1 내지 제3웹 애플리케이션(131, 133, 135) 의 확장 기능을 지원한다.The plug-in
이와 같은, 웹 애플리케이션 플랫폼(100)을 구비한 모바일 단말에 대하여 도 2를 참조하여 설명하도록 하겠다. A mobile terminal having the
도 2는 본 발명에 따른 웹 애플리케이션을 실행하기 위한 모바일 단말의 구성을 보여주는 블럭도이다. 2 is a block diagram showing a configuration of a mobile terminal for executing a web application according to the present invention.
도 2를 참조하면, 모바일 단말(200)은 무선 통신부(210)와, 아날로그 음성처리부(220)와, 저장부 (230)와, 웹 애플리케이션 실행부(240)와, 표시부(250) 및 제어부(260)를 포함한다. Referring to FIG. 2, the
무선 통신부(210)는 무선으로 신호를 송수신하는 부로, 도면에 도시되지 않았지만, 듀플렉서와 송신부 및 수신부를 포함한다. 구체적으로 살펴보면, 듀플렉서는 안테나를 통해 무선으로 송수신되는 신호를 분리하고, 송신부는 소정의 중간주파수 신호를 무선주파수로 변환하여 상기 듀플렉서로 출력하며, 수신부는 안테나를 통해 수신되는 무선신호를 상기 듀플렉서를 통해 입력 받아 소정의 중간주파수 신호로 변환하여 출력한다. The
아날로그 음성처리부(220)는 디지털 음성신호를 아날로그 음성신호로 변환하고 증폭하여 스피커(SPK)(224)로 출력하거나, 마이크(MIC)(222)로부터 입력되는 아날로그 음성신호를 증폭하여 디지털 음성신호로 변환한다. The analog
저장부(230)는 모바일 단말(200)에 탑재된 웹 애플리케이션 플랫폼을 저장하고 있으며, 특히 본 발명의 일 실시예에서는 웹 애플리케이션 플랫폼에 네이티 브(Native) 코드로 구현되어 공통적으로 사용되는 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 처리하기 위한 사용자 인터페이스 로직을 저장하고 있다. The
또한 사용자의 요청에 따라 별도의 웹 애플리케이션 제공 서버(미도시)를 통해 다운로드 받은 웹 애플리케이션을 저장하고 있으며, 상기 웹 애플리케이션에는 상기 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문이 포함되어 있다. In addition, at the request of the user stores a web application downloaded through a separate web application providing server (not shown), the web application includes a syntax of the web code for calling the user interface logic implemented in the native code have.
웹 애플리케이션 실행부(240)는 웹 애플리케이션 플랫폼(도 1의 100)을 기반으로 실행 및 동작되는데, 제1 내지 제3 웹 애플리케이션(131, 133, 135) 중 사용자에 의해 실행 명령이 입력된 웹 애플리케이션을 브라우저 엔진(121)을 통해 실행한다. The web
브라우저 엔진(121)은 제1 내지 제3 웹 애플리케이션(131, 133, 135) 중 하나를 실행할 경우, 실행되는 웹 애플리케이션의 웹 코드로 구현된 로직을 해석하고, 웹 코드를 해석하는 중에 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하기 위한 커맨드(Command: 명령) 등의 구문이 존재하면, 상기 구문에 따른 호출 이벤트 발생 시 상기 저장부로부터 해당 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하여 실행되도록 한다. When the
보다 상세하게는, 브라우저 엔진(도 1의 121)은 제1 내지 제3 웹 애플리케이션(131, 133, 135) 중 선택된 웹 애플리케이션에 포함된 HTML(HyperText Markup Language)과 같은 마크업(Mark-Up) 언어, 스크립트 및 CSS 등의 웹 기반의 로직을 해석(렌더링 및 파싱)하여 해당 웹 애플리케이션을 실행하는데, 선택된 웹 애플리 케이션에 웹 코드로 구현된 사용자 인터페이스 로직을 호출하기 위한 구문이 존재할 경우 상기 구문에 따른 해당 호출 이벤트 발생시 UI 프레임워크(123)의 웹 기반 UI 프레임워크(123-1)에 저장된 사용자 인터페이스 로직을 호출하여 해석(렌더링 및 파싱)하여 실행하고, 선택된 웹 애플리케이션에 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 구문이 존재할 경우 상기 구문에 따른 해당 호출 이벤트 발생 시 네이티브 기반 UI 프레임워크(123-2)에 저장된 사용자 인터페이스 로직을 호출하여 실행한다. In more detail, the browser engine 121 (in FIG. 1) may include a mark-up such as HyperText Markup Language (HTML) included in a selected web application among the first to
호출된 네이티브 코드로 구현된 사용자 인터페이스 로직은, 미리 컴파일 된 실행 가능한 로직으로 상기 브라우저 엔진의 해석 없이 모바일 플랫폼(도 1의 110)에 기반하여 실행되며, 실행 후 결과값을 반환하게 된다.The user interface logic implemented in the called native code is precompiled executable logic, which is executed based on the
표시부(250)는 애플리케이션 실행부(240)가 실행됨에 따라 해당 애플리케이션(제1 내지 제3 웹 애플리케이션(131, 133, 135) 중 하나)의 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 포함하는 애플리케이션의 실행 결과를 화면에 표시한다. As the
제어부(260)는 상기 각 부를 제어한다.The
도 3은 본 발명에 따른 모바일 단말의 웹 애플리케이션 실행 방법을 보여주는 흐름도로, 도 1 및 도 2를 참고하여 설명하도록 하겠다.3 is a flowchart illustrating a web application execution method of a mobile terminal according to the present invention, which will be described with reference to FIGS. 1 and 2.
제1 내지 제3웹 애플리케이션(131, 133, 135) 중 하나에 대한 웹 애플리케이션 실행 명령이 입력되면(S301), 모바일 단말(200)의 제어부(260)는 웹 애플리케이 션 실행부(240)를 동작시킨다. When a web application execution command for one of the first to
이에 따라, 웹 애플리케이션 실행부(240)는 웹 애플리케이션을 실행하기 위해 동작하는데, 브라우저 엔진(121)이 제1 내지 제3웹 애플리케이션(131, 133, 135) 중 선택된 하나의 웹 코드를 해석한다(S303).Accordingly, the
그리고, 웹 애플리케이션의 웹 코드를 해석하는 중에, 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문이 해당 웹 애플리케이션에 포함되어 있는지 판단하고(S305), 해당 웹 코드의 구문이 포함되어 있는 경우 모바일 단말(200)의 브라우저 엔진(121)은 해당 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출한다. And, while analyzing the web code of the web application, it is determined whether the syntax of the web code that calls the user interface logic implemented in the native code is included in the web application (S305), the syntax of the web code is included In this case, the
호출에 따라, 모바일 단말(200)의 웹 애플리케이션 실행부(240)는, 해당 네이티브 코드로 구현된 사용자 인터페이스 로직을 네이티브 기반 UI 프레임워크(123-2)로부터 호출하여 브라우저 엔진의 해석 없이 모바일 플랫폼(110)에 기반하여 실행하고, 그 실행 결과값을 반환 받는다(S307).In response to the call, the web
그리고, 모바일 단말(200)의 웹 애플리케이션 실행부(240)는, 브라우저 엔진(121)을 통해 웹 코드로 구현된 로직의 해석이 완료됨과 동시에 웹 애플리케이션을 실행하며 사용자 인터페이스 또는 사용자 인터페이스 화면변화를 포함하는 애플리케이션의 실행 결과를 표시부(270)에 표시한다(S309). In addition, the web
여기서, 상기 사용자 인터페이스는 메뉴바(menubar), 스크롤바(scrollbar), 라디오박스(radiobox), 텍스트박스(textbox), 라벨(label), 체크 박스(check box), 콤보박스(combobox), 리스트(list) 및 팝업(pop up) 등과 같이 제1 내지 제3웹 애 플리케이션이 공통으로 사용하는 사용자 인터페이스일 수 있고, 사용자 인터페이스 화면변화는 페이드 인(Fade In), 페이드 아웃(Fade Out), 일레스틱(Elastic) 또는 플리킹(Flicking) 등과 같이 제1 내지 제3웹 애플리케이션이 공통으로 사용하는 사용자 인터페이스 화면변화를 포함할 수 있다.물론, 웹 애플리케이션의 웹 코드를 해석하는 중에 네이티브 코드로 구현된 사용자 인터페이스 로직을 호출하는 웹 코드의 구문이 해당 웹 애플리케이션에 포함되어 있지 않을 경우에는, 모바일 단말(200)의 웹 애플리케이션 실행부(240)는 웹 코드 해석 완료 후 웹 애플리케이션을 실행하며 사용자 인터페이스를 포함하는 애플리케이션의 실행 결과를 표시부(270)에 표시하게 된다(S309).The user interface may include a menu bar, a scroll bar, a radio box, a text box, a label, a check box, a combo box, and a list. ) And a pop-up, etc., may be a user interface commonly used by the first to third web applications, and the user interface screen change may include fade in, fade out, and elastic ( It may include a user interface screen change commonly used by the first to third web applications, such as Elastic or Flicking. Of course, the user interface implemented in native code while interpreting the web code of the web application. If the syntax of the web code for calling logic is not included in the web application, the web
한편, 본 발명이 적용되는 사용자 인터페이스 및 사용자 인터페이스 화면변화에 대하여 도면을 참조하여 설명한다.On the other hand, the user interface and the change of the user interface screen to which the present invention is applied will be described with reference to the drawings.
도 4a 내지 도 4h는 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스의 예를 도시한 도면이고, 도 5, 도 6 및 도 7은 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스 화면변화의 예를 도시한 도면이다.4A to 4H illustrate examples of a user interface of a mobile terminal executing a web application according to the present invention, and FIGS. 5, 6 and 7 illustrate a user of a mobile terminal executing a web application according to the present invention. It is a figure which shows the example of interface screen change.
도 4a에 도시한 바와 같이, 사용자 인터페이스인 메뉴바는 다수의 메뉴를 표시하는 화면으로서, 사용자는 클릭 등에 의하여 메뉴바의 다수의 메뉴 중 하나를 선택할 수 있다. As shown in FIG. 4A, a menu bar which is a user interface is a screen displaying a plurality of menus, and a user may select one of a plurality of menus of the menu bar by clicking or the like.
도 4b에 도시한 바와 같이, 사용자 인터페이스인 리스트는 다수의 옵션을 순 차적으로 표시하는 화면이고 스크롤바는 리스트를 상하 또는 좌우로 이동시키는 화면으로서, 사용자는 스크롤바를 이용하여 리스트의 원하는 부분이 표시되도록 하고, 클릭 등에 의하여 리스트의 다수의 옵션 중 적어도 하나를 선택할 수 있다.As shown in FIG. 4B, a list, which is a user interface, is a screen for sequentially displaying a plurality of options, and a scroll bar is a screen for moving the list up, down, left, or right. At least one of the plurality of options in the list may be selected by clicking.
도 4c에 도시한 바와 같이, 사용자 인터페이스인 라디오박스는 다수의 옵션 및 그에 대응되는 선택표시부를 표시하는 화면으로서, 사용자는 클릭 등에 의하여 라디오박스의 다수의 옵션 중 하나만 선택할 수 있으며, 라디오버튼(radiobutton)이라고도 한다.As shown in FIG. 4C, a radio box, which is a user interface, is a screen displaying a plurality of options and a selection display corresponding thereto, and a user may select only one of a plurality of options of a radio box by clicking or the like. Also called).
도 4d에 도시한 바와 같이, 사용자 인터페이스인 텍스트박스는 한 줄 텍스트의 입력을 위한 공간을 표시하는 화면으로서, 사용자는 텍스트박스를 이용하여 이름이나 주소와 같은 텍스트를 입력할 수 있으며, 텍스트 필드(textfield)라고도 한다. As shown in FIG. 4D, a text box, which is a user interface, is a screen displaying a space for inputting a single line of text, and a user may input text such as a name or address using the text box, and a text field ( textfield).
도 4e에 도시한 바와 같이, 사용자 인터페이스인 라벨은 다수의 옵션의 이름을 선택적으로 표시하는 화면으로서, 사용자는 체크박스 또는 라디오박스의 선택표시부 대신 옵션의 이름을 클릭하여 다수의 옵션 중 하나를 선택할 수 있다. 즉, 라벨은 체크박스 또는 라디오박스에서 사용자가 다수의 옵션 중 하나를 좀 더 쉽게 선택할 수 있도록 도와주며, 옵션의 이름 둘레에 점선 형태의 사각형으로 표시할 수 있다.As shown in FIG. 4E, a label, which is a user interface, is a screen for selectively displaying names of a plurality of options, and a user selects one of a plurality of options by clicking the name of the option instead of a check box or a selection display of a radio box. Can be. That is, a label can help a user select one of a plurality of options more easily in a check box or a radio box, and can be displayed as a dotted rectangle around the name of the option.
도 4f에 도시한 바와 같이, 사용자 인터페이스인 체크박스는 다수의 옵션 및 선택표시부를 표시하는 화면으로, 사용자는 클릭 등에 의하여 체크박스의 다수의 옵션 중 하나 이상을 선택할 수 있다. As shown in FIG. 4F, a check box, which is a user interface, is a screen displaying a plurality of options and a selection display unit, and a user may select one or more of the plurality of options of the check box by clicking.
도 4g에 도시한 바와 같이, 사용자 인터페이스인 콤보박스는 텍스트박스와 풀다운(pull down) 리스트를 조합한 화면으로, 사용자는 텍스트박스를 이용하여 선택 옵션에 대응되는 텍스트를 입력하거나, 풀다운 리스트를 클릭하여 다수의 옵션 중 하나를 선택할 수 있다.As shown in FIG. 4G, a combo box which is a user interface is a screen combining a text box and a pull down list, and a user inputs text corresponding to a selection option using the text box, or clicks a pull down list. You can choose from a number of options.
도 4h에 도시한 바와 같이, 사용자 인터페이스인 팝업창은 특정 내용을 표시하기 위해 갑자기 생성되는 화면으로서, 사용자는 팝업창을 통하여 현재 실행 중인 동작의 진행 상태를 파악하거나 다른 명령을 입력할 수 있다. 이러한 팝업창은 다른 명령을 수행하는 중에 자동으로 생성될 수 있다는 측면에서 사용자 인터페이스 화면변화로 분류될 수도 있다.As shown in FIG. 4H, a pop-up window, which is a user interface, is a screen that is suddenly generated to display a specific content, and a user may grasp a progress state of an operation currently being executed or input another command through the pop-up window. Such a popup window may be classified as a user interface screen change in that it may be automatically generated while performing another command.
한편, 도 5에 도시한 바와 같이, 사용자 인터페이스 화면변화인 페이드 인과 페이드 아웃은 화면전환 방법 중 하나로, 현재 화면이 서서히 사라지고 다음 화면이 서서히 나타나면서 화면이 전환되는 것을 의미한다. Meanwhile, as shown in FIG. 5, fade in and fade out, which are user interface screen changes, are one of screen switching methods, meaning that the screen is switched while the current screen gradually disappears and the next screen gradually appears.
즉, 메뉴1에 대응되는 제1화면에서 메뉴2의 메뉴바를 클릭하면 제1화면이 서서히 사라지면서 메뉴2에 대응되는 제2화면이 서서히 표시된다.That is, when the menu bar of
그리고, 도 6에 도시한 바와 같이, 사용자 인터페이스 화면변화인 일레스틱은 일레스틱 리스트라고도 하는데, 리스트의 상세 내용을 표시하기 위한 방법 중 하나로, 특정 리스트의 표시영역을 확장하여 상세 내용을 표시한 후 다시 특정 리스트의 표시영역을 축소하여 원상복귀 하는 것을 의미한다. As shown in FIG. 6, the elastic, which is a change of the user interface screen, is also called an elastic list. As one of methods for displaying detailed contents of the list, the detailed contents are displayed by extending the display area of the specific list. It means to reduce the display area of the specific list and restore it.
즉, 리스트에 대한 표시화면에서 리스트2를 클릭하면 리스트2의 표시영역이 확장되고 확장된 표시영역에 리스트2의 상세 내용이 표시된다. 그 후 리스트2의 확 장된 표시영역이 축소되어 최초의 리스트의 표시화면으로 복귀된다. That is, when
또한, 도 7에 도시한 바와 같이, 사용자 인터페이스 화면변화인 플리킹은 화면이동 방법 중 하나로, 좌우 또는 상하로 화면이 이동되는 것을 의미하는데, 도 7은 좌우 플리킹을 일례로 도시하고 있다.In addition, as illustrated in FIG. 7, flicking, which is a change of a user interface screen, is one of screen moving methods, and means that the screen is moved left, right, or up and down. FIG. 7 illustrates left and right flicking as an example.
즉, 특정 표시화면을 터치하여 드래그하면, 해당 표시화면의 상하좌우의 화면으로 이동하게 되는데, 예를 들어, 좌우 플리킹 시 좌우 리스트를 보여줌으로써 좌우의 숨겨진 화면을 예상하도록 할 수 있으며, 화면이동 시 등가속으로 화면을 이동할 수 있으며, 숨겨진 화면의 끝부분에서는 화면이동에 약간의 탄성이 주어질 수 있다.That is, when a user touches and drags a specific display screen, it moves to the top, bottom, left, and right screens of the corresponding display screen. For example, when the left and right flickering shows a left and right list, the left and right hidden screens can be predicted. The screen may be moved at the same acceleration time, and at the end of the hidden screen, some elasticity may be given to the screen movement.
본 발명의 네이티브 코드로 구현된 로직을 웹 코드로 호출하는 예는 다음과 같다. An example of calling logic implemented in native code of the present invention with web code is as follows.
종래에는, 클릭(Onclick) 이벤트 발생 시 해당 화면을 "페이드 아웃(Fade Out)"하고자 할 경우 이를 자바스크립트로 구현하는데, "페이드 아웃"과 같은 사용자 인터페이스 화면변화를 다음과 같이 스크립트(웹 코드)로 정의하여 구현하여야 한다. 그리고, 상기 정의된 스크립트는 호출구문에 의해 호출되어 브라우저 엔진에 의해 해석되어 실행되어야 한다.Conventionally, when a "click" fades out when the Onclick event occurs, the screen is implemented in JavaScript. A user interface screen change such as "fade out" is scripted as follows. It should be defined as. In addition, the defined script should be called by a call syntax and interpreted and executed by a browser engine.
var fade_out = dojo.graphics.htmlEffects.fadeOut(elem, 1000);var fade_out = dojo.graphics.htmlEffects.fadeOut (elem, 1000);
fade_out.play();fade_out.play ();
그러나. 본 발명에서는, 웹 애플리케이션 플랫폼(100)의 미들웨어 계층(120)에 별도의 네이티브 기반 UI 프레임워크(123-2)를 미리 구비하여 "페이드 아웃"을 위한 네이티브 코드로 구현된 사용자 인터페이스 로직을 저장하여 두고, 클릭(Onclick) 이벤트 발생 시 "페이드 아웃"을 구현하기 위해 웹 애플리케이션은 다음과 같이 자바스크립트(웹 코드)의 구문을 포함한다.But. In the present invention, a separate native-based UI framework 123-2 in advance in the
If Event=“Onclick” then dojo.aaa.bbb(fade out) If Event = “Onclick” then dojo.aaa.bbb (fade out)
즉, 호출 명령은 dojo.aaa.bbb(fade out)처럼 자바스크립트로 구현하되, 실제 사용자 인터페이스 처리는 브라우저 엔진의 해석 없이 "페이드 아웃"을 위한 네이티브 코드로 구현된 사용자 인터페이스 로직을 모바일 플랫폼에 기반하여 실행하고, 결과는 dojo.aaa.bbb()로 반환하게 된다.In other words, the calling command is implemented in JavaScript like dojo.aaa.bbb (fade out), but the actual user interface processing is based on the mobile platform based on user interface logic implemented in native code for "fade out" without interpretation by the browser engine. And the result is returned to dojo.aaa.bbb ().
결국, 본 발명에 따른 모바일 단말의 웹 애플리케이션 실행 방법 및 그를 위한 모바일 단말에 따르면, 다수의 웹 애플리케이션에서 공통으로 사용되는 사용자 인터페이스에 대응되는 네이티브 언어로 구현된 사용자 인터페이스 로직을 웹 언어로 호출될 수 있도록 하고, 웹 애플리케이션 작성자가 웹 언어로 작성된 해당 구문을 포함하는 웹 애플리케이션을 작성하여 배포하면, 본 발명의 모바일 단말의 웹 애플리케이션 플랫폼에서 해당 웹 애플리케이션 실행 시 빠른 사용자 인터페이스 처리가 가능하게 되고, 그 결과 보다 빠른 웹 애플리케이션 실행이 가능하게 된다. As a result, according to the method for executing a web application of a mobile terminal and a mobile terminal therefor according to the present invention, user interface logic implemented in a native language corresponding to a user interface commonly used in a plurality of web applications may be called in a web language. If the web application creator creates and distributes a web application including the corresponding syntax written in a web language, the user interface processing can be performed quickly when the web application is executed in the web application platform of the mobile terminal of the present invention. Faster web application execution.
이상에서는 본 발명을 특정의 바람직한 실시 예에 관련하여 도시하고 설명하였으나, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 상술한 실시 예에 대하여 본 발명의 범주에서 벗어나지 않는 한도 내에서 다양하게 개조 및 변화될 수 있다는 것을 용이하게 알 수 있다. 그러므로 본 발명의 권리범위는 설명된 실시 예에 국한되어 정해져서는 안 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.While the invention has been shown and described with reference to certain preferred embodiments, it will be apparent to those skilled in the art that various modifications may be made without departing from the scope of the invention with respect to the embodiments described above. And can be varied. Therefore, the scope of the present invention should not be limited to the described embodiments, but should be defined by the claims below and equivalents thereof.
도 1은 본 발명에 따른 모바일 단말의 웹 애플리케이션 플랫폼을 보여주는 구조도.1 is a structural diagram showing a web application platform of a mobile terminal according to the present invention.
도 2는 본 발명에 따른 웹 애플리케이션을 실행하기 위한 모바일 단말의 구성을 보여주는 블럭도.Figure 2 is a block diagram showing the configuration of a mobile terminal for running a web application according to the present invention.
도 3은 본 발명에 따른 모바일 단말의 웹 애플리케이션 실행 방법을 보여주는 흐름도. 3 is a flowchart illustrating a web application execution method of a mobile terminal according to the present invention;
도 4a 내지 도 4h는 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스의 예를 도시한 도면.4A-4H illustrate an example of a user interface of a mobile terminal executing a web application according to the present invention.
도 5는 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스 화면변화의 예로서 페이드 인 및 페이드 아웃을 도시한 도면.5 illustrates a fade in and fade out as an example of a change in a user interface screen of a mobile terminal executing a web application according to the present invention.
도 6은 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스 화면변화의 예인 일레스틱을 도시한 도면.FIG. 6 is a diagram illustrating an example of changing the user interface screen of a mobile terminal executing a web application according to the present invention. FIG.
도 7은 본 발명에 따른 웹 애플리케이션을 실행하는 모바일 단말의 사용자 인터페이스 화면변화의 예인 플리킹을 도시한 도면.7 is a diagram illustrating an example of flicking of a user interface screen change of a mobile terminal executing a web application according to the present invention.
Claims (11)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090111840A KR101072349B1 (en) | 2009-11-19 | 2009-11-19 | Web application platform and mobile terminal for executing the same |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090111840A KR101072349B1 (en) | 2009-11-19 | 2009-11-19 | Web application platform and mobile terminal for executing the same |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20110054995A KR20110054995A (en) | 2011-05-25 |
KR101072349B1 true KR101072349B1 (en) | 2011-10-12 |
Family
ID=44364093
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020090111840A KR101072349B1 (en) | 2009-11-19 | 2009-11-19 | Web application platform and mobile terminal for executing the same |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101072349B1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102537A (en) * | 2013-04-07 | 2014-10-15 | 华为技术有限公司 | Application calling method and user terminal |
KR20180058561A (en) | 2016-11-24 | 2018-06-01 | 주식회사 이알솔루션 | Hybrid app development platform and the developing method using the same |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101865931B1 (en) * | 2011-11-28 | 2018-06-11 | 한국전자통신연구원 | Method of providing application and apparatus for the same |
WO2013085263A1 (en) | 2011-12-08 | 2013-06-13 | 엘지전자 주식회사 | Network tv and method for operating same |
KR101389729B1 (en) * | 2011-12-15 | 2014-04-28 | 주식회사 미니게이트 | A mobile device having extended web-browser using virtual web-server and application execution method thereof |
KR101456505B1 (en) * | 2012-08-06 | 2014-10-31 | 인크로스 주식회사 | A user interface framework for developing web applications |
KR101955460B1 (en) * | 2012-08-24 | 2019-03-11 | 에스케이플래닛 주식회사 | System and method for providing multimedia player using by web browser |
EP2741176A3 (en) | 2012-12-10 | 2017-03-08 | Samsung Electronics Co., Ltd | Mobile device of bangle type, control method thereof, and UI display method |
KR102206044B1 (en) * | 2012-12-10 | 2021-01-21 | 삼성전자주식회사 | Mobile device of bangle type, and methods for controlling and diplaying ui thereof |
KR101659489B1 (en) * | 2015-04-07 | 2016-09-23 | 주식회사 위시링크 | Method for providing a native application generating dynamic screen and the application |
KR101659494B1 (en) * | 2015-04-07 | 2016-09-23 | 주식회사 위시링크 | Method for providing a native application managed by server and the application |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100590560B1 (en) * | 2004-11-19 | 2006-06-19 | 에스케이 텔레콤주식회사 | Method and Apparatus for Interfacing Between Application Platform on Portable Terminal and Operating System of Portable Terminal |
KR100857824B1 (en) * | 2007-06-05 | 2008-09-10 | 에스케이 텔레콤주식회사 | Method for managing execution of mobile platform based ram residence application |
-
2009
- 2009-11-19 KR KR1020090111840A patent/KR101072349B1/en not_active IP Right Cessation
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100590560B1 (en) * | 2004-11-19 | 2006-06-19 | 에스케이 텔레콤주식회사 | Method and Apparatus for Interfacing Between Application Platform on Portable Terminal and Operating System of Portable Terminal |
KR100857824B1 (en) * | 2007-06-05 | 2008-09-10 | 에스케이 텔레콤주식회사 | Method for managing execution of mobile platform based ram residence application |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102537A (en) * | 2013-04-07 | 2014-10-15 | 华为技术有限公司 | Application calling method and user terminal |
CN104102537B (en) * | 2013-04-07 | 2017-09-29 | 华为技术有限公司 | A kind of application call method and user terminal |
KR20180058561A (en) | 2016-11-24 | 2018-06-01 | 주식회사 이알솔루션 | Hybrid app development platform and the developing method using the same |
Also Published As
Publication number | Publication date |
---|---|
KR20110054995A (en) | 2011-05-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101072349B1 (en) | Web application platform and mobile terminal for executing the same | |
CN107391010B (en) | Hybrid mobile interaction for native and web applications | |
US20210141523A1 (en) | Platform-independent user interface system | |
US10303748B2 (en) | Method and device for providing webpage browsing based on web browser engine kernel | |
US9531840B2 (en) | Method and system for changing execution environments during application execution | |
US20170329464A1 (en) | Dynamic button with sub-buttons | |
CN108260014A (en) | A kind of video broadcasting method and terminal and storage medium | |
US20120137233A1 (en) | Method and Apparatus for Enabling Generation of Multiple Independent User Interface Elements from a Web Page | |
US20050114791A1 (en) | Cueing mechanism that indicates a display is able to be scrolled | |
US20060218500A1 (en) | System and method for pinning tabs in a tabbed browser | |
US20120137211A1 (en) | Method and Apparatus for Specifying Mapping Parameters for User Interface Element Presentation in an Application | |
US20190324611A1 (en) | Application customization using a customization file | |
EP2710491B1 (en) | Informed partitioning of data in a markup-based document | |
KR101416100B1 (en) | An interface for interworking with javascripts in hybrid web applications | |
EP3151112A2 (en) | Optimizing software application user interface performance using interface images | |
CN107506430A (en) | A kind of route control method and system based on mixed developing | |
KR20140021091A (en) | A dynamic loading apparatus and method of java script code performing native functions of hybrid web applications | |
KR101116939B1 (en) | Mobile terminal and method for operating web application the mobile terminal | |
CN104731598B (en) | A kind of method and device that web page browsing is provided based on Webkit kernels | |
CN110083407B (en) | Method and device for realizing step bar in applet, electronic equipment and storage medium | |
CN112965716A (en) | Page processing method and device, electronic equipment and readable storage medium | |
KR101086302B1 (en) | Mobile terminal for executing web application and method of operating the same | |
JP5557420B2 (en) | Widget operation control method | |
KR101095480B1 (en) | Mobile terminal for executing web application and method of operating the same | |
KR20190020436A (en) | Method for performing hybrid app, user terminal and recording medium |
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 | ||
GRNT | Written decision to grant | ||
LAPS | Lapse due to unpaid annual fee |