Web20 Intro Naj Shaik


Published on

Defining Web 2.0 and how to use it to improve student services in higher education

Published in: Business, Education
1 Comment
  • Web 2.0 is an advanced one i got more information from your slides.
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Web20 Intro Naj Shaik

    1. 1. Web 2.0: An Introduction Developing Strategies to Leverage Web 2.0 for Student Services & Marketing Sloan-C International Symposium Emerging Technology Applications for Online Learning http://www.emergingonlinelearningtechnology.org/pre-conference_workshops May 7 th , 9:00 am - Noon Naj Shaik, Ph.D University of Illinois Urbana-Champaign E-mail : [email_address] URL : http://www.ao.uiuc.edu/ucear/najShaik.cfm
    2. 2. Outline <ul><li>Web 2.0 Framework </li></ul><ul><li>Web 2.0 Technologies & Applications </li></ul><ul><li>Social Networking & Communication Tools </li></ul><ul><li>Market Drivers of Web 2.0 Student Services </li></ul><ul><li>Trends </li></ul><ul><li>Web 1.0 & Campus Information System </li></ul><ul><li>Issues and Challenges </li></ul>
    3. 3. Web 2.0 <ul><li>“ .. A perceived second generation of web-based communities and hosted services - such as social-networking sites, wikis, and folksonomies - which aim to facilitate creativity, collaboration, and sharing between users.” </li></ul><ul><li>“ .. fulfillment of what the web was intended to be..” </li></ul><ul><li>Source: http://en.wikipedia.org/wiki/Web_2.0 </li></ul>
    4. 4. Web 2.0 Platform <ul><li>“ A platform is a system that can be programmed and therefore customized by outside developers - users - and in that way, adapted to countless needs and niches that the platform's original developers could not have possibly contemplated, much less had time to accommodate” ( Marc Andreessen ). </li></ul><ul><li>A &quot;platform“ can be programmed with software code provided by the user. </li></ul><ul><li>Examples: Google Maps mashup of crime data; Google maps with Flickr photos </li></ul><ul><li>Marc Andreessen http://blog.pmarca.com/2007/09/the-three-kinds.html </li></ul>
    5. 5. Web 2.0 Technologies / Applications <ul><li>HTML / XML / CSS </li></ul><ul><li>RSS (Atom) </li></ul><ul><li>APIs </li></ul><ul><li>AJAX (RIA / RU experience) </li></ul><ul><li>Ruby on Rails </li></ul><ul><li>Blog </li></ul><ul><li>Podcast / Vodcast </li></ul><ul><li>Wiki </li></ul><ul><li>Folksonomy / Tags / Tag Clouds </li></ul><ul><li>Micro-content </li></ul><ul><li>Mashup / Aggregation / Embedding </li></ul>
    6. 6. Blogs <ul><li>“ A blog is a personal diary. A daily pulpit. A collaborative space. A political soapbox. A breaking-news outlet. A collection of links. Your own private thoughts. Memos to the world. Your blog is whatever you want it to be.” http://www.blogger.com/ </li></ul><ul><li>User generated content: participatory journalism </li></ul><ul><li>Micro-blogging short messages http://twitter.com/ </li></ul><ul><li>Blogosphere: blogs & their interconnected social network </li></ul><ul><li>Blog search engine Technorati: Currently tracking 112.8 million blogs and over 250 million pieces of tagged social media. http://technorati.com/ </li></ul><ul><li>YouTube video: Blogs in Plain English </li></ul><ul><li>http://www.youtube.com/watch?v=NN2I1pWXjXI&feature=user </li></ul>
    7. 7. Podcast / Vodcast <ul><li>A podcast is a digital-media file which is distributed over the Internet using RSS feeds for playback on portable media players and computers </li></ul><ul><li>A vodcast is the delivery of on-demand video content. Vodcasting is similar to Podcasting except instead of audio on demand its video content on demand. </li></ul>
    8. 8. RSS <ul><li>RSS is a better way to be notified of new and changed content </li></ul><ul><li>Push (e-mail) vs. Pull (RSS) techniques </li></ul><ul><li>The server side (blog / news web site) produces the RSS feed </li></ul><ul><li>The client side (reader) monitors and collects the updated feeds from your favorite web sites </li></ul><ul><li>publisher creates content and publishes the URL on publishers web site </li></ul><ul><li>Recipient adds the URL to the reader </li></ul><ul><li>When new content is added, the RSS readers automatically access the RSS feeds and organize the content of websites </li></ul><ul><li>YouTube: RSS in Plain English </li></ul><ul><li>http://www.youtube.com/watch?v=0klgLsSxGsU&feature=user </li></ul>
    9. 9. Wiki <ul><li>A wiki is a website where all users can add, remove, and edit every page ( http://www.wikipedia.org/ ). </li></ul><ul><li>Private, corporate, public wikis </li></ul><ul><li>User generated content </li></ul><ul><li>Power of network effect </li></ul><ul><li>Soft security model </li></ul><ul><li>Farm of free wiki websites ( http://www.wikidot.com ) </li></ul><ul><li>Scalability </li></ul><ul><li>YouTube: </li></ul><ul><li>http://www.youtube.com/watch?v=-dnL00TdmLY </li></ul>
    10. 10. Folksonomy <ul><li>User generated taxonomy </li></ul><ul><li>Bridging the gap between structure and meaning </li></ul><ul><li>Tags are non-hierarchical keywords </li></ul><ul><li>Tagging is the process of locating and classifying a web page with tag </li></ul><ul><li>Lateral search – can move non-linear between pages that have something in common </li></ul><ul><li>Delicious keeps bookmarked pages together ( http://del.icio.us/ ) </li></ul><ul><li>Tag Cloud (del.icio.us): Weighted List of Tags </li></ul>
    11. 11. AJAX= [Java Functions + XML Standards] <ul><li>Asynchronous Javasrcipt and XML </li></ul><ul><li>Create interactive web pages (RIAs) </li></ul><ul><li>Exchanges micro-content with the server </li></ul><ul><li>Complete web page does not have to be refreshed </li></ul><ul><li>Improves performance and interactivity </li></ul><ul><li>Ex. Google Maps </li></ul><ul><li>Getting to grips with: AJAX - Web Services http://www.youtube.com/watch?v=8x0KlK9Zm_M&feature=related </li></ul>
    12. 12. API: Application Programming Interface <ul><li>An interface for letting a program communicate with another program </li></ul><ul><li>To integrate content from web site into a new service </li></ul><ul><li>Google Web API exposes Google engine to developers so that they can write scripts to access Google search in real-time </li></ul><ul><li>Google Chart API - to generate pie chart http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World </li></ul>
    13. 13. Mashup <ul><li>Hybrid application that combines several sources of data to form a unique new combination of information </li></ul><ul><li>Intro to Mashup (music video) http://www.videomashups.ca/mashups/mu_music.php?Introduction%20to%20Music%20Mashups </li></ul><ul><li>Video mashup example http://www.videomashups.ca/mashups/mu_video.php?Bush%20and%20Blair%20Together%20Mashup </li></ul><ul><li>Yahoo Pipes: lets you remix feeds and create new data mashups in a visual programming environment http://pipes.yahoo.com/pipes/ </li></ul><ul><li>Microsoft Popfly: create a mashup, game, web page without writing code http://www.popfly.com/ </li></ul><ul><li>Google </li></ul><ul><li>Mashup Editor </li></ul>http://www.latimes.com/news/local/crime/homicidemap/
    14. 14. Social Networking <ul><li>Empowers: users to connect, collectively create and share user generated content </li></ul><ul><li>Social capital is generated through social relationships </li></ul><ul><li>YouTube http://www.youtube.com/watch?v=6a_KF7TYKVc&feature=user </li></ul>
    15. 15. Trends: Social Network Sites
    16. 16. Web 2.0 Student Services: Market Drivers <ul><li>Web is a critical component of the educational system </li></ul><ul><li>Our student base is global </li></ul><ul><li>Internet is an essential fabric of student’s daily life </li></ul><ul><li>Students are always connected (due to mobile devices) </li></ul><ul><li>Students are actively engaged in creating content </li></ul><ul><li>Potential revenue opportunities exists from global markets for online education </li></ul><ul><li>Open software, low cost hardware, global markets have increased competition among service providers. </li></ul><ul><li>Source: adapted from John Musser & Tim O’Reilly (2006). </li></ul>
    17. 17. Trends: Horizon Report 2007 <ul><li>Six areas that will have a significant impact on campuses within the next five years. </li></ul><ul><li>User-Created Content </li></ul><ul><li>Social Networking </li></ul><ul><li>Mobile Digital Technologies </li></ul><ul><li>Virtual Worlds </li></ul><ul><li>The New Scholarship and Emerging Forms of Publication </li></ul><ul><li>Massively Multiplayer Educational Gaming . </li></ul><ul><li>Source: http://horizonproject.wikispaces.com/ </li></ul>
    18. 18. Campus-wide Information System (Closed System) <ul><li>Infrastructure: LAN / Web Server / DB Server / Media Server / Backup Servers / Network Software & IT Staff </li></ul><ul><li>OS: Microsoft Windows / Mac / Linux </li></ul><ul><li>User Interface: Desktop metaphor </li></ul><ul><li>Functions: </li></ul><ul><ul><li>Desktop Applications (Ex. Office Suite) </li></ul></ul><ul><ul><li>Store, Organize, Search, Retrieve, Share </li></ul></ul><ul><li>Software development life-cycle </li></ul><ul><li>Users on Campus: Many but not in millions </li></ul>
    19. 19. Web 2.0: Issues & Challenges <ul><li>Visibility: Campus-wide or Open to public </li></ul><ul><li>Hosting: Internal or External </li></ul><ul><li>Infrastructure: Scalability </li></ul><ul><li>Security - Authentication & Access Control </li></ul><ul><li>Ownership of Data </li></ul><ul><li>Content Versioning and Preservation </li></ul><ul><li>Choice of Technologies / Tools </li></ul><ul><li>Tools within or outside the CMS / LMS </li></ul><ul><li>Monitoring Inappropriate Content </li></ul><ul><li>Copyright / Ownership </li></ul><ul><li>Source: Franklin & Harmelen (2007). </li></ul>
    20. 20. Selected References <ul><li>John Blyberg’s Go Go Google Gadget http://www.blyberg.net/2006/08/18/go-go-google-gadget/ </li></ul><ul><li>Tom Franklin & Mark van Harmelen (2007). Web 2.0 for content for learning and teaching in higher education. </li></ul><ul><li>Horizon Report (2007). http://horizonproject.wikispaces.com/ </li></ul><ul><li>Tim O’Reilly (2005) What is Web 2.0: Design Patterns and Business Models for the next generation of softw are . http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html </li></ul><ul><li>John Musser & Tim O’Reilly (2006). Web 2.0. Principles and Best Practices. O’Reilly Radar. </li></ul><ul><li>Brad Wheeler. (31 July 2006). Open Source Student Services System. Report on the planning grant from the Andrew W. Mellon Foundation http://update.estrategy.ubc.ca/wp-content/assets/Mellon-Wheeler.pdf </li></ul>
    21. 21. Source: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html