专利名称：视觉化网络程序编辑系统、方法及其记录媒体的制作方法
技术领域：
本发明涉及一种网络程序编辑系统与方法、及其记录媒体，特别涉及指一种利用图文整体方法来辅助程序开发的视觉化网络程序编辑系统与方法、及其记录媒体。
由于网络的快速发展，许多与网络相关的技术已经日渐成熟。这些技术包括电子邮件、全球信息网(World Wide Web；简称Web)、HTML与浏览器等。许多的软件程序已经使用这些技术来传递信息、展现使用者接口并与使用者互动。网络及其中的相关标准已经成为一种能够执行新兴应用程序的主要架构。
网络应用程序的特点是它与使用者的互动是将以HTML撰写的文件或表格利用浏览器或电子邮件传递给使用者，等到使用者回应之后，再回传下一页的文件，这个传送及回应的循环一直持续直到与使用者互动的需要结束时为止。因此HTML文件的传递顺序与对象就构成了网络应用程序的主要流程结构。然而，现有的网络应用程序的开发方法，包括结合传统程序语言与CGI(Common Gateway Interface)的方法、HTML内嵌程序语言(在HTML文件内以特殊的标记，内嵌程序语言叙述的语言)的方法及HTTP伺服器提供的API(Application Programming Interface)等，都缺乏能够以图文整体的方式表达及整体流程分析及程序码撰写步骤的功能，使得程序的高阶流程步骤难以明确的表达，增加了Web应用程序的复杂度及开发的成本。
如上所述，如何以简单方式提供程序设计者撰写程序，进而简化网络应用程序的复杂度、降低网络应用程序的开发成本实为一重要课题。
鉴于上述问题，本发明的主要目的在于提供一种可以简单方式提供程序设计者撰写程序，进而简化网络应用程序的复杂度、降低网络应用程序的开发成本的视觉化网络程序编辑系统、方法及记录有视觉化网络程序编辑软件的记录媒体。
而本发明的主要特征是以五种图示(icons)表达不同步骤所需要的HTML文件的属性、传递方式及逻辑处理步骤，并以这些图示间的连结关系表达程序的整体流程。此外，这些图示还被用作开启相关的HTML文件档案、程序码档案及收信人档案的选项，例如，其可为下拉式菜单，使得程序设计师能给出有效的整体流程分析与程序码撰写的步骤，还使得后续的程序维护人员能有效的理解程序的流程，并能迅速的找到相关步骤的档案，更进一步的了解各个步骤的运作细节。
图1为本发明的视觉化网络程序编辑系统的构成框图。
图2为本发明的视觉化网络程序编辑系统另一构成框图。
图3为本发明的视觉化网络程序编辑系统的较佳实施例的说明图。
图4为本发明的视觉化网络程序编辑系统的较佳实施例的另一说明图。
图5为本发明的视觉化网络程序编辑方法的流程图。
图6为本发明的视觉化网络程序编辑方法的另一流程图。
在具体说明本发明之前欲先说明的是HTML的文件，依是否需要使用者回应，可以分为两种1.需要使用者回应的表单；2.不需要使用者回应的通知。依传递的方式，也可以分为两种1.以浏览器传递；2.以电子邮件传递，再加上为了增加表达流程的合并及延迟等功能所需要的逻辑控制单元，所以，就本发明的视觉化网络程序编辑系统及方法而言，共有五种分别代表不同流程步骤的图示1.浏览器表单图示2.邮寄式表单图示3.浏览器通知图示4.邮寄式通知图示5.逻辑控制图示。当然，上述浏览器表单及浏览器通知可合并为一浏览器图示，而邮寄式表单图示及邮寄式通知图示可合并为一邮寄式图示。
上述图示都需要有一些实际的内容(contents)才能完成该图示的功能。除了步骤的名称之外，这些图示含有有三种内容的不同组合，这三种内容是1.用某HTML内嵌程序语言撰写的程序，简称为FORM；2.设定HTML文件收件人地址的叙述(档案)，简称为Receiver；3.以某一程序语言撰写的处理程序，简称为DP(Data Processing)。图示的样式及名称与FORM、Receiver及DP如何命名并不重要(亦即本实施例中所示的图示仅为便于说明之用)，各图示与FORM、Receiver及DP所代表的意义及各图示的内容组合，才是本发明的重点。以下就是这些图示与其所需要的内容组合的介绍
浏览器表单图示□(内容有步骤名称、FORM、DP)邮寄式表单图示(内容有步骤名称、FORM、Receiver、DP)浏览器通知图示(内容有步骤名称、FORM)邮寄式通知图示(内容有步骤名称、FORM、Receiver)逻辑控制图示 ◇(内容有步骤名称、DP)[视觉化网络程序编辑系统]请参阅图1所示，图1为说明本发明的视觉化网络程序编辑系统构成的方块说明图。如该图所示，本发明的视觉化网络程序编辑系统包含有一程序流程图示产生模组1、一图示内容产生模组2、及一程序产生模组3。
该程序流程图示产生模组1用以产生一个以上的程序流程图示，在本实施例中，该程序流程图示产生模组1可用以产生上述浏览器表单图示、邮寄式表单图示、浏览器通知图示、邮寄式通知图示、及逻辑控制图示。
该图示内容产生模组2用以产生上述程序流程图示的所属名称与所属档案，亦即该图示内容产生模组2可针对每一图示来产生其所属的内容，其内容除包含所属名称外，还包含上述FORM、Receiver及DP的组合，而有关FORM、Receiver及DP的组合需求，详述于后。
该程序产生模组3依据上述图示内容产生模组所产生的程序流程图示的所属档案来产生一网络程序，简而言之，即是由图示以及利用所属档案中的档案关系来产生一视觉化网络程序(以下简称VNP，VisualNetwork Program)。
如上所述，浏览器表单图示与邮寄式表单图示含有DP的原因是所有的表单都需要使用者输入数据然后再回应，而DP就是处理此回应的程序，等到处理完之后，DP内的程序码就需要判断哪一个或多个步骤是将要继续执行的步骤。浏览器通知图示与邮寄式通知图示都没有DP的原因是所有的通知都不需要使用者回应，因此也就不需要处理。浏览器表单图示与浏览器通知图示都没有Receiver的原因是这种表单与通知都只是传递给浏览器。同样，邮寄式表单图示与邮寄式通知图示都有Receiver的原因是这种表单与通知都需要透过电子邮件传递。逻辑控制图示只需要DP的原因是这种步骤没有HTML文件需要传递，因此也没有Receiver。
如图2所示，本发明的视觉化网络程序编辑系统还可包含一程序流程结构图产生模组4，该程序流程结构产生模组4利用上述程序流程图示产生模组所产生的图示来产生一程序流程结构图(如图3所示)。
程序设计人员利用这五个图示和图示间的连线，就可以表达Web应用程序传递HTML文件的可能流向。至于程序执行时，实际控制流程流向的逻辑，则是撰写于DP之中。在此举一具体实例说明如下假设某网络考试系统有如下的需求由电子邮件寄发考卷给考生，考生作答后可以选择是否重考，如果不重考，则学生的答案经过电脑阅卷后所得的成绩，就显示在浏览器上同时也寄给教师；如果重考，则三天后会再寄发一次考卷给考生。图3就是一个以上述五个图示表达这个网络考试系统的流程的例子。
若以电脑程序支援流程的绘制与程序码的开发，则程序设计师可以利用鼠标与键盘，编辑以上的流程图。如图4所示，当鼠标指向某一图示时，可以同时以下拉式菜单选择所要编辑的图示的FORM、Receiver、或DP档案以继续编辑其内容，并完成程序的撰写。
若每一个步骤所需要的内容都是以档案来储存，则以上的程序共有以下几个档案，这几个档案可以储存于以网络考试的程序名称(Exam)所命名的子目录中·MailExam/FORM此档案储存以HTML内嵌程序语言所撰写的考试试题。其属性是表单。
·MailExam/Receiver此档案是一文字档，内含设定某考生电子邮件地址的叙述。
·MailExam/DP此档案是以某程序语言撰写的程序，其任务是将下一步要执行步骤的名称(RetakeExam？)，传给VNP的执行环境。
·RetakeExam？/FORM此档案是一HTML内嵌程序语言的档案，他提供学生是否要重考的选项。其属性是表单。
·RetakeExam？/DP此档案是以某程序语言撰写的程序，它的功能是判断考生是否选择重考。如果是，则传回Wait3Days给视觉化网络程序的执行环境。如果不重考，则先要依据考生的答案计算其成绩，并将之储存于数据库中，然后再传回ReportGrade及ReportTeacher给VNP的执行环境。
·ReportGrade/FORM此档案是一能将RetakeExam？/DP所计算的学生成绩由数据库中取出来的以HTML内嵌程序语言所撰写的程序。其属性是通知。
·ReprotTeacher/FORM此档案亦是一能将RetakeExam？/DP所计算的学生成绩由数据库中取出来的以HTML内嵌程序语言所撰写的程序。其属性是通知。
·ReprotTeacher/Receiver此档案是一文字档，内含设定老师电子邮件地址的叙述。
·Wait3Days/DP此档案是以某程序语言撰写的程序，它的作用是在三天后，将下一个要执行的步骤(MailExam)传回VNP的执行环境。
程序设计师编辑完这些档案后，即可交由VNP的执行环境按步骤执行。在此须特别说明的是，上述所谓视觉化网络程序的执行环境(VNPRun-Time Environment；简称VRTE)是指一Client-Server的环境。Client向VRTE提出执行某一步骤需求，VRTE执行此步骤及后续所需执行的步骤后，回应一表单或通知给Client。需求与回应均可透过具有接收电子邮件功能的浏览器来进行。[视觉化网络程序编辑方法]上述说明为本发明的视觉化网络程序编辑系统的详细说明，以下将以图5及图6来说明本发明的视觉化网络程序编辑方法。由于本发明的视觉化网络程序编辑方法的主要技术大致与前述相同，因此，以下仅就重要部分加以说明，其他相关技术则不再赘述。
如图5所示，本发明的视觉化网络程序编辑方法包含一程序流程图示产生步骤1′、一图示内容产生步骤2′、一程序产生程序步骤3′，其中该程序流程图示产生程序步骤1′产生一个以上的程序流程图示；该图示内容产生步骤2′产生上述程序流程图示的所属名称与所属档案；该程序产生步骤3′依据于上述图示内容产生程序中所产生的程序流程图示的所属档案来产生一网络程序。
在此，须特别指出的是在本发明的视觉化网络程序编辑方法中，该程序流程图示产生步骤1′与该图示内容产生步骤2′并无特殊的先后顺序关系，换言之，就本发明的视觉化网络程序编辑方法而言，其可先产生一图示所属内容，再由该程序流程图示产生步骤1′来产生一相对应的图示。
此外，如图6所示，本发明的视觉化网络程序编辑方法还可包含一程序流程结构图产生步骤4′，该程序流程结构图产生步骤4′是利用上述程序流程图示产生步骤1′所产生的图示，来产生一程序流程结构图(如图3所示)。[记录媒体]本发明提供一种记录有视觉化网络程序编辑软件的记录媒体，其中该视觉化网络程序编辑软件在一电脑中执行，其所执行的程序包含一程序流程图示产生步骤1′、一图示内容产生步骤2′、一程序产生步骤3′，其中该程序流程图示产生步骤1′产生一个以上的程序流程图示；该图示内容产生步骤2′产生上述程序流程图示的所属名称与所属档案；该程序产生步骤3′依据于上述图示内容产生程序中所产生的程序流程图示的所属档案来产生一网络程序。
当然，本发明的视觉化网络程序编辑软件还可在电脑中执行一程序流程结构图产生步骤4′，该程序流程结构产生步骤4′利用上述程序流程图示产生步骤1′所产生的图示，来产生一程序流程结构图(如图3所示)。
综上所述，由于本发明的视觉化网络程序编辑系统/方法由程序流程图示产生模组/程序来产生多个图示，并由图示内容产生模组/程序来产生上述程序流程图示的所属名称与所属档案，据以产生一网络程序，因此本发明的视觉化网络程序编辑系统/方法可以简单方式提供程序设计者撰写程序，进而达到简化网络应用程序的复杂度、降低网络应用程序的开发成本的目的。
上述所提出的具体的实施例仅为了易于说明本发明的技术内容，而并非将本发明狭义地限制于该实施例，在不超出本发明的精神及以下权利要求范围的情况，可作种种变化实施。
权利要求
1.一种视觉化网络程序编辑系统，包括一程序流程图示产生模组，用以产生一个以上的程序流程图示；一图示内容产生模组，用以产生上述程序流程图示的所属名称与所属档案；以及一程序产生模组，依据上述图示内容产生模组所产生的程序流程图示的所属档案来产生一网络程序。
2.如权利要求1所述的视觉化网络程序编辑系统，其中该系统还包含一程序流程结构图产生模组，该程序流程结构图产生模组利用上述程序流程图示产生模组所产生的图示，来产生一程序流程结构图。
3.如权利要求1所述的视觉化网络程序编辑系统，其中该程序流程图示包含一浏览器图示、一邮寄式图示及一逻辑控制图示。
4.如权利要求3所述的视觉化网络程序编辑系统，其中该浏览器图示包含一浏览器表单图示、一浏览器通知图示。
5.如权利要求3所述的视觉化网络程序编辑系统，其中该邮寄式图示包含一邮寄式表单图示、及一邮寄式通知图示。
6.如权利要求1所述的视觉化网络程序编辑系统，其中该图示所属档案包含一以HTML内嵌程序语言所撰写的程序档案。
7.如权利要求1所述的视觉化网络程序编辑系统，其中该图示所属档案包含一收件人数据档案。
8.如权利要求1所述的视觉化网络程序编辑系统，其中该图示所属档案包含一数据处理程序档案。
9.一种视觉化网络程序编辑方法，包括一程序流程图示产生步骤，用于产生一个以上的程序流程图示；一图示内容产生步骤，用于产生上述程序流程图示的所属名称与所属档案；以及一程序产生步骤，用于依据于上述图示内容产生程序中所产生的程序流程图示的所属档案来产生一网络程序。
10.如权利要求9所述的视觉化网络程序编辑方法，其中该方法还包含一程序流程结构图产生步骤，该程序流程结构图产生步骤利用在上述程序流程图示产生步骤中所产生的图示，来产生一程序流程结构图。
11.如权利要求9所述的视觉化网络程序编辑方法，其中该程序流程图示包含一浏览器图示、一邮寄式图示及一逻辑控制图示。
12.如权利要求11所述的视觉化网络程序编辑方法，其中该浏览器图示包含一浏览器表单图示、及一浏览器通知图示。
13.如权利要求11所述的视觉化网络程序编辑方法，其中该邮寄式图示包含一邮寄式表单图示、及一邮寄式通知图示。
14.如权利要求9所述的视觉化网络程序编辑方法，其中该图示所属档案包含一以HTML内嵌程序语言所撰写的程序档案。
15.如权利要求9所述的视觉化网络程序编辑方法，其中该图示所属档案包含一收件人数据档案。
16.如权利要求9所述的视觉化网络程序编辑方法，其中该图示所属档案包含一数据处理程序档案。
17.一种记录有视觉化网络程序编辑软件的记录媒体，该视觉化网络程序编辑软件可执行于一电脑中，其所执行的程序包含一程序流程图示产生步骤，用于产生一个以上的程序流程图示；一图示内容产生步骤，用于产生上述程序流程图示的所属名称与所属档案；及一程序产生步骤，依据于上述图示内容产生步骤中所产生的程序流程图示的所属档案来产生一网络程序。
全文摘要
本发明提供一种视觉化网络程序编辑系统与方法,能将网络应用程序的浏览器或电子邮件传递HTML文件的流程以图文整体方式表达出来,进而能将程序的高阶流程与低阶程序码有效的结合在一起,使得程序设计师能以程序流程图上的图示开启HTML或程序编辑器来设计程序步骤的HTML文件或程序码,使程序维护人员能利用程序流程图迅速找到处理某一流程步骤的程序码,而使得程序的阅读、了解及维护都更为容易。本发明还提供一种记录有视觉化网络程序编辑软件的记录媒体。
文档编号G06F9/45GK1348133SQ00130449
公开日2002年5月8日 申请日期2000年10月13日 优先权日2000年10月13日
发明者董少桓 申请人:董少桓