The Language of Cyberspace: UTS Lecture
-
Upload
tatiana-pentes -
Category
Social Media
-
view
286 -
download
1
description
Transcript of The Language of Cyberspace: UTS Lecture
![Page 1: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/1.jpg)
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
![Page 2: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/2.jpg)
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
![Page 3: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/3.jpg)
Conceptual DevelopmentConceptual Development
1. theory1. theory
![Page 4: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/4.jpg)
Conceptual DevelopmentConceptual Development
ccultural softwareultural softwarellev manovichev manovich
![Page 5: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/5.jpg)
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
![Page 6: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/6.jpg)
Conceptual DevelopmentConceptual Development
what is what is cyberspace?cyberspace?
![Page 7: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/7.jpg)
CYBERSPACE…..DATASPHERE….METAVERSECYBERSPACE…..DATASPHERE….METAVERSE
""a consensual hallucination experienced daily by billionsa consensual hallucination experienced daily by billions.”.”
50300 Communicating the Social Lecturer: Tatiana Pentes
what is what is cyberspace?cyberspace?
![Page 8: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/8.jpg)
Conceptual DevelopmentConceptual Development
futurefuture
![Page 9: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/9.jpg)
The Language of Cyberspace
The Future of The Future of CommunicationsCommunications
![Page 10: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/10.jpg)
Conceptual DevelopmentConceptual Development
historyhistory
![Page 11: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/11.jpg)
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
![Page 12: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/12.jpg)
Neil Postman on CyberspaceNeil Postman on Cyberspace
50300 Communicating the Social Lecturer: Tatiana Pentes
cyberspacecyberspace
![Page 13: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/13.jpg)
Conceptual DevelopmentConceptual Development
assessmentassessment
![Page 14: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/14.jpg)
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
assessmentassessment
![Page 15: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/15.jpg)
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
assessmentassessment
![Page 16: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/16.jpg)
Conceptual DevelopmentConceptual Development
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
assessmentassessment
![Page 17: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/17.jpg)
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?
![Page 18: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/18.jpg)
STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONKhalid Sheik: Mastermind of the 9/11 attacksKhalid Sheik: Mastermind of the 9/11 attacks
![Page 19: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/19.jpg)
STRUCTURE & INTERPRETATIONSTRUCTURE & INTERPRETATIONINFORMATION ARCHITECTUREINFORMATION ARCHITECTURE
![Page 20: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/20.jpg)
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 (!)
![Page 21: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/21.jpg)
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 ?
![Page 22: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/22.jpg)
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
![Page 23: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/23.jpg)
Digital Image media examples (Shibuya 109 CrossingCrossing TOKYO)
50300 Communicating the Social Lecturer: Tatiana Pentes
ddata: screen: ata: screen: interfaceinterface
![Page 24: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/24.jpg)
Conceptual DevelopmentConceptual Development
ddata :: interfaceata :: interface
![Page 25: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/25.jpg)
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.
50300 Communicating the Social Lecturer: Tatiana Pentes
wwhat is hat is communication?communication?
![Page 26: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/26.jpg)
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
![Page 27: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/27.jpg)
nnew media textew media text
![Page 28: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/28.jpg)
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*
50300 Communicating the Social Lecturer: Tatiana Pentes
nnew media textew media text
![Page 29: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/29.jpg)
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
nnew media textew media text
![Page 30: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/30.jpg)
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
nnew media textew media text
![Page 31: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/31.jpg)
Conceptual DevelopmentConceptual Development
eexperience designxperience designffor the webor the web
![Page 32: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/32.jpg)
; 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
![Page 33: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/33.jpg)
; 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 !
![Page 34: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/34.jpg)
; 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
![Page 35: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/35.jpg)
;
![Page 36: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/36.jpg)
;
![Page 37: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/37.jpg)
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
![Page 38: The Language of Cyberspace: UTS Lecture](https://reader037.fdocuments.us/reader037/viewer/2022102610/545511d7af795998788b46c8/html5/thumbnails/38.jpg)
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