1 / 16

Understanding Network Topologies: Centralized, Decentralized, and Distributed Systems

This resource explores the emergence of distributed networks and their implications for social structures. It emphasizes a shift from centralized bureaucracies to decentralized and distributed networks, highlighting the importance of autonomous social actors. The guide covers essential web authoring techniques using HTML/CSS, basic programming concepts with Processing, and multimedia interactivity with Flash. In addition, it includes instructions for creating web pages, utilizing proper HTML attributes, and emphasizes the separation of presentation and content for effective web design.

milly
Download Presentation

Understanding Network Topologies: Centralized, Decentralized, and Distributed Systems

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CAUSES OF EMERGENCE DAY 1

  2. NETWORK TOPOLOGIES FOR FUN

  3. NETWORK TOPOLOGIES FOR FUN 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

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

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

  9. HTML • CSS • SEPARATION OF PRESENTATION AND CONTENT • XML • SQL • PHP

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

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

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

  13. DOWNLOAD BLUEFISH • DOWNLOAD PROCESSING • DOWNLOAD SFTP CLIENT

  14. IN CLASS: “HELLO WORLD” IN HTML

  15. 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)

More Related