Teaching Coding with OpenProcessing

A quick walkthrough of the exciting world of code, creativity, education, bugs, and Kandinsky.

Sinan Ascioglu
Aug 21, 2018 · 5 min read

A Simpler Code Editor

Today’s code editors, like Brackets, Atom, and VSCode are great for building professional, scalable apps and websites. That is, of course, if you can navigate sophisticated interfaces, extensions, and hundreds of keyboard shortcuts. Mastering a code editor can be as hard as learning a programming language itself.

In contrast, OpenProcessing puts the focus on learning and creativity.

With its minimalist design, it takes all the pro-features away from the eyes to let students focus on the code and see their results with a single click. The big inspirations for this project, DBN and Processing, have proven how simplified code editors can lead to great projects by beginners and professionals, alike. OpenProcessing is now taking those ideas online to make coding easier and more social.

You can check out the code editor yourself!
  • They can access all the p5js functions and variables in the reference panel as they code.
  • Students can view their history and rollback any changes made. This also allows professors to view students’ progress and catch any quick instances of copy/paste.😈
  • They can upload files, videos, and images to work within the sketch.
  • They can create a fork of any sketch on the website by simply editing the code.
  • They can download or embed their sketch on their website.

Class Platform: A mini-LMS, just for teachers and students to code and collaborate.

Coding together has never been easier or more engaging with OpenProcessing’s Class Platform. It lets students code, share work, and submit assignments in one, collaborative environment, and gives everyone, including teachers, a home to showcase their projects.

  • Invite your students by sharing the class URL and access code.
  • Create collections to organize your class by topics, weeks, or assignments.
  • Add your sketches as examples and templates for your students.
  • Your students can add their own sketches/assignments and share their work with the rest of the class.
Sketches can be shared with custom privacy options.

The Creative Coding Community

Today, with over 300,000 open source sketches on the website, OpenProcessing hosts a welcoming community of everyday coders who use coding as a creative medium.

Students are part of the open source community from day one.

As they use OpenProcessing, students:

  • Connect with the community by following other users.
  • Learn open source software literacy as they learn to read and understand other people’s code, create forks, and give attribution.
  • Showcase and contribute their own work.
Kandinsky assignment given by Casey Reas in 2010.

OpenProcessing

Thoughts on creative coding and how to teach it to the new generations.

Sinan Ascioglu

Written by

Founder of @OpenProcessing. Thinks about user experience, coding, teaching, and anything in between.

OpenProcessing

Thoughts on creative coding and how to teach it to the new generations.