CN103150166B - 一种与设备同步的自助创建移动应用程序的方法 - Google Patents
一种与设备同步的自助创建移动应用程序的方法 Download PDFInfo
- Publication number
- CN103150166B CN103150166B CN201310074322.6A CN201310074322A CN103150166B CN 103150166 B CN103150166 B CN 103150166B CN 201310074322 A CN201310074322 A CN 201310074322A CN 103150166 B CN103150166 B CN 103150166B
- Authority
- CN
- China
- Prior art keywords
- mobile applications
- assembly
- application program
- mobile application
- user
- Prior art date
- Legal status (The legal status 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 status listed.)
- Expired - Fee Related
Links
Landscapes
- Stored Programmes (AREA)
Abstract
本发明涉及一种与设备同步的自助创建移动应用程序的方法,改善了自助创建移动应用程序的用户体验。主要步骤包括:1)制订组件的开发规则,根据制订的规则开发组件并形成组件库;2)用户从组件库中选择至少一个组件,输入移动应用程序的名称,并制作好移动应用程序的图标,生成引擎把用户选择的组件、移动应用程序的名称、移动应用程序的图标打包生成预览版本移动应用程序,同时把预览版本移动应用程序安装到设备上,并打开运行;3)用户在配置系统中调整调用控件及移动应用程序组件的内容和参数,对应的变化自动在设备中的预览版本移动应用程序中体现出来;此时,用户可以直接使用预览版本移动应用程序的功能;4)发布移动应用程序。
Description
技术领域
本发明涉及一种在线创建移动应用程序的方法,更具体地说,涉及一种与设备同步的自助创建移动应用程序的方法。
背景技术
随着3G技术的普及,智能移动设备的快速崛起,移动应用(Mobile Application)呈现爆发式增长。由于良好的用户体验、使用的灵活性和便捷性,移动应用正逐渐成为人们生活、工作的重要组成部分。
随着移动应用程序需求的增长,但移动应用程序的开发、维护成本依然高昂,因此自助创建移动移动应用程序就因其创建方便、维护便捷、成本较低而显得日益重要。
近年来,出现了许多自助创建移动应用程序的方法。其中之一是直接通过WEB技术(HTML、CSS和JavaScript)方式自助创建移动应用程序,这种方法采用了中转编码的方式,虽然降低了移动应用的开发门槛,但是由于所创建的移动应用程序严重依赖于操作系统的浏览器内核,其运行性能和用户体验与原生开发的移动应用程序存在较大的差距。另一种方式是混合方式(Hybrid)开发的移动应用程序,这种方式在WEB技术开发的基础上,通过自身设定的规则,在运行时把WEB技术的布局方式、UI控件转换为原生的布局方式、UI控件,同时增加了通过脚本语言(一般为JavaScript)调用原生代码的功能。此种方式依然是中转处理的方式,同样存在运行效率损耗问题;同时其生成的移动应用功能要受到其使用的工具包所限制,即使其开发工具包缺少必要的硬件调用接口,用户也无法就其功能做出变更。再一种方式是通过让用户选择模版的方式创建移动应用,这种方式要受到模版自身功能及布局的限制,无法充分满足用户的多样化需求。
在这些方法之下,用户在创建过程中可以预览到的效果与实际的移动应用程序存在着较大的偏差。用户要通过设备查看某个配置变更的实际效果,就需要操作一次生成、下载、安装的过程;如果需要在设备上多次查看配置变更的实际效果,就需要不断重复生成、下载、安装的过程。这样,既严重影响了移动应用程序的创建体验和制作效率,也过多地占用了生成移动应用程序的服务器资源。
发明内容
本发明就是为了克服上述现有技术存在的不足,提供一种与设备同步的自助创建移动应用程序的方法。
本发明的技术方案是这样的:
1.一种与设备同步的自助创建移动应用程序的方法,其特征在于,包括以下步骤:
1)建立组件库;
1.1)制订组件的开发规则,开发规则包括以下特征:
1.1.1)移动应用程序组件是一个功能完整的模块,用于提供特定的业务功能,或者是提供一种布局的方式;
1.1.2)允许在移动应用程序首页显示的组件,至少应对应或包含一个可供外部调用的控件;
1.1.3)组件可以通过指定的调用方式,显示到移动应用程序的前端;
1.1.4)组件之间、组件和移动应用程序首页之间可以相互调用;
1.1.5)调用的方式可以通过代码接口、统一资源符、调用控件、设备的动作或感应进行;
1.2)根据制订的规则开发组件并形成组件库;
2)生成预览版移动应用程序
用户从组件库中选择至少一个组件;
用户输入移动应用程序的名称,并设置好移动应用程序的图标;
生成引擎把用户选择的组件、移动应用程序的名称、移动应用程序的图标打包生成预览版本移动应用程序;
把预览版本移动应用程序安装到设备上,并打开运行;
3)对移动应用程序进行配置
3.1)用户在配置系统中调整调用控件及移动应用程序组件的内容和参数,对应的变化自动在设备中的预览版本移动应用程序中体现出来;此时,用户可以直接使用预览版本移动应用程序的功能;
3.2)用户可以根据自己的需要,重复步骤3.1),直至配置完成;
4)发布移动应用程序。
2.基于权利要求1所述的方法,步骤3)所述的配置系统存在于服务器端。
3.基于权利要求1所述的方法,步骤3)所述的配置系统存在于预览版移动应用程序中。
4.基于权利要求1所述的方法,步骤3)所述的配置系统同时存在于服务器端及预览版移动应用程序中。
5.基于权利要求1所述的方法,步骤4)所述的发布方式为:直接把预览版本移动应用程序作为最终版本的移动应用程序发布。
6.基于权利要求1所述的方法,步骤4)所述的发布方式为:通过把组件和配置参数一起打包到最终版本移动应用程序中,重新生成用于发布的最终版本移动应用程序。
本发明的有益效果如下:
1)所见即所得,预览直接通过移动终端进行,配置一旦变更立刻在移动终端同步显示实际的效果;
2)在组件选定的情况下,只需要执行一次下载、安装过程;
3)预览过程中可以直接使用移动应用程序,直接体验移动应用程序的最终效果;
4)可以充分利用设备操作系统的原生优势开发原生的组件,避免html5等中转编码方式导致的资源浪费,提高移动应用程序的运行效率;
5)用户可以根据自身需求从组件库中选择合适组件,也可以自己开发组件,既充分利用了现有的组件资源,也可以满足特殊的需求;
6)移动应用程序首页可以根据组件的调用控件自由组合,自由调整调用控件的位置或者大小,满足多样化的移动应用界面设计需求;
7)具有极强的扩展性,通过自由组合不同的组件,可以满足不同功能的移动应用程序生成需求;
8)节省资源,根据需要自由添加、删除组件,生成的移动应用程序均只包含指定组件的代码,不会由于组件过多而造成资源冗余,能有效地减少移动应用程序的文件大小;
9)由于不同移动终端的硬件性能、屏幕大小、操作系统存在差异,本发明还有利于针对不同的移动终端、有针对性地开发专用的移动应用程序。
附图说明
图1示出了本发明方法流程图。
图2示出了本发明将配置参数和组件打包为最终移动应用程序的流程图。
图3示出了本发明将预览版应用程序直接作为最终移动应用程序发布的流程图。
图4示出了本发明移动应用程序的内部结构。
图5示出了本发明中移动应用程序首页的结构。
图6示出了本发明在设备中运行的预览版本移动应用程序与配置系统在一应用场景的对应关系。
图7示出了本发明在设备中引导预览版移动应用程序进入配置模式的一种方式。
具体实施方式
本发明实施例公开了一种与设备同步的自助创建移动应用程序的方法,为使本发明的目的、技术方案及优点更加清楚明白,以下参照附图并举实施例,对本发明作进一步详细说明。
如图1所示,实现本发明方法步骤如下:
步骤101,开发人员制订组件的开发规则,并依据开发规则开发组件,从而形成组件库。例如针对一般企业用户,开发人员可以开发“关于我们”、“企业新闻”、“企业产品”、“企业相册”、“分支机构”、“企业导航”、“优惠券”、“企业微博”等组件,并将这些组件放入组件库中。如图4中组件1、组件n所示,各个组件可以包含有按钮、图标、文字、列表、相册等样式的调用控件;也可以如图4中组件2所示,不包含有调用控件,对于不包含调用控件的组件,则只能通过代码接口、统一资源符等方式进行调用。如图4中401、402、403、404所示,组件和组件之间、首页和组件之间可以相互调用。
步骤102,用户根据自身的需要,从组件库中选择至少一个组件,输入移动应用程序的名称,并设置好移动应用程序的图标,然后通过生成引擎生成预览版本移动应用程序。预览版本移动应用程序生成后,用户把它安装到移动设备中,并打开运行。
步骤103,用户在配置系统中配置调用控件及移动应用程序组件的内容和参数。
如图4所示,移动应用程序首页的控件与各个组件的调用控件对应。
如图6所示,601为安装了预览版移动应用程序的移动设备;602为配置系统;配置系统602的内容或参数变更都会自动同步在移动设备601中显示出来。
移动应用程序的首页结构如图5所示,包括有501导航栏、502内容区域、503工具条。其中501导航栏、503工具条可以设置为显示或不显示;工具条可以设置在底部、左部或右部。
优选地,每个调用控件可以配置的内容和参数由其在开发的时候确定,包括:高度、宽度、坐标值、图标、文字、文字大小、背景色、背景图片、透明度、对齐方式等。
优选地,每个调用控件根据其开发时设定的值,可以只允许显示在导航栏、内容区域、工具条其中之一,也可以允许显示在两个以上的区域。
如图6中606所示,通过设置“关于我们”中的调用控件,往首页导航栏左侧中添加了一个图标。
如图6中607所示,通过设置“官方微博”中的调用控件,往首页导航栏右侧中添加了一个图标。
如图6中608所示,通过设置“关于我们”中的调用控件,往首页内容区域中添加了一个带有图标和文本“关于我们”方式显示的调用控件。
如图6中609所示,通过设置“企业新闻”中的一个调用控件,往首页内容区域中添加了一个带有图标和文本“新闻动态”方式显示的调用控件。
如图6中610所示,通过设置“企业新闻”中的另一个调用控件,往首页内容区域中添加了一个列表样式的调用控件,并起名为“公司快报”。
如图6中611所示,往首页工具条中添加了一个通用的调用控件,起名为“首页”,并设置其链接的统一资源符为移动应用程序首页,点击后显示首页页面。
如图6中611所示,通过设置“企业导航”中的另一个调用控件,往首页工具条中添加了一个图标加文本方式显示的调用控件,并起名为“导航”。
如图6所示,用户可以通过配置图6中603导航栏的选项,设置首页是否显示导航栏、配置导航栏的背景颜色、背景图片、或者标题文字等;
如图6所示,用户可以通过配置图6中604内容区域的选项,设置内容区域的背景颜色、背景图片、是否分页显示、分页数量等;
如图6所示,用户可以通过配置图6中605工具条的选项,设置工具条的背景颜色、背景图片、是否按照Tab形式显示,Tab形式下默认的颜色、Tab形式下选中的颜色等;
步骤104,发布移动应用程序。在配置完成后,根据自己的需要,用户既可以直接把预览版本移动应用程序作为最终版本的移动应用程序发布,如图3所示;为了减少在使用中需要联网获取配置参数的问题,也可以通过把组件和配置参数一起打包到最终版本移动应用程序中,重新生成移动应用程序,如图4所示。
为了更清楚地对本发明中发布应用程序的部分进行阐述,下面就图2、图3进行详细说明。
图2示出了重新创建最终版本的移动应用程序的流程,其中:
201为移动应用组件库;
202为生成引擎;
203为配置系统;
204为预览版移动应用程序;
205为最终版本移动应用程序;
206为操作步骤:用户选择组件,并传递给生成引擎;
207为操作步骤:生成引擎创建预览版本移动应用程序;
208为操作步骤:预览版本移动应用程序从配置系统获取内容和参数;
209为操作步骤:预览版本移动应用程序将移动设备信息、截图信息反馈到配置系统;
210为操作步骤:将当前移动应用程序选择的组件及其在配置系统中的参数传递给生成引擎;
211为操作步骤:生成引擎创建最终版本移动应用程序。
图3示出了直接把预览版本移动应用程序作为最终版本的移动应用程序发布的流程,其中:
301为移动应用组件库;
302为生成引擎;
303为配置系统;
304为预览版移动应用程序;
305为最终版本移动应用程序;
306为操作步骤:用户选择组件,并传递给生成引擎;
307为操作步骤:生成引擎创建预览版本移动应用程序;
308为操作步骤:预览版本移动应用程序从配置系统获取内容和参数;
309为操作步骤:预览版本移动应用程序将移动设备信息、截图信息反馈到配置系统;
310为操作步骤:把预览版本移动应用程序作为最终版本的移动应用程序发布。
为了清楚的阐述直接在预览版本移动应用程序中对移动应用程序进行配置的情况,下面就图7进行详细说明。
图7为引导预览版移动应用程序进入配置模式的一种方式,具体说明如下:
1)配置导航栏:
701为导航栏左侧的一个垂直居中的区域;
702为导航栏右侧的一个垂直居中的区域;
指尖从701按下并拖动到702,然后释放,此时导航栏进入配置模式,进入配置模式后,导航栏中的调用控件不响应原来的点击事件,但可以通过拖放来移动位置,或者通过点击调出内置于预览版本移动应用程序的配置模块;
反向操作,亦即是指尖从702按下并拖动到701,然后释放,此时导航栏退出配置模式。
2)配置内容区域:
703为内容区域左上角的一个区域;
704为内容区域右上角的一个区域;
705为内容区域右下角的一个区域;
706为内容区域左下角的一个区域;
指尖依据顺序从703按下并滑动到704、滑动到705,滑动到706,再滑动到703,然后释放,此时内容区域进入配置模式,进入配置模式后,内容区域中的调用控件不响应原来的点击事件,但可以通过拖放来移动位置,或者通过点击调出内置于预览版本移动应用程序的配置模块;
反向操作,亦即是指尖依据顺序从703按下并滑动到706、滑动到705,滑动到704,再滑动到703,然后释放,此时内容区域退出配置模式。
3)配置工具条:
707为工具条左侧的一个垂直居中的区域;
707为工具条右侧的一个垂直居中的区域;
指尖从707按下并拖动到708,然后释放,此时工具条进入配置模式,进入配置模式后,工具条中的调用控件不响应原来的点击事件,但可以通过拖放来移动位置,或者通过点击调出内置于预览版本移动应用程序的配置模块;
反向操作,亦即是指尖从708按下并拖动到707,然后释放,此时工具条退出配置模式。
以上结合附图对本发明的具体实施方式作了说明,但这些说明不能被理解为限制了本发明的范围,本发明的保护范围由随附的权利要求书限定。显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。任何在本发明权利要求基础上的改动或变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (6)
1.一种与设备同步的自助创建移动应用程序的方法,其特征在于,包括以下步骤:
1)建立组件库;
1.1)制订组件的开发规则,开发规则包括以下特征:
1.1.1)移动应用程序组件是一个功能完整的模块,用于提供特定的业务功能,或者是提供一种布局的方式;
1.1.2)允许在移动应用程序首页显示的组件,至少应对应或包含一个可供外部调用的控件;
1.1.3)组件可以通过指定的调用方式,显示到移动应用程序的前端;
1.1.4)组件之间、组件和移动应用程序首页之间可以相互调用;
1.1.5)调用的方式可以通过代码接口、统一资源符、调用控件、设备的动作或感应进行;
1.2)根据制订的规则开发组件并形成组件库;
2)生成预览版移动应用程序
用户从组件库中选择至少一个组件;
用户输入移动应用程序的名称,并设置好移动应用程序的图标;
生成引擎把用户选择的组件、移动应用程序的名称、移动应用程序的图标打包生成预览版本移动应用程序;
把预览版本移动应用程序安装到设备上,并打开运行;
3)对移动应用程序进行配置
3.1)用户在配置系统中调整调用控件及移动应用程序组件的内容和参数,对应的变化自动在设备中的预览版本移动应用程序中体现出来;此时,用户可以直接使用预览版本移动应用程序的功能;
3.2)用户可以根据自己的需要,重复步骤3.1),直至配置完成;
4)发布移动应用程序。
2.基于权利要求1所述的方法,步骤3)所述的配置系统存在于服务器端。
3.基于权利要求1所述的方法,步骤3)所述的配置系统存在于预览版移动应用程序中。
4.基于权利要求1所述的方法,步骤3)所述的配置系统同时存在于服务器端及预览版移动应用程序中。
5.基于权利要求1所述的方法,步骤4)所述的发布方式为:直接把预览版本移动应用程序作为最终版本的移动应用程序发布。
6.基于权利要求1所述的方法,步骤4)所述的发布方式为:通过把组件和配置参数一起打包到最终版本移动应用程序中,重新生成用于发布的最终版本移动应用程序。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310074322.6A CN103150166B (zh) | 2013-03-08 | 2013-03-08 | 一种与设备同步的自助创建移动应用程序的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310074322.6A CN103150166B (zh) | 2013-03-08 | 2013-03-08 | 一种与设备同步的自助创建移动应用程序的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103150166A CN103150166A (zh) | 2013-06-12 |
CN103150166B true CN103150166B (zh) | 2017-02-08 |
Family
ID=48548268
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310074322.6A Expired - Fee Related CN103150166B (zh) | 2013-03-08 | 2013-03-08 | 一种与设备同步的自助创建移动应用程序的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103150166B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104267977B (zh) * | 2014-09-16 | 2017-12-29 | 小米科技有限责任公司 | 应用程序运行方法及装置 |
US9870239B2 (en) | 2014-09-16 | 2018-01-16 | Xiaomi Inc. | Method and device for running application program |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004104824A1 (ja) * | 2003-05-26 | 2004-12-02 | Fujitsu Limited | ユーザインタフェースアプリケーション開発装置および開発方法 |
CN102160037A (zh) * | 2008-07-18 | 2011-08-17 | 赛贝斯股份有限公司 | 只需设计一次就能在任何平台应用的移动应用开发框架 |
CN102567026A (zh) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | 移动应用构建系统和移动应用构建方法 |
-
2013
- 2013-03-08 CN CN201310074322.6A patent/CN103150166B/zh not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004104824A1 (ja) * | 2003-05-26 | 2004-12-02 | Fujitsu Limited | ユーザインタフェースアプリケーション開発装置および開発方法 |
CN102160037A (zh) * | 2008-07-18 | 2011-08-17 | 赛贝斯股份有限公司 | 只需设计一次就能在任何平台应用的移动应用开发框架 |
CN102567026A (zh) * | 2011-12-28 | 2012-07-11 | 用友软件股份有限公司 | 移动应用构建系统和移动应用构建方法 |
Also Published As
Publication number | Publication date |
---|---|
CN103150166A (zh) | 2013-06-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Paterno' et al. | MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments | |
CN109062567B (zh) | 基于b/s结构的信息管理系统快速开发平台 | |
CN104484189A (zh) | 一种应用界面的构建及设计方法 | |
CN105549820B (zh) | 一种显示图形用户界面的方法及终端 | |
CN101834938A (zh) | 一种实现移动终端横竖屏切换的装置及方法 | |
CN105740315A (zh) | 一种多种屏幕响应式网页布局调整的方法 | |
CN102609264A (zh) | 一种调用应用程序编程接口生成调用代码的方法及装置 | |
CN102479224A (zh) | 一种编辑应用网页的方法及应用网页编辑装置 | |
US20130019195A1 (en) | Aggregating multiple information sources (dashboard4life) | |
CN104978317A (zh) | 网页生成方法及装置、网站生成方法及建站服务器 | |
CN202177892U (zh) | Web UI控件定制系统 | |
CN109656654A (zh) | 大屏场景的编辑方法及计算机可读存储介质 | |
CN103885764A (zh) | 网络媒介信息展示系统、方法、装置和服务器 | |
CN107766043A (zh) | 一种基于大屏数据可视化的实现方法及系统 | |
CN107688529A (zh) | 组件调试方法和装置 | |
CN103440151A (zh) | 一种动态加载Web页面的方法和装置 | |
CN101930456A (zh) | 通过浏览器创建聚合LinkUGC的方法和系统 | |
CN112445564B (zh) | 界面显示方法及电子设备、计算机可读存储介质 | |
CN104536791A (zh) | 基于移动终端的页面资源加载方法及装置 | |
CN103761098A (zh) | 一种网页换肤方法、装置及浏览器 | |
CN103942231A (zh) | 一种网页的显示方法及电子设备 | |
CN104965813B (zh) | 文字素材的处理方法和装置 | |
KR20170115543A (ko) | 데스크톱 공유 방법 및 모바일 단말기 | |
CN103150166B (zh) | 一种与设备同步的自助创建移动应用程序的方法 | |
CN103472972A (zh) | 一种移动终端的文本显示格式设置装置及方法、移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: 518054 Nanshan District, Shenzhen, Nanhai Avenue, No. 4050, Shanghai Automotive Building, Room 203, room Applicant after: Shenzhen Qiwei Baina Networks Co., Ltd. Address before: 518054 Nanshan District, Shenzhen, Nanhai Avenue, No. 2239, new energy building, block, B Applicant before: Shenzhen Qiwei Baina Networks Co., Ltd. |
|
COR | Change of bibliographic data | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20170208 Termination date: 20200308 |
|
CF01 | Termination of patent right due to non-payment of annual fee |