บุรินทร์ รุจจนพันธุ์ – Page 30

การสั่งแสดงตัวอักษร ก ใน CP874 บน Webpage

มีโอกาสนั่งคุยกับนักศึกษา
เรื่องตัวเลข ฐานสิบ ฐานสิบหก และตาราง ASCII
พบตาราง Character Set ของคนไทย คือ Windows-874 หรือ TIS-620
หากจะแสดงเว็บเพจภาษาไทย
มักใช้ <meta http-equiv=”content-type” content=”text/html;charset=windows-874″ />
หรือ <meta charset=”tis-620″ />
แล้วสั่งแสดงตัวอักษร ก ด้วย ก หรือพิมพ์ตรง ๆ ก็ได้
หากใช้ตัวเลข ก็แสดงว่า 3585 คือ ก
ซึ่งเป็นเลขสำหรับตัวอักษรภาษาไทยตัวแรก ในระบบ Unicode
แล้วพบว่าไม่สามารถแสดงด้วย ¡ หรือ ¡
เพราะ Browser ไม่ได้รองรับ
อักษรพิเศษอื่น ๆ ที่ชวนมอง และมี Entity Name

อาทิ
& = Ampersand
# = Number sign
# = Hashtag sign
# = Sharp sign

โฮมเพจที่น่าสนใจ
http://www.w3schools.com/charsets/ref_utf_symbols.asp
http://www.rakjung.com/facebook-no163.html
http://www.thailibrary.in.th/2014/02/13/char-set/
https://en.wikipedia.org/wiki/Code_page

keyword ยอดนิยม บันทึกโดย truehits.net พบคำว่า บอล

คำว่า ฟุตบอล เกี่ยวข้องกับคนไทย และชาวโลกเยอะ
เห็นข่าวเป็นประจำ
มีโอกาสเข้าไปดูสถิติ (Statistics) ที่บันทึกโดย truehits.net
ในส่วนของคำสำคัญ (Keywords)
ที่แสดงไว้ 7 วันย้อนหลัง แต่ละวันแสดงไว้ 30 คำ
พบคำว่า บอล เยอะที่สุด
สะท้อนว่าคนไทยสนใจเรื่องอะไร แล้วก็ค้นหาด้วย keyword
จากข้อมูลวันที่ 1 ก.พ.2560 พบว่า ระบบบันทึกจำนวนการค้นหา
ไว้ทั้งหมด 20,070,567 ครั้ง
แล้วมีคำสำคัญที่ใช้ค้นหามากถึง 276,694 คำ
ซึ่ง truehits.net นับและจัดอันดับคำสำคัญ
นำสรุปแบบจัดเรียงแบบ Descending
บางวัน top keyword มีใช้มากกว่า 38,000 ครั้ง

[ผล keyword 2017-01-29]
1. บ้านผลบอล 35867
2. ผลบอลสด 22867
3. บอลวันนี้ 12346
4. ผลบอล 12108
5. ตารางบอล 11156
http://directory.truehits.net/keyword.php

Truehits.net มีการแสดงเส้นแนวโน้ม
การค้นด้วย keyword แต่ละเว็บไซต์
ว่าเข้าเว็บไซต์มาด้วย keyword ใด เป็นจำนวนมาก
http://truehits.net/trend/hot.php?p=1

คะแนนมาตรฐาน หรือค่า T ที่ปรากฎในผลสอบวิชาสามัญ 9 วิชา

[คำถาม]
มีคำถามว่า คะแนนมาตรฐาน หรือค่า Ti
ที่ปรากฎใน “รายงานผลการทดสอบ”
วิชาสามัญ 9 วิชา ประจำปีการศึกษา 2560
บอกอะไรกับนักเรียนในแต่ละวิชา
จากการประกาศผลสอบ
ของสถาบันทดสอบทางการศึกษาแห่งชาติ

[ความหมายของคะแนนมาตรฐาน]
ถ้าคะแนนเต็ม 100 คะแนน
สอบได้ 68 คะแนน
แต่คะแนน 68 ไม่ได้เทียบกับอะไร หรือกับใคร
จึงเรียกว่าคะแนนของนักเรียนที่ทำได้
เพื่อแสดงการเปรียบเทียบกับผู้อื่น
เค้าจึงคำนวณ “คะแนนมาตรฐาน” ขึ้นมา
ซึ่งเป็นผลจากการเทียบกับผู้เข้าสอบทั้งหมด
โดยเทียบว่าเต็ม 100 ได้ประมาณเท่าไร เมื่อเทียบกับผู้เข้าสอบทั้งหมด

[สรุปว่า]
– คะแนนมาตรฐานเกินกว่า 50 แสดงว่า ผ่าน เมื่อเทียบกับผู้เข้าสอบทั้งหมด
– คะแนนมาตรฐานต่ำกว่า 50 แสดงว่า ตก เมื่อเทียบกับผู้เข้าสอบทั้งหมด

เค้าถึงเรียกคะแนนมาตรฐาน เพราะเป็นคะแนนที่เทียบกับกับผู้เข้าสอบทั้งหมด
การตก แปลว่า คะแนนคุณต่ำกว่าคะแนนมาตรฐาน (Standard Score)
การผ่าน แปลว่า คะแนนคุณสูงกว่าคะแนนมาตรฐาน (Standard Score)

[คะแนนมาตรฐาน (Ti) คำนวณอย่างไร]
วิธีคำนวณต้องใช้ตัวเลข 3 ค่า
1. คะแนนที่สอบได้ (Xi) เช่น 68 คะแนนจาก 100 คะแนน
2. ค่าเฉลี่ยทั้งประเทศ (X-bar) เช่น 58.19
3. ค่าการกระจาย (S.D.) เช่น 13.52

[สมการ]
Zi = (Xi – X-bar) / S.D.
Zi ค่านี้บอกว่าห่างจากค่ามาตรฐานไปเท่าใด
Ti = 50 + (10 * Zi)
ค่า Ti คือ คะแนนมาตรฐาน จะเทียบกับ 50

[ตัวอย่าง]
Zi = (68 – 58.19) / 13.52 = 0.725
Ti = 50 + (10 * 0.725) = 57.25

[คะแนนมาตรฐาน (Ti) คำนวณอย่างไร]
จากภาพคำนวณให้เฉพาะ “วิชาภาษาไทย”
นักเรียนคนนี้ได้คะแนนมาตรฐาน 57.25 หรือ 57.26 เมื่อปัดเศษ
แสดงว่า ผ่าน เมื่อเทียบกับนักเรียนทั้งประเทศ
คำถาม คือ แล้ววิชาอื่นที่มี A, B, C, D, E, F
จะได้คะแนนมาตรฐานเป็นเท่าใด และผ่านวิชาใดบ้าง

นั่งอ่านหนังสือ ระบบปฏิบัติการ ของ รศ.ดร.กฤษดา ขันกสิกรรม

นั่งอ่านหนังสือ ระบบปฏิบัติการ (Operating system)
ของ รศ.ดร.กฤษดา ขันกสิกรรม
พบว่า บทที่ 1 ของท่านน่าสนใจ
พูดถึง “ระบบคอมพิวเตอร์” ในยุคต่าง ๆ
แล้วท้ายบทก็มีแบบฝึกหัด ผมได้ลองทำแล้ว
และพลิกไปมาระหว่างแบบฝึกหัด กับเนื้อหา
อ่านไปเพลิน ๆ วันรุ่นเรียกว่า “อ่านวนไป”
อ่านเสร็จก็มานั่งทำโฮมเพจ ทำ fieldset
ที่ชื่อว่า “ถาม – ตอบ”
เรียบเรียงทั้งส่วนของ multiple choice กับ right and wrong
มาทำเป็นถามตอบสั้น ๆ ไว้พูดคุยกับนักศึกษาของผม
http://www.thaiall.com/os/os01.htm
แล้วถ้ามีโอกาสก็คงหยิบถามตอบไปทำระบบสอบออนไลน์
เข้าชุด Ten Test Center
ที่ http://www.thaiall.com/quiz/test10.php
เพราะระบบสอบออนไลน์นี้ ผมอัพเกรดให้แจกใบรับรองไปเรียบร้อยแล้ว

แล้วโฮมเพจหน้าหนึ่งของผมก็ได้ 100/100 จาก pagespeed ของ google.com

เล่าสู่กันฟัง
เคยมีเพื่อนสนใจเรื่อง “การประเมินเว็บเพจให้ทำงานเร็ว และดีกับผู้ใช้”
เพราะถ้าข้อมูลมหาศาลแล้ว ก็มีประเด็นสำคัญ 2 เรื่องใหญ่ที่ต้องใส่ใจ
ความเร็ว (Speed Rules) คือ ปัญหาในการให้บริการ
การใช้งาน (Usability Rules) คือ หน้าตาเว็บเพจสำหรับผู้ใช้
บริการของ Pagespeed จาก google.com
เป็นตัวเลือกหนึ่ง ที่มีเกณฑ์การประเมินชัดเจน
การได้ 100/100 คือ อะไรที่น่าสนใจ
วันนี้ลองอีกตั้งหนึ่ง ปรับแก้ให้ผ่านเกณฑ์จนได้ (หลังจากไม่เคยถึงเลย)
แล้วก็ผ่านครับ กับเว็บเพจหน้าแรกของผม คือ ศูนย์สอบออนไลน์
http://www.thaiall.com/quiz/index.html

สรุปว่า เมื่อ 22 ม.ค.60 ได้ปรับเว็บเพจ index.html ใน /quiz
ซึ่งเป็นหน้า welcome page ของศูนย์สอบออนไลน์ และเป็นการปรับใหญ่ที่มีคุณสมบัติต่าง ๆ
ต้อนรัปปี 2560 ดังนี้

1) เป็น Responsive Web Design
2) ผ่านเกณฑ์ Pagespeed ของ Google
3) ปรับรูปแบบ และเพิ่มเนื้อหาพาไปยังโฮมเพจที่สำคัญ

การผ่านเกณฑ์ของ Pagespeed มีข้อดี คือ
เว็บเพจของเราจะถูกโหลดอย่างรวดเร็วโดยผู้ใช้
และแสดงผลอย่างเหมาะสม
ทั้งบน mobile device และ desktop computer
ส่วนการเป็น Responsive Web Design
ทำให้การพัฒนา Application บน Google play store กับ App store ของ Google
สามารถทำ Redirect ไปยัง webpage ได้ทันที โดยไม่ต้องปรับแต่งเพิ่มเติม
เห็นแอพหลายตัวที่ทำขึ้นมาง่าย ๆ โดยเชื่อมกับเว็บไซต์โดยตรง
http://www.thaiall.com/web2

[Speed Rules]
Avoid landing page redirects
Enable compression
Improve server response time
Leverage browser caching
Minify resources
Optimize images
Optimize CSS Delivery
Prioritize visible content
Remove render-blocking JavaScript
Use asynchronous scripts

[Usability Rules]
Avoid plugins
Configure the viewport
Size content to viewport
Size tap targets appropriately
Use legible font sizes

แผนภาพบอกสัดส่วนชัดเลย มีหญิงไทยมากกว่าชายในไทย ดังนั้นชายเลือกได้มากกว่าหญิง .. จริงหรา

ที่เว็บไซต์ คนไทย.com มี Thailand Gateway มีข้อมูลทำให้เรารู้ว่าประเทศไทย มีคนไทยกี่คน วันนี้สนใจเรื่องการนำเสนอข้อมูลตัวเลข (Number) โดยใช้แผนภาพ (Diagram หรือ Chart) จะใช้ Google chart ทำ Pie chart เทียบหญิงกับชาย ว่ามีจำนวนเพศละกี่คน จากข้อมูลใน khonthai.com
พบว่า ประกาศสำนักทะเบียนกลาง
เรื่อง จำนวนราษฎรทั่วราชอาณาจักร ตามหลักฐานการทะเบียนราษฎร
ณ วันที่ 31 ธันวาคม 2558

คนที่มีสัญชาติไทย
มีชาย (Male) 31,865,175 คน
มีหญิง (Female) 33,064,910 คน
รวม 64,930,085 คน

http://www.thaiall.com/php/google_ajax_api_pie.htm

คนไทย.com มี Thailand Gateway มีข้อมูลทำให้เรารู้ว่าประเทศไทย มีคนไทยกี่คน

แล้วเมื่อเที่ยงของวันที่ 17 มกราคม 2560 นอกจากข้อมูลข้างต้น
ยังพบว่าเครื่องบริการข้อมูลของที่นี่ น่าจะใช้ Mysql
และใช้ภาษา PHP ที่รู้เพราะขณะโหลดข้อมูล
มีข้อความ Warning แจ้งให้ทราบ ว่าระบบฐานข้อมูลไม่ตอบตามปกติ
ก็เป็นกรณีศึกษาที่สามารถนำไปแบ่งปันในห้องเรียนได้
http://stat.bora.dopa.go.th/stat/y_stat58.htm

ใช้ javascript สั่ง print เว็บเพจออกทางเครื่องพิมพ์

เพื่อนต้องการสั่งพิมพ์ (print) ข้อมูลออกทางเครื่องพิมพ์
ไปทางกระดาษ A4 แต่ข้อมูลชุดเต็มมีจำนวนเขตข้อมูลมาก
จึงต้องตัดเขตข้อมูลที่ไม่ใช่สาระสำคัญออก
แล้วนำเสนอผ่านเว็บเพจใหม่อีกรอบ แทนข้อมูลชุดเต็ม

การนำออกกระดาษ A4 ก็ทำโดยเพิ่มปุ่ม print ทางเว็บเพจ
เมื่อกดปุ่ม print ก็จะสั่งพิมพ์ออกทางเครื่องพิมพ์ (printer)
เลือกขนาดกระดาษตามสะดวก
น่าจะเป็นทางออกที่ง่าย สำหรับผม และผู้สืบค้น
ที่มองเห็นปุ่มกด แล้วสั่งพิมพ์ผลทางเครื่องพิมพ์

[อธิบายตัวอย่าง code]
1. กำหนดส่วนของ div ให้มีปุ่มสำหรับสั่งพิมพ์
2. เหตุการณ์ onclick จะเรียกใช้ myFunction()
3. ใน Script จะสั่งพิมพ์ด้วย window.print() ก็จะเรียกบริการ print ของ window ขึ้นมา
4. ก่อนพิมพ์ก็สั่งซ่อนส่วนของ div
5. หลังพิมพ์ก็สั่งแสดงส่วนของ div อีกครั้ง

<div id=”prt”>
<button onclick=”myFunction()”>Print this page</button>
</div>
<script>
function myFunction() {
document.getElementById(“prt”).style.visibility=’hidden’;
window.print();
document.getElementById(“prt”).style.visibility=’visible’;
}
</script>

บริการ chart ของ google ผ่าน ajax api

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

https://google-developers.appspot.com/chart/interactive/docs/gallery

การนำเสนอ chart ในเว็บเพจมีกันหลายวิธี นั่งทบทวนการใช้ OFC (Open Flash Chart) อยู่พักหนึ่ง สุดท้ายก็ต้องยอมแพ้ เพราะ เส้นทางของ Flash ในอนาคต ดูจะตีบตันเหลือเกิน และ OFC ก็ไม่ได้พัฒนาต่อให้สมบูรณ์ ต่างกับ Google Chart ที่พัฒนาอย่างต่อเนื่อง และเลือกใช้งานได้หลากหลาย ตามความต้องการของผู้ใช้

จากการทดสอบ code ที่ใช้นำเสนอข้อมูลใน chart แต่ละแบบ ได้เก็บตัวอย่าง code ไว้เป็นไฟล์ และเก็บภาพตัวอย่าง chart เพื่อจะได้เลือกนำมาใช้ และนำ code มาปรับแก้โดยง่าย
ระบบนี้ไม่ต้องมี server เพราะจะเรียกไปยัง google.com โดยส่งข้อมูลผ่าน javascript code ทำงานแบบ AJAX คือ ประมวลผลร่วมกันระหว่าง client กับ google server มีตัวอย่าง chart แบบต่าง ๆ ดังนี้

google_ajax_api_annotation.htm
google_ajax_api_area.htm
google_ajax_api_bar.htm
google_ajax_api_bubble.htm
google_ajax_api_calendar.htm
google_ajax_api_candlestick.htm
google_ajax_api_column.htm
google_ajax_api_combo.htm
google_ajax_api_diff.htm
google_ajax_api_donut.htm
google_ajax_api_gantt.htm
google_ajax_api_gauge.htm
google_ajax_api_geo.htm
google_ajax_api_histrogram.htm
google_ajax_api_line.htm
google_ajax_api_lineinterval.htm
google_ajax_api_map.htm
google_ajax_api_org.htm
google_ajax_api_pie.htm
google_ajax_api_scatter.htm
google_ajax_api_table.htm
google_ajax_api_timeline.htm
google_ajax_api_trendline.htm
google_ajax_api_wordtree.htm

การเขียน CSS เพื่อเรียกใช้ font ของตนเองที่เตรียมไว้

มีโอกาสเขียนเว็บเพจที่ใช้ font ที่เตรียมไว้
ได้ download มา 2 font แล้วเก็บไว้ในห้องหนึ่ง
ชื่อ rsp_thchakrapetch.ttf กับ rsp_alexbrush.ttf
ส่วนแฟ้ม .htm ก็อยู่ในห้องเดียวกัน

มีขั้นตอนดังนี้
1. ประกาศชื่อแฟ้มฟอนต์ และชื่อฟอนต์ที่จะใช้ภายในเว็บเพจ
2. จุดใดจะกำหนดรูปแบบฟอนต์ ก็อ้างอิงที่ประกาศได้เลย
3. ดูจากตัวอย่างก็เข้าใจได้โดยง่าย

http://www.thaiall.com/web2

<body>
<style>
@font-face{
font-family:THChakraPetch;
src: url(‘rsp_thchakrapetch.ttf’);
}
@font-face{
font-family:AlexBrush;
src: url(‘rsp_alexbrush.ttf’);
}
</style>
<p style=”font-family:THChakraPetch;font-size:100px;”>สวัสดี</p>
<p style=”font-family:AlexBrush;font-size:100px;”>hello</p>
<p><a href=”rsp_thchakrapetch.ttf”>rsp_thchakrapetch.ttf</a></p>
<p><a href=”rsp_alexbrush.ttf”>rsp_alexbrush.ttf</a></p>
</body>

ดาวน์โหลดฟอนต์ และ code ตัวอย่าง โดย view source ได้เลย
http://www.thaiall.com/web2/download_font.htm

ทบทวนการใช้งาน linux ผ่าน Debian ที่อยู่ใน VirtualBox

วันนี้เตรียมเมล็ดมะละกอพันธุ์ฮอลแลนด์ จากมะละกอสุก
นำไปตากให้แห้งเอง ไม่ต้องซื้อใครเขา ทำเมล็ดพันธุ์เองเลย
เค้าว่าเมล็ดพันธุ์สำหรับนำไปปลูก
ขายกันเป็นขีด (100 กรัม)
ขีดละประมาณ 700 – 900 บาท มี 7000 – 8000 เมล็ด
บางรายขายเป็นซอง ๆ ละ 100 บาท มี 50 เมล็ด
https://www.facebook.com/malakoboy69/

จากนั้นก็มาทบทวน Operating System
จำได้ว่าเคยลง Debian ไว้บน Oracle VM VirtualBox
ใน WinXP ที่ใช้งานอยู่
ในเครื่องผมตั้ง user เข้า Debian ว่า “nation”
ต้องกรอกรหัสผ่านเข้าเครื่องให้ถูก
ถ้าไม่ถูกระบบจะแจ้งว่า “Authentication failure”
1. เปิดขึ้นมาก็เห็น Gnome Desktop
2. มุมบนซ้ายสุดมี Application, Places, System
ก็เลือก Application – Accessories – Terminal หรือ Root Terminal
เหมือนพิมพ์ SU เลยครับ
3. ตรวจว่าเครื่องเราเปิด port อะไรไปแล้วบ้าง
ด้วย #netstat -na
4. ตรวจว่ามี process อะไร start อยู่บ้าง
ด้วย #ps -aux
5. ตรวจว่ามีใครเข้าออกระบบเมื่อใด
ด้วย #last
6. ตรวจว่ามี user name อะไรที่อยู่ที่สร้างไว้แล้ว
ด้วย #cat /etc/passwd
7. ตรวจว่าเชื่อมต่อสื่ออะไรจากที่ไหนไว้บ้าง
ด้วย #mount
พบว่าแชร์เข้ามาจากระบบ Windows จำนวน 2 Folders
http://www.thaiall.com/blog/burin/4628/