Skip to main contentSkip to search barSkip to navigationSkip to footer
Logo of the University of Applied Sciences and Arts Northwestern Switzerland
  • DE
  • EN
  • Home

Ten Schools One Goal

The FHNW comprises 10 schools with different specializations. Select a school to see its specific courses, study programmes and information.

Applied Psychology

Architecture, Construction and Geomatics

Art and Design

Music

Computer Science

Life Sciences

School of Education

Social Work

Engineering and Environment

Business

  • Study offerings

    • All degree programmes
    • Bachelor of Arts
    • Master of Arts
    • CoCreate programme
    • PHD programmes
    • MDes programme
    • Integral HGK Basel
    • Guest Auditors
    • Info events
  • All about studying

    • Enrolment at the HGK Basel
    • Fees and scholarships
    • Degree programme administrations
    • Semester dates
    • Tools for studying
    • Counselling services
    • German language courses
    • Insurance and pensions
    • Civilian and military service
    • Legal and formal matters
    • Course catalogue
  • Study Internationally

    • International students
    • Incoming students
    • Outgoing students
    • Internship
    • Partner universities
    • German language courses
  • Continuing education offerings

    • All continuing education programmes
    • MAS - Master of Advanced Studies
    • CAS - Certificate of Advanced Studies
    • Modules
    • Info events
  • All about continuing education

  • International Office

    • Mobility for academics and staff
    • Study Internationally
  • Research

    • Research fields
    • Projects
    • PhD Projects
  • Collaboration

    • Services
  • Updates and insights

    • News and stories
    • Applause
    • Publications
    • Newsletter (DE)
  • Events

    • All events
    • Info events
  • Media

  • About the Basel Academy of Art and Design

    • Management and organisation
    • People directory
  • Institutes

    • Institute Art Gender Nature
    • Institute Arts and Design Education
    • Institute Contemporary Design Practices
    • Institute Digital Communication Environments
    • Institute Experimental Design an Media Cultures
  • Campus and Infrastructure

    • CIVIC
    • Media Library Basel
    • der TANK
    • FoodCultureLab
    • Café Freilager and Bistro of the Arts
    • Sport
    • Studi-Lounge
    • Accessibility & Facilities
  • Campus.Workshops

    • Sculptor’s studio
    • Bookbinding
    • Digital Fabrication Lab
    • Woodworking
    • Plastics
    • Paint shop
    • Media.Workshop
    • Metalworking
    • Sewing.Island
    • Screen printing
Logo of the University of Applied Sciences and Arts Northwestern Switzerland
  • About the School
    • HGK Basel
    • Degree Programmes
    • Continuing Education
    • Research
    • News & Stories
    • Events
    • NEXT Generation Degree Projects
  • Social Media
    • Instagram
    • LinkedIn
  • About FHNW
    • Organisation
    • Schools
    • Locations
    • FHNW Library
    • Media Relations
  • Support
    • IT Support
    • Inside FHNW
    • Webmail
  • Data Protection
  • Imprint
  • Accessibility
  • Study offerings

    • All degree programmes
    • Bachelor of Arts
    • Master of Arts
    • CoCreate programme
    • PHD programmes
    • MDes programme
    • Integral HGK Basel
    • Guest Auditors
    • Info events
  • All about studying

    • Enrolment at the HGK Basel
    • Fees and scholarships
    • Degree programme administrations
    • Semester dates
    • Tools for studying
    • Counselling services
    • German language courses
    • Insurance and pensions
    • Civilian and military service
    • Legal and formal matters
    • Course catalogue
  • Study Internationally

    • International students
    • Incoming students
    • Outgoing students
    • Internship
    • Partner universities
    • German language courses
  • Continuing education offerings

    • All continuing education programmes
    • MAS - Master of Advanced Studies
    • CAS - Certificate of Advanced Studies
    • Modules
    • Info events
  • All about continuing education

  • International Office

    • Mobility for academics and staff
    • Study Internationally
  • Research

    • Research fields
    • Projects
    • PhD Projects
  • Collaboration

    • Services
  • Updates and insights

    • News and stories
    • Applause
    • Publications
    • Newsletter (DE)
  • Events

    • All events
    • Info events
  • Media

  • About the Basel Academy of Art and Design

    • Management and organisation
    • People directory
  • Institutes

    • Institute Art Gender Nature
    • Institute Arts and Design Education
    • Institute Contemporary Design Practices
    • Institute Digital Communication Environments
    • Institute Experimental Design an Media Cultures
  • Campus and Infrastructure

    • CIVIC
    • Media Library Basel
    • der TANK
    • FoodCultureLab
    • Café Freilager and Bistro of the Arts
    • Sport
    • Studi-Lounge
    • Accessibility & Facilities
  • Campus.Workshops

    • Sculptor’s studio
    • Bookbinding
    • Digital Fabrication Lab
    • Woodworking
    • Plastics
    • Paint shop
    • Media.Workshop
    • Metalworking
    • Sewing.Island
    • Screen printing

Type a search term and search continuing education,degree programmes, events, documents and other content.

  • Art and Design
  • Research and services
  • Research
  • Projects
Projects

COCODING Classroom (Teaching Fund FHNW), Basel Academy of Art and Design

Basel Academy of Art and Design


Teaching Diverse Frameworks in Hybrid Learning

header_platzhalter.jpeg

Project details

University
Basel Academy of Art and Design / Institute of Digital Communication Environments

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.

Basel Academy of Art and Design FHNW University of Applied Sciences and Arts Northwestern Switzerland

  • About the School
    • HGK Basel
    • Degree Programmes
    • Continuing Education
    • Research
    • News & Stories
    • Events
    • NEXT Generation Degree Projects
  • Social Media
    • Instagram
    • LinkedIn
  • About FHNW
    • Organisation
    • Schools
    • Locations
    • FHNW Library
    • Media Relations
  • Support
    • IT Support
    • Inside FHNW
    • Webmail
Logo FHNW - 20 Years
Logo Swiss Universities
Logo European University Association
© University of Applied Sciences and Arts Northwestern Switzerland (FHNW)
  • Data Protection
  • Imprint
  • Accessibility
  • DE
  • EN