Gone Mobile!

There is a very good chance you are reading this post on a phone.

According to the most recent Pew Internet Project Mobile Technology Fact Sheet:

  • As of May 2013, 63% of adult cell owners use their phones to go online.
  • 34% of cell internet users go online mostly using their phones, and not using some other device such as a desktop or laptop computer
  • 30% of cell phone owners have used their phone to decide whether to visit a business, such as a restaurant, in the past 30 days.
  • 58% of American adults own a smartphone
  • 42% of American adults own a tablet

Read more…

Creative Commons

A Series Showcasing Real-Life Examples of Art Meeting Code (Part 4 of 4)

Choosing the final installment of this series was difficult. We had a lot of strong contenders: a pro bono event that brought designers and programmers together, a young adult novel about cryptography — even the classic video game, Myst.

Instead, we chose to feature a tool that literally involves art meeting code — Creative Commons, a way for artists to share their work on their own terms, while still retaining copyright:

Creative Commons “Wanna Work Together” from Ryan Junell on Vimeo.

It’s a simple piece of HTML that anyone can post into their own website or blog, and it spells out in plain language exactly what uses are permitted and permitted — for instance, noncommercial use, use with credit, derivative works or “remixes,” etc.

Sample Creative Commons License

Sample Creative Commons License

It makes the implementation of a complex legal idea elegant, simple, and practical — a triumph of usability. More than that, the Creative Commons license was inspired by the Free Software Foundation’s GNU General Public License (GNU GPL) – the DNA of software’s Open Source Movement. You could say that Creative Commons was a very successful attempt to “port” the core concepts and principles of Open Source from the platform of software and engineering to new platforms of creative authorship (books, film, music, and visual art forms, among others).

The Internet economy is driven by content, yet artists and content creators are consistently at the very bottom of the food chain. From the likely demise of net neutrality to YouTube’s recent decision to block content from independent music labels, we are reminded that censorship does not need an authoritarian government to take hold — a corporate regime will do just fine.

Why might a license that allows free sharing be a step forward for artists? Because artists can reach a wider audience, while still retaining copyright and control of their own work. Specifically, they can negotiate better terms for commercial reuse of their work — for instance retaining rights to print, film, or television for a manuscript distributed online.

Artists who have released work under a Creative Commons license include Trent Reznor of Nine Inch Nails, and Randall Munroe, creator of the popular xkcd online comic.

Says Cory Doctorow, author of Little Brother (Tor Teen, 2010),

“For me — for pretty much every writer — the big problem isn’t piracy, it’s obscurity (thanks to Tim O’Reilly for this great aphorism). Of all the people who failed to buy this book today, the majority did so because they never heard of it, not because someone gave them a free copy…

The good news (for writers) is that this means that ebooks on computers are more likely to be an enticement to buy the printed book (which is, after all, cheap, easily had, and easy to use) than a substitute for it. You can probably read just enough of the book off the screen to realize you want to be reading it on paper.”

Fractals

A Series Spotlighting Real-Life Examples of Art Meeting Code (Part 3 of 4)

Peter King has been experimenting with fractals since the mid-1980s. Many of his designs take their input from nature and from human interaction — in the form of video camera inputs or a “Spirograph” style user experience — rather than from a fixed mathematical starting point. He invented a process to create fractals purely from video camera feedback — no computer necessary!

Video Fractal by Peter KingWhat is a fractal?

Forms that exhibit scalar self-similarity, combined with the fact that in-folding greater detail increases the measure of the geometry: The more convoluted a (one dimensional) line gets, the more it approaches filling a two dimensional plane, so the line exists in a fractional dimension, hence, fractal. Romanesco and Buddabrot are among my favorites.

Interactive Fractal, Program by Peter KingWhat got you interested in fractals?

Growing up, I loved to draw from my imagination and from life. As a senior in High School (1982), I was seduced by computer graphics, and wrote little programs on Apple II written in Basic. There was no command for a circle, so found out how sine & cosine are used to draw a circle with a for loop. It was all Euclidean geometry: First spirals and spirographs, then wrote a 3D wireframe program in Basic. But with all that focus on euclidean geometry, my drawings were getting really geometric, and I began missing the organic feel of natural structures.

Then in college a friend sent me an article on fractals and the mandelbrot set, and I was attracted by the psychedelic appeal, but also liked how well they described organic structures algorithmically. My math skills weren’t apt for fractal math, so I would draw fractals to help myself understand them. Just out of college I watched a NOVA episode on fractals and chaos theory, which gave a very simple description of how to draw a Sierpinski triangle, so after watching I went to my Amiga and wrote a basic program to do it, and then began tweaking the variables to see how it changed the fractals.

Fractal Artwork by Peter KingA couple years later, I was experimenting with video feedback. I really liked observing how it behaved similarly to cellular automata: There was chaotic emergence guided by recursive rules. I think the universe creates in a similar way, so engaging in creative process this immediate and responsive manner feels to me like collaborating with nature. Well, in these explorations, I wondered what would happen if I split the camera signal and sent it to two monitors. While I set things up, I realized it would make fractals, which was a very exciting realization. I refined the video fractal process by putting one video monitor behind a window, with the reflection of the second monitor superimposed. This creates very specific IFS fractals, but they pulse and throb with color and texture. Truly simple shamanic interactive television :)

When digital desktop video arrived, I switched to that medium, making versions with Max/MSP, Quartz Composer, and Flash. When the iPhone came out, I built a multitouch table, where the fractal is directly manipulated with multitouch gestures on affine transforms.

What preparation/skills did you need to acquire for these projects?

Programming skill progression: Basic, HyoerTalk (Hypercard), Flash Actionscript 3, Nodal noodle programming, such as Max/MSP, Pixelshox, Quartz Composer. Presently: HTML5 / css3 / javascript

Why create artwork that takes its inputs from outside phenomena (variables found in nature, interpolated by mathematical equations) rather than directly from the artist’s imagination?

I am fascinated by how nature designs, and by studying and imitating these processes, I feel like I am co-creating with nature.
Use the links below to check Peter King’s fractals — or make your own!

Hipsters Beware

A Series Spotlighting Real-Life Examples of Art Meeting Code (Part 2 of 4)

Ironic T-shirts are nothing new. But what if you took the human element completely out of their creation and selection? That’s what Brighton-based artist Shardcore did with his collection of “Hipster Bait” algorithmically-generated T-shirts for sale. A computer program selects the image and the text.  Consumers can then order the shirts online. A new shirt is available every day.

The first thing you will notice is that the words and images seem a bit “off.” The pictures don’t match the captions. That is by design.

But not by human design.

http://www.shardcore.org/shardpress/index.php/2014/04/30/hipsterbait1/
http://hipsterbait1.tumblr.com/
https://twitter.com/hipsterbait1

SCRATCH that!

By Anna Nahmias, Media Intern

Logo Cat

The Scratch programing language is a great example of visual/code collaboration. Targeted towards the younger mind, Scratch lets users create projects from animations to video sensing with little-to-no coding. Collaboration with Scratch doesn’t stop at design and code; it’s also collaboration with the creators, the Lifelong Kindergarten Group at the MIT Media Lab, and its users, like you and me. It’s people building off of each other’s knowledge and experience.

home

Credit: scratch.mit.edu

The interface has bright colors and building-block-coding. As mentioned on the Scratch about page, “Scratch helps young people learn to think creatively, reason systematically, and work collaboratively”1. It would be amazing to see this software in middle school classes, perhaps a digital media or animation class. Then the student gets to decide what they want to focus on when considering colleges or even just a hobby.

scratchpage

The “inside” screen, or coding screen, of a project made with Scratch

Kids are smart. If you give them the tools they’ll figure it out. Maybe it’s the lack of pollution in both their minds and life. I suppose this idea could apply to us adults as well, if you give us the tools we’ll build it.

A quote from a Scratch user, “My 8-year-old brother and I have been active participants of the Scratch Online Community for over a year. I enjoy designing and programming games and animations with other kids, because different people have different skills, and when you work together, you can build a much better project than you can alone”2.

Collaboration is key; you can only accomplish so much yourself.

1http://scratch.mit.edu/about/

2 http://scratch.mit.edu/info/quotes/

This Is Not a Post About Heartbleed

About a month and a half ago, I started writing a blog post about Leena Snidate, the influential and talented Finnish designer who produced the now-iconic Heartbleed logo for Codenomicon in “just a couple hours.”

Heartbleed Logo

Heartbleed logo is free to use, rights waived via CC0.

And it’s a brilliant logo — vivid and emotionally resonant. It probably contributed to a lot of people becoming aware of the bug and taking steps to mitigate their risk.

You should check out the designer’s story. It’s pretty cool.

But something kept nagging me…

What struck me most was the irony of the events: graphic designer beautifully and evocatively illustrates one of the most serious security flaws yet to surface in the history of the Internet. That’s all she does. That is where her role begins and ends.

Visual imagery has enormous power. It jump-starts the emotions; conveys in a split second what might take hours to explain with words. We usually consider visual thinking to be primarily a tool for advertising or communications. But visual thinking is also a means for problem solving. It is creative, dynamic, and sequential. It is also one of the most powerful means to make the abstract concrete and comprehensible.

Art meeting code can mean much more than logos that describe software. Even beautiful, effective, high-impact logos. We want designers, artists, and students to know that more is possible.

In the coming weeks, we will be be sharing some examples of creative collaboration between the art and tech worlds that push boundaries and inspire us to build better tools to create and share. We are still accepting stories and examples — send to media@yesexactly.com.

Compiling the Conscious Brain

Error!

Ars Technica had a great post this week about the differences between compiled and interpreted code, and why some computer languages are faster than others.

If you’ve ever wondered how a compiler works, or why someone might choose C++ for a project rather than Python this is a great read.

This compilation process has several steps. The source code is analyzed and parsed. Basic coding mistakes such as typos and spelling errors can be detected at this point. The parsed code is used to generate an in-memory representation, which too can be used to detect mistakes—this time, semantic mistakes, such as calling functions that don’t exist, or trying to perform arithmetic operations on strings of text.

This in-memory representation is then used to drive a code generator, the part that produces executable code. Code optimization, to improve the performance of the generated code, is performed at various times within this process: high-level optimizations can be performed on the code representation, and lower-level optimizations are used on the output of the code generator.

I’m not a programmer (not mostly, anyway) but this definition makes sense to me. Essentially, compiling code in advance saves time so that the program runs faster later.

What is interesting to me is that the human brain functions very similarly. We are hard-wired to interpret and react to certain types of information much faster than others. In particular, we interpret images and sounds faster and react more emotionally to them than to textual data. These types of information are processed by different hemispheres of the brain.1

“In a real sense, we each have two brains,” writes Dr. Martin L. Rossman.  “One thinks as we are accustomed to thinking, with words and logic. The other, however, thinks in terms of images and feelings.”

One of the chief difference between right-brained (emotion, imagery, sound) and left-brained (text, logic, mathematical computation) information processes is their speed; the human brain processes and reacts to right-brain information types almost immediately, while left-brain information requires sequential processing. Think about how long it took to read this article. Then think about long you spent looking at the brain illustration graphic. Although you almost certainly spent longer reading the text than looking at the illustration, when measured in bytes, the illustration contains 97.75 times as much information as the text. (That’s 4KB vs. 391KB.)

If you think the analogy above is far-fetched, think about traffic signs. Why do the most important road signs and signals use colors, shapes, and symbols in place of or in addition to words? In large part, it’s because drivers react more quickly to pictures than to words, and that extra second or two might save somebody’s life.

Road Signs

Credit: Merriam-webster.com

This makes sense from an evolutionary standpoint — if you see a snake moving through the grass, you need to be able to jump back. If you hear an infant wail in distress, that sound had better be the most piercing and unpleasant thing you could possibly imagine. Written language wasn’t even invented as a technology until about 5,000 years ago (mathematics even more recently) so it kind of has to take a back seat to the survival traits that got our ancestors through life as hunter-gatherers.

Today, the bulk of human communications do not happen by accident. Instead, they are mediated, organized, and planned by the industries we know as marketing, propaganda, advertising — and of course, design. Appeals to the right brain can be powerful and subtle. Because citizens are not trained to evaluate or analyze right-brain “coding techniques,” these techniques lend themselves to manipulation and abuse by hidden persuaders — usually those with power and money.

But no technology is good or bad — it’s all in how we use them. Images, sounds, video and other “pre-compiled” right-brained media are incredibly effective at communicating information quickly and reaching people on an emotional, gut level. Just as one might choose node.js for one project, or C++ for another, images, video, and sound are not the best technology for every situation or to convey every type of information, but they are a powerful tool in the hands of those who have the skill and awareness to wield them.

— Tess Gadwa

Tess Gadwa - CEO, Yes Exactly, Inc.

Thematizer Cofounder, CEO, yesexactly.com

http://www.nobelprize.org/educational/medicine/split-brain/background.html

Greetings everyone!

My name is Anna Nahmias and I am a student studying digital media and website development and design. I’ve always loved technology and digital media. I enjoy digital photography and have recently dived into the world of website development and design. There’s something about clicking a computer mouse or the shutter button of my camera that feels natural to me opposed to a holding a brush or a stick of charcoal. Well it’s not just anything; it’s the instantaneous results. Being able to see a mostly finished product before I’m done working on it and having the ability to change it back or continue working without a problem is huge plus for me. I’ve thrown myself over hurdles and pulled myself through the hoops of programming and it simply takes more than what I can do to merely program or develop; I crave instantaneous and visual creativity. When I first met with Yes Exactly’s CEO Tess Gadwa she mentioned “Thematizer” and honestly it sounded awesome. It was very exciting for me in that great artsy-nerdy way.

The Thematizer, art meets code, is huge for the digital industry whether you know it already or not. The current relationship between design and development, art and code, is basically having the idea or dream of making or doing something, without the ability, recourses. This lack of individualism causes the dreamer to network, which is not necessarily a bad thing. The problem with networking is that the dreamer has to share their vision with another person. Ideas, views, feelings, emotions, anything can be lost in translation from one to another. Everyone works on their own levels of technicality, some very precise, others broad and general. Saying, “I want a clean simple website template” brings numerous ideas to my mind, but they all look pretty different from each other. Thematizer will give the dreamer the tools to make their dream a reality, with little to no risk for misunderstandings.

There are tools out there that are like the Thematizer, so in a broad category it’s not the first of its kind.  Thematizer is put together by people who have a passion for design and or development. It is built by people who want to connect not by people who want to make a fast or big buck. There’s love, sweat, and passion in Thematizer, and that’s not something you see in not only most applications, but most things nowadays.

The Thematizer builds a bridge, a bridge connecting the creator and the constructor; the designer and the developer. Similar to how artists and architects, or engineers and technicians can be grouped together, yet they both have different purposes. Having the Thematizer around will make constructing a website much easier, simpler, and personal. Whether you’re a designer or developer this is definitely worth looking into or even getting involved with.

In the News — “Brain Meld”

The Thematizer was featured in this week’s Greenfield Recorder. Check out the article…

Brain Meld

recorder-tess

There’s some-thing of a disconnect between web-site developers and graphic designers, even though a lot of times, they inhabit the same turf.

Art Meets Code, a collaboration between a Greenfield Web developer and a Lowell graphic design studio, attempts to get everyone working on the same screen….. <<Read More>>