1309369 九、發明說明： 【發明所屬之技術領域】 '本發明係有關於-種單晶片微處理機組合語言編輯系統與方 法；特別是有關於-種可結合流程圖與組合語絲式碼之編輯系 【先前技術】1309369 IX. Description of the invention: [Technical field to which the invention pertains] 'The present invention relates to a single-chip micro-processor combined language editing system and method; in particular, there is a combination of a flow chart and a combined grammatical code Editorial Department [Prior Art]
單晶片是目前市面上报受歡迎使用的微處理器，能夠應用的 領域很廣泛’除了工業用外’在許多日常生活所使用的電子產品 中也越來越普及。單晶㈣其記憶财限，加上其_在即時環 境上，因此利用組合語言比利用高階語言來開發可產生更有效率 的系統。 在程式的開發時’對程式的模組化與管理，是一很重要的關 鍵角色。目前許多高階語言軟體的設計介面都慢慢朝向整合式的 環境發展’如：C++、JAVA、VB等語言，都已經有整合式的軟體來 協助程式的發展。2001年1月30曰美國專利第US6179490B1號Single-chip is a popular microprocessor currently on the market, and it can be used in a wide range of applications, except for industrial use, which is becoming more and more popular in many electronic products used in daily life. Single crystals (4) have their memory limitations, and their _ in the real-time environment, so using a combination of languages can produce a more efficient system than using a higher-order language. In the development of the program, the modularization and management of the program is an important key role. At present, the design interfaces of many high-level language software are gradually moving towards integrated environment development, such as C++, JAVA, VB, etc., and there are already integrated software to assist the development of the program. January 30, 2001, US Patent No. 6,179,490 B1
「Method and apparatus for creating a flowchart using a programmed computer which will automatically result in a structured program」，利 用提供的圖形：順序（STATEMENT、SEQUENCE )、迴圈（FOR、WHILE )、 條件判斷（IF-THEN、IF-THEN-ELSE、CASE)來產生結構化的高階 語言程式輸出，此架構著重於一般結構化程式開發，提供固定的 圖形’使用者無法依需要晝出想要的圖形結構，對於像單晶片需 要處理中斷服務副程式之類應用較不適用。目前對單晶片組合語 1309369 言程式的開發，都著重在硬體模擬或軟體模擬上，尚無結合流程 圖與組合語言程式碼之編輯系統出現。 單晶片的軟硬體設計，在學習、設計開發和管理等階段，需 要花費大量的時間與精神。因此若能利用圖解設計的方式來幫忙 使用者發展規劃組合語言程式，使其具有維護容易與模組化設計 等優點的使用者設計介面，對使用者而言，是一大助益。 【發明内容】 為解決前述習知之問題，本發明目的之一在於提供一種利用 圖解設計的方式來幫忙使用者發展規劃組合語言程式之編輯系統 與方法；使用者利用系統提供的圖形方塊節點可規畫出所要的圖 形架構，例如流程圖或結構圖，為方便起見，本發明書統稱其為 流程圖。 使用者可在本系統上規劃出所要解決問題之流程圖架構，並 於每-流程圖方塊輸人註解之文字制，使之呈現高層次的文字 說明流_，織制者可分_在每_流程财塊輸入所要的 對應組合語該搞，並提健體喊狀預χ及儲存功能。 本發明另-目的之-係域由—種結合流賴與組合語言程 式碼之編輯系統與方法’可將使用者_好職程圖與程式碼儲 存，及列印流程圖。 、本發Θ另目的之-係為細-種結合流糊與組合語言程 式瑪之編輯系統與n可開啟舊有透過本系紐存的流程圖 1309369 檔，供進一步修改或擴充使用。 本發明另一目的之一係為藉由一種結合流程圖與組合語言程 式碼之編輯系統與方法，在使用者輪入程式碼時，能提供指令格 式提示功能，方便使用者使用。 本發明之系統建構在電腦上，其系統主要包含有流程圖主控 系統模組、程式碼檢視模組'節點管理模組、節點與連線編輯模 組、指令提示模組等5個主要部份。 【實施方式】 本發明利用預定的流程圖方塊引導使用者學習與設計程式， 在系統預設的流程圖物件上，以點選拖_方式在畫面編輯顯示 區中設計好程式流程圖方塊，接著只需依照流程圖結構在對應的 方塊中編輯好程式，即可完成設計，設計的過程中可即時預覽程 式碼，提供使用者程式設計時，設計流程與程式碼的一致性的對 照功能。 以下係藉由特定的具體實例說明本發明之實施方式，任何熟 悉此技藝之人士可由本說明書所揭示之内容，輕易地了解本發明 之其他優點與魏。本㈣亦可藉由其他不同的具體實例加以施 行或應用，本說明書中的各項細節亦可基於不同觀點與應用，在 不悖離本發明之精神下進行各種修飾與變更。 如第一圖所示者用以說明本發明之系統基本架構方塊示意 圖，該系統包括：―流程圖主控系統模組100、一節點與連線編輯 模組200、一節點管理模組3〇〇、一指令提示模組4〇〇、一程式碼檢 7 1309369 視模組500、顯示器10、印表機20 '儲存單元3〇、31、32。 流程圖主控系統模組100,提供使用者操作介面及畫面繪製顯 示功能，其操作介面包含有晝面編輯顯示區、下拉式選單、以及 圖示選項。畫面編輯顯示區供使用者在此規劃設計流程圖；下拉 式選單以及圖示選項提供使用者可選擇功能選項。功能選項具有 三大類選單：檔案、程式碼、流程圖方塊。檔案選單包含有開啟 新流程圖檔、程式流程圖存檔、開啟舊程式流程圖、程式流程圖 另存新檔、列印流程圖及離開系統等功能選項；程式碼選單包含 有檢視程式碼、存目前流程圖之ASM程式碼等功能選項；流程圖方 塊選單包含有選擇編輯流程圖方塊節點、程式起始點方塊節點、 程序方塊節點、副程式方塊節點、條件判斷方塊節點、程式結束 方塊節點、連線等功能選項；請參考圖二，第二圖係為根據本發 明一具趙實例之流程圖主控系統畫面。圖示選項列出了上述介紹 的功能選項。當使用者透過此模組提供的功能選項執行某一動 作，此模組會呼叫相關的程式模組來完成。 節點與連線編輯她2GG ’主要是貞責祕的賴流程圖和編 輯程式功能，提供選擇編輯流程圖方塊節點、程式起始點方塊節 點、程序方塊節點、副程式方塊節點、條件判斷方塊節點、程式 結束方塊節點、連線等功能；透過這些可讓使用者繪製所要的流 程圖或系統結構圖；另外，帶有方向翻的連線功能，則用以連 接兩個方塊節點，執行連線功能，首先要先選定連線起點的方塊 1309369 節點，後選連線終點的方塊節點位置。執行編輯程式功能時 輯前必触選定所要的節點，織使用者可在所選的方塊節點中 編輯程式’每一流程圖方塊節點有4個編輯功能：設定文字、編 程式、設定順序與刪除元件。請參相二，圖中顯示當選 的“開始，，節點’會出現設定文字、編輯程式、設定順序與刪除元 ；件魏選項，供制者選擇。此外，朗者可以透鼠，選擇 在畫祕輯顯補視窗之任-個流賴魏，可進行拖$移動該 參流程圖方塊、或改變該流程圖方塊大小，而所有在節點與連線二 輯模組2GG所產生的事件’皆會記錄销崎理模組_。 節點管理模組3GG，主要是負責系統的_流程圖節點相關資 料記錄與管理，其包括記錄著每一流程圖節點的晝面座標節點 的型態、節點的大小、節闕職、節點的文字制、節點的程 式碼、從此節點tij去的每—連線之雜記錄資料等。任何在節點 與連線編輯模組200所產生的事件，皆會在此節點管理模組· 彳一對應的處置，節點管理模組3。◦提供有插入、刪除、搜尋、 排序等節點管理功能。 齡提賴組4GG，主要貞#者在方塊節財編輯程式輸 .- 入指令時’提示使用者所輸人的指令格式。此模組棚會向儲存 -單70 32取得單⑼鶴理她合語言指令格式，因此在使用者透 過滑鼠選擇編輯區視窗之某一個流程圖方塊 ，進行編輯程式輸入 才曰令時’此模組會負責檢查鍵盤的輸入，在使用者輸入程式碼時， 1309369 能提供指令格式提示功能，方便使用者使用。而使用者所輸入程 式碼，會存在節點管理模組300之對應此的節點資料結構裡。 程式碼檢視模組500 ’主要負責將已經編輯好的程式碼内容顯 示在程式碼檢視視窗；如前所述，使用者所有已經輸入程式碼的 流程圖方塊，其程式碼皆會被節點管理模組3〇〇所記錄，因此程式 碼檢視模組500會把已經編輯好的流程圖方塊，依照使用者所設定 #"Method and apparatus for creating a flowchart using a programmed computer which will automatically result in a structured program", using the provided graphics: order (STATEMENT, SEQUEENCE), loop (FOR, WHILE), conditional judgment (IF-THEN, IF -THEN-ELSE, CASE) to produce structured high-level language program output, this architecture focuses on general structured program development, providing fixed graphics 'users can not pull out the desired graphics structure as needed, for single-chip needs Applications such as handling interrupt service subprograms are less suitable. At present, the development of single-chip combination language 1309369 program focuses on hardware simulation or software simulation, and there is no editing system combining process diagram and combined language code. The hardware and software design of a single chip requires a lot of time and spirit in the stages of learning, design development and management. Therefore, it is a great help for users to use graphical design to help users develop a programming language program that has a user-design interface that is easy to maintain and modular. SUMMARY OF THE INVENTION In order to solve the above-mentioned problems, one of the objects of the present invention is to provide an editing system and method for assisting a user to develop a planning combined language program by means of graphic design; the user can use the graphic block node provided by the system to regulate Drawing the desired graphical architecture, such as a flowchart or a structural diagram, the present invention is collectively referred to as a flow chart for convenience. The user can plan the flow chart structure of the problem to be solved on the system, and input the text system of each annotation in the flow chart block to make it present a high-level text description stream _, the creator can divide _ in each _ The process of the input of the corresponding combination of the required financial terms, and the physical and screaming pre-sales and storage functions. The system-method of the invention--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- The purpose of this report is to use a fine-to-be-mixed paste and combination language program to edit the system and n to open the old flow chart 1309369 through the department for further modification or expansion. Another object of the present invention is to provide a command format prompt function for the user to use when the user turns in the code by using an editing system and method combining the flowchart and the combined language program code. The system of the invention is constructed on a computer, and the system mainly comprises five main parts: a flow chart main control system module, a code inspection module 'node management module, a node and a connection editing module, and a command prompt module. Share. [Embodiment] The present invention uses a predetermined flow chart block to guide a user to learn and design a program, and in the system preset flow chart object, select a program flow chart block in the screen edit display area by clicking and dragging, and then Simply edit the program in the corresponding block according to the flow chart structure to complete the design. During the design process, the code can be previewed in real time, providing a comparison function between the design process and the code consistency when the user program is designed. The embodiments of the present invention are described below by way of specific examples, and those skilled in the art can readily appreciate the advantages and advantages of the present invention. The present invention may be carried out or applied by other specific embodiments, and various modifications and changes may be made without departing from the spirit and scope of the invention. As shown in the first figure, the basic architecture diagram of the system of the present invention is illustrated. The system includes: a flowchart main control system module 100, a node and connection editing module 200, and a node management module. 〇, a command prompt module 4〇〇, a code check 7 1309369 view module 500, display 10, printer 20 'storage unit 3 〇, 31, 32. The flow chart main control system module 100 provides a user operation interface and a picture drawing display function, and the operation bread includes a face editing display area, a pull-down menu, and graphic options. The screen editing display area allows the user to plan the design flow chart here; the drop-down menu and icon options provide user-selectable function options. The function options have three main categories of menus: files, code, and flowchart blocks. The file menu contains functions such as opening a new flowchart file, saving the program flow chart, opening the old program flow chart, saving the program flow chart, saving the flow chart and leaving the system. The code menu contains the view code and saves the current file. The ASM program code and other function options of the flowchart; the flowchart block menu includes a selection edit flow chart node, a program start point block node, a program block node, a subprogram block node, a condition judgment block node, a program end block node, and a connection Functional options such as lines; please refer to FIG. 2, which is a flow chart main control system screen according to an example of the present invention. The icon options list the feature options described above. When the user performs an action through the function options provided by the module, the module will call the relevant program module to complete. Node and connection editing her 2GG 'mainly responsible for the flow chart and editing program functions, providing the option to edit the flow chart block node, the program start point block node, the program block node, the subprogram block node, the condition judgment block node , program end block node, connection and other functions; through these allows the user to draw the desired flow chart or system structure diagram; in addition, with the direction of the turn connection function, it is used to connect two block nodes, perform the connection Function, first select the block 1309369 node of the starting point of the connection, and then select the block node position of the end point of the connection. When executing the editing program function, the selected node must be selected before the series, and the user can edit the program in the selected block node. Each flowchart block has 4 editing functions: setting text, programming, setting order and deleting. element. Please refer to phase 2, the figure shows the selected "Start, Node" will appear set text, edit program, set order and delete meta; piece Wei option, the supplier chooses. In addition, the Lang can pass the mouse, choose to draw The secret to complement the window of the window - a flow of Lai Wei, you can drag and drop the reference to the flow chart block, or change the size of the flow chart block, and all the events generated in the node and connection two series module 2GG ' The sales management module 3GG will be recorded. The node management module 3GG is mainly responsible for the system's _flowchart node related data recording and management, which includes the type and node of the kneading coordinate node of each flowchart node. Size, festival, node text, node code, every record of the connection from this node tij, etc. Any events generated in the node and connection editing module 200 will be here. Node management module · One-to-one correspondence, node management module 3. ◦ Provides node management functions such as insert, delete, search, sort, etc. Age-raising group 4GG, main 贞# is lost in the block saving program. - Into the finger The order mode prompts the user to input the instruction format of the person. The module shed will obtain the order (9) from the storage-single 70 32. Therefore, the user selects a certain process of the editing area window through the mouse. In the figure box, when the editing program is input, the module will be responsible for checking the keyboard input. When the user enters the code, 1309369 can provide the command format prompt function for the user to use. The user enters the code. There will be a node data structure corresponding to the node management module 300. The code view module 500' is mainly responsible for displaying the edited code content in the code view window; as described above, the user has already Enter the code of the flow chart block, the code will be recorded by the node management module 3, so the code view module 500 will edit the edited process block according to the user's settings #
的流程順序，將其目前已經編輯好的單晶月微處理機組合語言程 式碼内容顯示在程式碼檢視視窗。 該儲存單元30，其係用以提供該系統儲存流程圖設定之相關 資料。於本實施例中，該流程圖設定相職料包括記錄著節點的 畫面座2、節_魏、節點社小、節關編號、節點的文字 說明、節點的程式碼、從此節點出去的每一連線之路徑記錄資料 等。因此’開啟儲存單元30 ’即可取得原先儲存之流程圖與程式 碼等内容。齡單元31，其伽以提供儲存目前㈣糊之组人 語言程摘，供轉器_用。儲存單元32，_存著單晶片指 :二:=，組合語言指令格式提示用’只要更改此儲存 :\式内就可應用於不_單晶片微處理機。 ^顯丁器單疋1〇 ’其係用以提供顯示該系統目前 面，以及系統目前的執行畫面。程圖畫 列印目編晴‘騎表齡兀2G，其係用以提供 糸藉由特疋的開發單晶片微處理機組合語言程式，例如 8051，以-具體實例說明本發日月之實抱方式，本系統以圖形化使 用者介面’ _程式設計師職組合語言程式，提供♦製程式流 糕圖、輸人程式齡時組合語言指令提示、程式碼存檀、程式流 稃圖存檔、列印流程圖等功能。 請參考第-圖、第二圖、第三圖、細圖；第—圖係為本發 明之系統基本架構方塊示意圖，第二圖係為根據本發明一具體實 例之流程圖主控系統畫面，第三圖係為根據本發明一具體實例之 指令提示實例圖，第四圖係為根據本發明一具體實例之程式碼檢 祝實例圖。當使用本發明之編輯系統與方法，開啟一新檔來設計 流程圖與組合語言程式碼設計的工作流程圖，其編輯時主要步驟 如下： 步驟1，由流程圖主控系統模組100所提供的圖形介面，點選 目前想繪製的圖形方塊按鈕。 步驟2，使用者選取圖形方塊按知後，進入節點與連線編輯模 組200 ’透過滑鼠於繪圖面板’點下要畫圖的位置，此時會根據使 用者點選的按鈕繪製出該圖形於流程圖主控系统模組1〇〇之搶圖 面板上，並透過顯示器10顯示出，同時建立該圖形相關資訊於節 點管理模組300。 步驟3，重複步驟2直到若使用者已經畫完所要的圖形方塊 後’則可點選介面提供的連線按鈕，依據各圖形方塊之間的關係 開始進行連線；若在此步驟若有連線錯誤的情形，可於建立的連 1309369 線上點滑鼠右鍵，選騎此連_除；若在此步驟若有方塊錯誤 的情形，可於建立的方塊上麟鼠右鍵，轉縣域刪除，同 時與此方财_麟亦會侧除，上勒作會反應在主控系統 模組100之繪圖面板上，並記錄相關資訊於節點管理模組3〇〇内。 步驟4，流程圖設計完成後，使用者可於各圖形方塊内撰寫對 應的文字說明，於所要輸入的圖形方塊按滑鼠右鍵，則會出現4 個功能選項，選設定文字選項，即可輸入文字說明，此動作所輸 入文字會記錄於節點管理模組300 ’所對應圖形方塊的節點内。 步驟5 ’若使用者想列印顯示在主控系統模組丨〇〇之繪圖面板 上目前的流程圖，則按列印按鈕’則會將目前的流程圖透過印表 機20列印出。 步驟6 ’使用者可對顯示在主控系統模組100之繪圖面板上之 各圖形方塊内撰寫程式碼，使用者於所要輸入的圖形方塊按滑鼠 右鍵’則會出現4個功能選項，選編輯程式選項，會出現編輯程 式視窗’即可開始撰寫程式碼，此時指令提示模組400會向儲存 單元32取得單晶片指令格式，指令提示模組4〇〇負責檢查鍵盤的 輸入並適時提供指令提示，請參考圖三之應用示例，同時輸入的 程式會記錄於節點管理模組300所對應圖形方塊的節點内。 步驟7,若使用者想存目前的流程圖，則按流程圖主控系統模 組100之存檔按鈕，則會將節點管理模組3〇〇内目前的流程圖之 所有節點資料依節點編號存放在儲存單元30。 12 1309369 步驟8，若此時使用者想看_圖之組合語言程式，則按檢視 程式瑪按紐’請參考圖四之應用示例，第四圖係為根據本發明一 •具體實例之程式瑪檢視實例圖；程式碎檢視模組5〇〇會從節點管 理模組300將已經編輯好的程式碼内容顯示在程式碼檢視視窗， 絲行存目前流程圖之歷程式碼動作，則會將節點管理模組· N目前的流糊之所有節點記載馳合語言程式碼，依節點編號 存放在儲存單元31。 # 挪9，若此時發現有需要再加入其他圖形方塊，可以回到步 禅1加入所需之圖形方塊，重複上述步驟。 第五圖係為根據本發明-具體實例之編輯模式步驟流程圖， 流程圏主㈣賴組讓紐執行後，會自_人編輯模式視窗， 亦即開啟-新播。若要開啟已儲存的舊槽，則首先讀取播案内容， 播案内容有财触圖設定之相職料，因此料㈣訊載入至 節點管理模組300 (圖五之S4〇5)，然後節點與連線編輯模組_ • 依這些資訊，緣製圖形於流程圖主控系統模組10。之_面板上 (圖五之S410) ’最後進入前述之編輯模式，可供使用者進一步 '' 編輯。在圖五中之S42G為代表前述之編輯模式步驟1、2、3，圖 ' 五之S430為代表前述之編輯模式步驟4，S431為代表前述之編輯 模式步驟5，圖五之S440為代表前述之編輯模式步驟6，以41為 代表前述之蝴試_ 7，圖五之獅、_代表前述之編輯 模式步驟8。 13 1309369 综上所述，使用本發明提供一種建構在電腦上（包含主機、 螢光幕、鍵盤、滑鼠），能結合流程圖與组合語言程式碼之編輯系 統與方法’會使用到流程圖主控系統模組、程式碼檢視横組節 點管職組、節點與連線編輯模組、指令提示模_ 5個主要^ 份0 流程圖主控系統模組，提供使用者操作介面及畫面_顯示 功能，當賴者透過此模組提供的魏選項執行某—動作，: 組會啤叫相_程式模組來完成$式設計師個本系統開發單 晶片微處理機（例如_)組合程式時，必須要先畫出輕式的流 程圖方塊才關始撰寫程式’織程式設計師要在每—個流程方 塊内填入對應的程式碼，這樣的作法可以使程式流程圖與程式碼 有高度的結合。流賴主㈣賴_系滅碰，會自動進入 編輯模式’亦即開啟一新標。猶程圖主控系統模组提供使用者 操作介面及畫面繪製顯示功能如下： a、 流程@ :開啟賴程圖槽、開啟舊絲圖檔、存流程圖權、 另存新流程圖構、列印流程圖、離開； b、 程式瑪··檢視目前程式碼、存目前流程圖之綱程式碼； C、流程圖域：選取方塊元件、程式啟始點、鱗、副程式、 條件判斷、程式結束點、緣製連線； d、編輯流程圖方塊：蚊文字、編輯程式、設定順序與刪除 元件； 14 1309369 節點與連線編輯模組，主要是負責系統的繪製流程圖和編輯 程式功能；此系統提供流程圖方塊節點有程式起始點、程序、副 程式、條件判斷和程式結束點等5種圖形方塊節點；使用者可以 利用這5種方塊圖來規劃設計程式的流程圖結構；其中，起始端 點方塊：我們可以在這個圖形内，作一些初始化的動作，例如設 定參數和中斷服務向量；程序方塊：可以編輯所欲處理的程式， 在8又计程式的時候可以將相關的程式放在此方塊内；副程式方 塊：可以編輯中斷副程式與副程式；條件判斷方塊：可以編輯條 件判斷程式，如條件跳躍與無條件跳躍指令；最後，終止端點方 塊：用來表示一個程式的結束端點，當一個程式完成所有工作要 結束時，便可以用這個圖形來表示，其内定為end。使用者亦可利 用圖形方塊來繪製系統結構圖，如圖二所示，系統有3部分：主 程式、Τ0ΝΕ—ΙΝΙΤ、BEAT一INIT。系統平時工作在主程式裡，其内 有兩個副程式：LOAD—TONE 與 L0AD_BEAT ;而 T0NE_INIT 與 BEATJNIT為中斷副程式，只有在其對應的中斷發生時才會被執 行。 如前所述，系統執行後會自動進入編輯模式視窗，因此使用 者可以開始編輯新流程圖，每一流程圖方塊有4個編輯功能。使 用者可以選擇所要編輯之流程圖方塊，編輯前必須先選定所要的 節點，然後在方塊上按下滑鼠右鍵會出現四個功能一設定文字、 編輯程式、設定順序與刪除元件；其中選擇設定文字功能，會出 15 1309369 現一小文字視窗’供使用者編輯流程圖方塊上的註解；若選擇編 輯程式功能，即會出現一文字視窗，供使用者編輯程式碼，當編 輯程式時會檢查使用者的輸入，並啟動指令提示模組，提供一個 具有單晶片微處理機（例如8051)組合語言指令提示功能的程式 撰寫介面；若選擇設定順序功能，則可供使用者更改方塊上的編 號；若在流程圖方塊選擇刪除元件功能，則可將此目前編輯之流 程圖方塊與此方塊的所有連線刪除，同時自動調整編號。另外， 選擇流程圖方塊功能，讓使用者可以透過滑鼠，選擇編輯區視窗 之一流程圖方塊，進行拖曳移動該流程圖方塊、或改變該流程圖 方塊大小或選定編輯該流程圖方塊。除此之外，編輯流程圖還必 須具有方向箭頭的連線功能，用以連接兩個編輯方塊圖，使其間 的關係清楚呈現。因此每一連線會有其起點節點與終點節點和 其路徑。刪除流程圖方塊節點時，會刪除流程圖方塊與其相連的 連線，然刪除連線時，則只刪除所選的連線。 在上述節點與連線編輯模組上進行的任何動作事件，所產生 的必要資訊都會記錄在節點管理模組内3〇〇 ;節點管理模組3⑼ 提供有插入、刪除、搜尋、排序等節點管理功能。在畫面上每一 流程圖方塊節點都會有其對應的資料結構，其記錄著所對應節點 的畫面座標、節點的型態（記錄著節點為程式起始點、或程序、 或副程式、或條件判斷、或程式結束點）、節點的大小（記錄流 16 1309369 程圖方塊之冋與寬）、節點的編號、節點的文字說明、節點的程 式碼、從此節點出去的每一連線之路徑記錄。 帛六圖係為根縣發明—具體實狀指令提示的流程步 驟。當使用者在方塊節點中編輯程式輸入指令時，輸入指令提示 , 触會1責檢查鍵盤的輸人，提示使用者所輸人的指令格式。在 … _組合語'程式的時候，最隨開發者的大概必須記憶組合語 ' έ的指令與格式，例如8051所使用的組合語言共有111個指令， 癱 255種變化格式’如果沒有經常使用是很容易忘記的，本系統為了 解決這個問題’而規劃了輸人指令提示模組，由之前建立好的特 定檔案（例如，稱為instruction檔），讀取指令提示模組所需使 用的指令格式，並將之存放到程式的指令暫存區。若改變 instruct ion擋案内容，則可應用於不同的單晶片微處理機，指令 提示模組的運作流程如圖六所示： 步驟S510，鍵盤事件發生； φ 步驟S52〇 ’根據鍵盤事件，取得程式設計師在編輯面板所輸入 的指令，並與指令暫存區内的指令比對； ·- 步驟S530，檢查是否有符合的指令；In the sequence of the process, the content of the single-crystal monthly microprocessor combined language program code that has been edited is displayed in the code view window. The storage unit 30 is configured to provide related information of the system storage flow chart setting. In this embodiment, the flowchart setting the phase material includes recording the picture frame 2 of the node, the node_wei, the node community, the festival number, the text description of the node, the code of the node, and each of the nodes going out from the node. Record the data of the route of the connection. Therefore, the contents of the original storage flowchart and the code can be obtained by 'opening the storage unit 30'. The age unit 31, which is provided to store the current (four) paste group language course extract, for the converter _ use. The storage unit 32,_single-single-chip refers to: two:=, the combined language instruction format prompts 'can be applied to the non-single-chip microprocessor as long as the storage is changed. The display unit is used to provide a display of the current aspect of the system and the current execution screen of the system. The picture shows the name of the ' ' ' riding age 兀 2G, which is used to provide a combination of a single-chip microprocessor processing language program, such as the 8051, to illustrate the real day and month In this way, the system uses a graphical user interface ' _ programmer designer combination language program, provides ♦ program flow chart, input program age combination language instruction prompt, code storage, program flow chart archive, column Print flow chart and other functions. Please refer to the first, second, third, and detailed drawings; the first is a block diagram of the basic architecture of the system of the present invention, and the second is a flowchart of the main control system according to a specific example of the present invention. The third figure is an example of an instruction prompt according to an embodiment of the present invention, and the fourth figure is an example of a code check according to an embodiment of the present invention. When using the editing system and method of the present invention, a new file is opened to design a workflow diagram of the flowchart and the combined language code design, and the main steps of editing are as follows: Step 1, provided by the flowchart master system module 100 The graphical interface, click on the graphic square button you want to draw. Step 2: After the user selects the graphic block and presses the knowledge, the user enters the node and the connection editing module 200's to draw the position of the drawing through the mouse in the drawing panel, and the graphic is drawn according to the button selected by the user. It is displayed on the grabbing panel of the flowchart main control system module 1 and displayed through the display 10, and the graphic related information is also established in the node management module 300. Step 3, repeat step 2 until the user has finished drawing the desired graphic block, then click the connection button provided by the interface to start the connection according to the relationship between the graphic blocks; if there is a connection in this step In the case of a line error, you can click the right mouse button on the established 1309369 line to select the rider. If there is a square error in this step, you can right click on the created box and delete it in the county. In addition, the party will be removed from the party, and the project will be reflected on the drawing panel of the main control system module 100, and the related information will be recorded in the node management module. Step 4: After the flow chart design is completed, the user can compose the corresponding text description in each graphic block, and press the right mouse button on the graphic box to be input, then four function options will appear, and the setting text option can be selected. The text indicates that the input text of this action will be recorded in the node of the graphic block corresponding to the node management module 300'. Step 5 ’ If the user wants to print the current flow chart displayed on the drawing panel of the main control system module, pressing the print button will print the current flow chart through the printer 20. Step 6 'The user can write the code in each graphic block displayed on the drawing panel of the main control system module 100, and the user presses the right mouse button in the graphic box to be input, and then four function options appear. Editing the program option, the editor window will appear to start writing the code. At this time, the command prompt module 400 will obtain the single-chip command format from the storage unit 32. The command prompt module 4 is responsible for checking the keyboard input and providing timely delivery. For the instruction prompt, please refer to the application example of FIG. 3, and the input program is recorded in the node of the graphic block corresponding to the node management module 300. Step 7. If the user wants to save the current flowchart, according to the archive button of the flowchart master system module 100, all the node data of the current flowchart in the node management module 3 will be stored according to the node number. At the storage unit 30. 12 1309369 Step 8. If the user wants to see the combined language program of the _ picture, then press the view program button. Please refer to the application example in Figure 4. The fourth picture is a program based on the specific example of the present invention. Viewing the example image; the program view module 5 will display the edited code content from the node management module 300 in the code view window, and store the current code process of the flow chart, and the node will be All the nodes of the current management paste of the management module N record the linguistic code, and are stored in the storage unit 31 according to the node number. #移9, If you find that you need to add other graphic blocks at this time, you can go back to Step 1 and add the required graphic blocks. Repeat the above steps. The fifth figure is a flow chart of the editing mode step according to the present invention-specific example. After the process is executed, the main mode (4) will be edited by the mode, that is, the new mode will be opened. To open the old slot that has been stored, first read the content of the broadcast, and the content of the broadcast has the relevant materials set by the financial map, so the material (4) is loaded into the node management module 300 (S4〇5 of Figure 5). Then, the node and the connection editing module _ • according to the information, the graphics are in the flowchart master system module 10. On the panel (S410 in Figure 5), the last edit mode is entered, which can be further edited by the user. S42G in FIG. 5 represents the aforementioned editing mode steps 1, 2, and 3, and FIG. 5 S430 represents the aforementioned editing mode step 4, S431 represents the aforementioned editing mode step 5, and FIG. 5 S440 represents the foregoing. In the editing mode step 6, the above-mentioned butterfly test is represented by 41. 7, the lion of FIG. 5, _ represents the aforementioned editing mode step 8. 13 1309369 In summary, the present invention provides a flowchart and a method for constructing an editing system and method that can be combined with a flowchart and a combined language code on a computer (including a host, a fluorescent screen, a keyboard, a mouse). Main control system module, code view horizontal group node management group, node and connection editing module, command prompt mode _ 5 main ^ 0 flow chart main control system module, providing user interface and screen _ Display function, when the person performs the action through the Wei option provided by this module, the group will be called the program module to complete the $-type designer system development single-chip microprocessor (such as _) combination program When you have to draw a light flow chart block to start writing the program, the designer needs to fill in the corresponding code in each process block. This way, the program flow chart and code can be A high degree of integration. The reliance on the Lord (4) Lai _ system will automatically enter the edit mode, which means that a new standard is opened. The main control system module of Judue provides user operation interface and screen display display function as follows: a. Flow @: Open Lai map slot, open old silk image file, save flow chart right, save new flow chart structure, print Flowchart, leave; b, program Ma · · view the current code, save the program code of the current flow chart; C, flow chart field: select the block component, program start point, scale, subprogram, condition judgment, program end Point, edge connection; d, edit flow chart block: mosquitoes, editing program, setting sequence and delete components; 14 1309369 node and connection editing module, mainly responsible for system drawing flow chart and editing program function; The system provides five kinds of graphic block nodes, such as a program starting point, a program, a subroutine, a conditional judgment, and a program end point, and the user can use the five kinds of block diagrams to plan the flow chart structure of the design program; Start endpoint block: We can do some initialization actions in this graph, such as setting parameters and interrupt service vector; program block: can edit the location For the program to be processed, the relevant program can be placed in this box when the program is counted; the sub-program block: the interrupt sub-program and the sub-program can be edited; the condition judgment block: the condition judgment program can be edited, such as conditional jump and Unconditional jump instruction; Finally, terminate the endpoint block: used to indicate the end point of a program, when a program finishes all work to end, it can be represented by this graphic, which is defined as end. Users can also use the graphics box to draw the system structure diagram, as shown in Figure 2, the system has three parts: the main program, Τ0ΝΕ-ΙΝΙΤ, BEAT-INIT. The system usually works in the main program, which has two subprograms: LOAD-TONE and L0AD_BEAT; and T0NE_INIT and BEATJNIT are interrupt subroutines, which are executed only when their corresponding interrupts occur. As mentioned earlier, the system automatically enters the edit mode window after execution, so the user can start editing the new flowchart, and each flowchart block has 4 editing functions. The user can select the flow chart block to be edited. Before editing, you must first select the desired node, then press the right mouse button on the square to display four functions - setting text, editing program, setting sequence and deleting components; Function, will be 15 1309369 now a small text window 'for the user to edit the annotation on the flow chart box; if you choose the editor function, a text window will appear, for the user to edit the code, when the program is edited, the user will be checked Input and start the command prompt module to provide a program writing interface with a single-chip microprocessor (such as 8051) combined language command prompt function; if the set order function is selected, the user can change the number on the square; The flow chart box selects the delete component function, and the currently edited flow chart block and all the connections of the block can be deleted, and the number is automatically adjusted. In addition, the function of the flow chart box is selected, so that the user can select one of the flow chart blocks of the edit area window through the mouse, drag and drop the flow chart block, or change the size of the flow chart block or select to edit the flow chart block. In addition, the editing flowchart must also have a directional arrow connection function to connect the two edited block diagrams so that the relationship between them is clearly presented. Therefore each connection will have its starting and ending nodes and its path. When the flowchart block node is deleted, the connection of the flowchart block to it is deleted, and when the connection is deleted, only the selected connection is deleted. The necessary information generated in any of the above-mentioned node and connection editing modules will be recorded in the node management module; the node management module 3 (9) provides node management such as insertion, deletion, search, and sorting. Features. Each flowchart block node on the screen will have its corresponding data structure, which records the screen coordinates of the corresponding node and the type of the node (recording the node as the program starting point, or program, or subroutine, or condition) Judgment, or program end point), node size (record stream 16 1309369 block width and width), node number, node text description, node code, path record for each connection from this node . The six-figure diagram is the process step of the invention of the root county-specific instructions. When the user edits the program input command in the block node, the command prompt is input, and the touch is responsible for checking the input of the keyboard, prompting the user to input the command format of the person. In the case of the _combination program, the developer's probably must memorize the idiom's instruction and format. For example, the combination language used by the 8051 has 111 instructions, 瘫 255 variations of the format 'if not used frequently It is easy to forget that the system has planned the input command prompt module to solve this problem, and the instruction format required by the command prompt module is read by the previously created specific file (for example, called instruction file). And store it in the program staging area of the program. If the content of the instruction file is changed, it can be applied to different single-chip microprocessors. The operation flow of the instruction prompt module is as shown in FIG. 6: Step S510, the keyboard event occurs; φ Step S52〇'According to the keyboard event, The instruction entered by the programmer in the editing panel is compared with the instruction in the instruction temporary storage area; · - Step S530, checking whether there is a matching instruction;
,' 步驟邡40，若有，例如輸入MOV，則取回指令暫存區内所有M 開頭的指令’將取回的指令加入到List選單，並以目前鍵盤 輸入游標的位置，彈出選單提示使用者可以使用的指令；請參 考圖三之應用例示； 17 1309369 步驟S550 ’使用者點選清單的指令後，將此指令自動輸入程式 編輯面板； 若之前步驟S520，沒有搜尋到符合的指令，則不顯示任何清 單，如圖六步驟S560所示。 程式碼檢視模組，主要負責將已經編輯好的組合語言程式碼 内容顯示在程式碼檢視視窗；已輸入組合語言程式碼的流程圖方 塊，其程式碼皆會被節點管理模組所記錄，因此程式碼檢視模組 是把已經編輯好的流程圖方塊，依照使用者所設定的流程編號順 序，取得組合語言程式碼，並將程式碼經過排版後顯示在程式碼 檢視視窗，請參考第四圖，第四圖係為根據本發明一具體實例之 程式碼檢視實例圖。 上述實施例說明，已例示本發明之原理與功效，而非限制本 發明，熟悉此技藝之人士均可在不違背本發明之精神與範疇下， 進行各種修飾與變更。 【圖式簡單說明】 第一圖係為本發明之系統基本架構方塊示意圖； 第二圖為一示意圖，顯示本發明之結合流程圖與組合語言程式碼 之編輯系統與方法之應用例示； 第三圖為一示意圖，顯示本發明之指令提示模組之應用例示； 第四圖為一示意圖，顯示本發明之程式碼檢視之應用例示； 第五圖為一流程圖，顯示本發明之編輯模式流程步驟； 第八圓為一流程圖，顯示本發明之指令提示模組的流程步驟； 18, 'Step 邡 40, if any, for example, input MOV, then retrieve all instructions starting with M in the temporary storage area' to add the retrieved instructions to the List menu, and enter the position of the cursor with the current keyboard, pop-up menu prompts to use The instruction that can be used by the user; please refer to the application example in FIG. 3; 17 1309369 Step S550 ' After the user clicks the instruction of the list, the instruction is automatically input into the program editing panel; if the previous step S520, the matching instruction is not found, then No list is displayed, as shown in step S560 of Fig. 6. The code view module is mainly responsible for displaying the content of the edited combined language code in the code view window; the flow chart block of the combined language code is input, and the code is recorded by the node management module, so The code view module is to process the edited process block according to the process number sequence set by the user, and the code is displayed in the code view window after being formatted, please refer to the fourth figure. The fourth figure is an example view of a code view according to an embodiment of the present invention. The above-described embodiments are illustrative of the principles and advantages of the invention, and are not intended to limit the scope of the invention, and various modifications and changes can be made without departing from the spirit and scope of the invention. BRIEF DESCRIPTION OF THE DRAWINGS The first figure is a block diagram of the basic architecture of the system of the present invention; the second figure is a schematic diagram showing an application example of the editing system and method of the combined flowchart and combined language code of the present invention; The figure is a schematic diagram showing an application example of the instruction prompting module of the present invention; the fourth figure is a schematic diagram showing an application example of the code view of the present invention; and the fifth figure is a flowchart showing the editing mode flow of the present invention. Step 8; the eighth circle is a flowchart showing the flow steps of the command prompt module of the present invention;