CN102323880A - Mobile phone application interface development method and terminal based on browser parsing mode - Google Patents

Mobile phone application interface development method and terminal based on browser parsing mode Download PDF

Info

Publication number
CN102323880A
CN102323880A CN201110182237A CN201110182237A CN102323880A CN 102323880 A CN102323880 A CN 102323880A CN 201110182237 A CN201110182237 A CN 201110182237A CN 201110182237 A CN201110182237 A CN 201110182237A CN 102323880 A CN102323880 A CN 102323880A
Authority
CN
China
Prior art keywords
data
application
network
uri
mobile phone
Prior art date
Application number
CN201110182237A
Other languages
Chinese (zh)
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 CN201110182237A priority Critical patent/CN102323880A/en
Publication of CN102323880A publication Critical patent/CN102323880A/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The invention relates to a mobile phone application interface development method and a terminal which are based on a browser parsing mode. The method includes the following steps: loading application data according to a universal resource identifier (URI); parsing the application data, and generating a data structure to be laid out and rendered according to a parsing result; and according to configuration information, drawing the data structure to be laid out and rendered to obtain an application interface. The method or the terminal provided by the invention can greatly simplify the complexity of mobile phone application development for users, solve the problem of multi-platform compatibility and decrease the difficulty of general application development for mobile phones and other terminals for users.

Description

Development approach and terminal based on the mobile phone application interface of browser resolves mode

Technical field

The present invention relates to electronic technology field, specifically be based on the development approach and the terminal at the mobile phone application interface of browser resolves mode.

Background technology

Previous because the hardware of embedded handhold equipment was limit, and general application program of mobile phone belongs to basically that primitive program (like C, C++, Java etc.) writes.This just causes the complicacy of application and development to strengthen, and the layman can not participate in exploitation.

And along with the making rapid progress of hardware technology, the processing power of CPU (central processing unit) is more and more stronger, portable terminals such as the smart mobile phone of the world today and PC several years ago very nearly the same.This just makes with a type XML (Extensible Markup Language; Extend markup language), HTTP (HyperText Transfer Protocol; HTTP); CS S (Cascading Style Sheet, CSS), the application program that mobile phone write in JavaScript descriptive languages such as (a kind of webpage programming languages) becomes possibility.The benefit of doing like this is to reduce development difficulty greatly, lets more people participate in the exploitation of application, thereby makes the application on mobile phone become extensive.

Develop into today, the fusion of internet and mobile communication is more and more tightr, and the general way of main flow cell phone manufacturer is to adopt traditional browser access network at present; On computers because the service of the specification of hardware and software unified standard all, can be very simple so call local service, still on portable terminals such as mobile phone; Owing to do not have unified standard and service; The application of this machine of visit (as make a phone call, multimedia application, the operation local call this etc.) very difficulty just becomes; And the application of cell phone system basically all is the primitive program exploitation; For the application of adopting the primitive program exploitation generally all need adopt specific mode go to resolve this application [as: JS (javascript, a kind of webpage programming language) expands API (Application Programming Interface, API)]; The exploitation of also make using has significant limitation, and cannot accomplish cross-platform general.

Summary of the invention

Fundamental purpose of the present invention provides a kind of development approach and terminal of the mobile phone application interface based on the browser resolves mode; Can greatly simplify the complexity that the user develops mobile phone application; Solve the compatibility between multi-platform, reduce the user and develop the difficulty of the general application at terminals such as mobile phone.

The technical solution adopted for the present invention to solve the technical problems is:

A kind of development approach of the mobile phone application interface based on the browser resolves mode, it comprises:

According to generic resource identifier URI load application data;

Said application data is resolved, generate according to analysis result and treat layout and the data structure of playing up;

According to configuration information said layout and the data structure of playing up treated drawn the interface that is applied.

Preferably, carry out application data and carry out in the resolving,, then from local file system, obtain said local data or obtain said network data from network if the data in the said application data need local data or network data.

Preferably, carry out and obtain network data, specifically comprise:, initiate request of data and download this network data to server according to said data link according to the data link that configuration information obtains this network data from network.

Preferably, carry out according to URI load application data, specifically comprise: a fixing test homepage is set, and this test homepage has comprised the URI of all application; URI according to said application loads this application data.

Preferably, the URI that carries out according to said application loads this application data, further, also comprises: carry out the initialization of application interface.

Preferably, said configuration information comprises: the window size of said application interface and positional information.

The present invention also provides a kind of terminal, comprising:

The data load unit is used for according to URI load application data;

The data parsing unit is used for said application data is resolved, and generates according to analysis result and treats layout and the data structure of playing up;

The interface forms the unit, is used for according to configuration information said layout and the data structure of playing up treated being drawn the interface that is applied.

Preferably, said data parsing unit also is used for: when the data of said application data need local data or network data, from local file system, obtain said local data or obtain said network data from network.

Preferably, said data parsing unit also is used for obtaining according to configuration information the data link of this network data, initiates request of data and downloads this network data to server according to said data link.

Preferably, said data load unit also is used to be provided with a fixing test homepage, and this test homepage has comprised the URI of all application; URI according to said application loads this application data.

The technical scheme of embodiment of the present invention has following beneficial effect: method provided by the invention and terminal, resolve based on the browser application data; Generate according to analysis result and to treat that layout draws the interface that is applied with the data structure of playing up and according to this data structure; Can greatly simplify the complexity that the user develops terminal applies such as mobile phone, solve the compatibility between multi-platform, reduce the user and developed the general difficulty of using in terminal such as mobile phone; Attract more developer to participate in application and development; Make that simultaneously the application at terminals such as mobile phone is abundanter, enrich, strengthened the competitiveness of portable terminals such as mobile phone greatly with the easier alternately of internet.

Description of drawings

The structural representation at the terminal that Fig. 1 provides for the embodiment of the invention;

The method flow diagram that Fig. 2 provides for the embodiment of the invention;

Another structural representation at the terminal that Fig. 3 provides for the embodiment of the invention.

The realization of the object of the invention, functional characteristics and advantage will combine embodiment, further specify with reference to accompanying drawing.

Embodiment

In order to make the object of the invention, technical scheme and advantage clearer,, the present invention is further elaborated below in conjunction with accompanying drawing and embodiment.Should be appreciated that specific embodiment described herein only in order to explanation the present invention, and be not used in qualification the present invention.

The embodiment of the invention provides a kind of development approach of the mobile phone application interface based on the browser resolves mode, realizes that the terminal of this method is as shown in Figure 1, comprising:

Application configuration unit: be used for according to the typical application standard such as W3C standard (World Wide Web Consortium; World Wide Web Consortium) use XML to carry out application configuration; Such as the spacing that is applied in position, size, literal and picture in the mobile phone window (application interface), the local data of dependence and the link of network data etc.

Application and development unit: be the place that the developer carries out application and development; Comprise application development tool (being typically text editor); Application and development interface on mobile phone window management, processing window message, JavaScript Development Framework and the external API of encapsulation browser engine; The user uses HTML (Hyper Text Mark-up Language, HTML), CSS and Java Script or Aiax (Asynchronous JavaScript and XML, asynchronous JavaScript and XML; A kind of webpage development technology of creating the interaction network page application) Application and Development is used application configuration cell layout.

Browser cell: transplant the browser engine of increasing income to cell phone platform and the simple browser that realizes, possess the function of visiting cell phone platform system service and internet, applications, through this browser cell, can use local service and network application service.

Use debugging unit: adaptive and expansion PC (Personal Computer; Personal computer) function of the mobile phone application simulator of end; Increase the debug window and the function that realize using browser engine Web Inspector (detecting device) mechanism; Can debug Java Script and HTML5, make simulator directly to utilize local TCP/IP (Transmission Control Protocol/Internet Protocol, transmission control protocol/the Internet interconnection protocol) agency through browser cell; The visit mobile Internet, thus dynamic debugging is used.

The user uses application and development unit developing application in the method; This application program depends on the configuration information of application configuration unit; This configuration information has defined application window (application interface) size; Application data (being HTML, CSS, JavaScript or Aiax program) relies on and comes from local data and network data; Application data is loaded into the browser engine of browser cell through application and development unit (that is: mobile phone application administrative section), and the parsing that browser engine mainly is responsible for application data generates carries out layout and the structure of playing up, and calls software platform GUI (Graphical User Interface then; Graphic user interface) system layout is drawn the interface that is applied with the data structure of playing up; The user uses debugging unit through the utilization of mobile phone application simulator and debugs application, and the mobile phone simulator is the simulator of PC end, connects network through TCP/IP; Accomplish the debugging of Internet service in the mobile phone application, carry out the debugging of application scenarios data JavaScript and HTML5 through Inspector mechanism Inspector debugging interface in the mobile phone application simulator of browser engine.

As shown in Figure 2, in the embodiment of the invention, may further comprise the steps based on the development approach at the mobile phone application interface of browser resolves mode:

S110, according to URI (Uniform Resource Identifier, generic resource identifier) load application data;

Specifically comprise: through the mobile phone application simulator a fixing test homepage is set, this test homepage has comprised the URI of all application; This mobile phone application simulator uses the browser engine of browser cell this application data of URI loading according to this application through the application and development unit.In a further embodiment, in order better to carry out the demonstration of application interface later, the mobile phone application simulator carries out the initialization of application interface.

S120, this application data is resolved, generate according to analysis result and treat layout and the data structure of playing up;

In this step S120, carry out in the resolving in the browser engine application data, if the data in this application data need local data or network data, then from local file system, obtain this local data or obtain this network data from network.Obtain the process of network data from network in execution; Specifically comprise: the data link that the mobile phone application simulator uses browser engine to obtain this network data according to the configuration information of application configuration unit, mobile phone application simulator use browser engine to initiate request of data and download this network data to server according to this data link.In the present embodiment, preferred, this configuration information comprises: information such as the window size of this application interface and position.

S130, this is treated that layout and the data structure of playing up draw the interface that is applied according to configuration information.

Concrete: in the process of this drafting, browser engine is obtained the size and the positional information of application window from this configuration information; Browser engine is used this application interface of the complete drafting of GUI API through the integral layout of application data; The window of mobile phone simulator shows this application interface.

The method that the foregoing description provides can greatly be simplified the complexity that the user develops terminal applies such as mobile phone; Solve the compatibility between multi-platform; Reduced the user and developed the general difficulty of using in terminal such as mobile phone, attracted more developer to participate in application and development, made that simultaneously the application at terminals such as mobile phone is abundanter; Enrich with the easier alternately of internet, strengthened the competitiveness of mobile phone greatly.

The embodiment of the invention also provides a kind of terminal, and the terminal in the embodiment of the invention has comprised whole technical schemes of previous embodiment.As shown in Figure 3, the terminal of the embodiment of the invention also comprises:

Data load unit 210 is used for according to URI load application data; More concrete, this data load unit 210 also is used to be provided with a fixing test homepage, and this test homepage has comprised the URI of all application; URI according to this application loads this application data.

Data parsing unit 220 is used for this application data is resolved, and generates according to analysis result and treats layout and the data structure of playing up; More concrete, this data parsing unit 220 also is used for: when the data of this application data need local data or network data, from local file system, obtain this local data or obtain this network data from network.In more concrete embodiment, this data parsing unit 220 also is used for obtaining according to configuration information the data link of this network data, initiates request of data and downloads this network data to server according to this data link.

The interface forms unit 230, is used for according to configuration information this being treated that layout and the data structure of playing up draw the interface that is applied.

Preferably, this configuration information comprises: information such as the window size of application interface and position.

The device that the foregoing description provides can greatly be simplified the complexity that the user develops terminal applies such as mobile phone; Solve the compatibility between multi-platform; Reduced the user and developed the general difficulty of using in terminal such as mobile phone, attracted more developer to participate in application and development, made that simultaneously the application at terminals such as mobile phone is abundanter; Enrich with the easier alternately of internet, strengthened the competitiveness of mobile phone greatly.

More than be merely preferred embodiment of the present invention,, all any modifications of within spirit of the present invention and principle, being done, be equal to and replace and improvement etc., all should be included within protection scope of the present invention not in order to restriction the present invention.

Claims (10)

1. the development approach based on the mobile phone application interface of browser resolves mode is characterized in that, comprising:
According to generic resource identifier URI load application data;
Said application data is resolved, generate according to analysis result and treat layout and the data structure of playing up;
According to configuration information said layout and the data structure of playing up treated drawn the interface that is applied.
2. method according to claim 1; It is characterized in that; Carry out application data and carry out in the resolving,, then from local file system, obtain said local data or obtain said network data from network if the data in the said application data need local data or network data.
3. like the said method of claim 2; It is characterized in that; Execution is obtained network data from network; Specifically comprise: connect the data link that uri obtains this network data according to configuration information or application data network, initiate request of data and download this network data to server according to said data link.
4. like the said method of claim 3, it is characterized in that carry out according to URI load application data, specifically comprise: a fixing test homepage is set, and this test homepage has comprised the URI of all application; URI according to said application loads this application data.
5. like the said method of claim 4, it is characterized in that the URI that carries out according to said application loads this application data, further, also comprises: carry out the initialization of application interface.
6. like the said method of claim 5, it is characterized in that said configuration information comprises: the window size of said application interface and positional information.
7. a terminal is characterized in that, comprising:
The data load unit is used for according to URI load application data;
The data parsing unit is used for said application data is resolved, and generates according to analysis result and treats layout and the data structure of playing up;
The interface forms the unit, is used for according to configuration information said layout and the data structure of playing up treated being drawn the interface that is applied.
8. terminal as claimed in claim 7; It is characterized in that; Said data parsing unit also is used for: when the data of said application data need local data or network data, from local file system, obtain said local data or obtain said network data from network.
9. terminal as claimed in claim 8 is characterized in that, said data parsing unit also is used for obtaining according to configuration information the data link of this network data, initiates request of data and downloads this network data to server according to said data link.
10. terminal as claimed in claim 9 is characterized in that, said data load unit also is used to be provided with a fixing test homepage, and this test homepage has comprised the URI of all application; URI according to said application loads this application data.
CN201110182237A 2011-06-30 2011-06-30 Mobile phone application interface development method and terminal based on browser parsing mode CN102323880A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110182237A CN102323880A (en) 2011-06-30 2011-06-30 Mobile phone application interface development method and terminal based on browser parsing mode

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110182237A CN102323880A (en) 2011-06-30 2011-06-30 Mobile phone application interface development method and terminal based on browser parsing mode
PCT/CN2012/072901 WO2012155678A1 (en) 2011-06-30 2012-03-23 Method and terminal for developing mobile phone application interface based on browser parsing manner

Publications (1)

Publication Number Publication Date
CN102323880A true CN102323880A (en) 2012-01-18

Family

ID=45451625

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110182237A CN102323880A (en) 2011-06-30 2011-06-30 Mobile phone application interface development method and terminal based on browser parsing mode

Country Status (2)

Country Link
CN (1) CN102323880A (en)
WO (1) WO2012155678A1 (en)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012155678A1 (en) * 2011-06-30 2012-11-22 中兴通讯股份有限公司 Method and terminal for developing mobile phone application interface based on browser parsing manner
CN102831150A (en) * 2012-06-28 2012-12-19 宇龙计算机通信科技(深圳)有限公司 Interactive method, system and terminal for browser and local application
CN103019738A (en) * 2012-12-28 2013-04-03 广州数控设备有限公司 Numerical control system with customizable interface and implementation method of numerical control system
CN103049729A (en) * 2012-12-30 2013-04-17 成都理想境界科技有限公司 Method, system and terminal for augmenting reality based on two-dimension code
CN103713891A (en) * 2012-10-09 2014-04-09 阿里巴巴集团控股有限公司 Method and device for graphic rendering on mobile device
CN104298494A (en) * 2013-07-19 2015-01-21 深圳市同洲电子股份有限公司 Browsing method and device based on JS framework
CN104321745A (en) * 2012-02-07 2015-01-28 泰利瑞克股份公司 Environment and method for cross-platform development of software applications
CN104731694A (en) * 2013-12-18 2015-06-24 中国银联股份有限公司 Browser compatibility test analyzing method and system
CN105224526A (en) * 2014-05-26 2016-01-06 联想(北京)有限公司 A kind of data processing method and electronic equipment
CN105743730A (en) * 2014-12-12 2016-07-06 阿里巴巴集团控股有限公司 Method and system used for providing real-time monitoring for webpage service of mobile terminal
CN108293081A (en) * 2015-11-06 2018-07-17 三星电子株式会社 Pass through the program playback deep linking of user interface event to mobile application state

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002082229A2 (en) * 2001-04-09 2002-10-17 America Online Incorporated Server-based browser system
US20050039113A1 (en) * 2003-08-12 2005-02-17 International Business Machines Corporation Method and apparatus for data
CN101799759A (en) * 2009-02-06 2010-08-11 Nhn株式会社 Method and system based on the application of HTML is provided

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8676868B2 (en) * 2006-08-04 2014-03-18 Chacha Search, Inc Macro programming for resources
CN102043611B (en) * 2009-10-23 2014-04-16 Tcl集团股份有限公司 System for dynamically generating user interface and implementation method thereof
CN101778169B (en) * 2010-02-04 2012-09-05 华为终端有限公司 Dynamic display method of application program interface and device
CN102323880A (en) * 2011-06-30 2012-01-18 中兴通讯股份有限公司 Mobile phone application interface development method and terminal based on browser parsing mode

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002082229A2 (en) * 2001-04-09 2002-10-17 America Online Incorporated Server-based browser system
US20050039113A1 (en) * 2003-08-12 2005-02-17 International Business Machines Corporation Method and apparatus for data
CN101799759A (en) * 2009-02-06 2010-08-11 Nhn株式会社 Method and system based on the application of HTML is provided

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2012155678A1 (en) * 2011-06-30 2012-11-22 中兴通讯股份有限公司 Method and terminal for developing mobile phone application interface based on browser parsing manner
CN104321745A (en) * 2012-02-07 2015-01-28 泰利瑞克股份公司 Environment and method for cross-platform development of software applications
CN102831150A (en) * 2012-06-28 2012-12-19 宇龙计算机通信科技(深圳)有限公司 Interactive method, system and terminal for browser and local application
CN102831150B (en) * 2012-06-28 2016-01-27 宇龙计算机通信科技(深圳)有限公司 Browser and local exchange method, system and the terminal applied
CN103713891B (en) * 2012-10-09 2017-11-24 阿里巴巴集团控股有限公司 It is a kind of to carry out the method and apparatus that figure renders on the mobile apparatus
CN103713891A (en) * 2012-10-09 2014-04-09 阿里巴巴集团控股有限公司 Method and device for graphic rendering on mobile device
CN103019738A (en) * 2012-12-28 2013-04-03 广州数控设备有限公司 Numerical control system with customizable interface and implementation method of numerical control system
CN103019738B (en) * 2012-12-28 2015-09-02 广州数控设备有限公司 The digital control system that a kind of interface can customize and implementation method
CN103049729B (en) * 2012-12-30 2015-12-23 成都理想境界科技有限公司 Based on the augmented reality method of Quick Response Code, system and terminal
CN103049729A (en) * 2012-12-30 2013-04-17 成都理想境界科技有限公司 Method, system and terminal for augmenting reality based on two-dimension code
CN104298494A (en) * 2013-07-19 2015-01-21 深圳市同洲电子股份有限公司 Browsing method and device based on JS framework
CN104731694A (en) * 2013-12-18 2015-06-24 中国银联股份有限公司 Browser compatibility test analyzing method and system
CN105224526A (en) * 2014-05-26 2016-01-06 联想(北京)有限公司 A kind of data processing method and electronic equipment
CN105743730A (en) * 2014-12-12 2016-07-06 阿里巴巴集团控股有限公司 Method and system used for providing real-time monitoring for webpage service of mobile terminal
CN105743730B (en) * 2014-12-12 2019-01-29 阿里巴巴集团控股有限公司 The method and its system of real time monitoring are provided for the web service of mobile terminal
CN108293081A (en) * 2015-11-06 2018-07-17 三星电子株式会社 Pass through the program playback deep linking of user interface event to mobile application state

Also Published As

Publication number Publication date
WO2012155678A1 (en) 2012-11-22

Similar Documents

Publication Publication Date Title
US10552520B2 (en) System and method for provisioning a mobile software application to a mobile device
US9715370B2 (en) Method and system for providing content
EP2815311B1 (en) Using an application cache to update resources of installed applications
US8627204B2 (en) Custom optimization of web pages
Saad et al. Performance evaluation of restful web services for mobile devices
US8612947B2 (en) System and method for remotely compiling multi-platform native applications for mobile devices
EP2962216B1 (en) Sharing application states
Mesbah et al. A component-and push-based architectural style for ajax applications
US20190188062A1 (en) Api notebook tool
US9077770B2 (en) Mobile web app infrastructure
CN101911064B (en) Method and apparatus for realizing distributed multi-modal application
US9148467B1 (en) System and method for emulating different user agents on a server
CN101911075B (en) Browser-based proxy server for customization and distribution of existing applications
JP4208081B2 (en) System, web server, method and program for adding personalized value to multiple websites
US8396939B2 (en) Content distribution management device, terminal, program, and content distribution system
US7849437B2 (en) Object oriented web application framework
US8549395B2 (en) Method and system for transforming an integrated webpage
US8516037B2 (en) Methods for dynamic partitioning of applications in client-server environments
US20120131448A1 (en) Secure Inter-Module Communication Mechanism
TWI230867B (en) Parser for extensible mark-up language
Taivalsaari et al. Web browser as an application platform
US10346501B2 (en) Mobile enablement of existing web sites
US7428725B2 (en) Inserting devices specific content
US9071570B2 (en) Method and apparatus to select and deliver portable portlets
US8949433B1 (en) Installer-free applications using native code modules and persistent local storage

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20120118