Sign In

Communications of the ACM

Education

Beyond Blocks: Syntax and Semantics


middle schoolers program BlockyTalky synthesizer

Three middle schoolers program a BlockyTalky synthesizer to play part of a pop song.

Credit: R. Benjamin Shapiro

Millions of students learning to program today begin with blocks-based systems. Blocks are visual representations of program code that add shape, color, and drag-and-drop editing to concrete syntax (see Figure 1). Appearing in structured editors as early as 1992,6 blocks offer a number of affordances: prevention of syntax errors (see Figure 2), type hinting (the diamond-shaped slot in Figure 1 only fits a Boolean-valued expression), and API discovery (block editors typically provide a palette of available objects and methods). Novices benefit from these affordances to overcome some common challenges of learning to program, and there is modest evidence that blocks can improve student learning compared to text.5,7

Most users of these beginner-specific systems will probably never want to progress beyond them, but what about those who do? Will they stick with blocks or migrate to text? Will blocks-based editing become a standard for industrial and academic language developers to consider, or will learners' progress from introductory environments necessarily involve leaving blocks behind?

Back to Top

Mainstreaming Blocks

Several research projects are exploring what general-purpose programming tools with blocks-like features could be like. The Snap! Project investigates how blocks can scale up from simple to complex programs, such as those involving complex data structures, user-created abstractions, object-oriented programming, interaction with the Web, or even high-performance computing techniques.4

Block and text hybrid environments can improve the efficiency and usability of both as shown in multiple current efforts. For example, Greenfoot 3 enables users to manage long segments of Java code through blocklike elements called frames, while preserving the ability to readily edit the frames' code within using the keyboard and text, thereby eliminating one of the common complaints about blocks, which is they are cumbersome for advanced programmers. Work like this may soon illustrate how the future of general-purpose programming tools could include blocks-based structured editing.

Back to Top

Meet the New Code, Same as the Old Code

Editing interfaces—and programming tools and culture generally—have proven surprisingly resistant to change. Despite being 40 years old, vi is still a very popular text editor among programmers, even while more user-friendly alternatives abound. Many programmers, including novices, are resistant to graphical interfaces that enhance the experience of programming: one study of entry-level high school programming students found that while the students overwhelmingly perceived blocks-based programming as easier, they also saw it as less powerful, slower, and inauthentic.8 African-American students' preferences for blocks or text vary sharply depending upon their long-term career goals, with those who identify programming as their career goal preferring text over blocks.3

At least for now, it is impossible to participate in existing socio-technical ecosystems of general-purpose programming without becoming fluent in reading and editing text, including text written by others. Regardless of whether blocks become the next general-purpose standard, learners in the near future will need to transition from blocks toward text.

Back to Top

Blocks → Text; Novice-Specific → General-Purpose

Block-to-text translation tools can improve students' ability to learn traditional languages after using blocks.2 But no published empirical research has actually examined the experiences that students have as they transition from blocks to text, including the challenges they face as they progress beyond the walled gardens of novice-specific languages and frameworks.

Current efforts to support transitions from blocks to text are focused on systems building, rather than learning research, and involve transformation of blocks into isomorphic text equivalents. A recent workshop at IEEE Symposium on Visual Languages and Human-Centric Computing, Blocks and Beyond, included demonstrations of several tools that involved 1:1 translation of block programs into text equivalents. But this focus on blocks versus text (and blocks to text) is a misallocation of our attention. Even though learning to use the concrete syntax of general-purpose programming languages is important to nascent developers, it is not the most difficult problem they face.

With few exceptions, block-based programming environments couple the syntactic support of blocks with the semantic assistance of purpose-built beginner-friendly APIs. For example, App Inventor drastically simplifies Android development through abstractions that permit creating mobile applications in just a few lines of code. But if learners wish to go beyond what is possible within App Inventor's wrappers of the Android SDK, they must simultaneously abandon blocks for text and learn Java and native Android. A text version of App Inventor's API would only address a limited slice of the problems learners face when they wish to develop more powerful programming capabilities. Focusing on transitions between isomorphic block and text languages (for example, Pencilcode, shown in Figure 2) ignores the semantic problem.

We need research that investigates how we can support learners' transitions from syntactically and semantically assisted novice-specific programming tools into the less-assisted world of general-purpose languages and platforms.

Back to Top

Supporting Conceptual Deepening

We are investigating how to design programming tools that not only support transitions from blocks to text, but that also provide gradual exposure to the semantics of a general-purpose programming environment. To do so, we have created BlockyTalky, an open source educational programming environment for networked physical devices. It runs on low-cost computing devices like the Raspberry Pi and enables users to create a wide variety of inventions, from computer music systems to Internet of Things projects. Users can begin with a semantically simplified block environment and then transition to a more powerful and flexible text experience. Block-to-text translation eases this task by enabling users to begin their work in text with semantically equivalent and syntactically similar versions of their block programs, but it is only through programming activities that go beyond those isomorphisms that learners access the richness of the general-purpose environment.

Consider an example: Authoring block-based programs in BlockyTalky involves using simple abstractions for problems like handling physical inputs and communicating over the network with other devices. Figure 3 shows an event handler that asynchronously sends a message (tickle) to another device (elmo).

BlockyTalky users can access textual versions of their block programs in a Domain Specific Language (DSL) that we have created to encapsulate event handling, scheduling, networking, and other facets of physical computing that are semantically complex. For example, the blocks in Figure 3 are rendered in the DSL as shown in Figure 4.

We are just beginning research to understand how this block-to-text translation can support the beginnings of student-motivated pathways into additional semantic and syntactic complexity. Our approach is grounded in other researchers' findings that students perceive text-based programming tools as ways to access more powerful capabilities. We respond to these perceptions by limiting what users can do in blocks and their isomorphic textual equivalents, and then offering structured opportunities to gradually learn a more syntactically and semantically rich space.

We envision that students will use our environment in three stages. First, they will work mostly in blocks, and then begin comparing their own block programs to textual equivalents. Because the semantics of the blocks and text will be identical, the comparisons will help them to understand the syntax differences. Next, we will encourage them to tinker with the text programs—that is when they will face the changed semantics of the text language. Finally, they will do things in text (like calling functions in text-only libraries) that they cannot do in the blocks we provide.

Students' progress through these stages will primarily be motivated by their own creative goals. For instance, a student building a device to provide an ambient representation of the outside temperature might want to get data from a Web service that provides weather information. To do so, they would write textual code to call an HTTP library and then parse the data. Though we could add HTTP blocks to make this easier, we have chosen not to. Students already believe a major reason to use blocks over text is to create more powerful programs. We leverage this belief in our approach by limiting the functionality available in blocks and encouraging students to try text in order to accomplish their goals. In this way, learning to write text feels like a natural method of accomplishing of students' own goals, rather than something we impose on them. We will study students' thinking as they work through the three stages just described, identifying areas of confusion along the way and developing new technological and pedagogical supports in response.

Back to Top

Conclusion

Blocks have quickly proliferated within programming tools for novices, offering many kids greater ease of entry to computing. While they are helpful, their use creates a new challenge for learning: learning to not use blocks. But rather than studying the blocks-to-text transition in isolation, we need research approaches that take a more holistic view, investigating how the blocks-to-text transition is a part of syntactically and semantically rich development. We encourage others doing research in this area to investigate how their work on blocks and learning can take a more comprehensive view, looking beyond blocks and into the richer semantic challenges of learning to program.

Back to Top

References

1. Aggarwal, S., Bau, D.A., and Bau, D. A blocks-based editor for HTML code. Position paper for the Blocks & Beyond workshop at IEEE Symposium on Visual Languages and Human-Centric Computing (2015).

2. Dann, W., Cosgrove, D., Slater, D., Culyba, D., and Cooper, S. Mediated transfer: Alice 3 to Java. In Proceedings of the 43rd ACM Technical Symposium on Computer Science Education (2012), ACM, 141–146.

3. DiSalvo, B. Graphical qualities of educational technology: Using drag-and-drop and text-based programs for introductory computer science. IEEE Computer Graphics and Applications 6 (2014), 12–15.

4. Feng, A., Tilevich, E., Feng, W. Block-based programming abstractions for explicit parallel computing. A VL/HCC 2015 Workshop. In Proceedings of the Blocks and Beyond: Lessons and Directions for First Programming Environments. (Atlanta, GA, Oct. 2015).

5. Lewis, C.M. How programming environment shapes perception, learning and goals: logo vs. scratch. In Proceedings of the 41st ACM Technical Symposium on Computer Science Education (SIGCSE '10). ACM, New York, NY, 346–350; DOI=http://dx.doi.org/10.1145/1734263.1734383

6. Minör, S. Interacting with structure-oriented editors. International Journal of Man-Machine Studies 37, 4 (Apr. 1992), 399–418.

7. Weintrop, D. Minding the gap between blocks-based and text-based programming. In Proceedings of the 46th ACM Technical Symposium on Computer Science Education (2015), ACM, 720.

8. Weintrop, D. and Wilensky, U. To block or not to block, that is the question: Students' perceptions of blocks-based programming. In Proceedings of the 14th International Conference on Interaction Design and Children (June 2015), ACM, 199–208.

Back to Top

Authors

R. Benjamin Shapiro (ben.shapiro@colorado.edu) is an assistant professor in the ATLAS Institute, the Department of Computer Science, and (by courtesy) the School of Education at the University of Colorado, Boulder.

Matthew Ahrens (Matthew.Ahrens@tufts.edu) is an M.S./Ph.D. student in computer science at Tufts University, Medford, MA.

Back to Top

Footnotes

The authors' work is supported by NSF Awards 1418463 and 1453201, the NCWIT Academic Alliance Seed Fund, and LEGO Education.

Back to Top

Figures

F1Figure 1. IF/ELSE block from Scratch.

F2Figure 2. Pencilcode's block-based HTML editor only allows syntactically correct code and permits toggling between isomorphic text and block representations. Image from Aggarwal at al.1

F3Figure 3. BlockyTalky event handler.

F4Figure 4. Textual version of Figure 4 in the BlockyTalky DSL.

UF1Figure. Three middle schoolers program a BlockyTalky synthesizer to play part of a pop song.

Back to top


Copyright held by authors.

The Digital Library is published by the Association for Computing Machinery. Copyright © 2016 ACM, Inc.


Comments


CACM Administrator

The following letter was published in the Letters to the Editor in the September 2016 CACM (http://cacm.acm.org/magazines/2016/9/206245).
--CACM Administrator

We were pleased by the attention R. Benjamin Shapiro's and Matthew Ahrens's Viewpoint "Beyond Blocks: Syntax and Semantics" (May 2016) gave to the potential educational value of tools that translate block syntax to text. However, though they did not identify any published studies that have evaluated possible benefits from such tools, several recent studies have indeed been done. Moreover, smooth transitions from blocks to text syntax have been a feature of research enhancements to existing languages (such as Tiled Grace by Homer and Noble) and of novel languages in successful products (such as the educational coding game Code Kingdoms). Researchers typically publish evaluations of their systems; we ourselves have evaluated the educational outcomes of Code Kingdoms.

But what specific skills and concepts are computer science educators actually teaching with such systems? To find out, we must focus on evaluating those skills and concepts, rather than on task performance or productivity measures with little relevance to educational objectives. We developed our own DrawBridge system(1) to support not only understanding of syntax through transition from blocks to (JavaScript) text syntax but also transitions from direct manipulation drawing to geometric notation and from code to live Web deployment. Attention to educational assessment of benefits can also help guide and evaluate the design of continuing work, as in Shapiro and Ahrens. Educators and system designers should thus recognize the importance of notational expertise understanding the nature and function of concrete syntax along with the more popular but abstract concerns of computational thinking. An important step toward improving the design of educational systems is to better understand what computer science educators are actually trying to teach.

Alistair Stead and Alan Blackwell
Cambridge, U.K.

REFERENCES
(1) Stead, A.G. Using multiple representations to develop notational expertise in programming. Technical Report, Computer Laboratory, University of Cambridge, Cambridge, U.K., June 2016; http://www.cl.cam.ac.uk/techreports/UCAM-CL-TR-890.pdf


Displaying 1 comment