P.Metee Blog

Indexed DB มาตรฐานการเก็บข้อมูลออฟไลน์ของ HTML5 ทุกวันนี้เราพูดถึง HTML5 กันมาก แต่แท้จริงแล้ว มาตรฐาน (ตามกระบวนการของ W3C) ยังไม่เสร็จแถม HTML5 ประกอบด้วยฟีเจอร์หลายส่วน เช่น <video>, <canvas>, web workers, geolocation ฯลฯ ฟีเจอร์การเก็บข้อมูลของเว็บแอพพลิเคชันแบบออฟไลน์ครับ หรือที่เรียกกันว่า Local Storage DOM Storage แนวคิดของการเก็บข้อมูลออฟไลน์นั้น มีรากเหง้ามาตั้งแต่คุกกี้ในเบราว์เซอร์ แต่ภายหลังเมื่อเว็บแอพพลิเคชันพัฒนาขึ้น ก็เกิดความต้องการเก็บข้อมูลที่มีความสามารถมากกว่าเดิม ก่อนหน้านี้สัก 2 - 3 ปี ก็มีความพยายามผลักดันวิธีเก็บข้อมูลที่เรียกว่า Web Storage หรือ DOM Storage หรือ LocalStorage (คนนิยมเรียก DOM Storage กันมากที่สุด แต่ตามมาตรฐานของ W3C เรียกว่า Web Storage) เว็บเบราว์เซอร์ในปัจจุบันทุกตัวรองรับ DOM Storage ตั้งแต่ Firefox 2 (Mozilla DOM Storage) และ Safari 4 นอกจากนี้ยังมี IE8 (MSDN Dom Storage), Chrome 4 และ Opera 10.50 หมายเหตุ  DOM Storage ใช้กับเว็บเพจ เว็บแอพพลิเคชันเท่านั้น เป็นคนละตัวกับ mozStorage ของ Firefox ที่ extens...

HTML5 & CSS3 HTML5 เรียกได้ว่าเป็นการรวมตัวกันระหว่าง HTML + CSS + JS เนื่องจากเทรนด์ของการทำเว็บในยุคนี้และ พ.ศ. หน้า นอกจากจะต้องสวยงามตามครรลองเมื่อแสดงผลในจอคอมพิวเตอร์ และโน้ตบุ๊กขนาดต่างๆ แล้วจะต้องรองรับการแสดงผลที่สวยงามบนทุก Platform ที่จะเกิดขึ้นได้ในอนาคตที่ไม่จำเป็นจะต้องเป็นอุปกรณ์หน้าจอสี่เหลี่ยมก็ยังได้ แต่ถ้าจะยกตัวอย่างที่เข้าใจง่ายก็คือเวลาเปิดเว็บบน iPad, Galaxy Tab ฯลฯ จะต้องแสดงผลได้ถูกต้องตามมาตรฐาน แต่เนื่องจากเทคนิคในการออกแบบเว็บไซต์เพื่อให้มีลูกเล่นหรูหราเฟี้ยวฟ้าวนั้น หลายๆ คนก็ยังนิยมใช้แฟลชในการออกแบบเว็บอยู่ ซึ่งแน่นอนมาเปิดบน iPad ก็แสดงผลไม่ได้ เพราะฉะนั้น คำตอบของการออกแบบเว็บให้เปิดได้สวยงามทุก Platform และมีลูกเล่นประกอบได้ตามต้องการ ก็คือต้องออกแบบเว็บโดยใช้ HTML5 และ CSS3 นั่นเองครับ ความสามารถใหม่ใน HTML5 Semantics  ฟีเจอร์นี้เปรียบเหมือนการหาจุดร่วมที่ดีไซน์เนอร์ และโปรแกรมเมอร์จะทำงานด้วยกันได้ราบรื่นขึ้น HTML5 จะสามารถตั้งชื่อ element ได้เลย (จากเดิมเราจะคุ้นว่าตรงนี้คือ div นะ ตรงนี้คือ span นะ แต่เราสามารถตั้งแท็ก ...

10 ภัยด้านความมั่นคงปลอดภัยไซเบอร์ประจำปี พ.ศ. 2557 Top Ten Cyber Security Threats for 2014      จากความเปลี่ยนแปลงเทคโนโลยีสื่อสารของโลกที่มีการพัฒนาอย่างก้าวกระโดดในปีที่ผ่านมา พบว่า  “The Nexus of Forces”  ของ Gartner เป็นกระแสที่มาแรง และกำลังได้รับความสนใจจากทั่วโลก โดย  S-M-C-I  ย่อมาจาก  Social - Mobile - Cloud - Information  อุบัติการณ์การมาบรรจบกัน (Convergence) ของกระแสความนิยมการใช้เครือข่ายสังคมออนไลน์ (Social Media) เช่น Facebook และ Twitter ร่วมกับการใช้สมารท์โฟน ตลอดจนความนิยมในการดาวน์โหลด  “Mobile App”  ในการติดต่อกันในลักษณะ Social Network เช่น LINE หรือ WhatsApp ตลอดจนการใช้งานระบบ Cloud ในการจัดเก็บข้อมูลทั้งส่วนตัวและข้อมูลขององค์กร เช่น การใช้ Free eMail : Hotmail, Gmail รวมถึงการใช้ Cloud - based Application ยอดนิยมต่างๆ เช่น iCloud และ Dropbox เป็นต้น หลายคนไม่ทราบว่าการจัดเก็บข้อมูล (Data) ในรูปแบบสารสนเทศ (Information) ในลักษณะการจัดเก็บแบบข้อมูลส่วนตัว (Personal Data) และกา...

หมายเลข Port คืออะไร ?      สำหรับโปรแกรมประยุกต์ (Application) ที่ใช้ TCP (Transmission Control Protocol) หรือ UDP (User Datagram Protocol) หมายเลข Port คือเลข 16 บิต เริ่มตั้งแต่ 0 ถึง 65535 หมายเลข Port แต่ละหมายเลขจะถูกกำหนดโดยเฉพาะจาก OS (Operating Systems) ทาง Internet Assigned Numbers Authority (IANA) จะเป็นหน่วยงานกลางในการประสานการเลือกใช้ Port ว่า Port หมายเลขใดควรเหมาะสำหรับ Service ใด เช่น เลือกใช้ TCP Port หมายเลข 23 กับ Service Telnet และเลือกใช้ UDP Port หมายเลข 69 สำหรับ Service Trivial File transfer Protocol (TFTP) เป็นต้น หมายเลข Port ถูกจัดแบ่งเป็น 2 ประเภทคือ Well known Ports Registered Ports Well known Ports คืออะไร ?      Well Known Ports คือจะเป็น Port ที่ระบบส่วนใหญ่กำหนดให้ใช้โดย Privileged User (ผู้ใช้ที่มีสิทธิพิเศษ) โดย Port เหล่านี้ ใช้สำหรับการติดต่อระหว่างเครื่องที่มีระบบเวลาที่ยาวนาน วัตถุประสงค์ เพื่อให้ Service แก่ผู้ใช้ (ที่ไม่รู้จักหรือคุ้นเคย) แปลกหน้า จึงจำเป็นต้องกำหนด Port ติดต่อสำหรับ Servi...