CAUSES OF EMERGENCE
DAY 1
NETWORK TOPOLOGIES FOR FUN
NETWORK TOPOLOGIES FOR FUN
CENTRALIZED
DECENTRALIZED
DISTRIBUTED
Image: Rand Corporation
“The emergence of distributed networks is part of a
larger shift in social life. [...] a movement away from
central bureaucracies and vertical hierarchies
toward a broad network of
autonomous social actors.”
- Galloway
CAUSES OF EMERGENCE
DAY 1
• WEB AUTHORING (HTML/CSS)
• PROGRAMMING BASICS (PROCESSING)
• MULTIMEDIA/INTERACTIVITY (FLASH)
• WEB AUTHORING (HTML/CSS)
• PROGRAMMING BASICS (PROCESSING)
• MULTIMEDIA/INTERACTIVITY (FLASH)
• CONTEXT: SOCIAL, HISTORICAL, POLITICAL
(READINGS, WRITTEN RESPONSES, ETC.)
• HTML
• CSS
• SEPARATION OF PRESENTATION AND
CONTENT
• XML
• SQL
• PHP
•
•
•
•
•
CONTENT MANAGEMENT SYSTEMS
PROTOCOLS
“STANDARDS-COMPLIANT”
OPEN STANDARDS
OPEN SOURCE
•
•
•
•
•
•
•
VARIABLE
DATA TYPE
STRING
INT
BOOLEAN
ARRAY
KEY
•
•
•
•
•
•
•
LOOP
IF
THEN
WHILE
INCREMENT
FUNCTION
LIBRARY
TOOLS:
• TEXT EDITOR (BLUEFISH OR OTHER)
• PROCESSING (FREE, OPEN SOURCE)
• FLASH CS5 (NOT)
• SFTP CLIENT (FUGU OR OTHER)
• DOWNLOAD BLUEFISH
• DOWNLOAD PROCESSING
• DOWNLOAD SFTP CLIENT
IN CLASS: “HELLO WORLD” IN HTML
•
•
•
HTML
BROWSER
CLIENT/SERVER MODEL
•
Media clips:
–
–
–
–
–
–
Packet switching:
http://www.pbs.org/opb/nerds2.0.1/geek_glossary/packet_switching_flash.html
How the internet works:
http://www.youtube.com/watch?v=Jj6EHgSsx_U
World Wide Web in Plain English:
http://www.youtube.com/watch?v=wZoMbBzqxyc
For next week
1. Follow the W3Schools HTML tutorial from this page http://www.w3schools.com/html/default.asp to this page:
http://www.w3schools.com/html/html_paragraphs.asp
2. Create three web pages. Create links between the pages (ie clicking on one page takes you to the other). Place an image on a page. Save everything on a
folder, creat a zip file of it and email it to me before our next class. Give the image a “title” attribute. (See this page:
http://www.w3schools.com/html/html_attributes.asp for information on attributes.). Also - take special note of the information under the heading “HTML
Tip: Use Lowercase Attributes” on that page.
Use paragraphs (p), heading tags( h1, h2, etc.) and write an HTML comment (see this page: http://www.w3schools.com/html/html_headings.asp)
3. Read Wikipedia entry on “Separation of presentation and content” (come prepared to discuss)