Web History Evolution
•Download as PPTX, PDF•
12 likes•5,136 views
The document discusses the evolution of the World Wide Web from Web 1.0 to present. Web 1.0 (1997-2005) consisted of static, catalog-style websites. Web 2.0 (2005-2009) enabled dynamic and user-generated content through technologies like wikis, blogs and social media. Future Web 3.0 technologies are predicted to include semantic analysis, artificial intelligence, and mobile connectivity to allow machines to better understand web content.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Web History Evolution
Similar to Web History Evolution (20)
Recently uploaded
Recently uploaded (20)
Web History Evolution
- 1. 1 Brief History of Web-Technology - by nongoffna from don-jai.com
- 2. Agenda Introduction Web 1.0 Web 2.0 Web 3.0 and future Summary Q & A 2 Brief History of Web-Technology - by nongoffna from don-jai.com
- 3. Introduction 3 Brief History of Web-Technology - by nongoffna from don-jai.com
- 4. Overview web 1.0 4 Brief History of Web-Technology - by nongoffna from don-jai.com
- 5. Web 1.0 1997 - 2005 Dial-up, 50k average Static web HTTP, HTML, Hyperlink, Browser Catalogs E-mail E-commerce driven Limited Hardware 5 Brief History of Web-Technology - by nongoffna from don-jai.com
- 6. Example of Web 1.0 http://geocities.yahoo.com/ Brief History of Web-Technology - by nongoffna from don-jai.com 6
- 7. Example of Web 1.0 http://pioneer.chula.ac.th/~hsoraj/net/Internet5.html Brief History of Web-Technology - by nongoffna from don-jai.com 7
- 8. Overview web 2.0 8 Brief History of Web-Technology - by nongoffna from don-jai.com
- 9. Web 2.0 2005 - 2009 Broadband, 1Mb average Dynamic web Podcasting, Video Podcasting Blogging, Micro-Blogging Wiki Social Networking 9 Brief History of Web-Technology - by nongoffna from don-jai.com
- 10. Web 2.0 : XML, Web-Services Brief History of Web-Technology - by nongoffna from don-jai.com 10 http://www.g2gnet.com/News/XML/XML-WebServices.jpg
- 11. Web 2.0 : Wiki Brief History of Web-Technology - by nongoffna from don-jai.com 11 http://2.bp.blogspot.com/_a1QzEWqVGSw/SINLR6DljBI/AAAAAAAAASI/-8aGoOdOcmw/s400/wiki.png
- 12. Web 2.0 : Mashups Brief History of Web-Technology - by nongoffna from don-jai.com 12 http://winniecooper.net/wp-content/uploads/2008/07/web_20_mashup_ecosystem_468.jpg
- 13. Web 2.0 : Social Networking Brief History of Web-Technology - by nongoffna from don-jai.com 13 http://natewhitehill.com/wp-content/uploads/2008/05/socialnetworking.jpg
- 14. Example of Web 2.0 http://www.wikipedia.org/ Brief History of Web-Technology - by nongoffna from don-jai.com 14
- 15. Example of Web 2.0 http://www.flickr.com/ Brief History of Web-Technology - by nongoffna from don-jai.com 15
- 16. Example of Web 2.0 http://www.youtube.com/ Brief History of Web-Technology - by nongoffna from don-jai.com 16
- 17. Example of Web 2.0 http://twitter.com/ Brief History of Web-Technology - by nongoffna from don-jai.com 17
- 18. Overview web 3.0 18 Brief History of Web-Technology - by nongoffna from don-jai.com
- 19. Web 3.0 and future Mobile, 10 Mb average Semantic web Artificial Intelligence : AI Ontology Scalable vector graphics (SVG) 19 Brief History of Web-Technology - by nongoffna from don-jai.com
- 20. Web 3.0 : Semantic web Brief History of Web-Technology - by nongoffna from don-jai.com 20 http://frieyadie.com/gambars/SemanticWeb.jpg
- 21. Web 3.0 : Artificial Intelligence Brief History of Web-Technology - by nongoffna from don-jai.com 21 http://www.iro.umontreal.ca/~bengioy/yoshua_en/research_files/AI-brain.jpg
- 22. Web 3.0 : Ontology Brief History of Web-Technology - by nongoffna from don-jai.com 22 http://ontolog.cim3.net/file/work/OntologySummit2007/workshop/ontology-dimensions-map_20070423b.png
- 23. Web 3.0 : Scalable vector graphics (SVG) Brief History of Web-Technology - by nongoffna from don-jai.com 23 http://www.idayblog.com/images/Web3.0_Bitmap_VS_SVG.svg.jpg
- 24. Example of Web 3.0 http://www.google.com Brief History of Web-Technology - by nongoffna from don-jai.com 24
- 25. Example of Web 3.0 http://www.openstreetmap.org/ Brief History of Web-Technology - by nongoffna from don-jai.com 25
- 26. Example of Web 3.0 http://www.everyblock.com/ Brief History of Web-Technology - by nongoffna from don-jai.com 26
- 27. Example of Web 3.0 http://www.zoodle.co.nz/ Brief History of Web-Technology - by nongoffna from don-jai.com 27
- 28. Summary 28 Brief History of Web-Technology - by nongoffna from don-jai.com
- 29. Q & A 29 Brief History of Web-Technology - by nongoffna from don-jai.com http://www.bre.com/Portals/0/images/Support%20Page/question%20key%20brown.gif
- 30. Reference http://guru.google.co.th/guru/thread?tid=3c1a75d81caa3652&pli=1 http://www.ecommerce-magazine.com/index.php?option=com_content&task=view&id=876&Itemid=58 http://techinnoreview.exteen.com/20090701/semantic-web-rdf-rdfs-owl http://www.thaicyberpoint.com/ford/blog/tag/semantic-web/ http://www.slideshare.net/darren131/web30-or-the-semantic-web http://blogs.ubc.ca/dean/2007/12/web-20-versus-web-30/ http://aved.edu.chula.ac.th/noawanit/2726342/ICT-0/_web_10__20__30.html http://www.marcuscake.com/key-concepts/internet-evolution http://siwapong.exteen.com/20080831/web-1-0-web-2-0-web-3-0 http://www.idayblog.com/archives/227 http://www.oknation.net/blog/weblog/2008/09/24/entry-9 Brief History of Web-Technology - by nongoffna from don-jai.com 30
Editor's Notes
- เมื่อพูดถึงอินเทอร์เน็ต ผู้เชี่ยวชาญด้านเทคโนโลยีและอินเทอร์เน็ตได้จำแนกยุคแห่งพัฒนาการของเวิลด์ ไวด์ เว็บ ไว้เป็นช่วงๆ โดยใช้คำแทนห้วงเวลาของพัฒนาการแต่ละยุคของอินเทอร์เน็ตไว้เป็นเวอร์ชัน
- Web 1.0 ที่การผลิตเนื้อหาต่างๆ จะมาจากเจ้าของเว็บไซต์เท่านั้น ผู้ต้องการข้อมูลก็เข้าไปอ่านจากเว็บไซต์หรือค้นหาผ่าน search engine เป็นส่วนใหญ่ การติดต่อสื่อสารระหว่างผู้อ่านกับเจ้าของเว็บไซต์หรือ ผู้พัฒนาเนื้อหาเป็นไปในลักษณะทางเดียว ไม่สามารถโต้ตอบหรือแสดงความคิดเห็นได้ สาเหตุส่วนหนึ่งมาจาก Web 1.0 ยังเป็นยุคแรกๆ ที่คนส่วนใหญ่เพิ่งเริ่มรู้จักอินเทอร์เน็ตทำให้การใช้งานยังไม่หลากหลายมากนักดังนั้นการใช้งานส่วนใหญ่จะเป็นในลักษณะของการรับส่งข่าวสารผ่านอีเมล์ การพูดคุยโต้ตอบแบบออนไลน์ผ่านโปรแกรมต่างๆ การดาวน์โหลดเพลงและภาพต่างๆ จากเว็บไซต์ที่ให้บริการ
- ลักษณะโดยทั่วไปของ Web1.0
- doubleClick.com ระบบแปะแบนเนอร์โฆษณาตายตัว
- Web 2.0 มีแนวโน้มที่จะเติบโตอย่างรวดเร็วตามเทคโนโลยีต่างๆ ที่สนับสนุนให้เกิดการติดต่อสื่อสารเป็นไปได้มากขึ้น ประกอบกับความพยายามของกลุ่มผู้พัฒนาเว็บไซต์ที่จะสร้างสังคมออนไลน์ (online community) ให้เกิดขึ้น จึงส่งผลให้เว็บไซต์ที่เรียกได้ว่าเป็นเว็บไซต์ในยุค Web 2.0 จะแตกต่างไปจากยุค Web 1.0 มาก โดยจะเน้นสนับสนุนให้มีการแบ่งปันความรู้ ความคิดเห็น และแลกเปลี่ยนประสบการณ์ซึ่งกันและกันมากกว่าจะเป็นเพียงการเสนอเนื้อหาผ่าน เว็บไซต์ ซึ่งเจ้าของเว็บไซต์ในปัจจุบันอาจเป็นเพียงใครก็ได้ที่ต้องการเข้ามาเปิดเว็บไซต์ไว้แล้วเชิญชวนให้คนทั่วไปเข้ามามีส่วนร่วมในการสร้างเนื้อหาและนำเสนอข้อมูลผ่านเว็บไซต์ของตนเอง Web2.0 มีลักษณะเป็นศูนย์กลางในการแลกเปลี่ยนไฟล์ในรูปแบบต่างๆ ไม่ว่าจะเป็นรูปภาพ วิดีโอ เพลง ผ่านเครือข่ายออนไลน์ตลอด 24 ชั่วโมง
- ลักษณะโดยทั่วไปของ Web2.0Dynamic web : เป็นลักษณะของเว็บเพจ ที่เนื้อหาภายในเว็บไซต์มีการเปลี่ยนแปลงตลอดเวลา โดยสามารถเปลี่ยนแปลงได้หลายลักษณะเช่น จากผู้พัฒนาเว็บไซต์เอง หรือจากผู้เข้าชมที่มีส่วนร่วมในเว็บไซต์Ajax : ย่อมาจาก Asynchronous JavaScript? And XML; ซึ่งหมายถึงการทำงานร่วมกันของ JavaScript?และ XMLแบบ Asynchronous
- XML : ย่อมาจาก Extensible Markup Language ซึ่งเป็นภาษามาร์กอัปสำหรับการใช้งานทั่วไป พัฒนาโดยW3Cโดยมีจุดประสงค์เพื่อเป็น สิ่งที่เอาไว้ติดต่อกันในระบบที่มีความแตกต่างกันWeb-Services : เว็บเซอร์วิส (Web service) คือระบบซอฟต์แวร์ที่ออกแบบมา เพื่อสนับสนุนการแลกเปลี่ยนข้อมูลกัน ระหว่างเครื่องคอมพิวเตอร์ผ่านระบบเครือข่ายhttp://www.g2gnet.com/News/XML/XML-WebServices.jpg
- วิกิ หรือ วิกี้ (wiki คือลักษณะของเว็บไซต์แบบ หนึ่งที่อนุญาต ให้ผู้ใช้ เพิ่มและแก้ไขเนื้อหาได้โดยง่าย ซึ่งบางครั้งไม่จำเป็นต้องมีการลงทะเบียนเพื่อแก้ไข ด้วยความง่ายในการแก้ไขและโต้ตอบhttp://2.bp.blogspot.com/_a1QzEWqVGSw/SINLR6DljBI/AAAAAAAAASI/-8aGoOdOcmw/s400/wiki.png
- Mashupคือ Application ที่นำข้อมูลจากสองแหล่งขึ้นไปมาผสมรวมกันกลายเป็นหนึ่งเดียว ทำให้เกิดบริการรูปแบบใหม่ขึ้นมาเป็นจำนวนมาก ตัวอย่างเช่น นำข้อมูลการเกิดอาชญากรรมในพื้นที่ต่างๆ มารวมกับแผนที่ Google Maps กลายเป็นเว็บแผนที่แสดงการเกิดอาชญากรรม นำแผนที่ Google Maps มารวมกับภาพถ่ายของสถานที่ท่องเที่ยว กลายเป็นเว็บแผนที่แหล่งท่องเที่ยว หรือนำภาพถ่ายของสถานที่ท่องเที่ยวมารวมกับรายชื่อโรงแรม กลายเป็นเว็บท่องเที่ยวที่สามารถขายห้องพักได้ด้วยhttp://winniecooper.net/wp-content/uploads/2008/07/web_20_mashup_ecosystem_468.jpghttp://mashcamp.webmaster.or.th/faq#what-is-mashup
- Social Network คือการที่ผู้คนสามารถทำความรู้จัก และเชื่อมโยงกันในทิศทางใดทิศทางหนึ่ง หากเป็นเว็บไซต์ที่เรียกว่าเป็น เว็บ Social Network ก็คือเว็บไซต์ที่เชื่อมโยงผู้คนไว้ด้วยกันนั่นเองhttp://natewhitehill.com/wp-content/uploads/2008/05/socialnetworking.jpg
- สารานุกรมออนไลน์หลายภาษาที่แจกจ่ายในลักษณะเนื้อหาเสรี
- Flickr.com คือแหล่งออนไลน์ในการ “ฝากและแสดง” ภาพถ่ายดิจิตอลซึ่งถือว่าเป็นชุมชนคนถ่ายภาพที่ใหญ่ที่สุดในโลกไปแล้ว
- Web 3.0 เว็บไซต์จะถูกพัฒนาให้กลายเป็น Semantic Web ที่สามารถเชื่อมโยงข้อมูลต่างๆ ทั้งที่อยู่ในเว็บไซต์ของผู้พัฒนาเองและจากแหล่งข้อมูลอื่นๆ เน้นพัฒนาระบบที่มีประสิทธิภาพมากขึ้นในการจัดการกับข้อมูลปริมาณมหาศาลด้วยตัวเอง มีความสามารถในการเชื่อมโยงข้อมูลไปยังฐานข้อมูลอื่นๆWeb 3.0 ที่เว็บไซต์พัฒนาให้มีความสามารถมากขึ้นแล้ว ผู้ผลิตเนื้อหาไม่จำเป็นต้องมานั่งใส่ Tag เอง แต่ตัวเว็บไซต์จะมีระบบที่ทำหน้าที่ในการประมวลผลข้อมู มีวิเคราะห์ข้อมูล ต่างๆ แล้วให้ Tag ตามความเหมาะสมออกมาได้ ข้อมูลแต่ละ Tag จะเชื่อมโยงไปยัง Tag อื่นๆ ที่เกี่ยวข้องที่มีเนื้อหาเดียวกัน โดยจะมีการเชื่อมโยงต่อกันไปเรื่อยๆ จนกลายเป็นฐานข้อมูลความรู้ขนาดใหญ่ผู้ใช้งานสามารถสืบค้นข้อมูลผ่านเครือข่ายอินเทอร์เน็ตได้สะดวกรวดเร็ว และได้ข้อมูลที่ถูกต้องตรงตามความต้องการมากขึ้น
- ลักษณะโดยทั่วไปของ Web3.0
- Semantic Web Services มาจากคำสองคำ คือ Semantic Web ผสมกับ Web Services ถูกคิดค้นโดยนาย ทิม เบอร์เนอร์ส-ลี (ทิมหรือทิโมธี) ซึ่งเป็นผู้สร้าง World Wide Web ขึ้นมาเป็นเทคโนโลยีหนึ่งที่ช่วยในการบูรณาการสารสนเทศ จัดเก็บ และ นำเสนอเนื้อหาแบบมีโครงสร้าง สามารถที่จะ วิเคราะห์ จำแนก หรือจัดแบ่งได้ว่า ข้อมูลที่ปรากฏนั้น มีความสัมพันธ์ กับข้อมูลอื่นๆในแต่ละระดับ อย่างไร นั่นคือเป็นการจัดเก็บและนำเสนอ แบบมี Hierarchy นั่นเอง Semantic Web service จะเป็น Web ที่ทั้งคนและเครื่อง (คอมพิวเตอร์) สามารถนำเอาเนื้อสารสนเทศของ Web นั้นไปใช้เป็นประโยชน์หรือใช้งานต่อได้คะ http://guru.sanook.com/pedia/topic/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5_Semantic_Web/http://frieyadie.com/gambars/SemanticWeb.jpg
- Artificial Intelligence (AI) เป็นระบบสมองกล โดยเจ้า AI จะสามารถคาดเดาผู้ใช้งานได้ว่ากำลังค้นหา หรือคิดอะไรอยุ่http://www.iro.umontreal.ca/~bengioy/yoshua_en/research_files/AI-brain.jpg
- Ontology Language หรือ OWL เป็นภาษาที่ใช้ในการอธิบายสิ่งต่างๆ ให้มีความสัมพันธ์กัน โดยดูจากความหมายของสิ่งนั้นๆ ซึ่งก็จะเชื่อมโยงกับระบบ Metadata นั้นเองhttp://ontolog.cim3.net/file/work/OntologySummit2007/workshop/ontology-dimensions-map_20070423b.png
- SVG (Scalable Vector Graphics) เป็นเทคโนโลยีตัวใหม่ของ XML ที่ถูกออกแบบมาเพื่อใช้ในการแสดงผลข้อมูลแบบเวกเตอร์กราฟิกบนเว็บเพจมีความสามารถลบข้อบกพร่องของเว็บกราฟิกที่ใช้การแสดงผลข้อมูลแบบพิกเซลได้ http://www.idayblog.com/images/Web3.0_Bitmap_VS_SVG.svg.jpg
- OSM ก็เป็นโปรเจคที่ใหญ่เกี่ยวกับการแลกเปลี่ยนและการบริการแผนที่ถนน นำทาง ซึ่งเปิดให้เราสามารถเชื่อมต่อและเรียกใช้งานได้
- OSM ก็เป็นโปรเจคที่ใหญ่เกี่ยวกับการแลกเปลี่ยนและการบริการแผนที่ถนน นำทาง ซึ่งเปิดให้เราสามารถเชื่อมต่อและเรียกใช้งานได้
- มีการกรองข่าวสารในแต่ละสถานที่ โดยเราสามารุถติดตามได้เลยว่ากำลังเกิดอะไรขึ้นในบล็อกที่เราอยู่ หรือว่าเพื่อนบ้านของเราก็ได้Local newsOpen government dataThe future of journalismCrime dataBeing a Web startup in Chicago
- เป็นอีกหนี่งเวบไซต์ของประเทศนิวซีแลนด์ โดยมีข้อมูลเกี่ยวกับอสังหาริมทรัพย์ ไม่ว่าจะเป็นราคาของบ้าน สถิติของเพื่อนบ้าน โรงเรียน และชุมชน
- http://www.bre.com/Portals/0/images/Support%20Page/question%20key%20brown.gif