week 1

Janurary 23

Download and install Git and Atom.

Create a github account. If you are new to github, I would recommend creating an account with your SAIC email so that you can apply for the student pack. After you've created your account email me the URL to your github profile.

Buy the book 100 Ideas that Changed the Web.

In 100 Ideas that Changed the Web, read:

  • Idea No.19: The Emoticon
  • Idea No.24: The JPEG
  • Idea No.45: Metadata

Answer the following questions using prose.io in your own 'markdown' (.md) file in your "100ideas" GitHub Repo, you can watch a short video tutorial i made explaining how to set that up

  1. What is a 'flame war' and what does it have to do with emoticons?
  2. What's the difference between an emoticon and an emoji? Support your answer with references beyond the book.
  3. Boulton explains that a JPEG file has 'lossy' compression. Explain what this means. List and explain a few other kinds of image file compression and the image file types associated with them.
  4. List and explain a few examples of metadata beyond the examples given in the book.

week 2

Janurary 30

Watch a few hours worth of BBC Click, write down technologies that seem interesting to you, bring a list to class next week to discuss (the more the better).

In 100 Ideas that Changed the Web, read:

  • Idea No.1: the Mundanium
  • Idea No.2: the space Race
  • Idea No.3: Hypertext
  • Idea No.4: the Modem
  • Idea No.8: Xanadu
  • Idea No.10: the Internet
  • Idea No.15: Internet Protocol Suite
  • Idea No.27: WiFi

Using prose.io in your own 'markdown' (.md) file in your "100ideas" GitHub Repo, explain (in your own words) what the Internet is and how it came to be. Give both a technical explination (that a friend or any other regular person would understand) as well as historical context.

week 3

February 06

Watch a few more hours worth of BBC Click, write down technologies that seem interesting to you, bring an ordered list (most interesting to least) to class next week to discuss (the more the better).

In 100 Ideas that Changed the Web, read:

  • Idea No. 12: Bulletin Board Systems
  • Idea No. 29: Netiquette
  • Idea No. 33: Massively Multi-Player Online Gaming
  • Idea No. 36: Geocities
  • Idea No. 58: RSS Feeds

Using prose.io in your own 'markdown' (.md) file in your "100ideas" GitHub Repo, answer the following questions:

  1. In the early days of the Internet, different communities from gamers to artists to journalists to fans of various things started their own BBSs. What are some examples of early BBSs that aren't mentioned in the book. Support your answer with sources. (extra props if you can find a BBS that is still active and you can figure out how to visit it!)
  2. The book mentions that Yahoo! purchased GeoCities and that, because they were loosing money on it, Yahoo! would eventually announce that they would be shutting it down. However, it did not mention the fact that this annoucement was made only a few months before the shut down. Yahoo! would be deleting all the data on the GeoCities servers, this meant thousands of early user generated websites would disappear from the Internet forever. Fortunately, some folks found those websites to be important and valuable pieces of Internet history and took action to try and preserve some of these sites. Who are these people? What did they do to save GeoCities? Support your answer with sources.

week 4

February 13

In 100 Ideas that Changed the Web, read:

  • Idea No.9: the personal computer
  • Idea No.5: the graphical user interface
  • Idea No.34: webcam
  • Idea No.69: augmented reality

The GUI and the personal computer took computers mainstream. Once a niche device used by technologists and artists, now we can't imagine not having one in our pockets at all time. Computers are still evolving and new technologies that extend the computers capabilities (ie peripherals like webcams and augmented reality headsets) have started to blur the line between the physical world and the virtual world. The book's timelines ends at around 2011 but there has been no shortage of game changing digital ideas since then. Do some research into what new technologies have been developed in the last decade. Using prose.io in your own 'markdown' (.md) file in your "100ideas" GitHub Repo write about 5 ideas/projects/technologies you've found particularly interesting (1 paragraph each) and push it to your GitHub.

After I've review your homework for this week I will tell you which of your 5 ideas passes approval as a potential research topic for the final project. Of those that pass my approval, choose the one that most interests you. Begin conducing background research on this topic and answer the initial reserach questions (see next week's hw)

week 5

February 20

Once i've approved some of ur 5 proposed topics, choose the one that most interests you. Begin conducting background research on this topic and answer the following questions:

  • Briefly explain the main idea behind the idea/technology you're researching, what is it exactly? what is it for? How does it work?

  • Who are the important people and/or organizations related to this idea/technology? Don't just list names, briefly explain who these are and what their relationship to your research area is.

  • What are the important historical events/milestones in the development of this technology and why do they seem particularly note worthy?

  • create a mind-map of connections between the technology you are researching and other related technology. This could include sub-categories within your research area and/or technological predecessors and/or technology which is otherwise related to your area... for example: example mind map

week 6

February 27

In 100 Ideas that Changed the Web, read:

  • Idea No. 6: The Mouse
  • Idea No. 21: The Project
  • Idea No. 30: Apache Web Server
  • Idea No. 62: Peer To Peer
  • Idea No. 64: Creative Commons

Draw a map of connections between the ideas/technologies expressed in the chapters above. This map should show the relationships between the various ideas (the different types of "mouses", TCP/IP, Hypertext, the Web, Browsers, Servers, etc.), who influenced who, what came before what else, etc. You can draw it however you'd like (photoshop, pencil, etc.) so long as you push an image file to your homework repo.

Prepare to give a 10min presentation on your resarch topic to the class. Slides/images are optional, but you should (at the very least) be preparred to share your mind map during your presentaiton (make sure it has been uploaded to your research project repo on your GitHub so that you can share it on the projector next wek). The scope of what you should cover should be similar to that covered in a Wikipedia entry, but before you simply rewrite the Wikipedia page review the Background Research + Wikipedia notes.

week 7

March 05

Read through the online resarch notes (play close attention to the section on lateral reading and evaluating sources).

Create a file called questions.md in your metamedia-research project and answer any questions that came up during your presentations that you did not have a solidly sourced answer to (make sure your answer is sourced and that this source has been properly evaluated).

Now that you've been researching your topic for a couple of weeks I want you to try and imagine what the future of the world with this idea/technology in it could be. Create a file called future-diary.md in your metamedia-research project and in it write two fictional diary entries from the point of view of two fictional future people. Imagine what the next 5 or 10 years of development in this concept/technology will look like. Based on your predictions, you will answer the questions: Who will benefit most from this technology and who will be disadvantaged most? Write two speculative diary entries from the point of views of someone from each group. These should focus on the day to day personal life of these hypothetical individuals but should clearly illustrate what it might be like in the future for this person to live in a world with this particular technology.

week 8

March 12

Project Pitch: Prepare a ~10min presentation explaining to the class what you are planning to work on for you final project (with accompanying media that helps convey your concept, this could be sketches of your own or references to other work).

Research Method Image/Video: Produce an image (height: 6.5”, width: 13”, resolution 150 ppi.) or video (under 1min) titled "Research.jpg/.mp4/.etc", alongside a research-process.md which includes a title or description, date of execution, medium, dimensions (height x width x depth), duration (hours:minutes:seconds 00:00:00) of the accompanying Research media file. In that same md file describe the relationship between your Research image/video and your own research. Why did you choose to document your research in this way?

week 9

March 19


week 10

March 12

In 100 Ideas that Changed the Web, read:

  • Idea No. 23: the Cookie
  • Idea No. 26: Search
  • Idea No. 32: Web Analytics
  • Idea No. 75: Social Networking
  • Idea No. 37: the Banner Ad
  • Idea No. 47: Pay Per Click
  • Idea No. 55: Ecommerce