Web 1.0 to Web 2.0

Web 1.0 to Web 2.0

Assoc. Prof. Dr. Rozinah Jamaludin21 January 2010

• The Internet in the 90s is being called web 1.0. In that generation, most web applications were in one direction, i.e. the user is a receiver.

• In the last 2-3 years, educationalists began to investigate the use of web 2.0 application into the learning process.

• Learning will take place anywhere, anytime and anyone can have it leading to the democratization of learning.

•

Learning Type Controller Main Media Location

Learning 1.0 Teacher, School Books School

Learning 2.0 Learner, Teacher, School

Internet, Books Anywhere, School

Learning 3.0 Learner Intelligent Internet Anywhere

• Web 1.0 (1991-2003) is a retronym which refers to the state of the World Wide Web, and any website design style used before the advent of the Web 2.0 phenomenon. Web 1.0 began with the release of the WWW to the public in 1991, and is the general term that has been created to describe the Web before the "bursting of the Dot-com bubble" in 2001, which is seen by many as a turning point for the internet.

• Since 2004, Web 2.0 has been the term used to describe the current age of the Internet.

• The shift from Web 1.0 to Web 2.0 can be seen as a result of technological refinements, which included such adaptations as "broadband, improved browsers, and Ajax, to the rise of Flash application platforms and the mass development of widgetization, such as Flickr and YouTube badges.

• Web 1.0 design elements• Some typical design elements of a Web 1.0 site include:• Static pages instead of dynamic user-generated content.[5]

• The use of framesets.• Proprietary HTML extensions such as the <blink> and <marquee>

tags introduced during the first browser war.• Online guestbooks.• GIF buttons, typically 88x31 pixels in size promoting web browsers

and other products.• HTML forms sent via email. A user would fill in a form, and upon

clicking submit their email client would attempt to send an email containing the form's details.

• Web 2.0 websites allow users to do more than just retrieve information. They can build on the interactive facilities of "Web 1.0" to provide "Network as platform" computing, allowing users to run software-applications entirely through a browser. users can own the data on a Web 2.0 site and exercise control over that data. These sites may have an "Architecture of participation" that encourages users to add value to the application as they use it.

• According to Best (2006) the characteristics of Web 2.0 are: rich user experience, user participation, dynamic content, metadata, web standards and scalability.

• Best, D., 2006. Web 2.0 Next Big Thing or Next Big Internet Bubble? Lecture Web Information Systems. Techni sche Universiteit Eindhoven.

• Web 2.0 websites typically include some of the following features and techniques. Andrew McAfee used the acronym SLATES to refer to them:

• Search Finding information through keyword search. • Links Connects information together into a meaningful information ecosystem

using the model of the Web, and provides low-barrier social tools. • Authoring The ability to create and update content leads to the collaborative work

of many rather than just a few web authors. In wikis, users may extend, undo and redo each other's work. In blogs, posts and the comments of individuals build up over time.

• Tags Categorization of content by users adding "tags" - short, usually one-word descriptions = to facilitate searching, without dependence on pre-made categories. Collections of tags created by many users within a single system may be referred to as "folksonomies" (i.e., folk taxonomies).

• Extensions Software that makes the Web an application platform as well as a document server.

How it works

• The client-side/web browser technologies typically used in Web 2.0 development are Asynchronous JavaScript and XML (Ajax), Adobe Flash and the Adobe Flex framework, and JavaScript/Ajax frameworks such as Yahoo! UI Library, Dojo Toolkit, MooTools, and jQuery. Ajax programming uses JavaScript to upload and download new data from the web server without undergoing a full page reload.

• The data fetched by an Ajax request is typically formatted in XML or JSON (JavaScript Object Notation) format, two widely used structured data formats. Since both of these formats are natively understood by JavaScript, a programmer can easily use them to transmit structured data in their web application.

• When this data is received via Ajax, the JavaScript program then uses the Document Object Model (DOM) to dynamically update the web page based on the new data, allowing for a rapid and interactive user experience. In short, using these techniques, Web designers can make their pages function like desktop applications. For example, Google Docs uses this technique to create a Web-based word processor.

• On the server side, Web 2.0 uses many of the same technologies as Web 1.0. Languages such as PHP, Ruby, ColdFusion, Perl, Python, and ASP are used by developers to dynamically output data using information from files and databases.

• What has begun to change in Web 2.0 is the way this data is formatted. In the early days of the Internet, there was little need for different websites to communicate with each other and share data. In the new "participatory web", however, sharing data between sites has become an essential capability.

• To share its data with other sites, a web site must be able to generate output in machine-readable formats such as XML, RSS, and JSON. When a site's data is available in one of these formats, another website can use it to integrate a portion of that site's functionality into itself, linking the two together.

• When this design pattern is implemented, it ultimately leads to data that is both easier to find and more thoroughly categorized, a hallmark of the philosophy behind the Web 2.0 movement.

• A social network service focuses on building and reflecting of social networks or social relations among people, e.g., who share interests and/or activities. A social network service essentially consists of a representation of each user (often a profile), his/her social links, and a variety of additional services. Most social network services are web based and provides means for users to interact over the internet, such as e-mail and instant messaging. Although online community services are sometimes considered as a social network service in a broader sense, social network service usually means an individual-centered service whereas online community services are group-centered.

• First there was Friendster in 2002 (which Google tried to acquire in 2003), then MySpace and LinkedIn a year later, and finally, Bebo. By 2005, MySpace, emergent as the biggest of them all, was reportedly getting more page views than Google. 2004 saw the emergence of Facebook, a competitor, also rapidly growing in size. In 2005, Facebook opened up to the non US college community, and together with allowing externally-developed add-on applications, and some applications enabled the graphing of a user's own social network - thus linking social networks and social networking, became the largest and fastest growing site in the world, not limited by particular geographical followings.

• Several websites are beginning to tap into the power of the social networking model for social good. Such models may be highly successful for connecting otherwise fragmented industries and small organizations without the resources to reach a broader audience with interested and passionate users. Users benefit by interacting with a like minded community and finding a channel for their energy and giving.[24] Examples include SixDegrees.org, TakingITGlobal, Care2, Idealist.org, WiserEarth, OneWorldTV, FreeRepublic, OneClimate and Network for Good. The charity badge is often used within the above context.

• One popular use for this new technology is social networking between businesses. Companies have found that social networking sites such as Facebook and Twitter are great ways to build their brand image.

• According to Jody Nimetz, author of Marketing Jive, there are five major uses for businesses and social media: to create brand awareness, as an online reputation management tool, for recruiting, to learn about new technologies and competitors, and as a lead gen tool to intercept potential prospects.

• These companies are able to drive traffic to their own online sites while encouraging their consumers and clients to have discussions on how to improve or change products or services.

Emerging trends in social networks

• One other use that is being discussed is the use of Social Networks in the Science communities.

• Social networks are also being used by teachers and students as a communication tool. Because many students are already using a wide-range of social networking sites, teachers have begun to familiarize themselves with this trend and are now using it to their advantage. Teachers and professors are doing everything from creating chat-room forums and groups to extend classroom discussion to posting assignments, tests and quizzes, to assisting with homework outside of the classroom setting. Social networks are also being used to foster teacher-parent communication. These sites make it possible and more convenient for parents to ask questions and voice concerns without having to meet face-to-face.

Application domains

• Government applications• Business applications• Dating applications• Educational applications• Medical applications

• Web 3.0• Not much time passed before "Web 3.0" was coined. Definitions

of Web 3.0 vary greatly. • Amit Agarwal states that Web 3.0 is, among other things, about

the Semantic Web and personalization. • Andrew Keen, author of The Cult of the Amateur, considers the

Semantic Web an "unrealisable abstraction" and sees Web 3.0 as the return of experts and authorities to the Web.

• For example, he points to Bertelsman's deal with the German Wikipedia to produce an edited print version of that encyclopedia.

CNN Money's Jessi Hempel expects Web 3.0 to emerge from new and innovative Web 2.0 services with a profitable business model.

• Thank Q.