Category: Web, Program, OS

Website development,
Web application,
Windows application,
Operating System,
Android Studio

ตรวจสอบความผิดพลาดในเว็บเพจใด ๆ หรือทั้งไซต์ก็ได้

ใน #ห้องเรียนแห่งอนาคต
เด็ก ๆ ที่มีแหล่งเผยแพร่ของตนเอง
จะตรวจสอบได้ว่า เครือข่ายที่เชื่อมโยงไว้เสียหายหรือไม่
ใช้บริการฟรี คลิ๊กไม่กี่ทีก็ตรวจสอบได้แล้ว
เมื่อแก้ไขสำเร็จเสร็จสิ้นลง
ก็จะมีความสุขที่ลิงค์ฟื้นคืนชีพขึ้นมาใหม่
และแชร์เรื่องราวในแบบที่ตนเองสนใจต่อไป

http://www.thaiall.com/web2/

ที่ deadlink . com มีบริการตรวจสอบ dead link ของทั้งเว็บไซต์ (whole website) หรือเฉพาะเว็บเพจหน้าหนึ่ง (​single webpage) ถ้าลิงค์ใดที่ร้องขอไปแล้ว ตอบกลับด้วยรหัส 404 แสดงว่าไม่พบเว็บเพจที่ร้องขอ จากนั้นจะเป็นหน้าที่ของผู้พัฒนาเว็บเพจ ที่ต้องเปลี่ยน หรือลบลิงค์นั้นออกจากเว็บเพจ

เมื่อ 8 กุมภาพันธ์ 2565 มีโอกาสนำโฮมเพจ KM มาปัดฝุ่นในส่วนของ dead link โดยเข้าไปใช้บริการตรวจลิงค์เสียหาย แล้วพบจำนวนลิงค์ที่ไม่เสีย 250 รายการ แต่อีก 13 เสียหาย จึงเข้าตรวจสอบและซ่อมแซมทีละลิงค์ ซึ่งความเสียหายที่พบมี 5 ประเภท คือ File Not found , Server Not found , Fobidden , Internal Server Error และ Timeout เมื่อตรวจในรายละเอียด พบว่า ผู้ให้บริการเปลี่ยนเป็น https หรือ บางลิงค์ต้องเข้าซ้ำจึงจะเข้าได้ อาจเป็นเพราะเครื่องบริการตอบสนองช้าเกินกำหนด จึงไม่ทันใจก็เป็นได้

พบภาพแตกที่มุมล่างซ้าย และไม่ใช่ภาพของเรา

simpli.fi

มีอยู่วันหนึ่ง กำลังอัพเกรดระบบไปหลายเรื่อง
พอใกล้จะเสร็จ เตรียมไปนอนหลับพักผ่อน
ได้สังเกตหน้าเว็บเพจอย่างตั้งใจกว่าเดิม
ชำเรืองไปเห็น ปัญหาเข้าให้
พบ ภาพแตก อยู่ที่มุมล่างซ้าย
เปิดภาพดู พบ url ที่ไม่ใช่ของเรา
เอา url ไปค้น พบคำแนะนำว่าเป็น ผู้ร้าย
แนะวิธีการจัดการมาสารพัดเครื่องมือ
ผมเข้าด้วย regedit และ clear ทุกอย่างแล้ว
แต่ภาพแตกก็ไม่หายไปจาก browser
ระหว่างค้นก็แอบสงสัยว่า
ทำไมคนพบปัญหานี้ไม่มากอย่างที่ควร และเก่ามาก
ส่วนวิธีแก้ไขก็ใช้การไม่ได้ ดังที่เค้าเล่ามา
สุดท้าย ยอมแพ้ไปในยกที่หนึ่ง เพราะดึกมากแล้ว

https://www.thaiall.com/web2/umsimpli5.htm

พอไปนอกพัก
นอนไม่หลับ หยิบโทรศัพท์มาเปิดดูหน้าเจ้าปัญหา
พบว่า บนอุปกรณ์ของเราก็พบภาพแตกเช่นกัน
แสดงว่าไม่ใช่ข้อบกพร่อง
ที่ browser หรือเครื่องในบ้านแล้ว
คงเป็นที่ โค้ดของเรา หรือ เครื่องโฮสมีปัญหา
จึงไปส่อง code ในเว็บเพจหน้าหนึ่ง
ค่อย ๆ แกะออกทีละส่วน
ผมแบ่งเป็น 5 ส่วน
สุดท้ายก็พบว่า มาจาก histats.com นั่นเอง
ใจชื่นขึ้น เพราะไม่น่ากังวลแบบที่คาดไว้

สรุปว่า เราไปใช้บริการของเค้าฟรี
ใช้พื้นที่เก็บข้อมูล ใช้ระบบของเค้าเยอะเลย
เค้าก็ส่งอะไรบางอย่างที่เราคาดไม่ถึง
เชื่อมไป 2 ไซต์ที่เราไม่รู้จัก คือ umsimplifi กับ lijitcom
ซึ่งเป็นบริการเกี่ยวกับ
adding value to your business’ marketing efforts
ที่อ่านมาจาก confectionio

เมื่อไปค้นดูสถิติ
พบเพื่อนคนไทยใช้บริการมากกว่า 2000 เว็บไซต์
ทั้ง โรงเรียน มหาวิทยาลัย อบต. กระทรวง ไปจนถึงกองทัพ
ซึ่งภาพแตกที่มุมล่างซ้ายนี่
ถ้ามองข้ามไป แล้วใช้บริการเก็บสถิติของเค้าก็ทำได้
แต่ถ้ากังวลด้วยเหตุผลต่าง ๆ
ก็เพียงแต่หยุดใช้บริการของเค้า
เพียงเท่านี้ภาพแตกก็จะหายไป
สำหรับผม ยังใช้บริการในไซต์หลักของผมต่อไป

เปลี่ยน php version ใน apache handlers

apache handlers

20220202 วันนี้มีเรื่องเล่า กรณีปัญหาจาก thainame . net ที่เกิดขึ้นเมื่อหลายวันก่อน คือ wordpress บน hosting ของผมตัวหนึ่ง down ไปพักหนึ่ง เพราะมีการย้ายเครื่องบริการ ตามแผน Maintainance ของผู้ให้บริการที่ผมไปเช่าเค้าอยู่ ซึ่งเข้าใจในสิ่งที่เค้าต้องทำ ต่อมามีโอกาสเข้าไปตรวจสอบเพื่อแก้ไข ได้ควานหาปัญหาจาก code ของ wordpress ว่าปัญหาเกิดจากจุดใดอยู่พักหนึ่ง หาว่าทำไมเปิด blog ขึ้นมาแล้ว ถึง redirect ไป url ที่มีชื่อ host ที่ผมไม่ได้กำหนดขึ้นมาแทนที่ ปัญหาอยู่ตรงที่ ระบบบล็อกรีไดเร็คไปยังที่อยู่ใหม่ที่ผิดพลาด ต่อมา พบตำแหน่งใน code จึงรู้ต้นเหตุว่าในระบบฐานข้อมูล ในตาราง options พบระเบียนที่เก็บข้อมูล WordPress Address (URL) และ Site Address (URL) มีค่าเปลี่ยนไป จึงใช้ phpmyadmin เข้าไปเปลี่ยนกลับให้ถูกต้อง ก็พบว่า blog กลับมาใช้งานได้ปกติ

แล้วตัวผมเองก็มีความต้องการใหม่ขึ้นมา คือ อยากอัพเกรด theme ใหม่ แต่ระบบเตือนว่ารุ่นของ php เป็น 5.6 ซึ่งเก่าแล้ว เมื่อเข้าไปเปลี่ยนเป็น php 7.4 ผ่าน php selector ใน cpanel ซึ่งเป็นตัวเลือกสูงสุดที่มีให้ใช้งานได้ แต่ถ้าจะใช้ php 8.1 ต้องเข้า upgrade แบบเสียค่าใช้จ่าย ผลการเปลี่ยนแปลงใน cpanel ไม่พบปัญหา และใน control panel แสดงเป็น 7.4 ตามที่เปลี่ยนไป แต่ปัญหาอยู่ตรงที่ เปลี่ยนเป็น 7.4 แล้วแต่ phpinfo ยังแสดง php 5.6 อยู่ นั่นหมายความว่า ผมเขียน code ด้วย php และทำงานได้ แต่ตัวแปลภาษายังเป็นรุ่น 5.6 เช่นเดิม นั่งทำใจค้นข้อมูลอยู่เกือบสัปดาห์หนึ่ง มีคนบ่นใน community ของผู้ให้บริการเหมือนผม แต่ไม่มีคำตอบที่น่าพึงพอใจ แล้ววันหนึ่งตอนที่สมองโล่งหน่อย ก็เข้าไปตรวจใน apache handlers เพียงไม่นาน พบว่า เรากำหนดได้ว่าสกุล php จะใช้ application ใด แล้วผมก็เปลี่ยนจาก 5.6 เป็น 7.4 ณ ตำแหน่งนี้ สรุปว่า ตรวจสอบด้วย phpinfo และเขียน code php พบว่าทำงานด้วย 7.4 ตามที่ต้องการแล้ว

site address

รู้เวลา ตรงเวลา ตั้งเวลา

Date and Time

เวลาถือเป็นทรัพยากรที่มีค่า
และเป็นสิ่งที่ทุกคนมีเท่ากัน
ดังนั้นการรู้เวลา ตรงเวลา ตั้งเวลา
จึงควรเป็นทักษะที่จำเป็น เพื่อใช้เวลาให้คุ้มค่า
รู้ว่าเวลาไหน ควรทำอะไร ไม่ควรทำอะไร
ตรงเวลา ไม่ช้า ไม่เร็ว พอดีตามเหตุตามผล
ตั้งเวลา คือ กำหนดฤกษ์ยาม จะได้ไม่ผลัดวัน
สำหรับระบบปฏิบัติการวินโดว์
มีการตั้งเวลาไว้ในเครื่องคอมพิวเตอร์
และเชื่อมโยงกับเครื่องบริการเวลา
ถ้าเชื่อมต่ออินเทอร์เน็ตแล้ว แม้ battery จะหมด
เมื่อเปิดเครื่องคอมพิวเตอร์ขึ้นมาใหม่
ก็จะสอบถามเวลาจากเครื่องบริการเวลา
แล้วปรับปรุงให้ถูกต้องอัตโนมัติ (Synchronization)
สอดคล้องกับ time zone ที่กำหนดไว้

โดยปกติแล้ว
ที่มุมขวาของ task bar มีเวลาปรากฎอยู่
สามารถตั้งค่าได้ด้วยการคลิ๊กบนเวลาที่ปรากฎ
พบ Change date and time settings แล้วคลิ๊ก
พบ “Date and Time” window
แล้วคลิ๊ก “Internet Time” tab
แล้วคลิ๊ก “Change settings…”
ถ้าเวลาไม่ Synchronize อัตโนมัติ ให้คลิ๊ก Update now

การสร้างแบบฟอร์มที่มี Text Form Field ไว้ใช้งาน

Text field forms

เมนูบาร์ (Menu bar) ของโปรแกรม MS Word ในบางเครื่องอาจไม่มี Tab : นักพัฒนา (Developer) ถ้าผู้ใช้ต้องการใช้งาน Tab นี้ ก็จะเป็นต้องเข้าไปเพิ่มแท็บด้วยตนเอง ซึ่งการเพิ่ม Tab นั้น ทำเพียงครั้งเดียว แล้วก็จะอยู่เช่นนั้น จนกว่าจะ Remove ออก

สำหรับการ Add Tab ใหม่ มีขั้นตอนดังนี้

  1. คลิ๊ก File, Option, Customize Ribbon พบ 2 หน้าต่าง คือ Choose commands From: และ Customize the Ribbon:
  2. เลือก All Commands ในช่อง Choose commands From:
  3. เลื่อนลงไปหาตัวเลือก Developer
  4. คลิ๊กเลือก Developer แล้วคลิ๊ก Add >> ที่อยู่ตรงกลางระหว่าง 2 รายการ
  5. คลิ๊ก Ok ที่มุมล่างขวา
    ซึ่งแท็บ Developer มีตัวเลือกมากมายให้เลือกดำเนินการ เช่น Visual Basic , Macros, Add-Ins , Controls, XML, Protect และ Templates

ผู้ใช้ที่ต้องการสร้างแบบฟอร์มที่มี Text Form Field ใน Legacy Forms เพื่อเป็นฟอร์มแบบ Fixed ช่องให้กรอกแบบตายตัว (Fixed format หรือ Restrict Form) เช่น แบบสอบที่เติมคำในช่องว่าง ฟอร์มสมัครงาน ฟอร์มทางการเงิน ฟอร์มบันทึกในหน่วยงาน ที่ไม่เปิดให้แก้ไข และนำไปใช้งานในระบบจัดการฐานข้อมูลได้ โดยผู้พัฒนาโปรแกรมจะเขียนโปรแกรมมาอ่านข้อมูลจากแบบฟอร์ม และแยกข้อมูลออกไปทำการประมวลผล และบันทึกเข้าระบบฐานข้อมูลได้

วิธีการสร้างฟอร์มแบบตายตัวนี้ มีขั้นตอนดังนี้

  1. พิมพ์ข้อมูลเป็นแบบฟอร์มตามปกติ อาจเป็นตาราง หรือย่อหน้าก็ได้
  2. ย้ายตำแหน่ง cursor ไปยังตำแหน่งที่ต้องการเพิ่มช่องกรอกข้อมูล
  3. เลือก Developer, Legacy Tools, Text Form Field เท่านี้ก็จะเพิ่มแล้วหนึ่งช่อง
  4. เพิ่มช่อง Text Form Field ให้ครบตามที่ต้องการ
  5. ตรวจว่าไม่อยู่ใน Design Mode แล้วไปคลิ๊ก Restrict Editing
  6. เลือก Check Formatting Restrictions
  7. เลือก Editing Restrictions, Filling in forms
  8. คลิ๊ก Yes Start Enforcing Protection
  9. กรอกรหัสผ่าน หรือไม่กรอกก็ได้ เพื่อจำกัดการเข้าถึงส่วนอื่น
  10. แฟ้มเอกสารนี้จะไม่สามารถเข้าถึงส่วนอื่นที่ไม่ใช่ Text Form Field
  11. เมื่อส่งให้ผู้ใช้ นักเรียน หรือพนักงาน กรอกข้อมูลจนครบ และ Save ตามปกติ
  12. ส่งแฟ้มกลับมาให้ผู้สร้างฟอร์มเพื่อนำข้อมูลมาประมวลผลต่อไป

สำหรับ script ภาษา php ที่ใช้อ่านแฟ้ม word เพื่อนำไปใช้กับระบบฐานข้อมูล มีตัวอย่างที่ทดสอบแล้วใน ต.ย.74 อ่าน .docx เป็น text และได้เตรียมตัวอย่างไว้ 3 แฟ้ม 1) แฟ้มเอกสารที่ไม่มีข้อมูล 2) แฟ้มเอกสารที่มีคำว่าสวัสดี และ 3) สคริปต์อ่านแฟ้มเอกสารมาใช้งาน

http://www.thaiall.com/office/word.htm

Popup ด้วย popover และ popper

popup คือ ลักษณะของฟังก์ชันที่ทำหน้าที่แสดงกล่องข้อความ หรือฟองคำพูด
ปรากฎขึ้นในหน้าเว็บ เพื่อแสดงการโต้ตอบ หรือเสนอข้อมูลแก่ผู้ใช้
ซึ่งทดสอบใช้ java script library ของ 3 library
คือ popover ของ bootstrap, popper และ tooltips
น้อง ๆ ที่สนใจการ coding ลองเข้า google แล้วสืบค้น
หาข้อมูลได้ครับ แล้วตั้งคำถามให้ตนเอง 1) ว่าจะเขียนโค้ดเล่าเรื่องอะไร
2) จะสั่งป๊อปอัพข้อความอะไร และ 3) เลือกเทคนิคใด
การเขียนโปรแกรมสำหรับผู้เริ่มต้น แนะนำให้เรียกใช้โค้ดจาก CDN
เพราะไม่ต้องติดตั้ง และไม่ต้องหาเครื่องบริการ จึงทดสอบใช้งานในเครื่องของตนเองได้
ซึ่งมีตัวอย่างการใช้งาน popover
ที่ http://www.thaiall.com/kmed

popper


มีตัวอย่างสั้น ๆ ของ popover และ popper ให้ลองนำไปใช้ครับ
https://www.thaiall.com/java/popper.htm
https://www.thaiall.com/java/popover.htm

popover

วาง ข้อความที่ไม่จัดรูปแบบ ใน word

ปัญหาที่พบวันนี้ มีเพื่อนเปิดแฟ้มเอกสาร 2 แฟ้ม แล้วต้องการคัดลอกข้อมูลจากต่างแฟ้มกัน ซึ่งแฟ้มหนึ่งมีบุคคลที่สามส่งมาให้ เมื่อคัดลอกข้อมูลจากในแฟ้มที่ได้รับมา แล้วนำไปแต่งในเอกสารที่มีอยู่ แล้วจะสั่ง Print หรือแม้แต่การบันทึกเป็น PDF พบปัญหาว่า โปรแกรมปิดตัวเองไปเฉย ๆ จากการตรวจสอบและทดสอบ พบว่า โปรแกรมที่ใช้อยู่เป็น Word 2013 และคาดว่าแฟ้มเอกสารที่ได้รับมาเป็น Word 2019 ทำให้การคัดลอกข้อมูลที่มาพร้อมกับรูปแบบที่ Word 2013 ไม่รู้จัก ทำให้มีปัญหาในการสั่งพิมพ์ แต่ปัญหานี้แก้ไขได้ ด้วยการสั่งวาง ข้อความที่ไม่จัดรูปแบบ (Paste text without formatting) หลังจากนั้นก็จัดรูปแบบใหม่ เพียงเท่านี้ก็แก้ปัญหาได้ แต่มีอีกคำแนะนำหนึ่ง คือ ติดตั้ง Word 2019 หรือ Office 365 ในเครื่องของเรา เพื่อรับการวางข้อความและรูปแบบจาก Word รุ่นเก่าไปยัง Word รุ่นใหม่ที่เรามี ก็จะไม่พบปัญหาความเข้ากันไม่ได้อีก

https://www.thaiall.com/office/word.htm

การสร้าง plugin สำหรับ wordpress

3 ต.ค.64 มีโอกาสค้นข้อมูลเรื่อง การสร้าง plugin สำหรับ wordpress พบรายละเอียดเขียนดีมาก ทำตามได้เลย ที่ borntodev.com จึงได้ทำตามขั้นตอน แล้วผมก็ได้ plugin มาใช้งาน ซึ่งโปรแกรม plugin ตัวนี้มีชื่อว่า BMI Calculator เพื่อคำนวณดัชนีมวลกายจากน้ำหนัก และส่วนสูง มีขั้นตอน 13 ขั้นที่ได้บันทึกไว้ ดังนี้ 1) ติดตั้ง xampp บน localhost 2) ติดตั้ง wordpress 3) ทดสอบใช้งาน http://localhost/wordpress 4) สร้าง folder ชื่อ test-plugin ใน htdocs/wordpress/wp-content/plugins 5) สร้างแฟ้ม test-plugin.php ใน folder ที่สร้างขึ้น โดยกำหนดให้เป็น utf8 6) เข้า http://localhost/wordpress/wp-admin เพื่อจัดการ 7) เข้า Plugins จาก left menu พบ BMI Calculator ตามแฟ้มและโฟรเดอร์ที่สร้างขึ้น 8) คลิ๊ก Activate 9) เรียกใช้ด้วยการสร้าง Post ใหม่ 10) สร้าง Block และ Search หา Object ที่จะใช้ ให้พิมพ์ Shortcut [/] 11) ในช่อง Write shortcode here… ให้พิมพ์ [GenBmiCal] 12) คลิ๊ก Preview หรือ Publish 13) พบ textbox ตามที่กำหนดใน php code และประมวลผลได้ปกติ

https://www.borntodev.com/2020/04/19/%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99-plug-in-%E0%B8%9A%E0%B8%99-wordpress/

/**
* Plugin Name: BMI Calculator
* Description: BMI Calculator To Content
*/
function BmiCalculator() { return ‘BMI Calculator’; }
add_shortcode(‘GenBmiCal’, ‘BmiCalculator’);
// https://www.thaiall.com/perlphpasp/source.pl?key=9152

วาดภาพแบบ vector หรือ raster

นิยาม ภาพแบบ vector graphic
คือ ภาพที่สร้างแต่ละส่วนเป็นอิสระจากกัน แยกแต่ละวัตถุออกเป็นแต่ละชิ้น (object-oriented graphics) เรียกว่า ภาพแบบ resolution independent โดยแยกเป็นเส้นตรง รูปทรง ส่วนโค้ง ที่อ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือคำนวณตำแหน่งเพื่อสร้างภาพ ด้วยวัตถุวงกลม สี่เหลี่ยม เส้นตรง ลูกบาศก์ ย่อขยายได้ โดยสัดส่วนและลักษณะภาพยังเหมือนเดิม เหมาะกับงานออกแบบ หรืองานลายเส้น (line art)

นิยาม ภาพแบบ raster หรือ bitmap graphic
คือ ภาพที่ประกอบด้วยจุดสี แต่ละจุดเก็บค่าสีที่เจาะจงในแต่ละตำแหน่ง เรียกว่า ภาพแบบ resolution dependent ที่มีจำนวนจุดคงที่ตายตัว ตามความละเอียดของแต่ละภาพ เหมาะกับภาพที่ต้องการให้เฉดสี แสง และเงาที่ละเอียด เมื่ออ่านภาพไปแสดงผลบนจอแสดงภาพ จะแสดงผลได้ทันที ภาพลักษณะนี้มักเป็นภาพวาดระบายสี ภาพที่มีสีจำนวนมาก ภาพจากเว็บแคม หรือกล้องถ่ายภาพดิจิทัล (digital camera)

หลักสูตรสาธารณสุขศาสตร์


https://www.facebook.com/NTUnationuniversity/photos/pcb.4303390919737960/4303379706405748/

สรุปสร้างข้อสอบฉบับย่อ รุ่น 641 อัตนัยทั้งหมด

Folder ใน Google drive

  1. เข้า forms.google.com
  2. คลิ๊ก “+ Blank form” เพื่อสร้างข้อสอบ
  3. เปลี่ยน Untitled form เป็น 641_test100_M01
  4. เปลี่ยน Form description เป็นคำถาม เช่น แมวต่างกับสุนัขอย่างไร
    และโปรดส่งแฟ้มคำตอบที่ถูกเปลี่ยนชื่อแล้ว เช่น 64xxx-test100-M01.jpg
    และเขียนรหัส ชื่อสกุลที่มุมบนขวาของกระดาษคำตอบทุกแผ่น
  5. เปลี่ยนคำถามจาก Multiple choice เป็น File upload
  6. เปลี่ยน Untitled Question เป็น ข้อที่ 1
  7. กำหนด Allow only specific file types = Image
  8. กำหนด Maximum number of files = 1
  9. กำหนด Maximum file size = 10MB
  10. กำหนด Required = Yes
  11. หัวข้อ Settings
  • General, Collect emails = checked
  • General, Restrict to users in [organization] = unchecked
  • General, Limit to 1 response = unchecked
  • General Maximum size of all files uploaded = 10GB (1GB)
  • Presentation, Show link to submit another response = unchecked
  • Save
  1. Send, Link, Shorten URL, Copy,
  2. คลิก … เลือก Make a copy
  3. พบข้อใหม่ต้องคลิ๊ก Restore folder เพื่อสร้าง folder
  4. ในคำถามก็คลิ๊ก Restore folder เพื่อสร้าง folder
  5. ถ้าเสร็จสิ้นคลิ๊ก icon กลับเข้า Google Forms

    http://www.thaiall.com/google/form.htm