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
Image for post
Image for post

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.

Image for post
Image for post
You can check out the code editor yourself!
Image for post
Image for post
  • 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.

Image for post
Image for post
  • 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.
Image for post
Image for post
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.
Image for post
Image for post
Kandinsky assignment given by Casey Reas in 2010.

OpenProcessing

Thoughts on creative coding and how to teach it to the new…

 by the author.

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.

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.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store