Tutorial Times.

  • How do we make with what we consume/How do we not make when we don’t consume? Consumption as a mode of practice.
How do we make with food – we make it, there are cultural practices around ‘making do’. Some of us make baked beans, others make fine food. We make and consume, one doesn’t exist without the other. Like Voldemort and Harry?
Tumblr_lnkfysaozi1qbfywyo1_500_large
Public transport treats us just as passive consumers, it’s service design has actually made it more difficult for us to travel legally and point at consumers for their model not working – they catch and punish us for not adhering to their rules. This is a mode of making. We consume because we are peers in the public transport, but they go against the culture of practice that was established with tram conductors.
  • Why is it relevant today?
Your actions – everytime you buy something it’s a statement, even demand is a mode of making because it shows our interaction with our surroundings. We are no longer passive consumers. We cobble things together via simple tools.
We are not lazy consumers, we make conscious choices because we WANT to. Even just choosing to eat pasta is not naive. We are quite empowered by our use of the media, we understand advertising is trying to sell us something, we have subcultures.
  • “A tactic is an art of the weak”
Informed, deliberate way of being and doing, we are smart and resourceful and bend the rules of strategic systems, we are in a position of inevitable weakness, yet we work with what we have. Tactics are provisional, in the moment, they dont try and change the rules, they happen in the margins of what the rules of allow. We make our own spaces within the margins. We are ‘weak’ because we are surrounded by systems that the define the things around us.
Shopping centre – mix between tactics and strategy, it was the first place where woman were allowed to go unchaperoned and has become a key place in women’s identity. Perhaps this is a tactical response to the rules that oppressed and confined woman.
Tumblr_lxys8is3oj1r335k3o1_500_large
We appropriate things from ads like popular culture and advertising because we get them and we understand we are being sold something? Is this true of advertising?
  • How are we ‘making do’ in this course?
Our software is free, we can be tactical in the way we use it. We embed ‘ready in the hand’ technologies, we use what we have and make do filming on iPhones. The guidelines for the sketch videos are loose, we can make what we like, how we like.
  • What is the best/most important question to ask a theory?
What can I do with it? The way we survive in networked environments is by ‘making do’.
On a final note, Michael managed to do the impossible and link all these ideas back to Weinberg’s ideas and got an actual lolly snake for his supreme intelligence -
‘Making do’ is a knowledge. To link this act to the Weinberger readings –  its turning information into knowledge.
One Way Jesus
Korsakow Questions:
How can we make ‘Click Sounds’ – Add a sound to the library
How can we make our thumbnails start playing when we ‘mouse over’ them?
What resolution should we post our final videos in?
H264, put good quality in because Korsakow will compress it again. Small video files at a high quality.  EG) 400 x 200 = 500 kbts per second.
How do we put our video online – Cyberduck.
How can we get help? Korsakow online manual, FAQ’s and each other.
What this list fails to say is that our ideas will evolve as we go and our interface will change as we tweak our skills and find more value in each affordance and how we can most tactically use it.

Week #10 Tutorial.

So, today’s tutorial was quite excruciating as I attempted to create an image that was split up into sections so I could link different sections of the image to different pages.

So, i ruled out the possibility of an image map because the word ‘coordinates’ had me defaulting to terrifying memories of high school and maths class. I opted for a table, which seemed to provide a shortcut to what i wanted.

This was the image that I wanted to use. (Note the cheeky editing on the tiles that now read Journey – Thanks Photoshop)

Funnily enough, what your seeing now is how the table decided to display my spliced image, despite the <border = “0″> attribute I attached to each cell.

So, after many attempts, I decided to try a different approach and simply add each image into the body and see if they would stack automatically. For no reason I could uncover, the middle panel decided to align itself onto the far right hand side of my page. Looking back now, I think it might have had something to do with the view/screen size which meant that using that method was risky as there was no determining how the panels would position on different screen sizes.

Hugh attempted to save me from table and gap hell but we both remained unsuccessful, and the gaps remained in my image which was supposed to be one! Upon arriving home, I explained the situation to my Dad who has been designing fairly simple websites for a number of years now and he shrugged, rolled his eyes and said “you just gotta be down with the old stuff…try just using block display” – it worked. Once again, my delightful Dad saves the day.

So, for anyone who is wondering this simple attribute -

<img style=”display:block” src=” INSERT IMAGE SOURCE”>

will fix all your splicing and dicing problems!

Dad’s the word!

Post it Baby Post it Real Good!

Wall Visualisation Task

A wall visualisation technique will be used to get the design of the hypertext essays underway.

The key objectives of this exercise are to:

 

  • Identify the main priorities in the design and production of your hypertext essay.
  • Provide an opportunity for every group member to have input into the design process.
  • Establish the intent of the hypertext essay and what type of experience you want your users to have.
Each group member chose a coloured post it note and answered the following questions:
- What experience do we want to impart?
- Why/how?
- Who is our target audience?

So these were the initial ideas that our Hypertext Essay came up with in this mornings tutorial. The exercise allowed us to visually represent what we as a group want to communicate via our hypertext essay, how we want to communicate our ideas and who we are trying to reach.

My own personal direction I am looking to take is to redefine experience via confusion which ends in clarity by the experience.  So, broken links, distractions, confusing navigation and typography will raise questions in a web literate audience who may be confronted by these design elements. The audience I am to reach are those who will persevere with such concepts and attempt to garner meaning from such devices.

The lack of order or centrality will be the major feature.

 

 

 

The tutorial proved to be highly useful for our group as we now all have a solid idea of the concept and how we will work together to meet our aims.

We have started a collaborative Google Doc and Facebook group, just keeping in tune with the network!

We also managed to map out a rough sitemap & draw basic sketches of our page design.

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML TUTE

Little note to self:

HTML speaks in an American accent, colour = color. Just a little bit of a confusing situation involving me trying to change the background colour of my website. Pretty funny actually. <bgcolor = “teal”> NOT <bgcolour = “teal”>

Putting Images into your Website:

MyWebsite – My Images – Flowers.jpg (File Structure)

Desktop/MyWebsite/MyImages/Flowers.jpg – Every character (including capitalisation) must be the same or the link won’t work!

Add ‘MyWebsite’ into blog2 on Cyberduck

Then type your blog URL

EG) http://raws.adc.rmit.edu.au/~s3284718/blog2/MyWebsite/MyImages – and a list of your images will appear, then simply click on the link to the image and copy it into Text Wrangler with the code:

<img src = “url”>

Putting Tables into your Website

MY BABY, NOW COMPLETE WITH COLOUR AND PICTURES!

Hypertext Essay – Hugh tells us what’s what.

 

- Website with a minimum of 5 pages that are linked in some way

- Must use the HTML skills learnt throughout the semester

- Produced as an original website – avoid Javascript

- Authored using TextWrangler – not Dreamweaver.

- Explore the possibitlites of Hypertext – what can you do with writing on the internet that ou cant do with static pages?

- Written content is made up of Annotated Bibliographies from each group member

- Contexual Outline – what is it, how does ti work, why have you made the conceptual/aesthetic decisions you have?

- Include a Bibliography/Academic References

- Show your understanding of web architecture and navigation

- Observe copyright protocols when uploading pages to the internet!

- Concept/Content/Aesthetic design are the major assessment points.

- Via your concept, how will you communicate meaning/network ideas?

- Engage with the concept of navigation

SCHEDULE:

WK1: Decide on concept and content & start information architecture (how the website will be navigated)

WK2: Source images & continue information architecture

WK3&4: Coding

WK5: Epic Fail Week – control for technical problems/failures

WK6: Hand it in…if you can.

LINKS:

- Previous years Hypertext Essays

Wordle – another weirdly named, but awesome device…

So, to create this awesome custom cloud, simple head to the Wordle Webpage and add in the chunk of text you want to make into a cloud – i used this article from Broadsheet. Wordle then  creates a kind of ‘word hierarchy’ by removing words like ‘as’, ‘the’ etc and highlights the most used terms.

Above are all the options you can choose from to customise the way Wordle orders your text, you can also change the language, fonts and colour scheme.

Pretty neat hey?

Tumblr_lq6uu7zfl41ql3kp9o1_500_large

I love all types of clouds…

“she’s got cleavage and she’s not afraid to show it…”

The ‘set’ shown below is what inspired the comment from Hugh who this morning introduced us to Natalie Tran – check out this recent news article on her monetary status and you will see why she is so smug in the image below…

Natalie Tran – now working for Lonely Planet began blogposting on Youtube in 2006. Today, her videos have a guaranteed audience of 1 million viewers who subscribe to her channel and watch her videos religiously. So, a simple concept – making videos about her life in Sydney has brought her quite a notable cultural profile. She is now in a position where she can walk into any media job at 24 years old and earns about 150,000 buckaroonis a year! Pretty good huh?

Maru – The fat cat who wants to get into boxes. With Sunni shouting “GO MARU!” next to me, Hugh claiming he had been watching Maru for an entire year and the class all gazing lovingly at the fat feline, it was clear that Maru has the ability to burn through computer terminals of office buildings, universities, families and friends – he makes people smile, actually he makes about 5 million to be exact, and he has made his owner around 15 million dollars. So yes Sunni, GO MARU.

Fred – “a cross between Justin Beiber and Spongebob…he’s SO annoying” – Thanks Hugh.

Cooking With Dog – you have to see it to believe it.

So, these ‘homebloggers’ are making money out of the advertising you see on the right hand side of your YouTube window – so when you think about it

1 video per week garners 1 million viewers.

there is one advertisement on the page

they make 10 cents for every person who watches the video/visits the page

thats $100,000

but they make 50 cents for every person who clicks on the advertisement

750,000 people click on the link

thats $375,000

So even if a smallish channel with 1 million regular viewers becomes recognised, there is serious (hello New York, Paris, London) moolah to be made.

ALSO

You may have noticed I added a video into this post – I followed this tutorial and the process was gloriously painless and super simple – all up, I feel technologically savvy today!