2 web-technologies
-
Upload
jerome-conje -
Category
Technology
-
view
5 -
download
0
Transcript of 2 web-technologies
![Page 1: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/1.jpg)
Web TechnologiesWeb 1.0Web 2.0Web 3.0
![Page 2: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/2.jpg)
• The World Wide Web (WWW) is an information space where documents and other web resources are identified by URLs, interlinked by hypertext links, and can be accessed via the Internet.
• Invented by Tim Berners-Lee in 1989.
World Wide Web
![Page 3: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/3.jpg)
• Also known as FLAT Page or stationary page
• It cannot be manipulated by the user.
• The content is also the same for all users.
• This is referred to as “Web 1.0”
Web 1.0 - Static Webpage
![Page 4: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/4.jpg)
• The term used to describe the collection of web applications used for interaction and collaboration.
• It was coined by Darcy DiNucci in 1999. It does not refer to a new version of the web, just a refocus of its use.
• Web 2.0 is more than the retrieval of information. It is the participation in a website.
Web 2.0-Dynamic Webpage
![Page 5: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/5.jpg)
• Folksonomy – allow users to categorized and classify/arrange information using freely chosen keywords (ex. Tagging). Popular social networking site such as Twitter, Instagram and Facebook etc. use tags that start with the pound sing (#) / hashtag.
• Rich user Experience – content is dynamic and is responsive to user’s input. In the case of social networking sites, when logged on, your account is used to modify what you see in their website.
Features of Web 2.0
![Page 6: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/6.jpg)
• User Participation – the owner of the website is not the only one who is able to put content. Others are able to place a content on their own ex. Comments, reviews and evaluation.
Features of Web 2.0
![Page 7: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/7.jpg)
• Long Tail – services that offered on demand rather than on a one-time purchase. Subscribing to a data plan that charges for the amount time you spent in the Internet.
Features of Web 2.0
![Page 8: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/8.jpg)
•Software as a Service – users will subscribe to a software only when needed rather than purchasing them.
Features of Web 2.0
![Page 9: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/9.jpg)
•Mass Participation – diverse information sharing through universal web access.
Features of Web 2.0
![Page 10: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/10.jpg)
• Semantic Web provides a common framework that allows data to be shared and reused across application, enterprise, and community boundaries.
• The aim is to have machine (server) understand the users preferences.
Problems with Web 3.0• Compatibility - HTML files and browsers cannot support Web 3.0• Security – user’s security is in question since machine is saving
his/her preferences.• Vagueness – certain word are imprecise. • Logic – There are certain limitations for a computer to be able to
predict what the user is referring to at a given time.
Web 3.0 – Semantic Webpage
![Page 11: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/11.jpg)
Static vs DynamicLook for ten website and classify them as static or dynamic. What makes each website static or dynamic? Use the table below.
Website URL Static Dynamic Reason
![Page 12: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/12.jpg)
WebQuestSTATIC
![Page 13: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/13.jpg)
TrackStarSTATIC
![Page 14: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/14.jpg)
TwitterDYNAMI
C
![Page 15: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/15.jpg)
LiveBindersDYNAMI
C
![Page 16: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/16.jpg)
facebookDYNAMI
C
![Page 17: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/17.jpg)
Britannica OnlineSTATIC
![Page 18: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/18.jpg)
YouTubeDYNAMI
C
![Page 19: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/19.jpg)
NetscapeSTATIC
![Page 20: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/20.jpg)
BlogsDYNAMI
C
![Page 21: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/21.jpg)
BitTorrentDYNAMI
C
![Page 22: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/22.jpg)
Mp3.comSTATIC
![Page 23: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/23.jpg)
Personal WebsiteSTATIC
![Page 24: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/24.jpg)
In a 1 whole sheet of paper, reflect and discuss how technology changes over time and compare the
process of data gathering today compare before.
![Page 25: 2 web-technologies](https://reader035.fdocuments.us/reader035/viewer/2022070512/589b9e021a28abd63e8b5aed/html5/thumbnails/25.jpg)