Lesson 5 - The Web (1).pdf

LESSON 5: THE WEB 1 Learning Outcomes: At the end of the chapter, students must be able to: Explore the current breakthrough technologies and disruptive innovations that have emerged over the past few years. Identify and analyze various emerging technologies....

LESSON 5: THE WEB 1 Learning Outcomes: At the end of the chapter, students must be able to: Explore the current breakthrough technologies and disruptive innovations that have emerged over the past few years. Identify and analyze various emerging technologies. 2 The World Wide Web The Web (World Wide Web) consists of information organized into Web pages containing text and graphic images. The world wide web is larger collection of interconnected documents or content. It contains hypertext links, or highlighted keywords and images that lead to related information. 3 The Website A collection of linked Web pages that has a common theme or focus is called a Web site. The main page that all of the pages on a particular Web site are organized around and link back to is called the site’s home page 4 The inventor of WWW Sir Timothy John Berners- Lee is an English engineer and computer scientist best known as the inventor of the World Wide Web. He is a Professorial Fellow of Computer Science at the University of Oxford and a professor at the Massachusetts Institute of Technology 5 THE DIFFERENT VERSIONS OF WEB 6 THE DIFFERENT VERSIONS OF WEB A. Web 1.0 (Read Only Static Web)  Most read only web. If focused on company’s home pages.  Dividing the world wide web into usable directories  It means web is use as “Information Portal”  It started with the simple idea “put content together” 7 THE DIFFERENT VERSIONS OF WEB Examples of Web 1.0  Mp3.com  Home Page  Directories  Page Views  HTML/Portals. 8 THE DIFFERENT VERSIONS OF WEB Disadvantages of Web 1.0  Read only web  Limited user interaction  Lack of standards 9 THE DIFFERENT VERSIONS OF WEB B. Web 2.0 (Read-write interactive web)  It is a platform that gives users the possibility (liberty) to control their data.  This is about user- generated content and the read-write web.  People are consuming as well as contributing information through blogs or sites. 10 THE DIFFERENT VERSIONS OF WEB B. Web 2.0 (Read-write interactive web)  Allows the user to interact with the page known as DYNAMIC PAGE; instead of just reading a page, the user may be able to comment or create a user account. Dynamic page refers to the web pages that are affected by user input or preference. 11 THE DIFFERENT VERSIONS OF WEB B. Web 2.0 (Read-write interactive web)  Is focused on the ability for people to collaborate and share information online via social media, blogging and Web-based communities. 12 THE DIFFERENT VERSIONS OF WEB Examples of Web 2.0  A. Social Networking is the use of Internet-based social media sites to stay connected with friends, family, colleagues, customers, or clients. Example Facebook LinkedIn Pinterest Instagram Twitter Google+ Tumblr Page 13 THE DIFFERENT VERSIONS OF WEB Examples of Web 2.0  B. Blogs - is a discussion or informational website published on the world wide web consisting of discrete, often informal diary-style text entries (posts). Example Wordpress Blogger Tumbler 14 THE DIFFERENT VERSIONS OF WEB Examples of Web 2.0  C. Wikis is a hypertext publication collaboratively edited and managed by its own audience directly using a web browser. Example Wikipedia, Commons, Wikivoyage, Wikispecies, Wikibooks, Wiktionary, Wikidata, MediaWiki, Wikiversity, Wikiquote, Wikinews 15 THE DIFFERENT VERSIONS OF WEB Examples of Web 2.0  D. Video Sharing a website that lets people upload and share their video clips with the public at large or to invited guests. Example Youtube, Flickr, Photobucket, VimeoPRO, Facebook, Photobucket, Twitter Veoh, Myspace.com, LinkedIn, Flickr, Dailymotion, Metacafe 16 THE DIFFERENT VERSIONS OF WEB Key Features of Web 2.0 Folksonomy – allows users to categorize and classify/arrange information using freely chosen keywords (e.g., tagging). Rich User Interface – content is dynamic and is responsive to user’s input. An example would be a website that shows local content. User Participation – the owner of website is not the only one who is able to put content. Others are able to place a content on their own by means of comments, reviews, and evaluation. Long Tail – services are offered on demand rather than on a one-time purchase. This is synonymous to subscribing to a data plan that charges you for the amount of time you spent on Internet or a data plan that charges you for the amount of bandwidth you used. 17 THE DIFFERENT VERSIONS OF WEB C. Web 3.0: (Read-write intelligent web) Suggested name by John Markoff of the New York Times for the third generation of the web. In this generation, all the application on web or mobile will be upgraded with more features. It applies same principles as Web 2.0: two-way interaction. Web 3.0 will be more connected, open, and intelligent, with semantic web technologies, distributed databases, natural language processing, machine learning, machine reasoning and autonomous agents. 18  THE DIFFERENT VERSIONS OF WEB C. Web 3.0: (Read-write intelligent web) Semantic Web - provides a framework that allows data to be shared and reuse to deliver web content specifically targeting the user. It is a web of data. Changing the web into a language that can be read and categorized by the system rather than humans. 19 TYPES OF WEBSITES 1. Ecommerce Website These are a website people can directly buy products from you’ve probably used a number of eCommerce websites before, most big brands and plenty of smaller ones have one. Any website that includes a shopping cart and a way for you to provide credit card information to make a purchase fall into this category. 20 EXAMPLES OF ECOMMERCE WEBSITE 2. Business Website It is any website that’s devoted to representing a specific business. It should be branded like the business (the same logo and positioning) and communicate the types of products and/or services the business offers. 21 EXAMPLES OF ECOMMERCE WEBSITE 3. Entertainment Website If you think about your internet browsing habits, you can probably think of a few websites that you visit purely for entertainment purposes. 22  EXAMPLES OF ECOMMERCE WEBSITE 4. Portfolio Website These are sites devoted to showing examples of past work. Service providers who want to show potential clients the quality of the work they provide can use a portfolio website to collect some of the best samples of past work they’ve done. This type of website is simpler to build than a business website and more focused on a particular task: collecting work samples. 23 EXAMPLES OF ECOMMERCE WEBSITE 5. Media Website The website collects news stories or other reporting. There’s some overlap here with entertainment websites, but media websites are more likely to include reported pieces in addition to or instead of content meant purely for entertainment. 24  EXAMPLES OF ECOMMERCE WEBSITE 6. Brochure Website These are a simplified form of business websites. For businesses that know they need an online presence, but don’t want to invest a lot into it (maybe you’re confident you’ll continue to get most of your business from other sources), a simple brochure site that includes just a few pages that lay out the basics of what you do and provide contact information may be enough for you. 25 EXAMPLES OF ECOMMERCE WEBSITE 7. Nonprofit Website In the same way that businesses need websites to be their online presence, nonprofits do as well. A nonprofit website is the easiest way for many potential donors to make donations and will be the first place many people look to learn more about a nonprofit and determine if they want to support it. 26 EXAMPLES OF ECOMMERCE WEBSITE 8. Educational Website The websites of educational institutions and those offering online courses fall into the category of educational websites. These websites have the primary goal of either providing educational materials to visitors or providing information on an educational institution to them. 27 EXAMPLES OF ECOMMERCE WEBSITE 9. Infopreneur Website Websites overlap a bit with business and eCommerce websites, but they represent a unique type of online business. Infopreneurs create and sell information products. That could be in the form of courses, tutorials, videos or eBooks. 28 EXAMPLES OF ECOMMERCE WEBSITE 10. Personal Website Not all websites exist to make money in some way or another. Many people find value in creating personal websites to put their own thoughts out into the world. This category includes personal blogs, vlogs, and photo diaries people share with the world. 29 EXAMPLES OF ECOMMERCE WEBSITE 11. WebPortal Website are often websites designed for internal purposes at a business, organization, or institution. They collect information in different formats from different sources into one place to make all relevant information accessible to the people who need to see it. They often involve a login and personalized views for different users that ensure the information that’s accessible is most useful to their particular needs. 30  EXAMPLES OF ECOMMERCE WEBSITE 12. Wiki or Community Forum Most people are familiar with wikis through the most famous example of one out there: Wikipedia. But wikis can be created on pretty much any subject you can imagine. A wiki is any website where various users are able to collaborate on content and all make their own tweaks and changes as they see fit. There are wikis for fan communities, for business resources, and for collecting valuable information sources. 31 THANK YOU. 32