เทคโนโลยีสำหรับผู้พัฒนา - Developer

     เว็บเบราว์เซอร์ (Web Browser) คือ โปรแกรมที่ใช้สำหรับการแสดงผลการทำงานของเว็บที่สร้างด้วย ภาษาเฉพาะ เช่น HTML CSS หรือ Javascript เป็นต้น ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่ จัดเก็บในเว็บเพจเพื่อตอบสนองความต้องการของตนเองได้ ผู้ใช้งานต้องเชื่อมต่อไปยังเว็บเซิร์ฟเวอร์เพื่อร้องขอ เว็บไซต์มาแสดงผลยังเว็บเบราว์เซอร์ และ การร้องขอเว็บไซต์จากเว็บเซิร์ฟเวอร์จะติดต่อกันโดยใช้ HTTP โปร- โตคอล ตัวอย่างโปรแกรมเว็บเบราว์เซอร์เช่น Google Chrome, FireFox, Opera, Microsoft Edge เป็นต้น      เว็บเซิร์ฟเวอร์ (Web Server) คือ คอมพิวเตอร์ที่คอยให้บริการผู้ใช้งาน โดยจะเก็บรวมรวมไฟล์และ คำสั่งต่างๆ ที่มีนามสกุล เช่น .html, .css หรือ .js เป็นต้น ไฟล์ดังกล่าวจะถูกตอบสนองกลับไปแสดงผลที่เว็บ เบราว์เซอร์      API Server ทำหน้าที่ จัดการควบคุมการใช้งานข้อมูลของผู้ใช้งาน การควบคุมผู้ใช้งานในระดับที่แตก ต่างกัน เช่น ผู้ใช้งานทั่วไป กับ ผู้ใช้งานที่มีสิทธิเป็นผู้ดูแลระบบ มีสิทธิ์การเข้าถึงข้อมูลที่แตกต่างกัน กรณีที่ใช้ งานระบบร่วมกับผู้อื่น และ เป็นต...

      infographics คือการออกแบบโดยการใช้ภาพนิ่ง, ภาพเคลื่อนไหวหรือสัญลักษณ์แทนข้อความหรือข้อมูลต่างๆ ที่ต้องการจะสื่อความหมายถึงข้อความหรือข้อมูลนั้นโดยภาพนิ่ง, ภาพเคลื่อนไหวหรือสัญลักษณ์ที่ใช้แทนจะมีรูปแบบที่ผู้อ่านสามารถเข้าใจได้อย่างรวดเร็วและชัดเจน โดยไม่ต้องมีผู้นำเสนอมาช่วยขยายความอีก       infographics มาจากคำว่า information + graphics การนำเสนอข้อมูลแบบ infographics จะนำเสนอข้อมูลที่เข้าใจยาก ข้อมูลที่ตัวอักษรเยอะๆ ในรูปแบบสร้างสรรค์เข้าใจได้ง่าย เช่น ภาพ ลายเส้น แผนภูมิ แผนที่ ฯลฯ สามารถสื่อข้อมูลนั้นออกมาได้อย่างชัดเจน มีองค์ประกอบที่สำคัญ        ตัวอย่างการนำเสนอข้อมูลแบบ infographics http://www.alychidesigns.com/30-templates-and-vector-kits-to-design-your-own-infographic กระบวกการออกแบบดีไซน์ infographics โดย Hyperakt's Josh Smith  1. รวบรวมข้อมูล รวบรวมข้อมูลทุกอย่างเกี่ยวกับสิ่งที่จะนำเสนอโดยข้อมูลที่ดีควรเป็นข้อมูลดิบจากต้นฉบับและควรเก็บรวบรวมลิ้งค์ข้อมูลไว้ด้วย 2. การอ่านข้อมูลทั้งหมด การออกแบบอ...

     ในหลายๆครั้งเรามักจะออกแบบโดยใช้ความรู้สึกส่วนตัวของเราโดยมักจะมุ่งไปที่ ทำอย่างไรให้ได้ตามผลลัพธ์ที่เราตั้งไว้ ต้องมีลูกเล่นที่ตื่นตาตื่นใจ ต้องมีเครื่องมือที่ทันสมัยต่าง ๆ ซึึ่งเราอาจจะละเลยสิ่งที่สำคัญที่สุดของระบบเรา นั่นก็คือ ผู้ใช้งาน      User Center Design ( UCD ) คือ กระบวนการที่จะออกแบบส่วนต่างๆของระบบ เช่น การออกแบบ UI ของหน้าเว็บไซต์ โดยมีมุมมองที่ว่า ทำอย่างไรให้ผู้ใช้สามารถ เข้าใจ และ ใช้ได้ในทันที นอกจากนี้เราสามารถออกแบบระบบให้ส่งเสริมความต้องการของผู้ใช้งานโดยดูจาก สิ่งที่เกี่ยวข้องกับงานของผู้ใช้งาน โดยกระบวนการดังกล่าวจะทำให้งานของเรามีประสิทธิภาพมากขึ้น และ เป็นมิตรกับผู้ใช้งานมากขึ้นทำให้ผู้ใช้งานอยากเข้ามาใช้งาน งานของเรามากยิ่งขึ้น      User Experience Design ( UXD ) คือ การศึกษาความต้องการของผู้ใช้งานในระบบ ทำให้ทราบว่าผู้ใช้งานต้องการอะไร ชอบแบบไหน โดยวิธีการต่างๆเช่น การสังเกตพฤติกรรมและการตอบสนองของผู้ใช้งานโดยต้องเกี่ยวข้องกับระบบที่เรากำลังออกแบบอยู่นั้นเอง การที่เราเข้าใจผู้ใช้งานนั้นจะช่วยให้เราสร้างส่ว...

ชีวิตดีขึ้นเมื่อรู้จักกับ Just in Time System หรือ JIT     หากคุณเป็นหนึ่งในคนที่มีปัญหาการแบ่งเวลาทำงานไม่ถูก งานเยอะเกินไปทำไม่ทันมาลองทำความเข้าใจกับระบบ Just in Time System กันเถอะ Just in Time System      คือ ระบบการส่งมอบวัตถุดิบ สินค้า หรือบริการที่ผู้ใช้ต้องการ ในเวลาที่ต้องการ และตรงตามจำนวนที่ต้องการจะใช้ โดยใช้ความต้องการของผู้ใช้เป็นสิ่งกำหนดปริมาณวัตถุดิบ สินค้า หรือบริการ      พูดง่าย ๆ ก็คือ ทำอย่างพอดี ๆ ไม่มากเกินไป และ ไม่น้อยเกินไปนั้นเองครับ      วัตถุประสงค์หลัก ๆ ของ Just in Time ต้องการควบคุมวัสดุคงคลังให้อยู่ในระดับที่น้อยที่สุดหรือเท่ากับศูนย์ ( Zero Inventory ) ต้องการลดเวลานำหรือระยะเวลารอคอยในกระบวนการผลิตให้น้อยที่สุดหรือเท่ากับศูนย์ ( Zero Lead Time ) ต้องการขจัดปัญหาของเสียที่เกิดขึ้นจากกาารผลิตให้เป็นศูนย์ ( Zero Failures ) ต้องการขจัดความสูญเปล่าในการผลิต การผลิตมากเกินไป : ชิ้นส่วนและสินค้าถูกผลิตมากเกินความต้องการ การรอคอย : การติดขัดด้านข้อมูล หรือการรอวัสดุอุปกรณ์ที่ใช้ในา...

มาเริ่มต้นรู้จักกับ HTML กันเถอะ       ในบทความที่แล้วผมได้พูดถึงเนื้อหาความเป็นมาต่างๆของ HTML และก็เริ่มต้นใช้ HTML เบื้องต้นไปแล้ว ใครที่พลาดสามารถย้อนกลับไปดูเนื้อหาก่อนหน้าได้นะครับ ในบทความครั้งนี้ราจะมาดู Tag และ Element ต่างๆใน HTML กัน ไปต่อกันเลยครับ      ทบทวนนะครับ Tag และ Element ต่างกันยังไง ?  Element ก็คือ Tag นั่นแหละครับแต่จะเป็น Tag ย่อยใน Tag หลัก อีกทีหนึ่ง เช่น  <html> // Tag html       <head> //Tag head เป็น Element ของ html        </head>       <body> //Tag body เป็น Element ของ html            <h1> Hello World </h1>   //Tag h1 เป็น Element ของ html        </body> </html>   แนะนำ Tag และ Element  ต่างๆที่ใช้กันบ่อยๆ     อันดับแรก <head> คือ tage ที่แสดงรายละเอียดส่วนหัวของเว็บ ภายใน tag <head> จะประกอบไปด้วย e...

มาเริ่มต้นรู้จักกับ HTML กันเถอะ       หลายคนอาจทราบหรือไม่ทราบว่า HTML นั้น ย่อมาจาก HyperText Markup Language ซึ่งเป็นภาษาหนึ่งที่ใช้ในการเขียนเว็บ แต่ในบทความนี้เราจะอธิบายเกี่ยวกับเรื่องราวต่าง ๆ ว่าเจ้า HTML เนี่ยมันมาจากไหนกันแน่นะ และบอกรายละเอียดเกีี่ยวกับ tag และ element ต่าง ๆ ของ HTML  แน่นอนคุณจะได้ลองเขียน HTML เพื่อเสริมความเข้าใจของคุณเกี่ยวกับการเขียนเว็บด้วย HTML มาเริ่มกันเลย About HTML       HTML เป็นต้นแบบแรก ๆ ที่ถูกสร้างโดย ทิม เบิร์นเนอร์-ลี ( Tin Berners-Lee ) ในปี ค.ศ. 1992 หรือ พศ 2535 เบิร์นเนอร์-ลีรู้สึกว่ามีความเป็นไปได้ที่จะเชื่อมต่อเอกสารต่าง ๆ เข้าด้วยกันโดยใช้ hypertext  ( ระบบซอฟต์แวร์ที่เชื่อมต่อหัวข้อต่าง ๆ บนหน้าจอกับข้อมูลหรือกราฟิกที่เกียวข้องซึ่งโดยทั่วไปจะเข้าถึงด้วยวิธีการชี้หรือคลิก หรือเรียกว่า hyperlinks  ) และแนวคิด HTML ก็ได้ถือกำเนิดขึ้น      ในสมัยก่อนเนื่องจากบริษัทที่ได้พัฒนา hypertext เช่น Zog และ Intermedia ได้กำหนดค่าให้ hypertext ที่บริษัทตนเองพัฒนาทำงานเข้ากับประเภ...

เทคโนโลยีการพัฒนาเว็บ Basic     Hypertext Transfer Protocol ( HTTP ) :   โปรโตคอลหรือคือมาตราฐานการติดต่อสื่อสารหนึ่งของคอมพิวเตอร์ ทำหน้าที่เป็นโปรโตคอลในการแลกเปลี่ยนข้อมูลระหว่างผู้ให้บริการและผู้ใช้บริการในเครือข่ายใยแมงมุม ที่เรารู้จักกันในชื่อ World Wide Web นั้นเอง นอกจากนี้ยังมีอีกหนึ่งโปรโตคอล คือ Hypertext Transfer Protocol over Secure Socket Layer   ( HTTPS )  ต่างจาก HTTP ตรงที่การส่งข้อมูลของ HTTPS จะส่งข้อมูลแบบ Cipher Text คือ ส่งข้อมูลที่มีการเข้ารหัส แต่ HTTP จะส่งข้อมูลแบบ Clear Text ทำให้ HTTPS นั้นมีึความปลอดภัยกว่า  HTTP นั้นเอง     HyperText Markup Language ( HTML ) : ภาษาที่ใช้สำหรับอธิบายและกำหนดเนื้อหาต่างๆ บนหน้าเว็บ หรือเป็นภาษาประเภท Markup Language จะพบในรูปแบบ Tag  โดยสิ่งที่เขียนจากภาษา HTMLจะกลายเป็น Element Object ที่ถูกอ้างอิงโดย DOM ( Document Object Model เกริ่นๆ ไว้ก่อน) นอกจาก HTML ยังมีภาษาอื่นที่เป็น Markup Language อีกเช่น XML, GML, SGML เป็นต้น รูปแบบไฟล์ .html     Cascadi...