Category: DART304

Posted in DART304, Design, Project 3

Project 3 Final

Posted on by gxs481

As with the project after this, Project 4, I had little time to complete this assignment, and even when I did, the upload process broke somehow and the file would not be played when accessed through the PSU PASS website, located here

What you should have seen is something that looks like this

This link:

https://pennstateoffice365-my.sharepoint.com/:f:/g/personal/gxs481_psu_edu/ElCkXv9v2_xGkBy-wQOI7zsBIyaETflCpSJKx_WQWdWCFg?e=ZUrWyB

Will take you to the files used to make this piece inside of OneDrive.

The goal of this assignment was to create an animated loop that would continue indefinitely until stopped, by clicking on an element of the moving animation using another element that would replace the mouse cursor, in this case the hand. The hand would replace the cursor and you would try to chase the fly that would be moving in a figure-8 around the face. Once you click on the fly, it would stop and then you can restart the animation by clicking on the cookie jar. At least that is what was supposed to happen, but for some reason the prescribed code would not work and the fly would continue forever. We believed that one of the problems was that the fly was both too small and too fast, and the mouse could not reliably register the position of the fly when it is clicked. Also we believed that the mouse was not scaled appropriately to the hand and was also not registered accurately.

 

Bib:

Cromar, William. “ArtMachineAnimateProject.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ArtMachineAnimateProject, 2020, newmediawiki.pbworks.com/w/page/127847730/artMachineAnimateProject#Animateproject.

Posted in DART304, Design

Project 4 Final

Posted on by gxs481

 

This video project is the last of the 4 projects we were assigned to complete this semester. Due to online learning, Covid-19 and just unforeseen circumstances, I had to complete this project in about 2 hours. So the result of a 2 hour work period was to create some abstract narrative that would occupy a 1 minute visual window. And so with that said, I recorded a few seconds worth of myself dropping playing cards from above the camera, as well as record an aerial shot of scattered cards on the ground. In Adobe Premier editing suite, I duplicated and mirrored some of the shots and layered them on top of each other with an opacity filter applied so that the two shots could be seen simultaneously. I did a similar edit to the other piece of recorded video and layered 3 or 4 copies of it, with a slight delay between them, and having the camera spin on it’s axis to give the video a chaotic and trance-like tone.

 

 

Bib:

Cromar, William. “VeryInterestingVideoProject.” NewMediaWiki [Licensed for Non-Commercial Use Only] / VeryInterestingVideoProject, 2020, newmediawiki.pbworks.com/w/page/127847772/veryInterestingVideoProject#Inspiration.

Posted in DART304, Exercises, Project 2

Project 2 Exercises

Posted on by gxs481

These exercises were pretty neat and allowed me to get the hang of some basic functions of Dreamweaver and the html language as a whole. There is still a lot I don’t understand, but being able to label the parts of the code that were doing the function on the webpage was fulfilling. The Marinetti section was a bit difficult at first, but once I understand that I wasn’t supposed to recreate the example from scratch, it made a lot more sense that way, but it was not clear the first time. Perhaps a visual indicator  like a red box highlighting what we should be copying over and why would be helpful. In the end once I was able to make things work in my section, with some minor tweaks. I wish there was a little more time to learn some of the other functions in html to see a larger scope of the possibilities and understand them better.

Anyway here are the web pages we created.

https://www.personal.psu.edu/gxs481/video_mash/index.html

https://www.personal.psu.edu/gxs481/basic_css/index.html

https://www.personal.psu.edu/gxs481/marinetti/marinetti.html

https://www.personal.psu.edu/gxs481/marinettiJS/marinettiJS.html

Bib:

Cromar, William. “ConcretePoetryVideoMashHTML.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020, newmediawiki.pbworks.com/w/page/127847691/concretePoetryVideoMashHTML.

 

Cromar, William. “concretePoetryMarinettiCSS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020,

http://newmediawiki.pbworks.com/w/page/142762782/concretePoetryMarinetti1CSS

 

Cromar, William. “ConcretePoetryMarinettiJS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020,

http://newmediawiki.pbworks.com/w/page/142762788/concretePoetryMarinetti2JS
Posted in DART304, Design, Project 2, Uncategorized

Project 2 Synthesis

Posted on by gxs481

I should start off by saying that I never realized just how tough coding could be. Or maybe this project does not introduce coding well to art students. I had dabbled a bit in coding with javascript a year ago or so, and I felt alright with that, I wasn’t good, but I got how some of it worked. The exercises were alright for introducing the language to art students, the content was simple enough to grasp a handful of tricks in html. Once we found that we had to individually create a page that had some moving part, and then connect it with all our other pages and have them speak to each other through a network, it felt like having to drink soup with a pair of chopsticks. We were told to search through the web to find pieces of code to emulate the actions we wanted to see in our page. But we didn’t know where to start looking, or even what to look for. In the end I was not satisfied with my overall work, but with the time constraints, and the total lack of experience, I just went with what was simplest, as bare-boned as I could make it just so it would ‘work’ correctly. I felt truly defeated by a couple of 1’s and 0’s

Link to Personal Page :https://www.personal.psu.edu/gxs481/cpp21/belligerent.html

Link to Home Page: http://www.personal.psu.edu/wrc11/cpp21/index.html

 

Cromar, William. “ConcretePoetryInteractProject.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryInteractProject, 2020, newmediawiki.pbworks.com/w/page/127847706/concretePoetryInteractProject#Interactproject.

Posted in DART304, Exercises, Project 2

Project 2 Exercises

Posted on by gxs481

In these 3 exercises we were asked to create html and css documents using Dreamweaver. The primary goal of these projects was to mainly get us familiar with some of the key bells and whistles found in Dreamweaver, in preparation for our upcoming collaborative project of creating webpages that link together to tell some sort of a story or dialogue. Working on these html docs was, frustrating to say the least. Yet , that was mostly for the beginning of these exercises, but thankfully since I took a course on Javascript a year ago, a lot of the coding principles I had learned then, but forgot about, suddenly came back to me after doing these projects. Thankfully the core concepts of these projects became much clearer to me and I was able to understand why certain things belonged where they were, and how some items were effecting others. I won’t claim to know exactly what everything does or why it is there, but I can confidently say I know about the general principles at play in the documents. Honestly it was kind of fun being able to make words on a webpage move just from plopping some code into Dreamweaver, and I think I am even more excited than scared when thinking about doing the upcoming group project.

Links:

Video Mash Homepage : http://personal.psu.edu/gxs481/video_mash/index.html

Basic CSS homepage : http://personal.psu.edu/gxs481/basic_css/index.html

Marinetti Layout : http://personal.psu.edu/gxs481/marinetti/marinetti.html

Marinetti Animation : http://personal.psu.edu/gxs481/marinettiJS/marinettiJS.html

 

Bibliography–

Cromar, William. Http://Newmediawiki.pbworks.com/w/Page/127847691/ConcretePoetryVideoMashHTML. 2020.

Cromar, William. “concretePoetryMarinetti1CSS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / concretePoetryMarinetti1CSS, 2020, newmediawiki.pbworks.com/w/page/142762782/concretePoetryMarinetti1CSS.

Cromar, William. “concretePoetryMarinetti2JS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / concretePoetryMarinetti2JS, 2020, newmediawiki.pbworks.com/w/page/142762788/concretePoetryMarinetti2JS.

Posted in DART304, Project 2, Webspace

Reference Reflections 2.1

Posted on by gxs481

This selection of references are all written so that it can give us students a nice and simple introduction to some of the most important principles when dealing with web development. One of the key ideas to take away from these titles was SFTP or Safe File Transfer Protocol, which allows us to work on website development through Adobe Dreamweaver and then directly upload those files safely into our schools private server network. From there the websites will hopefully be uploaded and running smoothly through the use of PennState’s server network. One of the things I learned from this was that uploading and maintaining a website is tricky, but much less tricky than I originally thought going into the readings. It also helped me to understand networking and servers a little better. As I understand this process, by using Dreamweaver to create and update the website on my own computer, I can then tell Dreamweaver to give PASS servers access to display these website files on their end. So while it looks like this website is coming directly from PASS, it is actually just a proxy, or a middleman of sorts. If users were to interact directly with my website if it were being hosted by my own personal computer, there would be tons of issues with that. By having PASS act as the host of the website, it saves me a lot of trouble and protects me from potential threats from hostile users.

http://www.personal.psu.edu/gxs481/helloworld/index.html

 

 

 

Bibliography

Cromar, William. “ConcretePoetryHelloWorld.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryHelloWorld, 2020, newmediawiki.pbworks.com/w/page/127847685/concretePoetryHelloWorld.

Cromar, William. “ConcretePoetrySftpProtocols.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetrySftpProtocols, 2020, newmediawiki.pbworks.com/w/page/127847667/concretePoetrySftpProtocols.

Cromar, William. “ConcretePoetryWebOrigins.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryWebOrigins, 2020, newmediawiki.pbworks.com/w/page/127847652/concretePoetryWebOrigins.

Posted in DART304, Project 1, Uncategorized, Webspace

Project 1.2 Exercises

Posted on by gxs481

 In this selection of exercises designed to prepare us for our upcoming project. This project I have personally decided to call the “Alphabet Soup” project, where we have to reimagine the alphabet in our own theme. regardless, these exercises focus on a few skills that we will need to complete the project. One of these skills is just making sure we, as students, understand the different ways to present our works online and their formats. How each format can be used or manipulated on the web, and also how our audience will see it, namely pngs, jpgs and gifs. Another exercise was intended to familiarize us on just using text in our artwork and how we can manipulate that in both Photoshop and Illustrator, in conjunction with other images. Finally the third exercise was to introduce us into making our own gifs or looping images. We did this a few ways, one of which was using an online software that would instantly create gifs for us, so long as we provided the frames to be used. Another was to use Photoshop and create the gifs manually and help build our understanding of what a gif really is and how websites read those pieces of digital information. Lastly we were introduced to apngs, which is the latest form of moving images on the web. Since it is a newer form, there were a few bugs especially when it came to creating these in Photoshop. In conclusion, these exercises gave us the skills needed to make our own, moving alphabets.

 

seagram_building_webFarbkreis_Itten_1961Farbkreis_Itten_1961
nevermind
1984

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/EX5v1G-eh_9Ao5JfM4PsY_IB_DzVsR1ntRLhmrQRxzkpNw?e=v766eq

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/ERIPbVmTRbFEjdvoW8EJk60Ba_JoLPSJJ4WXLLYiq-4L-w?e=P09Zxs

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/EX5v1G-eh_9Ao5JfM4PsY_IB_DzVsR1ntRLhmrQRxzkpNw?e=B2ooEb

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/EUN9X2QlReRPusMmVdpxbIcBWaBtg2FscOoGMj99rZvOYw?e=1NiM9E

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/Ebc3UpGiIAxJlgY4WC3wyTEBxx6ocT3YNKAy5VKpl_71Tg?e=1tWYlw

https://pennstateoffice365-my.sharepoint.com/:i:/g/personal/gxs481_psu_edu/EVyQZD0h2ZlOiWsxiO43rYoBB4Fs0iBJ8DggubMJStuZig?e=v97k3R

Bibliography

Cromar, William. “a2ZWebAnimation.” NewMediaWiki [Licensed for Non-Commercial Use Only] / a2ZWebAnimation, 2020, newmediawiki.pbworks.com/w/page/127847607/a2ZWebAnimation.

Cromar, William. “a2ZWebGraphics.” NewMediaWiki [Licensed for Non-Commercial Use Only] / a2ZWebGraphics, 2020, newmediawiki.pbworks.com/w/page/127847586/a2ZWebGraphics.

Cromar, William. “a2ZWordImages.” NewMediaWiki [Licensed for Non-Commercial Use Only] / a2ZWordImages, 2020, newmediawiki.pbworks.com/w/page/127847598/a2ZWordImages.

Posted in DART304, Project 0, Webspace

Templated HTML Blog Post

Posted on by gxs481

In this wiki title we were asked to look at in DART304, I found that the process of making a website from scratch seems incredibly daunting from a surface perspective, yet once I took a closer look at the steps provided, it is a much more straightforward process. Using the provided templates in the instructions makes the process a lot more streamlined and easier than if I had to make a website from the ground up without any sort of prior knowledge. Even after completing the assignment I still do not know exactly how or what I accomplished with my brand new website (linked below). However I certainly understand the importance of forging one’s own space on the web to display their creative projects and endeavors. In the past, artists would’ve had to stockpile all their recent works and display them in galleries that would only be up for a few days, weeks, maybe months if they were lucky. Now any person, artist or not, can display their works year-round, 24/7 in their own personal gallery, curated and shaped to best fit their personality.

What surprised me the most about this assignment was how quickly you can establish your own website, just by applying a few premade templates, and a handful of edited pieces. Within an hour I found myself staring at a public page that was prominently displaying some of my favorite works, all there for anyone to see! If I had known that it could be done this quickly in the past, I may have already had a page of my own before I started this assignment.

 

 

http://www.personal.psu.edu/gxs481/

 

Bibliography:

Cromar, William. “NewMediaWebSpace.” NewMediaWiki [Licensed for Non-Commercial Use Only] / NewMediaWebSpace, 2020, newmediawiki.pbworks.com/w/page/126606692/newMediaWebSpace.