บล็อกที่มีเนื้อหาเน้นทางด้านเทคโนโลยีสารสนเทศ
การล้าง การเคลียร์ การจัดเรียง ย่อมทำให้เครื่องเร็วขึ้น
เมื่อ 23 มี.ค.65 เริ่มปรับ /web2 และ /pwa เป็นรุ่น 8.2 มีการปรับที่สำคัญ คือ การทำให้ webpage สามารถแสดงผลเหมือนเป็น mobile app ซึ่งการใช้งาน เริ่มจากเปิด webpage ผ่าน browser บน mobile แล้วเลือก “เพิ่มไปที่ , หน้าจอหน้าแรก” จะมี icon ปรากฎบน mobile ถือเป็นการติดตั้งเรียบร้อยแล้ว ต่อจากนั้น เมื่อเริ่มใช้งาน เราสามารถคลิ๊ก icon บน mobile จะมีหน้าตาเหมือน application แต่ระบบข้างหลัง คือ browser เช่นเดิม
โจทย์นี้ เคยมีเพื่อนต้องการให้แสดง webpage แบบ full screen บน browser ซึ่งมีกรณีศึกษาที่ดำเนินการเทียบเคียงได้กับหนังสืออีเล็กทรอนิกส์ Peter rabbit ทำให้ผมนึกถึงการทำงานของ PWA ที่เคยแกะโค้ดไว้เมื่อปี 2560 แต่เป็นคุณสมบัติการทำ Full screen ที่แตกต่างกัน แล้วเห็นว่าความสามารถของ PWA นี้น่าสนใจ จึงเริ่มต้นนำร่องปรับใช้กับ 2 โฮมเพจนี้ ซึ่งการใช้งานก็เพิ่มโค้ดไปเพียง 2 tag ในบรรทัดที่ 6 คือ 1) กำหนดค่ารายการในแฟ้ม manifest ที่ต้องปรับสำหรับแต่ละหน้า และ 2) เรียกสคลิ๊ป material.min.js ซึ่งเป็นองค์ประกอบสำหรับการออกแบบที่เรียกใช้ค่าจากแฟ้ม manifest
ผมมีเพื่อนสายเดฟ ที่เราทำงานคล้ายกันมาก วันหนึ่งเค้าส่งคำถามเข้ามาทางไลน์ เรื่อง java script และ ebook มีความเป็นมา คือ ต้องการสร้างแคตตาล็อกสินค้า ที่คลิ๊กเลือกสินค้าในแคตตาล็อกได้ พบว่า การทำงานใน desktop ส่งข้อมูลได้ปกติ แต่เมื่อใช้งานใน mobile กลับไม่ตอบสนอง สรุปคือ บน mobile ไม่มีการส่งข้อมูลออกไป ให้กับ server-sided script เพื่อนำไปประมวลผลต่อ
ปัญหา คือ คลิ๊กรายการแล้ว
แต่ไม่มีการตอบสนองจากภายในแคตตาล็อก
เข้าไปตรวจ java script พบว่า
ถ้าไม่เรียกใช้ e.preventDefault(); และ e.stopPropagation();
ก็จะทำงานบน Mobile ได้เหมือนกับทำงานบน Desktop
ไม่มีการปิดการทำงานของ mouse click แต่อย่างใด
ที่เล่ามานี้กำลังพูดถึง ipages flipbook
ที่มีรุ่นทำงานบน WordPress และ JQuery Plugin
ซึ่งนำโค้ดไปใช้งาน
บน http://www.thaiall.com/e-book/
ทดสอบ code กับหนังสือหลายเล่ม ทั้งของเพื่อนที่ฝากแก้โค้ด ของ Peter rabbit แต่งโดย Beatrix Potter ที่เป็น demo ของผู้พัฒนาโค้ด แล้วมาจบที่ eduzones magazine ฉบับพิเศษ (special issue) เล่มนี้มี 32 หน้า ผมเคย scan ไว้นานแล้ว ความละเอียดประมาณ 900px * 1200px ซึ่งไม่ใหญ่ และไม่เล็กเกินไป พออ่านออก พบว่า code ทำงานได้รวดเร็ว ต่างกับ flash version ที่เคยเป็นระบบเดิมของ ebook ที่เคยทำไว้เมื่อสิบกว่าปีที่แล้ว แต่ก็ต้องลมไปทั้งระบบ และ code ชุดนี้ถือว่าน่าสนใจ เพราะสามารถทำงานร่วมกับโค้ดภายนอกได้โดยง่าย และ code ก็เป็น open source ที่อ่านง่าย ไม่ยาวเกินไป
ข้อมูล magazine.eduzones.com ใน archive.org
การเรียนการสอนในห้องเรียนจักรวาลนฤมิตอาจเป็นจริงในเร็ว ๆ นี้
พบว่า ในงาน MWC 2016 นั้น Mark Zuckerberg ได้แสดงให้เห็นชัดเจนว่า “VR is the Next Platform” เป็นภาพที่ถูกตั้งคำถามว่า “นี่เปรียบเสมือนมโนภาพอนาคตของเรา” (allegory = การสมมติ) ผู้ร่วมประชุมได้ใช้อุปกรณ์ Gear VR แบบสวมหัว เข้าสู่โลกเสมือนจริง (22 ก.พ.2016) ซึ่ง Facebook ได้ซื้อ Oculus (25 มี.ค.2014) ผู้นำเทคโนโลยี VR มูลค่าประมาณ 2 พันล้านเหรียญสหรัฐฯ พัฒนาต่อยอดเป็น Metaverse ให้ทุกคนเข้าไปใช้ชีวิตกันในโลกเสมือนจริงได้ใกล้กว่าที่เคย คำว่า ห้องเรียนจักรวาลนฤมิต คือ การจัดการเรียนการสอนที่ห้องเรียนจะมีสภาพแวดล้อมของโลกเสมือนจริง
ห้องประชุมจักรวาลนฤมิต
https://www.blognone.com/node/78174
https://www.cbsnews.com/news/mark-zuckerberg-vr-virtual-reality-headset-photo/
https://www.theverge.com/2016/2/22/11087890/mark-zuckerberg-mwc-picture-future-samsung
วลีที่ได้ยินบ่อยจนชินหู
“ภาพหนึ่งภาพแทนคำนับพัน”
“A picture is worth a thousand words.”
[ความเป็นมานั้น]
เหตุเกิดจาก วันหนึ่ง
ช่วงจวนเจียนจะสอบกลางภาคแล้ว
ก็ต้องออกข้อสอบ และสร้างแบบสอบ
รอบนี้สร้างแบบสอบออนไลน์ผ่าน google form
เพราะระบบนี้มี function มากมายที่รองรับความต้องการ
ผู้เข้าสอบต้องเขียนบนกระดาษ ถ่ายภาพ และปรับแสง
แล้วอัพโหลดขึ้นมาตามระบบ ด้วยชื่อแฟ้มที่เป็นระเบียบ
ระบบจะสำรองกระดาษคำตอบหลายชั้น
จากการทดสอบใช้งานมา 3 รอบ
พบว่าใช้งานได้ดีไม่มีปัญหา สำหรับผู้ที่เข้าซ้อมสอบ
[และแล้วก็พบปัญหา]
คาดไม่ถึง สตั้นไปแป๊ปนึง
เพราะมีเพื่อนที่ต้องการจะ defend ข้อสอบ
ผมก็ส่งข้อมูลลิงค์แบบสอบ google form ให้
เพื่อนบอกว่า “เปิดไม่ได้”
ผมก็ตกใจ อึ้งไปแป๊ปนึง
เพราะทำแบบนี้ทุกปี
คือ นำแบบสอบเดิม มาเลือก Make a copy
เปลี่ยนโจทย์ และชื่อแฟ้ม แล้วสร้าง Shorten URL
จากนั้นก็เขียนโพสต์ชี้แจง พร้อมแนบ link
https://www.thaiall.com/google/form.htm
[ตรวจสอบข้อความแจ้งเตือน]
พบว่า Shorten URL ที่สร้างไว้ ไม่เคยถูกเรียกใช้
ซึ่งแบบฟอร์มนี้ เป็นแบบรับแฟ้มที่อัพโหลด upload
แต่ไม่เคยสร้าง Folder สำหรับแฟ้มคำตอบไว้
จึงต้องคลิ๊ก Resume collecting responses
แปลว่า “ขอเริ่มต้นการรวบรวมการตอบแบบฟอร์ม”
[ปัญหานี้ไม่น่ากลัว]
ถ้าผู้สร้างแบบสอบ คือ owner หรือ editor เป็นคนพบ
ก็เพียงแต่คลิ๊กเพื่อเปิดการใช้ นั่นคือ วิธีแก้ปัญหา
แต่สำหรับผู้เข้าทำแบบสอบ
จะต้องแจ้งให้ ผู้สร้างแบบสอบ เป็นคนแก้ไข
เพราะลำพังสิทธิ์ของผู้เข้าสอบ จะไม่สามารถดำเนินการได้
ที่เล่ามา คือ การอธิบายภาพนี้ครับ .. ok นะ
ข่าว 8 ธ.ค. 2564 สำนักงานนวัตกรรมแห่งชาติ (องค์การมหาชน) หรือ NIA เผยข้อมูลจากการจัดอันดับดัชนีระบบนิเวศทางสตาร์ทอัพโลก ประจำปี 2564 (Global Startup Ecosystem Index 2021) ซึ่งเว็บไซต์ StartupBlink ศูนย์กลางข้อมูลด้านระบบนิเวศนวัตกรรมทั่วโลกได้มีการ จัดอับดับ 100 ประเทศ และ 1,000 เมือง ที่มีระบบนิเวศทางสตาร์ทอัพที่ดีที่สุดของโลก
พบว่า กรุงเทพฯ คว้าอันดับ 71 เมืองที่เอื้อต่อการทำสตาร์ทอัพจาก 1,000 เมืองทั่วโลก
ส่วนเชียงใหม่อันดับ 397 ภูเก็ตอันดับที่ 442 และพัทยาอันดับที่ 833 เป็นจังหวัดแจ้งเกิดสตาร์ทอัพระดับโกลบอล
Ranking Methodology (For Top Ecosystems)
– Overall Ranking (The overall global ecosystem ranking is a weighted average of the following factor scores:)
ปัจจัยหลักในการประเมินของเว็บไซต์ StartupBlink.com มีดังนี้
WordPress มี Site icon ในหัวข้อ Site Identity ให้เลือก upload ภาพประจำไซต์ฺได้ ซึ่งบล็อกนี้เลือกใช้ Twenty Sixteen สามารถกำหนดภาพได้
ประกอบกับช่วงนี้เตรียมตัวอย่างชุดภาพที่วาดด้วย Vector โดยเลือกวาดตัวเองอย่างง่าย สวมเสื้อหลากสี ด้วย Powerpoint แล้วส่งออกเป็น png เพื่อนำไปช้งาน ซึ่งภาพใน Powerpoint กำหนด slide ไว้ 6 ซม * 6 ซม จะุได้ภาพส่งออกเป็น 227px * 227 px โดย 37.83 = 1 ซม. ดังนั้นภาพ 10 ซม. * 10 ซม. ก็จะได้ขนาด 378px * 387px ภาพนี้ชื่อ face_01 เป็น vector ถือเป็นเซตแรกที่ได้วาดภาพคน ไม่ได้สวยใส่ หล่อเหล่า จมูกโด่ง คางแหลม ๆ แต่ผมก็ชอบในแบบของผม จึงเลือกมาเป็น site icon ของบล็อกนี้ ขนาดต้นฉบับที่ส่งออกจาก powerpoint มีขนาด 227px แต่ wordpress ต้องการ 512px จึงใช้ irfanview ทำการ resize เป็น 512 px แล้วจึงอัพโหลดเข้าไปในบล็อก
ใน #ห้องเรียนแห่งอนาคต
เด็ก ๆ ที่มีแหล่งเผยแพร่ของตนเอง
จะตรวจสอบได้ว่า เครือข่ายที่เชื่อมโยงไว้เสียหายหรือไม่
ใช้บริการฟรี คลิ๊กไม่กี่ทีก็ตรวจสอบได้แล้ว
เมื่อแก้ไขสำเร็จเสร็จสิ้นลง
ก็จะมีความสุขที่ลิงค์ฟื้นคืนชีพขึ้นมาใหม่
และแชร์เรื่องราวในแบบที่ตนเองสนใจต่อไป
ที่ 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 หรือ บางลิงค์ต้องเข้าซ้ำจึงจะเข้าได้ อาจเป็นเพราะเครื่องบริการตอบสนองช้าเกินกำหนด จึงไม่ทันใจก็เป็นได้
มีอยู่วันหนึ่ง กำลังอัพเกรดระบบไปหลายเรื่อง
พอใกล้จะเสร็จ เตรียมไปนอนหลับพักผ่อน
ได้สังเกตหน้าเว็บเพจอย่างตั้งใจกว่าเดิม
ชำเรืองไปเห็น ปัญหาเข้าให้
พบ ภาพแตก อยู่ที่มุมล่างซ้าย
เปิดภาพดู พบ 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 เว็บไซต์
ทั้ง โรงเรียน มหาวิทยาลัย อบต. กระทรวง ไปจนถึงกองทัพ
ซึ่งภาพแตกที่มุมล่างซ้ายนี่
ถ้ามองข้ามไป แล้วใช้บริการเก็บสถิติของเค้าก็ทำได้
แต่ถ้ากังวลด้วยเหตุผลต่าง ๆ
ก็เพียงแต่หยุดใช้บริการของเค้า
เพียงเท่านี้ภาพแตกก็จะหายไป
สำหรับผม ยังใช้บริการในไซต์หลักของผมต่อไป
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 ตามที่ต้องการแล้ว
