User:Clàudia/personal-research-publi-itch: Difference between revisions

From XPUB & Lens-Based wiki
 
Line 247: Line 247:


</div>
</div>
= Monday 7th November. Michel and Aymeric feedback =
<p>Hi to both of you! :)! </p>
<p>Hope you are having a great day!</p>
<p>If possible, I would like some general feedback on it all. And also:</p>
<ul>
<li> So, the idea is to explore the concept of gitch further, not only focusing on technological glitch, but also in: functional glitch (as with the webgrider), conceptual glitch, aesthetic glitch, and probably others (I need more research and reflection on it). However, I have been searching a bit, and I don't seem to find much about it... It might be because people uses other terms to refere to it ( for example, would be a functional glitch, a hack?), or because it is a field that hasn't been explored from this angle (¿¿¿¿????). Any notes on that?</li>
<li> What do you think about the concept of Publi-itch?</li>
<li> Is there a way to make the programs (1rst and 2nd -itches), work on a web?</li>
<li> I also would like to make an interactive exhibition (somehow) with several glitched images with the hidden message (as the ones above), where the whole piece consist on both, the message within the image and the image itself. </li>
</ul>
Thanks, and have a beautiful Monday!!
Clàudia GM

Latest revision as of 16:12, 12 February 2017

Idea

Publi-itch are a serie of publications that explore the concept of glitch in multiple ways. For the time being, the final shape will be a website, but it might vary as the project evolves. These publications will be a way to improve some skills (such as research, writing, css, html, visual and conceptual design, etc), learn python and possibly improve my understanding of other languages and environments (such as javascript, php, dbs, etc). On the other hand, this project is also going to be approached in a self-explorative and subjective way, with the aim of discovering more about myself.

The publications will be produced using different methodologies, in order to explore different paths, and to experiment in the way how I engage with those. I have made a flow diagram, with the aim of gaining a better understanding on how a piece can be created, using research, reflection and production .


Methodology diagram


This diagram has been made following the next path: CONCEPT --> REFLECTION --> PRODUCTION --> REFLECTION --> PRODUCTION (...and so on and so forth)

Publi-itch identity

Publi-itch logo process
Publi-itch final logo

PS: The color is not 100% defined yet

2nd -itch

This work consist of a software that gitches an image introducing a message in it's code. The message can also be deciphered, using the same program. The language used to build this piece of softwre is Python.

code

  • When using the program, you have to place the image file you want to glitch in a folder called "images-to-glitch", at the same level of the program file.
  • When you want to decode an image, it has to be placed in a folder called "glitched-images", at the same level of the program file.
Program and folders position
import random
#library I use to open the file (only if you want to oppen it in mac?)
import os

#messatge to introduce/find
missatge_primer= "principi del missatge"

#messatge to introduce/find
missatge_final= "final del missatge"

while True:
    user_desition = raw_input("Do you want to GLITCH or to UNCODE? ")


    if user_desition == "GLITCH":
        #variable string
        p = raw_input("Please, enter the name of the image file you want to glitch: ")
        
        image_file = "images-to-glitch/" + p

        #variable = open that file
        f = open(image_file)

        # variable = reads a file
        d = f.read()

        #generates a random number
        random_number = random.randrange(0, len(d)) 

        #this function enters the message inside the image
        def the_message(message, randomnumb):
            d2 = d[:randomnumb] + missatge_primer + message + missatge_final + d[randomnumb:]
            return d2


        #user introduces the name of the new file
        new_file_name = raw_input("New image name and extension: ")
        
        #WHY is it different when you do it from insite the program (python -i hello.py) or PRINT result?
        #print d
        
        glitched_file = "glitched-images/" + new_file_name

        #variable that opensa file, on mode Write
        f2 = open(glitched_file, "w")


        #asks user to introduce the message
        message_user= raw_input("Please, enter the message you want to be coded: ")




        #function that introduces a message inside the document
        d2 = the_message(message_user, random_number)

        #introduei el missatge en el document 
        f2.write(d2)

        #opens the file you just gliched
        os.system("open " + glitched_file)
        
        f2.close()

        f.close()
        
        
        
        #############  UP TO HERE THE MESSAGE IS INTRODUCED AND THE IMAGE HAS BEEN GLITCHED
        ############# NOW IT WILL START DECODING THE MESSAGE
        

    elif user_desition == "UNCODE":
        image_decode= raw_input("Please, enter the image you want to decode: ")
        
        #open the file that the user has introduced
        f = open("glitched-images/"+image_decode)
        
        #read the file
        d = f.read()

        #find the message variables in d2, this variable will be the number where the message starts in the string
        in_text_first= d.find(missatge_primer)
        in_text_last= d.find(missatge_final)

        #this is the decoded message
        message_decoded = d[in_text_first+21:in_text_last]

        #it prints the message
        print "THE DECODED MESSAGE IS: " + message_decoded


        f.close()


    else:
        print "bugger off xP ----------------------- ((You haven't introduced GLITCH or UNCODE, try again))"

IMAGES WITH A HIDDEN MESSAGE

ALL OF THEM HAVE A HIDEN MESSAGE! You can decode them using the program =D! (Wiki does not allow the uploading of .bmp images. This is why, if you want to decode the images, click on "downloadable link of the .bmp image" (below each image), and the .bmp file will be downloaded to your computer, and ready to UNCODE!)

Output I

downloadable link of the .bmp image

Output II

downloadable link of the .bmp image

Output III

downloadable link of the .bmp image

Output IV

this one is jpg, DOWNLOAD IT TOO :)!

Output V

downloadable link of the .bmp image - image taken from Earthlings, documentary by Shaun Monson.

Glitch analysis

Aesthetic glitch

1st -itch

This work consists on glitching the Webgrider script, by Amir Houieh . It's functionality is to picture the layout of a webpage. The input is a website, and the output, an image of the website layout. It was decided to glitch the program functionally: by changing the look and aesthetics of the output. In doing so, the resulting image is not functional anymore, and the program not practical. At the same time, this project is inspired in the sentence: "What if instead of adding one redistributes what is there already?" by Paul Glosan. Taking as a input a website, as a sofware the piece of code by Amir Houieh, and in the printed version, reused paper.


1st part

-itch recipe

Change the final image width and height randomly
Change the colors of the background and layout lines randomly
Run it through the terminal using any desired website, and wait for the render

Conventional output of the program

Website used: E-FLUX

distribution Functional output

-itched program

Glitched output I
Glitched output II
Glitched output III
Glitched output IV
Glitched output V
Glitched output VI
Glitched output VI

2nd part

The project is brought further. Now, the images made with the first -itch, are used to create a website that will show a new composition each time it is refreshed.

-itch recipe

1- Create a new folder with the files of the new website. It only needs to have an index.html, and a folder to save the images.

2- Change the direction to save the images, to the images folder of the new website
3.1- Create some constants
3.2- Put the actions of the program into this function
3.3- Make the program iterate x times
4-In the new index.html, place the new images in random positions

-itched program

Composition I
Composition II

The printed -itch

Still being loyal to the sentence "What if instead of adding one redistributes what is there already?" by Paul Glosan, in the printed version of the project, the -itch compositions are printed on reused paper. Doing it this way, each piece is totally unique, and integrates the content of the sheets in the piece itself.

Printed version
Printed version
Printed version

Glitch analysis

Normal functioning of the program
Functional glitch