Short Note on Workshop “Web Application Development Workflow”

March 26, 2014 22:33

ผมชวนเพื่อนๆ CoP PSU IT ซึ่งเป็นรุ่นน้องชื่อคุณราชศักดิ์ บูรณะพาณิชย์กิจ และพัฒนาวดี ศิวติณฑุโก อยู่ที่คณะวิศวกรรมศาสตร์ มาจัด Workshop ใช้เวลา 1 วัน เรื่อง Web Application Development Workflow วิทยากรเตรียม slide ที่นี้ครับ http://bratchasak.github.io/slide/ คร่าวๆ คือ แนะว่า Web Application Development Workflow คืออะไร อธิบายว่าขั้นตอนของการพัฒนาและเครื่องมือที่ใช้ในการทำงาน ก็คือ Chrome Browser และ Sublime Text และติดตั้งโปรแกรม Git ใช้งานแบบ command line และ github for Windows แบบ GUI และสมัครบริการที่จำเป็นต้องใช้ก็คือ GitHub web เครื่องมือทั้งหมดนี้ก็จะสร้างระบบ Version control สำหรับการพัฒนาด้วย Git ได้แล้ว การเตรียมเครื่องมือสำหรับทำงาน 1.เกี่ยวกับ Chrome Browser (google chrome) ต้องลงชื่อเข้าใช้ google เพื่อทำงานได้ครบทุก Feature เข้าเว็บหน้านี้ https://www.google.com/intl/th/chrome/browser/ จะเห็นตัวอย่างชัดๆในการตรวจสอบด้วย Developper Tools เปิดหน้าต่าง Developper Tool ด้วย Ctrl+Shift+i คลิกเลือกไอคอน แว่นขยาย เพื่อส่องดูโค้ดได้ นอกจากนี้ก็มีแท็บน่าสนใจคือ แท็บ Console สำหรับ debug และ แท็บ Network สำหรับดู latency load time เปิดดูการทำงาน เมนูที่ใช้ใน workshop คือ คลิกปุ่มกำหนดค่าและควบคุม (มุมบนขวา) > เครื่องมือ > ตัวจัดการงาน ติดตั้งส่วนขยาย LiveReload www.google.com > search คำว่า livereload > เลือก Chrome Web Store – LiveReload คลิกปุ่มกำหนดค่าและควบคุม (มุมบนขวา) > เครื่องมือ > ส่วนขยาย > เลือกตัวเลือก อนุญาตให้เข้าถึงไฟล์ URL 2. ติดตั้งโปรแกรม Sublime Text 3 for Windows www.google.com > search คำว่า sublime เลือกเวอร์ชั่นให้ตรงกับ Windows OS ที่ใช้ ตาม slide หน้านี้ http://bratchasak.github.io/slide/#sublimetext_package ติดตั้ง package เพิ่มลงใน Sublime กดแป้น Ctrl+Shift+p > search คำว่า package > เลือก Package Control: Install Package > search คำว่า emmet > คลิกเลือก emmet > search คำว่า livereload > คลิกเลือก LiveReload > search คำว่า syntax คลิกเลือก Syntax Manager ต่อมา วิทยากรอธิบาย Software configuration management ว่ามี 3 model คือ Local data model, Client-server model และ Distributed

Read More »

เทคนิคการใช้งานคำสั่ง screen บน Linux

March 21, 2014 16:48

ในกรณีที่อยู่ภายนอกระบบเครือข่ายมหาวิทยาลัย การจะเข้าถึง Linux Server ของตนเองนั้น อาจจะทำได้โดย VPN เข้ามา แล้ว จึงใช้ SSH Client ต่างๆ เพื่อเข้าถึง SSH มายัง Server ที่ เปิดให้ Secure Shell ได้จากภายนอก แล้วจึง ssh จากเครื่องดังกล่าว ไปยัง Server ที่ต้องการ ปัญหาคือ การใช้งาน VPN ทำให้ ได้ IP เป็น Private ภายในมหาวิทยาลัย อาจจะไม่สะดวกในบางประการ ครั้นจะต้อง ssh ไปยังเครื่องที่เปิดให้ แล้วค่อยไปต่อก็ไม่สะดวกนัก เพราะ ถ้าต้องทำงานกับหลายๆเครื่อง ก็ต้อง ssh กันหลายรอบ บทความนี้ ขอยกตัวอย่างว่า มีเครื่อง xxx.psu.ac.th เปิดให้ ssh จากภายนอกเข้ามาได้ และมีเครื่อง aaa.psu.ac.th, bbb.psu.ac.th, ccc.psu.ac.th และ ddd.psu.ac.th เป็นเครื่องที่ต้องการจะเข้าไปจัดการ ด้วย SSH Client และสมมุติให้เครื่องต่างๆ เปิด Firewall ให้ xxx.psu.ac.th สามารถ ssh ไปได้ วิธีการหนึ่งที่สะดวกกว่าการ ssh หลายๆรอบ คือ การใช้คำสั่ง screen ขั้นตอนคือ ssh ไปยังเครื่อง xxx.psu.ac.th ใช้คำสั่ง screen จากนี้ไป เป็นการติดต่อไปยัง Server ต่างๆ … ที่ Shell ของ screen บนเครื่อง xxx.psu.ac.th ใช้คำสั่ง ssh username@aaa.psu.ac.th ก็จะได้เข้าถึง aaa.psu.ac.th ได้ เมื่อต้องการ ติดต่อไปยัง bbb.psu.ac.th ก็ กดปุ่ม Ctrl + a แล้วกดตัว c (c ตัวพิมพ์เล็ก) จากนั้นจะได้ Prompt ใหม่ของ xxx.psu.ac.th แล้วใช้คำสั่ง ssh username@bbb.psu.ac.th เมื่อต้องการ ติดต่อไปยัง ccc.psu.ac.th ก็ กดปุ่ม Ctrl + a แล้วกดตัว c (c ตัวพิมพ์เล็ก) จากนั้นจะได้ Prompt ใหม่ของ xxx.psu.ac.th แล้วใช้คำสั่ง ssh username@ccc.psu.ac.th เมื่อต้องการ ติดต่อไปยัง ddd.psu.ac.th ก็ กดปุ่ม Ctrl + a แล้วกดตัว c (c ตัวพิมพ์เล็ก) จากนั้นจะได้ Prompt ใหม่ของ xxx.psu.ac.th แล้วใช้คำสั่ง ssh username@ddd.psu.ac.th ต่อไป หากต้องการดูว่า มีการเชื่อมต่อไปยัง Server ใดไว้บ้าง ใช้คำสั่ง Ctrl + a แล้ว กด ” (Double Quote) ก็จะแสดง รายการของ Server ที่ติดต่อไป โดยนำหน้าด้วย ตัวเลข เริ่มจาก 0, 1, 2 และตามด้วยชื่อ โดยเริ่มต้น จะเป็นชื่อ Shell เช่น bash ทำให้จำได้ยาก แต่สามารถ ใช้ปุ่ม ลูกศร บนคีย์บอร์ด เพื่อเลื่อนขึ้นลงได้ ให้ เลื่อนไปที่อันแรก แล้วกด Enter (ซึ่งก็คือเครื่อง aaa.psu.ac.th)

Read More »

แนะนำโปรแกรมตกแต่งภาพสไตร์ Vintage ฟรี

March 19, 2014 09:33

น่าจัดอยู่ในโปรแกรมประเภท Freeware นะครับ ไว้สำหรับตกแต่งรูปสไตร์ Vintage สวยๆแบบง่ายๆ เรียกว่า แทบไม่ต้องเรียนรู้การใช้งาน แค่กดเลือกรูปแบบเอาเลย ว่าชอบแบบไหน   นอกจากการตกแต่งแนวสไตร์ภาพแล้วยังสามารถเลือกกรอบภาพ ใส่เสริมแสงพวกโบเก้หรือหิมะตกเสริมเข้าไปในภาพก็ได้ เรียกว่าแต่งภาพกันได้สนุกไปเลย วิธีการใช้คงไม่ต้องแนะนำ เพราะง่ายมาก ใครสนใจก็ไปหาโหลดกันได้ที่ http://www.xnview.com/en/xnretro/ อ้อ สำหรับบนมือถือ มี App Free ไว้แต่งภาพบนมือถือด้วยนะครับใช้ชื่อโปรแกรมเดียวกันเลย แต่อาจจะไม่มีพวก Effect บางตวที่สงวนไว้สำหรับเวอร์ชั่นเสียเงินซื้อบ้าง แต่เท่าที่ให้ใช้ฟรีผมว่าใช้ได้เยอะแยะแล้วครับ

Read More »

วิธีการ Charge iPhone ที่ถูกต้อง

March 14, 2014 16:08

สรุป Battery ของ iPhone 1. ใช้ Lithium-ion Batteries ซึ่งแตกต่างกับ Nickle-Base Batteries ซึ่งจะมีปัญหา memory effect ดังนั้น สามารถ Recharge ได้ ทุกครั้ง เมื่อมีโอกาส โดยไม่ต้องรอให้หมดแล้วค่อย Charge 2. Battery ของ iPhone จะมี Charge Cycle ที่ 500 Cycles, โดยแต่ละ cycle คือ จำนวน % ที่ Charge เข้าไป เช่น ถ้าเราใช้ Battery จาก 100% เหลือ 75% หรือ หมายความว่า ใช้ไป 25% แล้ว จะ Charge ทุกครั้ง …. 1 Cycle จะเท่ากับการทำอย่างนี้ 4 รอบ … เมื่อครบ 500 Cycles แล้ว … ฺBattery ก็จะเสื่อม คือเก็บไฟล์ได้แค่ 80% และลดลงเรื่อยๆ 3. แต่ เพื่อให้ได้ Exercise ควรใช้ให้ Battery “ใกล้” หมด เดือนละครั้ง แต่ …. ห้ามใช้จนหมด 4. ข้อเสียของ Lithium-ion คือ พอผลิตเสร็จ ออกจากโรงงาน … มันจะเริ่มเสื่อมทันทีไม่ว่าจะใช้หรือไม่ … ดังนั้น ถ้า iPhone4 ออกมา 2 ปี แล้วไปซื้อ แม้ว่าจะเป็นมือ 1 เลย ตัว Battery ก็จะเสื่อมไปบ้างแล้ว T.T 5. ดังนั้น การใช้ App ที่เปลือง Battery ทำให้ ต้องมีการใช้พลังงานเยอะ ตามมาด้วยการต้อง Charge บ่อยๆ ก็ยิ่งทำให้ Charge Cycle ครบ 500 cycles เร็วขึ้น และการ Charge ไป ใช้ไป อาจทำให้ Battery ร้อน แล้วระเบิดได้ เท่าที่อ่านมา ประมาณนี้ครับ Reference http://www.apple.com/batteries/iphone.html http://www.apple.com/batteries/ http://electronics.howstuffworks.com/everyday-tech/lithium-ion-battery.htm http://boards.straightdope.com/sdmb/showthread.php?t=475998

Read More »

7-Eleven Survival #2

March 14, 2014 09:00

ต่อจาก 7-Eleven Survival #1 ซึ่งเป็นเทคนิคการใช้งานโปรโมชั่นให้เกิดประโยชน์สูงสุด ประจำเดือน มีนาคม 2557 หลังจากใช้งานจริง พบว่า เราสามารถ ใช้โปรโมชั่นซ้อนโปรโมชั่นได้อีกด้วย !!! ประหยัดเพิ่ม แถม มีเงินเก็บในบัตรเพิ่มด้วย คุ้มป่ะล่ะ ! เติมเงินในบัตร 250 บาท และซื้อของผ่านบัตร 7-Card ทั้งหมด จันทร์ ซื้อโปรฯ จับคู่อิ่ม : บิ๊กเบา (17 บาท) + นมเปรี้ยว (จาก 20 เหลือ 10 บาท)และ กาแฟแก้ว S ราคา 14 บาท รวมจ่าย = 17+10+14 = 41 บาท ได้ สิทธิ์แลกซื้อสุดคุ้ม 1 สิทธิ์ (เก็บใบเสร็จไว้ใช้) ได้แต้ม = 40/2 =20 แต้ม รวมประหยัด 10 บาท อังคาร ทำเหมือนวันจันทร์ รวมจ่าย = 17+10+14 = 41 บาท ได้ สิทธิ์แลกซื้อสุดคุ้ม 1 สิทธิ์ (เก็บใบเสร็จไว้ใช้) ได้แต้ม = 40/2 =20 แต้ม รวมประหยัด 10 บาท   พุธ ใช้ใบเสร็จไปใช้สิทธิ์และซื้อสุดคุ้ม ซื้อ กาแฟแก้ว M จากราคา 18 บาท ในราคาเพียง 10 บาท ใช้ใบเสร็จไปใช้สิทธิ์และซื้อสุดคุ้ม ซื้อ เกี๊ยวหมู CP จากราคา 27 บาท ในราคา 20 บาท รวมจ่าย 30 บาท ได้แต้ม = 30/2 + 50 = 65 แต้ม รวมประหยัด = 8 + 7 = 15 บาท พฤหัส ทำเหมือนวันจันทร์ รวมจ่าย = 17+10+14 = 41 บาท ได้ สิทธิ์แลกซื้อสุดคุ้ม 1 สิทธิ์ (เก็บใบเสร็จไว้ใช้) ได้แต้ม = 40/2 =20 แต้ม รวมประหยัด 10 บาท ศูกร์ ทำเหมือนวันจันทร์ รวมจ่าย = 17+10+14 = 41 บาท ได้ สิทธิ์แลกซื้อสุดคุ้ม 1 สิทธิ์ (เก็บใบเสร็จไว้ใช้) ได้แต้ม = 40/2 =20 แต้ม รวมประหยัด 10 บาท สรุป จันทร์ – ศูกร์ จ่ายเงินไป = 41 + 41 + 30 + 41 + 41 = 194 บาท ได้แต้ม = 20 + 20 + 65 + 20 + 20 = 145 แต้ม รวมประหยัดไป =

Read More »