Louisa @louisa3651558 - Tumblr Blog

THIS IS THE FINISHED WEBSITE FOR MY PROJECT OF THE COURSE FED SQUARE X.

Please feel free to have a look and have a feel of the famous Federation Square but on an online space. Hope everyone enjoy “Strangers” and stay safe!!!!

http://digitalmedia.rmit.edu.au/~s3651558/Main/

#FedSquareX #creativity #finishedproject #website #Strangers

FINALLY, MY FOURTH ATTEMPT TO WRITE THE POEM. Thank you for reading my poems !!

Little that I hear, words are hiding apart

Little that I hear, wheels are going to park

Little that I hear, and concrete starting to freeze

Little that I hear, and where I am to be

Little that I hear, as days changing to nights

Little that I hear, and words coming to find

Little that I hear, when leaves leave to free

Little that I hear, the wind blowing more free

Little that I hear, when shoes falls outside

Little that I hear, the sun shines so bright

#poems #creativity #inspiration #writing

This is a part of the Process Discussion of Assignment 3. In this part, I talk about what I learned from this project and what are the challenges or difficulties that I had, what did I change for the project as well as what did not reach my initial plans.

So I think one of my big challenges is writing the code for the website. It could take me hours in a day or even some days to figure out how to make a single behaviour works for the website such as making the page transition from an open page into the main content and that behaviour is also the part that did not reach my initial plans. I had to figure out the Javascript codes for it and it took me so long to research and test and also I kept having the error in Javascript saying that “$.document not defined” and it made my scripts not work at all, even I have jQuery but I still could not solve the problem.

But after all, I learned a lot about HTML, CSS and Javascript and also get to know jQuery which is very good. It helps me improve my skills for web design.

#ASM3 #FedSquareX

This is my whole CSS for the website. It takes time and patient to do the CSS and adjust it to fit with the website and make the elements stay in their right position.

#process #coding #FedSquareX #css

And this is the whole HTML of my website. At the end of the <body></body> tag, I added a link of <script></script> for the animation on scrolling for the website. It is the AOS library for animation on scrolling for website, it helps me create the effect of images and poems appearing when users scroll up or down. From that, it will create a bit of interesting feeling for users as they will not know what is the next things will appear when they scroll up or down on the website. just by adding “data-aos=""” for the effects that I want for my images to the <img> tag and then adding “data-aos-duration="1200"” for the duration of the animation.

For the clicking on images to play sounds, I use the code like this:

onClick="document.getElementById('audio_play').play(); return false;"

adding this to the <img> tag and then creating an <audio></audio> below with the id audio_play and <source> tag inside to include the sounds. And the sounds and images are good to go.

#process #project #FedSquareX #html

Feature overview for my project. This part includes the aesthetic, the design and the function of the “Strangers” website.

#ASM3 #FedSquareX

YESSSS, AND HERE IT IS, MY THIRD ATTEMPT TO WRITE A POEM

You hear the rhythm, chirping on the sky

You hear the rhythm, beating at the night

You hear the rhythm, rolling through to find

You hear the rhythm, coming far to say

You hear the rhythm, for love blooming bright

You hear the rhythm, for heart beating twice

You hear the rhythm, for water flowing calm

You hear the rhythm, for what having dreams

#poem #creativity #writing

This is some of the moving graphic for the website, it will be put next to every horizontal images and represent for a part of the feeling and also the visual and atmosphere of the images and the sound environment that comes from each image.

(Put on dark mode on Tumblr to see those graphics more interesting) :))

#creativity #FedSquareX #graphicdesign #linesart

Details about my concept of the project. This is a part of the presentation of Assignment 3.

#ASM3 #FedSquareX

AND THIS IS MY SECOND ATTEMPT TO WRITE A POEM. IT IS HARD TO GET INSPIRATION SOMETIMES WHEN ISOLATION AT HOME BUT I TRY MY BEST TO WRITE.

I close my eyes, as wind starts to blow

I close my eyes, as sky being blue

I close my eyes, as words singing from far

I close my eyes, for so many there are

I close my eyes, as peace on the green

I close my eyes, as quiet to free

I close my eyes, when wheels run through here

I close my eyes, when words singing from near

I close my eyes, in a box of day and night

I close my eyes, for the light in the night

#poems #creativity #isolation #inspiration #FedSquareX

My production timeline for this project for the whole semester.

#ASM2

Some encounter challenges and solutions for them.

#ASM2

This is the part of technical using for the project and some learning requirements.

#ASM2

This is my design for the header. The two faces represent for the strangers but they are not facing each other which mean like they do not know each other even they go this online public space. And the changing of font styles of the Strangers title, it represents for different strangers just go in and out of the space, it is also like different personalities of people going in and out the space.

(Put on the dark mode of Tumblr to see this graphic more interesting) ;))

#process #Strangerswebsite #designing #gif

MY FIRST ATTEMPT OF WRITING A POEM

Beautifully voiced, incoherent this way

Beautifully voiced, what shoe falls to say

Beautifully voiced, steel whirs to die

Beautifully voiced, trams greet under sky

Beautifully voiced, upon season’s depart

Beautifully voiced, something comes for the heart

Beautifully voiced, the end of a dream

Beautifully voiced, with no mouth to scream

#ASM2 #FedSquareX

TALKING ABOUT MY AESTHETIC & FUNCTION

I planned out the structure for my website as the image above. The website will have 3 important parts contributing in, there are the sounds of the environment, the visual such as photography and graphic, the poems expressing the feeling of myself and the atmosphere of Fed Square.

So at first, my initial idea is designing a website with navigation bar to show different sections for Fed Square and then having a homepage with clicking to change images and sounds as well as the poems. But then, I changed the plan to make the website as a gallery showing everything on screen and then the audience can just look to it with an illustrated header as moving graphic. From that, I hope the audience can have the feeling as going around Fed Square, not just going to a website with regular navigation bar and sections.

Some explanation on my research and inspiration and also I explain how I came up with the name “Strangers” for the website.

#ASM2

Trending Blogs

Recently Viewed Blogs

Louisa