TWI695354B - Computer programming learning system - Google Patents
Computer programming learning system Download PDFInfo
- 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
Links
Images
Landscapes
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Electrically Operated Instructional Devices (AREA)
Abstract
Description
本發明涉及一種學習系統,特別係指一種電腦程式編程學習系統。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
執行條件輸入模組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
優選地,如圖3所示,先前執行條件界面132與該當前執行條件界面133係左右並排顯示於一屏幕4中,俾提供直觀地對比先前情境指令OB與當前情境指令ON的差異,或提供直觀地對比先前情境參數VB與該當前情境參數VN的差異,而有助於學習者檢查除錯,以利於學習者對於電腦程式撰寫的學習。情境單元選擇界面131係將情境單元SU顯示於屏幕4中位於先前執行條件界面132與當前執行條件界面133下方的區域,俾利於學習者執行選擇操作。Preferably, as shown in FIG. 3, the previous
執行模組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
綜上所述,本發明的電腦程式編程學習系統係設置於網路雲端,讓學習者能於網路近端透過使用標準語法的撰寫語言來進行電腦程式撰寫工作,且讓電腦程式能採用初始默認使用標準語法的程式語言執行,並將電腦程式的執行結果透過網頁畫面的方式呈現,而讓學習者直觀了解電腦程式的執行效果,以學習該電腦程式標準語法的使用。另外,本發明的電腦程式編程學習系統還提供情境化設計的腳本,以提供學習者有趣的學習環境。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
圖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
Claims (10)
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)
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 |
-
2018
- 2018-11-21 TW TW107141554A patent/TWI695354B/en active
Patent Citations (4)
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 |