Web Browser

1. Web Browser ภาควิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี

2. Web Browser คืออะไร โปรแกรมค้นดูเว็บ หรือ ที่เรียกกันว่า เว็บเบราว์เซอร์ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเว็บที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (HTML)ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่นๆ โดยโปรแกรมค้นดูเว็บ เปรียบเสมือนสื่อในการติดต่อกับเครือข่าย หรือ เน็ตเวิร์คขนาดใหญ่ที่เรียกว่า เวิล์ดไวด์เว็บ

3. เบราวเซอร์ที่สำคัญ รายชื่อเว็บเบราว์เซอร์ เรียงตามลำดับเวลาที่เปิดให้ใช้: • เวิลด์ไวด์เว็บ (26 กุมภาพันธ์พ.ศ. 2534) • โมเสก (22 เมษายนพ.ศ. 2536) • เน็ตสเคป แนวิเกเตอร์ (13 ตุลาคมพ.ศ. 2537) • อินเทอร์เน็ตเอกซ์พลอเรอร์ (สิงหาคม พ.ศ. 2538) • โอเปร่า (พ.ศ. 2539) • ซาฟารี (7 มกราคมพ.ศ. 2546) • มอซิลลา ไฟร์ฟอกซ์ (9 พฤศจิกายนพ.ศ. 2547) • กูเกิล โครม (2 กันยายนพ.ศ. 2551)

4. พัฒนาการของ Browser • 2534 – WorldWideWebคิดค้นโดย Sir Tim Berners-Lee ถูกออกแบบมาสำหรับ แพลตฟอร์ม NeXTSTEP • Word Wild Web หากเขียนเว้นวรรคแบบนี้หมายถึง www • WordWildWebเขียนติดกันแบบนี้จะหมายถึงชื่อของเว็บบราวเซอร์ตัวแรกของโลก

5. โมเสก (Mosaic) • 1992 – โมเสก (Mosaic) ของศูนย์วิจัยเอ็นซีเอสเอ (NCSA) • เป็นเว็บเบราว์เซอร์ และโพรโทคอล สำหรับ FTP Usenet และ Gopher คิดค้นขึ้นโดยนักวิจัยจากศูนย์วิจัยที่ มหาวิทยาลัยอิลลินอยส์ เออร์แบนา-แชมเปญจน์ โดยโมเสกเป็นเว็บเบราว์เซอร์ลักษณะกราฟิกส์ที่เป็นที่นิยมตัวแรกของโลกซึ่งยังคงเป็นต้นแบบของเว็บเบราว์เซอร์ในปัจจุบัน

6. โมเสก (Mosaic) ต่อ • Mosaic เป็นต้นกำเนิดของ 2 บราวเซอร์ผู้ยิ่งใหญ่อันได้แก่ Internet Explorer และ Netscape (Netscape ก็จะเป็นผู้ให้กำเนิด Mozilla Firefox อีกที) • หลายแฟลตฟอร์ม เช่น  Apple Macintosh, Microsoft Window และ  Acorn Archimedes เป็นต้น

8. NetscapeNavigator • 1994 - นักพัฒนา Mosaic ออกมาทำ NetscapeNavigator ซึ่งเป็นเว็บบราวเซอร์ที่มีการพัฒนาต่อยอดมาจาก Mosaic • 1995 - MS license Mosaic มาทำ IE1.0ในช่วงเวลานี้ I.E ยังสู้ Netscape ไม่ได้ทั้งในแง่ของประสิทธิภาพ และส่วนแบ่งการตลาด • 1997 - IE4 เริ่มทำได้สูสีกับ Netscape

9. 1998 - MS ชนะสงครามภาคแรก Netscape โอเพนซอร์ส Mozilla แล้วถูกซื้อ โดย AOL • 2001 - MS ออก IE เวอร์ชั่นสุดท้าย • 2004 - IE มีปัญหา security หนัก(ไม่ปลอดภัย ไม่เสถียร ไม่เร็ว) , Mozilla ออก Firefox 1.0 จุดเด่นของมันคือ เร็ว เสถียร ปลอดภัย มี Plug-in มากมาย และใช้งานได้หลายแฟล็ตฟอร์ม • 2005 - ผู้ใช้และองค์กรเริ่มเปลี่ยนไปใช้ Firefox ส่วนแบ่ง IE ตกเพราะปัญหา malware http://www.vmodtech.com/webboard/index.php?topic=5114.0;wap2

10. มัลแวร์ (Malware) • ย่อมาจาก "Malicious Software" ซึ่งหมายถึง โปรแกรมคอมพิวเตอร์ทุกชนิดที่มีจุดประสงค์ร้ายต่อคอมพิวเตอร์และเครือข่าย ที่บุกรุกเข้าไปติดอยู่ในระบบคอมพิวเตอร์โดยไม่ได้รับความยินยอมจากผู้ใช้ และสร้างความเสียหายให้กับระบบคอมพิวเตอร์นั้นๆ และถ้ามีโอกาสก็สามารถแทรกเข้าไประบาดในระบบคอมพิวเตอร์เครื่องอื่นๆ ซึ่งอาจเกิดจากการนำเอาดิสก์ที่ติดไวรัสจากเครื่องหนึ่งไปใช้อีกเครื่องหนึ่ง หรืออาจผ่านระบบเครือข่าย หรือระบบสื่อสารข้อมูล ไวรัสก็อาจแพร่ระบาดได้เช่นกัน หรือเป็นคำที่ใช้เรียกโปรแกรมที่มีจุดประสงค์ร้ายต่อ ระบบคอมพิวเตอร์ทุกชนิดแบบรวมๆ นั่นเอง โปรแกรมพวกนี้ก็เช่น Virus, Worm, Trojan, Adware, Spyware, Keylogger, hack tool, dialer, phishing, toolbar, BHO, Joke, etc

11. แสดงส่วนการตลาดของ Browser

13. Major innovations in IE7 • Key areas of focus: • Makes everyday tasks easier • Dynamic security protection • Improved platform and manageability

14. IE7 – New Look

15. Tabbed Browsing

16. Tabbed Browsing An easier way to switch between websites • Whether you're searching the web, comparing prices, • or just staying on top of your favorite topic, • Internet Explorer 7 lets you view • many different websites at one time • all within one organized window. The new tabs in Internet Explorer 7 make it easy to browse multiple websites

17. Quick Tabs How do I open Quick Tabs? Click the Quick Tabs button to the left of the row of tabs. The Quick Tabs button is only displayed when you have more than one webpage open.

18. Page Zoom After Before

19. To try out Page Zoom features: 1. Open Internet Explorer and browse to a web page. 2. Click the arrow located at the bottom right of the Status bar to show the Zoom options. 3. Click 150%. 4. Repeat and click 200%. 5. Use the scroll bars to navigate the page.

20. Shrink-To-Fit PrintingWeb Pages Automatically Formatted To Print Properly

21. Inline Search

22. Browsers Readers Apps Websites RSS (Rich Site Summary) Feed PlatformAutomatic Delivery Of Personalized Information Windows Supports RSS Feeds in Three Ways • Discover, subscribe & read as you browse • Update all feeds with a single click • Provides Common Feed List and FeedStore to enable any application to easily support RSS • Enables new scenarios via Simple List Extensions, giving RSS feeds the power to do more

23. RSS Feed Reader

24. Fix My Settings แก้ไขการตั้งค่าของฉัน

25. Fix My Settings

26. Security Internet Explorer 7 helps keep your information safe by alerting you to potential phishing sites

30. ความเป็นมาของ Mozilla Firefox

31. ความเป็นมาของ Mozilla Firefox (ต่อ) Mozilla คือ ชื่อของมูลนิธิ Mozilla ซึ่งก่อตั้งขึ้นในเดือนกรกฏาคม 2546 ซึ่งทาง Mozilla ได้รับความร่วมมือจาก Netscape ซึ่งเป็นบริษัทลูกของ American Online ที่ถูกซื้อหลังจากเกือบล้มละลาย ซึ่งทาง Mozilla เป็นองค์กรอิสระที่ไม่หวังผลกำไรทางการค้า และ Mozilla เป็นโครงการซอฟต์แวร์ระบบเปิด หรือ open source software project

32. ความเป็นมาของ Mozilla Firefox (ต่อ) Mozilla เป็นเว็บเบราเซอร์ที่ได้รับความนิยมบนลินุกซ์และกำลังพยายามเข้าสู่ตลาดเดิมที่ Netscape เคยรุ่งเรืองคือ Windows นั่นเอง ซึ่งทาง Mozilla.org ได้เปลี่ยนแนวการพัฒนาเว็บเบราเซอร์ จากเดิมที่ Mozilla เป็นโปรแกรมชุด (Mozilla suite) ซึ่งมีเบราเซอร์, โปรแกรมอีเมล์, โปรแกรม IRC,โปรแกรมป้องกัน Pop-up และโปรแกรมแก้ไขเว็บเพจ รวมมาอยู่ในชุดเดียวกัน ทำให้มีขนาดใหญ่ กลายมาเป็นโปรแกรมย่อยแต่ละตัวแยกกันชัดเจนในนามว่า Mozilla Phoenix

33. ความเป็นมาของ Mozilla Firefox (ต่อ) แต่กลับมีปัญหากับบริษัทชื่อ Phoenix จึงเปลี่ยนมาเป็นชื่อ Mozilla Firebird ซึ่งก็ยังไปซ้ำกับโครงการฐานข้อมูลโอเพ่นซอร์สอีกโครงการที่ชื่อว่า Firebird SQL ทำให้ทางทีม Firebird SQL ออกมาประท้วงในเรื่องชื่อที่คล้ายกันอย่างมากมาย และแล้ว Mozilla.org ก็ต้องยอมเปลี่ยนชื่อเป็นครั้งที่สาม มีชื่อว่า Mozilla Firefox

34. มีอะไรน่าสนใจใน Firefox ? • Popup Blocking • Tabbed Browsing • Smarter Search • Privacy and Security • Hassle-Free Downloading • Fits Like a Glove • Unlimited Font • A Developer's Best Friend

35. FireFox 1.5 • ใช้ Gecko 1.8 engine ในการพัฒนา Web Browser ซึ่งมีความปลอดภัยสูง และมีเสถียรภาพสูง • สามารถ update ตัวเองโดยอัตโนมัติ • ท่องไปในเบราเซอร์ได้เร็วขึ้น • การจัดอันดับ Tab ที่สามารถทำการลากจัดอันดับ Tab โดยการลากหัวข้อ Tab ที่วางไว้อันดับที่เราต้องการ หรือนำไปเก็บไว้เป็น Bookmark ได้ • ปรับแต่งระบบ Block Pop-up ให้มีความสามารถ และเสถียรภาพมากขึ้น • ระบบลบข้อมูลส่วนตัวต่าง ๆ อัตโนมัติ (Private Data )

36. FireFox 1.5 (ต่อ) • ทำการปรับแต่งลักษณะ Menu ต่าง ๆ ในส่วนของ Option ใหม่ให้ใช้งานง่ายขึ้น • สนับสนุน Mac OS X (10.2 และสูงกว่า) • สนับสนุน Web Standards ต่าง ๆ มากมาย เช่น  • HTML และ XHTML • JavaScript • CSS • XML • PNG • SVG

37. System Requirements System Requirements ที่ทาง Mozilla แนะนำ • Windows • Linux • Mac

38. System Requirements-Windows • Operating Systems • Windows 98 • Windows 98SE • Windows ME • Windows NT 4.0 • Windows 2000 • Windows XP (Recommended) • Windows Vista

39. System Requirements-Windows (ต่อ) • Minimum Hardware • Pentium 233 MHz (Recommended: Pentium 500MHz or greater) • 64 MB RAM (Recommended: 128 MB RAM or greater) • 52 MB hard drive space

40. ส่วนต่อขยาย (Extensions) คืออะไร? extensions ก็เสมือน options ที่เราสามารถเลือกมาติดตั้งเพิ่มเติม options เหล่านี้ เราสามารถโหลดมาติดตั้งได้ฟรีไม่มีจำกัด และก็มีให้เลือกสรรได้กว่าร้อย extensions

41. Adblock All-in-one gestures Allow Right click Bookmarks Synchronizer 0.9.6 BugMeNot Context Search Gmail Notifier GooglePreview Sage Spiderzilla Translate ตัวอย่าง extensions

42. ข้อดีของ Firefox • ดาวน์โหลดมาติดตั้งใช้งานได้ฟรี • ขนาดไฟล์ติดตั้งเล็ก (4.7 MB) • ปลอดภัยและเสถียร (ไม่ค่อยล่ม) • แก้ไขจุดบกพร่องรวดเร็ว • Cross platform สนับสนุนระบบการใช้งานหลายอย่างทั้ง Windows, MacOS, Linux • สามารถปรับเปลี่ยนหน้าตาและการใช้งานได้ตามความถนัดของผู้ใช้ด้วยหลากหลาย themes, extensions

43. ปัญหาการตัดคำภาษาไทย • ภาษาไทยเป็นภาษาที่ไม่ใช้ช่องว่างแบ่งระหว่างคำ ดังนั้นจึงมีปัญหามาก • Firefox รุ่นที่เปิดให้ดาวน์โหลดกันปกตินั้น ไม่ได้เปิดคุณสมบัติตัดคำมาให้ด้วยเพราะว่าต้องแนบพจนานุกรมคำศัพท์ภาษาไทยที่ขนาดใหญ่เข้าไปด้วย ซึ่งขัดกับนโยบายของ Firefox ที่จะลดขนาดให้มากที่สุด • ดังนั้นถ้าอยากได้ Firefox รุ่นตัดคำภาษาไทย ก็จำเป็นต้องดาวน์โหลด Firefox รุ่นพิเศษที่นักพัฒนาชาวไทยแจกกันเอง

44. Firefox VS IE

45. Firefox • ใช้ layout engine เป็น Gecko • มีขนาดเล็ก, เร็ว และปลอดภัยกว่า IE • มี feature หลากหลาย • หน้าเว็บที่เขียนไม่ถูกต้องตามมาตรฐานจะเปิดดูไม่ได้

46. IE • ใช้ layout engine เป็น Trident • ไทรเดนต์ (Trident หรือ MSHTML) เป็นชื่อของตัววาดหน้าเว็บ (layout engine) สำหรับเว็บเบราว์เซอร์Internet Explorer • มีปัญหาเรื่องความปลอดภัย • โปรแกรมฝังมากับโปรแกรมวินโดวส์

47. Layout Engine • มี 4 ตัวที่เป็นที่นิยมใช้โดยทั่วไป • Trident - เป็นชื่อของตัววาดหน้าเว็บ (layout engine) สำหรับเว็บเบราว์เซอร์Internet Explorer • Gecko -เป็นตัววาดหน้าเว็บ (layout engine) แบบโอเพนซอร์ส ซึ่งใช้ในโปรแกรมอินเทอร์เน็ตของมอซิลลาทุกตัว รวมถึงเว็บเบราว์เซอร์มอซิลลา ไฟร์ฟอกซ์ และเบราว์เซอร์อื่น ๆ เดิมพัฒนาโดยบริษัทเน็ตสเคป คอมมูนิเคชันส์ ปัจจุบันอยู่ในความดูแลของมูลนิธิมอซิลลา • Presto -ถูกใช้ใน โอเปร่านินเทนโดดีเอสนินเทนโดวีโนเกีย 770 • HTML/WebCore -เป็นเฟรมเวิร์กในลักษณะโอเพนซอร์ซที่เริ่มพัฒนาโดยบริษัทแอปเปิล

48. Layout Engine (ต่อ) • มี 4 ตัวที่เป็นที่นิยมใช้โดยทั่วไป • Trident - IE, Maxthon, MyIE2, etc. • Gecko - Firefox, K-Meleon, Epiphany, etc. • Presto - Opera • KHTML/WebCore - Konqueror, Apple Safari, etc.

49. Gecko • ใช้ใน Firefox, Thunderbird, Mozilla Suite, Netscape, K-Meleon (Windows), Epiphany (Linux) และอีกจำนวนมาก • โอเพนซอร์ส • ทำงานตามมาตรฐานได้มากที่สุด • HTML, XML, XHTML, CSS, ECMAScript (JavaScript), DOM,MathML, SVG, DTD, XSL และ XPath • มีในเกือบทุกแพลตฟอร์ม • เป็นเบราว์เซอร์ดีฟอลต์บนลีนุกซ์ส่วนใหญ่

50. Trident • ใช้ใน IE6 และโปรแกรมที่ใช้ MSHTML engine เช่น Windows Explorer, Outlook/Express, และพวก IE Shell อย่าง Maxthon, MyIE2 • มีผู้ใช้มากที่สุดกว่า 80%-90% • มีปัญหามากทั้งเรื่อง standard และ security • IE7 จะแก้ปัญหาหลายอย่าง • แต่จะทำให้หน้าที่เขียนเฉพาะสำหรับ IE6 บางหน้ามีปัญหา • เพราะ IE7 ทำงานตรงตามมาตรฐานมากขึ้น