CIS 115

Lecture 21: Web 2.0 & Social Media

Source: New Tools Workshop

Core Web 2.0 Technologies

• DOM
• Javascript
• AJAX
• JSON

Document Object Model (DOM)

Image Source: Wikipedia

JavaScript (1995)

• Originally called "LiveScript"
• Used to manipulate the DOM after the page has loaded
• Makes the web page much more interactive for the user
• Unrelated to the Java programming language

AJAX (2005)

• Asynchronous Javascript and XML
• Allows scripts on a webpage to send and receive data in the background without reloading the page
• XML not required; may use JSON instead

Extensible Markup Language (XML)

<person>
   <firstName>John</firstName>
   <lastName>Smith</lastName>
   <age>25</age>
   <address>
      <city>New York</city>
      <postalCode>10021</postalCode>
      <state>NY</state>
      <streetAddress>21 2nd Street</streetAddress>
   </address>
   <phoneNumbers>
      <element>
         <number>212 555-1234</number>
         <type>home</type>
      </element>
      <element>
         <number>646 555-4567</number>
         <type>fax</type>
      </element>
   </phoneNumbers>
</person>

JavaScript Object Notation (JSON)

{
    "firstName": "John",
    "lastName": "Smith",
    "age": 25,
    "address": {
        "streetAddress": "21 2nd Street",
        "city": "New York",
        "state": "NY",
        "postalCode": 10021
    },
    "phoneNumbers": [
        {
            "type": "home",
            "number": "212 555-1234"
        },
        {
            "type": "fax",
            "number": "646 555-4567"
        }
    ]
}

Social Media

• How people communicate online
• Users create and share content
• Sharing is real-time between users
• Content can be shared & discussed

Rise of Social Media

• 1997 - Six Degrees
• 1999 - Blogger & LiveJournal
• 2001 - Wikipedia
• 2002 - Friendster
• 2003 - LinkedIn & MySpace
• 2004 - Facebook, Flickr & digg
• 2005 - YouTube & Reddit
• 2006 - Twitter

Social Media Stats

• #1 Activity on the Web
• 1 Billion Facebook Users
• 58% of Facebook Users log on Daily
• 43% of people 65+ use Social Media
• Fewer teens are using Facebook than before

Discussion Time!

Is Web 2.0 and Social Media
Good, Bad, or Otherwise?

List 5-10 Good and 5-10 Bad aspects of Web 2.0 and Social Media

Assignments

• Read and be prepared to discuss:
  • Tubes Chapter 6: The Longest Tubes
• Blog 10: Web Technologies - Due 11/10 10:00 PM
• HTML & CSS Website: Due 11/5 10:00 PM

Blog 10: Web Technologies

While many people regard the internet as a single entity that is incomprehensible, we as computer scientists understand that it is actually made up of lots of underlying technologies and systems all combined together to bring life to the internet. Choose a technology related to the internet and tell us more about it. Try to think outside the box and find a technology no one else will write about. Here are some questions to ask yourself as you research it:

• Where did it come from?
• Who created it? When did they create it?
• What was it originally created for? Is that how it is used today?
• Are there any other related technologies?
• How is it used today? How does it work?
• Are there any privacy or security issues with this technology?