editor – iT Blog

#เล่าสู่กันฟัง 63-047 ใช้ vscode จัดการกับ github

การทำงานร่วมกันเป็นทีม ผ่านบริการ git บน github.com เริ่มจากเปิดโปรแกรม vscode มอง Activity Bar ด้านซ้าย (Menubar, View, Appearance, Show Activity Bar) มอง Source Control หรือ Explorer จะพบรายการแฟ้ม (Menubar, View, Open View…, Source Control = Ctrl-Shift-G) เพื่อดำเนินการต่าง ๆ ในลำดับต่อไป ที่มาของบทเรียนนี้ ถูกเตรียมขึ้น เพื่อตอบข้อซักถามของ ณัฐภัทร คำมูล (นน) ที่จะใช้ vscode เชื่อม github.com โดยบทเรียนแรกเน้นการสร้าง และ ลบแฟ้ม ส่วนบทเรียนที่สองเน้นการอัพโหลดภาพเข้า git ที่มี Contributors หลายคน

http://www.thaiall.com/web2/key.php?topic=vscode_github&dir=dnNjb2Rl&file=aW5kZXguaHRtbA==

#เล่าสู่กันฟัง 62-290 การเพิ่ม sharethis ใน footer.php ของ wp

30 ธ.ค.62 พบว่า sharethis.com พัฒนาบริการให้สมบูรณ์ขึ้น ประกอบกับ 1 ส.ค.61 บริการ facebook ไม่บริการ api ให้ tweet ส่งโพสต์อัตโนมัติไป facebook ส่วน facebook เองก็สนับสนุนส่งโพสต์อัตโนมัติไปสื่อสังคมอื่นที่เป็นคู่แข่งก็อาจลดลงในอนาคต ยกเว้น instagram ที่มีเจ้าของเดียวกัน เพื่อเพิ่มบริการ share post ให้ wordpress จึงเข้าไปขอใช้บริการจาก sharethis.com เลือกปุ่มสำหรับ share page จำนวน 5 ปุ่ม (ตามชอบ) แล้วนำ code จากทั้ง 2 ส่วนไปวางใน footer.php ก่อนบรรทัดเรียก function wp_footer(); ของ wordpress ผ่าน menu, appearance, theme editor พบว่าเมื่อเปิดการแก้ไข theme editor มีการแจ้งเตือนว่า ถ้าแก้ไขโค้ดอาจทำให้ผลการเปลี่ยนแปลงหายไปในอนาคต หากมีการอัพเดทรุ่น wordpress หรือเปลี่ยน theme ใหม่

ขั้นตอนการเพิ่ม sharethis.com เข้า footer.php ดังนี้

เริ่มจากใช้บัญชี facebook หรือ google หรือ email เข้าระบบ
สามารถเลือก inline share buttons
เพื่อนำไปวางใน right menu ของ wordpress
คัดลอก div จากหน้า inline share buttons
คัดลอก script จากหน้า settings
รวม code จากข้อ 3 และ 4 ไปวางใน webpage footer.php

Facebook API Changes Mean You Can No Longer Auto Post Tweets to Facebook

การปล่อยให้ editor สร้าง backup file อาจมีปัญหาตามมา ต้องเลือกเอง อย่าให้ค่าปริยายเลือกให้

โปรแกรมสำหรับจัดการรหัสต้นฉบับ มีมากมาย
เช่น editplus, notepad++ , atom , sublime หรือ textpad
ที่ดีมักมีตัวเลือกสร้าง backup file หรือ .bak
สิ่งที่ต้องระวัง คือ การอัพโหลดทั้ง folder หรือทำงานอัตโนมัติ
อาจพาแฟ้ม .bak และแฟ้มอื่นที่ไม่เหมาะไม่ควร
พากับขึ้นอยู่ในเครื่องบริการอย่างสงบ
และเปิดให้ชาวโลก รวมถึง google.com ได้เข้าถึง
ดังนั้น ไม่ควร หรือห้ามอัพโหลดเหมาเข่ง
หรือ ยกเลิกการสร้าง .bak อัตโนมัติ

โปรแกรมจัดการภาพเก่า และเล็ก แต่เจ๋ง

irfanview by Irfan Skiljan, Graduate of Vienna University

วันนี้ฤกษ์ดี (600716) หลังใช้โปรแกรม Irfanview
ดึงข้อมูล Miss Grand 2017
http://www.thaiall.com/actress/missgrand2017
ว่าสาวงามทั้ง 77 จังหวัด แต่ละจังหวัดมีภาพชื่ออะไร
เพื่อนำมาเตรียมข้อมูลในแบบ JSON สำหรับทำ PWA
ยิ่งเล่าก็ยิ่งเลยเถิด มาจับประเด็นที่ Irfanview กันดีกว่า
http://www.irfanview.com/

ประเด็นที่อยากพูดถึงวันนี้
1. โปรแกรม irfanview มีถึงรุ่น 4.44 ณ 16 กรกฎาคม 2560
แต่ผมยังใช้รุ่น 3.51 ตัวเล็กแค่ 635 KB เท่านั้น
Copyright (C) 1996-2001 by Irfan Skiljan, Graduate of Vienna University
2. การใช้โปรแกรมเพื่อเก็บชื่อภาพ และข้อมูลในภาพ
มีขั้นตอนคือ view ภาพก็จะเห็นข้อมูลในภาพ เช่น จังหวัด หรือ ชื่อนางสาว
แล้วกดปุ่ม F6 จะเข้า Rename แต่กดปุ่ม Ctrl-C เพื่อคัดลอกชื่อ
กดปุ่ม Alt-Tab กระโดดไป Editor
เพื่อวางข้อมูลด้วย Ctrl-V เป็นการวางชื่อแฟ้มที่ได้ในตำแหน่งที่เหมาะสม
แล้วพิมพ์ชื่อจังหวัดไปคู่กัน
3. ทำภาพ Transparent ก็ทำตอน Save as เลือก Transparent color
สกุล .gif แต่ภาพต้องมีจำนวนสีไม่มากตามคุณสมบัติของ .gif นะครับ
4. ทำแฟ้ม gallery อย่างรวดเร็ว ก็เลือก File, Thumbnails
จากนั้นเลือก File, Save selected thumbs as HTML file
5. ถ้ามีแฟ้มจำนวนมาก และต้องการ rename ให้ชื่อแฟ้มมีลำดับ
ก็ทำโดยเลือก File, Batch Conversion/Rename

ใช้ ckeditor แทน fckeditor

8 ก.ค.54 ต้องการใช้ text editor เป็น plug-in ของ textarea จึง download script จาก http://ckeditor.com/download
ได้รุ่น CKEditor 3.6.1, released on 16 June 2011 เมื่อคลาย zip ลงที่ root ก็ได้ห้อง /ckeditor แล้วเขียน code test.htm มีรายละเอียดว่า

<head><script type=”text/javascript” src=”ckeditor/ckeditor.js”></script></head>
<body><form action=”xxx.php” method=”post”>
<textarea cols=”80″ id=”editor1″ name=”editor1″ rows=”10″></textarea>
<script type=”text/javascript”>
//<![CDATA[
CKEDITOR.replace( ‘editor1’, {fullPage : true, extraPlugins : ‘docprops’ });
//]]>
</script>
<p><input type=”submit” value=”Submit” /></p>
</form>
</body></html>

แต่ toolbar ที่ได้เป็นแบบ full option จึงกำหนดรูปแบบในแฟ้ม config.js

config.toolbar =
[
[ ‘Source’, ‘-‘, ‘Bold’, ‘Italic’, syntaxhighlight’ ]
];

ซึ่งมีรายละเอียดศึกษาเกี่ยวกับ config ได้ที่
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

สร้างสื่อการเรียนรู้ด้วย reload หรือ exe editor

17 พ.ค.54 โปรแกรม reload editor และ exe editor ต่างเป็นโปรแกรมใช้สร้างบทเรียนออนไลน์ หรือสื่อการเรียนรู้ได้ เมื่อสร้างแล้วสามารถบันทึกเพื่อเผยแพร่ได้หลายรูปแบบ
สอดรับกับมาตรฐาน scorm, เว็บเพจ หรือจะส่งเข้า cd ก็ได้ กำลังคิดว่าจะใช้ตัวใดสอนนักศึกษาดี จึงหาแหล่งอ้างอิงว่า มืออาชีพเขาใช้อะไรกัน หรือแนะนำตัวไหน ก็ได้ thaicyberu.go.th ที่น่าจะให้คำแนะนำได้ เพราะเคยเห็นเปิด course สอนโปรแกรมแบบนี้มาแล้ว ที่หน้าแรกของโครงการมหาวิทยาลัยไซเบอร์ไทย สำนักงานคณะกรรมการการอุดมศึกษา พบว่าแนะนำทั้ง reload และ exe แสดงว่าดีทั้งสองโปรแกรม

http://exelearning.org (v 1.04)
http://www.reload.ac.uk (v 2.5.5)
http://lms.thaicyberu.go.th/officialtcu/main/download/eXe0.23.rar
http://lms.thaicyberu.go.th/officialtcu/main/download/man_eXe_0.23.rar
http://www.thaicyberu.go.th/Download/ReloadEditor2.rar
http://www.windowswiki.info/?p=662
http://www.thaicyberu.go.th/document/ManualProducer.rar
http://www.thaiall.com/e-learning/reloadscorm.htm
http://www.thaiall.com/e-learning/exescorm.htm