การแสดงชื่อภาพยนตร์ และ 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

แล้วโฮมเพจหน้าหนึ่งของผมก็ได้ 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

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

มะละกอแขกดำ ซื้อมาต้น 20 บาท
มะละกอแขกดำ ซื้อมาต้น 20 บาท
เมล็ดมะละกอฮอลแลนด์ ตากแห้งเอง
เมล็ดมะละกอฮอลแลนด์ ตากแห้งเอง

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

share folder in debian
share folder in debian
virtualbox screen
virtualbox screen

จากนั้นก็มาทบทวน 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/

นักศึกษาเขียนเว็บแบบ responsive web design

อบรม webmaster
อบรม webmaster

เล่าสู่กันฟัง
ว่า 13-16ธ.ค.59 พบ น.ศ.ที่ Lab1 หลังอบรม น.ศ.ทำ Responsive web design ซึ่งมีเนื้อหาสำคัญ ทางเทคนิค 2 เรื่อง คือ การเขียน html ร่วมกับ css ให้รองรับ multi device ก็รวบรวมผลงานที่เค้านำเสนอ จากผลการอบรม ฝากไว้ที่
http://thaiall.somee.com
มีนักศึกษาหลายคนติดตามงานที่คั่งค้าง เพราะอบรม และทำผลงานมีเวลากระชั้นชิด ทำให้ผลงานยังไม่เป็นที่พึงใจ จึงปรับปรุงใหม่ แล้วอัพโหลดมาให้ชมภายหลังการอบรม ผมก็อัพโหลดเข้าไปอัพเดทให้เรียบร้อยแล้ว การสื่อสาร เราคุยกันผ่าน facebook group เพราะข้อมูลการสนทนา และรูปภาพจะไม่หายไป และระบบรับงาน .zip ได้ดี สูงสุดถึง 100 MB ไฟล์ไม่ถูกกำหนดเวลาลบออกจากระบบเหมือน Line

หลังจากการอบรมแล้วเสร็จ ผมได้กลับไปพัฒนา Responsive Web Design ของตนเอง เริ่มจากการพัฒนาแบบ Prototype ขึ้นมาก่อน แล้วทำแบบ Water fall คือ ทีละหน้า ขยายไปเว็บเพจอื่น และทำแบบ Build and fix คือ ทำไปซ่อมไป ตอนนี้ขยายผลไป /os, /digitallogic และ /data มีรุ่นของ Prototype ใน /web2 เป็น 6.2 ส่วนของ Footer อัพเดทอีกครั้งเมื่อวันที่ 26ธ.ค.59 หลังพบปัญหาที่ทำให้ต้องเพิ่ม class ให้ footer ต่อจากนี้คงกลับมาปรับเนื้อหา (Content) ในเว็บต่าง ๆ ข้างต้น เพราะ design เสร็จแล้ว แต่ภาค content ที่มีอยู่ ยังไม่ได้นำเข้าไปจัดลง ในเหล่าเว็บที่เป็น static webpage ให้เรียบร้อย

ในวันสุดท้ายของการอบรม มีนักศึกษาได้รับการพิจารณารับรางวัลผลงานเว็บ จำนวน 2 คน ที่ได้คะแนนรวมสูงสุดจากกรรมการ คือ นายวรวัช ไชยธิ และนายสุรวิชญ์ สุริยะวงค์

ผลงานนักศึกษา

  1. อรรถพล จริงมาก
    http://thaiall.somee.com/atthapol
  2. บุณยดา สูงติวงค์
    http://thaiall.somee.com/boonyada
  3. จิรายุ คำแปงเชื้อ
    http://thaiall.somee.com/jirayu
  4. กิตติคุณ แก้วมา
    http://thaiall.somee.com/kittikhun
  5. กัณฐิกา ลำพระสอน
    http://thaiall.somee.com/kunthika
  6. ณัชญาพัทธ์ จันทร์ศรี
    http://thaiall.somee.com/natchayapat
  7. ณัฐวุฒิ ปินใจ
    http://thaiall.somee.com/nattawut
  8. พิทยา กานต์อาสิญจ์
    http://thaiall.somee.com/pittaya
  9. แพรทิวา ขันเงิน
    http://thaiall.somee.com/praetiwa
  10. สุรวิชญ์ สุริยะวงค์
    http://thaiall.somee.com/surawit
  11. วิไลวรรณ แซ่โซ้ง
    http://thaiall.somee.com/wilaiwan
  12. วรวัช ไชยธิ
    http://thaiall.somee.com/worawat/intro.htm

ผลการลงคะแนนเสียง #พรบคอม ไม่เห็นด้วย 0% แสดงว่าต้องดีจริง

ผล vote ict law
ผล vote ict law

วันที่ 16 ธันวาคม 2559 ที่ประเทศไทยมีการประชุม
ของ สภานิติบัญญัติแห่งชาติ #สนช
ซึ่งมีผู้ทรงคุณวุฒิเข้าร่วมประชุมจำนวนทั้งสิ้น 172 ท่าน
เพื่อลงคะแนนพิจารณา
ร่างพระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์ (ฉบับที่ ..) พ.ศ. ..
https://www.blognone.com/node/88369

 

ผลการลงคะแนน #voteictlaw ในจำนวนนี้ พบว่า
ไม่แน่ใจ มี 5 ท่าน คิดเป็นร้อยละ 2.91
เห็นด้วย มี 167 ท่าน คิดเป็นร้อยละ 97.09
ไม่เห็นด้วย มี 0 ท่าน คิดเป็นร้อยละ 0

 

https://ictlawcenter.etda.or.th/de_laws/detail/de-laws-computer-related-crime-act

เมื่อเข้าไปค้นใน wiki พบว่า
ปัจจุบัน สนช. คือ สภานิติบัญญัติแห่งชาติ พ.ศ. 2557 (31 กรกฎาคม 2557 – ปัจจุบัน)
ตั้งโดยคณะรักษาความสงบแห่งชาติหลังรัฐประหาร
และประกาศใช้รัฐธรรมนูญแห่งราชอาณาจักรไทย (ฉบับชั่วคราว) พุทธศักราช 2557
แทน รัฐธรรมนูญแห่งราชอาณาจักรไทย พุทธศักราช 2550
เมื่อ 8 สิงหาคม 2557 สมาชิกนิติบัญญัติแห่งชาติได้มีการลงมติ
เลือกประธานและรองประธาน ผลปรากฏว่า
ศาสตราจารย์พิเศษ พรเพชร วิชิตชลชัย เป็นประธาน
และ สุรชัย เลี้ยงบุญเลิศชัย เป็นรองประธานคนที่ 1
และ พีระศักดิ์ พอจิต เป็นรองประธานคนที่ 2

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

ก่อนหน้านี้ .. มีการทักท้วงเรื่อง พรบคอม
การไม่มีใครไม่เห็นด้วยเลย น่าจะเป็นคำตอบว่า
การทักท้วงไม่เป็นผล

ปัญหาในพรบคอม ที่มีการทักท้วงกัน
ปัญหาในพรบคอม ที่มีการทักท้วงกัน

http://www.posttoday.com/politic/470517

ช่วงเย็นของ 15 ธ.ค.59 มีผู้คนสนใจเรื่อง “พรบคอม” มากที่สุด

twitter singlegateway
twitter singlegateway

ดู “ความนิยม (Trends)” ใน twitter.com หน้าแรก
พบด้านซ้ายจะมี hash tag
บอกว่าช่วงนี้เค้าติด hash tag ด้วยคำว่าอะไร
ซึ่งบอกถึงแนวโน้มของความสนใจของผู้คน
อย่างเช่นวันที่ 15 ธันวาคม 2559
พบว่ามี hash tag ที่สัมพันธ์กันอยู่ 3 คำ คือ

#พรบคอม 4.06 ส. ทวีต
#singlegateway 2.51 ม. ทวีต
#ไม่ค้านผ่านแน่ 2,123 ทวีต

และเพิ่มขึ้นเรื่อย ๆ
แล้วเข้าเว็บไซต์ของกระทรวงดิจิทัลเพื่อเศรษฐกิจและสังคม
http://www.mict.go.th
พบว่า ก.ไอซีที แจงข้อเท็จจริงเนื้อหาร่าง พ.ร.บ.คอมพิวเตอร์ฯ มาตรา 15 และ 20
http://www.mict.go.th/view/1/%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A7%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%97%E0%B8%A3%E0%B8%A7%E0%B8%87%E0%B8%AF/1964

ข่าวนี้อ่านเพิ่มเติมได้ที่
http://www.matichon.co.th/news/395549

อธิบายที่มาของ Hashtag
http://www.aripfan.com/u-know-why-hashtag/

เว็บไซต์ kapook อธิบายเรื่อง single gateway ได้ละเอียด
http://hilight.kapook.com/view/126924

info singlegateway
info singlegateway