KR102105261B1 - 인터페이스 데이터 디스플레이 방법 및 장치 - Google Patents

인터페이스 데이터 디스플레이 방법 및 장치 Download PDF

Info

Publication number
KR102105261B1
KR102105261B1 KR1020187022016A KR20187022016A KR102105261B1 KR 102105261 B1 KR102105261 B1 KR 102105261B1 KR 1020187022016 A KR1020187022016 A KR 1020187022016A KR 20187022016 A KR20187022016 A KR 20187022016A KR 102105261 B1 KR102105261 B1 KR 102105261B1
Authority
KR
South Korea
Prior art keywords
data
interface
client application
widget
interface template
Prior art date
Application number
KR1020187022016A
Other languages
English (en)
Other versions
KR20180100171A (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 알리바바 그룹 홀딩 리미티드
Publication of KR20180100171A publication Critical patent/KR20180100171A/ko
Application granted granted Critical
Publication of KR102105261B1 publication Critical patent/KR102105261B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters 
    • H04L67/36—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/20—Natural language analysis
    • G06F40/205—Parsing
    • 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/60—Software deployment
    • G06F8/65—Updates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/40—Support for services or applications
    • H04L67/32—
    • H04L67/42—
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/60—Scheduling or organising the servicing of application requests, e.g. requests for application data transmissions using the analysis and optimisation of the required network resources
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/75—Indicating network or usage conditions on the user display

Abstract

본 발명은 인터페이스 데이터 제시 방법 및 장치를 제공한다. 인터페이스 데이터 제시 방법은 가상 뷰 노드를 획득하기 위해, 인터페이스 템플릿으로 이루어지며 서버에 의해 전달되는 구조화된 데이터(structured data)를 파싱하는 단계로서, 상기 인터페이스 템플릿의 구조화된 데이터는 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱함으로써 상기 서버에 의해 발생되고, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함하는 것인, 상기 구조화된 데이터를 파싱하는 단계와; 서비스 데이터를 상기 가상 뷰 노드에 바인딩시키는(bind) 단계와; 상기 서비스 데이터가 바인딩되는 상기 가상 뷰 노드에 기반하여 상기 위젯의 위치 정보를 계산하고, 상기 위젯의 상기 위치 정보에 기반하여 뷰를 렌더링하는 단계를 포함한다.

Description

인터페이스 데이터 디스플레이 방법 및 장치
본 발명은 데이터 제시 기술에 관한 것으로, 특히 인터페이스 데이터 제시 방법 및 장치에 관한 것이다.
클라이언트 애플리케이션의 인터페이스 프레임워크는 일반적으로 네이티브 코드에 의해 작성된다. 인터페이스 프레임워크는 서비스 필요에 따라 먼저 설정된 후에 불변으로 유지할 수 있다. 프레임워크 및 각 인터페이스의 스타일은 대응하는 서비스 데이터 구조에 적응될 수 있다. 만일 인터페이스 프레임워크가 서비스의 변화에 따라 변화될 필요가 있으면, 또는 새로운 프레임워크 인터페이스가 새로운 서비스 데이터를 추가하기 위해 추가될 필요가 있으면, 클라이언트 애플리케이션은 일반적으로 재편집, 재다운로드 및 재설치될 필요가 있다. 만일 사용자가 클라이언트 애플리케이션을 갱신하지 않으면, 서비스 데이터 변화 또는 추가는 사용자에게 제시될 수 없다.
본 발명은 클라이언트 애플리케이션의 인터페이스를 동적으로 갱신하게 하는 인터페이스 데이터 제시 방법 및 장치를 제공한다.
본 발명의 구현예의 제1 양태에 따르면, 클라이언트 애플리케이션에서 실행되는 인터페이스 데이터 제시 방법이 제공되고, 상기 방법은, 가상 뷰 노드를 획득하기 위해, 인터페이스 템플릿으로 이루어지며 서버에 의해 전달되는 구조화된 데이터(structured data)를 파싱하는 단계로서, 상기 인터페이스 템플릿의 구조화된 데이터는 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱함으로써 상기 서버에 의해 발생되고, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함하는 것인, 상기 구조화된 데이터를 파싱하는 단계와; 서비스 데이터를 상기 가상 뷰 노드에 바인딩시키는(bind) 단계와; 상기 서비스 데이터가 바인딩되는 상기 가상 뷰 노드에 기반하여 상기 위젯의 위치 정보를 계산하고, 상기 위젯의 상기 위치 정보에 기반하여 뷰를 렌더링하는 단계를 포함한다.
본 발명의 구현예의 제2 양태에 따르면, 서버에서 실행되는 인터페이스 데이터 제시 방법이 제공되고, 상기 방법은, 구조화된 데이터를 획득하기 위해, 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱하는 단계로서, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함하는 것인, 상기 인터페이스 템플릿 데이터를 파싱하는 단계와; 클라이언트 애플리케이션이 상기 위젯을 뷰로 렌더링하도록 상기 구조화된 데이터를 상기 클라이언트 애플리케이션에 전달하는 단계를 포함한다.
본 발명의 구현예의 제3 양태에 따르면, 클라이언트 애플리케이션에 위치된 인터페이스 데이터 제시 장치가 제공되고, 상기 장치는, 가상 뷰 노드를 획득하기 위해, 인터페이스 템플릿으로 이루어지며 서버에 의해 전달되는 구조화된 데이터를 파싱하도록 구성된 파싱 엔진 모듈로서, 상기 인터페이스 템플릿의 구조화된 데이터는 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱함으로써 상기 서버에 의해 발생되고, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함하는 것인, 상기 파싱 엔진 모듈과; 서비스 데이터를 상기 가상 뷰 노드에 바인딩시키도록 구성된 바인딩 모듈과; 상기 서비스 데이터가 바인딩되는 상기 가상 뷰 노드에 기반하여 상기 위젯의 위치 정보를 계산하도록 구성된 레이아웃 엔진 모듈과; 상기 위젯의 상기 위치 정보에 기반하여 뷰를 렌더링하도록 구성된 렌더링 엔진 모듈을 포함한다.
본 발명의 구현예의 제4 양태에 따르면, 서버에 위치된 인터페이스 데이터 제시 장치가 제공되고, 상기 장치는, 구조화된 데이터를 획득하기 위해, 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱하도록 구성된 파싱 엔진 모듈로서, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함하는 것인, 상기 파싱 엔진 모듈과; 클라이언트 애플리케이션이 상기 위젯을 뷰로 렌더링하도록 상기 구조화된 데이터를 상기 클라이언트 애플리케이션에 전달하도록 구성된 통신 모듈을 포함을 포함한다.
본 발명은 네이티브 코드 대신에 인터페이스 템플릿 기술을 이용하여 클라이언트 애플리케이션의 인터페이스 프레임워크를 구현하고, 그에 대응하여 클라이언트 애플리케이션이 상기 인터페이스 템플릿을 이용하여 서비스 데이터를 디스플레이하는 해법을 제공한다. 그래서, 인터페이스가 클라이언트 애플리케이션을 갱신하지 않고 갱신될 수 있을 뿐만 아니라 서버가 상기 인터페이스 템플릿을 파싱하여 구조화된 데이터를 획득할 수 있으며, 그래서 개발자는 인터페이스 템플릿을 일반 마크업 언어로 설계할 수 있다. 그러므로 본 발명의 해법을 더 범용으로 만들기 위해 개발자가 사적 프로토콜을 학습해야 하는 필요조건을 제거할 수 있다.
도 1은 본 발명의 구현예에 따른 인터페이스 데이터 제시 방법을 보인 흐름도이다.
도 2는 본 발명에 따른 응용 예에서 정보 상호작용의 타이밍 시퀀스를 보인 도이다.
도 3은 본 발명의 구현예에 따른 인터페이스 데이터 제시 장치의 하드웨어를 보인 구조도이다.
도 4는 본 발명의 구현예에 따른 인터페이스 데이터 제시 장치를 보인 소프트웨어 논리 블록도이다.
도 5는 본 발명의 다른 구현예에 따른 인터페이스 데이터 제시 장치를 보인 소프트웨어 논리 블록도이다.
예시적인 구현예들이 여기에서 상세히 설명되고 첨부 도면에 제시된다. 이하의 설명에서 첨부 도면을 인용할 때, 다르게 특정하지 않는 한, 다른 첨부 도면 내의 동일한 참조 번호는 동일하거나 유사한 요소를 표시한다. 이하의 예시적인 구현예로 설명하는 구현예들은 본 발명에 따른 모든 구현예를 표시하지 않는다. 반면에, 구현예들은 첨부된 특허 청구범위에서 상세하게 설명되는, 본 발명의 일부 양태에 따른 장치 및 방법의 실시예일 뿐이다.
본 출원에서 사용하는 용어들은 단지 구현예들을 설명할 목적으로 사용되고 본 발명을 제한하는 의도가 없다. 본 명세서 및 첨부된 특허 청구범위에서 사용되는 "어떤", "상기" 및 "그"와 같은 단수 형태 용어는 문맥에서 다르게 특정되지 않는 한 복수 형태를 포함하는 것으로 또한 의도된다. 여기에서 사용하는 용어 "및/또는"은 하나 이상의 리스트된 관련 항목들의 임의의 또는 모든 가능한 조합을 표시하고 포함하는 것으로 또한 이해하여야 한다.
비록 "제1", "제2", "제3" 등의 용어가 각종 정보를 설명하기 위해 본 명세서에서 사용될 수 있지만, 정보는 이 용어에 의해 제한되지 않는 것으로 이해하여야 한다. 이 용어들은 단지 동일 유형의 정보를 구별하기 위해 사용된다. 예를 들면, 본 발명의 범위로부터 벗어나지 않고, 제1정보는 제2정보로서 또한 인용될 수 있고, 유사하게 제2정보가 제1정보로서 또한 인용될 수 있다. 문맥에 따라서, 예를 들면, 여기에서 사용하는 단어 "만일"은 "하는 동안" 또는 "할 때" 또는 "결정에 응답해서"로서 설명될 수 있다.
본 발명에서, 인터페이스 템플릿은 인터페이스 템플릿의 동적 갱신을 돕고 애플리케이션 개발자가 인터페이스 템플릿을 일반 프로토콜 마크업 언어에 기반하여 작성할 수 있도록 클라이언트 애플리케이션으로부터 분리될 수 있다. 클라이언트 애플리케이션은 모바일 단말기, 태블릿 또는 컴퓨터와 같은 각종 스마트 장치에 로드될 수 있다. 해법은 스마트 장치에서 특정 유형의 운영체제로 제한되지 않는다. 예를 들면, 운영체제는 iOS 시스템, 안드로이드 시스템, 윈도즈 시스템, OS X 시스템 등일 수 있다. 일반 프로토콜 마크업 언어는 하이퍼텍스트 마크업 언어(HyperText Markup Language, HTML)일 수 있다. 물론, 인터페이스를 만들기에 적합한 표준 일반 프로토콜에서 특정되는 다른 언어들도 배제되지 않는다.
본 발명의 인터페이스 템플릿은 몇 가지 공동 요소들의 레이아웃 관계, 디스플레이 스타일, 동작 제어 로직을 포함하지만 서비스 데이터를 포함하지 않는 인터페이스 프레임워크일 수 있다. 인터페이스 템플릿은 HTML, 캐스케이딩 스타일 시트(Cascading Style Sheet, CSS) 및 자바스크립트(Javascript, JS)를 이용하여 구현될 수 있다. 공동 요소는 HTML 소스 코드의 인터페이스 템플릿 데이터용 공동 태그를 포함할 수 있다. 위젯은 공동 태그, 예를 들면 보디 태그, 딥(Div) 태그, 타이틀 태그, 라벨 태그 및 Img 태그를 이용하여 묘사된다. 공동 요소는 디스플레이 스타일을 제시하는 요소를 또한 포함할 수 있다. 디스플레이 스타일은 CSS를 이용하여 구현될 수 있다. 레이아웃은 HTML로 작성된 인터페이스에 대해 CSS를 이용하여 특정된다. 물론, 인터페이스 레이아웃을 특정하는 다른 방법들도 배제되지 않는다. JS는 공동 태그의 디스플레이 콘텐츠, 디스플레이 효과, 레이아웃 관계 조정을 제어하고 사용자의 동작을 처리하기 위해 사용될 수 있다.
애플리케이션 개발자가 작성한 인터페이스 템플릿이 서버에서 구성된 후에, 서버는 인터페이스 템플릿 데이터를 인터페이스 템플릿의 구조화된 데이터로 변환하고, 인터페이스 템플릿의 구조화된 데이터를 클라이언트 애플리케이션에 전송한다. 도 1을 참조하면, 클라이언트 애플리케이션이 구조화된 데이터를 수신한 후에, 작업 공정은 하기 단계들을 포함할 수 있다:
S101: 가상 뷰 노드를 획득하기 위해 클라이언트 애플리케이션이 서버에 의해 전송된 인터페이스 템플릿의 구조화된 데이터를 파싱한다.
S102: 서비스 데이터를 가상 뷰 노드에 바인딩시킨다.
S103: 서비스 데이터가 바인딩되는 가상 뷰 노드에 기반하여 위젯의 위치 정보를 계산한다.
S104: 위젯의 위치 정보에 기반하여 뷰를 렌더링한다.
서버의 작업 공정은 인터페이스 템플릿 데이터를 변환하는 공정, 인터페이스 템플릿의 구조화된 데이터를 배분하는 공정, 및 서비스 데이터를 클라이언트 애플리케이션과 교환하는 공정을 포함할 수 있다.
HTML의 빈약한 파싱 수행의 문제를 해결하기 위해, 서버가 인터페이스 템플릿 데이터를 클라이언트 애플리케이션에 전송하기 전에, 서버는 구조화된 데이터를 획득하기 위해 인터페이스 템플릿 데이터를 먼저 파싱하고, 그 다음에 상기 구조화된 데이터를 클라이언트 애플리케이션에 전송함으로써 클라이언트 애플리케이션에 의한 HTML 파싱 공정이 회피될 수 있다. 선택된 구조화된 데이터는 JSON 형식 및 XML 형식과 같은 객체 모드를 직접 표현할 수 있는 소형 데이터 구조를 가질 수 있다. JSON 형식이 예로서 사용된다. HTML은 파싱되어 문서 객체 모드(document object mode, DOM)를 획득할 수 있다. DOM 노드는 HTML 공동 태그의 관련 정보를 저장한다. DOM 노드는 공동 태그를 이용하여 묘사되는, 인터페이스 내 위젯의 상대 위치를 묘사한다. JSON 형식의 구문 트리(syntax tree)가 HTML의 구문 트리보다 더 간단하기 때문에, 클라이언트 애플리케이션은 HTML 데이터보다 더 효율적으로 JSON 형식으로 데이터를 파싱할 수 있다.
각각의 인터페이스 템플릿은 상이한 인터페이스 템플릿들을 구별하기 위한 독특한 인터페이스 식별자를 갖는다. 구조화된 데이터를 획득하기 위해 인터페이스 템플릿 데이터가 파싱된 후에, 구조화된 데이터는 서버에 의해 클라이언트 애플리케이션에 배분되고, 그래서 클라이언트 애플리케이션은 후속적으로 상기 구조화된 데이터를 이용하여 서비스 데이터를 디스플레이한다. 인터페이스 템플릿의 구조화된 데이터는 인터페이스 식별자를 포함한다.
갱신된 인터페이스 템플릿을 클라이언트 애플리케이션에 배분하는 공정은 서비스 시나리오마다 다를 수 있다. 예를 들면, 인터페이스 템플릿이 갱신된 후에, 서버는 인터페이스 템플릿을 파싱함으로써 획득된 새로운 구조화된 데이터를 클라이언트 애플리케이션에 능동적으로 배분할 수 있고, 또는 구조화된 데이터를 필요에 따라 클라이언트 애플리케이션에 배분할 수 있다.
클라이언트 애플리케이션의 작업 공정은 인터페이스 템플릿의 구조화된 데이터를 파싱 및 저장하는 공정, 서비스 데이터를 서버와 교환하는 공정, 서비스 데이터를 인터페이스 템플릿에 바인딩시키는 공정, 및 뷰를 렌더링하는 공정을 포함할 수 있다.
인터페이스 템플릿의 구조화된 데이터가 서버에 의해 클라이언트 애플리케이션에 전송된 후에, 클라이언트 애플리케이션은 저장을 위한 트리 구조 가상 뷰 노드를 발생하기 위해 인터페이스 템플릿의 구조화된 데이터를 파싱한다. 각각의 가상 뷰 노드는 공동 태그의 관련 정보와 같은 DOM 노드의 기본 정보를 HTML로 저장할 수 있고, 또한 대응하는 클라이언트 애플리케이션의 유형 정보, 클라이언트 애플리케이션의 응답 이벤트에 대한 정보 등을 포함할 수 있다. HTML 공동 태그를 이용하여 묘사되는 위젯의 위치 정보는 상기 가상 뷰 노드를 이용하여 계산될 수 있다.
서비스 데이터 교환 절차가 트리거된 후에, 클라이언트 애플리케이션은 서버로부터 서비스 데이터를 획득하고, 서버는 서비스 데이터에 대응하는 템플릿 식별자를 서비스 데이터를 전달할 때 클라이언트 애플리케이션에 전달할 수 있다.
일 예로서, 서비스 데이터를 인터페이스 템플릿에 바인딩시키는 공정은 JS 엔진 구동형 인터페이스 템플릿의 JS 스크립트를 이용하여 구현될 수 있다. 서비스 데이터는 JS 엔진에 의해 처리된다. JS 엔진은 JS 스크립트를 실행하여 서비스 데이터를 대응하는 가상 뷰 노드에 삽입한다. 예를 들면, 하기의 공정을 참고할 수 있다: 1. 장치 운영 체제(예를 들면, iOS 시스템 또는 안드로이드 시스템)의 네이티브 코드(이하, 네이티브라고 부름)의 속성 및 메서드가 인터페이스 템플릿의 JS에 존재하지 않으면, JS 엔진의 인터페이스는 네이티브 속성 및 메서드를 JS 엔진에 바인딩시키기 위해 연장될 수 있다. JS 엔진의 연장된 인터페이스는 예를 들면 서비스 데이터를 수신 및 처리하는 JS 엔트리 기능 또는 네이티브를 호출하는 렌더링 엔진의 인터페이스를 포함할 수 있다. 2. JS 엔진은 서비스 데이터를 JS 엔트리 기능에 전송한다. 3. 서비스 데이터는 JS 엔트리 기능을 이용하여 대응하는 가상 뷰 노드에 삽입된다.
일 예로서, 렌더링 엔진은 뷰 렌더링 공정을 트리거하도록 JS 엔진 및 네이티브를 호출하는 렌더링 엔진의 인터페이스를 이용하여 지시될 수 있다. 이 공정에서, 클라이언트 애플리케이션은 복수의 방법을 이용하여 뷰를 렌더링할 수 있다. 예를 들면, 각 위젯의 위치 정보가 계산된 후에, 위젯은 뷰의 대응하는 위치에서 렌더링될 수 있다. 이 경우에, 인터페이스 제시 효과는 위젯이 사용자에게 하나씩 제시된다는 점이다. 다른 예로서, 전체 뷰 내의 위젯의 위치 정보가 메모리에서 계산된 후에, 위젯의 위치 정보가 메모리로부터 인출될 수 있고, 위젯들이 뷰로 함께 렌더링되고, 완전한 뷰가 사용자에게 제시되며, 그래서 뷰 렌더링 시간이 크게 단축될 수 있다.
서버로부터 클라이언트 애플리케이션에 의해 획득된 인터페이스 템플릿의 구조화된 데이터를 갱신하는 공정이 있을 수 있다. 갱신된 인터페이스 템플릿의 구조화된 데이터를 클라이언트 애플리케이션에 전송하는 다른 구현 절차는 다른 서비스 시나리오에 기반하여 설계될 수 있다. 예를 들면, 인터페이스 템플릿을 갱신한 후에, 서버는 구조화된 데이터를 클라이언트 애플리케이션에 능동적으로 푸시할 수 있다. 대안적으로, 서비스 절차를 트리거한 후에, 클라이언트 애플리케이션은 서비스 데이터가 새로운 인터페이스 템플릿을 이용하여 제시될 필요가 있을 때 서버에 요청을 전송한다. 그러므로, 일 예로서, 서버로부터 새로운 인터페이스 템플릿의 구조화된 데이터를 요청하는 공정은 하기의 공정을 포함할 수 있다: 서버로부터 서비스 데이터를 획득한 후에, 클라이언트 애플리케이션은 서비스 데이터의 인터페이스 식별자에 기반하여 서비스 데이터에 대응하는 인터페이스 템플릿을 검색할 수 있고; 만일 인터페이스 템플릿이 식별되지 않으면, 인터페이스 식별자에 대응하는 인터페이스 템플릿의 구조화된 데이터를 서버로부터 요청한다.
갱신된 구조화된 데이터를 수신한 후에, 클라이언트 애플리케이션은 가상 뷰 노드를 획득하기 위해 구조화된 데이터를 파싱하고, 가상 뷰 노드에 저장된 관련 정보를 갱신한다. 가상 뷰 노드는 갱신된 정보에 기반하여 서비스 데이터에 바인딩되고, 서비스 데이터가 바인딩되는 가상 뷰 노드는 뷰를 리드로잉하기 위해 네이티브를 호출하는 렌더링 엔진의 인터페이스를 이용하여 렌더링 엔진으로 통과된다.
이하에서는 응용 시나리오에서 해법을 구현하는 예를 설명한다. 응용 예에서, 다른 기능에 기반하여, 클라이언트 애플리케이션은 서비스 클라이언트 애플리케이션과 인터페이스 클라이언트 애플리케이션으로 분류되고, 서버는 서비스 서버와 인터페이스 서버로 분류된다. 서비스 클라이언트 애플리케이션과 인터페이스 클라이언트 애플리케이션은 모바일 단말기의 동일 앱에 통합되고 동일 앱에 로드될 수 있다. 인터페이스 서버는 HTML 파싱 엔진 및 인터페이스 템플릿 관리 모듈을 포함한다. 인터페이스 클라이언트 애플리케이션은 인터페이스-템플릿 구조화된 데이터 파싱 엔진, JS 엔진, 레이아웃 엔진 및 렌더링 엔진을 포함한다.
도 2를 참조하면, 단계 201에서, 서버는 인터페이스 템플릿 데이터를 사전 처리한다.
서버는 HTML 파싱 엔진을 이용하여 JSON 형식에 기반한 구조화된 데이터를 획득하기 위해 인터페이스 템플릿 데이터를 파싱한다. 인터페이스 템플릿 데이터의 HTML 공동 태그, 공동 태그와 관련된 CSS 속성, 및 JS 스크립트가 파싱되고, 그 다음에 DOM 트리 노드의 형태로 인터페이스 템플릿 관리 모듈의 동일한 JSON 파일에 저장된다. 인터페이스 템플릿 관리 모듈은 이 JSON 파일에서 추가, 삭제 또는 수정을 수행한다.
단계 202에서, 인터페이스 클라이언트 애플리케이션이 인터페이스 템플릿의 JSON 데이터를 파싱한다.
인터페이스 템플릿의 JSON 데이터를 수신한 후에, 인터페이스 클라이언트 애플리케이션은 인터페이스 템플릿 구조화된 데이터 파싱 엔진을 이용하여 가상 뷰 노드를 획득하기 위해 인터페이스 템플릿의 JSON 데이터를 파싱한다. 인터페이스 템플릿의 DOM 노드의 기본 정보, 애플리케이션의 유형 정보 및 애플리케이션의 응답 이벤트에 대한 정보와 같은 정보는 가상 뷰 노드에 저장된다.
단계 203에서 서비스 클라이언트 애플리케이션이 서비스 데이터를 서비스 서버와 교환한다.
서비스 클라이언트 애플리케이션은 서비스 데이터를 획득하기 위해 요청을 서비스 서버에 전송한다. 서비스 서버는 필요한 서비스 데이터를 미리 정해진 형식으로 내장하고 JSON 데이터 형태의 서비스 데이터를 서비스 클라이언트 애플리케이션에 전송하기 위해 인터페이스 템플릿의 ID를 추가한다.
단계 204에서, 서비스 데이터는 가상 뷰 노드에 바인딩된다.
서비스 데이터를 수신한 후에, 서비스 클라이언트 애플리케이션은 서비스 데이터를 처리를 위해 인터페이스 클라이언트 애플리케이션의 JS 엔진에 회송한다. 인터페이스 클라이언트 애플리케이션의 JS 엔진은 인터페이스 템플릿 ID에 기반하여 대응하는 인터페이스 템플릿의 JSON 데이터를 검색하고, 서비스 데이터를 처리를 위해 인터페이스 템플릿의 JS 엔트리 기능에 전송한다. JS 엔트리 기능은 서비스 데이터를 분할하고, 그 다음에 그 서비스 데이터를 바인딩을 위해 대응하는 가상 뷰 노드에 삽입한다. 예를 들면, 보디 태그에 관련된 서비스 데이터는 보디 태그를 저장하는 가상 뷰 노드에 바인딩되고, 딥 태그에 관련된 서비스 데이터는 딥 태그를 저장하는 가상 뷰 노드에 바인딩된다.
이 단계에서, 만일 대응하는 인터페이스 템플릿의 JSON 데이터가 인터페이스 템플릿 ID에 기반하여 식별되지 않으면, 인터페이스 클라이언트 애플리케이션은 인터페이스 템플릿 ID에 대응하는 인터페이스 템플릿의 JSON 데이터를 인터페이스 서버로부터 다시 요청할 필요가 있다.
단계 205에서, 레이아웃 엔진이 위젯 위치를 계산한다.
레이아웃 엔진은 각각의 가상 뷰 노드에 저장된 정보를 이용하여 각 위젯의 위치를 계산하고, 각 위젯의 위치 정보를 메모리에 저장한다.
단계 206에서, 뷰가 렌더링된다.
이 실시예에서, 위젯의 위치가 계산된 후 부가 렌더링될 때, 렌더링 엔진은 뷰 렌더링을 수행하도록 JS 엔진을 이용하여 지시된다. 뷰 렌더링 엔진은 전체 뷰의 각 위젯의 계산된 위치를 메모리로부터 획득하고, 완전한 뷰를 제시한다.
인터페이스 데이터 제시 방법의 구현예에 대응해서, 본 발명은 인터페이스 데이터 제시 장치의 구현예를 또한 제공한다.
본 발명의 인터페이스 데이터 제시 장치의 구현예는 스마트 단말기 및 서버에 적용될 수 있다. 장치 구현예는 소프트웨어를 이용하여 구현될 수 있고, 또는 하드웨어를 이용해서 또는 소프트웨어와 하드웨어의 조합을 이용해서 구현될 수도 있다. 소프트웨어 구현예를 일 예로서 사용한다. 논리 장치로서, 장치는 비휘발성 메모리 내의 대응하는 컴퓨터 프로그램 명령을 장치가 위치하는 스마트 단말기 또는 서버의 프로세서에 의해 메모리로 판독함으로써 형성된다. 하드웨어 관점에서, 도 3에 도시된 것처럼, 도 3은 본 발명의 데이터 제시 장치가 위치하는 하드웨어를 보인 구조도이다. 도 3에 도시된 프로세서, 메모리, 네트워크 인터페이스 및 비휘발성 메모리 외에, 본 구현예의 장치가 위치하는 스마트 단말기 또는 서버는 스마트 단말기 또는 서버의 실제 기능에 기반한 다른 하드웨어를 포함할 수 있다. 그 세부에 대해서는 중복을 피하기 위해 여기에서 설명하지 않는다.
도 4를 참조하면, 인터페이스 데이터 제시 장치(400)는 구현예의 클라이언트 애플리케이션에 위치될 수 있고, 파싱 엔진 모듈(401), 바인딩 모듈(402), 레이아웃 엔진 모듈(403), 렌더링 엔진 모듈(404)을 포함할 수 있다.
파싱 엔진 모듈(401)은 가상 뷰 노드를 획득하기 위해 서버에 의해 전송된 인터페이스 템플릿의 구조화된 데이터를 파싱하도록 구성될 수 있다. 인터페이스 템플릿의 구조화된 데이터는 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터를 파싱함으로써 서버에 의해 발생된다. 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함한다.
바인딩 모듈(402)은 서비스 데이터를 가상 뷰 노드에 바인딩시키도록 구성될 수 있다.
레이아웃 엔진 모듈(403)은 서비스 데이터가 바인딩되는 가상 뷰 노드에 기반하여 위젯의 위치 정보를 계산하도록 구성될 수 있다.
렌더링 엔진 모듈(404)은 위젯의 위치 정보에 기반하여 뷰를 렌더링하도록 구성될 수 있다. 일반 프로토콜 마크업 언어는 HTML일 수 있고, 구조화된 데이터는 JSON 데이터 또는 XML 데이터일 수 있다.
가상 뷰 노드에 저장된 정보는 공동 태그의 관련 정보, 및/또는 클라이언트 애플리케이션의 유형, 및/또는 클라이언트 애플리케이션의 응답 이벤트에 대한 정보를 포함할 수 있다.
파싱 엔진 모듈(401)은 클라이언트 애플리케이션이 갱신된 인터페이스 템플릿의 구조화된 데이터를 수신한 후에 저장된 관련 정보를 갱신하도록 가상 뷰 노드에 지시하게끔 또한 구성될 수 있다.
또한, 서비스 데이터 모듈(405)이 포함될 수 있고, 서비스 데이터 모듈(405)은 서버에 의해 전달된 서비스 데이터를 수신하고 그 서비스 데이터를 파싱 엔진 모듈(401)에 전송하도록 구성되며, 파싱 엔진 모듈(401)로부터의 통지에 기초하여 서버로부터 서비스 데이터를 요청한다.
파싱 엔진 모듈(401)은 서비스 데이터에 대응하는 인터페이스 템플릿의 구조화된 데이터가 식별되지 않은 때 서비스 데이터 모듈(405)에 통지를 전송하도록 또한 구성될 수 있다.
렌더링 엔진 모듈(404)이 위젯의 위치 정보에 기반하여 뷰를 렌더링하는 것은, 레이아웃 엔진 모듈(403)이 위젯의 위치 정보를 계산한 후에, 위젯의 위치 정보를 획득하고 위젯을 뷰로 렌더링하는 것을 포함한다.
도 5는 인터페이스 데이터 제시 장치(500)의 구현예를 보인 도이다. 장치(500)는 서버측에 위치되고, 구조화된 데이터를 획득하기 위해 일반 프로토콜 마크업 언어로 작성된 인터페이스 템플릿 데이터- 이 인터페이스 템플릿 데이터는 위젯을 묘사하는 공동 태그를 포함한 것임 -를 파싱하도록 구성된 파싱 엔진 모듈(501)과; 클라이언트 애플리케이션이 위젯을 뷰로 렌더링하도록 상기 구조화된 데이터를 클라이언트 애플리케이션에 전달하게끔 구성된 통신 모듈(502)을 포함한다.
일반 프로토콜 마크업 언어는 HTML이고, 구조화된 데이터는 JSON 데이터이며, 공동 태그는 JSON 데이터에 대하여 DOM 노드에 저장될 수 있다.
장치 내 각 유닛의 기능 및 임무의 구현 처리에 대해서는 전술한 방법의 대응하는 단계의 구현 처리를 참조할 수 있다. 그 세부는 단순화를 위해 여기에서 설명하지 않는다.
장치 구현예는 방법 구현예에 대응할 수 있고, 그러므로 단순화를 위해 간단히 설명하였다. 관련 부분에 대해서는 방법 구현예의 설명을 참조할 수 있다. 설명되는 장치 구현예는 단순히 예이다. 별도 부품으로서 설명한 유닛들은 물리적으로 분리되거나 분리되지 않을 수 있고, 유닛으로서 디스플레이되는 부분들은 물리적 유닛이거나 그렇지 않을 수 있으며, 하나의 위치에 위치될 수 있고, 또는 복수의 네트워크 유닛에 분산될 수도 있다. 일부 또는 모든 모듈은 본 발명의 해법의 목적을 달성하기 위한 실제 필요성에 기반하여 선택될 수 있다. 당업자라면 창조적 노력 없이 본 발명의 구현예를 이해하고 구현할 수 있다.
전술한 설명은 단순히 본 발명의 구현예의 실시예이고, 본 발명을 제한하는 것으로 의도되지 않는다. 본 발명의 정신 및 원리로부터 벗어나지 않고 이루어지는 임의의 수정, 균등물 교체 또는 개선은 본 발명의 보호 범위에 포함된다.

Claims (16)

  1. 인터페이스 데이터를 제시하는 방법에 있어서,
    클라이언트 애플리케이션에 의해 서버로부터, 인터페이스 템플릿의 구조화된 데이터(structured data)를 수신하는 단계로서, 상기 인터페이스 템플릿의 구조화된 데이터는 상기 인터페이스 템플릿과 연관된 인터페이스 템플릿 데이터를 파싱함으로써 상기 서버에 의해 생성되고, 상기 구조화된 데이터는 일반 프로토콜 마크업 언어로 작성되며, 상기 인터페이스 템플릿 데이터는 위젯을 묘사하는 태그를 포함하는 것인, 상기 구조화된 데이터를 수신하는 단계;
    서비스 데이터에 포함된 인터페이스 식별자에 기반하여 상기 인터페이스 템플릿을 식별하는 단계;
    상기 인터페이스 템플릿을 식별하는 것에 응답하여, 상기 클라이언트 애플리케이션에 의해, 상기 구조화된 데이터에 기반하여 상기 위젯에 대한 가상 뷰 노드를 결정하는 단계로서, 문서 객체 모드(document object mode) 노드는 공동 태그(common tag)와 관련된 정보를 저장하고, 상기 문서 객체 모드 노드는 상기 공동 태그를 이용함으로써 묘사되는 상기 인터페이스 템플릿에서의 상기 위젯의 위치 정보를 포함하는 것인, 상기 가상 뷰 노드를 결정하는 단계;
    상기 클라이언트 애플리케이션에 의해, 상기 파싱된 구조화된 데이터에 기반하여, 문서 객체 모드 노드에 대한 정보를 저장하기 위한 가상 뷰 노드의 트리 구조의 일부로서 가상 뷰 노드 - 상기 가상 뷰 노드는 상기 문서 객체 모드 노드를 저장함 - 를 생성하는 단계;
    상기 서버에 의해 상기 클라이언트 애플리케이션에 제공되는 서비스 데이터의 제2 인터페이스 식별자에 대응하는 제1 인터페이스 식별자에 기반하여, 상기 서비스 데이터를 상기 가상 뷰 노드에 바인딩시키는(bind) 단계;
    상기 서비스 데이터가 바인딩된 상기 가상 뷰 노드에 저장된 정보에 기반하여 상기 위젯의 위치 정보를 결정하는 단계;
    상기 클라이언트 애플리케이션에 의해, 상기 위치 정보에 기반하여 상기 위젯을 검색(retrieving)하는 단계;
    그래픽 사용자 인터페이스와 연관된 복수의 위젯과 함께 상기 위젯을 렌더링함으로써 상기 그래픽 사용자 인터페이스의 통합된(unified) 뷰를 생성하는 단계; 및
    상기 클라이언트 애플리케이션에 의해, 디스플레이 장치에 상기 그래픽 사용자 인터페이스의 통합된 뷰를 디스플레이하는 단계
    를 포함하는 인터페이스 데이터를 제시하는 방법.
  2. 제1항에 있어서, 상기 일반 프로토콜 마크업 언어는 HTML이고, 상기 구조화된 데이터는 JSON 데이터 또는 XML 데이터인 것인 인터페이스 데이터를 제시하는 방법.
  3. 제1항 또는 제2항에 있어서, 상기 가상 뷰 노드는, 상기 공동 태그, 상기 클라이언트 애플리케이션의 유형, 상기 클라이언트 애플리케이션에서의 응답 이벤트 중 적어도 하나와 관련된 정보를 저장하는 것인 인터페이스 데이터를 제시하는 방법.
  4. 제1항 또는 제2항에 있어서,
    갱신된 버전의 인터페이스 템플릿의 구조화된 데이터를 수신하는 것에 응답하여, 상기 클라이언트 애플리케이션에 의해, 상기 가상 뷰 노드에 저장된 관련 정보를 갱신하는 단계를 더 포함하는 인터페이스 데이터를 제시하는 방법.
  5. 제1항 또는 제2항에 있어서,
    상기 서버로부터 서비스 데이터를 수신하는 것에 응답하여, 상기 서비스 데이터에 대응하는 인터페이스 템플릿의 구조화된 데이터가 식별되지 않으면, 상기 클라이언트 애플리케이션에 의해 상기 서버에게, 상기 서비스 데이터에 대응하는 상기 인터페이스 템플릿의 갱신된 구조화된 데이터를 요청하는 단계를 더 포함하는 인터페이스 데이터를 제시하는 방법.
  6. 제1항 또는 제2항에 있어서, 상기 위젯의 위치 정보에 기반하여 가상 뷰 노드에서의 상기 위젯을 렌더링하는 것은, 상기 위젯의 위치 정보를 결정한 것에 응답하여, 상기 위젯의 위치 정보를 획득하고, 상기 위젯을 상기 뷰로 렌더링하는 것을 포함하는 것인 인터페이스 데이터를 제시하는 방법.
  7. 제1항 또는 제2항에 있어서,
    상기 클라이언트 애플리케이션이 상기 위젯을 상기 가상 뷰 노드로 렌더링하도록, 상기 구조화된 데이터를 클라이언트 애플리케이션에 전달하는 단계를 더 포함하는 인터페이스 데이터를 제시하는 방법.
  8. 제1항 또는 제2항에 있어서, 상기 구조화된 데이터는 JSON 데이터이고, 상기 공동 태그는 상기 JSON 데이터에 대한 문서 객체 모드 노드에 저장되는 것인 인터페이스 데이터를 제시하는 방법.
  9. 제1항 또는 제2항에 있어서, 상기 구조화된 데이터는 상기 인터페이스 템플릿 데이터의 제2 구문 트리보다 더 단순한 포맷을 갖는 제1 구문 트리를 포함하는 것인 인터페이스 데이터를 제시하는 방법.
  10. 제1항 또는 제2항에 있어서, 상기 서비스 데이터를 상기 가상 뷰 노드에 바인딩시키는 단계는, 엔트리 기능을 이용하여 상기 서비스 데이터를 상기 가상 뷰 노드에 삽입하는 단계를 포함하는 것인 인터페이스 데이터를 제시하는 방법.
  11. 인터페이스 데이터를 디스플레이하는 장치에 있어서,
    제1항 또는 제2항의 방법을 수행하도록 구성된 복수의 모듈을 포함하는 것인 인터페이스 데이터를 디스플레이하는 장치.
  12. 삭제
  13. 삭제
  14. 삭제
  15. 삭제
  16. 삭제
KR1020187022016A 2015-12-30 2016-12-16 인터페이스 데이터 디스플레이 방법 및 장치 KR102105261B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201511021196.3A CN106936871B (zh) 2015-12-30 2015-12-30 界面展示数据的方法及装置
CN201511021196.3 2015-12-30
PCT/CN2016/110259 WO2017114182A1 (zh) 2015-12-30 2016-12-16 界面展示数据的方法及装置

Publications (2)

Publication Number Publication Date
KR20180100171A KR20180100171A (ko) 2018-09-07
KR102105261B1 true KR102105261B1 (ko) 2020-04-28

Family

ID=59224489

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020187022016A KR102105261B1 (ko) 2015-12-30 2016-12-16 인터페이스 데이터 디스플레이 방법 및 장치

Country Status (12)

Country Link
US (1) US11216610B2 (ko)
EP (1) EP3399721B1 (ko)
JP (1) JP6755954B2 (ko)
KR (1) KR102105261B1 (ko)
CN (1) CN106936871B (ko)
AU (1) AU2016382741B2 (ko)
ES (1) ES2808924T3 (ko)
MY (1) MY186876A (ko)
PH (1) PH12018501401A1 (ko)
PL (1) PL3399721T3 (ko)
SG (1) SG11201805617SA (ko)
WO (1) WO2017114182A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102190792B1 (ko) * 2020-06-01 2020-12-14 한국사회보장정보원 사회복지 자격정보 제공방법, 이를 위한 컴퓨터 프로그램

Families Citing this family (36)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107291465A (zh) * 2017-06-14 2017-10-24 北京小米移动软件有限公司 页面显示方法、装置及存储介质
CN107438194A (zh) * 2017-08-09 2017-12-05 青岛海信电器股份有限公司 一种智能电视ui对象绘制方法及智能电视
CN110020307B (zh) * 2017-11-30 2023-06-13 阿里巴巴集团控股有限公司 一种客户端视图的绘制方法和装置
CN108153525B (zh) * 2017-12-14 2021-05-11 广州市玄武无线科技股份有限公司 一种构建交互界面的方法、装置及电子设备
US10409573B1 (en) * 2018-02-19 2019-09-10 International Business Machines Corporation Batch script decomposer
CN108763171B (zh) * 2018-04-20 2021-12-07 中国船舶重工集团公司第七一九研究所 一种基于格式模板的文档自动化生成方法
CN108845803B (zh) * 2018-05-23 2022-11-08 北京五八信息技术有限公司 一种列表视图的更新方法、装置、设备及存储介质
CN108804177A (zh) * 2018-05-23 2018-11-13 北京五八信息技术有限公司 更新界面视图的方法、装置、计算机设备及存储介质
CN109145238B (zh) * 2018-07-06 2021-09-28 创新先进技术有限公司 一种卡片显示方法、装置及移动设备
CN109240688A (zh) * 2018-08-13 2019-01-18 重庆金融资产交易所有限责任公司 界面开发方法、电子装置及可读存储介质
CN109408086A (zh) * 2018-09-28 2019-03-01 平安普惠企业管理有限公司 App的界面更新方法、装置、计算机设备及存储介质
CN109388398B (zh) * 2018-10-16 2021-07-30 郑州云海信息技术有限公司 虚拟化系统中界面生成方法和装置
CN109684079B (zh) * 2018-12-07 2021-03-02 恒生电子股份有限公司 显示数据处理方法、装置以及电子设备
CN109582313B (zh) * 2018-12-14 2022-02-22 广东亿迅科技有限公司 业务界面动态构造方法、装置、计算机设备和存储介质
CN109710821A (zh) * 2018-12-20 2019-05-03 云南电网有限责任公司玉溪供电局 基于微件的供电可靠性指标数据可视化方法
CN111796727A (zh) * 2019-03-22 2020-10-20 阿里巴巴集团控股有限公司 一种界面数据处理方法及装置
CN110058855B (zh) * 2019-03-26 2023-09-05 沈阳智核医疗科技有限公司 一种软件的界面和工作流的更新方法、装置及设备
CN111813467A (zh) * 2019-04-10 2020-10-23 阿里巴巴集团控股有限公司 一种界面刷新方法、装置及可读存储介质
CN110471661A (zh) * 2019-08-20 2019-11-19 深圳科蓝金信科技发展有限公司 前端界面的数据描述方法及前端界面的生成方法
CN110825373B (zh) * 2019-10-10 2023-04-25 上海上湖信息技术有限公司 一种移动端动态化方法及装置
KR102274333B1 (ko) * 2020-01-31 2021-07-08 한국산업기술시험원 분석 장비에서 출력된 결과데이터의 통합 관리 장치 및 방법
CN111857929B (zh) * 2020-07-23 2023-05-30 杭州海康威视数字技术股份有限公司 应用程序界面显示的方法、装置及计算机设备
CN111857782B (zh) * 2020-07-27 2021-11-16 企查查科技有限公司 界面更新方法、装置、计算机设备和存储介质
CN112099768B (zh) * 2020-08-04 2024-02-23 北京奇艺世纪科技有限公司 业务流程处理方法、装置及计算机可读存储介质
CN112052001B (zh) * 2020-09-04 2023-11-24 上海浦东发展银行股份有限公司 App客户端的ui动态显示设计架构、方法、设备及存储介质
CN112306324B (zh) * 2020-10-30 2023-02-03 北京嘀嘀无限科技发展有限公司 信息处理方法、装置、设备和介质
US11789707B2 (en) * 2021-01-13 2023-10-17 Yulin Yin Tool for creating forms in webpage
CN113138761A (zh) * 2021-04-30 2021-07-20 南京电研电力自动化股份有限公司 一种界面编程方法及系统
CN114153517B (zh) * 2021-10-19 2024-04-09 西安震有信通科技有限公司 虚拟化节点控件子项的定位方法、装置及终端设备
CN113986096A (zh) * 2021-12-29 2022-01-28 北京亮亮视野科技有限公司 一种交互方法、装置、电子设备和存储介质
KR20230128916A (ko) * 2022-02-28 2023-09-05 주식회사 플루이즈 사용자 기기간에 ui 화면을 송수신하는 방법
CN114416104B (zh) * 2022-03-30 2022-08-09 清华大学 一种结构化数据文件处理方法及装置
CN114637499B (zh) * 2022-03-31 2022-11-29 阿里巴巴（中国）有限公司 可视化组件处理方法、装置、设备及介质
CN115268911A (zh) * 2022-08-01 2022-11-01 广州道然信息科技有限公司 基于布局和组件的电视应用构建方法
CN116522871B (zh) * 2023-07-05 2024-01-09 鹏城实验室 数据格式转换方法、装置、设备和存储介质
CN117421000A (zh) * 2023-09-06 2024-01-19 北京饼干科技有限公司 生成分发网页的方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060168536A1 (en) 2003-06-05 2006-07-27 Swiss Reinsurance Company Method and terminal for generating uniform device-independent graphical user interfaces
US20060206804A1 (en) 2005-03-08 2006-09-14 James Barnett Reversible logic for widget and markup language generation
US20100281475A1 (en) 2009-05-04 2010-11-04 Mobile On Services, Inc. System and method for mobile smartphone application development and delivery
JP2011524030A (ja) 2008-04-28 2011-08-25 セールスフォース ドット コム インコーポレイティッド ウェブサイト及びそのコンテンツの作成及び管理のためのオブジェクト指向のシステム
US20140053063A1 (en) 2012-08-14 2014-02-20 Microsoft Corporation User interface control framework for stamping out controls using a declarative template

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6963920B1 (en) * 1993-11-19 2005-11-08 Rose Blush Software Llc Intellectual asset protocol for defining data exchange rules and formats for universal intellectual asset documents, and systems, methods, and computer program products related to same
US8965864B2 (en) * 2006-10-31 2015-02-24 Sap Se Method and system for efficient execution and rendering of client/server interactive applications
US20080209396A1 (en) * 2007-02-28 2008-08-28 Arcsoft, Inc. Homepage for Modular Software
KR20100080822A (ko) * 2007-09-28 2010-07-12 엑세리온 악티에볼라그 네트워크 오퍼레이팅 시스템
CN101403967A (zh) * 2008-11-12 2009-04-08 恒生电子股份有限公司 界面保存和显示方法、客户端和服务器
US8839126B1 (en) * 2009-06-17 2014-09-16 Google Inc. Secure HTML components for building client-side user interface
US10534830B2 (en) * 2011-06-23 2020-01-14 Microsoft Technology Licensing, Llc Dynamically updating a running page
CN102346770B (zh) * 2011-09-21 2014-05-14 晨星软件研发(深圳)有限公司 WebKit浏览器网页内容加载方法及装置
US9917879B2 (en) * 2012-10-13 2018-03-13 Microsoft Technology Licensing, Llc Remote interface templates
US9355116B2 (en) * 2013-03-04 2016-05-31 Vmware, Inc. Cross-file differential content synchronization using cached patches
CN104283924B (zh) * 2013-07-08 2019-08-13 腾讯科技（深圳）有限公司 信息推送方法、装置、客户端及服务器
CN104090749B (zh) * 2014-05-30 2015-09-16 爱培科科技开发（深圳）有限公司 一种WinCE产品界面主题更新变换处理方法及系统
CN104158836B (zh) * 2014-06-23 2018-05-01 浙江大学城市学院 一种通过数据渲染移动应用界面的方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060168536A1 (en) 2003-06-05 2006-07-27 Swiss Reinsurance Company Method and terminal for generating uniform device-independent graphical user interfaces
JP2006526828A (ja) 2003-06-05 2006-11-24 スイス リインシュアランス カンパニー 均一な装置無依存型グラフィカル・ユーザー・インターフェースの生成方法およびターミナル
US20060206804A1 (en) 2005-03-08 2006-09-14 James Barnett Reversible logic for widget and markup language generation
JP2011524030A (ja) 2008-04-28 2011-08-25 セールスフォース ドット コム インコーポレイティッド ウェブサイト及びそのコンテンツの作成及び管理のためのオブジェクト指向のシステム
US20100281475A1 (en) 2009-05-04 2010-11-04 Mobile On Services, Inc. System and method for mobile smartphone application development and delivery
US20140053063A1 (en) 2012-08-14 2014-02-20 Microsoft Corporation User interface control framework for stamping out controls using a declarative template

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102190792B1 (ko) * 2020-06-01 2020-12-14 한국사회보장정보원 사회복지 자격정보 제공방법, 이를 위한 컴퓨터 프로그램

Also Published As

Publication number Publication date
WO2017114182A1 (zh) 2017-07-06
KR20180100171A (ko) 2018-09-07
JP6755954B2 (ja) 2020-09-16
EP3399721A4 (en) 2018-12-26
CN106936871B (zh) 2020-05-29
US20180307465A1 (en) 2018-10-25
PH12018501401A1 (en) 2019-03-04
JP2019503538A (ja) 2019-02-07
AU2016382741B2 (en) 2019-11-21
EP3399721B1 (en) 2020-07-01
PL3399721T3 (pl) 2020-11-02
MY186876A (en) 2021-08-26
EP3399721A1 (en) 2018-11-07
US11216610B2 (en) 2022-01-04
SG11201805617SA (en) 2018-07-30
ES2808924T3 (es) 2021-03-02
AU2016382741A1 (en) 2018-07-19
CN106936871A (zh) 2017-07-07

Similar Documents

Publication Publication Date Title
KR102105261B1 (ko) 인터페이스 데이터 디스플레이 방법 및 장치
US10726195B2 (en) Filtered stylesheets
CN107391114B (zh) 页面可视化渲染方法及装置
US9448776B1 (en) Method and apparatus for converting a website into a native mobile application
US8863126B2 (en) Java virtual machine embedded in a native mobile application
EP3382534A1 (en) Page jumping method and apparatus
KR101892702B1 (ko) 멀티 플랫폼을 지원하는 앱 저작 서버, 장치 및 방법
US9646103B2 (en) Client-side template engine and method for constructing a nested DOM module for a website
CN106897153B (zh) 调用应用编程接口的方法和系统
US20160012147A1 (en) Asynchronous Initialization of Document Object Model (DOM) Modules
US20150149888A1 (en) Systems and methods for executing aspects of a document
US8666997B2 (en) Placeholders returned for data representation items
US20160012144A1 (en) Javascript-based, client-side template driver system
CN110941779A (zh) 加载页面的方法、装置、存储介质及电子设备
US8396920B1 (en) Clean URLs in web applications
CN113254217A (zh) 业务的消息处理方法、装置及电子设备
US20160012023A1 (en) Self-Referencing of Running Script Elements in Asynchronously Loaded DOM Modules
WO2022099913A1 (zh) 界面配置方法、装置、设备及介质
CN113626392A (zh) 文档数据更新的方法和装置、电子设备和存储介质
JP2019079165A (ja) 編集プログラム、編集装置、及び、編集方法
US20160012146A1 (en) Client Web Browser and Method for Constructing a Website DOM Module With Client-Side Functional Code
CN116795358A (zh) 界面数据处理方法、装置、电子设备及介质
CN115686475A (zh) 标准化服务sdk自动化生成方法及其相关设备
CN112632417A (zh) 数据处理方法、装置、存储介质和电子设备

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