Pictogramming

An application series for learning programming concepts and information design through pictogram creation.

“Pictogramming” is an integrated application suite for learning programming concepts and information design through pictogram creation. The Pictogramming series includes Hyper Pictogramming, Hyper Pictoch, PICTO, Picthon, JavaScpict, Picby, and Pictagramming. These derivative applications can be used freely for learning and classroom activities.

 

 

 

Open applicationRead documentation

 

Pictogramming … A text-based, pseudo-code version. You create programs by entering space-delimited commands. Commands are available in English, Japanese, and Japanese hiragana.

 

Open applicationRead documentation

 

Pictoch (pronounced pictotʃ) … A visual-block version of the Pictogramming series. You create programs by connecting blocks containing written sentences, while using the same features as Pictogramming. Learners do not need to memorize notation, and syntax errors are avoided, making it well suited to beginners and to practical information-design activities.

 

Open applicationRead documentation

 

Picthon … A Python version of the Pictogramming series. It provides the same features as Pictogramming while allowing you to program in Python. No Python interpreter needs to be installed on learners’ computers: all processing takes place on the client side, so it can be used with confidence.

 

Open applicationRead documentation

 

JavaScpict … A JavaScript version of the Pictogramming series. It provides the same features as Pictogramming while allowing you to program in JavaScript. Like the other Pictogramming applications, all processing takes place on the client side, so it can be used with confidence.

 

Open applicationRead documentation

 

Picby … A Ruby version of the Pictogramming series. It provides the same features as Pictogramming while allowing you to program in Ruby. Like the other Pictogramming applications, all processing takes place on the client side, so it can be used with confidence.

 

Open application 

 

Pictagramming … An HTML and CSS version of the Pictogramming series. You can create pictograms as structured documents using HPML (Human Pictogram Markup Language). By combining HPML with HTML and CSS, you can also create web-page-like content that includes pictograms.

Human Picsortgram

 

Open application

Human Picsortgram… Learn about sorting algorithms using the seesaw metaphor. In addition to manual operations, the program also provides an automatic playback of the steps of typical sorting algorithms for visual comprehension.

Pictographing

 

Open application

Pictographing … An application for generating pictographs using pictograms. This application enables to realize lots of functions, such as learning the concept of quantity related to the contents of elementary school studies, and such as data manipulation by query language or Web API related to the study unit of informatics in junior high schools or high schools.

Human Picsurfing

 

Open application

Human Pictsurfing … This application is characterized by its visual representation of the PageRank algorithm, one of the representative algorithms in web information search, and the opportunity to learn the basics of linear algebra, such as matrices and vectors, through the use of applications.