The Language of Cyberspace: UTS Lecture

Lecturer: Dr Tatiana Pentes

Chris Caines Thumb Candy http://chopyourownwood.com/thumbcandy/

Week 3:Week 3: the language of the language of

cyberspacecyberspaceIntroduction to Dreamweaver CSIntroduction to Dreamweaver CS

CCyberspace metaverse: data-sphere: yberspace metaverse: data-sphere: digital: convergent media: interactivity: interface:digital: convergent media: interactivity: interface:

world wide web: hypertext: hypermedia: world wide web: hypertext: hypermedia: experience design: Surface design:experience design: Surface design:

Interface design: Interaction design: Interface design: Interaction design:navigation: information architecture:navigation: information architecture:

user: player: participantuser: player: participantCCultural software: technospaceultural software: technospace

Web design: interace design: navigation: graphics Web design: interace design: navigation: graphics interface:interface:

site hierarchy: bitmap/ vector graphics: site hierarchy: bitmap/ vector graphics:screen resolutionscreen resolution

kkey termsey terms

Conceptual DevelopmentConceptual Development

1. theory1. theory


ccultural softwareultural softwarellev manovichev manovich

50300 Communicating the Social Lecturer: Tatiana Pentes

Software Takes Command: Language of Software Takes Command: Language of CyberspaceCyberspace• Lev Manovich’s concept of “Cultural Software”Lev Manovich’s concept of “Cultural Software”

• Intangible global brands/ non-physical Intangible global brands/ non-physical goods/servicesgoods/services• Search engines, recommendation Search engines, recommendation

systems, mapping applications, blog systems, mapping applications, blog tools, auction tools, instant messaging tools, auction tools, instant messaging clients, and, of course, platforms which clients, and, of course, platforms which allow others to write new software – allow others to write new software – Facebook, Windows, Unix, Android Facebook, Windows, Unix, Android


what is what is cyberspace?cyberspace?

CYBERSPACE…..DATASPHERE….METAVERSECYBERSPACE…..DATASPHERE….METAVERSE

""a consensual hallucination experienced daily by billionsa consensual hallucination experienced daily by billions.”.”


what is what is cyberspace?cyberspace?


futurefuture

The Language of Cyberspace

The Future of The Future of CommunicationsCommunications


historyhistory

VANNEVAR BUSHVANNEVAR BUSH

"The first application of hypertext was proposed by Vannevar Bush, US President Roosevelt's science advisor, who was concerned that post-war scientists made best use of the vast amount of research that had gone into the war effort. In his 1945 paper, As We May Think, Bush envisaged the Memex, a device which could create links between related topics in different research papers. [http://www.acmi.net.au/AIC/BUSH_BERRNIER.html]

VANNEVAR BUSHVANNEVAR BUSH

"The first application of hypertext was proposed by Vannevar Bush, US President Roosevelt's science advisor, who was concerned that post-war scientists made best use of the vast amount of research that had gone into the war effort. In his 1945 paper, As We May Think, Bush envisaged the Memex, a device which could create links between related topics in different research papers. [http://www.acmi.net.au/AIC/BUSH_BERRNIER.html]

04/08/23 BCM100 Communications & Computing 11

Neil Postman on CyberspaceNeil Postman on Cyberspace


cyberspacecyberspace


assessmentassessment

Creative BriefCreative BriefAssessment Item 3 : Individual websiteAssessment Item 3 : Individual website

Using Dreamweaver CS, design and mount an Using Dreamweaver CS, design and mount an individual web site individual web site which addresses a photograph of which addresses a photograph of your choice. Record andyour choice. Record and

post a video commentary of no more than 2 minutes post a video commentary of no more than 2 minutes to YouTube to YouTube

& embed the link to the recording in your website.& embed the link to the recording in your website.(4-5 linked pages)(4-5 linked pages)

Due date: Week 7Due date: Week 7


Conceptual DevelopmentConceptual Development1.1. The The goal goal of the website is to of the website is to interpret ainterpret aphotograph photograph and draw out its and draw out its meaning &meaning &possible perceptionspossible perceptions

2.2. The The audience audience is academic is academic (research) in a (research) in a study environment study environment – techno-savvy– techno-savvy

3.3. The The platform platform is PC based web is PC based web browserbrowser(Safari: Firefox: Internet Explorer(Safari: Firefox: Internet Explorer



4. 4. CONTENT CONTENT : the project uses pre-: the project uses pre-exisitingexisitingcontent (the powerpoint content (the powerpoint assignment)assignment)

5. 5. REPURPOSED REPURPOSED content for a new content for a new interactive medium – assess the interactive medium – assess the existing existing material and think through how material and think through how thisthismight be re-structured might be re-structured


Conceptual DevelopmentConceptual DevelopmentSTRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONCase StudyCase StudyHannah Kilgore : The Power of PhotographyHannah Kilgore : The Power of Photographyhttp://cts.hss.uts.edu.au/students08/http://cts.hss.uts.edu.au/students08/

mastermind/index.htmlmastermind/index.htmlTOPIC:: Khalid Sheik: Mastermind of the 9/11 TOPIC:: Khalid Sheik: Mastermind of the 9/11

attacksattacks

1.1. How is the information organised ?How is the information organised ?2.2. What is the level of interactivity ?What is the level of interactivity ?3.3. Photograph placed in contextPhotograph placed in context4.4. Will the audience be able to participate & Will the audience be able to participate &

comment?comment?

STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONKhalid Sheik: Mastermind of the 9/11 attacksKhalid Sheik: Mastermind of the 9/11 attacks

STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONINFORMATION ARCHITECTUREINFORMATION ARCHITECTURE

STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONCREATING CONTENT : menu/navigation barCREATING CONTENT : menu/navigation bar

Create a navigation menuCreate a navigation menu- Develop a series of icons/ text that the Develop a series of icons/ text that the

user/player willuser/player willassociate with the topicassociate with the topic

- Consider the placement on the screen surfaceConsider the placement on the screen surfacewhere will the navigation bar be located on where will the navigation bar be located on

the pagethe page(top centre: right bottom: left: right) keep this (top centre: right bottom: left: right) keep this

consistentconsistentthink about the meaning and utility of these think about the meaning and utility of these

use an aptuse an aptmetaphor if working with icons (!)metaphor if working with icons (!)

STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONCREATING CONTENT : screen designCREATING CONTENT : screen design

Create a series of designs to communicate your Create a series of designs to communicate your contentcontent

- How will the screen be How will the screen be composed/assembled ?composed/assembled ?

- What font will you use for the text?What font will you use for the text?- Where will images on the page be placed ?Where will images on the page be placed ?- Where will moving image/ flash movies be Where will moving image/ flash movies be

placed ?placed ?

Individual websiteIndividual websitePlease refer to these concepts and start constructing yourPlease refer to these concepts and start constructing yourindividual website in the computer labsindividual website in the computer labs

Digital Image media examples (Shibuya 109 CrossingCrossing TOKYO)


ddata: screen: ata: screen: interfaceinterface


ddata :: interfaceata :: interface

Definition:Definition:

Communication can be Communication can be defined as the transfer of defined as the transfer of Information between entities Information between entities resulting in a change of their resulting in a change of their cognitive behaviour.cognitive behaviour.


wwhat is hat is communication?communication?

Definition:Definition:

Entities may be organic orEntities may be organic ornon-organic, natural or non-organic, natural or artificialartificial

BCM100 Communications & Computer Technologies Lecturer: Tatiana Pentes

virtual tvirtual transformation ransformation of communication of communication

nnew media textew media text

The Language of New MediaThe Language of New Media

New media: convergent digital mediaNew media: convergent digital media

IMAGE: SOUND: TEXT IMAGE: SOUND: TEXT arrangements, composition, arrangements, composition,

assemblagesassemblages

*interactivity & participation**interactivity & participation*

*Case study: LAMOUR mobile *Case study: LAMOUR mobile campaign*campaign*

The Language of New MediaThe Language of New Media

New media: convergent digital mediaNew media: convergent digital media

IMAGE: SOUND: TEXT IMAGE: SOUND: TEXT arrangements, composition, arrangements, composition,

assemblagesassemblages

*interactivity & participation**interactivity & participation*

*Case study: LAMOUR mobile *Case study: LAMOUR mobile campaign*campaign*



HYPERTEXT:: HYPERTEXT:: that vast assemblage termed “meta-text” (George that vast assemblage termed “meta-text” (George

Landow)Landow)

“ “COLLAGE. 1 The act of gluing…2. Addition of glue. COLLAGE. 1 The act of gluing…2. Addition of glue. Collage of paper, of cloth…3. A man and woman who Collage of paper, of cloth…3. A man and woman who

live live together without being married”together without being married”

In the application of a new gluestick, paper, & In the application of a new gluestick, paper, & electronic pen electronic pen (stylus)….. The analysis of structural (stylus)….. The analysis of structural models – that allow us to models – that allow us to visualise the interactivity of visualise the interactivity of our content/ materialour content/ material


Interaction & participation……distinguishing feature of interactivity : distinguishing feature of interactivity :

• we have spatial/temporal relationship to the we have spatial/temporal relationship to the materialmaterial

• the ‘responsiveness’ of the material the ‘responsiveness’ of the material triggered by the user/player/participant (etc. triggered by the user/player/participant (etc. other attributes discussed)other attributes discussed)

•Non-sequential/ non-linear movement Non-sequential/ non-linear movement through the hypertext/ hypermediathrough the hypertext/ hypermedia



eexperience designxperience designffor the webor the web

; Jesse James Garret guru of user centred design Jesse James Garret guru of user centred design

for the webfor the web JJG defines the JJG defines the

elements 5 planes elements 5 planes for of crafting user for of crafting user experience for web experience for web development development www.jjg.net/elementwww.jjg.net/elementss

; Jesse James Garret : The Five Planes for user Jesse James Garret : The Five Planes for user

experience experience The Surface PlaneThe Surface Plane The Skeleton PlaneThe Skeleton Plane The Structure PlaneThe Structure Plane The Scope PlaneThe Scope Plane The Strategy PlaneThe Strategy Plane

Each plane is Each plane is dependent on the dependent on the plane belowplane below

Alignment Alignment necessary so project necessary so project doesn’t derail !doesn’t derail !

; Jesse James Garret : The Five Planes for user Jesse James Garret : The Five Planes for user

experience experience The Surface PlaneThe Surface Plane

The Skeleton PlaneThe Skeleton Plane

The Structure PlaneThe Structure Plane

The Scope PlaneThe Scope Plane

The Strategy PlaneThe Strategy Plane

;

;

Define your purposeDefine your purpose Define your audienceDefine your audience Review other websitesReview other websites Establish your themeEstablish your theme Establish your styleEstablish your style Put together a content listPut together a content list Identify your content sourcesIdentify your content sources Work out your structureWork out your structure

Look for design ideas you can borrow or adapt

Embrace conventions that help users understand how the website works and that help them to achieve their goals

(World Wide Web Consortium) Look to change accepted practices

that are inefficient or irritating through overuse

Social Media

The Language of Cyberspace: UTS Lecture