CN103902140A - 页面管理***以及页面管理方法 - Google Patents

Abstract

一种页面管理***以及页面管理方法，此页面管理***包含页面控制器、映像管理模块与历程管理模块。页面控制器控制页面数据，映像管理模块通过复数个参数定义页面间的串联关系，历程管理模块保存与还原每个页面的状态与数据。页面控制器通过映像管理模块与历程管理模块控制页面的数据流向与操作方式。

Description

页面管理***以及页面管理方法

技术领域

本发明涉及网络设备的管理应用领域，特别是有关于一种适用于移动装置的页面管理***以及页面管理方法。

背景技术

随着科技进步，越来越多人使用智能手机而非现有的手机。除了基本的通话功能外，智能手机更具有上网、导航以及股票下单等功能。随着智能手机的功能越来越强大，每个应用程序也就包含越多功能。一般来说，智能手机的应用程序包含许多页面，每个页面可以显示不同的信息。然而，因为一般智能手机的屏幕只有3.5吋左右，为了清晰显示，通常一个屏幕只能显示一个页面。页面与页面间的切换需要不断地刷新(重载)页面，或者页面与页面间的切换需要回到首页，才能转换到所要的页面。

图1显示现有页面运作的平面图。如图1所示，页面管理***10除了首页(App)102以外，其更可分为五个主要页面：最爱页(Favorites)104、搜寻页(Search)106、主页(Main)108、站台页(Station)110与文章页(Article)112，而每个主要页面下面又有许多次页面。举例来说，当使用者要从主页102到搜寻页106，页面浏览的路径是从主页108回到首页102再到搜寻页106(Main->App->Search)。页面的管理机制统一由各页面自行负责，同一个功能主题，集中于一个页面，页面与页面间的互动较少，且页面的工作生命周期回到首页时就消失。因此，从现有页面管理***10的页面的运作方式可以得知，页面与页面间无法同时显示，且需要不断的切换页面。在操作的过程中，每切换一次页面，就需要刷新一次页面的数据，也就是每切换一次页面，每个页面的状态与数据均需要重新开始与加载，耗费许多时间。另外，多个页面间，数据不易交换，当一个页面无法将足够的数据量加载时，需切换多个页面才能完成所有数据的显示，十分不便。

图2A-图2C系显示在现有移动装置的屏幕上显示多页面的示意图。如图2A-图2C所示，现有多页面管理***称为推特***模块（Twitter Model），而此推特***模块20主要包含根目录视区(root view)202、选单视区(menu view)204与延伸视区206。根目录视区202如同是页面管理***的首页，根目录视区204则可显示目录的页面，而根目录视区206则为多页面显示的区域。推特***模块20是以堆栈(stack)的方式记录页面间的顺序，也就是说页面的顺序是不可以改变的，只能简单的做多个页面间的管理。然而，推特***模块20只能由开发者简单的定义页面间的关联性，缺乏整体的页面管理机制，只能单纯记下页面的顺序，无法依照特殊的情境(scenario)，在页面与页面间进行搭配应用。

综上所述，当智能手机的屏幕越来越大，而且平板电脑也日益普及，屏幕可以应用的区域范围变大，页面管理***可在同一个屏幕显示多个页面。因此需要有一个管理机制可以快速且有效地在一个屏幕里显示多个页面，将用户所需要的信息快速且有条理地显现在移动装置的屏幕上。

发明内容

本发明的目的在提供一种页面管理***，通过此页面管理***可以在移动装置的屏幕上同时显示多个页面。

为了达到上述的目的，本发明提供一种页面管理***，其包含主程序、复数个页面与页面管理***，且此页面管理***包含页面控制器、映像管理模块与历程管理模块。页面控制器控制页面的数据管理，映像管理模块通过复数个参数定义页面间的串联关系，历程管理模块保存与还原每个页面的状态与数据。页面控制器通过映像管理模块与历程管理模块控制页面的数据流向与操作方式。

本发明的另一目的在提供一种页面管理方法，通过此页面管理方法可以降低页面与页面间数据重复加载的频率，有效地在一个屏幕里显示多个页面。

为了达到上述的目的，本发明提供一种页面管理方法，其中包含下列步骤：打开第一页，并要求显示第二页；在映像管理模块中搜寻有关第二页的串联关系以取得第二页的参数资料；在历程管理模块中建立第二页与其他页面间的历程记录；在屏幕上显示第二页；要求关闭第二页；在历程管理模块中确认第二页的串联关系，若有依附页依附在第二页下，先关掉该依附页；以及关闭第二页。

本发明的又一目的在提供一种页面管理***，通过此页面管理***，让用户所需要的信息快速且有条理地显现在移动装置的屏幕上。

为了达到上述目的，本发明提供一种页面管理***，其包含一根目录视区(root view)、一选单视区(menu view)与一延伸视区，该页面管理***的部份复数个功能放置于一根目录视区，且其中该页面管理***包含页面控制器、映像管理模块与历程管理模块。页面控制器控制在选单视区的选单页面与在延伸视区的延伸页面的复数个数据管理。映像管理模块通过复数个参数定义选单页面与延伸页面间以及延伸页面与延伸页面间的串联关系。历程管理模块保存与还原选单页面与延伸页面的状态与数据。页面控制器通过映像管理模块与历程管理模块控制选单页面与延伸页面的数据流向与操作方式。

相较于现有页面管理***，本发明的页面管理***与方法，其映像管理模块参数化页面间的关联，可实时调整运作的方向，增加页面间的情境需求，加强互动关系的管理，并配合历程管理模块控制页面的数据流向与操作方式。而且此页面管理方法与***可以同时显示多个页面，不必重复切换画面。

为让本发明的所述内容能更明显易懂，下文特举优选实施例，并配合所附图式，作详细说明如下：

附图说明

图1显示现有页面管理***的运行示意图；

图2A-图2C显示在现有移动装置的屏幕上显示多页面的示意图；

图3为本发明优选实施例的页面管理***的的功能方块图；

图4显示本发明实施例中由页面管理***建立新页面的流程图；

图5显示本发明实施例中多页面数据交换的流程图；

图6显示本发明实施例中映像管理模块的数据更新的流程图；

图7A-图7C显示本发明优选实施例的页面管理***的情境示意图；以及

图8显示本发明的优选实施例的页面管理方法的步骤流程图。

具体实施方式

以下各实施例的说明是参考附加的图式，用以例示本发明可用以实施的特定实施例。

图3为本发明优选实施例的页面管理***的功能方块图。图3所示，此页面管理***306主要用于主程序(MainApplication)302以管理多个页面304。主程序302提供所述页面304上所有的应用功能(如储存、传送、计算或删除等功能)，而多个页面304则分别将主程序302的执行结果显示于一移动装置的屏幕上。页面管理***306用于管理页面间的操作关系，其至少包含堆栈(Stack)模块3062、页面控制器(Page Controller)3064、映像管理(Map Manager)模块3066与历程管理(History Manager)模块3068。堆栈模块3062用于记录页面的顺序关系，页面控制器3064用于控制多个页面间的数据关系，例如工作生命周期、数据交换以及数据保存机制等。映像管理模块3066可以依据不同的情境需求，管理页面间的互动关系。映像管理模块3066通过定义页面间的串联关系，例如主从关系、依附关系、连带关系或强制影响关系等，管理页面间的连动关系。历程管理模块3068则用于保存与还原各个页面的状态与数据。进一步来说，页面管理***306通过设定参数定义页面间的串联关系，让页面控制器3064可以控制页面的工作生命周期与关联顺序，以及让映像管理模块3066可以依据不同情境的需求，管理页面间的互动关系。

依旧参阅图3，在此实施例中映像管理模块3066可以在首页定义许多串联页面的条件。然而，在不同实施例中，映像管理模块3066可以在不同的页面定义许多串联页面的条件，并非仅局限于首页。举例来说，在首页中，通过一个触发画面事件(例如输入首页内的表单数据、设定表单条件或是勾选某些选框等事件)，可以引入显示第二页，而形成首页与第二页间的主从关系。或者，在不同实施例中，从首页直接点击打开第二页，再从第二页触发引入显示第三页，进而形成三页面间的连带关系，依此类推。同样，在此所述的首页、第二页与第三页间的串联条件仅为简单叙述其主从关系或顺序关系，并非用于局限页面间的连带关系仅如上所述。例如，也可以从首页直接引入第二页以外的页面，如第三页或第A页等。另外，在本发明的实施例中，在某页面中还可以定义串联其它页面。举例来说，从第A页面串联至第四页，或者从第一页可以产生一个新的页面(如第A页等)。而本发明的实施例中，针对页面管理***306的不同主题类别也可以透过映像管理模块3066将其页面串联。

图4显示本发明实施例中由页面管理***建立新页面的流程图。如图4所示，当页面控制器3064被告知要增加产生一个新页面时，页面控制器3064会询问映像管理模块3066是否此新页面的数据关联性以及与其他页面间的数据关联性，进而识别新页面的数据关联性的对应参数。接着，页面控制器3064会通知历程管理模块3068有一新页面已经产生，在历程管理模块3068中建立此新页面的历程记录以及与其他页面间的历程记录。最后在移动装置上显示此新页面。

图5显示本发明实施例中多页面数据交换的流程图。如图5所示，当第一页要求开启第二页的数据时，第一页呼叫页面控制器3064，页面控制器3064接收到开启第二页的要求时，页面控制器3064到映像管理模块3066搜寻有关第二页的关联，接着从映像管理模块3066取得页面的对应参数(例如作业参数与串联参数等)。页面控制器3064从映像管理模块3066取得足够的信息后，确认是否新的页面产生，接着产生新的页面，将新的页面加入页面清单中。且同时告知历程管理模块3068有新的页面产生，历程管理模块3068记录此新页面与其他页面间的历程记录。另外，当在移动装置的屏幕上已开启许多页面，而此时需要关掉或移除第三页时，会先通知页面控制器3064要求移除第三页。而页面控制器3064会到历程管理模块3068查看第三页与其他页面的串联关系(如主从关系或依附关系等)。若有其他页面依附在第三页下，在关掉第三页的前会告知使用者会将其余依附在第三页下的一同关闭。反的，确定没有其他页面依附在第三页下，历程管理模块3068告知页面控制器3064，页面控制器3064通知页面管理***306可以直接将第三页关闭。

图6显示本发明实施例中映像管理模块的数据更新的流程图。如图6所示，本发明的页面管理***306更可以透过一服务器308获得新的页面映像关联。当使用者点击页面304呼叫新页面304或更新页面304时，页面304可以先去后端服务器308中询问是否有新的动态页面映像关联，然后从后端服务器308取得新的动态页面映像关联，并将新的动态页面映像关联告知页面控制器3064。接着，页面304告知页面控制器3064需要更新页面304或产生新的页面304，页面控制器3064除了从映像管理模块3066取得指定的目标页面与所要交换的参数外，更从后端服务器308取得新的动态页面映像关联。接着，页面控制器3064再到历程管理模块3068建立或更新页面304记录。最后，页面控制器3064将所需的参数传送至页面304以更新页面数据或产生新页面304。通过服务器308，让页面304在执行过程中可以获得新的动态映像关联，配合原有映像管理模块3066所包含已定义的映像关联，让页面管理***306可以动态产生新的页面304或新的页面信息。

图7A-图7C显示页面管理***的情境示意图。在图7A-图7C所示的页面管理***的情境示意系配合图3所示的页面管理***306的组件做说明。图7A所示，此为适用于零件维修的页面管理***，在此页面管理***306产生的情境包含根目录视区(root view)702、选单视区(menu view)704以及延伸视区706。根目录视区702包含让使用者登入与注销、进行一般设定(例如程序外观等)，或者在选单视区704显示一选单页面705等基本程序功能，但在此并不局限。当要求根目录视区702在选单视区704显示选单页面705时，页面管理***306告知图3的页面控制器3064，页面控制器3064询问映像管理模块3066在选单页面705的页面数据关联性，并在历程管理模块3068中建立选单页面705的历程记录，再打开选单页面705。选单页面705包含客户管理、商品管理、维修零件、仪表板、公司别设定、行事历、客户管理、商品管理与流程待办等功能选单。

依旧参阅图7A，当使用者点击选单页面705中其中的一个功能选单，会在选单视区704右边的延伸视区706产生一延伸页面708。同样地，页面管理***306会呼叫页面控制器3064，页面控制器3064询问映像管理模块3066有关延伸页面708的页面数据关联性以及与其他页面间的数据关联性，并在历程管理模块3068中建立此延伸页面708的历程记录。举例来说，当用户要在页面管理***306找到一个客户的叫修案件，首先使用者点击在选单视区704的维修零件的选单，而在选单视区704的右边会跑出叫修案件的延伸视区706。在延伸视区706中显示出客户名称与联络人资料的延伸页面708，在客户名称的字段中显示客户名称、叫修单号与预约状态等信息，而在联络人的字段中显示联络人姓名、单据日期与预计完修等信息。当用户想要进一步显示某一客户的叫修案件的详细资料，可在延伸页面708中点击该客户区域，此时会在图7A的延伸视区706的延伸页面708上跑出另一个延伸页面708，如图7B所示。

请参阅图7B，在图7B中，新产生的另一个延伸页面708会显示出客户叫修案件的详细资料(如派工日期、接单人员、客户联络电话、维修零件等)。若用户要进一步显示维修零件的信息，点击延伸页面708中客户叫修案件的维修零件的详细数据，会在图7B的延伸视区706的延伸页面708中再跑出另一延伸页面708，如图7C所示。在图7C中跑出维修清单的延伸页面708，在维修清单的延伸页面708中显示维修零件的详细数据(如品号、品名、规格与单价等)，让使用者可以清晰的了解此叫修案件的所有信息。

另方面来说，若要关掉在图7B中产生的延伸页面708，页面控制器3064会到历程管理模块3068查看图7B延伸页面708是否与其他页面有串联关系(如主从关系或依附关系等)。如在本实施例中，图7B的延伸页面708与图7C的延伸页面708间具有依附关系(图7C的延伸页面708依附在图7B的延伸页面708下)。此时，页面控制器3064会告知页面管理***306需要关掉图7C的延伸页面708才可以关掉图7B的延伸页面708。页面管理***306会告知用户以确认是否要关掉图7B的延伸页面708，若是，则同时将图7B的延伸页面708与图7C的延伸页面708，若否，则不将图7B的延伸页面708关掉。如上所述，页面管理***可以应用在移动装置的屏幕上做多页面的显示，不用像现有页面管理***那般需要不断的切换页面，增加了页面管理***使用上的便利性。

图8显示本发明的页面管理方法的流程图。在图8所示的页面管理方法系配合图3所示的页面管理***的组件做说明。如图8所示，在页面管理方法的步骤S802中，打开第一页，并告知页面控制器3064要求显示第二页的信息。在步骤S804中，页面控制器3064于映像管理模块3066中搜寻有关第二页与其他页面的串联关系，并取得第二页的参数数据，例如对应作业参数与串联参数等。在步骤S806中，页面控制器3064通知历程管理模块3068有一第二页形成，在历程管理模块3068中建立第二页与其他页面间的历程记录。在步骤S808中，在页面管理***306上执行显示第二页的页面视图，并在一移动装置的屏幕上显示第二页，而此时第一页与第二页同时显示在此屏幕上。同理，也可以再生产新的页面，如第三页等，同时将第一页、第二页与其他页面同时显示在移动装置的屏幕上，并不局限仅可在屏幕上显示第一页与第二页。在步骤S810中，要求关闭第二页。在步骤S812中，于历程管理模块3068中确认第二页的串联关系，若有其他依附页面附属于第二页下，则需先关掉所依附的其他页面，若没有其他页面依附在此页下，则进行下一步骤。在步骤S814中，关闭第二页。另外，在步骤S804中，更包含通过后端的一服务器区308取得第二页的动态页面映像关系，页面的产生与更新并非仅透过映像管理模块3066，可以透过后端服务器308取得新的动态页面映像关系。在不同实施例中，本发明的页面管理方法更包含通过堆栈模块记录页面间的顺序。

通过上述的页面管理方法与***，可以管理页面管理***的情境的多个页面。页面管理***的历程管理模块记录每个页面的顺序，管理页面间的状态与逻辑。页面管理***的映像管理模块则参数化页面间的关联，可实时调整运作的方向，增加页面间的情境需求，加强互动关系的管理，并配合历程管理模块控制页面的数据流向与操作方式。此页面管理方法与***可以同时显示多个页面，不必重复切换画面。另外，由于参数化的设定可以简化为各种情境而增加的开发成本，且可以快速因需求进行调整，立即呈现效果。另外，在此需要说明的是，本发明的页面管理方法与***较佳使用于移动装置，如智能手机、平板电脑或携带型计算机等，但并非局限于仅用于上述的装置中，只要具有触控屏的电子装置皆适用本发明的页面管理方法与***。

虽然本发明已用较佳实施例揭露如上，然其并非用以限定本发明，本发明所属技术领域中具有通常知识者，在不脱离本发明的精神和范围内，当可作各种的更动与润饰，因此本发明的保护范围当视后附的申请专利范围所界定者为准。

Claims (10)

1.一种页面管理***，其特征在于，所述页面管理***包含：

一页面控制器，控制复数个页面的复数个数据关系；

一映像管理模块，通过复数个参数定义所述复数个页面间的至少一串联关系；以及

一历程管理模块，保存与还原每个所述复数个页面的状态与数据；

其中所述页面控制器通过所述映像管理模块与所述历程管理模块控制所述复数个页面的数据流向与操作方式。

2.如权利要求1所述的页面管理***，其特征在于，所述页面管理模块更包含一堆栈模块，用于记录所述复数个页面间的顺序，且所述页面控制器透过所述页面的所述复数个参数更新所述页面信息。

3.如权利要求1所述的页面管理***，其特征在于，所述页面控制器透过获得的所述复数个页面的所述复数个参数产生一新页面。

4.如权利要求1所述的页面管理***，其特征在于，所述页面控制器在所述历程管理模块中确认所述复数个页面间的所述复数个串联关系，执行某一所述复数个页面的删除。

5.如权利要求1所述的页面管理***，其特征在于，所述页面管理模块更可以透过一服务器取得所述复数个页面的一动态页面映像关系。

6.如权利要求1所述的页面管理***，其特征在于，通过所述页面管理***可同时显示多个所述复数个页面于一移动装置上。

7.一种页面管理方法，其特征在于，包含下列步骤：

打开一第一页，并要求显示一第二页；

在一映像管理模块中搜寻有关所述第二页的至少一串联关系以取得所述第二页的至少一参数资料；

在历程管理模块中建立所述第二页与其他页面间的至少一历程记录；

在一屏幕上显示所述第二页；

要求关闭所述第二页；

在所述历程管理模块中确认所述第二页的所述串联关系，若有至少一依附页依附在所述第二页下，先关掉所述依附页；以及

关闭所述第二页。

8.如权利要求7所述的页面管理方法，其特征在于，更包含通过一堆栈模块记录所述复数个页面间的顺序，且通过一服务器取得所述第二页的一动态页面映像关系，并配合在所述映像管理模块中搜寻有关所述第二页的所述串联关系的所述步骤，产生与更新所述第二页。

9.如权利要求7所述的页面管理方法，其特征在于，在所述映像管理模块中搜寻有关所述第二页的所述步骤与在所述历程管理模块中建立所述第二页与其他页面间的至少一历程记录的所述步骤皆由一页面控制器完成。

10.如权利要求7所述的页面管理方法，其特征在于，在显示所述第二页的所述步骤是通过一页面控制器根据在所述映像管理模块所取得的所述参数数据以显示所述第二页，且所述页面管理方法可以在一屏幕上同时显示所述第一页与所述第二页。

Images