Wk 12 Lab – Hypertext Essay in Review

The role of HTML within this course is not to let you become de facto designers but is to introduce Web based writing as an academic literacy. To begin to explore new forms for the expression of knowledge, forms that treat the network as the place of writing, not just publication, and ways that look less to the history of print and more towards the new forms of ‘writing’ that will emerge as a result of these new technologies (the Web, blogs, facebook, twitter, networked and integrated media). Imagine if the Web was the original place for writing what you know, rather than the page. What would your writing become?

 

What has been the easiest aspects of the hypertext essay task for you, in relation to previous skills and knowledge that you already had?

The easiest aspect of the Hypertext Essay so far has been translating my own ideas from the Annotated Bibliography task into the essay. I focused on the Landow extract, I felt that the knowledge I gained from such a close study of his ideas enabled me not only to translate the actual words into the essay, but the concepts he foregrounds and proposes in terms of Hypertext and it’s affordances and effects on the way we read and write online. Miek’s lecture on web design really helped with the nuts and bolts of website design and the importance of creating an experience for viewers. The lecture was really helpful as it provided me with theoretical knowledge in an ordered way. The Adrian Miles Lecture really complemented Miek’s and helped in providing me with conceptual knowledge of how to apply the theories of Hypertext to the design of Websites, and how we can use design elements to impart new ideas, confront viewers and enrich our own writing.

What has been the most difficult aspects of this hypertext essay task?

The most difficult aspect of the assignment for me has without a doubt been learning the new and confronting language of coding. I had no previous knowledge of HTML and although I do find it rewarding, it’s not a medium I feel compelled to pursue after this course. It was also difficult to come up with an initial layout/pathway that made for compelling/unconventional but logical navigation. Within our group we struggled to find cohesion and as a result I don’t think our assignment has a strong sense of presence, I think it’s quite disjointed and sketchy.

What connections can you make between the hypertext essay task and the broader focus of the course on learning to read and write in the network, in regards to working in media/communication professions?

I think this task is completely an embodiment of industry we all hope to enter, having an online presence is imperative to becoming an artist in the creative landscape of today. The hypertext essay teaches us to go beyond expressing ourselves merely through text but via conventions of web design and pushes us to bring new textures, mediums and voices into our work. Everything is about not what you want to communicate but how you communicate it in a fresh and innovative way, and this task has definitely pushed us to question how we can use the online space as a forum to trial new ideas and concepts. In terms of skills which are marketable in the industry, being able to maintain an online presence in the form of a website/blog makes us increasingly employable both online and offline. Working in groups also reflects industry practice and the idea of collaboration. This can be via the physical group of people who share ideas and formulate one cohesive work, or the collaborative idea of hyperlinking to each others separate work in the online space. Both these forms of collaboration are highly relevant to the Media and Communications industry, as Networking and idea sharing is pretty much what defines it. Also, the task’s focus on incorporating visual material less of an accompaniment to text and more as a focus is in keeping with the movements in the industry.

Homeless_sign_9_large

or maybe I will end up like this guy…being able to code obviously didn’t do much for his employment options…

Hypertext Essay

In today’s tutorial, Hugh emphasised how important keeping track of our development/processes/collaboration throughout the Hypertext Essay is.

Our group has been logging all our ideas link and development via a GoogleDoc which has been extremely useful as it allows us to collate everything in one place, edit and view each others work and chat online about problems we are having.

Below is an example of the kinds of things you might find in our GoogleDoc:

Scrapbook

Today, Jono took us through how to each make our pages absolute links using Cyberduck, this is  process I would not have otherwise known how to do, or even wehre to begin, so, here goes:
  1. Connect to the RAWS server on Cyberduck
  2. Create a new folder under public_html called HypertextEssay (NO SPACES!)
  3. Drag your Textwrangler file (eg. textwithoutborders.html) into the HypertextEssay folder – don’t include any spaces or else it won’t work.
  4. Ensure Cyberduck successfully uploads your page onto the server.
  5. Right click on the file which should now be in the HypertextEssay folder and select the ‘Copy URL’ option in the drop down box and then select HTTP URL.
  6. Paste the URL into your browser – it will appear like this - http://raws.adc.rmit.edu.au/Users/s3284718/public_html/HypertextEssay/TESTDEATHOFAUTHOR.html
  7. However, this will not work, you need to delete some of the details in the URL.
  8. Get rid of ‘Users’ and ‘public_html and include a ~ in front of your student number
  9. It should look like this- http://raws.adc.rmit.edu.au/~s3284718//HypertextEssay/TESTDEATHOFAUTHOR.html
The link is now absolute and group members can copy the URL into their HTML to reference your pages!
Insaat.jpg_large
BUILDING BEGINS!!

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.

 

 

 

 

 

 

 

 

 

 

 

 

 

Links – to where?

So, I was thinking about links in Hypertext – and it’s funny, although I have done all this reading about journeys through the internet the idea of a link was still embedded in my mind as having to mentally ‘link’ content, that was, until I came across Miek’s Network Media Blog which has examples of outstanding Hypertext Essays from 2010.

This particular example uses links and structure to exemplify the impilcations of Hypertext. It takes readers away from the original page they begin on to Google –  the largest online database in the world and lets us decide which page we click on, assuming we will choose the top one. I really like this idea, as it mirrors the way we as internet users interact with information – we do not stick to one single website to gather information, we travel from source to source and rarely draw a conclusion based on the same website we began on. The web is not a single experience, its an accumulation of short, separate experience which gel into one idea.

I like the way web design elements are used metaphorically in this design – as a viewer, I was slightly taken aback by being transported to a totally different page entirely from the one I was on and the entire context of the experience changed.

On a totally non academic, slightly more “its so shocking I can’t look away” note, check this out:

 

Hypertext Essay.

So after this morning’s lecture, the Hypertext Essay is definitely starting to make a lot more sense. We have to use the design elements to express ideas surrounding Hypertext.

Non Linearity can be expressed through Structure which does not follow a predicable path. Another idea could be to purposely create a structure which is, from the outset, seemigly organised and deliberate and then breaking this structure by employing a moment of diveragence from this experience of structure, throwing the viewer into a state of confusion and discomfort.

We'll Plan Rebellions Against the World

Links can be hidden and take viewers on a path that is confusing and cannot be traced back to a specific starting point. An obviously marked link could in fact link to nothing.

Tumblr_lofoyrmoqr1r019uoo1_500_large

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