CN103870496A - 互动页面样板的编辑系统及方法 - Google Patents

Abstract

一种互动页面样板的编辑系统，用以编辑适用于移动装置的互动页面样板，包括至少一互动元件，可依据移动装置的输入信号来进行操作并以输出信号来表现，系统包括：一使用者接口，用以接收一设定指令，设定互动页面样板的素材的类型以及移动装置的输入信号和输出信号；以及一处理单元，其包括一页面元件探勘模块以及一样板产生模块，依据设定指令由一页面元件数据库取得至少一互动元件，再依据于一样板整合原则储存模块取得的至少一样板整合原则，产生一包含互动元件的互动页面样板并传送至上述使用者接口以显示。

Description

互动页面样板的编辑系统及方法

技术领域

本发明有关于一种互动页面样板（interactive page template）的编辑系统及方法，且特别是有关于一种可应用于一移动装置上的互动页面样板的编辑系统及方法。

背景技术

随着移动装置市场快速成长，App.(Application)成为数字内容的新载具，如何快速产制优质新媒体内容已成为目前的重要课题。移动装置的特色在于其多样的使用者输出入界面，如触控荧幕、照相机、感测装置等。在这些多样的输出入装置支援下，使用者可以和App.页面上的元件有更多更丰富的互动，例如可以使用触控手势、晃动、温度感测、声控等等多种不同输入方式将元件呈现、展开、关闭、放大、缩小、移动、振动、连结到一网页、换到另一元件等。唯有适当应用这些互动装置特性开发具丰富互动的页面，才能开发出能够吸引使用者下载与浏览的App.。

然而，开发具丰富互动的App.，除了需要版面设计与互动设计，互动元件的开发与实现仍须仰赖具移动装置特性专业知识的程序人员协同开发，将互动设计呈现出来。除了美术互动设计人员的设计，程序人员的开发与其间双方的沟通与互动更是耗时，无法因应市场急速成长的数字内容App.产制需求，因此提供便利的工具，让设计人员可以快速地通过编辑产生丰富多样化的互动页面，而不用经历耗时的程序开发与沟通，成为一个关键环节。

套用样板是页面设计常用的方法，除了可减少设计版面的时间，也可以让页面风格一致。目前App.页面样板仅限于美术排版设计，并无考量互动设计元件，让设计人员可以快速地通过编辑产生丰富多样化的互动页面样板，进而完成所需要的互动页面。

为解决上述问题，市场上需要一种互动页面样板的编辑方法、系统及其记录媒体，可提供设计人员来快速地开发并产生互动页面样板的式样，以应用于移动装置的互动页面的编辑。

发明内容

本发明提供一种互动页面样板的编辑系统及方法，提供便利的使用者接口以设定互动页面样板的素材类型以及移动装置可支援的输入信号和输出信号，取得适当的互动元件，再依据样板整合原则来产生互动页面样板。

本发明提出一种互动页面样板的编辑系统，用以编辑一互动页面样板，上述互动页面样板适用于一移动装置，包括至少一互动元件，上述互动元件为一素材可依据上述移动装置的一个以上输入信号来进行操作并以上述移动装置的一个以上输出信号表现，上述系统包括：一使用者接口，用以接收一设定指令，其中上述设定指令包括设定上述互动页面样板的素材的至少一类型、以及上述移动装置的多个输入信号和多个输出信号；以及一处理单元，耦接于上述使用者接口，包括：一页面元件探勘模块，用以依据上述设定指令由一页面元件数据库取得至少一互动元件，其中上述所取得的互动元件符合上述素材的类型并可依据至少一个上述移动装置的多个输入信号对至少一个上述移动装置的多个输出信号进行操作；及一样板产生模块，用以依据储存于一样板整合原则储存模块中的至少一样板整合原则，产生一互动页面样板，其中上述互动页面样板至少包括上述互动元件；其中上述样板产生模块再将所产生的上述互动页面样板传送至上述使用者接口以显示。

本发明提出一种互动页面样板的编辑方法，用以编辑一互动页面样板，上述互动页面样板适用于一移动装置，包括至少一互动元件，上述互动元件为一素材可依据上述移动装置的一个以上输入信号来进行操作并以上述移动装置的一个以上输出信号表现，其中上述方法包括：通过一使用者接口接收一设定指令，其中上述设定指令包括设定上述互动页面样板的素材的至少一类型、以及上述移动装置的多个输入信号和多个输出信号；通过一页面元件探勘模块以依据上述设定指令由一页面元件数据库取得至少一互动元件，其中上述所取得的互动元件符合上述素材的类型并可依据至少一个上述移动装置的多个输入信号对至少一个上述移动装置的多个输出信号进行操作；通过一样板产生模块依据储存于一样板整合原则储存模块中的至少一样板整合原则，产生一互动页面样板，其中上述互动页面样板至少包括上述互动元件；以及通过上述使用者接口显示上述互动页面样板。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，并不构成对本发明的限定。在附图中：

图1显示根据本发明第一实施例所述的互动页面样板的编辑系统的示意图。

图2显示根据本发明第二实施例所述的互动页面样板的编辑系统的示意图。

图3显示根据本发明第一实施例所述的互动页面样板的编辑方法的流程图。

图4显示根据本发明第二实施例所述的互动页面样板的编辑方法的流程图。

图5显示根据本发明一实施例所述的一使用者设定互动页面样板的素材的至少一类型的使用者接口的示意图。

图6A显示根据本发明一实施例所述的页面元件探勘模块可根据素材类型、输入信号和输出信号产生互动页面样板的互动元件的示意图。

图6B显示根据本发明一实施例所述的样板产生模块可根据组合互动元件的属性，产生互动元件间互动关系的示意图。

图7显示根据本发明一实施例所述的于使用者接口显示多个互动页面样板的示意图。

附图标号说明：

100～系统；

110～使用者接口；

120～处理单元；

121～页面元件探勘模块；

122～样板产生模块；

123～页面元件数据库；

124～样板整合原则储存模块；

200～系统；

210～使用者接口；

220～处理单元；

221～页面元件探勘模块；

222～样板产生模块；

223～页面元件数据库；

224～样板整合原则储存模块；

225～文件管理模块；

226～样板数据库；

300～流程图；

S302、S304、S306、S308～步骤；

400～流程图；

S402、S404、S406、S408、S410～步骤；

510～素材类型；

520～互动方式；

610、620、630～图片；

710～页面样板；

712～拖曳列；

714～选取按钮；

720～“设定”按钮；

722～“样板文件”按钮；

724～“上一组”按钮；

726～“下一组”按钮；

728～“显示过去选择的样板”按钮；

730～“随机选取”按钮；

732～“调整编辑”按钮；

734～“储存样板”按钮。

具体实施方式

为使本发明的上述和其他目的、特征和优点能更明显易懂，下文特举出较佳实施例，并配合所附图式，作详细说明如下。

图1显示根据本发明第一实施例所述的互动页面样板(Template)的编辑系统100的示意图。系统100用以编辑一互动页面样板，主要包括一使用者接口110及一处理单元120，而处理单元120耦接于使用者接口110。处理单元120包括一页面元件探勘模块121、一样板产生模块122，处理单元120另可链结至一页面元件数据库123及一样板整合原则储存模块124。其中页面元件探勘模块121耦接于样板产生模块122及页面元件数据库123，样板产生模块122耦接于页面元件探勘模块121以及样板整合原则储存模块124。在此实施例中，互动页面样板适用于一移动装置，包括至少一互动元件。互动元件为一素材其可依据移动装置的一个以上输入信号来进行操作，并以移动装置的一个以上输出信号表现。

页面元件数据库123用以储存多个互动元件，而样板整合原则储存模块124用以储存至少一样板整合原则。

使用者接口110用以接收一使用者所输入的一设定指令，并传送给处理单元120。其中设定指令包括设定互动页面样板的素材的至少一类型，以及移动装置的多个输入信号和多个输出信号。例如，互动页面样板上可以有多个互动元件，互动元件是指一素材可依据移动装置的输入信号来进行操作、且由移动装置的输出信号来表现，譬如影像声音震动等方式。素材可能会有多种不同类型，移动装置可能会有多种不同的输入信号和输出信号，因此可经由使用者接口110来进行设定，关于设定素材的至少一类型将于下方实施例中详细说明。

页面元件探勘模块121依据使用者接口110所传送的设定指令由页面元件数据库123中取得至少一互动元件，并传送至样板产生模块122，其中所取得的互动元件符合素材的类型，并可依据至少一个移动装置的输入信号对至少一个移动装置的输出信号进行操作。更进一步时，页面元件探勘模块121可先从页面元件数据库123取得多个个候选互动元件，再依据每一候选互动元的的一累计数据（如每一候选元件曾被取用的累计次数或曾在其他互动页面样板中出现的累计次数），从候选互动元件中选择至少其一做为互动元件。页面元件探勘模块121亦可从页面元件数据库123取得多个候选互动元件之后，依据一事先决定的顺序、其他规则、或随机，从候选元件中选择至少其一做为互动元件。

在另一实施例中，当无法依据上述设定指令由页面元件数据库123取得互动元件（如并无储存任何互动元件或无适当的互动元件）时，页面元件探勘模块121可依据素材的类型及移动装置的多个输入信号和多个输出信号其中之一，组合出至少一新增互动元件，并储存于页面元件数据库123中，并可进而记录其累计数据。

样板产生模块122接收到页面元件探勘模块121所传送的至少一互动元件后，则依据储存于一样板整合原则储存模块124中的至少一样板整合原则产生一互动页面样板，其中互动页面样板至少包括至少一互动元件，并将上述互动页面样板传送至使用者接口110来显示。更进一步时，样板产生模块122可依据上述所取得的互动元件与设定指令，于样板整合原则储存模块124中取得至少一样板整合原则。样板整合原则储存模块124中可事先建立多个样板整合原则，举例来说，一样板整合原则可对应到呈现一风格的一组页面元件，以各页面元件的位置与大小的机率模型，作为符合该风格的一页面元件组合的版面设计原则。在另一例中，一样板整合原则可为一种以符合使用者设定与特定版面限制的方式，于页面变化、排版一组页面元件的排版方式。在一些实施例中，互动页面样板可包含有上述所传送的互动元件中的至少其中的一以及其他元件(如非互动的元件、图形、文字等)。在另一些实施例中，互动页面样板也可以包含上述所传送的互动元件以及其他互动元件。

在一特定实施例中，使用者接口110可接收由使用者所输入的一使用者偏好设定指令。页面元件数据库可依据此使用者偏好设定指令调整互动元件被选取出来组合成互动页面样板的机率。而样板整合原则储存模块124可依据此使用者偏好设定指令来新增、修改、调整样板整合原则，使得符合使用者偏好的样板具有较高的分数。样板产生模块122再依据新增、修改或调整后的样板整合原则产生一更新的互动页面样板。值得注意的是，样板整合原则需符合一页面元件属性设计原则、一互动方式设计原则及一使用者偏好设计原则。举例来说，页面元件属性设计原则需符合页面大小、页面元件个数、页面排版原则等原则。

图2显示根据本发明第二实施例所述的互动页面样板的编辑系统200的示意图。系统200包括主要包括一使用者接口210及一处理单元220，而处理单元220耦接于使用者接口210。处理单元220包括一页面元件探勘模块221、一样板产生模块222、和一文件管理模块225，并链结一页面元件数据库223、一样板整合原则储存模块224及一样板数据库226。其中页面元件探勘模块221耦接于样板产生模块222、页面元件数据库223及样板数据库226；样板产生模块222耦接于页面元件探勘模块221及样板整合原则储存模块224。和第一实施例中相同名称的元件，其功能亦如前所述，在此不再赘述。图2和图1的主要差异在于处理单元220更包括有文件管理模块225及链结于样板数据库226。

在第二实施例中，文件管理模块225可汇入多个样板文件至样板数据库226以增加样板数据库226中的储存样板，或是将样板产生模块222所产生的互动页面样板汇出转存为样板文件，以供之后设计使用。而样板数据库226用以储存多个收集的储存样板，每个储存样板中包括有一个以上的互动元件。当页面元件探勘模块221从页面元件数据库223取得多个候选互动元件时，可从样板数据库226的储存样板中，找出包含有候选互动元件的储存样板以作为至少一候选样板，而此至少一候选样板可供样板产生模块222参考以产生一新的互动页面样板，例如增加、减少其他元件的数量，或是修改、调整候选样板中的互动元件或其他元件的位置、显示设定等。在另一特定实施例中，从样板数据库226的储存样板中找出包含有候选互动元件的储存样板以作为至少一候选样板，亦可由样板产生模块222来执行。例如，页面元件探勘模块221耦接于样板产生模块222及页面元件数据库223，而样板产生模块222耦接于页面元件探勘模块221、样板整合原则储存模块224及样板数据库226。然后，页面元件探勘模块221从页面元件数据库223取得多个候选互动元件，样板产生模块222从样板数据库226的储存样板中，找出包含有候选互动元件的储存样板以作为至少一候选样板，以产生新的互动页面样板。

图3显示根据本发明第一实施例所述的互动页面样板的编辑方法的流程图300，并配合参考图1。首先，在步骤S302中，使用者接口接收一设定指令。在步骤S304中，通过页面元件探勘模块以依据此设定指令由一页面元件数据库取得至少一互动元件。接着，在步骤S306中，样板产生模块依据储存于一样板整合原则储存模块中的至少一样板整合原则，产生一包含上述所取得互动元件的互动页面样板。最后，在步骤S308中，通过使用者接口显示互动页面样板。

图4显示根据本发明第二实施例所述的互动页面样板的编辑方法的流程图400，并配合参考图2。在步骤S402中，使用者接口接收一设定指令。在步骤S404中，页面元件探勘模块依据上述设定指令由一页面元件数据库取得至少一互动元件。在步骤S406中，文件管理模块225汇入多个样板文件至样板数据库中以储存为储存样板。接着，在步骤S408中，样板产生模块依据至少一样板整合原则并参考数据库中的储存样板文件，将至少一互动元件组合为一个以上的互动页面样板。最后，在步骤S410中，通过使用者接口显示互动页面样板。

图5显示根据本发明一实施例所述的一使用者设定互动页面样板的素材的至少一类型的使用者接口的示意图。如图5所示，素材类型510为移动装置的输入信号，可包括：图片素材、文字素材、影片素材、声音素材、图表素材及网页素材等素材。互动方式520为移动装置的输出信号，其可包括一GPS定位互动功能、一重力加速仪(Accelerometer)互动功能、一语音互动功能、一震动互动功能、一温度感应互动功能及一手势触控互动功能或其他功能。使用者可输入一设定指令以挑选想要的素材类型及数量，并选择欲组合的互动方式。而页面元件探勘模块可依据上述素材类型及移动装置的多个输入信号和多个输出信号其中之一组合出新的至少一互动元件，并储存于页面元件数据库中。样板产生模块再依据至少一样板整合原则将上述页面元件组合为一个以上的互动页面样板。

于使用者设定互动页面样板中的素材类型、输入信号和输出信号之后，页面元件探勘模块可根据可能素材类型、输入信号和输出信号产生互动页面样板可能的互动元件。图6A及图6B显示根据本发明一实施例所述的页面元件探勘模块可根据素材类型、输入信号和输出信号产生互动页面样板的互动元件的示意图。在此例子中，素材类型以图片为例，图片可和不同的输入信号和输出信号组合出不同的互动元件。如图6A所示，页面元件探勘模块产生三组互动元件。第一组互动元件是一可感测触控手势为长按的图片(Image)，第二组互动元件是一可感测触控手势为双击（连续按二次）的图片，第三组互动元件是一可感测重力加速仪的图片(Image+Accelerometer)。因此于使用者设定之后，页面元件探勘模块会将所符合使用者设定的素材类型与输入信号和输出信号的互动元件储存于页面元件数据库中，以供之后样板产生模块根据样板整合原则从页面元件数据库中选取互动元件组合成新的互动页面样板，样板产生模块可根据组合互动元件的属性，产生互动元件间互动关系。以图6B中图片互动关系为例，当图片610受到触控之后，图片620和图片630会根据重力加速仪的向量移动。

图7显示根据本发明一实施例所述的于使用者接口显示多个互动页面样板的示意图。如图所示，图中左方显示多个互动页面样板710，而每个互动页面样板710下方均有一个拖曳列712(Scroll Bar)用以供使用者对互动页面样板710进行评分，使符合使用者偏好的组合方式的互动页面样板具有较高的分数。而样板产生模块在产生样板时，则有较高机率选择具有较高分数的样板作为样板产生参考。此外，每个页面样板710更可提供一选取按钮714供使用者选取喜欢的样板。而使用者接口的右方可包括一“设定”按钮720、一“样板文件”按钮722、一“上一组”按钮724、一“下一组”按钮726、一“显示过去选择的样板”按钮728、一“随机选取”按钮730、一“调整编辑”按钮732及一“储存样板”按钮734。其中，“设定”按钮720用以供使用者设定样板可能的素材类型、输入信号及输出信号，而“样板文件”按钮722用以供使用者选择所需的样板文件，并套用在所勾选的页面样板上。“调整编辑”按钮732可供使用者对所选取的页面样板以新的视窗开启并进行微调，亦可供使用者直接指定输入信号及输出信号。其余未说明的按钮，本领域技术人员应可了解其功能，在此不再赘述。

本发明的方法，或特定型态或其部份，可以经由程序代码来予以实现。程序代码可以包含于实体的记录媒体中，如软盘、光盘、硬盘、或是任何其他电子设备或机器可读取（如电脑可读取）储存媒体，亦或不限于外在形式的电脑程序产品，其中，当程序代码被机器，如电脑载入且执行时，此机器变成用以参与本发明的装置或系统，且可执行本发明的方法步骤。程序代码也可以通过一些传送媒体，如电线或电缆、光纤、或是任何传输型态进行传送。

因此本发明亦可提出一种记录媒体，经由一电子装置读取上述记录媒体所储存的程序代码后以执行以互动方式编辑样板的方法，其中，该方法步骤如前所述，不再赘述。

虽然本发明已以较佳实施例揭露如上，然其并非用以限定本发明，任何本领域技术人员，在不脱离本发明的精神和范围内，当可做些许更动与润饰，因此本发明的保护范围当视权利要求范围所界定者为准。

Claims (16)

1.一种互动页面样板的编辑系统，其特征在于，用以编辑一互动页面样板，所述互动页面样板适用于一移动装置，包括至少一互动元件，所述互动元件为一素材可依据所述移动装置的一个以上输入信号来进行操作并以所述移动装置的一个以上输出信号表现，所述系统包括：

一使用者接口，用以接收一设定指令，其中所述设定指令包括设定所述互动页面样板的素材的至少一类型、以及所述移动装置的多个输入信号和多个输出信号；以及

一处理单元，耦接于所述使用者接口，包括：

一页面元件探勘模块，用以依据所述设定指令由一页面元件数据库取得至少一互动元件，其中所述所取得的互动元件符合所述素材的类型并可依据至少一个所述移动装置的多个输入信号对至少一个所述移动装置的多个输出信号进行操作；及

一样板产生模块，用以依据储存于一样板整合原则储存模块中的至少一样板整合原则，产生一互动页面样板，其中所述互动页面样板至少包括所述互动元件；

其中所述样板产生模块再将所产生的所述互动页面样板传送至所述使用者接口以显示。

2.如权利要求1所述的互动页面样板的编辑系统，其特征在于，所述页面元件探勘模块依据所述设定指令由一样板数据库取得至少一候选样板，其中所述候选样板包括至少一所述互动元件，而所述样板产生模块是依据所述所取得的候选样板与样板整合原则，以产生所述互动页面样板。

3.如权利要求1所述的互动页面样板的编辑系统，其特征在于，所述使用者接口接收一使用者偏好设定指令；以及所述页面元件探勘模块依据所述设定指令和所述使用者偏好设定指令，以从所述页面元件数据库来取得所述依据所述使用者偏好设定指令调整所述页面互动元件被选取出来组合成所述页面样板的机率。

4.如权利要求3所述的互动页面样板的编辑系统，其特征在于，所述样板整合原则储存模块是依据所述使用者偏好设定指令来新增、修改或调整所述样板整合原则；以及所述样板产生模块依据新增、修改或调整后的样板整合原则重新产生一更新的互动页面样板。

5.如权利要求2所述的互动页面样板的编辑系统，其特征在于，当所述无法依据所述设定指令由页面元件数据库取得至少一互动元件时，所述页面元件探勘模块依据所述素材的类型及所述移动装置的多个输入信号和多个输出信号，组合出至少一新增互动元件，并储存于所述页面元件数据库。

6.如权利要求1所述的互动页面样板的编辑系统，其特征在于，更包括：

一文件管理模块，用以汇入或汇出多个样板文件。

7.如权利要求1所述的互动页面样板的编辑系统，其特征在于，所述页面元件探勘模块先从所述页面元件数据库取得多个候选互动元件，再依据每一候选互动元件的一累计数据，从所述候选互动元件中选择至少其一做为所述所取得的互动元件。

8.如权利要求2所述的互动页面样板的编辑系统，其特征在于，所述页面元件探勘模块先从所述页面元件数据库取得多个候选互动元件，再依据所述样板数据库中每一样板所包所述所取得的候选互动元件的数量数据，从所述样板数据库中选择至少其一作为所述候选样板。

9.一种互动页面样板的编辑方法，其特征在于，用以编辑一互动页面样板，所述互动页面样板适用于一移动装置，包括至少一互动元件，所述互动元件为一素材可依据所述移动装置的一个以上输入信号来进行操作并以所述移动装置的一个以上输出信号表现，其中所述方法包括：

通过一使用者接口接收一设定指令，其中所述设定指令包括设定所述互动页面样板的素材的至少一类型、以及所述移动装置的多个输入信号和多个输出信号；

通过一页面元件探勘模块以依据所述设定指令由一页面元件数据库取得至少一互动元件，其中所述所取得的互动元件系符合所述素材的类型并可依据至少一个所述移动装置的多个输入信号对至少一个所述移动装置的多个输出信号进行操作；

通过一样板产生模块依据储存于一样板整合原则储存模块中的至少一样板整合原则，产生一互动页面样板，其中所述互动页面样板至少包括所述互动元件；以及

通过所述使用者接口显示所述互动页面样板。

10.如权利要求9所述的互动页面样板的编辑方法，其特征在于，更包括：

通过所述页面元件探勘模块以依据所述设定指令由一样板数据库取得至少一候选样板，其中所述候选样板包括至少一所述互动元件；以及

通过所述样板产生模块以依据所述所取得的候选样板与样板整合原则，产生所述互动页面样板。

11.如权利要求9所述的互动页面样板的编辑方法，其特征在于，更包括：

通过所述使用者接口接收一使用者偏好设定指令；以及

通过所述页面元件探勘模块以依据所述设定指令和所述使用者偏好设定指令，以从所述页面元件数据库来取得所述依据所述使用者偏好设定指令调整所述页面互动元件被选取出来组合成所述页面样板的机率。

12.如权利要求11所述的互动页面样板的编辑方法，其特征在于，更包括：

通过所述样板整合原则储存模块以依据所述使用者偏好设定指令来新增、修改或调整所述样板整合原则；以及

通过所述样板产生模块依据新增、修改或调整后的样板整合原则以重新产生一更新的互动页面样板。

13.如权利要求10所述的互动页面样板的编辑方法，其特征在于，更包括：

当无法依据所述设定指令由所述页面元件数据库取得至少一互动元件时，通过所述页面元件探勘模块以依据所述素材的类型及所述移动装置的多个输入信号和多个输出信号，组合出至少一新增互动元件，并储存于所述页面元件数据库。

14.如权利要求9所述的互动页面样板的编辑方法，其特征在于，更包括：

通过一文件管理模块以汇入或汇出多个样板文件。

15.如权利要求9所述的互动页面样板的编辑方法，其特征在于，更包括：

通过所述页面元件探勘模块从所述页面元件数据库取得多个候选互动元件，再依据每一候选互动元件的一累计数据，从所述候选互动元件中选择至少其一做为所述所取得的互动元件。

16.如权利要求10所述的互动页面样板的编辑方法，其特征在于，更包括：

通过所述页面元件探勘模块先从所述页面元件数据库取得多个候选互动元件，再依据所述样板数据库中每一样板所包所述所取得的候选互动元件的数量数据，从所述样板数据库中选择至少其一作为所述候选样板。

Images