JP6543785B1 - New language conversion method in block type programming system - Google Patents

New language conversion method in block type programming system Download PDF

Info

Publication number
JP6543785B1
JP6543785B1 JP2019075917A JP2019075917A JP6543785B1 JP 6543785 B1 JP6543785 B1 JP 6543785B1 JP 2019075917 A JP2019075917 A JP 2019075917A JP 2019075917 A JP2019075917 A JP 2019075917A JP 6543785 B1 JP6543785 B1 JP 6543785B1
Authority
JP
Japan
Prior art keywords
language
block
programming
displayed
functional block
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
JP2019075917A
Other languages
Japanese (ja)
Other versions
JP2020161094A (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 JP2019075917A priority Critical patent/JP6543785B1/en
Application granted granted Critical
Publication of JP6543785B1 publication Critical patent/JP6543785B1/en
Publication of JP2020161094A publication Critical patent/JP2020161094A/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Electrically Operated Instructional Devices (AREA)
  • Stored Programmes (AREA)

Abstract

【課題】ブロック型プログラミング言語の学習を支援する情報処理システムを提供する。【解決手段】ユーザ操作によりプログラミングを行うプログラミング部と、第1言語の機能ブロックの候補が表示されるブロック選択部とを表示する表示手段と、ユーザが候補の中から選択した第1言語の機能ブロックをプログラミング部の所定の位置に移動させることによりプログラミングをするプログラミング手段と、プログラミングされた第1の言語の機能ブロックを表示すると共に、当該表示された第1の言語の機能ブロックに対応する言語切替ボタンを表示する表示手段と、ユーザが言語切替ボタンにチェックを入れると、表示された第1言語の機能ブロックに対応する第2の言語をデータベースから検索して取得し、チェックされた第1の言語の機能ブロックに対応する第2の言語の機能ブロックに切り替えて表示する処理手段と、を備える。【選択図】図1An information processing system supporting learning of a block type programming language is provided. A display unit displays a programming unit that performs programming by a user operation and a block selection unit in which candidates for a functional block of a first language are displayed, and a function of a first language selected by the user from among the candidates Programming means for programming by moving the block to a predetermined position of the programming unit, and displaying a functional block of the first language programmed and a language corresponding to the functional block of the first language displayed When the user checks the language switching button with the display means for displaying the switching button, the second language corresponding to the displayed functional block of the first language is retrieved from the database and acquired and checked. Processing means for switching to a second language function block corresponding to a language function block of , Comprising a. [Selected figure] Figure 1

Description

本発明は、ブロック型プログラミングシステムにおける新たな言語変換方法に関する。  The present invention relates to a new language conversion method in a block programming system.

近年、プログラム作成の支援やプログラミング教育のために、グラフィカルにプログラミングできるビジュアルプログラミング言語、中でもプログラムの機能を示すブロックを組み合わせることによってプログラミングする、ブロック型プログラミング言語が開発されている。これを用いてJavaScriptなどのテキスト記述型言語を学習することができるよう、Google開発の「Blockly」など一部のブロック型プログラミング言語にはブロック型プログラムをテキスト記述型プログラムのコードに変換する機能が備わっている。これには、ブロック型プログラミング言語が動作するウィンドウとは別のウィンドウを開く、画面をブロック型プログラミング言語からテキスト画面に切り替えるなどの方法がとられている。  In recent years, a visual programming language that can be graphically programmed, in particular, a block type programming language, which is programmed by combining blocks showing functions of the program, has been developed for supporting program creation and programming education. Some block programming languages, such as Google's "Blockly", have a function to convert a block program into the code of text description program so that you can learn text description language such as JavaScript using this. It is equipped. In order to do this, a window is opened separately from the window in which the block programming language operates, or the screen is switched from the block programming language to a text screen.

特開平5−313872号公報JP-A-5-313872 特開平9−258971号公報JP-A-9-258971

Blockly(Google Developers)https://developers.google.com/blockly/Blockly (Google Developers) https: // developers. google. com / blockly /

上記のような従来のプログラミング言語変換法は、「日本語から英語」「日本語からJavaScript」などのように、作成したブロック型プログラム全体を一括で変換することのみができ、任意のブロックだけを選んで変換することができないため、変換されたあとのテキスト記述型プログラムを見てもある記述部分が元々どのブロックだったのかということがわかりづらい、一つのブロックについてだけテキスト記述型との対応が知りたいという場合も全体を変換するため対応箇所を探すのに手間がかかるなどの問題があった。本発明は、このような問題を解決する方案を提供するものである。  The conventional programming language conversion method as described above can only convert the entire block type program created at a time, such as "Japanese to English", "Japanese to JavaScript", etc., and only arbitrary blocks can be converted. Since it is not possible to select and convert, it is difficult to tell which block a description part was originally from in the text description type program after conversion, and correspondence with the text description type is only for one block. Even if you want to know, there is a problem that it takes time to find the corresponding part in order to convert the whole. The present invention provides a solution to such problems.

本発明は以上の問題点を解決するためになされたものであり、ユーザの任意のブロックのみ言語変換できるようにすることで、よりテキスト記述型プログラミング言語の学習に適したブロック型プログラミング言語を提供する。
具体的には、ブロック型プログラミング言語において、ブロックの内容の変更がユーザに明確になるように、ブロック一つ一つにボタンを設置し、それぞれ個別に言語を切り替えられるようにする。また、チェックボックスにチェックがない場合第1の言語(言語1とする)、チェックがついている場合第2の言語(言語2とする)を用いてそのブロックを表示する。
The present invention has been made to solve the above problems, and by providing language conversion for only arbitrary blocks of the user, a block type programming language more suitable for learning a text description type programming language is provided. Do.
Specifically, in the block type programming language, a button is provided for each block so that the change of the contents of the block becomes clear to the user, and languages can be switched individually. If the check box is not checked, the block is displayed using the first language (language 1), and when the check is on, the second language (language 2).

本発明にあるブロック型プログラミング言語は、各機能ブロックにチェックボックスを取り付け、そのチェックの有無によって機能ブロックの動作内容を表示する構成によって、いずれの言語の機能におけるかを機能ブロック毎に明確に判別できるという効果を発揮する。
本発明の他の目的、特徴及び利点は添付図面に関する以下の本発明の実施例の記載から明らかになるであろう。
In the block type programming language according to the present invention, a check box is attached to each functional block, and the operation content of the functional block is displayed according to the presence or absence of the check to clearly determine which language function it is in Demonstrate the effect of being able to
Other objects, features and advantages of the present invention will become apparent from the following description of embodiments of the present invention with reference to the accompanying drawings.

図1は、本発明の一実施例における情報処理システム全体の構成を示す。FIG. 1 shows the overall configuration of an information processing system according to an embodiment of the present invention. 図2は、本発明の一実施例を表すフローチャートを示す。FIG. 2 shows a flow chart representing one embodiment of the present invention. 図3は、図2のブロック処理の動作を表すフローチャートを示す。FIG. 3 shows a flowchart representing the operation of the block process of FIG. 図4は、本発明の一実施例を示す実行画面の概念図を示す。FIG. 4 is a conceptual view of an execution screen showing one embodiment of the present invention. 図5は、本発明の一実施例を示す実行画面の具体例を示す。言語1にJavaScript、言語2に他の所定の言語を選択している。FIG. 5 shows a concrete example of an execution screen showing one embodiment of the present invention. JavaScript is selected as language 1 and other predetermined languages are selected as language 2. 図6は、本発明の一実施例を示す実行画面の動作例を示す。FIG. 6 shows an operation example of an execution screen showing one embodiment of the present invention.

図1は、本発明の一実施例における情報処理システム1000全体の構成を示す。
本実施例における情報処理システム1000は、制御手段1010と、入力手段1020と、処理手段1030と、表示手段1040と、データベース1050とを備える。
制御手段1010は、プロセッサとも称し、各手段やデータベースなどを個別に制御したり、各手段やデータベースとの間のデータの送受信などを制御したりする。
入力手段1020は、キーボードやマウスなどの入力デバイスや表示画面上の操作などにより、ユーザの所望する情報を情報処理システムに入力するための手段である。なお、入力手段1020は、表示手段1040と一体化されていてもよい。
処理手段1030は、入力手段からの信号や、イベントトリガなどにより、所定の動作を実行する手段である。
表示手段1040は、処理手段1030で実行された結果の一部または全部を、ユーザに対して視覚的に伝達するための手段である。
データベース1050は、所定の情報をテーブルの形式などで記憶する手段である。
FIG. 1 shows the overall configuration of an information processing system 1000 according to an embodiment of the present invention.
The information processing system 1000 according to this embodiment includes a control unit 1010, an input unit 1020, a processing unit 1030, a display unit 1040, and a database 1050.
The control unit 1010 is also referred to as a processor, and controls each unit, database, and the like individually, and controls transmission and reception of data with each unit, database, and the like.
The input unit 1020 is a unit for inputting information desired by the user into the information processing system by an input device such as a keyboard or a mouse or an operation on a display screen. The input unit 1020 may be integrated with the display unit 1040.
The processing means 1030 is means for executing a predetermined operation by a signal from the input means, an event trigger or the like.
The display means 1040 is a means for visually transmitting to the user part or all of the results executed by the processing means 1030.
The database 1050 is a means for storing predetermined information in the form of a table or the like.

図2は、本発明の一実施例を表すフローチャートを示す。
ウィンドウを作成し、ブロック処理をする。
FIG. 2 shows a flow chart representing one embodiment of the present invention.
Create a window and do block processing.

図3は、図2のブロック処理の動作を表すフローチャートを示す。
チェックボックスにチェックが有るか否かを判断する。
チェックボックスにチェックが無い場合(図3のNO)は、言語1(例えば、英語)で表示する。
チェックボックスにチェックが有る場合(図3のYES)は、言語1に対応する言語2(例えば、日本語)を、データベースから検索して、当該検索された言語2を表示する。
FIG. 3 shows a flowchart representing the operation of the block process of FIG.
It is determined whether the check box is checked.
If the check box is not checked (NO in FIG. 3), it is displayed in language 1 (for example, English).
If there is a check in the check box (YES in FIG. 3), language 2 (for example, Japanese) corresponding to language 1 is searched from the database and the searched language 2 is displayed.

図4は、本発明の一実施例を示す実行画面の概念図を示す。
<全体の構成>
コンピュータのウィンドウ上に機能ブロック(日本語)1、機能ブロック(英語)3、プログラミング部4、ブロック選択部5が表示される。
FIG. 4 is a conceptual view of an execution screen showing one embodiment of the present invention.
<Whole composition>
A functional block (Japanese) 1, a functional block (English) 3, a programming unit 4 and a block selection unit 5 are displayed on a computer window.

<機能ブロック1、3>
機能ブロックをドラッグ&ドロップして、プログラミング部4上で組み合わせることでプログラミングをする。
ブロック上のチェックボックス2をクリックすることで、機能ブロック(日本語)1と機能ブロック(英語)3のように同じ機能を持ったままブロックの機能を表示する言語を切り替えることができる。
<Function block 1, 3>
The function blocks are dragged and dropped, and programming is performed by combining them on the programming unit 4.
By clicking the check box 2 on the block, it is possible to switch the language in which the function of the block is displayed while having the same function as the functional block (Japanese) 1 and the functional block (English) 3.

<チェックボックス2>
機能ブロック1、3の機能を表示する文字を邪魔しない位置(例えば、ブロック内の再右端)に設置されている。クリックすることで、そのブロックの言語を切り替えることができる。切り替える言語の例を以下の表1に示す。表1に示すようなテーブルがデータベースに記憶されている。
<Check box 2>
It is installed in the position (for example, the right end in a block) which does not disturb the character which displays the function of functional block 1 and 3. By clicking, you can switch the language of the block. An example of the language to switch is shown in Table 1 below. A table as shown in Table 1 is stored in the database.

<プログラミング部4>
機能ブロック1、3を組み合わせてプログラミングを行う。
<Programming part 4>
Programming is performed by combining functional blocks 1 and 3.

<ブロック選択部5>
機能ブロック1、3のように言語1の機能ブロックの候補一覧が表示される。ここからドラッグ&ドロップをして機能ブロックをプログラミング部4に設置する。
<Block selection unit 5>
As in the functional blocks 1 and 3, a candidate list of functional blocks of the language 1 is displayed. From here, drag and drop is performed to set the functional block in the programming unit 4.

図5は、本発明の一実施例を示す実行画面の具体例を示す。言語1にJavaScript、言語2に他の所定の言語を選択している。  FIG. 5 shows a concrete example of an execution screen showing one embodiment of the present invention. JavaScript is selected as language 1 and other predetermined languages are selected as language 2.

図6は、本発明の一実施例を示す実行画面の動作例を示す。
チェックボックスにチェックが無い場合は、言語1(英語)が表示されている(図6の左図を参照)。もし、「window.alert」の機能ブロックの右横に配置されたチェックボックスをクリックすると、チェックされた言語1の機能ブロックに対応する言語2(例えば、日本語)を、データベースから検索して、当該検索された言語2で「次のテキストを表示」を表示する(図6の右図を参照)。
一方で、チェックボックスのチェックを外すと、言語2の「次のテキストを表示」(日本語表記)から言語1の「window.alert」(英語表記)に表示が戻る。
FIG. 6 shows an operation example of an execution screen showing one embodiment of the present invention.
If the check box is not checked, language 1 (English) is displayed (see the left figure in FIG. 6). If you click the check box placed to the right of the "window.alert" functional block, the language 2 (for example, Japanese) corresponding to the checked language 1 functional block is searched from the database, “Display next text” is displayed in the retrieved language 2 (see the right figure in FIG. 6).
On the other hand, when the check box is unchecked, the display returns from "display next text" (Japanese notation) of language 2 to "window.alert" (English expression) of language 1.

本実施例の効果の一例として、狙った部分のみの言語を切り替えることができるため、元々がどのようなブロックであったのかを明確に判別できる。
別の効果の一例として、二つの言語を並行して使用できるため、母国語と対応させながらもう一つの言語の勉強ができる。
As an example of the effect of the present embodiment, the language of only the targeted part can be switched, so it is possible to clearly determine what kind of block was originally.
As an example of another effect, two languages can be used in parallel, so that one language can be studied in correspondence with the native language.

なお、本実施例(図4から図6など)では、切り替えられる言語が日本語と英語になっているが、その他の言語に置き換えてもよい。  In the present embodiment (FIGS. 4 to 6, etc.), the languages to be switched are Japanese and English, but may be replaced by other languages.

以上のように本発明の実施態様について説明したが、上述の説明に基づいて当業者にとって種々の代替例、修正又は変形が可能であり、本発明はその趣旨を逸脱しない範囲で前述の種々の代替例、修正又は変形を包含するものである。  While the embodiments of the present invention have been described above, various alternatives, modifications and variations are possible for those skilled in the art based on the above description, and the present invention is not limited to the various modifications described above without departing from the scope of the invention. It is intended to cover alternatives, modifications or variations.

Claims (2)

ブロック型プログラミング言語の学習を支援する情報処理システムにおいて、
ユーザ操作によりプログラミングを行うプログラミング部と、第1言語の機能ブロックの候補が複数表示されるブロック選択部とを表示する表示手段と、
ユーザが候補の中から選択した第1言語の機能ブロックをプログラミング部の所定の位置に移動させることによりプログラミングをするプログラミング手段と、
プログラミングされた第1の言語の機能ブロックを表示すると共に、当該表示された第1の言語の機能ブロックに対応する言語切替ボタンを第1の言語の機能ブロックと共にプログラミング部上に表示する処理手段と、
を備え、
前記処理手段は、ユーザが言語切替ボタンにチェックを入れると、表示された第1言語の機能ブロックに対応する第2の言語をデータベースから検索して取得し、チェックされた第1の言語の機能ブロックに対応する第2の言語の機能ブロックに切り替えて表示することを特徴とする情報処理システム。
In an information processing system that supports learning of a block type programming language,
A display unit for displaying a programming unit that performs programming by a user operation, and a block selection unit in which a plurality of functional block candidates of the first language are displayed;
Programming means for programming by moving a function block of the first language selected from among the candidates to a predetermined position of the programming unit;
Processing means for displaying a function block of the first language programmed and displaying a language switching button corresponding to the function block of the first language displayed on the programming unit together with the function block of the first language ,
Equipped with
When the user checks the language switching button, the processing means searches the database for the second language corresponding to the displayed function block of the first language and acquires the second language, and the function of the first language checked. An information processing system characterized by switching to a functional block of a second language corresponding to the block and displaying it.
前記処理手段は、ユーザが言語切替ボタンにチェックを外すと、第2の言語の機能ブロックから、第1の言語の機能ブロックに表示を戻すことを特徴とする、請求項1に記載の情報処理システム。  The information processing according to claim 1, wherein the processing means returns the display from the functional block of the second language to the functional block of the first language when the user unchecks the language switching button. system.
JP2019075917A 2019-03-26 2019-03-26 New language conversion method in block type programming system Active JP6543785B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2019075917A JP6543785B1 (en) 2019-03-26 2019-03-26 New language conversion method in block type programming system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2019075917A JP6543785B1 (en) 2019-03-26 2019-03-26 New language conversion method in block type programming system

Publications (2)

Publication Number Publication Date
JP6543785B1 true JP6543785B1 (en) 2019-07-10
JP2020161094A JP2020161094A (en) 2020-10-01

Family

ID=67212279

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019075917A Active JP6543785B1 (en) 2019-03-26 2019-03-26 New language conversion method in block type programming system

Country Status (1)

Country Link
JP (1) JP6543785B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021153620A1 (en) * 2020-01-29 2021-08-05 株式会社Preferred Networks Programming learning support method, programming learning support device, and program

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022124018A1 (en) * 2020-12-11 2022-06-16 株式会社Preferred Networks Programming learning software, programming learning device, and programming learning method

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0594293A (en) * 1991-10-03 1993-04-16 Nec Software Ltd Source program decode supporting device
CN110494843B (en) * 2017-04-03 2023-10-10 创首公司 Mixed mode programming
KR102327913B1 (en) * 2017-04-28 2021-11-19 엔에이치엔 주식회사 Method and system for analyzing data based on block

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021153620A1 (en) * 2020-01-29 2021-08-05 株式会社Preferred Networks Programming learning support method, programming learning support device, and program

Also Published As

Publication number Publication date
JP2020161094A (en) 2020-10-01

Similar Documents

Publication Publication Date Title
CN109992589B (en) Method, device, server and medium for generating SQL (structured query language) statements based on visual page
JP6517352B2 (en) Method and system for providing translation information
US9971416B2 (en) Chinese character entry via a Pinyin input method
US10551990B2 (en) Contextual browser frame and entry box placement
EP2940605A1 (en) Information search system and method
US20140380178A1 (en) Displaying interactive charts on devices with limited resources
KR20090000507A (en) Method and apparatus of displaying information
JP6543785B1 (en) New language conversion method in block type programming system
US20120167042A1 (en) Contextually intelligent code editing
WO2014002812A1 (en) Terminal device, annotation method, computer system, and computer program
US20170147546A1 (en) Information processing apparatus, information processing method, and information processing program
CN109800161A (en) A kind of components testing method of user interface, electronic equipment and can storage medium
US10203850B2 (en) Data editing apparatus, data editing method, and data editing program
JP7537550B2 (en) Program, server, display method and display system for providing educational web service
US8640091B2 (en) Method of operating a data processing system
US20160188546A1 (en) Dynamic management of site components
JP2018010532A (en) Information processing device, program and information processing method
JP3712749B2 (en) Window display processing method in information processing equipment
JP7395905B2 (en) Information processing device, control method, and program
JP2011065439A (en) Input support program, terminal, and web system
JP4713098B2 (en) Selection item display device, selection item display method, and selection item display program
JP2007094678A (en) Map moving locus management method and device
JP6444292B2 (en) Correlation diagram generation system and correlation diagram generation program
JP7452553B2 (en) Input display system, auxiliary information display method, and program
US20230385314A1 (en) Method and apparatus for searching contents

Legal Events

Date Code Title Description
A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20190326

A975 Report on accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A971005

Effective date: 20190515

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20190528

R150 Certificate of patent or registration of utility model

Ref document number: 6543785

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250