ได้ปรับเว็บธรรมะ กับเว็บสุขภาพ กับเบญจขันธ์

เจริญสติ
เจริญสติ

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

เทียบ line break ใน chrome กับ firefox
เทียบ line break ใน chrome กับ firefox

ในระหว่างปรับเว็บ dhamma และเว็บ data
http://www.thaiall.com/dhamma/

แล้วสร้างปุ่มเปิดลิงค์ ต้องการเขียนข้อความในปุ่ม
แบบแยกบรรทัดด้วย line break
ทีแรก ใช้ br tag แต่ไม่ได้ผล
หาข้อมูลแล้วพบว่าใช้ 
 หรือ &x000D;&x000A;
พบว่าใช้ได้ผลกับ Firefox แต่ไม่ได้ผลใน Chrome
แล้วพบคำแนะนำที่ 3 คือใช้ button tag ไม่ใช่ input tag
<button>ธรรมะ<br/>รักษาจิต</button>
<input type=button value=”โรคภัย&#13;&#10;ไข้เจ็บ”>

code ที่ใช้ ascii กับ tag
code ที่ใช้ ascii กับ tag

เมื่อใช้ button tag
พบว่าเทคนิคนี้แสดงผลถูกต้องทั้งใน Chrome และ Firefox
แต่ตอนผมใช้งานจริง ก็ยังปล่อยการใช้ &#13;&#10; ไว้ใน code
เพื่อเก็บไว้ดูเป็นกรณีศึกษา
เมื่อเปิด http://www.thaiall.com/data/

เบญจขันธ์
เบญจขันธ์

ส่วนคำสำคัญที่ใช้บรรเทาทุกข์ในใจ
คุณแคท รัตกาล เล่าผ่านเสื้อเบญจขันธ์ ไว้อย่างน่าสนใจ
https://www.facebook.com/permalink.php?story_fbid=1113679975347530&id=179537642095106

การแสดงชื่อภาพยนตร์ และ Rating ของแต่ละเรื่อง จากฐานข้อมูลของ IMDB.COM

eight and a half
eight and a half

สคลิ๊ปอ่านข้อมูลจาก ratings.list แบบ plain text
ที่เผยแพร่โดย imdb.com
มาแสดงผลในเว็บเพจแบบตาราง แบ่งหน้าละ 50 รายการ
และมีลิงค์ค้น title ในฐานข้อมูล imdb.com ผ่านชื่อเรื่อง
โดยปรับภาษาให้แสดงตัวอักษรชื่อเรื่อง
ผ่าน html ที่ใช้รหัส ord() เพื่อแสดงอักษรพิเศษ
เช่นเรื่อง 8½ (1963) ในรายการที่ 230

BD = 189 = ฝ = one by two

notepad++ is free editor for programmer
notepad++ is free editor for programmer

การสั่งแสดงตัวอักษร ก ใน 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; หรือพิมพ์ตรง ๆ ก็ได้
หากใช้ตัวเลข ก็แสดงว่า 3585 คือ ก
ซึ่งเป็นเลขสำหรับตัวอักษรภาษาไทยตัวแรก ในระบบ Unicode
แล้วพบว่าไม่สามารถแสดงด้วย &#161; หรือ &#xA1;
เพราะ Browser ไม่ได้รองรับ
อักษรพิเศษอื่น ๆ ที่ชวนมอง และมี Entity Name

อาทิ
&amp; = 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 พบคำว่า บอล

ball top keywords
ball top keywords

คำว่า ฟุตบอล เกี่ยวข้องกับคนไทย และชาวโลกเยอะ
เห็นข่าวเป็นประจำ
มีโอกาสเข้าไปดูสถิติ (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 วิชา

วิชาสามัญ 9 วิชา
วิชาสามัญ 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

pagespeed 100/100
pagespeed 100/100

เล่าสู่กันฟัง
เคยมีเพื่อนสนใจเรื่อง “การประเมินเว็บเพจให้ทำงานเร็ว และดีกับผู้ใช้
เพราะถ้าข้อมูลมหาศาลแล้ว ก็มีประเด็นสำคัญ 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 มีข้อมูลทำให้เรารู้ว่าประเทศไทย มีคนไทยกี่คน
คนไทย.com มี Thailand Gateway มีข้อมูลทำให้เรารู้ว่าประเทศไทย มีคนไทยกี่คน

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

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

print button by javascript
print button by javascript

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

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

button to print
button to print

[อธิบายตัวอย่าง 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 ที่พัฒนาอย่างต่อเนื่อง และเลือกใช้งานได้หลากหลาย ตามความต้องการของผู้ใช้

ตัวอย่าง google ajax api
ตัวอย่าง google ajax api

จากการทดสอบ 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