ABSTRACT
Visual block-based programming environments allow elementary school students to create their own programs in ways that are more accessible than in textual programming environments. These environments help students write code by removing syntax errors and reducing typing. Students create code by dragging, dropping, and snapping constructs together (e.g. blocks) that are organized by lists, colors, shape, images, etc. However, programming in visual block-based environments is not always simple; in fact, it can become complex quickly. In addition to elements that create code, the visual aspects of these environments provide readers information about what happens, when, and how. Here, we focus on how students used visual cues when reading programs in our block-based programming environment, LaPlaya, a variant of Scratch. Specifically we identified the visual cues students noticed and acted upon. These included not only those that were intended by designers (perceptible affordances), but also those that were not intended by designers (false affordances). Through a detailed content analysis of 13 focus groups with fourth graders we created an initial taxonomy of visual cues in our programming environment and explored how students used these cues to make predictions about provided code, and the types of affordances such cues offered students.
- Resnick, M., Maloney, J., Monroy-Hernandez, A., Rusk, N., Eastmond, E., Brennan, K., Millner, A., Rosenbaum, E., Silver, J., Silverman, B., Kafai, Y. (2009). Scratch: Programming for all. Commun ACM, 52, 11, 60--67. Google ScholarDigital Library
- Hill, C., Dwyer, H. A., Martinez, T., Harlow, D., & Franklin, D. (2015). Floors and flexibility: Designing a programming environment for 4th - 6th grade classrooms. In SIGCSE '15. Kansas City, MO: ACM. Google ScholarDigital Library
- Hopscotch Technologies. (2015). Hopscotch - Programming made easy! Make games, stories, animations and more! (Version 2.12) {Mobile application software}. Retrieved from https://www.gethopscotch.comGoogle Scholar
- Alvarado, C. (2014). CS Ed Week 2013: The hour of code. ACM SIGCSE Bull, 46(1), 2--4. Google ScholarDigital Library
- Franklin, D., Harlow, D., Dwyer, H., Henken, J., Hill, C., Iveland, A., Killian, A., & Development Staff. (2014). Kids enjoying learning programming and computer science (KELP-CS)- Module 1 Digital Storytelling. Available at https://discover.cs.ucsb.edu/kelpcs/educators.htmlGoogle Scholar
- Gaver, W. W. (1992). Technology affordances. In CHI '91. New York, NY: ACM. Google ScholarDigital Library
- Petre, M. (1995). Why looking isn't always seeing: Readership skills and graphical programming. Commun ACM, 38(6), 33--44. Google ScholarDigital Library
- Pea, R., D. & Kurland, D., M. (1984). On the cognitive effects of learning computer programming. New Ideas Psychol, 2 (2), pp. 137--168.Google ScholarCross Ref
- Schulte, C. (2008). Block model - an eductional model of program comprehension as a tool for a scholarly approach to teaching. In ICER '08. Sydney, Australia: ACM. Google ScholarDigital Library
- Brennan, K., & Resnick, K. (2012). New frameworks for studying and assessing the development of computational thinking. Presented at AERA '12. Vancouver, BC.Google Scholar
- Lewis, C. M. (2010). How programming environment shapes perception, learning and goals: Logo vs. Scratch. In SIGCSE '10. Milwaukee, WI: ACM. Google ScholarDigital Library
- Gross, P., & Kelleher, C. (2009). Non-programmers identifying functionality in unfamiliar code: Strategies and Barriers. J Visual Lang Comp, 21(5), 263--276. Google ScholarDigital Library
- Ferreira , J. J., de Souza, C. S., de Castro Salgado, L. C., Slaviero, C., Leitão , C. F., de F. Moreira, F. (2012). Combining cognitive, semiotic and discourse analysis to explore the power of notations in visual programming. In VL/HCC '12. Innsbruck, Austria: IEEE.Google ScholarCross Ref
- Rader, C., Brand, C. & Lewis, C. (1997). Degrees of comprehension: Children's understanding visual programming environment. In CHI '97. Los Angeles, CA: ACM. Google ScholarDigital Library
- Pea, R. D. (1986). Language-independent conceptual "bugs" in novice programming. J Educ Comput Res, 2(1), 25--36.Google ScholarCross Ref
- Gibson, J. J. (1979). The ecological approach to visual perception. New York, NY: Houghton Mifflin.Google Scholar
- Norman, D. (2002). The design of everyday things. New York, NY: Basic Books. Google ScholarDigital Library
- Garcia, D., Segars, L. & Paley, J. (2012). Snap! (build your own blocks): tutorial presentation. J Comput Sci Coll 27(4), pp. 120--121. Google ScholarDigital Library
- Spradley (1979). The ethnographic interview. Forth Worth, TX: Hancourt Brace.Google Scholar
- Saldana, J. (2013). The coding manual for qualiative researchers (2nd ed.). Thousand Oaks, CA: SAGE Publications, Inc.Google Scholar
- Dedoose. (2014). Web application for managing, analyzing, and presenting qualitative and mixed method data (Version 5.0.11). Los Angeles, CA: SocioCultural Research Consultants, LLC. Retrieved from www.dedoose.comGoogle Scholar
Index Terms
- Fourth Grade Students Reading Block-Based Programs: Predictions, Visual Cues, and Affordances
Recommendations
Floors and Flexibility: Designing a Programming Environment for 4th-6th Grade Classrooms
SIGCSE '15: Proceedings of the 46th ACM Technical Symposium on Computer Science EducationThe recent renaissance in early computer science education has provided K-12 teachers with multiple options for introducing children to computer science. However, tools for teaching programming for children with wide-scale adoption have been targeted ...
User-Centered Design in Block-Based Programming: Developmental & Pedagogical Considerations for Children
IDC '16: Proceedings of the The 15th International Conference on Interaction Design and ChildrenIn this paper, we present an analysis of 123 students' (aged 9-12) digital stories created in a visual block-based programming language across three grade levels (grades 4-6). These students were all involved in the same introductory computer science ...
Comments