160 likes | 259 Views
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
E N D
CAUSES OF EMERGENCE DAY 1
NETWORK TOPOLOGIES FOR FUN CENTRALIZED DECENTRALIZED DISTRIBUTED
“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
HTML • BROWSER • CLIENT/SERVER MODEL • Mediaclips: • 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)