COCODING Classroom (Teaching Fund FHNW)

Teaching Diverse Frameworks in Hybrid Learning

Between Spring ‘21 – ‘22, the Lehrfonds FHNW project COCODING Classroom successfully developed a tool to support learning creative coding in remote-teaching times. It introduced a split-screen paradigm for viewing a teacher’s code parallel to individual workspaces, which supported easily asking for and offering help. Upon demonstration at a virtual conference for creative coding, one educator proclaimed: "Feels as close to being in a classroom as I've felt in a long time." This project focused on the accessible library, p5.js, which was implemented for an emphasis on beginners and built upon technical expertise the applicant had gained developing P5LIVE, a collaborative live-coding editor.

COCODING Classroom II takes the progress made for one specific use case, and extends its reach through collaboration within the FHNW (HGK & HT). This development focuses on expanding the range of available libraries, by designing a bindings system (templates), enabling creative coding for specific purposes, such as: three.js for 3D environments, paper.js for vector graphics, d3.js for data visualization, Hydra for video-synth visuals, just to name a few. With a new emphasis on hybrid-teaching, additional development includes: dynamic interfaces for diverse teaching scenarios, error highlighting to help beginners find mistakes and exploring voice chat to enrich collaboration.