The evolution of information theory in the digital era

2018/12/22

Essay Link

From the ancient age of human society, information is essential to human beings. We, humans, use drawing and carving to record messages on stone walls. The paintings might tell our ancestors where and how to get foods, make tools, worship their god, or record what happened that we called history. We live on messages about the ancient wisdom of our ancestors which tell us the sign of harvest and get information about our enemies to fight against with.


Since the Information Evolution, information has become the central theme of several science topics since the 1940s. It has been considered an important role of the universe. In Cybernetics1. Wiener stated: "information is information not matter or energy," and in Shannon's Information Theory2, he mentioned that information is a specific combination of different symbols which can be carried either by matter and energy. Information are not a sort of text or a piece of knowledge, it becomes the key basepoint of modern digital telecommunication system and the way we consider human being as a information node in “How We Became Posthuman”3.


We consider information as a phenomenon, independent from what it is transmitted with, the sender and the receiver. However, is information an isolated element not related to the other roles in the system? Does information keep its consistency throughout different receivers and mediums? How did the invention of the Internet change the way we handle, transmit and interpret the signals, and how does it perform difference to people in the modern world when we are comprehending with common online knowledge base? What happened when our medium has also improved to a high-tech version, which has the ability to process the signal and append additional information to the original one? The following passage will discuss the evolution of information from the ancient age to the future and the hypothesis of how the information model and application in the future might change.

Generative Audio research & experiments

2018/10/9


Before I come to New York, I meet a generative audio artist – Chi Po Hao. I visited him many times for his speech and workshops about generative audio, machine learning in generative music and how to design systems for generative arts and music.

This week, I read through the “How Generative Music Works, A Perspective” and I thought it is so delicate! The author well organizes the story of how generative music developed and combine live demos that you can play through your browser. It is an intense but easy to learn and feel tutorial that blows my mind!

https://teropa.info/loop/#/title

The website introduces how it means to define a sound system that produces music with a lot of interesting examples. Traditionally, we think music as a static thing with fixed scores and instruments, but in generative art, which is developed since the 1900s, there are a lot of tries out that attempt to design a dynamic system, which means a set of things working together as parts of a mechanism or an  interconnecting network, that can produce music.

Music for Airtport

( https://teropa.info/loop/#/airports )

This is the inspired example by delaying the track, the artist make environmental music for airport not through fixed-length tracks, but grab some notes, define a length on the loop and turn the virtual machine turn, as the wheel brings the solid line toward the play point, the flute-like sound will fade In and 7 of them made harmonic and peaceful work!

I learn classical music when I was in elementary school for about 7 years, and those new techniques of creating pieces of music really change my imagination of what music heard like and how they can be, even what can be defined as music.

Terry Riley’s in C,
This “score” is defined by 53 pieces and a long rule explanation. It can be played by a group of fewer than 35 people. Everyone in the band can repeat a numbered measure whatever times he wants to. This is a great example to let me think that, maybe we can create more dynamic music for exhibitions, interactive arts, and museums and if the piece is unique at any moment the audience hears it, it might be a great experience!

Terry Riley, 2014

https://teropa.info/loop/#/incplayer

The website also mentions two ways of generative arts, one is generative methods and one is generative products, the difference between them is one is defining a method and you will get the same result every time, but the other one is every time you play, it contains user interactive and randomness. There is already some generative synthesizer in the APP market, which allows the audience to draw, tap or tilt there phone to engage in the process of making music!

The last impressed example I want to show is  Data Sonification, the author mentioned a website called “Listen to Wikipedia”, it sonify the register action and every edit actions of Wikipedia. We, human, often need visual or audio representation to trigger the subconscious that gives us the quantitative or degree of data through non-logical feelings, and I really think that is a great experience if we can perceive those cold data through a way that is so interesting.

Listen to Wikipedia

http://listen.hatnote.com/

There are lots of fascinating examples here, and after reading I definitely discover more possibilities of how to break the imagination of what we thought as music. So I try to make some generative music experiments too! The first one is Music String with particles hitting them.

and the second one below is the music matrix, each particle has a certain cycle of triggering, and I add some drum sound through adding ADSR to noise and sine waves, it’s very playful and I hope that I can dig into the field of generative music more in the future!

Fantasy User Interface

2018/10/2

Fall in love with FUI (Fantasy User Interface)

Recently, I fall in love with FUI, the Fantasy user interface, which we often see in the sci-fi movie. FUI is the combination of the technology we do not have yet – HUD (heads-up displays) and interfaces for the future system and machines.

When we are watching this kind of movies, user interfaces of the machines, which might be the control panels of iron man or AI system,  usually have lines and complicate feeling, with glowing frames and holo image floating in the air and some 3D skeleton model turning around gently. Numbers on those interfaces vary in high speed, flashing and jumping and often are about science, aviation or statistics.

Interface design by Jayse Hansen in “Batman v.s. Superman”
Bradley G Munkowitz’s FUI Design

Scene of FUI in Movies

Psycho-Pass

I get lots of interest in FUI after I watch the animation – Psycho-Pass last week. It’s a Japanese animation talking about Shibboleth, which is a judicial system of the society for the future world, can read one’s mind by an ultra-sonic scanner replaced the law system and determine what everyone’s job based on measurement. They use lots of FUI to design what the system might look like in 2100 a.c.

Interface Demonstration in the end song of Psycho-Pass

After that, I start to search for some introductions of FUI on the internet. There’s a lot of those on Pinterest, and movie posts, and I find that there are famous artists who are noted in the FUI field, which are Ash Thorp, Jayse Hansen, and Bradley G Munkowitz. They design the interface for lots of sci-fi movie, such as Ender’s Game and Total Recall.


Ender’s Game FUI Reel and Breakdowns by Ash Thorp and Jayse Hansen

The beautiful and professional part of FUI

The designs not only with delicate animations but also elegant graphics that reveal the beauty of structures and data. Also, to design solutions and make brand guidelines of the FUI, the designers even reference whole books, such as plane pilot manuals, to observe what data will be measured, analysis and manipulate in the real world. To be a great designer in FUI, you must have numerous amount of knowledge and imagination of how the world operates, in the field of Biology, Structural design, Computer Science and Chemsitry, and the details are undoubtedly the key point of good visuals.


OBLIVION GFX Montage by Joseph Kosinski

My Personal experiment to design FUI through p5.js

After seeing the references, I pick some element from what I have seen. Using Data simulation, Perlin noise to generate a matrix of data, and then formulate the rules like: When the cell number exceeds 60, it will become red, and if it is over 80, a danger-waring circle will appear to tag in out to notify the users. Then I follow the design pattern of half-transparent lines, using lines to emphasize the structure and make some flashing and glittering numbers to show system status. After 3 hours of work with p5.js, I finally come out with an amazing dynamic website!

FUI experiment by Che-Yu Wu(me) (link)

Conclusion

I think I try to dig into some Data Visualisation stuff to have more fundamental knowledge of how to turn data into graphical views. It’s not only an enjoyable process to create this work, and its also encouraging that after the input of style and try to simulate the legendary designers in the professional field, I might have the potential to become one. In the future, I will plan to work more and research more about the FUI!

References:

Movie FUI Collections: https://www.noteloop.com/kit/fui/movie/

FUI Pinterest Board: https://www.pinterest.com/kghsu/%E8%99%9B%E6%A7%8B%E4%BB%8B%E9%9D%A2%E8%A8%AD%E8%A8%88fui-design/?lp=true

OBLIVION GFX: https://gmunk.com/OBLIVION-GFX

A Chinese Design Magzine post introduction of  FUI: https://www.mydesy.com/fui-design