1. CAUSES OF EMERGENCE DAY 1

2. NETWORK TOPOLOGIES FOR FUN

3. CENTRALIZED DECENTRALIZED DISTRIBUTED

4. Image: Rand Corporation

5. “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

6. CAUSES OF EMERGENCE DAY 1

8. WEB AUTHORING (HTML/CSS) PROGRAMMING BASICS (PROCESSING) MULTIMEDIA/INTERACTIVITY (FLASH)

9. WEB AUTHORING (HTML/CSS) PROGRAMMING BASICS (PROCESSING) MULTIMEDIA/INTERACTIVITY (FLASH) CONTEXT: SOCIAL, HISTORICAL, POLITICAL (READINGS, WRITTEN RESPONSES, ETC.)

10. HTML CSS SEPARATION OF PRESENTATION AND CONTENT XML SQL PHP

11. CONTENT MANAGEMENT SYSTEMS PROTOCOLS “STANDARDS-COMPLIANT” OPEN STANDARDS OPEN SOURCE

12. VARIABLE DATA TYPE STRING INT BOOLEAN ARRAY KEY LOOP IF THEN WHILE INCREMENT FUNCTION LIBRARY

13. TOOLS: TEXT EDITOR (BLUEFISH OR OTHER) PROCESSING (FREE, OPEN SOURCE) FLASH CS5 (NOT) SFTP CLIENT (FUGU OR OTHER)

14. DOWNLOAD BLUEFISH DOWNLOAD PROCESSING DOWNLOAD SFTP CLIENT

15. IN CLASS: “HELLO WORLD” IN HTML

16. HTML BROWSER CLIENT/SERVER MODEL Media clips: – Packet switching: – http://www.pbs.org/opb/nerds2.0.1/geek_glossary/packet_switching_flash.html 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 http://www.youtube.com/watch?v=Jj6EHgSsx_U – World Wide Web in Plain English: – http://www.youtube.com/watch?v=wZoMbBzqxyc 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)