Basic program creation steps

日本語のページ

Using the "Browser" group of blocks, you can open a pop-up window in a web browser and display the web page you created.
You can then manipulate elements within the web page and set/get form values.
You can use these functions to display the results of a Tsumicky program on a web page, or to control programs in response to buttons on the web page.
In other words, you can use a web page as the user interface for a Tsumicky program.

Note that to fully utilize the "Browser" group of blocks, you will need knowledge of HTML, style sheets, DOM (document object model), selectors, etc.
For more information, please refer to a commercially available book.

Creating a Web Page

First, create the web page you want to display.
Nowadays, it's relatively easy to have AI generate the HTML for a web page.
You can also use web page creation software such as Adobe Dreamweaver.

Placing the HTML File and Checking its Display

Place the HTML file for the web page you created directly under the Tsumicky installation folder or in a subfolder.
For example, create a folder called "html" in the Tsumicky installation folder and place the HTML file there.

Once the file is placed, check the page display in a web browser.
For example, suppose you're running Tsumicky on a Python local web server.
Suppose you place a file called mypage.html in the "html" folder in the Tsumicky installation folder.
In this case, access the address http://localhost:8000/html/mypage.html to check the display.

Creating a Program

Using Tsumicky's "Browser" group of blocks, create a program that opens a web page in a pop-up window and controls it.
To open a web page, use the "Browser Window" block.

After this block, you can combine various blocks from the "Browser" group to control web pages.

Next page：Web browser window operations »