TWI695354B - Computer programming learning system - Google Patents

Computer programming learning system Download PDF

Info

Publication number
TWI695354B
TWI695354B TW107141554A TW107141554A TWI695354B TW I695354 B TWI695354 B TW I695354B TW 107141554 A TW107141554 A TW 107141554A TW 107141554 A TW107141554 A TW 107141554A TW I695354 B TWI695354 B TW I695354B
Authority
TW
Taiwan
Prior art keywords
context
current
previous
command
computer program
Prior art date
Application number
TW107141554A
Other languages
Chinese (zh)
Other versions
TW202020828A (en
Inventor
呂英璋
Original Assignee
呂英璋
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 呂英璋 filed Critical 呂英璋
Priority to TW107141554A priority Critical patent/TWI695354B/en
Application granted granted Critical
Publication of TW202020828A publication Critical patent/TW202020828A/en
Publication of TWI695354B publication Critical patent/TWI695354B/en

Links

Images

Landscapes

  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)
  • Electrically Operated Instructional Devices (AREA)

Abstract

A computer program programming learning system is provided. The computer program programming learning system has a script resource library having at least one context script. The context script has at least one context unit, wherein the context unit allows the learner to input a contextual instruction and a context parameter by using a computer program initial default standard syntax, and the learning system parses the contextual instruction and a context parameter received by the contextual unit according to the standard syntax to obtain a written language, and converting the writing language into a programming language that the computer program initially uses the standard syntax to output a current context page and present it, and it is easy to learn how to use the standard syntax. In addition, the script resource library provides contextual design to provide learners with an interesting learning environment.

Description

電腦程式編程學習系統Computer programming learning system

本發明涉及一種學習系統,特別係指一種電腦程式編程學習系統。The invention relates to a learning system, in particular to a computer programming learning system.

電腦程式一般都需透過初始默認使用標準語法的程式語言來進行程式撰寫工作,因此,要學習程式撰寫需要先了解電腦程式初始默認使用標準語法的程式語言,然並不是所有學習電腦程式初始默認的程式語言都能讓學習者孰悉,使得學習者要學習電腦程式初始默認的標準語法非常困難。Computer programs generally need to be written through a programming language that initially uses standard grammar. Therefore, to learn program writing, you must first understand the programming language that uses initial standard grammar for computer programs. However, not all programs that learn computer programs initially use default grammar. The programming language can be learned by learners, making it very difficult for learners to learn the initial default standard grammar of computer programs.

因此,如何讓學習者學習電腦程式的標準語法的使用,讓學習電腦程式撰寫容易即為本發明待解決之技術課題。Therefore, how to let the learner learn the use of the standard grammar of the computer program and make the learning of the computer program easy to write is the technical problem to be solved by the present invention.

鑒於上述先前技術之缺點,本發明係提供一種電腦程式編程學習系統,係設置於網路雲端,以供一學習者於網路近端透過網路,而學習電腦程式的程式撰寫,電腦程式係透過初始默認使用一標準語法的一程式語言執行運作,學習者以使用該標準語法的一撰寫語言來令該電腦程式執行運作,該電腦程式編程學習系統係包括:腳本資源庫、執行條件輸入模組、編程模組與執行模組。腳本資源庫係具有情境腳本,情境腳本係具有至少一情境單元;執行條件輸入模組係使用該標準語法透過撰寫語言對情境單元輸入先前情境指令與當前情境指令,且用於對先前情境指令輸入先前情境參數,還用於對當前情境指令輸入當前情境參數;編程模組具有情境單元選擇界面、先前執行條件界面與當前執行條件界面,情境單元選擇界面係供學習者選擇情境單元,而令先前執行條件界面顯示屬於情境單元的先前情境指令及先前情境指令被輸入的先前情境參數,還令執行條件輸入模組執行而供學習者輸入屬於情境單元的當前情境指令,且對當前情境指令輸入當前情境參數,而後令當前執行條件界面顯示當前情境指令及當前情境指令被輸入的當前情境參數,俾提供對比先前情境指令與當前情境指令的差異,或提供對比先前情境參數與當前情境參數的差異;以及執行模組係用以依據該標準語法解析該執行條件輸入模組對該情境單元所接收到的當前情境指令以及當前情境參數,並將解析而得到的撰寫語言轉換為程式語言予以執行,以輸出一當前情境網頁並予以呈現,且顯示執行情境腳本的情境單元的被輸入當前情境參數的當前情境指令的畫面,而利於學習者學習該標準語法的使用方式。In view of the above-mentioned shortcomings of the prior art, the present invention provides a computer program programming learning system, which is set in a network cloud for a learner to write a computer program through the network at the near end of the network. The computer program is By initially using a programming language that uses a standard grammar by default, the learner uses a writing language that uses the standard grammar to execute the computer program. The computer program programming learning system includes: a script resource library, an execution condition input module Group, programming module and execution module. The script resource library has a context script, and the context script has at least one context unit; the execution condition input module uses the standard grammar to input the previous context command and the current context command to the context unit through the writing language, and is used to input the previous context command The previous context parameter is also used to input the current context parameter to the current context command; the programming module has a context unit selection interface, a previous execution condition interface and a current execution condition interface. The context unit selection interface is for the learner to select the context unit, which makes the previous The execution condition interface displays the previous situation commands belonging to the situation unit and the previous situation parameters entered by the previous situation commands, and also causes the execution condition input module to execute for the learner to input the current situation instructions belonging to the situation unit, and input the current Contextual parameters, and then the current execution condition interface displays the current contextual commands and the current contextual parameters entered in the current contextual commands, to provide a comparison between the previous contextual commands and the current contextual commands, or to provide a comparison between the previous contextual parameters and the current contextual parameters; And the execution module is used to parse the current condition command and current situation parameter received by the execution condition input module to the situation unit according to the standard grammar, and convert the parsed writing language into a programming language to execute, A current situation web page is output and presented, and a picture of the current situation instruction of the situation unit executing the situation script is inputted with the current situation parameters, which is beneficial for the learner to learn how to use the standard grammar.

相較於先前技術,本發明的電腦程式編程學習系統,主要係讓學習者能透過自身孰悉的撰寫語言並使用電腦程式初始默認的標準語法來進行電腦程式的撰寫,且讓撰寫後的電腦程式能採用初始默認使用標準語法的程式語言執行,俾讓學習者無需學習電腦程式初始默認的程式語言,也能學習電腦程式初始默認標準語法,而讓電腦程式編程的學習容易。此外,電腦程式的執行結果可透過網頁畫面以情境化的方式呈現,以提供有趣的學習環境,並讓學習者直觀了解所輸入的指令與參數的情境效果。Compared with the prior art, the computer program programming and learning system of the present invention mainly allows learners to write computer programs through their own written language and use the initial default standard grammar of the computer program to write the computer program, and let the written computer The program can be executed in a programming language that uses the initial default standard grammar, so that learners can learn the initial default standard grammar of the computer program without learning the initial default programming language of the computer program, and make the learning of the computer program programming easier. In addition, the execution results of the computer program can be presented in a contextual way through the web page screen to provide an interesting learning environment and allow the learner to intuitively understand the contextual effects of the input commands and parameters.

以下內容將搭配圖式,藉由特定的具體實施例說明本申請之技術內容,熟悉此技術之人士可由本說明書所揭示之內容輕易地了解本申請之其他優點與功效。本申請亦可藉由其他不同的具體實施例加以施行或應用。本說明書中的各項細節亦可基於不同觀點與應用,在不背離本申請之精神下,進行各種修飾與變更。尤其是,於圖式中各個元件的比例關係及相對位置僅具示範性用途,並非代表本申請實施的實際狀況。The following content will be used in conjunction with the drawings to illustrate the technical content of this application through specific specific embodiments. Those familiar with this technology can easily understand other advantages and effects of this application from the content disclosed in this specification. This application can also be implemented or applied by other different specific embodiments. Various details in this specification can also be based on different viewpoints and applications, and various modifications and changes can be made without departing from the spirit of this application. In particular, the proportional relationships and relative positions of the various elements in the drawings are for exemplary purposes only, and do not represent the actual status of the implementation of this application.

請一併參閱圖1至圖6,本發明的電腦程式編程學習系統1係設置於網路雲端,以供學習者於網路近端3透過網路學習電腦程式的程式撰寫,其中,電腦程式係例如為JavaScript電腦程式,乃透過初始默認使用標準語法的程式語言L1執行。電腦程式編程學習系統1包括有:腳本資源庫11、執行條件輸入模組12、編程模組13與執行模組14。腳本資源庫11係具有針對學習者設計的至少一情境腳本,情境腳本係由至少一情境單元SU所構成,如此,可對本發明的電腦程式編程學習系統1中的程式執行結果提供情境化設計,以提供學習者有趣的學習環境,針對情境化設計,如圖4至圖5所示,電腦程式編程學習系統1中的程式執行結果提供番茄對戰南瓜的情境化設計。優選地,情境腳本ST係具有複數不同屬性的情境單元SU,俾豐富情境腳本ST的內容,以讓學習者隨著複數不同屬性的情境單元SU,學習複數不同屬性的情境指令及其情境參數。Please refer to FIG. 1 to FIG. 6 together. The computer program programming and learning system 1 of the present invention is installed in the network cloud for learners to write programs for learning computer programs through the network at the near-end 3 of the network. Among them, computer programs For example, it is a JavaScript computer program, which is executed through a programming language L1 that initially uses standard syntax. The computer program programming and learning system 1 includes a script resource library 11, an execution condition input module 12, a programming module 13 and an execution module 14. The script resource library 11 has at least one context script designed for learners. The context script is composed of at least one context unit SU. In this way, the context execution design can be provided for the program execution result in the computer program programming learning system 1 of the present invention. In order to provide the learner with an interesting learning environment, for the contextual design, as shown in FIGS. 4 to 5, the program execution results in the computer programming learning system 1 provide the contextual design of tomato versus pumpkin. Preferably, the context script ST is a context unit SU with a plurality of different attributes, so as to enrich the content of the context script ST, so that the learner can learn the context instructions and context parameters of a plurality of different attributes along with the context unit SU with a plurality of different attributes.

執行條件輸入模組12係提供讓學習者以使用電腦程式初始默認的標準語法的撰寫語言L2對情境單元SU輸入先前情境指令OB與當前情境指令ON,以進行電腦程式的撰寫,如此可讓學習者無需學習電腦程式初始默認使用標準語法的程式語言L1,以降低學習者輸入先前情境指令OB與當前情境指令ON的難度。一般而言,該電腦程式的程式語言L1係採用英文字母撰寫而成,該撰寫語言L2係例如為學習者孰悉的母語,例如中文、韓文或日文等不同國家的語言,所述先前情境指令OB係指學習者先前對情境單元SU所輸入情境指令,所述當前情境指令ON係指學習者當前對情境單元SU所輸入情境指令,舉例而言,學習者若為中國人,其輸入的孰悉撰寫語言L2的語法為「若 a=c 則令 a=0 若否 則令 a=1」,前述的撰寫語言在電腦程式端所表示的程式語言L1的語法為「If a=c then set a=0  Else Set a=1」。另外,執行條件輸入模組12還可用於對先前情境指令OB輸入先前情境參數VB,也可用於對當前情境指令ON輸入當前情境參數VN。應說明的是,先前情境指令OB與當前情境指令ON可能不同,或先前情境參數VB與當前情境參數VN可能不同。The execution condition input module 12 is provided for the learner to input the previous situation command OB and the current situation command ON to the situation unit SU in the writing language L2 using the initial default standard grammar of the computer program, so as to write the computer program, so that learning The learner does not need to learn the programming language L1 of the standard grammar by default in order to reduce the difficulty for the learner to input the previous situation command OB and the current situation command ON. Generally speaking, the programming language L1 of the computer program is written in English letters, and the writing language L2 is, for example, the mother tongue known by the learner, such as the languages of different countries such as Chinese, Korean or Japanese. OB refers to the context command previously input by the learner to the context unit SU, and the current context command ON refers to the context command currently input by the learner to the context unit SU. For example, if the learner is Chinese, the input It is understood that the grammar of the writing language L2 is "if a=c, then let a=0 if otherwise let a=1", and the grammar of the programming language L1 represented by the aforementioned writing language on the computer terminal is "If a=c then set a =0 Else Set a=1". In addition, the execution condition input module 12 can also be used to input the previous context parameter VB to the previous context command OB, and can also be used to input the current context parameter VN to the current context command ON. It should be noted that the previous context command OB and the current context command ON may be different, or the previous context parameter VB and the current context parameter VN may be different.

如圖2所示,編程模組13具有情境單元選擇界面131、先前執行條件界面132與當前執行條件界面133,情境單元選擇界面131係供學習者選擇複數情境單元SU中的一者,而令先前執行條件界面132顯示屬於所選擇情境單元SU的先前情境指令OB及先前情境指令OB被輸入的先前情境參數VB,還令執行條件輸入模組12執行,而供學習者輸入屬於所選擇情境單元SU的當前情境指令ON,且對當前情境指令ON輸入當前情境參數VN,而後令當前執行條件界面133顯示當前情境指令ON及當前情境指令ON被輸入的當前情境參數VN,俾提供對比先前情境指令OB與當前情境指令ON的差異,或提供對比先前情境參數VB與當前情境參數VN的差異,而有助於學習者檢查除錯。優選地,當前執行條件界面133係透過顏色或標記凸顯當前情境指令ON與先前情境指令OB的差異處,或凸顯當前情境參數VN與先前情境參數VB的差異處,而有助於學習者檢查除錯。As shown in FIG. 2, the programming module 13 has a context unit selection interface 131, a previous execution condition interface 132, and a current execution condition interface 133. The context unit selection interface 131 is for a learner to select one of the plurality of context units SU, so that The previous execution condition interface 132 displays the previous situation command OB belonging to the selected situation unit SU and the previous situation parameter VB input by the previous situation command OB, and also causes the execution condition input module 12 to execute for the learner to input the selected situation unit SU's current context command is ON, and the current context parameter VN is input to the current context command ON, and then the current execution condition interface 133 displays the current context command ON and the current context command ON the entered current context parameter VN, to provide comparison with the previous context command The difference between the OB and the current situation command ON, or to provide a comparison between the previous situation parameter VB and the current situation parameter VN, which helps the learner to check and debug. Preferably, the current execution condition interface 133 highlights the difference between the current situation command ON and the previous situation command OB, or highlights the difference between the current situation parameter VN and the previous situation parameter VB through colors or marks, which helps the learner to check and remove wrong.

優選地,如圖3所示,先前執行條件界面132與該當前執行條件界面133係左右並排顯示於一屏幕4中,俾提供直觀地對比先前情境指令OB與當前情境指令ON的差異,或提供直觀地對比先前情境參數VB與該當前情境參數VN的差異,而有助於學習者檢查除錯,以利於學習者對於電腦程式撰寫的學習。情境單元選擇界面131係將情境單元SU顯示於屏幕4中位於先前執行條件界面132與當前執行條件界面133下方的區域,俾利於學習者執行選擇操作。Preferably, as shown in FIG. 3, the previous execution condition interface 132 and the current execution condition interface 133 are displayed side by side on a screen 4, so as to provide an intuitive comparison of the difference between the previous situation command OB and the current situation command ON, or provide Intuitively compare the difference between the previous situation parameter VB and the current situation parameter VN, which helps the learner to check and debug, so as to facilitate the learner's learning of computer program writing. The context unit selection interface 131 displays the context unit SU in the area of the screen 4 below the previous execution condition interface 132 and the current execution condition interface 133, so that the learner can perform the selection operation.

執行模組14係依據電腦程式初始默認的標準語法解析執行條件輸入模組12對情境單元SU所接收到的當前情境指令ON以及當前情境參數VN,並將解析而得到的撰寫語言L2轉換為如圖4所示的程式語言L1予以執行,以輸出如圖6所示的當前情境網頁PN並予以呈現,以顯示執行情境腳本ST的情境單元SU的被輸入當前情境參數VN的當前情境指令ON的畫面,而利於學習當前情境指令ON或當前情境參數VN的視覺效果,而有助於學習者學習電腦程式初始默認標準語法的使用方式。另應說明的是,當前情境網頁PN可提供學習者或其他關心者於各自的網路近端透過網路擷取,使電腦程式撰寫的學習方式更為多元,且可以提供異地異時瀏覽的功效。The execution module 14 parses the execution condition input module 12 to the current situation command ON and the current situation parameter VN received by the situation unit SU according to the initial default standard syntax of the computer program, and converts the parsed writing language L2 into The programming language L1 shown in FIG. 4 is executed to output and present the current situation web page PN shown in FIG. 6 to show that the current situation command of the situation unit SU executing the situation script ST is inputted with the current situation parameter VN Screen, which is conducive to learning the visual effect of the current situation command ON or the current situation parameter VN, and helps the learner to learn how to use the initial default standard grammar of the computer program. It should also be noted that the current contextual webpage PN can provide learners or other caregivers to retrieve through the network at the near end of their respective networks, so that the learning methods written by computer programs are more diverse, and can provide different places and different time browsing effect.

另外,執行模組14還可透過使用該標準語法的程式語言L1執行被輸入先前情境參數VB的先前情境指令OB,並將執行的結果透過如圖5所示的先前情境網頁PB呈現,以顯示執行情境腳本ST的情境單元SU的被輸入先前情境參數VB的先前情境指令OB的畫面,俾提供對比先前情境指令OB與當前情境指令ON的差異,或提供對比先前情境參數VB與當前情境參數VN的差異,而利於學習者學習該電腦程式的程式語法的使用方式。另應說明的是,先前情境網頁PB可提供學習者或其他關心者於各自的網路近端透過網路擷取,使電腦程式撰寫的學習方式更為多元,而可以提供異地異時瀏覽的功效。In addition, the execution module 14 can also execute the previous context command OB inputted with the previous context parameter VB through the programming language L1 using the standard syntax, and present the execution result through the previous context webpage PB shown in FIG. 5 for display The screen of the previous context command OB of the context unit SU executing the scenario script ST, into which the previous context parameter VB was input, to provide a comparison of the difference between the previous context command OB and the current context command ON, or to provide a comparison of the previous context parameter VB and the current context parameter VN Differences, and it is helpful for learners to learn the use of the program grammar of the computer program. It should also be noted that the previous contextual web page PB can provide learners or other interested persons to retrieve through the network at the near end of their respective networks, so that the learning methods written by computer programs are more diverse, and can provide remote browsing at different times. effect.

由上可知,本發明電腦程式編程學習系統讓學習者易於學習該電腦程式的標準語法撰寫,此外,本發明還可以實現多國化語言輸入的程式撰寫,例如中文化、日文化或韓文化等撰寫語言的輸入,讓程式撰寫語言的輸入方式更有彈性,有效解決現有學習者需要預先記憶電腦程式語言而卻步於電腦程式學習的問題。As can be seen from the above, the computer program programming learning system of the present invention makes it easy for learners to learn the standard grammar writing of the computer program. In addition, the present invention can also implement programming of multi-language input, such as Chinese culture, Japanese culture or Korean culture, etc. The input of the writing language makes the input method of the programming language more flexible, effectively solving the problem that existing learners need to memorize the computer programming language before stepping on the computer program learning.

此外,本發明電腦程式編程學習系統1還可設置復原模組15與儲存模組16。在當前情境網頁PN的呈現結果異常時,學習者係可藉由復原模組15,令當前情境指令ON復原為先前情境指令OB,或令當前情境參數VN復原為先前情境參數VB,讓學習電腦程式撰寫簡單。儲存模組16係儲存先前情境指令OB、當前情境指令ON、先前情境參數VB、當前情境參數VN、當前情境網頁PN與先前情境網頁PB,俾紀錄學習者學習該電腦程式的標準語法的使用方式。In addition, the computer program programming and learning system 1 of the present invention can also be provided with a recovery module 15 and a storage module 16. When the rendering result of the current context page PN is abnormal, the learner can use the recovery module 15 to reset the current context command ON to the previous context command OB, or to restore the current context parameter VN to the previous context parameter VB, so that the learning computer Programming is simple. The storage module 16 stores the previous context command OB, the current context command ON, the previous context parameter VB, the current context parameter VN, the current context webpage PN and the previous context webpage PB, so as to record how the learner uses the standard grammar of the computer program .

綜上所述,本發明的電腦程式編程學習系統係設置於網路雲端,讓學習者能於網路近端透過使用標準語法的撰寫語言來進行電腦程式撰寫工作,且讓電腦程式能採用初始默認使用標準語法的程式語言執行,並將電腦程式的執行結果透過網頁畫面的方式呈現,而讓學習者直觀了解電腦程式的執行效果,以學習該電腦程式標準語法的使用。另外,本發明的電腦程式編程學習系統還提供情境化設計的腳本,以提供學習者有趣的學習環境。In summary, the computer program programming and learning system of the present invention is installed in the network cloud, allowing learners to write computer programs at the near end of the network through a writing language using standard grammar, and allows the computer program to adopt the initial By default, the programming language of the standard grammar is used for execution, and the execution result of the computer program is presented through a web page screen, so that the learner can intuitively understand the execution effect of the computer program to learn the use of the standard grammar of the computer program. In addition, the computer programming learning system of the present invention also provides scenario-designed scripts to provide learners with an interesting learning environment.

上述實施例僅例示性說明本申請之原理及功效,而非用於限制本申請。任何熟習此項技術之人士均可在不違背本申請之精神及範疇下,對上述實施例進行修飾與改變。因此,本申請之權利保護範圍,應如本申請申請專利範圍所列。The above-mentioned embodiments are only illustrative of the principles and effects of the present application, not intended to limit the present application. Anyone who is familiar with this technology can modify and change the above embodiments without departing from the spirit and scope of this application. Therefore, the scope of protection of the rights of this application should be as listed in the scope of patent applications of this application.

1         電腦程式編程學習系統 11       腳本資源庫 12       執行條件輸入模組 13       編程模組 131     情境單元選擇界面 132     先前執行條件界面 133     當前執行條件界面 14       執行模組 15       復原模組 16       儲存模組 2         網路雲端 3         網路近端 4         屏幕 ST              情境腳本 SU      情境單元 OB      先前情境指令 ON      當前情境指令 VB      先前情境參數 VN      當前情境參數 PN      當前情境網頁 PB       先前情境網頁 L1       程式語言 L2       撰寫語言1 Computer programming and learning system 11 Script resource library 12 Execution condition input module 13 Programming module 131 Situation unit selection interface 132 Previous execution condition interface 133 Current execution condition interface 14 Execution module 15 Storage module 16 Recovery module 16 Recover module 16 Cloud 3 Near-end of the network 4 Screen ST ST Context scenario script SU Context unit OB Previous context command ON Current scenario command VB Context page Current context parameter PN Previous scenario parameter

圖1,係本發明電腦程式編程學習系統的使用狀態示意圖。FIG. 1 is a schematic view of the use state of the computer program learning system of the present invention.

圖2,係本發明電腦程式編程學習系統的系統架構示意圖。2 is a schematic diagram of the system architecture of the computer program learning system of the present invention.

圖3,係本發明電腦程式編程學習系統透過撰寫語言撰寫電腦程式的示意圖。FIG. 3 is a schematic diagram of a computer program programming learning system of the present invention writing a computer program through a writing language.

圖4,係本發明電腦程式編程學習系統透過程式語言執行電腦程式的示意圖。FIG. 4 is a schematic diagram of the computer program programming learning system of the present invention executing a computer program through a programming language.

圖5,係本發明電腦程式編程學習系統的先前情境網頁的畫面示意圖。FIG. 5 is a schematic diagram of a previous scenario webpage of the computer programming learning system of the present invention.

圖6,係本發明電腦程式編程學習系統的當前情境網頁的畫面示意圖。FIG. 6 is a schematic diagram of the web page of the current context of the computer programming learning system of the present invention.

1         電腦程式編程學習系統 11       腳本資源庫 12       執行條件輸入模組 13       編程模組 131     情境單元選擇界面 132     先前執行條件界面 133     當前執行條件界面 14       執行模組 15       復原模組 16       儲存模組 4         屏幕1 Computer programming and learning system 11 Script resource library 12 Execution condition input module 13 Programming module 131 Situation unit selection interface 132 Previous execution condition interface 133 Current execution condition interface 14 Execution module 15 Module 16 Recovery module Recovered

Claims (10)

一種電腦程式編程學習系統,該電腦程式係透過初始默認使用一標準語法的一程式語言執行運作,一學習者係以使用該標準語法的一撰寫語言來令該電腦程式執行運作,該電腦程式編程學習系統係包括:一腳本資源庫,該腳本資源庫係具有至少一情境腳本,該情境腳本係具有至少一情境單元;一執行條件輸入模組,該執行條件輸入模組係使用該標準語法透過該撰寫語言,對該情境單元輸入一先前情境指令與一當前情境指令,且對該先前情境指令輸入一先前情境參數,還對該當前情境指令輸入一當前情境參數;一編程模組,該編程模組具有一情境單元選擇界面、一先前執行條件界面與一當前執行條件界面,該情境單元選擇界面係供該學習者選擇該情境單元,而令該先前執行條件界面顯示屬於該情境單元的該先前情境指令及該先前情境指令被輸入的該先前情境參數,還令該執行條件輸入模組執行而供該學習者輸入屬於該情境單元的該當前情境指令,且對該當前情境指令輸入該當前情境參數,而後令該當前執行條件界面顯示該當前情境指令及該當前情境指令被輸入的該當前情境參數,俾提供對比該先前情境指令與該當前情境指令的差異,或提供對比該先前情境參數與該當前情境參數的差異;以及一執行模組,該執行模組係依據該標準語法解析該執行條件輸入模組對該情境單元所接收到的當前情境指令以及當前情境參數,並將解析而得到的包括有該當前情境指令以及該當前情境參數的撰寫語言轉換為該程式語言予以執行,以輸出一當前情境網頁並予以呈現,以顯示執行該情境腳本的該情境單元 的被輸入該當前情境參數的該當前情境指令的畫面,而利於該學習者學習該標準語法的使用方式。 A computer program programming and learning system. The computer program is initially operated by a programming language that uses a standard grammar. A learner uses a writing language that uses the standard grammar to run the computer program. The computer program is programmed The learning system includes: a script resource library, the script resource library has at least one context script, the scenario script has at least one context unit; an execution condition input module, the execution condition input module uses the standard syntax through The writing language, input a previous context command and a current context command to the context unit, and input a previous context parameter to the previous context command, and also input a current context parameter to the current context command; a programming module, the programming The module has a context unit selection interface, a previous execution condition interface, and a current execution condition interface. The context unit selection interface is for the learner to select the context unit, so that the previous execution condition interface displays the belonging to the context unit The previous context command and the previous context parameter input by the previous context command also cause the execution condition input module to execute for the learner to input the current context command belonging to the context unit, and input the current context command to the current context command Context parameters, and then the current execution condition interface displays the current context command and the current context parameter in which the current context command is input, to provide a comparison of the difference between the previous context command and the current context command, or to provide a comparison of the previous context parameter The difference from the current context parameter; and an execution module that parses the current context command and the current context parameter received by the execution condition input module for the context unit according to the standard grammar and analyzes the The obtained writing language including the current situation command and the current situation parameter is converted into the programming language to be executed, to output a current situation web page and render it to display the situation unit executing the situation script The picture of the current situation instruction that is input to the current situation parameter facilitates the learner to learn how to use the standard grammar. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該當前執行條件界面係透過顏色或標記凸顯該當前情境指令與該先前情境指令的差異處,或凸顯該當前情境參數與該先前情境參數的差異處。 The computer program programming learning system as described in item 1 of the patent application scope, wherein the current execution condition interface highlights the difference between the current context command and the previous context command by color or mark, or highlights the current context parameter and the Differences in previous situational parameters. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該執行模組係透過該程式語言執行被輸入該先前情境參數的該先前情境指令,並將執行的結果透過一先前情境網頁呈現,以顯示執行該情境腳本的該情境單元的被輸入該先前情境參數的該先前情境指令的畫面,俾提供對比該先前情境指令與該當前情境指令的差異,或提供對比該先前情境參數與該當前情境參數的差異,而利於該學習者學習該標準語法的使用方式。 The computer program programming and learning system as described in item 1 of the patent application scope, wherein the execution module executes the previous context command inputted with the previous context parameter through the programming language, and passes the execution result through a previous context web page Rendering to display a screen of the previous context command of the context unit executing the context script into which the previous context parameter was input, to provide a comparison of the difference between the previous context command and the current context command, or to provide a comparison of the previous context parameter and The difference in the current situational parameters is beneficial to the learner in learning how to use the standard grammar. 如申請專利範圍第3項所述之電腦程式編程學習系統,還包括一復原模組,當該當前情境網頁的呈現結果異常時,該學習者係可藉由該復原模組,令該當前情境指令復原為該先前情境指令,或令該當前情境參數復原為該先前情境參數。 The computer program programming learning system as described in item 3 of the patent application scope also includes a recovery module. When the rendering result of the current situation web page is abnormal, the learner can use the recovery module to make the current situation The instruction is restored to the previous context instruction, or the current context parameter is restored to the previous context parameter. 如申請專利範圍第3項所述之電腦程式編程學習系統,還包括一儲存模組,該儲存模組係儲存該先前情境指令、該當前情境指令、該先前情境參數、該當前情境參數、該當前情境網頁與該先前情境網頁,俾紀錄該學習者學習該電腦程式的標準語法的歷程。 The computer program programming learning system as described in item 3 of the patent application scope also includes a storage module that stores the previous context command, the current context command, the previous context parameter, the current context parameter, the The current contextual webpage and the previous contextual webpage record the learner's journey of learning the standard grammar of the computer program. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該情境腳本係具有複數不同屬性的情境單元,俾豐富該情境腳本的內容。 The computer program programming learning system as described in item 1 of the patent application scope, wherein the context script is a context unit having a plurality of different attributes, so as to enrich the content of the context script. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該先前情境指令與該當前情境指令不同,或該先前情境參數與該當前情境參數不同。 The computer program programming learning system as described in item 1 of the scope of the patent application, wherein the previous context command is different from the current context command, or the previous context parameter is different from the current context parameter. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該電腦程式編程學習系統係設置於一網路雲端,俾供該學習者透過網路於一網路近端學習該電腦程式的標準語法的使用方式。 The computer program programming and learning system as described in item 1 of the patent application scope, wherein the computer program programming and learning system is set on a network cloud for the learner to learn the computer program on a network near-end through the network Use of the standard grammar. 如申請專利範圍第1項所述之電腦程式編程學習系統,其中,該先前執行條件界面與該當前執行條件界面係左右並排顯示於一屏幕中,俾提供對比該先前情境指令與該當前情境指令的差異,或提供對比該先前情境參數與該當前情境參數的差異,而利於該學習者學習該電腦程式的標準語法的使用方式。 The computer program programming learning system as described in item 1 of the patent application scope, wherein the previous execution condition interface and the current execution condition interface are displayed side by side on a screen to provide a comparison between the previous situation command and the current situation command Or provide a way to compare the difference between the previous situational parameter and the current situational parameter, so that the learner can use the standard grammar of the computer program. 如申請專利範圍第9項所述之電腦程式編程學習系統,其中,該情境單元選擇界面係將該情境單元顯示於該屏幕中位於該先前執行條件界面與該當前執行條件界面下方的區域。 The computer program programming and learning system as described in item 9 of the patent application scope, wherein the context unit selection interface displays the context unit in the area of the screen below the previous execution condition interface and the current execution condition interface.
TW107141554A 2018-11-21 2018-11-21 Computer programming learning system TWI695354B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW107141554A TWI695354B (en) 2018-11-21 2018-11-21 Computer programming learning system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW107141554A TWI695354B (en) 2018-11-21 2018-11-21 Computer programming learning system

Publications (2)

Publication Number Publication Date
TW202020828A TW202020828A (en) 2020-06-01
TWI695354B true TWI695354B (en) 2020-06-01

Family

ID=72175497

Family Applications (1)

Application Number Title Priority Date Filing Date
TW107141554A TWI695354B (en) 2018-11-21 2018-11-21 Computer programming learning system

Country Status (1)

Country Link
TW (1) TWI695354B (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW548564B (en) * 1999-08-31 2003-08-21 American Express Travel Relate Methods and apparatus for conducting electronic commerce
CN1798153A (en) * 2004-12-28 2006-07-05 国际商业机器公司 Runtime optimizing applications method and system for a target system from within a deployment server
US20090100345A1 (en) * 2007-10-15 2009-04-16 Miller Edward F Method and System for Testing Websites
US20140170633A1 (en) * 2012-12-14 2014-06-19 Kelvin Voon-Kit Chong Programming learning center

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW548564B (en) * 1999-08-31 2003-08-21 American Express Travel Relate Methods and apparatus for conducting electronic commerce
CN1798153A (en) * 2004-12-28 2006-07-05 国际商业机器公司 Runtime optimizing applications method and system for a target system from within a deployment server
US20090100345A1 (en) * 2007-10-15 2009-04-16 Miller Edward F Method and System for Testing Websites
US20140170633A1 (en) * 2012-12-14 2014-06-19 Kelvin Voon-Kit Chong Programming learning center

Also Published As

Publication number Publication date
TW202020828A (en) 2020-06-01

Similar Documents

Publication Publication Date Title
Vendome et al. Can everyone use my app? an empirical study on accessibility in android apps
CN109634592A (en) Graphical Python programming exchange method, system and electronic equipment
US20170243512A1 (en) Situational programming teaching method and computer program product
CN107423049A (en) Realize method, browser and the terminal device of online programming
CN101958058A (en) Digitized classroom teaching system
WO2018099356A1 (en) Method and system for analysing operation fluency of android terminal application
US20170229032A1 (en) Methods and systems for user-interface-assisted composition construction
WO2019133224A1 (en) Interactive learning tool
Sharrock et al. Codecast: An innovative technology to facilitate teaching and learning computer programming in a C language online course
CN109165014B (en) Method, device and equipment for editing control and computer storage medium
TWI695354B (en) Computer programming learning system
Giunchi et al. DreamCodeVR: Towards Democratizing Behavior Design in Virtual Reality with Speech-Driven Programming
Lipman LearnCS! a new, browser-based C programming environment for CS1
CN112068826B (en) Text input control method, system, electronic device and storage medium
CN109147406B (en) Knowledge visualization-based atom display interaction method and electronic equipment
CN108241488A (en) A kind of system and method for generating APP interfaces
Becker How novice programmers interact with programming environments
CN107170309B (en) Display method of learning mobile application platform
do Nascimento et al. A comparative study of deaf and non-deaf students' performance when using a Visual Java Debugger
Yang JavelinaCode: A Web-Based Object-Oriented Programming Environment with Static and Dynamic Visualization
KR20160109676A (en) Programing practicing device
Yumi et al. An effective visual programming tool for learning and using robotics middleware
Schmoll et al. HTML Document Error Detector and Visualiser for Novice Programmers
Selmeci et al. Trends and followers in GUI development for business applications with implications at University Education
KR20130005496A (en) Foreign language learning method