เมื่อสปาร์ตั้นมา ไออีก็ไป (itinlife492)

spartan 300
spartan 300

โปรแกรมประเภทบราวเซอร์ของบริษัทไมโครซอฟท์ชื่ออินเทอร์เน็ตเอกซ์พลอเรอร์ (Internet Explorer) มีชื่อย่อว่าไออี (IE) โดยเปิดตัวปี 2538 ถูกใช้มานานกว่า 20 ปี ซึ่งรุ่นแรกใช้กับระบบปฏิบัติการวินโดวส์ 95 จนถึง IE11 ในวินโดวส์ 8.1 แล้วปี 2558 ก็มีข่าวว่าวินโดวส์ 10 จะใช้โปรแกรมสปาร์ตั้น (Spartan) แทนไออี และไออีก็จะหายไปในที่สุด จากผลการทดสอบในภาพรวมจากหลายแหล่ง พบว่า สปาร์ตั้นทำงานได้มีประสิทธิภาพกว่าไออีเดิมอย่างเห็นได้ชัด เมื่อเทียบกับ Chrome,  Firefox, Opera หรือ Safari ก็ยังมีบางด้านที่คู่แข่งทำงานได้ดีกว่า

browser ranking http://www.w3schools.com/browsers/browsers_stats.asp
browser ranking http://www.w3schools.com/browsers/browsers_stats.asp

ชื่อโปรแกรมสปาร์ตั้น ไปคล้ายกับชื่อเผ่านักรบโบราณในกรีซ ที่เราเห็นความกล้าหาญในภาพยนตร์เรื่อง 300 ที่ถูกยกย่องว่ามีการฝึกฝนอย่างหนัก มีความกล้าหาญ อดทน ระเบียบวินัย และเก่งกล้าในการรบ การเปลี่ยนไปใช้ชื่อบราวเซอร์ว่าสปาร์ตั้นแทนไออีของบริษัทไมโครซอฟท์ก็คาดว่าจะหวังผลทางการตลาด ที่เคยใช้ชื่อเดิมมากกว่า 20 ปี แต่ถูกชิงบัลลังก์ความเป็นเบอร์หนึ่งไป หากจะชิงบัลลังก์คืนมาก็ต้องมีกลยุทธ์ใหม่อีกหลายอย่าง ซึ่งกลยุทธ์หนึ่งคือการเปลี่ยนชื่อ (Rebranding) สิ่งที่เปลี่ยนชัดเจนคือการใช้ Engine ใหม่ชื่อ EdgeHTML สำหรับเว็บไซต์รุ่นใหม่ แต่ถ้าเป็นเว็บไซต์เก่าก็จะใช้ MSHTML ที่เคยใช้ใน IE11

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

ranking http://internet-browser-review.toptenreviews.com/
ranking http://internet-browser-review.toptenreviews.com/

http://hitech.sanook.com/1393789/

http://www.manager.co.th/Cyberbiz/ViewNews.aspx?NewsID=9570000149862

http://pantip.com/topic/30810184

Passage 9 by Ian Walker & พชรภรณ์ เค้าสงวนศิลป์

cell phone
cell phone

เป็นเนื้อหาสำหรับสาระภาษาอังกฤษ และเทคโนโลยี
สำหรับผู้เริ่มต้นกับภาษาอังกฤษ

Everyone has a cell phone including me.
My dad gave it to me on my birthday last year.
It is black and shiny.
It has a lot of buttons.
I use it to call my friends.
My dad told me I should not use it too much.
It is use ful when i am out with friends and my parents want to call me.
I carry my phone everywhere with me.
I cannot use it at school when i am in class.
If my teacher sees my cell phone, he will take it from me.
I enjoy listening to music on my cell phone.
Sometimes my friends and i exchange music on our cell phones.
This year, i want a Sony PSP for my birthday.

+ Woman fired : http://www.thaiall.com/blog/burin/6058/
+ 16 news : http://www.thaiall.com/blog/burin/6267/

ชวนมองการตั้งคำถาม (Question) และการตอบคำตอบ (Answer)

การตั้งคำถาม และการตอบคำถาม มีความเชื่อมโยงกัน
ถ้าแปลคำถามไม่ออก ก็คงจะตอบคำถามไม่ได้
มีตัวอย่างคำถามที่แปลเป็นภาษาไทยมาแบ่งปัน

เพลง คำถาม ของ แจ้ง ดนุพล แก้วกาญจน์
ถามคำหนึ่ง แล้วใครจะเป็นคนตอบ ..

ตัวอย่างคำถาม (Question Sample)
Frequently Asked Questions

1. จงแสดงรายการของ … มาจำนวน 10 รายการ
List 10 names of … ?
List 5 names of internal command for DOS ?
2. จงอธิบายเกี่ยวกับอุปกรณ์ที่มีความสามารถ เปิดทีวี
Explain about device that has … ?
3. จงอธิบายประโยชน์ของเว็บไซต์มาจำนวน 10 เว็บไซต์
Explain the advantage of 10 websites.
What are the advantages of “www.nation.ac.th” ?
4. อะไรคือ iphone หรือ อะไรคือความหมายของระบบปฏิบัติการ
What is ipod, data, information, email, snw?
What is the meaning of … OS ?
5. อะไรเป็นหน้าที่ของการกดปุ่ม Ctrl-ESC
What are the functions of “ctrl-alt-del”?
What are the functions of “F5” in webbrowser?

คำถาม (Question) และคำตอบ (Answer)
คำถาม (Question) และคำตอบ (Answer)

background sound สำหรับ powerpoint

screen pptx 2010
screen pptx 2010

เราสามารถใช้ powerpoint สร้างคลิ๊ปวีดีโอง่าย ๆ แบบ stop motion ได้
โดยการนำภาพนิ่งไปวางเป็นแต่ละ slide แล้วก็ใส่ sound เป็น background sound
ซึ่งใช้งานใน powerpoint 2010 ได้ เพราะสามารถ save as เป็น .wmv
แต่ใน powerpoint 2007 ยังไม่สนับสนุนการ save as เป็นคลิ๊ปวีดีโอ
และตัวเลือกในการทำให้ “เล่นในภาพนิ่งทั้งหมด” ของ 2007 กับ 2010 ก็มีการปรับเปลี่ยนตำแหน่ง
สรุปว่า powerpoint 2010
ช่วยให้การจัดทำคลิ๊ปวีดีโออย่างง่าย ทำได้ง่ายขึ้นมาก เสร็จในเวลาไม่กี่นาที
โดยไม่ต้องติดตั้งโปรแกรมพิเศษอีก

http://www.thaiall.com/blogacla/burin/4036/
แบบของ stop motion

https://dl.dropboxusercontent.com/u/50010673/stopmotion_slide57.rar
9 MB ตัวอย่าง slide

https://dl.dropboxusercontent.com/u/50010673/burin_blue.rar
32 MB ภาพใช้ประกอบการเรียน

https://dl.dropboxusercontent.com/u/50010673/song/yesisher.mp3

https://dl.dropboxusercontent.com/u/50010673/song/flower.mp3

sound pptx 2007
sound pptx 2007

Unobtrusive Javascript เป็นพื้นฐานการออกแบบเว็บไซต์ยุคใหม่

responsive web design
responsive web design

Unobtrusive Javascript คือ หลักการที่จะแยก javascript ออกไปจาก html
เพื่อให้การพัฒนา Responsive web design ง่าย
สอดคล้องกับการแยก style ออกจาก html ไปไว้ใน CSS
ยุคต่อไปของการพัฒนาเว็บไซต์จะเป็น responsive web design
การแยก html ออกจาก script และ css เป็นหลักการพื้นฐานก่อนเริ่มออกแบบ
โดยยึดว่า basic design มองไม่ที่ mobile device ก่อน
คือการมองจาก screen ที่มีข้อจำกัดที่สุดก่อน
http://en.wikipedia.org/wiki/Unobtrusive_JavaScript
Unobtrusive JavaScript
http://www.siamhtml.com/%E0%B8%AA%E0%B8%AD%E0%B8%99%E0%B8%82%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%95%E0%B8%AD%E0%B8%99-%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%97%E0%B8%B3-responsive-web-design/
http://8columns.com/articles/50009/1387278156096
http://web.stoms.co.th/2013/10/15/responsive-web-design/

ตัวอย่างแฟ้ม x1.htm
เขียน html แบบฝัง javascript ลงไปใน html tag
<body>
<input type=”text” name=”s1″ onchange=”window.status=’hello’;return true;” />
</body>

ตัวอย่างแฟ้ม x2.htm
เขียน html แบบเรียกใช้ javascript จาก html tag ซึ่งผูกเชื่อมกันชัดเจน
<head>
<script>
function s2(){ window.status = “hello”; }
</script>
</head>
<body>
<input type=”text” name=”s2″ onchange=”s2()” />
</body>

ตัวอย่างแฟ้ม x3.htm
เขียน html กับ javascript แยกกันเด็ดขาด แต่ฝากไว้ในแฟ้ม html เท่านั้น
<head>
<script>
window.onload = function() {
document.getElementById(“s3”).onchange = s3;
function s3(){ window.status = “hello”; }
}
</script>
</head>
<body bgcolor=yellow>
<input type=”text” name=”s3″ id=”s3″ />
</body>

ตัวอย่างแฟ้ม x4.htm
ทั้ง html กับ javascript และ css ต่างคนต่างอยู่ ใช้ include เข้ามา
<head>
<link href=”x.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”x.js”></script>
</head>
<body>
<input type=”text” name=”s41″ id=”s41″ />
<input type=”text” id=”s42″ />
</body>

ตัวอย่างแฟ้ม x.js
window.onload = function() {
var s41 = document.getElementById(“s41”);
s41.onchange = function() {
window.status = “hello”;
};
document.getElementById(“s42”).onclick = s42;
function s42(){ alert(“hello”); }
};

ตัวอย่างแฟ้ม x.css
body {
background-color: #ffff00;
}

แว่นโฮโลแกรมที่กำลังจะมา (itinlife484)

โฮโลแกรม (Hologram) คือ ภาพชนิดหนึ่งซึ่งมีลักษณะ 3 มิติ หรือภาพที่เรามองเห็นเป็นสามมิติ ใช้หลักการสร้างภาพให้มีการแทรกสอดของแสง ถูกคิดค้นโดยเดนนิส กาบอร์ (Dennis Gabor) วิศวกรไฟฟ้าชาวฮังการีในปีค.ศ.1947 และเป็นผลงานที่ได้รับรางวัลโนเบลสาขาฟิสิกส์ในปีค.ศ.1971 แล้วถูกพัฒนาเรื่อยมาจนเป็นโฮโลแกรม 3 มิติเคลื่อนไหวคล้ายกับมีชีวิตจริง ดังที่เห็นในเรื่อง Starwar ที่หุ่นอาร์ทูดีทูฉายภาพ 3 มิติของเจ้าหญิงเลอาที่มีการเคลื่อนไหวตามเวลาจริงแบบเรียลไทม์ (Realtime) แต่จินตนาการได้กลายเป็นจริงในปัจจุบัน ในชื่อเทคโนโลยี TelePresence ที่ภาพ 3 มิติออกมาอยู่นอกจอดูเสมือนจริง เมื่อ 2 พ.ย.57 มีงานคอนเสิร์ตคิดถึง D2B Live Concert 2014 ณ อิมแพค อารีน่า เมืองทองธานี โดยการใช้เทคโนโลยีโฮโลแกรม จำลองภาพนักร้องขึ้นมา

ปี 2558 บริษัทไมโครซอฟท์ได้ออกคลิ๊ปแนะนำแว่นโฮโลแกรม (Microsoft Hololens) อุปกรณ์ ที่สาธิตว่าจะประยุกต์ใช้กล้องนี้อย่างไร หลังจากนวัตกรรมแว่นกูเกิลได้ประกาศยุติการจำหน่ายไปก่อนหน้านี้ ปัจจุบันเรามีนวัตกรรมใหม่มาให้เลือกมากมาย หรือที่กำลังพัฒนา เช่น The Cicret Bracelet แต่ก็ต้องผ่านการประเมินจากผู้ใช้ว่าเป็นตัวจริงในตลาดเทคโนโลยีหรือไม่ เพราะแว่นกูเกิ้ลจะสวมเข้าไปในสถานที่ต้องห้ามไม่ได้ เช่น ห้างสรรพสินค้าบางแห่ง โรงภาพยนตร์ ห้องน้ำ ห้องทำงาน หรือห้องประชุม เป็นต้น เนื่องจากความสามารถของกล้องคือการบันทึกภาพและเสียง ซึ่งอาจะไปละเมิดความเป็นส่วนตัวของผู้อื่น หรือสถานที่ได้

แว่นโฮโลแกรมของไมโครซอฟต์สามารถสร้างแบบจำลองขึ้นมาเสมือนว่ามีของอยู่รอบตัวที่เข้าไปมีปฏิสัมพันธ์ด้วยได้ หรือสร้างแบบจำลองในคอมพิวเตอร์ แต่เห็นออกมาโลดแล่นอยู่นอกคอมพิวเตอร์ ไม่ต้องใช้เครื่องพิมพ์ 3 มิติสร้างวัตถุออกมาก่อน ก็สามารถเห็นภาพนั้นเสมือนจริงอยู่ร่วมกับวัตถุอื่นตามแนวคิดของ Augmented Reality ได้ หรือใช้สร้างวัตถุเสมือนจริงขึ้นมาเหมือนใช้โปรแกรมโฟโต้ช็อปก็ทำได้ ถ้าแว่นนี้ออกมาจริง และได้รับการยอมรับจากตลาด อนาคตของอุปกรณ์ที่เชื่อมกับเครือข่ายสังคมอาจเปลี่ยนไป เราอาจไม่ได้เห็นเพียงตัวอักษร กับภาพโปรไฟร์เท่านั้น ภาพจำลองของตัวเราอาจเดินเพ่นพ่าน และทำมีทติ้งกันได้เลย อีกหน่อยจินตนาการในภาพยนตร์เรื่อง Surrogates อาจกำลังจะเป็นจริง ถ้าเทคโนโลยีหุ่นยนต์ทำงานร่วมกับแว่นนี้ได้อย่างลงตัว

motorcycle
motorcycle

http://www.kiitdoo.com/%E0%B9%80%E0%B8%8A%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%A1-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%88%E0%B8%A3%E0%B8%B4%E0%B8%87-holograms/

http://www.thairath.co.th/content/461053

http://th.wikipedia.org/wiki/%E0%B8%AE%E0%B8%AD%E0%B9%82%E0%B8%A5%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%9F%E0%B8%B5

ตามหา list ใน facebook

facebook list
facebook list
วันนี้ (20 ม.ค.58) นั่งหาวิธีเข้าจัดการ List อยู่พักใหญ่
สุดท้ายคุณเปรม เฉลยว่า อยู่ใน Friends ของ home นั้นหละ
ที่อยู่ทางด้านซ้ายล่างลงไป
พอเข้าไปดูพบว่าแตกต่างกับ Friends ใน timeline ที่บริหารคนได้
แต่ Friends ใน home ใช้บริหารรายการชื่อ (List)
นี่ถ้ามีแบบสอบถามมาว่า facebook เป็นอย่างไร
ช่องที่ว่า “ใช้คำได้เหมาะสม เข้าใจง่าย” ผมไม่ให้เต็มแน่
เพราะการออกแบบปฏิสัมพันธ์คนกับคอมพิวเตอร์ของ facebook
ทำให้คนเข้าใจคอมพิวเตอร์ผิดไป
ด้วยคำที่เหมือนกัน แต่เป็นคำไม่เหมือนกัน
ที่สนใจเรื่องนี้ เพราะหัวหน้าท่านหนึ่งบอกว่า
อยากโพสต์ให้คนในกลุ่มหนึ่งเห็นเท่านั้น คนอื่นไม่เห็น
แต่ไม่อยากใช้กลุ่ม เพราะกลุ่มดูจะเทอะทะไป
ผมก็แนะนำว่า list คือ คำตอบสุดท้าย
จึงเป็นที่มาของการตามหา list ใน facebook

Blockly คือเครื่องมือช่วยพัฒนาโปรแกรมแบบวิชวล

blockly
blockly
1. ที่มา
Blockly คือ เครื่องมือพัฒนาโปรแกรมแบบวิชวล (Visual) โดยใช้สัญลักษณ์ภาพแบบจิ๊กซอล แทนคำสั่งมาเรียงต่อกันตามเงื่อนไขที่ต้องการ พัฒนาโดย google for education แล้วเปิดให้ทดลองใช้ (Try Blockly) บนเว็บของกูเกิ้ล หรือนักพัฒนาจะดาวน์โหลดไปติดตั้งบน website ของตนเอง เพื่อพัฒนาต่อยอดได้ ในเครื่องมีอนี้มีกลุ่มของสัญลักษณ์ที่ประกอบด้วย Logic, Loops, Math, Text, Lists, Colour, Variables, Functions
2. รับโปรแกรม (get the code)
โดย download แฟ้ม .zip เมื่อแตกแล้วก็นำไปวางบน server ที่บริการภาษา python
หน้าตาที่ได้ก็จะเป็น blockly แบบที่พบได้ใน demo ซึ่งจะทำงานบน client-side
3. Playground on the demo sever.
บริการใช้งาน Blockly แล้วสร้างเป็น source code : javascript แล้วคัดลอกออกมาได้
เพื่อนำไปใช้ใน compiler ต่อไปได้ แต่ทดสอบประมวลผลไม่ได้
4. บริการ Live Demo : JS Interpreter
สำหรับทดสอบประมวลผล Blockly และรายงานผลผ่านสัญลักษณ์ print ได้
แต่ copy : javascript ไม่ได้
5. code editor + run
ที่ block แล้วมองเห็น code ภาษาต่าง ๆ ทั้ง block, javascript, python, dart, xml
แล้วสั่ง run เพื่อดูผลลัพธ์ หรือ copy code ไปใช้ได้
6. มี Demos ให้ทดสอบการใช้งาน Blockly แบบต่าง ๆ
สร้างเครื่องบิน หรือ code editor ที่สลับไปมาระหว่าง source กับ symbol
7. ตัวอย่างบริการ blockly จากเว็บไซต์ต่าง ๆ
เช่น Blockly Games ใช้สร้างเกมง่าย ๆ ได้
หรือ Appinventor สำหรับ Android apps
8. ตัวอย่าง XML
<xml>
<block type=”variables_set” id=”642″ inline=”true” x=”-51″ y=”18″>
<field name=”VAR”>a</field>
<value name=”VALUE”>
<block type=”text” id=”643″>
<field name=”TEXT”>a</field>
</block>
</value>
<next>
<block type=”controls_repeat_ext” id=”644″ inline=”true”>
<value name=”TIMES”>
<block type=”math_number” id=”645″>
<field name=”NUM”>5</field>
</block>
</value>
<statement name=”DO”>
<block type=”text_append” id=”646″ inline=”false”>
<field name=”VAR”>a</field>
<value name=”TEXT”>
<block type=”text” id=”647″>
<field name=”TEXT”>b</field>
</block>
</value>
</block>
</statement>
<next>
<block type=”text_print” id=”648″ inline=”false”>
<value name=”TEXT”>
<block type=”variables_get” id=”649″>
<field name=”VAR”>a</field>
</block>
</value>
</block>
</next>
</block>
</next>
</block>
</xml>

visual logic สำหรับเขียนผังงาน (flowchart)

โปรแกรม visual logic คือ เครื่องมือสำหรับวาดผังงาน (Flowchart) แบบแทรกภาพ และสามารถสั่งประมวลผล เพื่อทดสอบการรับข้อมูล การแสดงผล การทำซ้ำ การทำงานตามเงื่อนไข แล้วยังมีสัญลักษณ์สำหรับวาดภาพ หรือเพิ่มเสียงได้ ซึ่งสัญลักษณ์ที่มีให้ใช้มีครอบคลุมการใช้งานพื้นฐาน เช่น input, assignment, output, if, for, while, exit, make array เป็นต้น หลังวาดผังงานเสร็จสามารถ export ออกไปเป็น code ภาษา Pascal หรือ Visual Basic ได้

flowchart
flowchart

+ ถ้าสนใจโปรแกรมนี้ เข้าไปศึกษารายละเอียดที่ visuallogic.org หรือ download demo version มาทดสอบได้ครับ

finding max number
finding max number

ผังงานสำหรับหาค่าสูงสุด ในอาร์เรย์ขนาด 3 สมาชิก

http://www.thaiall.com/flowchart/indexo.html